.rtl {
direction: rtl;
}
iframe,
img {
border: none;
}
@font-face{
font-family:star;
font-display: swap;
}
.xs-top-bar.color-white .xs-top-bar-info .xs-select,
.xs-top-bar.version-gray .xs-top-bar-info .xs-select {
background-image: url(//coolkicks.co.za/wp-content/themes/marketo/assets/images/arrow-gray.png);
}
.xs-header,
.xs-header.version-fullwidth .container-fullwidth > .row {
position: relative;
}
.container-fullwidth .megamenu.v2 > .nav-dropdown {
max-width: 1150px;
}
.xs-faq-group [class^="col-"]:first-child .xs-single-faq,
.xs-faq-group [class^="col-"]:last-child .xs-single-faq {
counter-increment: my-awesome-counter 2;
}
.xs-feature-list.vertical,
.xs-offer-text,
.xs-product-offer-label {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
}
body {
font-weight: 400;
font-size: 14px;
line-height: 25px;
color: #4a4a4a;
background-color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
font-display: swap;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-display: swap;
}
a,
b,
div,
li,
ul {
-webkit-tap-highlight-color: transparent;
-moz-outline-: none;
}
a:active,
a:focus,
input,
input:active,
input:focus,
input:hover,
textarea,
textarea:active,
textarea:focus,
textarea:hover {
-moz-outline: none;
outline: 0;
}
embed,
img:not([draggable]),
object,
video {
max-width: 100%;
height: auto;
}
a,
a:active,
a:focus,
a:hover,
a:visited {
text-decoration: none;
outline: 0;
}
img {
max-width: 100%;
}
li,
ul {
list-style: none;
padding: 0;
margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #1c1c24;
font-weight: 600;
}
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.75rem;
}
h4 {
font-size: 1.5rem;
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1rem;
}
table th,
table td {
padding: 10px 15px;
}
dt {
font-weight: initial;
}
dd {
margin-left: 30px;
}
.clear-both:after,
.clear-both:before {
display: table;
content: "";
clear: both;
}
.xs-top-bar {
background-color: #f5f5f5;
padding: 10px 0;
}
.topbar-info-group > ul {
display: inline-block;
}
.topbar-info-group .xs-top-bar-info {
padding-right: 40px;
}
.xs-top-bar.color-white .xs-social-list li a,
.xs-top-bar.color-white .xs-top-bar-info .xs-select,
.xs-top-bar.color-white .xs-top-bar-info li a {
color: #fff;
}
.xs-top-bar.color-white .xs-top-bar-info .xs-select option {
color: #0063d1;
}
.xs-top-bar.v-border {
border-bottom: 1px solid #006feb;
}
.xs-top-bar.version-gray {
background-color: #f1f1f1;
color: #aaa;
}
.xs-top-bar.version-gray .xs-social-list li a,
.xs-top-bar.version-gray .xs-top-bar-info .xs-select,
.xs-top-bar.version-gray .xs-top-bar-info li a {
color: #aaa;
}
.xs-top-bar.version-gray .xs-top-bar-info .xs-select option {
color: #222;
}
.xs-top-bar.version-gray .xs-top-bar-info li {
border-right-color: #aaa;
}
.xs-top-bar-info li {
display: inline-block;
border-right: 1px solid #d7d7d7;
margin-right: 14px;
padding-right: 20px;
}
.xs-top-bar-info li:last-child {
margin-right: 0;
}
.xs-top-bar-info li a {
color: #222;
font-size: 0.92857em;
}
.xs-top-bar-info li a i {
padding-right: 10px;
font-size: 1.2em;
position: relative;
top: 2px;
}
.xs-top-bar-info.right-content {
text-align: right;
}
.xs-top-bar-info.right-content li:last-child {
border-right: 1px solid transparent;
margin-right: 0;
padding-right: 0;
}
.xs-top-bar-info .xs-select {
background-color: transparent;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(//coolkicks.co.za/wp-content/themes/marketo/assets/images/arrow.png);
padding-right: 15px;
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
}
.xs-header {
background-color: #fff;
z-index: 9;
margin-bottom: 19px;
}
.xs-header.header-version-mb-0 {
margin-bottom: 0;
}
.xs-header.v-yellow .menu-label,
.xs-header.v-yellow .xs-single-wishList .xs-item-count.highlight,
.xs-header.v-yellow .xs-vartical-menu .cd-dropdown-trigger {
background-color: #fed700;
color: #333e48;
}
.xs-header.v-yellow .menu-label::before {
border-left-color: #fed700;
border-top-color: #fed700;
}
.xs-header.v-yellow .xs-vartical-menu .cd-dropdown-trigger::after,
.xs-header.v-yellow .xs-vartical-menu .cd-dropdown-trigger::before {
background: #333e48;
}
.xs-header.v-yellow .xs-navbar-search .btn[type="submit"] {
background-color: #fed700;
color: #333e48;
border-color: #fed700;
}
.xs-header.v-yellow .xs-navDown .btn:not([type="submit"]) {
background-color: #fed700;
border-color: transparent;
color: #575353;
}
.xs-header.v-yellow .xs-navDown .btn:not([type="submit"]) strong {
color: #333e48;
}
.xs-header.v-yellow .xs-navDown .btn:not([type="submit"]):hover {
border-color: #222;
color: #fff;
}
.xs-header.v-yellow .xs-navDown .btn:not([type="submit"]):hover strong {
color: #fff;
}
.xs-header.v-yellow .mini_cart_item .mini-cart-title a {
color: #fed700;
}
.xs-header.v-yellow .mini-cart-btn .badge {
background-color: #fed700;
}
.xs-header.v-yellow .xs-menus .nav-menu li a,
.xs-header.v-yellow .xs-single-wishList {
color: #333e48;
}
.xs-header.v-yellow .xs-vartical-menu .cd-dropdown-content,
.xs-header.v-yellow .xs-vartical-menu .cd-dropdown::before {
border-color: #fed700;
}
.xs-header.version-fullwidth .cd-dropdown-trigger::after {
right: 42px;
}
.xs-header.version-fullwidth .cd-dropdown-trigger::before {
right: 48px;
}
.xs-header.version-fullwidth .xs-wish-list-item .xs-header-info {
margin-right: 30px;
}
.xs-header.header-transparent {
padding-bottom: 0;
background-color: transparent;
position: absolute;
top: 0;
left: 0;
width: 100%;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-header.header-transparent .xs-navBar .xs-menus-group {
padding-left: 0;
}
body .xs-promotion ~ .header-transparent {
top: 56px;
}
.xs_nav-landscape .nav-logo {
display: none;
}
.xs-logo-wraper {
padding: 10px 0;
}
.xs-logo-wraper a {
display: inline-block;
}
.xs-menus .nav-menu {
text-align: center;
}
.xs-menus .nav-menu > li .nav-dropdown {
right: auto !important;
}
.xs-menus .nav-menu > li:last-child {
margin-right: 0;
}
.xs-menus .nav-menu > li:last-child a {
padding-right: 0;
}
.xs-menus .nav-menu > li > a {
color: #333;
font-weight: 500;
display: block;
padding: 40px 20px;
position: relative;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-menus .nav-menu > li > a.highlight {
color: #e14546 !important;
}
.xs-menus .nav-menu > li.active a,
.xs-menus .nav-menu > li:hover > a,
.xs-menus .nav-menu > li > .nav-dropdown li a:hover,
.xs-menus .nav-menu > li > a:hover {
color: #0063d1;
}
.xs-menus .nav-menu > li > a .submenu-indicator-chevron {
border-color: transparent #333 #333 transparent;
}
.xs-menus .nav-menu > .active > a .submenu-indicator-chevron,
.xs-menus .nav-menu > .focus > a .submenu-indicator-chevron,
.xs-menus .nav-menu > li:hover > a .submenu-indicator-chevron {
border-color: transparent #0063d1 #0063d1 transparent;
}
.xs-menus .nav-menu li > .nav-dropdown {
border-radius: 0 0 5px 5px;
-webkit-box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.16);
box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.16);
background-color: #fff;
border-top: 0;
}
.xs-menus .nav-menu li > .nav-dropdown li a {
background-color: transparent;
border-bottom: 1px solid #f1f1f1;
color: #222;
font-size: 14px;
}
.xs-menus .nav-menu li > .nav-dropdown li a:hover {
color: #0063d1;
}
.xs-menus .nav-menu li.focus .nav-submenu {
z-index: 999999;
}
.xs-menus .nav-menu .nav-dropdown li:last-child a {
border-bottom: 0;
}
.xs-menus .home-menu-panel {
border-radius: 0 0 5px 5px;
background-color: #fff;
border-top: 0;
}
.xs-menus .home-menu-panel a {
text-align: center;
display: block;
position: relative;
overflow: hidden;
}
.xs-menus .home-menu-panel a h4 {
color: #222;
font-size: 1.14286em;
font-weight: 400;
margin-bottom: 0;
}
.xs-menus .home-menu-panel a img {
border: 1px solid #eaeaea;
border-radius: 4px;
margin-bottom: 10px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.xs-menus .home-menu-panel a:hover img {
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
.xs-menus .home-menu-panel > .row {
margin-bottom: 30px;
}
.xs-menus .home-menu-panel > .row:last-child {
margin-bottom: 0;
}
.xs-menus.xs_nav-landscape .megamenu-panel {
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.175);
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.175);
width: calc(100% - 15px);
}
.xs-menus .megamenu-title {
margin-bottom: 25px;
}
.xs-menus .megamenu-title h5 {
font-size: 1.28571em;
font-weight: 700;
margin-bottom: 8px;
}
.xs-menus .megamenu-title p {
font-size: 0.85714em;
color: #999;
margin-bottom: 0;
}
.xs-menus .megamenu-content p {
margin-bottom: 0;
font-size: 0.85714em;
color: #b4b4b4;
line-height: 2;
}
.xs-menus .megamenu-v2 .megamenu-list > li {
border-left: 2px solid #f5f5f5;
}
.xs-menus .megamenu-v2 .megamenu-list > li > a {
padding: 12px 20px;
color: #b4b4b4;
font-size: 12px;
-webkit-transition: all 0.4s;
transition: all 0.4s;
position: relative;
}
.xs-menus .megamenu-v2 .megamenu-list > li > a > .badge {
border-radius: 2px;
color: #f5f5f5;
font-weight: 700;
font-size: 8px;
padding: 6px 8px 4px;
line-height: 1;
margin-left: 5px;
vertical-align: middle;
}
.xs-menus .megamenu-v2 .megamenu-list > li > a > .badge.badge-primary {
background-color: #0063d1;
}
.xs-menus .megamenu-v2 .megamenu-list > li > a > .badge.badge-secondary {
background-color: #e70067;
}
.xs-menus .megamenu-v2 .megamenu-list > li > a::before {
position: absolute;
left: -2px;
top: 0;
content: "";
height: 100%;
width: 2px;
background-color: #0063d1;
opacity: 0;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-menus .megamenu-v2 .megamenu-list > li > a:hover::before {
opacity: 1;
}
.xs-menus .megamenu-v2 .megamenu-list li:not(.megamenu-list-title) a:hover {
color: #626262;
}
.xs-menus .version-black {
background-color: #1e212a;
}
.xs-menus .version-black .megamenu-title h5 {
color: #fff;
}
.xs-menus .version-black .megamenu-list > li {
border-left-color: #3d404a;
}
.xs-menus.xs_nav-landscape .megamenu-v2 {
padding: 50px;
border-radius: 0 0 10px 10px;
-webkit-box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.1);
border-top: 4px solid #0063d1;
overflow: hidden;
}
.xs-menus.xs_nav-landscape .version-black.megamenu-v2 {
border-top: 0;
}
.xs-menus .megamenu-bg {
position: absolute;
right: 0;
top: 0;
pointer-events: none;
z-index: -1;
}
.xs-menus .megamenu-bg.bg-2 {
right: -23px;
top: 82px;
}
.xs-menus .megamenu-bg.bg-1 {
top: 100px;
right: -5px;
}
.menu-label {
display: block;
position: absolute;
top: 8px;
left: 50%;
background-color: #0063d1;
color: #fff;
font-size: 0.786em;
padding: 5px 8px;
}
.menu-label::before {
position: absolute;
content: "";
bottom: -5px;
left: 0;
height: 5px;
width: 5px;
background-color: transparent;
border-right: 2.5px solid transparent;
border-left: 2.5px solid #0063d1;
border-top: 2.5px solid #0063d1;
border-bottom: 2.5px solid transparent;
}
.menu-label.highlight {
background-color: #83b735;
}
.menu-label.highlight::before {
border-left: 2.5px solid #83b735;
border-top: 2.5px solid #83b735;
}
.xs-wish-list-item {
padding: 26px 0;
text-align: right;
display: flex;
justify-content: flex-end;
align-items: center;
}
.xs-wish-list-item .xs--dropdown {
display: inline-block;
}
.xs-wish-list-item .xs-header-info {
display: inline-block;
position: relative;
top: -5px;
margin-right: 40px;
}
.xs-wish-list {
margin-right: 30px;
display: inline-block;
}
.xs-single-wishList {
font-size: 2.14286em;
color: #555;
position: relative;
}
.xs-single-wishList .xs-item-count {
font-size: 0.4em;
color: #565656;
font-weight: 500;
position: absolute;
top: -5px;
right: -5px;
display: inline-block;
width: 21px;
height: 21px;
line-height: 17px;
border: 3px solid #fff;
text-align: center;
background-color: #f0f0f0;
border-radius: 100%;
}
.xs-single-wishList .xs-item-count.highlight {
background-color: #0063d1;
color: #fff;
}
.fadeIns.show {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.mini_cart_item {
border-bottom: 1px solid #d7d7d7;
margin-bottom: 10px;
padding-bottom: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mini_cart_item:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.mini_cart_item .mini-product-thumb {
width: 75px;
height: 75px;
}
.mini_cart_item .mini-cart-title {
font-weight: 500;
font-size: 0.85714em;
}
.mini_cart_item .mini-cart-title a {
color: #0063d1;
}
.mini_cart_item .btn-cancel {
background-color: transparent;
color: #dc3545;
border-color: transparent;
padding: 0;
margin-right: 5px;
cursor: pointer;
}
.mini-cart-btn {
display: block;
}
.mini-cart-btn .badge {
display: block;
padding: 12px 0;
}
.xs-miniCart-menu.show {
width: 300px;
padding: 15px;
margin: 0;
top: 50px !important;
}
.xs-miniCart-dropdown .dropdown-toggle::after {
display: none;
}
.xs-header-info li {
display: inline-block;
color: #999;
margin-right: 30px;
}
.xs-header-info li:last-child {
margin-right: 0;
}
.xs-header-info li i {
font-size: 1.42857em;
padding-right: 10px;
top: 2px;
position: relative;
}
.xs-header-info.green-version li {
color: #7fbb00;
}
.xs-navBar > .container {
position: relative;
}
.xs-navBar .navbar-border {
border-style: solid;
border-width: 1px 0;
border-color: #d2ebdb;
margin-left: 0;
margin-right: 0;
}
.xs-navBar .navbar-border .xs-menus .nav-menu {
text-align: left;
}
.xs-navBar .navbar-border .xs-menus .nav-menu > li {
margin-right: 24px;
}
.xs-navBar .navbar-border .xs-menus .nav-menu > li:last-child {
margin-right: 0;
}
.xs-navBar .navbar-border .xs-menus .nav-menu > li > a {
color: #515151;
padding: 24px 15px;
}
.xs-navBar .navbar-border .xs-menus .nav-menu > li > a::before {
position: absolute;
content: "";
bottom: -1px;
left: 0;
width: 0%;
height: 2px;
background-color: #7fbb00;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-navBar .navbar-border .xs-menus .nav-menu > li > a:hover::before {
width: 100%;
}
.xs-navBar .navbar-border .nav-menu > li:hover > a,
.xs-navBar .navbar-border .xs-menus .nav-menu > li > .nav-dropdown li a:hover,
.xs-navBar .navbar-border .xs-menus .nav-menu > li > a:hover,
.xs-navBar .navbar-border .xs-single-wishList {
color: #7fbb00;
}
.xs-navBar .navbar-border .xs-single-wishList .xs-item-count {
background-color: #7fbb00;
color: #fff;
}
.xs-navBar .navbar-border .xs-single-wishList .xs-item-count.highlight {
background-color: #ff6251;
}
.xs-navBar .navbar-border .xs-wish-list-item {
padding: 10px 0;
text-align: right;
}
.xs-navBar .navbar-border .nav-menu > .active > a .submenu-indicator-chevron {
border-color: transparent #515151 #515151 transparent;
}
.xs-navBar .navbar-border .nav-menu > .focus > a .submenu-indicator-chevron,
.xs-navBar .navbar-border .nav-menu > li:hover > a .submenu-indicator-chevron {
border-color: transparent #7fbb00 #7fbb00 transparent;
}
.xs-navBar .xs-menus-group {
position: static;
}
.xs-navBar.v-yellow .xs-menus .nav-menu > li > a {
color: #333e48;
}
.xs-navBar.v-yellow .xs-menus .nav-menu li.active > a,
.xs-navBar.v-yellow .xs-menus .nav-menu > li > a:hover {
color: #fed700;
}
.xs-navBar.v-yellow .menu-label,
.xs-navBar.v-yellow .xs-single-wishList .xs-item-count.highlight {
background-color: #fed700;
color: #333e48;
}
.xs-navBar.v-yellow .menu-label::before {
border-left-color: #fed700;
border-top-color: #fed700;
}
.xs-navBar.v-yellow
.xs-menus
.nav-menu
> .active
> a
.submenu-indicator-chevron,
.xs-navBar.v-yellow .xs-menus .nav-menu > .focus > a .submenu-indicator-chevron,
.xs-navBar.v-yellow
.xs-menus
.nav-menu
> li:hover
> a
.submenu-indicator-chevron {
border-color: transparent #fed700 #fed700 transparent;
}
.xs-navBar.navBar-v5 .xs-navbar-search {
margin-top: 25px;
height: 50px;
}
.xs-navBar.navBar-v5 .xs-navbar-search .form-control {
background-color: transparent;
}
.xs-navBar.navBar-v5 .xs-navbar-search .btn[type="submit"] {
background-color: #ffd200;
}
.xs-navBar.navBar-v5 .xs-navbar-search .btn[type="submit"] i {
margin-top: -3px;
}
.xs-navBar.navBar-v5 .xs-navbar-search .xs-category-select option {
color: #0063d1;
}
.xs-navBar.color-white .xs-navbar-search .form-control {
color: #fff;
}
.xs-navBar.color-white
.xs-navbar-search
input:not([type="submit"])::-webkit-input-placeholder {
color: #fff;
}
.xs-navBar.color-white
.xs-navbar-search
input:not([type="submit"])::-moz-placeholder {
color: #fff;
}
.xs-navBar.color-white
.xs-navbar-search
input:not([type="submit"]):-ms-input-placeholder {
color: #fff;
}
.xs-navBar.color-white
.xs-navbar-search
input:not([type="submit"]):-moz-placeholder {
color: #fff;
}
.xs-navBar.color-white .xs-navbar-search .xs-category-select {
background-image: url(//coolkicks.co.za/wp-content/themes/marketo/assets/images/arrow-white.png);
color: #fff;
}
.xs-navBar.secondary-color-v .xs-navbar-search .btn[type="submit"] {
background-color: #83b735;
}
.xs-navBar.secondary-color-v .xs-navbar-search .btn[type="submit"]::before {
background-color: #0063d1;
}
.xs-cate-brand li:not(.megamenu-list-title) {
width: 49%;
min-height: 50px;
border: 1px solid #e9e9e9;
float: left;
line-height: 50px;
text-align: center;
margin: 2px 1px 0;
}
.xs-cate-brand li:not(.megamenu-list-title) img {
max-width: 80px;
max-height: 40px;
}
.xs-navBar .megamenu-list li:not(.megamenu-list-title) a:hover {
background-color: transparent;
color: #222;
}
.xs-navBar .megamenu-tabs-nav li a {
padding: 15px;
}
.xs-navBar .xs-logo-wraper img,
.header-transparent .xs-logo-wraper img,
.header-latest .xs-logo-wraper img {
max-height: 80px;
}
.xs-navBar.navbar-style3 .xs-logo-wraper img {
max-height: 45px;
}
.xs-single-phone-cate {
border: 1px solid #e9e9e9;
padding: 15px;
margin-bottom: 30px;
}
.xs-single-phone-cate a {
display: block;
}
.xs-single-phone-cate h4 {
margin-bottom: 0;
text-align: center;
font-size: 1.14286em;
}
.xs-cate-campaigns a {
display: block;
margin-bottom: 30px;
}
.xs-vartical-menu {
margin: 0;
height: auto;
width: 100%;
}
.xs-vartical-menu .cd-dropdown-trigger {
background-color: #0063d1;
border-radius: 4px;
line-height: 1;
padding: 22px 42px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
font-size: 1.14286em;
font-weight: 500;
text-align: left;
max-height: 60px;
}
.xs-vartical-menu .cd-dropdown-trigger i {
margin-right: 20px;
}
.xs-vartical-menu .cd-dropdown-content {
border: 2px solid;
padding: 20px 30px;
width: 100%;
}
.xs-vartical-menu .cd-dropdown-content li:last-child a {
border: none;
}
.xs-vartical-menu .cd-dropdown-content li a {
font-size: 1.14286em;
font-weight: 400;
color: #222;
height: auto;
line-height: unset;
padding: 12px 0;
margin: 0;
border: 0;
border-bottom: 1px solid #ebebeb;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
position: relative;
}
.xs-vartical-menu .cd-dropdown-content li a i {
margin-right: 18px;
font-size: 1.25em;
}
.xs-vartical-menu .cd-dropdown-content li .no-border {
border-bottom: 0 solid #ebebeb;
padding-bottom: 0;
}
.xs-vartical-menu .cd-dropdown-content li .no-padding {
padding-top: 0;
}
.xs-vartical-menu .cd-dropdown-content .cd-secondary-dropdown > li {
height: auto;
margin: 0;
float: none;
border: 0;
}
.xs-vartical-menu .cd-dropdown-content .cd-secondary-dropdown::before {
height: 0;
}
.xs-vartical-menu .cd-dropdown-content .cd-secondary-dropdown > ul {
padding-bottom: 25px;
}
.xs-vartical-menu .cd-dropdown-content .cd-secondary-dropdown {
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.xs-vartical-menu .cd-dropdown-content .cd-secondary-dropdown > li {
padding: 25px;
}
.xs-vartical-menu .cd-dropdown-content .cd-secondary-dropdown .see-all {
position: static;
}
.xs-vartical-menu .cd-dropdown-content .has-children > a::after,
.xs-vartical-menu .cd-dropdown-content .has-children > a::before {
display: none;
}
.xs-vartical-menu
.cd-secondary-dropdown
.has-children
.is-hidden
.has-children
a {
font-weight: inherit;
}
.xs-vartical-menu .cd-dropdown {
top: calc(100% + 22px);
-webkit-box-shadow: none;
box-shadow: none;
width: 100%;
z-index: 9999;
}
.xs-vartical-menu .cd-dropdown::before {
position: absolute;
content: "";
top: -12px;
left: 50%;
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
width: 24px;
height: 24px;
background-color: #fff;
border-left: 2px solid;
border-top: 2px solid;
}
.xs-vartical-menu .cd-dropdown-content,
.xs-vartical-menu .cd-dropdown:before {
border-color: #0063d1;
}
.xs-vartical-menu .cd-dropdown-content .cd-secondary-dropdown a:hover,
.xs-vartical-menu .cd-dropdown-content > .has-children > a.is-active,
.xs-vartical-menu .cd-dropdown-content > li:not(.has-children) a:hover {
-webkit-box-shadow: none;
box-shadow: none;
color: #0063d1;
}
.xs-vartical-menu .cd-dropdown-content > .has-children > a.is-active::after,
.xs-vartical-menu .cd-dropdown-content > .has-children > a.is-active::before {
background: #0063d1;
}
.xs-vartical-menu .submenu-icon {
margin-right: 0 !important;
position: absolute;
right: 0;
}
.xs-vartical-menu .cd-secondary-dropdown {
min-width: 850px;
width: 100%;
}
.xs-vartical-menu .cd-secondary-dropdown .has-children {
width: 33.3333%;
}
.xs-vartical-menu .cd-secondary-dropdown .has-children a {
font-weight: 500;
padding-top: 0;
margin-bottom: 15px;
}
.xs-vartical-menu .cd-secondary-dropdown .has-children .is-hidden a {
font-weight: 400;
font-size: 0.92857em;
border-bottom: 0;
padding: 3px 0;
margin-bottom: 0;
}
.xs-vartical-menu .cd-dropdown-gallery {
padding: 15px 15px 30px;
}
.xs-vartical-menu .cd-dropdown-gallery li {
width: 50%;
margin-right: 0;
}
.xs-vartical-menu .cd-dropdown-gallery .cd-dropdown-item {
margin: 15px;
display: block;
border: 1px solid #eaeaea;
padding: 15px;
}
.xs-vartical-menu .cd-dropdown-gallery .cd-dropdown-item h3 {
color: #0063d1;
font-size: 1em;
font-weight: 400;
margin: 0;
text-align: center;
}
.xs-vartical-menu .cd-dropdown-icons {
padding: 30px;
}
.xs-vartical-menu .cd-dropdown-icons .media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.xs-vartical-menu .cd-dropdown-icons li .cd-dropdown-item {
height: 100%;
padding: 10px;
text-overflow: unset;
white-space: unset;
}
.xs-vartical-menu .cd-dropdown-icons li .cd-dropdown-item img {
padding-right: 8px;
}
.xs-vartical-menu .cd-dropdown-icons li .cd-dropdown-item::before {
display: none;
}
.xs-vartical-menu .cd-dropdown-icons li .media-body h3 {
font-size: 1.14286em;
color: #0063d1;
font-weight: 400;
}
.xs-vartical-menu .cd-dropdown-icons li .media-body p {
margin-bottom: 0;
font-size: 0.85714em;
}
.xs-vartical-menu .cd-dropdown-trigger::after {
right: 44px;
}
.xs-vartical-menu .cd-dropdown-trigger::before {
right: 50px;
}
.xs-vartical-menu .cd-dropdown-trigger.dropdown-is-active:hover,
.xs-vartical-menu .cd-dropdown-trigger:hover {
color: #fff;
background-color: #83b735;
}
.xs-vartical-menu.v-gray .cd-dropdown-trigger,
.xs-vartical-menu.v-gray .cd-dropdown-trigger.dropdown-is-active:hover,
.xs-vartical-menu.v-gray .cd-dropdown-trigger:hover {
background-color: #f7f7f7;
color: #0063d1;
}
.xs-vartical-menu.v-gray .cd-dropdown-trigger.dropdown-is-active::after,
.xs-vartical-menu.v-gray .cd-dropdown-trigger.dropdown-is-active::before,
.xs-vartical-menu.v-gray .cd-dropdown-trigger:hover::after,
.xs-vartical-menu.v-gray .cd-dropdown-trigger:hover::before {
background-color: #0063d1;
}
.xs-vartical-menu.v-gray .cd-dropdown-trigger::after,
.xs-vartical-menu.v-gray .cd-dropdown-trigger::before {
background: #0063d1;
}
.xs-vartical-menu.v-gray .cd-dropdown-content,
.xs-vartical-menu.v-gray .cd-dropdown:before {
border-color: #e7e7e7;
}
.xs-vartical-menu .cd-dropdown-content > .has-children > .is-active {
z-index: 99999;
}
@media (min-width: 992px) and (max-width: 1023px) {
.xs-vartical-menu .cd-dropdown-content .cd-secondary-dropdown .has-children,
.xs-vartical-menu .cd-dropdown-gallery li {
width: 100%;
}
.xs-vartical-menu .cd-dropdown-gallery li a,
.xs-vartical-menu .cd-dropdown-icons li a {
padding: 12px 30px;
}
.xs-vartical-menu .cd-dropdown-content li a,
.xs-vartical-menu .cd-dropdown-gallery .cd-dropdown-item h3,
.xs-vartical-menu .cd-dropdown-icons li .media-body h3,
.xs-vartical-menu .cd-dropdown-icons li .media-body p {
color: #fff;
}
.xs-vartical-menu {
margin-bottom: 30px;
}
.xs-vartical-menu .cd-dropdown {
top: 0;
}
.xs-vartical-menu .cd-dropdown-content {
top: 0;
border: 0;
}
.xs-vartical-menu .cd-dropdown-content .cd-secondary-dropdown {
display: block;
}
.xs-vartical-menu .cd-dropdown-content .cd-secondary-dropdown a {
padding: 12px 30px;
margin-bottom: 0;
}
.xs-vartical-menu .cd-dropdown-content .go-back a::after,
.xs-vartical-menu .cd-dropdown-content .go-back a::before {
left: 10px;
}
.xs-vartical-menu .cd-dropdown-icons .media {
line-height: unset;
}
}
.dropdown-is-active.nav-cover {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 104;
background-color: #222;
opacity: 0.8;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-vartical-menu {
z-index: 105;
}
@media only screen and (min-width: 1024px) {
.cd-dropdown-content .cd-dropdown-icons {
width: 760px;
}
}
.xs-vartical-menu.v-menu-is-active > .cd-dropdown-trigger {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.xs-navbar-search {
height: 60px;
border: 2px solid #e7e7e7;
border-radius: 4px;
position: relative;
}
.xs-navbar-search .input-group {
height: 100%;
}
.xs-navbar-search input:not([type="submit"]) {
border: 0;
border-radius: 0;
padding-left: 28px;
font-size: 1em;
}
.xs-navbar-search .xs-category-select {
border: 0 !important;
height: 100%;
padding-left: 30px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #7b7b7b;
min-width: 160px;
max-width: 170px;
cursor: pointer;
background-image: url(//coolkicks.co.za/wp-content/themes/marketo/assets/images/arrow-2.png);
background-repeat: no-repeat;
background-position: center right 19px;
padding-right: 40px;
white-space: nowrap;
background-color: transparent;
font-size: 0.8rem !important;
}
.xs-navbar-search .xs-category-select-wraper {
position: relative;
}
.xs-navbar-search .xs-category-select-wraper::before {
position: absolute;
content: "";
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 40px;
width: 1px;
background-color: #e7e7e7;
z-index: 1;
}
.xs-navbar-search .btn[type="submit"] {
height: calc(100% + 4px);
background-color: #0063d1;
width: 68px;
font-size: 1em;
color: #f7f8fa;
border-radius: 0 4px 4px 0;
margin-right: -2px;
margin-top: -2px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.xs-navDown {
padding-bottom: 10px;
}
.xs-navDown.navDown-v5 {
padding-bottom: 0px;
}
.xs-navDown .btn:not([type="submit"]) {
width: 100%;
font-size: 12px;
color: #797979 !important;
letter-spacing: 0.2px;
padding: 8px 12px;
border: 2px solid #e7e7e7;
-webkit-transition: all 0.6s;
transition: all 0.6s;
}
.xs-navDown .btn:not([type="submit"]) strong {
display: block;
font-size: 16px;
text-transform: uppercase;
color: #0063d1;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-navDown .btn:not([type="submit"]):hover,
.xs-navDown .btn:not([type="submit"]):hover strong {
color: #fff !important;
}
.xs-navDown.transparent-header-info .row {
margin-right: 0;
}
.xs-navDown.transparent-header-info .xs-logo-wraper {
padding: 25px 0;
}
.xs-navDown.transparent-header-info .xs-header-info {
text-align: right;
padding: 38px 0;
}
.xs-navDown.v-yellow .xs-vartical-menu .cd-dropdown-trigger,
.xs-navDown.v-yellow
.xs-vartical-menu
.cd-dropdown-trigger.dropdown-is-active:hover,
.xs-navDown.v-yellow .xs-vartical-menu .cd-dropdown-trigger:hover {
background-color: #f7f7f7;
color: #333e48;
}
.xs-navDown.v-yellow .xs-vartical-menu.v-gray .cd-dropdown-trigger::after,
.xs-navDown.v-yellow .xs-vartical-menu.v-gray .cd-dropdown-trigger::before {
background: #333e48;
}
.xs-banner-item,
.xs-banner-slider-3,
.xs-banner-v5 .xs-banner-item::before {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.xs-navDown.v-yellow .xs-navbar-search .btn[type="submit"] {
background-color: #fed700;
}
.xs-navDown.v-yellow .btn:not([type="submit"]) strong {
color: #333e48;
}
.xs-navDown.navDown-v5 > .container {
position: relative;
}
.xs-navDown.navDown-v5 .xs-menus-group {
position: static;
}
.xs-navDown.navDown-v5 .xs-vartical-menu .cd-dropdown-trigger {
background-color: #ffd200;
padding: 28px 42px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
max-height: 73px;
}
.xs-navDown.navDown-v5 .menu-label {
background-color: #ffd200;
top: 0;
}
.xs-navDown.navDown-v5 .menu-label::before {
border-left-color: #ffd200;
border-top-color: #ffd200;
}
.xs-navDown.navDown-v5 .menu-label.highlight {
background-color: #e53935;
}
.xs-navDown.secondary-color-v .xs-single-wishList .xs-item-count.highlight,
.xs-navDown.secondary-color-v .xs-vartical-menu .cd-dropdown-trigger {
background-color: #83b735;
}
.xs-navDown.navDown-v5 .menu-label.highlight::before {
border-left-color: #e53935;
border-top-color: #e53935;
}
.xs-navDown.navDown-v5 .xs-menus .nav-menu > li > a {
padding: 30px 30px 15px;
}
.xs-navDown.navDown-v5 .xs-single-wishList {
font-size: 1.78571em;
}
.xs-navDown.navDown-v5 .xs-wish-list-item {
padding: 23px 0 0;
}
.xs-navDown.navDown-v5 .xs-miniCart-dropdown .xs-item-count {
top: -9px;
}
.xs-navDown.navDown-v5 .xs-vartical-menu .cd-dropdown-content,
.xs-navDown.navDown-v5 .xs-vartical-menu .cd-dropdown:before {
border-color: #ffd200;
}
.xs-navDown.color-white
.xs-menus
.nav-menu
> li
> a
.submenu-indicator-chevron {
border-color: transparent #fff #fff transparent;
}
.xs-navDown.color-white .xs-menus .nav-menu > li > a,
.xs-navDown.color-white .xs-single-wishList {
color: #fff;
}
.xs-navDown.secondary-color-v .xs-menus .nav-menu > li.active a,
.xs-navDown.secondary-color-v .xs-menus .nav-menu > li:hover > a,
.xs-navDown.secondary-color-v .xs-menus .nav-menu > li > a:hover,
.xs-navDown.secondary-color-v .xs-single-wishList {
color: #83b735;
}
.xs-navDown.secondary-color-v
.xs-menus
.nav-menu
> .active
> a
.submenu-indicator-chevron,
.xs-navDown.secondary-color-v
.xs-menus
.nav-menu
> .focus
> a
.submenu-indicator-chevron,
.xs-navDown.secondary-color-v
.xs-menus
.nav-menu
> li:hover
> a
.submenu-indicator-chevron {
border-color: transparent #83b735 #83b735 transparent;
}
.xs-navDown.secondary-color-v .xs-vartical-menu .cd-dropdown-content,
.xs-navDown.secondary-color-v .xs-vartical-menu .cd-dropdown:before {
border-color: #83b735;
}
.xs-navDown.secondary-color-v > .container > .row {
position: relative;
}
.xs-navDown.secondary-color-v > .container > .row::before {
content: "";
width: calc(100% - 30px);
height: 1px;
background-color: #83b735;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0;
}
.megamenu-list > li > a:hover {
background-color: transparent;
color: #222;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.megamenu-list-title > a {
pointer-events: none;
}
.xs-customer-form .input-group {
background-color: #fafafc;
border: 1px solid #eaeaea;
height: 42px;
margin-bottom: 20px;
}
.xs-customer-form input:not([type="submit"]) {
border: 0 !important;
padding: 0 20px;
border-radius: 0;
background-color: transparent;
font-size: 1em;
font-style: normal;
}
.xs-customer-form i {
font-size: 1.28571em;
color: #0063d1;
padding: 0 20px;
}
.xs-customer-form::-webkit-input-placeholder {
color: #555;
font-style: italic;
font-size: 0.85714em;
}
.xs-customer-form::-moz-placeholder {
color: #555;
font-style: italic;
font-size: 0.85714em;
}
.xs-customer-form:-ms-input-placeholder {
color: #555;
font-style: italic;
font-size: 0.85714em;
}
.xs-customer-form:-moz-placeholder {
color: #555;
font-style: italic;
font-size: 0.85714em;
}
.xs-customer-form .input-group-text {
background-color: transparent;
border: 0 solid #ced4da;
border-radius: 0;
}
.xs-customer-form .btn-info {
background-color: #3b5999;
}
.xs-customer-form .btn-danger {
background-color: #dd4b39;
}
.xs-customer-form .btn {
border: 0;
cursor: pointer;
}
.xs-customer-form p {
margin: 20px 0;
color: #ccc;
font-size: 0.85714em;
font-weight: 500;
text-align: center;
}
.xs-customer-form .btn-block + .btn-block {
margin-top: 10px;
}
.xs-modal ~ .modal-backdrop {
position: fixed;
background-color: transparent;
z-index: 9999;
}
.xs-modal ~ .modal-backdrop:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
background-color: rgba(0, 0, 0, 0.87);
width: 100%;
height: 0;
padding-bottom: 100%;
border-radius: 100%;
-webkit-transform: scale(0.04) translateY(9999px);
transform: scale(0.04) translateY(9999px);
overflow: hidden;
-webkit-animation: menu-animation 1.2s ease-out forwards;
animation: menu-animation 1.2s ease-out forwards;
}
.xs-modal ~ .modal-backdrop.show {
-webkit-animation: menu-animation 1.2s ease-out forwards;
animation: menu-animation 1.2s ease-out forwards;
-webkit-transform: scale(2) translateY(0);
transform: scale(2) translateY(0);
}
.xs-modal {
z-index: 99999;
}
.xs-modal .modal-content {
background-color: #fff;
border-radius: 10px;
-webkit-box-shadow: 0 6px 23px 0 rgba(135, 135, 135, 0.118);
box-shadow: 0 6px 23px 0 rgba(135, 135, 135, 0.118);
max-width: 100%;
padding: 60px;
}
.xs-modal .modal-dialog {
position: absolute;
top: -100%;
left: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: 0.55s;
transition: 0.55s;
background-color: transparent;
min-width: 570px;
opacity: 0;
margin: 0;
z-index: 9999;
}
.xs-modal.show .modal-dialog {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: top 0.53s ease-out, opacity 0.35s ease-out;
transition: top 0.53s ease-out, opacity 0.35s ease-out;
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
opacity: 1;
top: 50%;
left: 50%;
}
.xs-tab-nav {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-color: #f1f1f1;
margin-bottom: 20px;
}
.xs-tab-nav .nav-link {
border: 0;
border-radius: 0;
padding: 0 0 10px;
position: relative;
color: #d1d1d1;
font-weight: 600;
font-size: 1.28571em;
}
.xs-tab-nav .nav-link.active:before,
.xs-tab-nav .nav-link:hover:before {
width: calc(100% + 18px);
}
.xs-tab-nav .nav-link.active,
.xs-tab-nav .nav-link.active:before,
.xs-tab-nav .nav-link:hover,
.xs-tab-nav .nav-link:hover:before {
color: #0063d1;
}
.xs-tab-nav .nav-link:before {
position: absolute;
content: "";
bottom: -1px;
left: 50%;
height: 2px;
width: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #0063d1;
}
.xs-tab-nav .nav-item {
margin-bottom: 0;
margin-right: 35px;
}
.xs-tab-nav .nav-item:last-child {
margin-right: 0;
}
@-webkit-keyframes menu-animation {
0% {
opacity: 0;
-webkit-transform: scale(0.04) translateY(300%);
transform: scale(0.04) translateY(300%);
}
40% {
-webkit-transition: ease-out;
transition: ease-out;
-webkit-transform: scale(0.04) translateY(0);
transform: scale(0.04) translateY(0);
}
60% {
opacity: 1;
-webkit-transform: scale(0.02) translateY(0);
transform: scale(0.02) translateY(0);
}
61% {
opacity: 1;
-webkit-transform: scale(0.04) translateY(0);
transform: scale(0.04) translateY(0);
}
99.9% {
opacity: 1;
height: 0;
padding-bottom: 100%;
border-radius: 100%;
}
100% {
opacity: 1;
-webkit-transform: scale(2) translateY(0);
transform: scale(2) translateY(0);
height: 100%;
padding-bottom: 0;
border-radius: 0;
}
}
.modal button.close {
position: absolute;
right: 20px;
top: 20px;
outline: 0;
z-index: 99;
}
.xs-banner-item,
.xs-banner-slider {
position: relative;
}
.xs-quick-view-modal .modal-dialog {
min-width: 1170px;
}
.xs-quick-view-modal .modal-content {
padding: 30px;
}
.xs-promotion {
border: 0;
border-radius: 0;
margin-bottom: 0;
padding: 12px 0;
}
.xs-promotion.alert-info {
background-color: #ff6251;
position: inherit;
}
.xs-promotion.alert-info strong {
background-color: #e15546;
}
.xs-promotion p {
margin-bottom: 0;
color: #fff;
}
.xs-promotion strong {
font-weight: 500;
border-radius: 4px;
padding: 7px 15px;
margin-right: 16px;
}
.xs-promotion .close {
opacity: 1;
color: #fff;
text-shadow: none;
font-size: 1em;
margin-top: 3px;
}
.xs-promotion .close:focus {
outline: 0;
}
.xs-promotion.alert-success {
background-color: #83b735;
}
.xs-promotion.promotion-v2 {
padding: 12px 0;
}
.xs-promotion.promotion-v2 p {
text-align: center;
}
.xs-promotion.promotion-v2 .close {
font-size: 1em;
}
.xs-banner-item {
min-height: 660px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.xs-banner-item .xs-watermark-text {
z-index: 2;
}
.xs-banner-item .large-version {
opacity: 0.05;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.xs-banner-slider.swiper-wrapper .swiper-slide img {
width: auto;
}
.xs-banner .swiper-pagination,
.xs-banner .swiper-button-next,
.xs-banner .swiper-button-prev {
margin: 0;
position: absolute;
bottom: 39px;
line-height: 1;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-image: unset;
}
.swiper-button-next,
.swiper-button-prev {
background-image: unset;
}
.swiper-button-next::after,
.swiper-button-prev::after {
display: none;
}
.xs-banner .swiper-pagination {
left: calc(50% - 40px);
bottom: 47px;
}
.xs-banner .swiper-button-prev {
left: calc(50% - 110px);
top: 88.5%;
}
.xs-banner .swiper-button-next {
left: calc(50% + 30px);
top: 88.5%;
}
.xs-banner .swiper-button-disabled{
display:none;   
}
.xs-banner .swiper-button-next.disabled,
.xs-banner .swiper-button-prev.disabled {
opacity: 0;
}
.xs-banner .swiper-button-next i,
.xs-banner .swiper-button-prev i {
color: #0063d1;
font-size: 2.14286em;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-banner-image {
-ms-flex-item-align: center;
align-self: center;
}
.xs-banner-content {
-ms-flex-item-align: center;
align-self: center;
text-align: center;
}
.xs-banner-content .xs-banner-sub-title {
font-weight: 300;
color: #0063d1;
font-size: 2em;
letter-spacing: -0.3px;
margin-bottom: 20px;
}
.xs-banner-content .xs-banner-title {
font-size: 3.5em;
font-weight: 700;
letter-spacing: -2px;
margin-bottom: 50px;
}
.xs-banner-content .btn-outline-primary {
border-width: 2px;
border-color: #0063d1;
padding: 15px 61px;
}
.xs-banner-content .btn {
font-size: 0.85714em;
font-weight: 700;
}
.xs-banner-content .btn-primary {
background-color: #0063d1;
}
.xs-banner-content .xs-btn-wraper {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.xs-banner .xs-banner-content .btn-primary {
padding: 18px 41px;
}
.xs-banner-slider-2 .xs-banner-item {
margin-left: 0;
margin-right: 0;
min-height: 550px;
}
.xs-banner-slider-2 .xs-banner-content .xs-banner-sub-title {
font-size: 1.57143em;
}
.xs-banner-slider-2 .xs-banner-content .xs-banner-title {
font-size: 2.71429em;
margin-bottom: 30px;
}
.xs-banner-slider-2 .xs-banner-content .xs-btn-wraper {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
} .xs-banner .xs-feature-product:last-child {
margin-bottom: 0;
}
.xs-banner .xs-feature-product,
.xs-banner .xs-feature-product img {
min-height: 260px;
}
.xs-banner-slider-3 {
background-color: #f7f7f7;
}
.xs-banner-slider-3 .xs-banner-content {
padding-left: 80px;
}
.xs-banner-slider-3 .xs-banner-content .xs-banner-sub-title {
font-size: 1.85714em;
font-weight: 400;
}
.xs-banner-slider-3 .xs-banner-content .xs-banner-title {
font-size: 3.71429em;
font-weight: 500;
margin-bottom: 30px;
}
.xs-banner-slider-3 .xs-banner-content .xs-btn-wraper {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.xs-banner-slider-3 .xs-banner-item {
min-height: 550px;
}
.xs-banner-slider-3 .xs-banner-image {
padding-right: 50px;
} .xs-banner.xs-banner-v4 .xs-banner-item {
min-height: 600px;
}
.xs-banner-slider-4 .xs-btn-wraper {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.xs-banner-slider-4 .xs-banner-sub-title {
font-size: 1.85714em;
}
.xs-banner-slider-4 .xs-banner-title {
font-size: 3em;
margin-bottom: 30px;
} .xs-banner-v5 .xs-banner-item {
min-height: 980px;
overflow: hidden;
}
.xs-banner-v5 .xs-banner-item::before {
position: absolute;
content: "";
bottom: -60px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-image: url(//coolkicks.co.za/wp-content/themes/marketo/assets/images/welcome/curve.png);
height: 100px;
width: 370px;
z-index: 2;
}
.xs-banner-v5 [class^="col"] {
z-index: 9;
}
.xs-banner-v5 .xs-banner-content .xs-banner-sub-title {
color: #83b735;
font-family: Pacifico, cursive;
margin-bottom: 0;
}
.xs-banner-v5 .xs-banner-content .xs-banner-title {
font-size: 5.85714em;
margin-bottom: 0;
}
.xs-banner-v5 .xs-banner-content p {
font-size: 1.28571em;
color: #666;
}
.xs-banner-v5 .xs-banner-content .btn:not(.btn-outline-success) {
padding: 18px 60px;
}
.xs-banner-v5 .xs-banner-content .btn-outline-success {
padding: 16px 49px;
}
.container-fullwidth .xs-banner-content .xs-banner-title {
font-size: 2.85714em;
}
.container-fullwidth .xs-banner-content .xs-banner-sub-title {
font-size: 1.78571em;
}
.container-fullwidth .xs-banner-content .btn-outline-primary {
border-color: #0063d1;
}
.xs-banner-slider-5 {
position: relative;
} .xs-banner.vendor-welcome {
padding-bottom: 30px;
}
.xs-banner-slider-6 .xs-banner-item {
margin-left: -1px;
margin-right: 0;
min-height: 530px;
}
.xs-banner-slider-6 .xs-banner-item,
.xs-banner-slider-6 ~ [class^="col-"] .xs-banner-campaign img {
border-radius: 6px;
}
.xs-banner-slider-6 .xs-banner-content {
text-align: left;
color: #fff;
padding-left: 80px;
width: 100%;
}
.xs-banner-slider-6 .xs-banner-content .xs-banner-sub-title {
color: #fff;
font-size: 1.78571em;
}
.xs-banner-slider-6 .xs-banner-content .xs-banner-title {
font-size: 2.85714em;
margin-bottom: 26px;
}
.xs-banner-slider-6 .xs-banner-content .btn {
color: #333e48;
}
.xs-banner-slider-6 .xs-banner-content .btn:hover {
color: #fff;
}
.xs-banner-slider-6 .xs-banner-content .btn.btn-outline-primary {
border-color: #fff;
color: #333e48;
}
.xs-banner-slider-6
.xs-banner-content
.btn:not([data-toggle="popover"]).btn-primary {
background-color: #fed700;
}
.xs-banner-slider-6 .xs-btn-wraper {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.banner-fullwidth-version-2,
.banner-fullwidth-version-2 .xs-banner-campaign {
margin-bottom: 30px;
}
.banner-fullwidth-version-2 .xs-banner-campaign:last-child {
margin-bottom: 0;
}
.xs-feature-product {
position: relative;
margin-bottom: 30px;
cursor: pointer;
overflow: hidden;
min-height: 258px;
}
.xs-feature-product.highlight {
margin-bottom: 0;
min-height: 545px;
}
.xs-feature-product.highlight .xs-feature-product-info {
padding: 60px;
}
.xs-feature-product .xs-product-offer-label {
position: absolute;
bottom: 90px;
left: 60px;
}
.xs-feature-product > img {
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0, 0, 0.44, 1.18);
transition: -webkit-transform 0.6s cubic-bezier(0, 0, 0.44, 1.18);
transition: transform 0.6s cubic-bezier(0, 0, 0.44, 1.18);
transition: transform 0.6s cubic-bezier(0, 0, 0.44, 1.18),
-webkit-transform 0.6s cubic-bezier(0, 0, 0.44, 1.18);
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
position: relative;
}
.xs-feature-product:hover > img {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
.xs-feature-product-info {
position: absolute;
top: 0;
left: 0;
padding: 30px;
width: 100%;
height: 100%;
}
.xs-feature-product-info .xs-cate-btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%;
background-color: rgba(0, 99, 209, 0.9);
color: #f5f5f5;
font-size: 1.28571em;
font-weight: 500;
}
.product-title-v2 {
font-size: 1em;
font-weight: 400;
margin-bottom: 30px;
}
.product-title-v2 a {
color: #0063d1;
display: inline-block;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.product-title-v2 a strong {
color: #222;
display: block;
font-size: 1.714em;
margin-top: 4px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.product-title-v2 a:hover {
color: #222;
}
.product-title-v2 a:hover strong,
.xs-single-product:hover .product-title a {
color: #0063d1;
}
.product-title-v2.large {
font-size: 1.28571em;
}
.product-title-v2.large strong {
font-size: 2em;
margin-top: 0;
}
.feature-product-v4 .xs-list-group,
.feature-product-v4 .xs-product-wraper {
padding: 20px;
border: 0;
background-color: #fff;
}
.feature-product-v4 .product-item-meta {
background-color: #fff;
border-top: 1px solid;
border-bottom: 1px solid;
border-color: #f1f1f1;
}
.feature-product-v4 .price {
color: #0063d1;
font-size: 1em;
}
@-webkit-keyframes show {
0% {
display: none;
opacity: 0;
}
100% {
display: block;
opacity: 1;
}
}
@keyframes show {
0% {
display: none;
opacity: 0;
}
100% {
display: block;
opacity: 1;
}
}
.xs-single-product {
position: relative;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-single-product .xs-list-group {
display: none;
-webkit-animation: show 0.4s ease;
animation: show 0.4s ease;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
position: absolute;
z-index: 2;
width: 100%;
}
.xs-single-product:hover {
-webkit-box-shadow: 2px 11px 20px 0 rgba(144, 144, 144, 0.2);
box-shadow: 2px 11px 20px 0 rgba(144, 144, 144, 0.2);
}
.xs-single-product:hover .xs-product-wraper {
-webkit-box-shadow: none;
box-shadow: none;
}
.xs-single-product:hover .product-item-meta {
opacity: 1;
top: -15px;
}
.xs-single-product:hover .xs-list-group {
-webkit-box-shadow: 2px 11px 20px 0 rgba(144, 144, 144, 0.2);
box-shadow: 2px 11px 20px 0 rgba(144, 144, 144, 0.2);
display: block;
opacity: 1;
}
.xs-product-wraper {
padding: 10px 30px 30px;
background-color: #fff;
border: 1px solid #efefef;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
position: relative;
z-index: 1;
}
.xs-product-wraper img {
opacity: 1;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.xs-product-wraper .xs-product-header,
.xs-update-product-item-meta {
opacity: 0;
top: 0;
}
.xs-update-product-item-meta {
top: 25px;
left: -5px;
}
.xs-product-wraper .xs-product-hover-area {
position: absolute;
bottom: -100px;
opacity: 0;
width: calc(100% + 2px);
margin-left: -1px;
border-top: 0;
left: 0;
background-color: #fff;
}
.xs-product-wraper:hover {
border-color: transparent;
-webkit-box-shadow: 0 2px 20px 0 rgba(144, 144, 144, 0.2);
box-shadow: 0 2px 20px 0 rgba(144, 144, 144, 0.2);
z-index: 2;
}
.xs-product-wraper:hover .xs-product-header {
top: 20px;
opacity: 1;
}
.xs-product-wraper:hover .xs-product-hover-area {
opacity: 1;
bottom: -63px;
}
.xs-product-wraper:hover .product-item-meta,
.xs-product-widget.media:hover .xs-update-product-item-meta {
opacity: 1;
top: -15px;
}
.xs-product-widget.media:hover .xs-update-product-item-meta {
top: 15px;
}
.xs-product-wraper.version-3:hover .product-item-meta {
top: 15px;
}
.xs-product-wraper.version-3:hover .product-item-meta {
top: -10px;
background: #fff;
}
.xs-product-wraper:hover img {
opacity: 0.7;
}
.xs-product-wraper img ~ .xs-product-content {
margin-top: 0;
}
.xs-product-wraper.version-2 {
-webkit-box-shadow: none;
box-shadow: none;
}
.xs-product-wraper.version-2 .product-title{
display: block;
}
.xs-product-wraper.version-2 .xs-product-content,
.xs-product-wraper.version-2 .xs-product-header,
.xs-product-wraper.version-2 img {
padding: 0 30px;
}
.xs-product-wraper.version-2 img {
padding: 0px;
margin-bottom: 30px;
}
.xs-product-wraper.version-2 .xs-product-content {
padding-bottom: 30px;
}
.xs-product-wraper.version-2:hover {
border-color: #efefef;
}
.xs-product-wraper.version-3 {
margin-bottom: 20px;
}
.xs-product-wraper.version-3 .product-title.medium{
font-size: 1.28571em;
margin-bottom: 8px;
display: block;
}
.xs-product-wraper.version-3:hover {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #efefef;
}
.xs-product-wraper.highlight {
padding: 50px;
}
.xs-product-wraper.highlight .xs_product_img_link {
margin-top: 32px;
}
.xs-product-wraper.highlight img {
margin-bottom: 23px;
}
.xs-product-wraper.highlight:hover {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #efefef;
}
.xs-product-wraper.version-4 {
text-align: center;
border: 0;
}
.xs-product-wraper .media{
align-items: flex-end;
}
.xs-product-wraper .media .price{
margin: 0px;
}
.xs-product-main-wrapre .xs-product-wraper.version-4 img {
margin-bottom: 43px;
}
.xs-product-wraper .product-item-meta {
text-align: center;
opacity: 0;
position: relative;
top: 30px;
}
.xs-product-wraper .xs-product-offer-label {
margin: 0 0 0 auto;
}
.xs-product-main-wrapre .xs-product-wraper,
.xs-product-main-wrapre .xs-product-wraper img {
margin-bottom: 20px;
}
.xs-product-main-wrapre.no-gutters .xs-product-wraper {
margin-bottom: 0;
}
.version-5 .xs-product-wraper,
.version-6 .xs-product-wraper {
border: 0;
text-align: center;
margin-bottom: 20px;
}
.version-5 .xs-product-wraper:hover,
.version-6 .xs-product-wraper:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.small-offer-banner:hover,
.xs-product-widget:hover {
-webkit-box-shadow: 0 2px 20px 0 rgba(144, 144, 144, 0.2);
}
.version-5 .xs-product-wraper.highlight,
.version-6 .xs-product-wraper.highlight {
text-align: left;
}
.version-6 [class^="col"] {
padding-left: 7.5px;
padding-right: 7.5px;
}
.version-6 [class^="col"]:first-child {
padding-left: 15px;
}
.version-6 [class^="col"]:last-child {
padding-right: 15px;
}
.version-6 .xs-product-wraper {
padding: 10px 20px 30px;
}
.price del,
.product-stock span {
padding-left: 5px;
}
.xs-tab-content .row {
margin-left: 0;
margin-right: 0;
}
.xs-product-header {
position: relative;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
margin-bottom: 5px;
z-index: 2;
}
.product-title {
font-size: 1.14286em;
font-weight: 500;
margin-bottom: 10px;
line-height: 1.625;
}
.product-title a {
color: #222;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
display: inline-block;
}
.product-title{
color: #222;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
display: inline-block;
}
.product-title a:hover,
.product-title.highlight a {
color: #0063d1;
}
.product-title.highlight {
font-size: 1em;
}
.product-title.highlight a strong {
font-size: 1.857em;
display: block;
color: #222;
line-height: 1;
}
.product-title.small {
font-size: 1em;
}
.product-title.medium,
.xs-author-block .post-author .product-title.xs-round-avatar,
.xs-post-footer .post-author .product-title.xs-round-avatar {
font-size: 1.28571em;
margin-bottom: 8px;
}
.product-stock {
color: #bbb;
}
.price {
color: #83b735;
font-size: 1.28571em;
}
.price del {
color: #d4d4d4;
}
.woocommerce div.product p.price {
display: block;
font-weight: 500;
font-size: 2.14286em;
line-height: 1;
text-align: left;
}
.woocommerce div.product p.price del {
padding-left: 0;
padding-bottom: 5px;
display: block;
font-size: 0.667em;
font-weight: 400;
}
.price.small {
font-size: 1em;
}
.price.version-2 {
font-size: 1.42857em;
}
.price.version-2 del {
font-size: 0.7em;
}
.price small {
font-size: 0.75em;
color: #d4d4d4;
}
.price.version-3 {
color: #0063d1;
font-weight: 300;
font-size: 1.71429em;
line-height: 1;
}
.price.version-3 del {
font-size: 0.75em;
display: block;
margin-top: 5px;
}
.xs-content-header {
border-bottom: 1px solid #efefef;
margin-bottom: 30px;
}
.xs-content-header.mx-3 {
margin-right: 0 !important;
}
.xs-content-header .xs-content-title {
float: left;
margin-top: -4px;
}
.xs-content-header .customNavigation,
.xs-content-header .xs-nav-tab,
.xs-content-header.version-2 .xs-simple-btn {
float: right;
}
.xs-content-header .xs-content-title.version-2,
.xs-content-header.version-2 .xs-content-title {
margin-top: 0;
}
.xs-content-header.version-2 {
border-bottom: 0;
}
.xs-content-header.version-3 {
padding-bottom: 8px;
}
.xs-content-header.content-header-v2 .xs-nav-tab {
float: none;
position: relative;
}
.xs-content-header.content-header-v2 .nav-item .xs-custom-nav {
opacity: 0;
visibility: hidden;
position: absolute;
right: 0;
top: 0;
}
.xs-content-header.content-header-v2
.nav-item
.nav-link.active
~ .xs-custom-nav {
opacity: 1;
visibility: visible;
}
.xs-content-title {
font-size: 1.57143em;
margin-bottom: 0;
line-height: 1;
position: relative;
}
.xs-content-title.version-2::after,
.xs-content-title.version-2::before,
.xs-content-title.version-3::before {
position: absolute;
content: "";
}
.xs-content-title.version-2 {
padding-bottom: 28px;
}
.xs-content-title.version-2::before {
bottom: -1px;
left: 0;
height: 2px;
width: 60px;
background-color: #0063d1;
}
.xs-content-title.version-2::after {
left: 30px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -13px;
border-top: 8px solid #0063d1;
border-bottom: 5px solid transparent;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
}
.xs-content-title.version-3 {
font-size: 2em;
font-weight: 700;
margin-top: 0;
padding-bottom: 24px;
}
.xs-content-title.version-3::before {
left: 0;
bottom: -1px;
height: 2px;
width: 80px;
background-color: #83b735;
}
.xs-content-title.version-3 small {
font-size: 0.643em;
font-weight: 400;
display: block;
color: #999;
margin-bottom: 5px;
}
.xs-content-title.version-3 ~ .xs-custom-nav {
padding-top: 5px;
}
.xs-nav-tab {
border-bottom: 0 solid #000;
}
.xs-nav-tab .nav-item {
margin-right: 40px;
}
.xs-nav-tab .nav-item:last-child {
margin-right: 0;
}
.xs-nav-tab .nav-link {
padding: 0 0 13px;
line-height: 1;
border: 0;
font-size: 1.28571em;
color: #969696;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
position: relative;
}
.xs-nav-tab .nav-link::after,
.xs-nav-tab .nav-link::before {
position: absolute;
content: "";
left: 50%;
-webkit-transition: all 0.4s ease;
opacity: 0;
}
.xs-nav-tab .nav-link::before {
bottom: 0;
height: 2px;
width: 40px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #0063d1;
transition: all 0.4s ease;
}
.xs-nav-tab .nav-link::after {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -11px;
border-top: 8px solid #0063d1;
border-bottom: 5px solid transparent;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
transition: all 0.4s ease;
}
.xs-nav-tab .nav-link.active,
.xs-nav-tab .nav-link:hover {
color: #222;
background-color: transparent;
}
.xs-nav-tab .nav-link.active::after,
.xs-nav-tab .nav-link.active::before,
.xs-nav-tab .nav-link:hover::after,
.xs-nav-tab .nav-link:hover::before {
opacity: 1;
}
.xs-nav-tab.version-2 .nav-item {
margin-right: 20px;
}
.xs-nav-tab.version-2 .nav-item:last-child {
margin-right: 0;
}
.xs-nav-tab.version-2 .nav-item .nav-link {
font-size: 1.57143em;
padding-bottom: 28px;
}
.xs-nav-tab.version-2 .nav-item .nav-link::after,
.xs-nav-tab.version-2 .nav-item .nav-link::before {
left: 0;
width: 60px;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.xs-nav-tab.version-2 .nav-item .nav-link::after {
bottom: -13px;
width: 10px;
left: calc(60px / 2);
margin-left: calc(-10px / 2);
}
.xs-nav-tab.version-red .nav-link::before {
background-color: #ff6251;
}
.product-item-meta li a:hover,
.product-item-meta.meta-style-2 li a {
background-color: #83b735;
color: #fff;
}
.xs-nav-tab.version-red .nav-link::after {
border-top-color: #ff6251;
}
.xs-nav-tab.version-3 .nav-item .nav-link {
font-size: 2em;
padding-bottom: 20px;
}
.content-header-v2 .xs-nav-tab.version-3 .nav-item .nav-link {
font-size: 1.3em;
}
.xs-nav-tab.version-4 {
margin-bottom: 20px;
border-bottom: 1px solid #eaeaea;
}
.xs-nav-tab.version-4 .nav-item .nav-link {
font-size: 1em;
font-weight: 500;
color: #222;
}
.xs-nav-tab.version-4 .nav-item .nav-link span {
color: #83b735;
}
.xs-nav-tab.version-4 .nav-item .nav-link.active,
.xs-nav-tab.version-4 .nav-item .nav-link:hover {
color: #0063d1;
}
.xs-nav-tab.version-4 .nav-item .nav-link::before {
width: 100%;
}
.xs-nav-tab.version-4 .nav-item .nav-link::after {
display: none;
}
.product-categories {
font-size: 0.95em;
margin-bottom: 4px;
display: block;
}
.product-categories a {
color: #999;
display: inline-block;
}
.xs-product-hover-area {
padding: 20px 30px;
border: 1px solid #efefef;
color: #b7b7b7;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-product-hover-area a {
color: #b7b7b7;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-product-hover-area a i {
padding-right: 7px;
}
.xs-product-hover-area a:hover {
color: #777;
}
.xs-vertical-tab-nav li a {
color: #777;
font-size: 1em;
border-left: 1px solid #f7f7f7;
padding-top: 11.25px;
padding-bottom: 11.25px;
padding-left: 35px;
display: block;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
position: relative;
}
.xs-vertical-tab-nav li a::after {
position: absolute;
content: "\f105";
font-family: FontAwesome;
color: #d3d3d3;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 60px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.organic-info-subtitle,
.organic-widget-content h4,
.xs-single-fun-fact h4 { }
.xs-vertical-tab-nav li a.active,
.xs-vertical-tab-nav li a:hover {
border-left: 2px solid #0063d1;
color: #0063d1;
}
.xs-vertical-tab-nav li a.active::after,
.xs-vertical-tab-nav li a:hover::after {
color: #0063d1;
}
.product-item-meta {
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.product-item-meta li {
display: inline-block;
}
.product-item-meta li a {
display: block;
color: #222;
width: 30px;
height: 30px;
line-height: 34px;
border-radius: 100%;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
text-align: center;
}
.product-feature-ribbon {
position: absolute;
right: 0;
top: 0;
width: 80px;
height: 80px;
text-align: right;
z-index: 2;
border-bottom: 40px solid transparent;
border-left: 40px solid transparent;
border-right: 40px solid #0063d1;
border-top: 40px solid #0063d1;
}
.product-feature-ribbon i {
font-size: 1.78571em;
padding: 14px 8px;
color: #fff;
display: inline-block;
position: absolute;
top: -36px;
left: 0;
}
.xs-custom-nav div{
display: inline-block;
cursor: pointer;
color: #d5d5d5;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
font-size: 24px;
}
.xs-custom-nav div:hover {
color: #0063d1;
}
.xs-custom-nav div.nav-round {
width: 40px;
height: 40px;
border: 2px solid #f1f1f1;
border-radius: 100%;
text-align: center;
font-size: 1.28571em;
line-height: 35px;
color: #666;
}
.xs-custom-nav div.nav-round:hover {
background-color: #83b735;
border-color: #83b735;
color: #fff;
}
.xs-custom-nav div:first-child {
margin-right: 14px;
}
.xs-footer-description img,
.xs-payment-card li {
margin-right: 20px;
}
.container-fullwidth .xs-nav-tab-v3 {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.xs-nav-tab-v3 {
position: relative;
margin-bottom: 30px;
border-bottom: 0;
}
.xs-nav-tab-v3::before {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid #eaeaea;
z-index: 1;
pointer-events: none;
}
.xs-nav-tab-v3 .nav-item {
width: 16.65%;
margin-bottom: 0;
}
.xs-nav-tab-v3 .nav-item .nav-link {
border: 1px solid transparent;
border-top-left-radius: 0;
border-top-right-radius: 0;
text-align: center;
color: #222;
font-size: 1.14286em;
font-weight: 500;
min-height: 180px;
padding: 34px 5px;
position: relative;
background-color: #fff;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-nav-tab-v3 .nav-item .nav-link::before {
position: absolute;
content: "";
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
width: 1px;
height: 100px;
border-right: 1px solid;
border-color: #ededed;
}
.xs-nav-tab-v3 .nav-item .nav-link::after {
position: absolute;
content: "";
bottom: -12px;
left: 50%;
-webkit-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
height: 24px;
width: 24px;
opacity: 0;
z-index: 1;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-nav-tab-v3 .nav-item .nav-link.active,
.xs-nav-tab-v3 .nav-item .nav-link::after {
background-color: #0063d1;
}
.xs-nav-tab-v3 .nav-item .nav-link.active,
.xs-nav-tab-v3 .nav-item .nav-link.active small,
.xs-nav-tab-v3 .nav-item .nav-link.active span {
color: #fff;
}
.xs-nav-tab-v3 .nav-item .nav-link.active::after {
opacity: 1;
}
.xs-nav-tab-v3 .nav-item .nav-link.active::before {
display: none;
}
.xs-nav-tab-v3 .nav-item .nav-link small,
.xs-nav-tab-v3 .nav-item .nav-link span {
display: block;
}
.xs-nav-tab-v3 .nav-item .nav-link small {
color: #555;
font-weight: 400;
font-size: 0.75em;
margin-top: 8px;
}
.xs-nav-tab-v3 .nav-item .nav-link span {
color: #0063d1;
font-size: 2.2em;
margin-bottom: 15px;
}
.xs-nav-tab-v3 .nav-item:first-child .nav-link:before {
display: none;
}
.xs-banner-campaign {
display: block;
position: relative;
overflow: hidden;
}
.xs-banner-campaign::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.5);
-webkit-transition: -webkit-transform 1.8s;
transition: -webkit-transform 1.8s;
transition: transform 1.8s;
transition: transform 1.8s, -webkit-transform 1.8s;
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
translate3d(0, -200%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
translate3d(0, -200%, 0);
}
.xs-banner-campaign:hover::before {
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
translate3d(0, 200%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg)
translate3d(0, 200%, 0);
}
.xs-banner .xs-banner-campaign img {
width: 100%;
min-height: 250px;
}
.xs-banner-campaign-v2 {
padding-top: 30px;
}
.xs-product-widget {
margin-bottom: 30px;
background-color: #fff;
border: 1px solid #e3e3e3;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
position: relative;
}
.xs-product-widget:hover {
box-shadow: 0 2px 20px 0 rgba(144, 144, 144, 0.2);
border-color: transparent;
}
.xs-product-widget:hover:hover img {
opacity: 0.7;
}
.xs-product-widget img {
opacity: 1;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-product-widget:last-child {
margin-bottom: 0;
}
.xs-product-widget img ~ .product-widget-content {
padding: 0 20px;
}
.xs-product-widget .product-widget-content {
padding: 30px;
}
.xs-product-widget.version-2 {
border: 0;
}
.xs-product-widget.version-2:hover,
.xs-product-widget.version-thumb:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.xs-product-widget.version-gradient {
background: -webkit-gradient(
linear,
left top,
right top,
from(#f7f6f2),
color-stop(20%, #f7f6f2),
color-stop(20%, #fff),
to(#fff)
);
background: linear-gradient(
to right,
#f7f6f2 0,
#f7f6f2 20%,
#fff 20%,
#fff 100%
);
border: 2px solid #f7f6f2;
border-radius: 4px;
z-index: 1;
}
.xs-banner-offer,
.xs-newsLetter-section.newsLetter-bg-image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.xs-product-widget.version-gradient .xs-product-thumb {
padding-left: 40px;
min-width: 130px;
-ms-flex-item-align: center;
align-self: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.xs-product-widget.version-gradient
.xs-product-thumb
~ .product-widget-content {
padding: 20px 20px 20px 30px;
}
.xs-product-widget.version-gradient::before {
position: absolute;
content: "";
left: 20%;
top: 0;
background-image: url(//coolkicks.co.za/wp-content/themes/marketo/assets/images/curve-small.png);
height: 130px;
width: 22px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -1;
}
.xs-footer-section,
.xs-slider-highlight {
position: relative;
}
.xs-product-widget.version-gradient:hover {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #f7f6f2;
}
.xs-product-slider-4 .xs-product-widget,
.xs-product-slider-5 .xs-product-widget,
.xs-product-slider-6 .xs-product-widget {
margin-bottom: 12px;
}
.xs-product-slider-4 .xs-product-widget:last-child,
.xs-product-slider-5 .xs-product-widget:last-child,
.xs-product-slider-6 .xs-product-widget:last-child {
margin-bottom: 0;
}
.version-thumb .xs-product-widget {
border: 0;
margin-bottom: 20px;
}
.version-thumb .xs-product-widget:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.version-thumb .xs-product-widget .price del {
display: block;
padding-left: 0;
}
.xs-footer-logo a,
.xs-payment-card li {
display: inline-block;
}
.version-border-right .xs-product-widget {
border: 0;
border-right: 1px solid #f1f1f1;
}
.version-border-right .xs-product-widget:hover {
border-color: transparent;
} .product-thumb-version .xs-product-widget {
border: 0;
border-right: 1px solid #ededed;
margin-bottom: 30px;
}
.product-thumb-version .xs-product-widget:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.product-thumb-version .xs-product-widget img ~ .product-widget-content {
padding: 0 10px;
}
.product-thumb-version .xs-product-widget .price {
color: #0063d1;
}
.product-thumb-version .xs-product-widget img {
padding-left: 6px;
}
.product-thumb-version [class^="col-"]:last-child .xs-product-widget {
border-right: 0;
}
.xs-footer-main {
padding-bottom: 80px;
}
.xs-footer-logo {
padding-bottom: 60px;
text-align: center;
}
.xs-copyright .xs-payment-card,
.xs-copyright .xs-social-list {
text-align: right;
}
.footer-widget .widget-title {
font-size: 1.28571em;
font-weight: 500;
margin-bottom: 25px;
}
.footer-widget.footer-content {
padding-right: 120px;
}
.footer-widget .footer-banner {
margin-top: -27px;
}
.xs-footer-description {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #e8e8e8;
}
.xs-footer-description .media-body p {
margin-bottom: 0;
color: #777;
}
.xs-footer-description .media-body p a {
color: #62ab00;
}
.xs-copyright {
background-color: #0063d1;
padding: 30px 0;
}
.xs-copyright.copyright-gray {
background-color: #f8f8f8;
}
.xs-copyright.copyright-gray .xs-copyright-text,
.xs-copyright.copyright-gray .xs-copyright-text a,
.xs-copyright.copyright-gray .xs-social-list li a {
color: #555;
}
.xs-copyright.copyright-yellow {
background-color: #fed700;
}
.xs-copyright.copyright-yellow .xs-copyright-text,
.xs-copyright.copyright-yellow .xs-copyright-text a,
.xs-copyright.copyright-yellow .xs-social-list li a {
color: #333e48;
}
.xs-copyright .xs-payment-card li a {
opacity: 0.5;
}
.xs-copyright .xs-payment-card li a:hover {
opacity: 1;
}
.xs-copyright .xs-social-list li a {
color: #fff;
}
.xs-copyright-text {
color: #9dcbff;
}
.xs-copyright-text a {
color: #fff;
}
.xs-payment-card li:last-child {
margin-right: 0;
}
.xs-payment-card li a {
display: inline-block;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-payment-card .payment-title {
color: #fff;
margin-right: 30px;
}
.footer-logo-v2 {
text-align: left;
padding-bottom: 40px;
}
.xs-footer-info-and-payment {
margin: 0;
}
.xs-footer-info-and-payment span[class*="icon"] {
color: #62ab00;
font-size: 3.57143em;
margin-right: 20px;
}
.xs-footer-info-and-payment .color-yellow[class*="icon"] {
color: #fed700;
}
.xs-footer-info-and-payment h5 {
font-size: 1.57143em;
color: #999;
font-weight: 300;
line-height: 1.454;
margin-bottom: 12px;
}
.xs-footer-info-and-payment strong {
display: block;
color: #444;
font-weight: 500;
}
.xs-footer-info-and-payment address {
color: #777;
margin-bottom: 12px;
}
.xs-footer-info-and-payment .xs-payment-card {
margin-bottom: 22px;
}
.xs-footer-secure-info h6 {
font-size: 1.14286em;
font-weight: 400;
margin-bottom: 7px;
}
.xs-footer-secure-info li {
display: inline-block;
margin-right: 10px;
}
.xs-footer-secure-info li:last-child {
margin-right: 0;
}
.footer-banner {
display: inline-block;
}
.xs-product-category {
padding: 0 13px;
border-right: 1px solid #ebebeb;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-product-category img {
margin: 0 auto 20px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 1;
}
.product-category-version-2 > .col-md-4:hover {
opacity: 0.7;
}
.xs-product-category:hover {
opacity: 0.7;
}
.xs-tab-slider .swiper-wrapper ,
.xs-tab-slider-6-col .swiper-wrapper {
margin-bottom: 60px;
}
.xs-tab-slider .swiper-pagination-bullet,
.xs-tab-slider-6-col .swiper-pagination-bullet{
height: 10px;
width: 10px;
background-color: #e1e1e1;
}
.xs-tab-slider .swiper-pagination-bullet-active,
.xs-tab-slider-6-col .swiper-pagination-bullet-active{
background-color: #0063d1;
}
.xs-tab-slider-6-col .last-child .xs-product-category {
border-right: 1px solid transparent;
}
.tab-slider-center .xs-product-category {
text-align: center;
}
.product-category-version-2 .xs-product-category {
padding: 0 10px;
border-right: 0;
text-align: center;
margin-bottom: 30px;
}
.xs-slider-7-col .first-child .xs-product-category,
.xs-slider-7-col .last-child .xs-product-category {
border-right: 1px solid transparent;
}
.xs-recently-added .xs-content-header {
padding-bottom: 10px;
}
.xs-deal-of-the-day-section {
position: relative;
padding: 125px 0;
}
.xs-best-deal-slider-content {
color: #fff;
}
.xs-best-deal-slider-content .price {
margin-bottom: 40px;
font-size: 2em;
color: #fff;
display: inline-block;
}
.xs-best-deal-slider-content .price del {
color: #1f7ee8;
}
.xs-best-deal-slider-content .btn.btn-success::before {
background-color: #222;
}
.best-deal-sub-title {
color: #62acff;
font-size: 1.57143em;
font-weight: 400;
margin-bottom: 10px;
}
.best-deal-title {
font-size: 3em;
font-weight: 700;
letter-spacing: -0.3px;
margin-bottom: 25px;
}
.xs-deal-of-the-day-section:hover .swiper-button-next,
.xs-deal-of-the-day-section:hover .swiper-button-prev {
opacity: 1;
}
.xs-deal-of-the-day-section:hover .swiper-button-prev {
left: 40px;
}
.xs-deal-of-the-day-section:hover .swiper-button-next {
right: 40px;
}
.xs-deal-of-the-day-section .swiper-button-next,
.xs-deal-of-the-day-section .swiper-button-prev {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 0;
}
.xs-deal-of-the-day-section .swiper-button-next i,
.xs-deal-of-the-day-section .swiper-button-prev i {
color: #1e7ee9;
font-size: 2.14286em;
}
.xs-deal-of-the-day-section .swiper-button-next i:hover,
.xs-deal-of-the-day-section .swiper-button-prev i:hover {
color: #fff;
}
.xs-deal-of-the-day-section .swiper-button-prev {
left: 0;
}
.xs-deal-of-the-day-section .swiper-button-next {
right: 0;
}
.entry-summary {
padding-top: 50px;
}
.entry-summary a.woocommerce-review-link {
color: #777777;
}
.summary-content .entry-title {
font-size: 1em;
font-weight: 400;
color: #0063d1;
margin-bottom: 15px;
}
.summary-content .product-title {
font-size: 1.57143em;
margin-bottom: 20px;
}
.summary-content .star-rating {
margin-bottom: 20px;
line-height: 1;
}
.summary-content .star-rating .value {
top: -2px;
}
.summary-content .price {
margin-bottom: 20px;
}
.xs-add-to-chart-form {
margin-bottom: 30px;
}
.xs-add-to-chart-form .xs_input_number {
display: inline-block;
float: left;
}
.xs-add-to-chart-form .w-quantity-btn {
text-align: right;
}
.xs-wishlist-and-compare {
width: 52px;
height: 52px;
line-height: 52px;
display: inline-block;
border: 1px solid #eaeaea;
border-radius: 4px;
color: #999;
font-size: 1.14286em;
text-align: center;
}
.xs-brand-section {
padding: 80px 0;
border-top: 1px solid #e3e3e3;
}
.xs-brand-section.brand-bg-version {
background-color: #0063d1;
border-top: 0;
}
.xs-brand-content{
display: flex;
}
.xs-brand-content a {
display: inline-block;
opacity: 0.5;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
min-width: calc(100% / 5);
display: flex;
justify-content: center;
}
.xs-brand-content.version-2,
.xs-brand-content.version-3{
min-width: calc(100% / 6);
display: flex;
flex-wrap: wrap;
}
.xs-brand-content a:hover,
.xs-brand-content.version-2 a,
.xs-brand-content.version-3 a {
opacity: 1;
}
.xs-brand-content.version-2{
min-height: 60px;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.xs-brand-content.version-3 li {
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 116px;
}
.xs-feature-list,
.xs-newsletter {
display: -webkit-box;
display: -ms-flexbox;
}
.xs-newsLetter-section {
padding: 90px 0;
}
.xs-newsLetter-section.newsLetter-bg-image {
color: #fff;
background-image: url(//coolkicks.co.za/wp-content/themes/marketo/assets/images/backgrounds/doodle_background.jpg);
}
.xs-newsLetter-section.version-gradient {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(#effde9),
to(#dffff6)
);
background-image: linear-gradient(to top, #effde9 0, #dffff6 100%);
}
.xs-newsLetter-section.version-gradient .newsletter-content i {
color: #83b735;
}
.xs-newsLetter-section.version-gradient
.xs-newsletter
input:not([type="submit"]) {
border-color: #ff6251;
background-color: transparent;
}
.xs-newsLetter-section.version-gradient
.xs-newsletter
input:not([type="submit"])::-webkit-input-placeholder {
color: #666;
font-size: 1em;
}
.xs-newsLetter-section.version-gradient
.xs-newsletter
input:not([type="submit"])::-moz-placeholder {
color: #666;
font-size: 1em;
}
.xs-newsLetter-section.version-gradient
.xs-newsletter
input:not([type="submit"]):-ms-input-placeholder {
color: #666;
font-size: 1em;
}
.xs-newsLetter-section.version-gradient
.xs-newsletter
input:not([type="submit"]):-moz-placeholder {
color: #666;
font-size: 1em;
}
.xs-newsLetter-section.version-gradient .xs-newsletter input[type="submit"] {
background-color: #ff6251;
}
.xs-newsletter-sub-title {
font-size: 1.57143em;
font-weight: 300;
margin-bottom: 15px;
}
.xs-newsletter-title {
font-size: 2.57143em;
font-weight: 500;
margin-bottom: 15px;
}
.xs-newsletter-content p {
color: #84a6ff;
margin-bottom: 25px;
}
.xs-newsletter-content .xs-newsletter {
margin-right: 90px;
}
.xs-newsletter {
position: relative;
display: flex;
}
.xs-newsletter input:not([type="submit"]) {
width: 100%;
display: block;
float: left;
background-color: #0063d1;
border: 2px solid rgba(0, 0, 0, 0.1);
padding-left: 30px;
}
.xs-newsletter input[type="submit"] {
border: 0;
background-color: #83b735;
letter-spacing: 0.3px;
text-transform: uppercase;
font-weight: 500;
font-size: 0.85714em;
color: #fff;
padding: 0 50px;
display: inline-block;
float: right;
cursor: pointer;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-newsletter input:not([type="submit"]),
.xs-newsletter input[type="submit"],
.xs-newsletter.round {
height: 60px;
}
.xs-newsletter.round input:not([type="submit"]) {
border-radius: 30px;
width: 100%;
}
.xs-newsletter.round input[type="submit"] {
height: calc(100% - 14px);
border-radius: 25px;
position: absolute;
right: 5px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 4.1;
}
.xs-newsletter.newsLetter-v2 input:not([type="submit"]),
.xs-newsletter.newsLetter-v2 input[type="submit"],
.xs-newsletter.newsLetter-v3 input:not([type="submit"]),
.xs-newsletter.newsLetter-v3 input[type="submit"] {
height: 52px;
}
.xs-newsletter.round input[type="submit"]:hover {
background-color: #222;
}
.xs-newsletter::-webkit-input-placeholder {
color: #84acff;
font-size: 1.14286em;
}
.xs-newsletter::-moz-placeholder {
color: #84acff;
font-size: 1.14286em;
}
.xs-newsletter:-ms-input-placeholder {
color: #84acff;
font-size: 1.14286em;
}
.xs-newsletter:-moz-placeholder {
color: #84acff;
font-size: 1.14286em;
}
.xs-newsletter.newsLetter-v2 input:not([type="submit"]) {
border-color: #e7e7e7;
border-radius: 4px 0 0 4px;
border-right: 0;
background-color: #fff;
}
.xs-newsletter.newsLetter-v2 input[type="submit"] {
background-color: #0063d1;
border-radius: 0 4px 4px 0;
}
.xs-newsletter.newsLetter-v2 input[type="submit"]:hover {
background-color: #83b735;
}
.xs-newsletter.newsLetter-v2::-webkit-input-placeholder {
color: #c9c9c9;
font-size: 1em;
}
.xs-newsletter.newsLetter-v2::-moz-placeholder {
color: #c9c9c9;
font-size: 1em;
}
.xs-newsletter.newsLetter-v2:-ms-input-placeholder {
color: #c9c9c9;
font-size: 1em;
}
.xs-newsletter.newsLetter-v2:-moz-placeholder {
color: #c9c9c9;
font-size: 1em;
}
.xs-newsletter.newsLetter-v2 label {
position: absolute;
top: -20px;
left: 0;
margin-bottom: 0;
}
.xs-newsletter.newsLetter-v3 input:not([type="submit"]) {
border: 1px solid #e7e7e7;
border-right: 0;
background-color: #fff;
border-radius: 25px 0 0 25px;
}
.xs-newsletter.newsLetter-v3 input[type="submit"] {
background-color: #333e48;
font-size: 1em;
padding: 0 35px;
border-radius: 0 25px 25px 0;
}
.xs-newsletter.newsLetter-v3::-webkit-input-placeholder {
color: #c9c9c9;
font-size: 1em;
}
.xs-newsletter.newsLetter-v3::-moz-placeholder {
color: #c9c9c9;
font-size: 1em;
}
.xs-newsletter.newsLetter-v3:-ms-input-placeholder {
color: #c9c9c9;
font-size: 1em;
}
.xs-newsletter.newsLetter-v3:-moz-placeholder {
color: #c9c9c9;
font-size: 1em;
}
label[for="xs-newsletter-email"] {
display: block;
position: absolute;
top: -30px;
margin-bottom: 0;
left: 0;
}
.newsletter-content {
width: 100%;
}
.newsletter-content i {
color: #0063d1;
font-size: 3.57143em;
}
.newsletter-content .newsletter-title {
font-size: 1.85714em;
font-weight: 400;
letter-spacing: -0.3px;
}
.newsletter-content p {
color: #777;
margin-bottom: 0;
}
.xs-featureList-section {
padding-top: 30px;
}
.xs-feature-list {
border: 1px solid #eaeaea;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.xs-feature-list li {
width: 20%;
padding: 30px;
border-right: 1px solid #eaeaea;
}
.xs-feature-list li:last-child {
border-right: 0;
}
.xs-feature-list.vertical {
-ms-flex-direction: column;
flex-direction: column;
padding: 10px;
}
.xs-feature-list.vertical li {
width: 100%;
padding: 0 0 20px;
border-right: 0 solid #eaeaea;
border-bottom: 1px solid #eaeaea;
margin-bottom: 20px;
}
.xs-feature-list.vertical li:last-child {
border-bottom: 0 solid #eaeaea;
padding-bottom: 0;
margin-bottom: 0;
}
.xs-feature-list.vertical .xs-feature-text h4 {
font-weight: 500;
font-size: 1em;
}
.xs-feature-list.vertical .xs-feature-text span {
font-size: 0.9em;
}
.xs-feature i {
font-size: 2.14286em;
color: #0063d1;
}
.xs-feature-text h4 {
font-weight: 500;
font-size: 1.14286em;
margin-bottom: 0;
letter-spacing: -0.3px;
}
.xs-feature-text span {
color: #626060;
}
.xs-content-header.background-version {
background-color: #0063d1;
border-bottom: 0;
padding: 18px 30px;
border-radius: 4px 4px 0 0;
margin-bottom: 0;
}
.xs-content-header.background-version .xs-content-title {
margin-top: 0;
color: #fff;
font-size: 1.28571em;
}
.xs-content-header.background-version .xs-custom-nav div {
color: #fff;
}
.xs-deal-of-the-week {
border: 2px solid #0063d1;
border-top: 0;
border-radius: 0 0 4px 4px;
}
.xs-deal-blocks {
padding-bottom: 28px;
padding-left: 28px !important;
padding-right: 28px !important;
text-align: center;
}
.xs-deal-blocks img {
display: block;
margin: 0 auto;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
padding: 10px;
}
.xs-deal-blocks:hover img {
opacity: 0.7;
}
.xs-deal-blocks hr {
border-color: #f4f4f4;
margin: 0px auto 15px;
}
.xs-deal-blocks .xs-countdown-timer {
padding: 0 75px;
}
.xs-deals-info {
padding: 0 28px;
margin-bottom: 28px;
}
.xs-deals-info .price {
font-size: 1.71429em;
}
.xs-deals-info .xs-product-offer-label {
width: 70px;
height: 70px;
float: right;
}
.xs-deals-info .product-title {
margin-bottom: 0;
}
.xs-deals-info .media {
margin-bottom: 30px;
}
.xs-deal-stock-limit {
margin-bottom: 10px;
}
.countdow-timer h4,
.xs-deal-blocks.deal-block-v2 .title-and-price {
text-align: center;
margin-bottom: 20px;
}
.xs-deal-stock-limit .product-sold {
float: left;
}
.xs-deal-stock-limit .product-available {
float: right;
}
.product-available,
.product-sold {
font-size: 0.85714em;
}
.xs-progress {
height: 10px;
background-color: #f5f5f5;
border-radius: 5px;
margin-bottom: 28px;
}
.xs-progress .progress-bar {
background-color: #83b735;
border-radius: 5px;
}
.xs-deal-blocks.deal-block-v2 h4 {
font-size: 1em;
color: #777;
font-weight: 400;
margin-bottom: 24px;
}
.xs-deal-blocks.deal-block-v2 h4 span {
font-weight: 500;
font-size: 1.28571em;
}
.deal-of-the-week-v2 .background-version {
background-color: transparent;
border: 2px solid #0063d1;
border-bottom: 0 solid #000;
position: relative;
}
.deal-of-the-week-v2 .background-version::before {
position: absolute;
content: "";
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
height: 1px;
width: calc(100% - 64px);
background-color: #f4f4f4;
}
.deal-of-the-week-v2 .background-version .xs-content-title {
color: #222;
}
.deal-of-the-week-v2 .background-version .xs-custom-nav div {
color: #b2b2b2;
}
.deal-of-the-week-v2 .price {
color: #0063d1;
font-weight: 300;
}
.deal-of-the-week-v2 .xs-progress .progress-bar {
background-color: #0063d1;
}
.xs-deal-blocks.deal-block-v2 {
position: relative;
background-color: #fff;
border-right: 1px solid #ededed;
}
.xs-deal-blocks.deal-block-v2 .product-title{
text-align: center;
}
.xs-deal-blocks.deal-block-v2 .xs-product-offer-label {
position: absolute;
top: 20px;
right: 20px;
width: 70px;
height: 70px;
}
.xs-deal-blocks.deal-block-v2 .xs-product-offer-label span {
font-size: 1.28571em;
}
.xs-deal-blocks.deal-block-v2 .price {
color: #0063d1;
display: block;
text-align: center;
}
.xs-deal-blocks.deal-block-v2 .xs-deals-info {
margin-bottom: 30px;
}
.xs-deal-blocks.deal-block-v2 hr {
width: calc(100% - 56px);
}
.tab-pane .row [class^="col-"]:last-child .deal-block-v2 {
border-right: 0 solid #000;
}
.xs-banner-offer {
border-radius: 6px;
}
.xs-banner-offer,
.xs-offer-text {
min-height: 300px;
max-height: 320px;
}
.xs-offer-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 50px;
}
.xs-offer-text h2 {
font-weight: 300;
font-size: 2.85714em;
margin-bottom: 5px;
}
.xs-offer-text h3 {
margin-bottom: 30px;
font-weight: 700;
font-size: 2.5em;
}
.xs-offer-product-img {
margin-top: -28px;
text-align: right;
}
.small-offer-banner {
background-color: #f7f7f7;
border-radius: 6px;
padding: 30px;
max-height: 250px;
min-height: 250px;
cursor: pointer;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
display: flex;
justify-content: center;
flex-direction: column;
}
.small-offer-banner-style2{
flex-direction: row;
}
.small-offer-banner:hover {
box-shadow: 0 2px 20px 0 rgba(144, 144, 144, 0.2);
}
.small-offer-banner .media-body {
position: relative;
top: 63px;
left: 10px;
}
.small-offer-banner .media-body img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.small-offer-banner:hover .media-body img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.small-offer-banner.offer-banner-v2 h2,
.small-offer-banner.offer-banner-v2 h3 {
font-size: 1.71429em;
letter-spacing: -0.3px;
}
.small-offer-banner.offer-banner-v2 h2 {
font-weight: 300;
margin-bottom: 0;
}
.small-offer-banner.offer-banner-v2 h3 {
font-weight: 700;
margin-bottom: 20px;
}
.small-offer-banner.offer-banner-v2 .media-body {
top: 33px;
}
.small-offer-banner.offer-banner-v3 h2 {
font-weight: 300;
color: #0063d1;
font-size: 1.28571em;
margin-bottom: 10px;
}
.small-offer-banner.offer-banner-v3 h3 {
font-size: 2em;
font-weight: 300;
}
.small-offer-banner.offer-banner-v3 h3 span {
font-weight: 700;
}
.small-offer-banner.offer-banner-v3 .media-body {
top: 80px;
}
.small-offer-banner.offer-banner-v3 .offer-banner-content {
max-width: 50%;
}
.offer-banner-content {
max-width: 60%;
}
.offer-banner-content .product-categories {
font-size: 1.28571em;
margin-bottom: 10px;
display: block;
}
.offer-banner-content .product-categories a {
color: #74a8e5;
}
.small-offer-banner-v2{
background-repeat: no-repeat;
background-position: right bottom;
background-size: cover;
margin-bottom: 20px;
min-height: 277px;
margin-bottom: 10px;
}
.small-offer-banner-v2 p {
color: #0063d1;
margin-bottom: 8px;
}
.small-offer-banner-v2 h3 {
font-size: 1.28571em;
font-weight: 300;
margin-bottom: 19px;
max-width: 50%;
}
.small-offer-banner-v2 h3 span {
font-weight: 500;
display: block;
}
.xs-single-news {
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-single-news:hover {
-webkit-box-shadow: 0 2px 20px 0 rgba(144, 144, 144, 0.2);
box-shadow: 0 2px 20px 0 rgba(144, 144, 144, 0.2);
}
.xs-news-content{
padding: 30px;
background-color: #fff;
}
.xs-single-news .entry-header > a{
color: #0063d1;
}
.entry-header .entry-title {
font-size: 1.28571em;
line-height: 1.5;
letter-spacing: -0.3px;
margin-top: 15px;
margin-bottom: 20px;
}
.entry-title a {
color: #222;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.entry-title a:hover {
color: #0063d1;
}
.post-meta span {
margin-right: 5px;
}
.post-meta .post-time {
font-size: 11px;
}
.post-meta .post-time i {
font-size: 18px;
}
.post-meta span:last-child {
margin-right: 0;
}
.post-meta i {
font-size: 1.14286em;
position: relative;
top: 3px;
}
.post-meta a {
font-size: 0.71429em;
color: inherit;
display: inline-block;
}
.version-border .xs-news-content {
border: 2px solid #f4f4f4;
border-top: 0;
}
.xs-nav-tab-v2 {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 0;
margin-bottom: 40px;
}
.xs-nav-tab-v2 .nav-item {
margin-bottom: 0;
}
.xs-nav-tab-v2 .nav-link {
border: 2px solid #f1f1f1;
padding: 16px 50px;
line-height: 1;
border-radius: 25px;
font-size: 0.85714em;
font-weight: 700;
color: #666;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-nav-tab-v2 .nav-link.active,
.xs-nav-tab-v2 .nav-link:hover {
border-color: transparent;
background-color: #83b735;
color: #fff;
}
.xs-nav-tab-v2 .nav-filter-img {
min-height: 173px;
max-width: 268px;
}
.xs-organic-product-thumb {
background: #f7f6f2;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(#f7f6f2),
color-stop(60%, #f7f6f2),
color-stop(60%, #fff),
to(#fff)
);
background: linear-gradient(
to bottom,
#f7f6f2 0,
#f7f6f2 60%,
#fff 60%,
#fff 100%
);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f7f6f2', endColorstr='#ffffff', GradientType=0);
border-radius: 4px;
padding: 30px 30px 40px;
position: relative;
text-align: center;
z-index: 1;
overflow: hidden;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
margin-bottom: 30px;
border: 1px solid #f5f5f5;
}
.xs-funfact-section,
.xs-gadget-thumb-feature,
.xs-organic-product-thumb::before {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.xs-organic-product-thumb::before {
position: absolute;
content: "";
top: calc(60% - 42px);
left: 0;
background-image: url(//coolkicks.co.za/wp-content/themes/marketo/assets/images/curve.png);
width: 100%;
height: 42px;
z-index: -1;
}
.xs-organic-product-thumb .xs-product-header {
text-align: left;
}
.xs-organic-product-thumb .hover-box,
.xs-organic-product-thumb .product-item-meta {
opacity: 0;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
visibility: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.xs-organic-product-thumb .product-item-meta {
top: -25px;
}
.xs-organic-product-thumb .hover-box {
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
bottom: -20px;
}
.xs-organic-product-thumb .product-thumb {
margin: 30px 0;
min-height: 197px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.xs-organic-product-thumb .content-box,
.xs-organic-product-thumb .xs-product-header {
top: 0;
opacity: 1;
visibility: visible;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.xs-organic-product-thumb .content-box {
position: relative;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-organic-product-thumb:hover {
-webkit-box-shadow: 0 2px 6px 0 rgba(168, 168, 168, 0.2);
box-shadow: 0 2px 6px 0 rgba(168, 168, 168, 0.2);
}
.xs-organic-product-thumb:hover .content-box,
.xs-organic-product-thumb:hover .xs-product-header {
top: -20px;
opacity: 0;
visibility: hidden;
}
.xs-organic-product-thumb:hover .hover-box,
.xs-organic-product-thumb:hover .product-item-meta {
opacity: 1;
visibility: visible;
}
.xs-organic-product-thumb:hover .product-item-meta {
top: 30px;
}
.xs-organic-product-thumb:hover .hover-box {
bottom: 40px;
}
.xs-organic-product-thumb .product-title a:hover {
color: #ff6251;
}
.xs-organic-product-thumb .price {
font-size: 1.14286em;
}
.xs-organic-product-thumb .star-rating {
position: absolute;
right: 15px;
}
.xs-organic-product-widget {
padding: 40px;
position: relative;
background-color: #62ab00;
overflow: hidden;
z-index: 1;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
margin-bottom: 30px;
}
.xs-organic-product-widget:hover {
-webkit-box-shadow: 0 2px 20px 0 rgba(144, 144, 144, 0.2);
box-shadow: 0 2px 20px 0 rgba(144, 144, 144, 0.2);
}
.xs-organic-product-widget::before {
position: absolute;
content: "";
top: -50px;
left: -170px;
height: 393px;
width: 393px;
background-color: #fafafa;
border-radius: 100%;
z-index: -1;
border-right: 12.5px solid;
border-top: 40px solid;
border-color: #62ab00;
}
.xs-organic-product-widget.red-version {
background-color: #ff6251;
}
.xs-organic-product-widget.red-version::before {
border-color: #ff6251;
}
.xs-organic-product-widget .product-thumb {
min-height: 197px;
}
.organic-widget-content {
padding-left: 30px;
-ms-flex-item-align: center;
align-self: center;
color: #fff;
}
.organic-widget-content h4 {
font-size: 1.85714em;
margin-bottom: 5px;
}
.organic-widget-content h5 {
font-weight: 700;
font-size: 2.28571em;
margin-bottom: 25px;
}
.xs-organic-widget-highlight {
padding: 40px;
display: block;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-organic-widget-highlight:hover {
-webkit-box-shadow: 0 2px 20px 0 rgba(144, 144, 144, 0.2);
box-shadow: 0 2px 20px 0 rgba(144, 144, 144, 0.2);
}
.xs-deal-of-the-day-organic {
position: relative;
padding: 110px 0;
z-index: 1;
}
.xs-deal-of-the-day-organic .xs-gradient {
z-index: -2;
}
.xs-deal-of-the-day-organic .xs-watermark-text {
top: 50%;
bottom: inherit;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 10.71429em;
color: #e2f6e5;
z-index: -1;
}
.xs-organic-info-content {
position: relative;
z-index: 2;
}
.xs-organic-info-content .organic-info-title {
margin-bottom: 30px;
}
.xs-organic-info-content p {
color: #666;
margin-bottom: 25px;
}
.xs-organic-info-content .btn:not(.btn-outline-success) {
padding: 18px 60px;
}
.organic-info-subtitle {
color: #7fbb00;
font-size: 2.28571em;
font-weight: 400;
margin-bottom: 10px;
}
.organic-info-title {
font-weight: 700;
font-size: 3.71429em;
}
.xs-organic-featured-item-section {
position: relative;
padding: 100px 0;
}
.xs-organic-featured-item-section .xs-watermark-text {
z-index: -1;
top: 50%;
bottom: inherit;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 17.14286em;
color: #e2f6e5;
}
.xs-organic-featured-item-section .xs-gradient {
z-index: -2;
}
.xs-organic-feature-product {
position: relative;
z-index: 2;
}
.xs-organic-feature-product .xs-popover-wraper {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 68%;
}
.product-thumb-feature,
.recent-view-slider a,
.xs-gadget-thumb-feature,
.xs-organic-feature-product .xs-popover-wraper .btn,
.xs-sync-slider-preview {
position: relative;
}
.xs-organic-feature-product .xs-popover-wraper .btn:last-child {
float: right;
top: 90px;
}
.xs-funfact-section {
padding-top: 200px;
padding-bottom: 100px;
}
.xs-single-fun-fact {
color: #fff;
}
.xs-single-fun-fact i {
font-size: 4.28571em;
padding-right: 20px;
}
.xs-single-fun-fact h4 {
font-size: 1.28571em;
margin-bottom: 5px;
}
.entry-content blockquote:before,
.xs-list li::before {
font-family: FontAwesome;
}
.xs-single-fun-fact p {
font-size: 2.28571em;
font-weight: 500;
margin-bottom: 0;
}
.xs-recent-product-wraper {
background-color: #ebf1f1;
border-radius: 4px;
padding: 50px;
text-align: center;
}
.xs-recent-product-wraper .xs-content-title {
margin-bottom: 30px;
}
.recent-view-slider a {
display: block;
overflow: hidden;
background-color: #fff;
}
.recent-view-slider a:hover img {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
.recent-view-slider img {
border-radius: 4px;
-webkit-transition: -webkit-transform 0.6s cubic-bezier(0, 0, 0.44, 1.18);
transition: -webkit-transform 0.6s cubic-bezier(0, 0, 0.44, 1.18);
transition: transform 0.6s cubic-bezier(0, 0, 0.44, 1.18);
transition: transform 0.6s cubic-bezier(0, 0, 0.44, 1.18),
-webkit-transform 0.6s cubic-bezier(0, 0, 0.44, 1.18);
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.recent-view-slider .swiper-wrapper .swiper-slide img {
display: block;
margin: 0 auto;
}
.xs-gadget-thumb-feature {
margin-top: 75px;
padding-top: 100px;
padding-bottom: 70px;
}
.xs-gadget-thumb-feature .xs-overlay {
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(#f8f8f8),
to(rgba(255, 255, 255, 0))
);
background-image: linear-gradient(
0deg,
#f8f8f8 0,
rgba(255, 255, 255, 0) 100%
);
pointer-events: none;
}
.xs-gadget-thumb-feature .xs-content-header {
position: relative;
z-index: 3;
}
.xs-gadget-thumb-feature .xs-content-header .xs-content-title {
padding-top: 10px;
}
.product-thumb-feature {
z-index: 2;
}
.product-thumb-feature .xs-product-widget {
border: 0;
margin-bottom: 30px;
}
.product-thumb-feature .xs-product-widget:hover {
-webkit-box-shadow: none;
box-shadow: none;
}
.product-thumb-feature .xs-product-widget img {
padding: 10px;
}
.product-thumb-feature .xs-product-header {
margin-bottom: 20px;
}
.product-thumb-feature .price {
margin-bottom: 15px;
display: block;
}
.product-thumb-feature .product-widget-content .btn {
margin-bottom: 10px;
}
.xs-breadcumb {
background-color: #fafafa;
padding: 29px 0;
min-height: 80px;
margin-top: 20px;
}
.xs-breadcumb .breadcrumb {
background-color: inherit;
padding: 0;
margin-bottom: 0;
}
.xs-breadcumb .breadcrumb-item {
margin-right: 10px;
}
.xs-breadcumb .breadcrumb-item a {
color: #222;
margin-left: 25px;
}
.entry-content blockquote,
.widget_range .ui-widget-content .ui-state-default:nth-child(even),
.xs-breadcumb .breadcrumb-item:first-child a {
margin-left: 0;
}
.entry-content blockquote {
border-left: 4px solid #0063d1;
padding-left: 10px;
}
.xs-breadcumb .breadcrumb-item::before {
padding: 0 10px;
}
.xs-breadcumb .breadcrumb-item + .breadcrumb-item::before {
content: ">";
color: #777;
}
.xs-breadcumb .breadcrumb-item + .breadcrumb-item a {
color: #777;
}
.xs-breadcumb .breadcrumb-item:nth-child(2):before {
color: #222;
}
.xs-breadcumb .breadcrumb-item.active {
margin-right: 0;
color: #222;
}
.xs-breadcumb .breadcrumb-item.active::before {
margin-right: 25px;
}
.sync-slider-thumb .item {
border: 1px solid #d7d7d7;
}
.sync-slider-thumb .item img {
margin: 0 auto;
}
.sync-slider-preview {
margin-bottom: 20px;
}
.xs-sync-slider-preview .xs-social-tigger {
position: absolute;
left: -85px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
}
.xs-list {
margin-bottom: 24px;
}
.price {
margin-bottom: 25px;
}
.single-product-summary .xs-add-to-chart-form {
max-width: 95%;
}
.table.list-group li {
padding: 20px 0;
color: #777;
border: 0;
z-index: 1;
border-bottom: 2px solid #f1f1f1;
}
.table.list-group li span {
color: #222;
}
.table.list-group li:last-child {
border-bottom: 0;
}
.line-separetor-title-wraper {
position: relative;
text-align: center;
z-index: 1;
margin-bottom: 35px;
}
.line-separetor-title-wraper::before {
position: absolute;
content: "";
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 2px;
width: 100%;
background-color: #f1f1f1;
z-index: -1;
}
.line-separetor-title-wraper .line-separetor-title {
font-size: 2.28571em;
font-weight: 500;
margin-bottom: 0;
padding: 0 21px;
display: inline-block;
background-color: #fff;
}
.single-product-info-details {
text-align: center;
margin-bottom: 60px;
}
.single-product-info-details img {
padding: 0 30px;
margin-bottom: 45px;
}
.single-product-info-details h4 {
font-size: 1.57143em;
margin-bottom: 20px;
}
.single-product-info-details p {
margin-bottom: 0;
line-height: 1.7;
}
.help-tip {
text-align: center;
background-color: #0063d1;
border-radius: 50%;
width: 24px;
height: 24px;
font-size: 14px;
line-height: 26px;
cursor: default;
display: inline-block;
z-index: 9;
position: relative;
}
.help-tip::before {
content: "?";
font-weight: 700;
color: #fff;
}
.help-tip:hover .help-tip-text {
display: block;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-animation: fadeIn 0.3s ease-in-out;
animation: fadeIn 0.3s ease-in-out;
}
.help-tip .help-tip-text {
display: none;
text-align: left;
background-color: #1e2021;
padding: 20px;
min-width: 300px;
position: absolute;
border-radius: 3px;
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
right: -4px;
color: #fff;
margin-bottom: 0;
margin-top: 8px;
pointer-events: none;
font-weight: 400;
}
.caption-title,
.seller-detail {
margin-bottom: 30px;
}
.help-tip .help-tip-text::before {
position: absolute;
content: "";
width: 0;
height: 0;
border: 6px solid transparent;
border-bottom-color: #1e2021;
right: 10px;
top: -12px;
}
.help-tip .help-tip-text::after {
width: 100%;
height: 40px;
content: "";
position: absolute;
top: -40px;
left: 0;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
-webkit-transform: scale(0.6);
transform: scale(0.6);
}
100% {
opacity: 100%;
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 100%;
}
}
.shipping-table thead th {
background-color: #e6e6e6;
border: 0;
position: relative;
}
.shipping-table tbody td del,
.shipping-table tbody td mark {
color: #dc3545;
}
.shipping-table tbody td span {
display: block;
}
.shipping-table tbody td mark {
padding: 0;
background-color: transparent;
}
.seller-detail {
padding: 40px;
}
.seller-detail:last-child {
margin-bottom: 0;
}
.seller-detail h5 {
margin-bottom: 30px;
padding-right: 15px;
}
.seller-detail p {
margin-bottom: 0;
}
.xs-contact-form .h3 {
color: #0063d1;
margin-bottom: 16px;
line-height: 1;
font-size: 1em;
}
.xs-contact-form input:not([type="submit"]),
.xs-contact-form textarea {
border-color: #ccdcfe;
height: 52px;
border-radius: 0;
padding: 0 19px;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-contact-form input:not([type="submit"]):focus,
.xs-contact-form textarea:focus {
border-color: #0063d1;
}
.xs-contact-form textarea {
resize: none;
padding: 19px;
height: 122px;
}
.xs-contact-form .form-group {
margin-bottom: 30px;
}
.xs-blog-post-details {
margin-bottom: 40px;
}
.xs-blog-post-details .post-media {
position: relative;
}
.xs-blog-post-details .post-media img {
width: 100%;
display: block;
}
.xs-blog-post-details .post-body {
padding-top: 20px;
}
.xs-blog-post-details .post-meta {
margin-bottom: 20px;
line-height: 1;
}
.xs-blog-post-details .post-meta.row {
margin-right: 0;
margin-left: 0;
}
.xs-blog-post-details .entry-content {
margin-bottom: 40px;
}
.xs-blog-post-details .entry-content p {
margin-bottom: 30px;
color: #615f5f;
line-height: 2;
}
.xs-blog-post-details .xs-unorder-list li:before {
font-size: 0.71429em;
top: 0;
line-height: 1;
margin-top: 7px;
color: #83b735;
}
.xs-blog-post-details .xs-post-footer .post-meta {
margin-bottom: 0;
}
.xs-blog-post-details .post-video {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
.xs-blog-post-details iframe {
height: 166px;
width: 100%;
}
.entry-content blockquote.wp-block-quote {
margin-bottom: 30px;
padding: 30px 40px;
border-left: 3px solid #0063d1;
z-index: 1;
border-radius: 3px;
font-size: 14px;
position: relative;
}
.entry-content blockquote.wp-block-quote:before {
content: "\f10d";
color: #0063d1;
font-size: 36px;
margin-bottom: 20px;
}
.entry-content .blockquote-footer {
color: #fff;
padding: 20px 20px 0;
}
.xs-post-meta-list {
line-height: 1;
}
.xs-post-meta-list span {
color: #222;
margin-right: 15px;
padding-right: 15px;
font-size: 0.85714em;
border-right: 1px solid #999;
}
.xs-post-meta-list span:last-child {
margin-right: 0;
border-right: 0;
padding-right: 0;
}
.xs-post-meta-list span a {
color: #222;
font-size: 1em;
}
.xs-post-meta-list span a:hover {
color: #0063d1;
}
.xs-post-meta-list span i {
padding-right: 8px;
color: #999;
top: 0;
}
.xs-post-meta-list .xs-post-meta-date .color-white,
.xs-post-meta-list.color-white a,
.xs-post-meta-list.color-white a:hover,
.xs-post-meta-list.color-white span {
color: #fff;
}
.xs-post-entry-title {
font-size: 1.85714em;
line-height: 1.4;
}
.xs-post-entry-title a {
display: block;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
color: #222;
font-weight: 700;
}
.xs-post-entry-title a:hover {
color: #0063d1;
}
.entry-sub-title {
font-size: 1.28571em;
font-weight: 700;
margin-bottom: 30px;
color: #222;
}
.post-author .xs-round-avatar {
width: 90px;
height: 90px;
border-radius: 100%;
position: relative;
overflow: hidden;
}
.post-navigation,
.xs-author-block {
border: 1px solid #dadada;
padding: 25px;
margin: 20px 0;
}
.post-navigation {
padding: 40px;
}
.post-navigation .nav-links {
border-right: 1px solid #dadada;
}
.post-navigation .nav-links:last-child {
border-right: 0;
}
.xs-post-footer {
padding: 40px 0 20px;
}
.xs-author-block .post-author,
.xs-author-block .post-tags,
.xs-post-footer .post-author,
.xs-post-footer .post-tags {
text-align: left;
float: left;
width: 50%;
}
.xs-author-block .post-content,
.xs-author-block .share-items,
.xs-post-footer .post-content,
.xs-post-footer .share-items {
text-align: right;
float: right;
width: 50%;
}
.xs-author-block .post-author,
.xs-post-footer .post-author {
padding-right: 18px;
line-height: 1;
}
.xs-author-block .post-author .xs-round-avatar,
.xs-post-footer .post-author .xs-round-avatar {
margin-right: 0;
}
.xs-author-block .post-author .xs-post-author-details,
.xs-post-footer .post-author .xs-post-author-details {
padding-left: 15px;
width: calc(100% - 90px);
}
.xs-author-block .post-content,
.xs-post-footer .post-content {
color: #7a7a7a;
text-align: left;
}
.xs-post-sub-heading {
color: #222;
font-weight: 600;
font-size: 1em;
margin-bottom: 20px;
}
.xs-blog-post-tag a {
display: inline-block;
color: #7a7a7a;
font-size: 0.85714em;
text-transform: capitalize;
padding: 14px 20px;
margin-right: 7px;
margin-bottom: 10px;
border-radius: 20px;
border: 1px solid #f1f1f1;
line-height: 1;
}
.xs-blog-post-tag a:hover {
color: #0063d1;
border-color: currentColor;
}
.xs-post-author-details a {
font-size: 1.14286em;
font-weight: 600;
display: block;
color: #222;
margin-bottom: 5px;
}
.xs-post-author-details em {
color: #b1b1b1;
font-size: 0.85714em;
display: inline-block;
margin-bottom: 15px;
}
.xs-post-author-details em i {
padding-right: 5px;
color: #0063d1;
}
.xs-post-author-details .xs-separetor {
background-color: #f1f1f1;
margin-bottom: 15px;
margin-top: 0;
}
.xs-post-author-details .post-content {
color: #7a7a7a;
}
.post-navigation a span {
color: #7a7a7a;
font-size: 0.85714em;
text-transform: capitalize;
}
.post-navigation a h5 {
text-transform: capitalize;
color: #222;
font-size: 1.28571em;
font-weight: 700;
margin-bottom: 10px;
}
.post-navigation a.prev span i {
padding-right: 10px;
}
.post-navigation a.next span i {
padding-left: 10px;
}
.xs-blog-post-comment .comments-title {
color: #222;
font-weight: 700;
font-size: 1.28571em;
margin-bottom: 40px;
}
.xs-blog-post-comment .comment-list {
padding: 0;
margin-bottom: 30px;
}
.xs-blog-post-comment .comment-meta .comment-author {
display: table;
}
.xs-blog-post-comment .comment-meta .comment-author img {
width: 90px;
height: 90px;
border-radius: 100%;
}
.xs-blog-post-comment .comment-meta .comment-author b {
display: table-cell;
vertical-align: top;
color: #222;
font-size: 1.14286em;
font-weight: 600;
}
.xs-blog-post-comment .comment-meta .comment-metadata {
margin-left: 90px;
margin-top: -63px;
margin-bottom: 71px;
}
.xs-blog-post-comment .comment-meta .comment-metadata a {
font-style: italic;
color: #b1b1b1;
font-size: 0.85714em;
}
.xs-blog-post-comment .comment-meta .comment-metadata,
.xs-blog-post-comment .comment-meta b {
padding-left: 21px;
}
.xs-blog-post-comment .comment-content {
padding-left: 110px;
margin-top: -55px;
margin-bottom: 40px;
border-bottom: 1px solid #f1f1f1;
}
.xs-blog-post-comment .comment-content p {
color: #7a7a7a;
margin: 0;
padding-bottom: 40px;
}
.xs-blog-post-comment .reply {
text-align: right;
margin-top: -30px;
margin-bottom: 30px;
}
.xs-blog-post-comment .reply a {
font-size: 0.85714em;
color: #7a7a7a;
}
.xs-blog-post-comment .reply a i {
padding-right: 7px;
}
.xs-blog-post-comment .children {
padding-left: 109px;
}
.xs-blog-post-comment .comment-respond .comment-reply-title {
font-size: 1.28571em;
font-weight: 700;
color: #222;
margin-bottom: 30px;
}
.xs-blog-post-comment .comment-respond input:not([type="submit"]),
.xs-blog-post-comment .comment-respond textarea {
width: 100%;
border: 1px solid #f1f1f1;
height: 52px;
padding: 0 20px;
margin-bottom: 20px;
}
.xs-blog-post-comment .comment-respond textarea {
padding: 20px;
height: 142px;
resize: none;
}
.xs-blog-post-comment .comment-respond .comment-form input[type="submit"] {
background-color: #0063d1;
text-transform: uppercase;
font-weight: 700;
color: #fff;
font-size: 0.85714em;
padding: 16px 40px;
border-radius: 20px;
letter-spacing: 1px;
border: 0;
line-height: 1;
cursor: pointer;
}
.xs-blog-post-comment .comment-respond .form-submit {
margin-bottom: 0;
text-align: right;
}
.xs-blog-post-comment .comment-respond input::-webkit-input-placeholder,
.xs-blog-post-comment .comment-respond textarea::-webkit-input-placeholder {
color: #7a7a7a;
font-style: italic;
}
.xs-blog-post-comment .comment-respond input::-moz-placeholder,
.xs-blog-post-comment .comment-respond textarea::-moz-placeholder {
color: #7a7a7a;
font-style: italic;
}
.xs-blog-post-comment .comment-respond input:-ms-input-placeholder,
.xs-blog-post-comment .comment-respond textarea:-ms-input-placeholder {
color: #7a7a7a;
font-style: italic;
}
.xs-blog-post-comment .comment-respond input:-moz-placeholder,
.xs-blog-post-comment .comment-respond textarea:-moz-placeholder {
color: #7a7a7a;
font-style: italic;
}
.blog-post-list .xs-blog-post-details {
margin-bottom: 50px;
}
.blog-post-list .xs-blog-post-details .entry-content {
margin-bottom: 20px;
}
.blog-post-list .xs-blog-post-details .entry-content p {
margin-bottom: 0;
}
.post-gallery-slider {
position: relative;
} .xs-serachForm {
height: 58px;
}
.xs-serachForm input:not([type="submit"]) {
height: 100%;
border: 1px solid #f1f1f1;
display: block;
width: calc(100% - 64px);
background-color: #fff;
padding-left: 32px;
float: left;
}
.xs-serachForm input[type="submit"] {
height: 100%;
width: 64px;
background: url(//coolkicks.co.za/wp-content/themes/marketo/assets/images/search-icon.png) center center no-repeat #0063d1;
border: 0;
border-radius: 0;
cursor: pointer;
}
.xs-serachForm::-webkit-input-placeholder {
color: #b1b1b1;
font-style: italic;
}
.xs-serachForm::-moz-placeholder {
color: #b1b1b1;
font-style: italic;
}
.xs-serachForm:-ms-input-placeholder {
color: #b1b1b1;
font-style: italic;
}
.xs-serachForm:-moz-placeholder {
color: #b1b1b1;
font-style: italic;
}
.widget {
margin-bottom: 40px;
}
.sidebar-right .widget {
margin-left: 10px;
}
.xs-sidebar-widget .widget-title {
font-size: 1.28571em;
margin-bottom: 20px;
padding-bottom: 20px;
font-weight: 500;
border-bottom: 1px solid #f1f1f1;
}
.xs-sidebar-widget .xs-blog-post-tag a {
margin-right: 4px;
}
.xs-recent-post-widget li {
margin-bottom: 20px;
}
.xs-recent-post-widget li:last-child {
margin-bottom: 0;
}
.xs-recent-post-widget .posts-thumb {
padding-right: 20px;
}
.xs-recent-post-widget .posts-thumb a {
display: block;
position: relative;
}
.xs-recent-post-widget .xs-entry-date {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
text-align: center;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
.xs-recent-post-widget .xs-entry-date span {
font-size: 1.28571em;
color: #fff;
line-height: 1;
text-transform: capitalize;
font-weight: 600;
}
.xs-recent-post-widget .xs-entry-date .entry-date {
margin-bottom: 5px;
}
.xs-recent-post-widget .post-info {
padding-top: 13px;
padding-bottom: 13px;
}
.xs-recent-post-widget .post-info .entry-title {
font-size: 1.14286em;
margin-bottom: 0;
}
.xs-recent-post-widget .post-info .entry-title a {
color: #fff;
display: inline-block;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-recent-post-widget .post-info .entry-title a:hover {
color: #0063d1;
}
.xs-recent-post-widget .post-info .comments-link i {
color: #0063d1;
padding-right: 5px;
}
.xs-recent-post-widget .post-info .comments-link a {
color: #222;
}
.xs-sidebar-widget .xs-recent-post-widget .entry-title a {
color: #0063d1;
}
.xs-side-bar-list li {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px dashed #f1f1f1;
}
.xs-side-bar-list li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.xs-side-bar-list li a {
display: table;
width: 100%;
color: #7a7a7a;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-side-bar-list li a span {
display: table-cell;
width: 50%;
}
.xs-side-bar-list li a span:first-child {
text-align: left;
}
.xs-side-bar-list li a span:last-child {
text-align: right;
}
.xs-side-bar-list li a:hover {
color: #0063d1;
}
.xs-demoFeed li {
float: left;
width: 33.33333%;
padding: 5px;
}
.xs-demoFeed li a {
display: block;
border-radius: 4px;
position: relative;
overflow: hidden;
}
.rate-list li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
}
.rate-list li b {
font-weight: 400;
color: #aaa;
font-size: 0.85714em;
padding-left: 5px;
}
.rate-list li:last-child {
margin-bottom: 0;
}
.rate-list li .rate-title {
width: 15%;
line-height: 1;
font-size: 0.85714em;
margin-top: 1px;
}
.rate-list li .rate-graph {
height: 10px;
background-color: #f5f5f5;
border-radius: 5px;
display: block;
width: 65%;
position: relative;
overflow: hidden;
}
.rate-list li .rate-graph .rate-graph-bar {
background-color: #83b735;
border-radius: 5px;
display: block;
height: 100%;
}
.rate-list li .star-rating {
width: 20%;
margin-bottom: 0;
text-align: right;
margin-top: -2px;
}
.rate-list li .star-rating::before {
color: #fed700;
}
.rate-list li .star-rating[data-value="5"]::before {
content: "\f005\f005\f005\f005\f005";
}
.rate-list li .star-rating[data-value="4"]::before {
content: "\f005\f005\f005\f005\f006";
}
.rate-list li .star-rating[data-value="3"]::before {
content: "\f005\f005\f005\f006\f006";
}
.rate-list li .star-rating[data-value="2"]::before {
content: "\f005\f005\f006\f006\f006";
}
.rate-list li .star-rating[data-value="1"]::before {
content: "\f005\f006\f006\f006\f006";
}
.rate-score .star-rating {
font-size: 2.14286em;
}
.rate-score .rating-score-des {
font-size: 1.42857em;
float: left;
margin-bottom: 0;
} .rate-score .help-tip,
.shop-cate-list .shop-catelist-item,
.woocommerce-Reviews .comment_container .comment-text {
float: right;
}
.rate-score .rating-score-des em {
color: #ffa801;
}
.woocommerce .rate-score .star-rating {
margin-bottom: 10px;
}
.woocommerce-Reviews {
padding-top: 50px;
}
.woocommerce-Reviews .woocommerce-Reviews-title {
font-size: 1.42857em;
margin-bottom: 40px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
width: 42px;
height: 42px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0;
padding: 30px;
width: calc(100% - 70px);
}
.woocommerce .woocommerce-Reviews .comment-form {
padding-top: 30px;
}
.woocommerce .woocommerce-Reviews .comment-form input:not([type="submit"]),
.woocommerce .woocommerce-Reviews .comment-form textarea {
width: 100%;
display: block;
border: 1px solid #eee;
border-radius: 3px;
height: 40px;
padding-left: 15px;
padding-right: 15px;
}
.table-comapre-list.table-bordered td,
.table-comapre-list.table-bordered th,
.terms-list-group {
border: 1px solid #eaeaea;
}
.woocommerce .woocommerce-Reviews .comment-form textarea {
height: 100px;
padding: 15px;
resize: none;
}
.woocommerce #respond input#submit {
font-size: 0.85714em;
padding: 12px 25px;
font-weight: 500;
color: #fff;
background-color: #0063d1;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.table-comapre-list {
text-align: center;
}
.table-comapre-list th {
width: 17%;
font-size: 1em;
font-weight: 400;
vertical-align: middle;
}
.table-comapre-list th b {
font-size: 1.14286em;
font-weight: 500;
}
.table-comapre-list td {
width: 41.5%;
padding: 15px;
}
.table-comapre-list td .btn {
display: inline-block;
}
.table-comapre-list td b {
font-weight: 500;
color: #0063d1;
}
.table-comapre-list .xs-list {
text-align: left;
padding: 15px;
}
.table-comapre-list .xs-list li {
padding-left: 20px;
}
.table-comapre-list .xs-list.arrow li:before {
position: absolute;
margin-left: -20px;
padding-right: 0;
}
.table-comapre-list.table-bordered thead th {
border-bottom: 0;
}
.inline-form label {
font-weight: 500;
margin-bottom: 11px;
}
.inline-form .form-group {
margin-bottom: 20px;
}
.inline-form .row {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.inline-form .separetors {
position: relative;
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #cbcbcb;
font-weight: 500;
margin-top: 10px;
}
.inline-form .separetors::before {
content: attr(data-title);
}
.inline-form input:not([type="submit"]) {
height: 52px;
background-color: #fff;
border-color: #eaeaea;
padding: 0 30px;
}
.inline-form::-webkit-input-placeholder {
color: #999;
font-size: 0.85714em;
font-style: italic;
}
.inline-form::-moz-placeholder {
color: #999;
font-size: 0.85714em;
font-style: italic;
}
.inline-form:-ms-input-placeholder {
color: #999;
font-size: 0.85714em;
font-style: italic;
}
.inline-form:-moz-placeholder {
color: #999;
font-size: 0.85714em;
font-style: italic;
}
.inline-form input[type="number"]::-webkit-inner-spin-button,
.inline-form input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.inline-form .row [class^="col-"]:first-child {
padding-right: 30px;
}
.inline-form .row [class^="col-"]:last-child {
padding-left: 30px;
}
.account-form-or::before {
position: absolute;
content: "";
top: -160px;
right: 24px;
height: 400px;
width: 1px;
background: -webkit-gradient(
linear,
left top,
left bottom,
from(white),
color-stop(25%, #eaeaea),
color-stop(75%, #eaeaea),
to(white)
);
background: linear-gradient(
to bottom,
#fff 0,
#eaeaea 25%,
#eaeaea 75%,
#fff 100%
);
}
.account-form-or::after {
position: absolute;
content: "";
top: 0px;
right: 24px;
height: 50px;
width: 1px;
background: #fff;
}
form .radio input {
margin-left: 10px;
margin-right: 5px;
}
.form-separetor {
position: absolute;
left: 50%;
top: 50%;
z-index: 2;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 52px;
height: 52px;
line-height: 52px;
border-radius: 100%;
border: 1px solid #eaeaea;
text-align: center;
margin-bottom: 0;
font-size: 1rem;
font-weight: 500;
color: #ccc;
background-color: #fff;
}
.xs-about-content,
.xs-single-team .team-thumb {
position: relative;
}
.terms-list-group {
padding: 60px;
border-radius: 10px;
}
.terms-list {
margin-bottom: 40px;
}
.terms-list:last-child {
margin-bottom: 0;
}
.terms-list i {
color: #0063d1;
font-size: 0.71429em;
padding-right: 8px;
margin-top: 4px;
}
.terms-list .media-body > b {
display: inline-block;
margin-bottom: 20px;
}
.terms-list .media-body b {
font-weight: 500;
}
.terms-list .media-body p {
color: #555;
line-height: 1.74;
margin-bottom: 30px;
}
.terms-list .media-body p:last-child,
.xs-faq-group [class^="col-"]:first-child .xs-single-faq:last-child,
.xs-faq-group [class^="col-"]:last-child .xs-single-faq:last-child {
margin-bottom: 0;
}
.terms-list .media-body p b {
color: #222;
}
.xs-faq-group [class^="col-"]:first-child {
counter-reset: my-awesome-counter -1;
}
.xs-faq-group [class^="col-"]:last-child {
counter-reset: my-awesome-counter;
}
.xs-faq-group h5::before {
content: counter(my-awesome-counter) ".";
padding-right: 8px;
}
.xs-single-faq {
padding: 30px;
background-color: #fafafa;
margin-bottom: 30px;
}
.xs-single-faq h5 {
font-size: 1.28571em;
margin-bottom: 15px;
}
.xs-single-faq p {
margin-bottom: 0;
color: #555;
}
.xs-about-content {
z-index: 1;
}
.xs-about-content .lead {
margin-bottom: 55px;
}
.xs-about-content .about-info h4 {
font-size: 1em;
color: #0063d1;
letter-spacing: 0.4px;
margin-bottom: 20px;
}
.xs-about-content .about-info h5 {
font-size: 3em;
font-weight: 700;
line-height: 1.23;
letter-spacing: -0.2px;
margin-bottom: 25px;
}
.xs-about-content .xs-watermark-text {
top: -70px;
left: -10px;
bottom: inherit;
line-height: 1;
z-index: -1;
color: #f5f4f4;
}
.about-content-left .xs-about-content {
padding-right: 65px;
}
.about-content-right .xs-watermark-text {
left: -55px;
}
.fact-list .single-fact-item {
display: inline-block;
margin-right: 30px;
}
.fact-list .single-fact-item:last-child {
margin-right: 0;
}
.fact-list .single-fact-item h5,
.fact-list .single-fact-item h6 {
font-weight: 400;
margin-bottom: 0;
}
.fact-list .single-fact-item h5 {
color: #0063d1;
font-size: 3em;
}
.fact-list .single-fact-item h6 {
font-size: 1em;
color: #555;
}
.xs-single-team {
text-align: center;
background-color: #fff;
margin-bottom: 30px;
}
.xs-single-team .team-hover-content,
.xs-single-team .xs-overlay {
opacity: 0;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-single-team:hover .xs-overlay {
opacity: 0.7;
}
.xs-single-team:hover .team-hover-content {
top: 50%;
opacity: 1;
}
.xs-single-team .team-hover-content {
position: absolute;
top: 35%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
}
.xs-single-team .team-info {
padding: 30px;
}
.xs-single-team .team-designation {
font-size: 1em;
color: #0063d1;
margin-bottom: 15px;
}
.xs-single-team .team-name {
margin-bottom: 0;
font-size: 1.42857em;
}
.xs-single-team .team-name a {
color: #222;
}
.xs-single-team .xs-social-list li {
margin-right: 14px;
}
.xs-single-team .xs-social-list li a {
color: #fff;
font-size: 1em;
}
.xs-single-team .xs-social-list li:last-child {
margin-right: 0;
}
.xs-single-team.team-hiring-info {
background-color: #62ab00;
width: 100%;
display: table;
}
.xs-single-team.team-hiring-info .hiring-info {
display: table-cell;
vertical-align: middle;
color: #fff;
}
.shop-cate-list .shop-cate-title,
.shop-catelist-item li,
.widget_range .price_label input {
display: inline-block;
}
.xs-single-team.team-hiring-info .hiring-info p {
font-weight: 500;
margin-bottom: 15px;
}
.shop-category .widget:not(.widget_banner) {
padding: 20px;
border: 1px solid #eaeaea;
}
.shop-category .widget {
margin-bottom: 30px;
}
.shop-category .widget:last-child {
margin-bottom: 0;
}
.shop-category .widget-title {
font-size: 1.14286em;
font-weight: 500;
margin-bottom: 15px;
}
.widget_range .price_label {
margin-bottom: 20px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.widget_range .price_label label {
color: #000;
font-weight: 500;
font-size: 1.14286em;
margin-bottom: 0;
}
.widget_range .price_label input {
border: 0;
text-align: right;
color: #0063d1;
font-size: 0.85714em;
margin-top: 3px;
max-width: 50%;
}
.widget_range .ui-state-default,
.widget_range .ui-widget-content .ui-state-default {
border: 0;
width: 14px;
height: 14px;
background-color: #0063d1;
border-radius: 50%;
top: -6px;
cursor: pointer;
}
.widget_range .ui-widget-content {
border-radius: 0;
background-color: #efefef;
height: 2px;
border: 0;
}
.widget_range .ui-slider .ui-slider-range {
background-color: #0063d1;
}
.widget_range .ui-widget-content .ui-state-default:nth-child(odd) {
margin-left: -14px;
}
.widget_cate .custom-control {
margin-bottom: 10px;
}
.widget_cate .custom-control:last-child {
margin-bottom: 0;
}
.widget_cate .custom-control label {
cursor: pointer;
color: #222;
}
.widget_cate .custom-control label span {
padding-left: 5px;
}
.widget_rate .rate-list li {
margin-bottom: 10px;
}
.widget_rate .rate-list li .star-rating {
width: 100%;
text-align: left;
}
.widget_rate .rate-list li:last-child {
margin-bottom: 0;
}
.shop-cate-list {
padding: 15px 20px;
border: 1px solid #eaeaea;
margin-bottom: 30px;
}
.shop-cate-list .shop-cate-title h5 {
font-size: 1.14286em;
margin-bottom: 0;
}
.shop-catelist-item li .media {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.shop-catelist-item li .media-body .custom-control {
display: inline-block;
margin-bottom: 0;
padding-left: 10px;
min-height: 0;
line-height: 1;
}
.shop-catelist-item li h6 {
font-size: 1em;
margin-bottom: 0;
font-weight: 400;
padding-right: 20px;
margin-top: 2px;
}
.shop-catelist-item .custom-control.custom-radio .custom-control-label::after,
.shop-catelist-item .custom-control.custom-radio .custom-control-label::before {
width: 15px;
height: 15px;
background-size: 60% 60%;
}
.shop-catelist-item > li {
margin-right: 30px;
padding-right: 30px;
position: relative;
}
.shop-catelist-item > li::before {
content: "";
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 36px;
width: 1px;
background-color: #eaeaea;
}
.shop-catelist-item > li:last-child {
padding-right: 0;
margin-right: 0;
}
.shop-catelist-item > li:last-child::before {
display: none;
}
.xs-nav-cate,
.xs-slider-nav .slider-nav {
display: -webkit-box;
display: -ms-flexbox;
}
.shop-view-nav {
border-bottom: 0;
}
.shop-view-nav .nav-item {
margin-top: 5px;
margin-right: 10px;
}
.shop-view-nav .nav-item:last-child {
margin-right: 0;
}
.shop-view-nav .nav-item .nav-link {
padding: 0;
border: 0;
color: #c3c3c3;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.shop-view-nav .nav-item .nav-link.active {
color: #0063d1;
}
.shop-view-nav i {
font-size: 18px;
margin-top: 3px;
}
.product-ordering {
border: 0;
color: #0063d1;
background-image: url(//coolkicks.co.za/wp-content/themes/marketo/assets/images/arrow-blue.png);
background-repeat: no-repeat;
background-position: center right;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
min-width: 160px;
max-width: 170px;
white-space: nowrap;
padding-right: 15px;
cursor: pointer;
background-color: transparent;
}
.category-v4 .xs-product-wraper {
padding: 0;
text-align: center;
margin-bottom: 30px;
border-color: #eaeaea;
}
.category-v4 .xs-product-wraper:hover {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #eaeaea;
}
.category-v4 .xs-product-wraper .xs-product-content {
padding: 0 30px 30px;
}
#list-justify .xs-single-product,
#listSmall {
margin-bottom: 30px;
}
.xs-slider-nav {
background-color: #222;
color: #fff;
}
.xs-slider-nav .slider-nav {
min-height: 60px;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
background-color: transparent;
position: relative;
}
.vendor-logo a,
.xs-social-list li,
.xs-social-list li a {
display: inline-block;
}
.xs-slider-nav .slider-nav::before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 4px;
width: 0%;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
background-image: -webkit-gradient(
linear,
left top,
right top,
from(#009cff),
to(#6b43ab)
);
background-image: linear-gradient(to right, #009cff 0, #6b43ab 100%);
}
.xs-slider-nav .slider-nav h5 {
margin-bottom: 0;
font-size: 1em;
}
.xs-slider-nav .current .slider-nav {
background-color: #343434;
}
.xs-slider-nav .current .slider-nav::before {
width: 100%;
}
.vendor-logo {
text-align: center;
padding-top: 50px;
padding-bottom: 30px;
}
.block-product-cate-wraper {
position: relative;
z-index: 1;
text-align: center;
color: #fff;
padding: 19px;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
height: 100%;
}
.block-product-cate-wraper .xs-overlay {
opacity: 0.9;
z-index: -1;
}
.block-product-cate-wraper .block-cate-header {
font-size: 1.42857em;
margin-bottom: 4px;
}
.block-product-cate-wraper .nav .nav-link {
color: #fff;
padding: 10px 0;
font-size: 1em;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
font-weight: 700;
}
.block-product-cate-wraper .nav .nav-link:hover {
color: #222;
}
.block-product-cate-wraper .nav .nav-item:last-child .nav-link {
padding-bottom: 0;
}
.product-block-category .col-md-3{
display: flex;
flex-direction: column;
align-items: center;
}
.product-block-category .col-md-3:hover{
opacity: 0.7;
}
.product-category-version-2{
text-align: center;
} 
.product-block-category .col-md-3 a{
color: #333e48;
padding: 0 20px;
font-weight: 500;
margin-bottom: 5px;
text-align: center;
}
.product-block-category .col-md-3 .price{
font-size: 0.85714em;
color: #0063d1;
}
.product-block-category .xs_product_img_link img {
display: block;
margin: 0 auto;
margin-bottom: 10px;
}
.product-block-slider {
position: relative;
overflow: hidden;
}
.product-block-slider .swiper-wrapper .swiper-slide > img {
display: block;
margin: 0 auto;
}
.product-block-slider .swiper-pagination {
position: absolute;
bottom: 20px;
margin-top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.product-block-slider .swiper-pagination .swiper-pagination-bullet {
background-color: rgba(51, 62, 72, 0.5);
}
.product-block-slider .swiper-pagination .swiper-pagination-bullet-active {
background-color: #333e48;
}
.product-cate-block-wraper {
border: 2px solid #e3e3e3;
margin-bottom: 50px;
}
.product-cate-block-section {
padding-top: 80px;
padding-bottom: 10px;
}
.xs-nav-cate {
border: 1px solid #eaeaea;
display: flex;
flex-wrap: wrap;
}
.xs-nav-cate > li {
color: #eaeaea;
border-right: 1px solid currentColor;
flex: 0 0 auto;
}
.xs-nav-cate > li:last-child {
border-right: 0;
}
.xs-nav-cate > li > a {
color: #555;
font-size: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 22px 26px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
transition: all 0.4s ease;
}
@media (max-width: 767px) {
.xs-ele-nav-cat {
display: block;
}
.xs-ele-nav-cat > li {
border-right: none;
}
.xs-ele-nav-cat li:not(:last-child) {
border-bottom: 1px solid currentColor;
}
}
.xs-nav-cate > li > a:hover {
color: #0063d1;
}
.xs-nav-cate > li > a i {
font-size: 35px;
padding-right: 15px;
}
.xs-nav-cate > li > .btn:not([data-toggle="popover"]).btn-outline-primary {
border-radius: 0;
border: 0;
color: #797979;
font-size: 1em;
padding: 16px 31px;
}
.xs-nav-cate
> li
> .btn:not([data-toggle="popover"]).btn-outline-primary
strong {
display: block;
font-size: 1.28571em;
color: #0063d1;
}
.navsearch-form {
display: none;
position: absolute;
right: 0;
top: 100%;
}
.navSearch-group,
.xs-promoPopup {
position: relative;
}
.navsearch-form input:not([type="submit"]) {
height: 50px;
width: 300px;
border: 1px solid #222;
padding: 0 20px;
}
.xs-minicart-widget,
.xs-sidebar-group .xs-overlay {
position: fixed;
top: 0;
bottom: 0;
overflow: hidden;
opacity: 0;
width: 100%;
visibility: hidden;
}
.navSearch-group > a {
font-size: 1em;
color: #555;
padding: 29px;
display: block;
}
.navSearch-group > a i {
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-sidebar-group .xs-overlay {
left: 0;
height: 100%;
z-index: 9999;
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
}
.xs-minicart-widget {
right: -100%;
max-width: 360px;
z-index: 999999;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background-color: #fff;
-webkit-transition: all 0.8s cubic-bezier(0.9, 0.03, 0, 0.96);
transition: all 0.8s cubic-bezier(0.9, 0.03, 0, 0.96);
padding: 30px;
}
.xs-minicart-widget .widget-heading {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #eaeaea;
}
.xs-minicart-widget .widget-heading .widget-title {
margin-bottom: 0;
font-size: 1.28571em;
}
.xs-minicart-widget .mini_cart_item {
margin-bottom: 20px;
padding-bottom: 20px;
}
.xs-minicart-widget .xs-empty-content {
text-align: center;
padding: 50px 0;
}
.xs-minicart-widget .xs-empty-content .woocommerce-mini-cart__empty-message {
font-size: 1.42857em;
}
.xs-minicart-widget .xs-empty-content .empty-cart-icon {
font-size: 3.57143em;
}
.xs-sidebar-group.isActive .xs-overlay {
opacity: 0.7;
visibility: visible;
}
.xs-sidebar-group.isActive .xs-minicart-widget {
opacity: 1;
visibility: visible;
right: 0;
}
.close-side-widget {
color: #222;
font-size: 13px;
display: block;
height: 30px;
max-width: 30px;
background-color: #ededed;
margin-left: auto;
text-align: center;
line-height: 30px;
border-radius: 100%;
}
.swiper-wrapper .swiper-slide-active [class^="anim-"] {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-wrapper .swiper-slide-active .animInLeft {
-webkit-animation: animInLeft 1s ease 0s both;
animation: animInLeft 1s ease 0s both;
}
.swiper-wrapper .swiper-slide-active .animInRight {
-webkit-animation: animInRight 1s ease 0s both;
animation: animInRight 1s ease 0s both;
}
.swiper-wrapper .swiper-slide-active .animInTop {
-webkit-animation: animInTop 1s ease 0s both;
animation: animInTop 1s ease 0s both;
}
.swiper-wrapper .swiper-slide-active .animInBottom {
-webkit-animation: animInBottom 1s ease 0s both;
animation: animInBottom 1s ease 0s both;
}
.swiper-wrapper .swiper-slide-active .xs-banner-title.animInLeft {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.swiper-wrapper .swiper-slide-active .xs-banner-sub-title.animInTop {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.swiper-wrapper .swiper-slide-active .xs-banner-title.animInBottom {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.swiper-wrapper .swiper-slide-active .xs-banner-image.animInRight {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.swiper-wrapper .swiper-slide-active .btn.animInLeft {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.swiper-wrapper .swiper-slide-active .btn.animInLeft + .btn.animInRight {
-webkit-animation-duration: 1.7s;
animation-duration: 1.7s;
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.swiper-wrapper .swiper-slide-active .best-deal-title.animInRight {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.swiper-wrapper .swiper-slide-active .price.animInRight {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.swiper-wrapper .swiper-slide-active .xs-best-deal-slider-content .btn.animInLeft {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.swiper-wrapper
.swiper-slide-active
.xs-best-deal-slider-content
.btn.animInLeft
+ .btn.animInRight {
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s;
}
.swiper-wrapper.xs-banner-slider-3 .swiper-slide-active .xs-banner-image.animInRight,
.swiper-wrapper.xs-banner-slider-4 .swiper-slide-active .xs-banner-image.animInRight {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
@-webkit-keyframes animInLeft {
0% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes animInLeft {
0% {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes animInRight {
0% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes animInRight {
0% {
-webkit-transform: translateX(100px);
transform: translateX(100px);
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes animInTop {
from {
opacity: 0;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
to {
opacity: 1;
}
}
@keyframes animInTop {
from {
opacity: 0;
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
to {
opacity: 1;
}
}
@-webkit-keyframes animInBottom {
from {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
to {
opacity: 1;
}
}
@keyframes animInBottom {
from {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
to {
opacity: 1;
}
}
.xs-promoPopup {
background: #f9f9f9;
text-align: left;
max-width: 950px;
width: 100%;
margin: 0 auto;
}
.xs-bg,
img[src="assets/images/image_loader.gif"] {
background-repeat: no-repeat;
background-position: center center;
}
body > .mfp-bg.xs-promo-popup {
z-index: 99999;
}
body > .mfp-wrap.xs-promo-popup {
z-index: 999999;
}
body .xs-promo-popup .mfp-container {
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: fixed;
}
.promo-text-content {
padding: 15px;
margin-bottom: 20px;
}
.promo-text-content h3 {
font-size: 2.14286em;
margin-bottom: 10px;
}
.promo-text-content h3 span {
color: #0063d1;
}
.v-yellow .btn,
.xs-banner.v-yellow .xs-banner-content .xs-banner-title,
.xs-feauture-product-section.v-yellow .product-title-v2 a strong {
color: #333e48;
}
.promo-text-content p {
margin-bottom: 0;
}
.my-mfp-zoom-in .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
-webkit-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
.my-mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
.my-mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
.my-mfp-slide-bottom .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg);
transform: translateY(-20px) perspective(600px) rotateX(10deg);
}
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: translateY(0) perspective(600px) rotateX(0);
transform: translateY(0) perspective(600px) rotateX(0);
}
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
opacity: 0;
-webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg);
transform: translateY(-10px) perspective(600px) rotateX(10deg);
}
.my-mfp-slide-bottom.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8;
}
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
}
.xs-banner.xs-product-banner {
padding-top: 60px;
padding-bottom: 40px;
}
.v-yellow .btn-outline-primary:hover,
.v-yellow .btn:hover,
.v-yellow .btn:not([data-toggle="popover"]).btn-outline-primary:hover {
color: #fff;
}
.v-yellow .btn-primary {
background-color: #fed700;
}
.v-yellow .btn-outline-primary {
border-color: #959a9e;
}
.v-yellow .xs-product-offer-label {
background-color: #333e48;
} .v-yellow .price {
color: #333e48;
}
.v-yellow .product-title a {
color: #0063d1;
}
.v-yellow .xs-content-title {
color: #333e48;
}
.v-yellow .xs-nav-tab .nav-link {
color: #b7b7b7;
}
.v-yellow .xs-nav-tab .nav-link.active,
.v-yellow .xs-nav-tab .nav-link:hover {
color: #333e48;
}
.v-yellow .xs-nav-tab .nav-link::after {
border-top-color: #fed700;
}
.v-yellow .product-title.highlight a {
color: #adb7c1;
}
.v-yellow .product-title.highlight a strong {
color: #0063d1;
}
.v-yellow .product-feature-ribbon i,
.v-yellow .product-item-meta li a {
color: #333e48;
}
.v-yellow .product-feature-ribbon {
background-image: linear-gradient(
45deg,
#fff 0,
#fff 50%,
#fed700 50%,
#fed700 100%
);
}
.v-yellow .xs-simple-arrow {
color: #fed700;
}
.v-yellow .add_to_wishlist,
.v-yellow .add_to_wishlist.pulse_effect i::after,
.v-yellow .add_to_wishlist:hover {
color: #0063d1;
}
.v-yellow .xs-watermark-text {
color: #f6d000;
}
.v-yellow .xs-deal-of-the-day-section .swiper-button-next i,
.v-yellow .xs-deal-of-the-day-section .swiper-button-prev i {
color: #5b646c;
} .v-yellow .xs-deal-of-the-week {
border-color: #fed700;
}
.xs-deal-of-the-day-section.v-yellow .best-deal-sub-title {
color: #5b646c;
}
.xs-deal-of-the-day-section.v-yellow .best-deal-title {
color: #333e48;
}
.xs-deal-of-the-day-section.v-yellow .xs-best-deal-slider-content .price del {
color: #d2b200;
}
.xs-deal-of-the-day-section.v-yellow .btn.btn-outline-secondary {
border-color: #0063d1;
}
.v-semi-black .xs-nav-tab .nav-link::after,
.v-yellow-and-black .xs-nav-tab .nav-link::after {
border-top-color: #333e48;
}
.xs-deal-of-the-day-section.v-yellow .btn.btn-success {
background-color: #333e48;
color: #fff;
}
.xs-newsLetter-section.v-yellow {
background-color: #fed700;
}
.v-semi-black .product-title a,
.v-semi-black .xs-content-title,
.v-semi-black .xs-nav-tab .nav-link.active,
.v-semi-black .xs-nav-tab .nav-link:hover,
.xs-newsLetter-section.v-yellow .newsletter-content .newsletter-title,
.xs-newsLetter-section.v-yellow .newsletter-content i,
.xs-newsLetter-section.v-yellow .newsletter-content p {
color: #333e48;
}
.v-semi-black .xs-nav-tab .nav-link::before {
background-color: #333e48;
}
.v-semi-black .product-title a:hover {
color: #0063d1;
}
.v-yellow-and-black .btn,
.v-yellow-and-black .product-available,
.v-yellow-and-black .product-sold,
.v-yellow-and-black .product-title a,
.v-yellow-and-black .small-offer-banner-v2 h3,
.v-yellow-and-black .small-offer-banner-v2 p,
.v-yellow-and-black .xs-content-title,
.v-yellow-and-black .xs-countdown-timer .timer-count,
.v-yellow-and-black .xs-countdown-timer .timer-title,
.v-yellow-and-black .xs-nav-tab .nav-link.active,
.v-yellow-and-black .xs-nav-tab .nav-link:hover,
.v-yellow-and-black .xs-product-offer-label {
color: #333e48;
}
.v-yellow-and-black .btn:not([data-toggle="popover"]) {
background-color: #fed700 !important;
}
.v-yellow-and-black .btn:hover {
color: #fff;
}
.v-yellow-and-black .xs-nav-tab .nav-link::before {
background-color: #333e48;
}
.v-yellow-and-black .xs-product-offer-label,
.v-yellow-and-black .xs-progress .progress-bar {
background-color: #fed700;
}
.v-yellow-and-black .product-thumb-feature .btn.btn-outline-primary {
border-color: transparent;
color: #333e48;
}
.v-yellow-and-black
.btn:not([data-toggle="popover"]).btn-outline-primary:hover {
color: #fff;
}
.v-yellow-and-black .product-title a:hover {
color: #0063d1;
}
.xs-list li {
margin-bottom: 12px;
}
.xs-list li:last-child {
margin-bottom: 0;
}
.xs-list li a {
color: #777;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-list li a:hover {
color: #222;
}
.xs-list.check li::before {
padding-right: 8px;
content: "\f00c";
color: #83b735;
}
.xs-list.play li::before {
padding-right: 8px;
content: "\f04b";
color: #0063d1;
}
.xs-list.arrow li::before {
padding-right: 8px;
content: "\f178";
}
.xs-tweet li {
font-size: 0.92857em;
color: #777;
margin-bottom: 20px;
}
.xs-tweet li:last-child {
margin-bottom: 0;
}
.xs-tweet li a {
color: #0063d1;
}
.xs-social-list li {
margin-right: 10px;
}
.xs-social-list li.xs-list-text {
font-size: 0.92857em;
margin-right: 20px;
}
.xs-social-list li a {
font-size: 0.92857em;
color: #222;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-social-list li a.color-facebook:hover {
background-color: #3b5998;
}
.xs-social-list li a.color-twitter:hover {
background-color: #1da1f2;
}
.xs-social-list li a.color-dribbble:hover {
background-color: #ea4c89;
}
.xs-social-list li a.color-pinterest:hover {
background-color: #bd081c;
}
.xs-social-list li a.color-instagram:hover {
background-color: #e1306c;
}
.xs-social-list li a.color-linkedin:hover {
background-color: #dd5143;
}
.xs-social-list.version-2 li {
margin-right: 30px;
}
.xs-social-list.version-2 li:last-child {
margin-right: 0;
}
.xs-social-list.version-2 li a {
font-size: 1em;
}
.xs-social-list.version-2 li a i {
padding-right: 10px;
}
.xs-social-list.version-2 li a:hover {
color: #222;
}
.xs-social-list.round li a {
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 100%;
background-color: rgba(0, 0, 0, 0.14);
color: #fff;
font-size: 1.14286em;
}
.xs-social-list.boxed li {
width: 45%;
margin-right: 10px;
margin-bottom: 10px;
text-align: center;
}
.xs-social-list.boxed li a {
padding: 14px 0;
font-size: 1em;
font-weight: 500;
border: 1px solid #f1f1f1;
color: #222;
display: block;
}
.xs-social-list.boxed li a:hover {
color: #fff;
}
.xs-social-list.boxed li i {
padding-right: 15px;
}
.xs-social-list.square li a {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 0;
border: 1px solid #f4f4f4;
background-color: transparent;
color: #222;
text-align: center;
}
.xs-social-list.square li a:hover {
color: #fff;
}
.xs-map-popup {
padding: 9px 19px;
font-weight: 500;
font-size: 1em;
border: 0;
}
.xs-map-popup.btn-primary {
background-color: #0063d1;
}
.xs-map-popup.btn-danger {
background-color: #ff6251;
}
.xs-map-popup.btn-warning {
background-color: #fed700;
color: #333e48;
}
.xs-map-popup.btn-warning:hover {
color: #fff;
}
.xs-map-popup i {
padding-right: 10px;
font-size: 16px;
position: relative;
top: 2px;
}
.xs-back-to-top {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
font-size: 1em;
font-weight: 500;
text-transform: uppercase;
padding: 12px 21px;
border: 0;
}
.xs-back-to-top.btn-success {
background-color: #62ab00;
}
.xs-back-to-top.btn-danger {
background-color: #ff6251;
}
.xs-back-to-top.btn-warning {
background-color: #fed700;
color: #333e48;
}
.xs-back-to-top.btn-warning:hover {
color: #fff;
}
.xs-back-to-top i {
padding-left: 14px;
font-size: 1.42857em;
position: relative;
top: 4px;
}
.xs-back-to-top-wraper {
position: absolute;
right: 0;
bottom: 180px;
}
.xs-heading {
padding-bottom: 40px;
text-align: center;
}
.xs-heading hr {
width: 34px;
border-top: 1px dashed #0063d1;
margin-bottom: 19px;
margin-top: 0;
}
.xs-heading p {
margin-bottom: 0;
}
.xs-heading.v-small {
padding-bottom: 70px;
}
.xs-heading.v-small .xs-heading-title {
font-size: 2.28571em;
color: #222;
}
.xs-heading.v-medium .xs-heading-sub {
font-size: 1em;
font-weight: 500;
margin-bottom: 5px;
}
.xs-heading.v-big {
padding-bottom: 60px;
}
.xs-heading-sub {
color: #0063d1;
font-size: 1.28571em;
font-weight: 400;
margin-bottom: 10px;
}
.xs-heading-title {
font-size: 3em;
font-weight: 700;
margin-bottom: 0;
}
.btn:not([data-toggle="popover"]) {
display: inline-block;
font-size: 0.85714em;
font-weight: 500;
padding: 16px 35px;
letter-spacing: 0.3px;
position: relative;
z-index: 1;
overflow: hidden;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.btn:not([data-toggle="popover"]).btn-sm {
min-height: 40px;
min-width: 180px;
font-size: 1em;
padding: 0;
line-height: 40px;
}
.btn-cart.icon-left i,
.btn:not([data-toggle="popover"]).icon-left i {
padding-right: 7px;
}
.btn-cart.icon-right i,
.btn:not([data-toggle="popover"]).icon-right i {
float: right;
padding-left: 7px;
}
.btn:not([data-toggle="popover"]).btn-outline-secondary {
background-color: #0063d1;
border: 2px solid rgba(200, 200, 200, 0.3);
color: #fff;
}
.btn:not([data-toggle="popover"]).btn-outline-secondary:hover {
background-color: transparent;
border-color: #222;
}
.btn:not([data-toggle="popover"]).btn-outline-primary {
color: #0063d1;
}
.btn:not([data-toggle="popover"]).btn-outline-primary:hover {
background-color: transparent;
border-color: #222;
color: #fff;
}
.btn:not([data-toggle="popover"]).btn-outline-success {
color: #222;
border: 2px solid #83b735;
}
.btn:not([data-toggle="popover"]).btn-outline-light:hover,
.btn:not([data-toggle="popover"]).btn-outline-success:hover {
color: #fff;
border-color: #222;
background-color: transparent;
}
.btn:not([data-toggle="popover"]).btn-primary {
background-color: #0063d1;
}
.btn:not([data-toggle="popover"]) .icon {
margin-top: 0;
}
.btn:not([data-toggle="popover"]).btn-success {
background-color: #62ab00;
}
.btn:not([data-toggle="popover"]).btn-secondary {
background-color: #ff6251;
border: 0;
}
.btn:not([data-toggle="popover"])::before {
content: "";
z-index: -1;
position: absolute;
top: 50%;
left: 100%;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #222;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1);
-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
transition: opacity 0.4s, -webkit-transform 0.4s;
transition: transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.btn:not([data-toggle="popover"]).btn-primary,
.btn:not([data-toggle="popover"]).btn-success {
border: 0;
}
.btn:not([data-toggle="popover"]).btn-primary::before {
background-color: #83b735;
}
.btn:not([data-toggle="popover"]).btn-success::before {
background-color: #0063d1;
}
.btn:not([data-toggle="popover"]):hover::before {
-webkit-transform: scale3d(30, 30, 1);
transform: scale3d(30, 30, 1);
}
.btn-loading i {
font-size: 1.14286em;
position: relative;
top: 2px;
}
.btn-cart {
color: #83b735;
}
.xs-best-deal-slider-content .xs-btn-wraper a:last-child {
padding: 18px 35px;
}
.w-quantity-btn .btn {
margin: 0 auto;
}
.xs-product-offer-label {
width: 100px;
height: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 100%;
background-color: #62ab00;
color: #fff;
}
.xs-product-offer-label span {
font-weight: 700;
font-size: 1.57143em;
line-height: 1;
margin-bottom: 4px;
}
.xs-product-offer-label small {
font-size: 1em;
line-height: 1;
}
.star-rating {
position: relative;
height: auto;
width: 100%;
display: inline-block;
}
.star-rating .value {
position: relative;
font-size: 0.85714em;
color: #b9b9b9; }
.star-rating.color-green::before {
color: #83b735;
}
.star-rating.color-green .value {
color: #777;
}
.woocommerce .star-rating .value {
color: #777;
float: none;
padding-top: 0;
position: static;
}
.woocommerce .star-rating .value::before {
display: none;
}
.add_to_wishlist {
color: #83b735;
font-size: 0.85714em;
}
.add_to_wishlist:hover {
color: #83b735;
}
.add_to_wishlist.pulse_effect i {
position: relative;
}
.add_to_wishlist.pulse_effect i::after {
position: absolute;
top: 0;
left: 0;
font-family: FontAwesome;
z-index: 1;
opacity: 0;
pointer-events: none;
-webkit-animation: scale 0.6s linear;
animation: scale 0.6s linear;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
color: #83b735;
}
.add_to_wishlist.pulse_effect i::before {
z-index: 2;
}
.add_to_wishlist.pulse_effect .fa-heart-o::after {
content: "\f004";
}
.add_to_wishlist.pulse_effect .fa-heart::after {
content: "\f08a";
}
@-webkit-keyframes scale {
50% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(2);
transform: scale(2);
}
}
@keyframes scale {
50% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(2);
transform: scale(2);
}
}
img[src="assets/images/image_loader.gif"] {
background-image: url(//coolkicks.co.za/wp-content/themes/marketo/assets/images/ajax-loader.gif);
background-color: transparent;
width: 100%;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
margin: 0;
}
.tab-content img[src="assets/images/image_loader.gif "] {
max-height: 133px;
} .xs_input_number {
position: relative;
height: 51px;
width: 138px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid #eaeaea;
border-radius: 4px;
}
.xs_input_number .add,
.xs_input_number .sub {
float: left;
width: 38px;
height: 100%;
line-height: 51px;
cursor: pointer;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
background-color: #eaeaea;
text-align: center;
}
.xs_input_number .add {
float: right;
}
.xs_input_number input[type="number"] {
height: 100%;
border: 0;
text-align: center;
font-size: 1.429em;
pointer-events: none;
-webkit-appearance: none;
width: 60px;
font-weight: 400;
}
.xs_input_number input[type="number"]::-webkit-inner-spin-button,
.xs_input_number input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.xs-simple-btn {
color: #0063d1;
}
.xs-countdown-timer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.xs-countdown-timer .timer-count {
width: 40px;
height: 40px;
line-height: 42px;
border-radius: 100%;
background-color: #f5f5f5;
font-size: 1em;
font-weight: 500;
display: inline-block;
margin-bottom: 8px;
}
.xs-countdown-timer .timer-title {
line-height: 1;
text-transform: uppercase;
font-size: 0.71429em;
font-weight: 400;
display: block;
}
.xs-countdown-timer .xs-timer-container {
margin-right: 10px;
}
.xs-countdown-timer .xs-timer-container:last-child {
margin-right: 0;
}
.xs-countdown-timer.version-ring .xs-timer-container {
background-image: url(//coolkicks.co.za/wp-content/themes/marketo/assets/images/circle.png);
min-height: 114px;
min-width: 114px;
padding: 33px 0;
margin-right: 30px;
}
.xs-countdown-timer.version-ring .xs-timer-container:last-child {
margin-right: 0;
}
.xs-countdown-timer.version-ring .timer-count {
height: auto;
width: auto;
line-height: 1;
background-color: transparent;
font-size: 2em;
color: #83b735;
}
.xs-countdown-timer.version-ring .timer-title {
font-size: 0.85714em;
text-transform: capitalize;
}
.btn[data-toggle="popover"] {
position: relative;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 100%;
border: 0;
padding: 0;
background-color: #83b735;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
-webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
.btn[data-toggle="popover"]::before {
position: absolute;
content: "\e955";
font-family: 'marketo-icons' !important;
top: 0;
left: 0;
width: 100%;
text-align: center;
font-size: 1.42857em;
-webkit-transform: rotate(0) scale(1);
transform: rotate(0) scale(1);
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.btn[data-toggle="popover"].is-active {
background-color: #ff6251;
}
.btn[data-toggle="popover"].is-active::before {
-webkit-transform: rotate(-360deg) scale(1);
transform: rotate(-360deg) scale(1);
content: "\e94e";
}
.btn[data-toggle="popover"].is-active:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn[data-toggle="popover"]:focus {
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.btn[data-toggle="popover"]:active {
background-color: #ff6251 !important;
}
.popover {
background-color: #ff6251;
border: 0;
max-width: 227px;
min-height: 109px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px;
text-align: center;
font-size: 1em;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
visibility: hidden;
}
.popover.show {
visibility: visible;
-webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
}
.popover[x-placement="top"] {
margin-bottom: 14px;
}
.popover[x-placement="bottom"] {
margin-top: 19px;
}
.popover[x-placement="left"] {
margin-right: 16px;
}
.popover[x-placement="right"] {
margin-left: 16px;
}
.popover .popover-body {
color: #fff;
padding: 0;
}
.popover.bs-popover-bottom .arrow::after {
border-bottom-color: #ff6251;
}
.popover.bs-popover-bottom .arrow::before {
border-bottom-color: transparent;
}
.popover.bs-popover-top .arrow::after {
border-top-color: #ff6251;
}
.popover.bs-popover-top .arrow::before {
border-top-color: transparent;
}
.popover.bs-popover-left .arrow::after {
border-left-color: #ff6251;
}
.popover.bs-popover-left .arrow::before {
border-left-color: transparent;
}
.popover.bs-popover-right .arrow::after {
border-right-color: #ff6251;
}
.popover.bs-popover-right .arrow::before {
border-right-color: transparent;
}
.xs-list-group li {
padding: 0 0 10px;
border-bottom: 1px dashed #999;
font-size: 0.85714em;
font-weight: 500;
margin-bottom: 10px;
}
.xs-list-group li span {
font-weight: 400;
color: #999;
}
.xs-list-group li:last-child {
border-bottom: 1px dashed transparent;
padding-bottom: 0;
margin-bottom: 0;
}
.xs-watermark-product {
position: absolute;
right: 30px;
top: -70px;
pointer-events: none;
}
.xs-social-tigger {
position: relative;
margin: 1% auto;
height: 50px;
width: 50px;
}
.xs-social-tigger li {
height: 100%;
}
.xs-social-tigger li a {
width: 50px;
height: 50px;
line-height: 50px;
background-color: #0063d1;
text-align: center;
color: #fff;
font-size: 1em;
border-radius: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 999;
opacity: 0;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
visibility: hidden;
}
.xs-social-tigger li a.tigger-icon {
opacity: 1;
-webkit-transform: translate(0, 0) !important;
transform: translate(0, 0) !important;
visibility: visible;
}
.xs-social-tigger li a.xs-facebook {
background-color: #3b5999;
}
.xs-social-tigger li a.xs-twitter {
background-color: #55acee;
}
.xs-social-tigger li a.xs-pinterest {
background-color: #bd081c;
}
.xs-social-tigger li a.xs-dribbble {
background-color: #ea4c89;
}
.xs-social-tigger li a.xs-instagram {
background-color: #e4405f;
}
.xs-social-tigger li a.xs-google-plus {
background-color: #dd4b39;
}
.xs-social-tigger li a.xs-envelope {
background-color: #373737;
}
.xs-social-tigger li:nth-child(1) a {
-webkit-transition: all 0.6s cubic-bezier(0.87, -0.41, 0.19, 1.44) 2.1s;
transition: all 0.6s cubic-bezier(0.87, -0.41, 0.19, 1.44) 2.1s;
}
.xs-social-tigger li:nth-child(2) a {
-webkit-transition: all 0.6s cubic-bezier(0.87, -0.41, 0.19, 1.44) 1.8s;
transition: all 0.6s cubic-bezier(0.87, -0.41, 0.19, 1.44) 1.8s;
}
.xs-social-tigger li:nth-child(3) a {
-webkit-transition: all 0.6s cubic-bezier(0.87, -0.41, 0.19, 1.44) 1.5s;
transition: all 0.6s cubic-bezier(0.87, -0.41, 0.19, 1.44) 1.5s;
}
.xs-social-tigger li:nth-child(4) a {
-webkit-transition: all 0.6s cubic-bezier(0.87, -0.41, 0.19, 1.44) 1.2s;
transition: all 0.6s cubic-bezier(0.87, -0.41, 0.19, 1.44) 1.2s;
}
.xs-social-tigger.active li:nth-child(1) a {
-webkit-transition: all 0.6s cubic-bezier(0.87, -0.41, 0.19, 1.44) 0.6s;
transition: all 0.6s cubic-bezier(0.87, -0.41, 0.19, 1.44) 0.6s;
-webkit-transform: translate(0, -80px);
transform: translate(0, -80px);
}
.xs-social-tigger.active li:nth-child(2) a {
-webkit-transition: all 0.6s cubic-bezier(0.87, -0.41, 0.19, 1.44) 0.9s;
transition: all 0.6s cubic-bezier(0.87, -0.41, 0.19, 1.44) 0.9s;
-webkit-transform: translate(70px, -40px);
transform: translate(70px, -40px);
}
.xs-social-tigger.active li:nth-child(3) a {
-webkit-transition: all 0.6s cubic-bezier(0.87, -0.41, 0.19, 1.44) 1.2s;
transition: all 0.6s cubic-bezier(0.87, -0.41, 0.19, 1.44) 1.2s;
-webkit-transform: translate(70px, 40px);
transform: translate(70px, 40px);
}
.xs-social-tigger.active li:nth-child(4) a {
-webkit-transition: all 0.6s cubic-bezier(0.87, -0.41, 0.19, 1.44) 1.5s;
transition: all 0.6s cubic-bezier(0.87, -0.41, 0.19, 1.44) 1.5s;
-webkit-transform: translate(0, 80px);
transform: translate(0, 80px);
}
.xs-social-tigger.active li a {
opacity: 1;
visibility: visible;
}
.xs-map {
height: 570px;
width: 100%;
}
.custom-control {
margin-bottom: 24px;
}
.custom-control .custom-control-label::after,
.custom-control .custom-control-label::before {
width: 22px;
height: 22px;
top: 0;
-webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}
.custom-control.custom-checkbox {
border-radius: 4px;
}
.custom-control .custom-control-label::after {
-webkit-transform: scale(0);
transform: scale(0);
}
.custom-control .custom-control-input:checked ~ .custom-control-label::after {
-webkit-transform: scale(1);
transform: scale(1);
}
.custom-control .custom-control-label::before {
background-color: transparent;
border: 1px solid #eaeaea;
pointer-events: visible;
cursor: pointer;
}
.custom-control .custom-control-input:focus ~ .custom-control-label::before {
-webkit-box-shadow: none;
box-shadow: none;
}
.custom-control .custom-control-label {
margin-bottom: 0;
padding-left: 14px;
font-size: 0.85714em;
color: #555;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.custom-control .custom-control-label span {
color: #0063d1;
}
.custom-control.custom-radio .custom-control-label::after,
.custom-control.custom-radio .custom-control-label::before {
width: 20px;
height: 20px;
background-size: 70% 70%;
border-radius: 100%;
border-color: transparent;
}
.custom-control.custom-radio .custom-control-label::before {
border-color: #eaeaea;
}
.custom-control.custom-radio
.custom-control-input:checked
~ .custom-control-label::before {
background-color: #fff;
border-color: #0063d1;
}
.custom-control.custom-radio
.custom-control-input:checked
~ .custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%230063d1'/%3E%3C/svg%3E");
}
.custom-control.custom-radio.color-one .custom-control-label::before {
background-color: #1abc9c;
border-color: transparent;
}
.custom-control.custom-radio.color-one
.custom-control-input:checked
~ .custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%231abc9c'/%3E%3C/svg%3E");
}
.custom-control.custom-radio.color-one
.custom-control-input:checked
~ .custom-control-label::before {
border-color: #1abc9c;
}
.custom-control.custom-radio.color-two .custom-control-label::before {
background-color: #3498db;
border-color: transparent;
}
.custom-control.custom-radio.color-two
.custom-control-input:checked
~ .custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%233498db'/%3E%3C/svg%3E");
}
.custom-control.custom-radio.color-two
.custom-control-input:checked
~ .custom-control-label::before {
border-color: #3498db;
}
.custom-control.custom-radio.color-three .custom-control-label::before {
background-color: #9b59b6;
border-color: transparent;
}
.custom-control.custom-radio.color-three
.custom-control-input:checked
~ .custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%239b59b6'/%3E%3C/svg%3E");
}
.custom-control.custom-radio.color-three
.custom-control-input:checked
~ .custom-control-label::before {
border-color: #9b59b6;
}
.custom-control.custom-radio.color-four .custom-control-label::before {
background-color: #e74c3c;
border-color: transparent;
}
.custom-control.custom-radio.color-four
.custom-control-input:checked
~ .custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e74c3c'/%3E%3C/svg%3E");
}
.custom-control.custom-radio.color-four
.custom-control-input:checked
~ .custom-control-label::before {
border-color: #e74c3c;
}
.custom-control.custom-radio.color-five .custom-control-label::before {
background-color: #e67e22;
border-color: transparent;
}
.custom-control.custom-radio.color-five
.custom-control-input:checked
~ .custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23e67e22'/%3E%3C/svg%3E");
}
.custom-control.custom-radio.color-five
.custom-control-input:checked
~ .custom-control-label::before {
border-color: #e67e22;
}
.custom-control.custom-radio.color-six .custom-control-label::before {
background-color: #2c3e50;
border-color: transparent;
}
.custom-control.custom-radio.color-six
.custom-control-input:checked
~ .custom-control-label::after {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%232c3e50'/%3E%3C/svg%3E");
}
.custom-control.custom-radio.color-six
.custom-control-input:checked
~ .custom-control-label::before {
border-color: #2c3e50;
}
.woocommerce-page .woocommerce-pagination ul.page-numbers li {
border-radius: 0;
margin-right: 8px;
width: 40px;
height: 40px;
border: none;
}
.woocommerce-pagination {
padding-top: 30px;
}
.woocommerce-page .woocommerce-pagination ul.page-numbers li span,
.woocommerce-page .woocommerce-pagination ul.page-numbers li a {
color: #7c7c7c;
border: 1px solid #f1f1f1;
text-align: center;
padding: 12px;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
background: #ebe9eb;
color: #8a7e88;
}
.woocommerce nav.woocommerce-pagination ul {
border: none;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
color: #fff;
background: #2154cf;
}
.pagination li {
display: inline-block;
margin: 0 10px 0 0;
}
.round-nav,
.xs-video-popup {
border-radius: 100%;
display: block;
background-color: #0063d1;
text-align: center;
}
.pagination li:last-child {
margin: 0;
}
.pagination li a.current,
.pagination li a:hover {
background-color: #0063d1;
color: #fff;
border-color: #0063d1;
}
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
border-radius: 100%;
font-size: 0.85714em;
color: #eaeaea;
}
.add-to-compare {
color: #0063d1;
}
.round-nav,
.xs-video-popup:hover {
color: #fff;
}
.xs-video-popup {
width: 60px;
height: 60px;
line-height: 60px;
font-size: 1.28571em;
color: #fff;
}
.round-nav {
width: 50px;
height: 50px;
line-height: 50px;
cursor: pointer;
}
.xs-bg {
background-size: cover;
}
.content-center {
text-align: center;
margin: 0 auto;
}
.content-left {
margin: 0 auto 0 0;
}
.content-right {
text-align: left;
margin: 0 0 0 auto;
}
.transition,
.xs-blog-post-tag a,
.xs-post-meta-list span a,
.xs-tab-nav .nav-link,
.xs-tab-nav .nav-link:before {
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-section-padding {
padding: 80px 0;
}
.xs-section-padding-2 {
padding: calc(80px / 2) 0;
}
.xs-feature-product-tab.xs-section-padding-2 {
padding-bottom: 10px;
}
.xs-section-padding-bottom {
padding-bottom: 80px;
}
.xs-box-shadow {
-webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
}
.xs-feauture-product-section.xs-section-padding {
padding: 80px 0 50px;
}
.xs-box-shadow-2 {
-webkit-box-shadow: 0 2px 20px 0 rgba(144, 144, 144, 0.2);
box-shadow: 0 2px 20px 0 rgba(144, 144, 144, 0.2);
}
.xs-margin-0 {
margin: 0;
}
.xs-mb-0 {
margin-bottom: 0;
}
.xs-mb-10 {
margin-bottom: 10px;
}
.xs-mb-20 {
margin-bottom: 20px;
}
.xs-mb-30 {
margin-bottom: 30px;
}
.xs-mb-40 {
margin-bottom: 40px;
}
.xs-mb-50 {
margin-bottom: 50px;
}
.xs-mb-60 {
margin-bottom: 60px;
}
.xs-mb-70 {
margin-bottom: 70px;
}
.xs-mb-80 {
margin-bottom: 80px;
}
.xs-mb-90 {
margin-bottom: 90px;
}
.xs-mb-100 {
margin-bottom: 100px;
}
.xs-padding-0 {
padding: 0;
}
.xs-pt-20 {
padding-top: 20px;
}
.xs-pt-50 {
padding-top: 50px;
}
.xs-mt-30 {
margin-top: 30px;
}
.color-black {
color: #000;
}
.color-white {
color: #fff;
}
.color-primary {
color: #0063d1;
}
.color-secondary {
color: #83b735;
}
.color-yellow {
color: #fed700;
}
.color-red {
color: #d31242;
}
.color-semi-black {
color: #333e48;
}
.xs-pr-90 {
padding-right: 90px;
}
.bg-black {
background-color: #000;
}
.bg-white {
background-color: #fff;
}
.bg-xs-primary {
background-color: #0063d1;
}
.bg-xs-secondary {
background-color: #83b735;
}
.bg-gray {
background-color: #f9f9f9;
}
.bg-yellow {
background-color: #fed700;
}
.bg-red {
background-color: #d31242;
}
.bg-semi-black {
background-color: #333e48;
}
.bg-teal {
background-color: #15c1d7;
}
.bg-chocolate {
background-color: #8c6e63;
}
.bg-navyBlue {
background-color: #0059a7;
}
.bg-blue {
background-color: #5c6dbd;
}
.bg-green {
background-color: #009893;
}
.xs-overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0.5;
z-index: 0;
}
.parallax-window {
background-attachment: fixed;
}
.lead {
font-size: 1.14286em;
font-weight: 400;
}
.xs-btn-wraper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.xs-btn-wraper .btn,
.xs-btn-wraper a {
margin-right: 20px;
}
.xs-btn-wraper .btn:last-child,
.xs-btn-wraper a:last-child {
margin-right: 0;
}
.form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.col-md-5-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
position: relative;
width: 100%;
}
.xs-gradient,
.xs-watermark-text {
position: absolute;
left: 0;
width: 100%;
}
.xs-gradient {
top: 0;
height: 100%;
background-image: -webkit-gradient(
linear,
left bottom,
left top,
from(#f1fde7),
color-stop(75%, #e7fef0),
to(#dcfff9)
);
background-image: linear-gradient(
to top,
#f1fde7 0,
#e7fef0 75%,
#dcfff9 100%
);
}
.xs-watermark-text {
display: block;
font-size: 11.42857em;
color: #0869d5;
font-weight: 700;
bottom: 100px;
text-align: center;
pointer-events: none;
}
.xs-watermark-text.large-version {
font-size: 380px;
color: #000;
text-indent: -65px;
}
.xs-myaccount {
display: none;
}
.hidden-icon-menu > li > a {
font-size: 16px;
color: #000000;
}
.hidden-icon-menu > li > .nav-submenu > li > a {
font-weight: 500;
padding: 15px 45px;
border-bottom: 1px solid #ebebeb;
color: #000000;
font-size: 15px;
}
.hidden-icon-menu li a i {
font-size: 20px;
margin-right: 18px;
display: inline-block;
transform: scale(1);
top: 3px;
position: relative;
}
.hidden-icon-menu > li.active > a,
.hidden-icon-menu > li.focus > a,
.hidden-icon-menu > li:hover > a {
color: #0063d1;
}
.hidden-icon-menu .nav-submenu .nav-submenu li > a {
color: #000000;
} .tabmenu-area {
display: none;
}
.tabmenu-area .nav-header {
float: none;
}
.tabmenu-area .nav-header .nav-toggle {
left: 0;
}
.tabmenu-area .navSearch-group > a {
padding: 0;
font-size: inherit;
color: inherit;
}
.tabmenu-area .lists {
padding: 21px 0;
}
.tabmenu-area .lists > li {
display: inline-block;
font-size: 1.42857em;
color: #555555;
}
.tabmenu-area .lists > li:not(:last-child) {
margin-right: 8px;
}
.tabmenu-area .xs-logo-wraper {
max-width: 150px;
max-height: 68px;
padding-top: 0;
padding-bottom: 0;
line-height: 68px;
max-height: 68px;
}
.tabmenu-area > .container > .row {
position: relative;
}
.tab_menu_tiggers {
border-bottom: 0px solid #000;
background-color: #ffffff;
}
.tab_menu_tiggers .nav-item {
display: inline-block;
width: calc(calc(100% / 2) - 22px);
float: left;
margin-bottom: 0px;
}
.tab_menu_tiggers .nav-item .nav-link {
display: block;
border-radius: 0px;
padding: 17px 0;
text-align: center;
border: 0px;
font-size: 1.42857em;
color: #222222;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.tab_menu_tiggers .nav-item .nav-link.active {
color: #ffffff;
background-color: #222222;
}
.tab_menu_area .tab_menu_content,
.tab_menu_area .tab_menu_tiggers {
display: none;
}
.tab_menu_area .nav-menus-wrapper-open .tab_menu_content,
.tab_menu_area .nav-menus-wrapper-open .tab_menu_tiggers {
display: block;
}
.tab_menu_area .nav-menus-wrapper {
background-color: #222222;
}
.tab_menu_area.xs-menus .nav-menu,
.tab_menu_area.xs-menus .nav-submenu.nav-dropdown {
padding: 0 15px;
}
.tab_menu_area.xs-menus .nav-menu > li,
.tab_menu_area.xs-menus .nav-submenu.nav-dropdown > li {
border-top: 0px solid #000;
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.tab_menu_area.xs-menus .nav-menu > li > a,
.tab_menu_area.xs-menus .nav-submenu.nav-dropdown > li > a {
color: #fff !important;
border-bottom: 0px solid #000;
}
.tab_menu_area.xs-menus .nav-menu > li > a .submenu-indicator-chevron,
.tab_menu_area.xs-menus
.nav-submenu.nav-dropdown
> li
> a
.submenu-indicator-chevron {
border-color: transparent #ffffff #ffffff transparent;
}
.tab_menu_area.xs-menus .nav-menu > li.active > a,
.tab_menu_area.xs-menus .nav-submenu.nav-dropdown > li.active > a {
color: #cccccc;
}
.tab_menu_area.xs-menus .nav-menu > li.active > a .submenu-indicator-chevron,
.tab_menu_area.xs-menus
.nav-submenu.nav-dropdown
> li.active
> a
.submenu-indicator-chevron {
border-color: transparent #cccccc #cccccc transparent;
}
.tab_menu_area.xs-menus .nav-menu > li .nav-dropdown {
background-color: inherit;
}
.tab_menu_area.xs-menus .nav-menu > li .nav-dropdown > li:last-child {
border-bottom: 0px solid #000;
}
.tab_menu_area.xs-menus .nav-menu > li .nav-dropdown > li > a {
color: #ffffff !important;
border-bottom: 0px solid #000;
}
.tab_menu_area.xs-menus .nav-menu > li > a .submenu-indicator-chevron,
.tab_menu_area.xs-menus
.nav-submenu.nav-dropdown
> li
> a
.submenu-indicator-chevron {
border-color: transparent #ffffff #ffffff transparent;
}
.tab_menu_area.xs-menus .nav-menu > li.active > a,
.tab_menu_area.xs-menus .nav-submenu.nav-dropdown > li.active > a {
color: #cccccc;
}
.tab_menu_area.xs-menus .nav-menu > li.active > a .submenu-indicator-chevron,
.tab_menu_area.xs-menus
.nav-submenu.nav-dropdown
> li.active
> a
.submenu-indicator-chevron {
border-color: transparent #cccccc #cccccc transparent;
}
.tab_menu_area.xs-menus .nav-menu > li .nav-dropdown {
background-color: inherit;
}
.tab_menu_area.xs-menus .nav-menu > li .nav-dropdown > li:last-child {
border-bottom: 0px solid #000;
}
.tab_menu_area.xs-menus .nav-menu > li .nav-dropdown > li > a {
padding-left: 10px;
}
.tab_menu_area.xs-menus .home-menu-panel {
background-color: inherit;
border-radius: 0px;
}
.tab_menu_area.xs-menus .home-menu-panel a img {
border-radius: 0px;
}
.tab_menu_area.xs-menus .home-menu-panel a h4 {
color: #ffffff;
}
.tab_menu_area.xs-menus .megamenu-panel {
border-top: 0px solid #000;
background-color: inherit;
}
.tab_link_content {
padding: 20px;
}
.tab_link_content > li:not(:last-child) {
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.tab_link_content > li > a {
color: #ffffff;
padding: 10px 0;
}
.tab_link_content > li:not(:last-child) {
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.tab_link_content > li > a {
color: #ffffff;
padding: 10px 0;
display: inline-block;
}
.select-wraper {
padding: 20px;
}
.single-select {
padding: 15px 0;
}
.single-select:not(:last-child) {
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.single-select .select-title {
color: #ffffff;
font-weight: 500;
display: inline-block;
vertical-align: middle;
position: relative;
top: 2px;
}
.single-select .form-control {
display: inline-block;
width: calc(100% - 120px);
float: right;
height: 30px !important;
font-size: 13px;
}
.tab_menu_search {
position: static;
}
.tab_menu_search .xs-navbar-search {
margin-bottom: 0;
z-index: 10;
width: 100%;
}
.tab_menu_search .xs-navbar-search input {
border: 0px;
}
.tab_menu_search
.xs-navbar-search
input:not([type="submit"])::-webkit-input-placeholder { font-size: 0.71429em;
}
.tab_menu_search
.xs-navbar-search
input:not([type="submit"])::-moz-placeholder { font-size: 0.71429em;
}
.tab_menu_search
.xs-navbar-search
input:not([type="submit"]):-ms-input-placeholder { font-size: 0.71429em;
}
.tab_menu_search .xs-navbar-search input:not([type="submit"]):-moz-placeholder { font-size: 0.71429em;
}
.tab_menu_search .xs-navbar-search .xs-category-select {
border: 1px solid #e7e7e7;
background-color: #ffffff;
font-size: 0.71429em;
}
.tab_menu_search .xs-navbar-search .btn[type="submit"] {
font-size: 0.71429em;
}
@media (max-width: 991px) {
.xs-header {
display: none;
}
.tabmenu-area {
display: block;
}
.xs-single-wishList .xs-item-count.highlight {
display: none;
}
}
.tabmenu-area .offset-cart-menu {
color: #555555;
}
.tabmenu-area .tab_link_content a > i {
margin-right: 5px;
}
#cboxClose {
position: fixed;
top: 0;
right: 0;
width: 70px;
height: 70px;
padding: 0;
margin: 0;
text-indent: 0;
font-size: 0;
text-align: center;
font-weight: 400;
color: #fff;
cursor: pointer;
background: 0 0;
background-color: rgba(0, 0, 0, 0.3);
opacity: 1;
-webkit-transition: all 0.25s ease;
transition: all 0.25s ease;
}
#cboxClose::after {
content: "\f00d";
font-family: FontAwesome;
display: inline-block;
font-size: 16px;
line-height: 50px;
}
#cboxBottomCenter,
#cboxBottomLeft,
#cboxBottomRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxTopCenter,
#cboxTopLeft,
#cboxTopRight {
display: none;
}
.nav-hidden-menu-wrapper,
.nav-hidden-menu {
display: none;
}
.hide-section-image {
background-color: transparent !important;
}/*/*/.elementor-align-left .xs-heading {
text-align: left;
}
.elementor-align-right .xs-heading {
text-align: right;
}
.elementor-align-center .xs-heading {
text-align: center;
}
.elementor-align-justify .xs-heading {
text-align: justify;
}
label[for="xs-newsletter-email"] {
bottom: -34px;
top: inherit;
}
input[type="text"],
input[type="email"],
input[type="search"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="password"],
input[type="date"],
select,
textarea {
display: block;
width: 100%;
height: 45px;
border: 2px solid #e3e3e3;
border-radius: 0;
background-color: #fff;
padding: 0 8px;
font-size: 1em !important;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
a.compare.button:before {
content: "\e92a";
font-family: 'marketo-icons' !important;
font-size: 14px;
}
.summary.entry-summary .compare.button {
height: 59px;
line-height: 59px;
display: inline-block;
border: 1px solid #eaeaea;
border-radius: 4px;
color: #999999;
background-color: #fff;
font-size: 0px;
text-align: center;
padding: 0px 30px;
}
.single-product .summary.entry-summary .compare.button,
.single-product
.summary.entry-summary
.yith-wcwl-add-to-wishlist
.yith-wcwl-wishlistexistsbrowse
a:before {
height: 39px;
line-height: 39px;
}
.summary.entry-summary .yith-wcwl-wishlistexistsbrowse.show,
.summary.entry-summary .yith-wcwl-wishlistaddedbrowse.show {
margin-top: 17px;
}
.xs-position-static {
position: static;
}
.error-body a {
margin: 0 auto;
}
.xs_added_to_cart {
position: fixed;
bottom: 0;
left: 0;
padding: 30px;
background-color: #62ab00;
width: 100%;
z-index: 9999999;
color: #fff;
opacity: 0;
visibility: hidden;
transition: all 1s ease;
}
.xs_added_to_cart.active {
opacity: 1;
visibility: visible;
}
h4.entry-title.xs-blog-title {
font-size: 1.28571em;
line-height: 1.5;
letter-spacing: -0.3px;
}
.xs-news-content {
border-style: solid;
}
.xs-no-hover:hover {
box-shadow: none;
}
.xs-about-content .xs-watermark-text {
text-align: left;
}
.xs-contact-form input:not([type="submit"]) {
border: 1px solid #ccdcfe;
}
.woocommerce-Reviews .woocommerce-Reviews-title {
margin-top: 40px;
}
.woocommerce .woocommerce-checkout .col2-set,
.woocommerce-checkout .xs-checkout-form {
width: 48%;
}
.woocommerce .woocommerce-checkout .col2-set .col-1,
.woocommerce .woocommerce-checkout .col2-set .col-2 {
width: 100%;
max-width: 100%;
}
.woocommerce .woocommerce-checkout .col2-set .col-2 {
margin-top: 20px;
}
.woocommerce-form-login button.button,
.woocommerce-form-register button.button {
width: 100%;
margin-bottom: 15px;
}/**/.woocommerce .col-2 {
max-width: 48%;
}
.woocommerce .col-1 {
max-width: 48%;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
border: 3px solid #e2e2e2;
color: #807f79;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li {
border-bottom: 1px solid #e2e2e2;
line-height: 0.8;
list-style: outside none none;
padding: 0 20px;
position: relative;
width: 100%;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul {
padding: 0;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li a {
color: #000;
font-size: 16px;
display: inline-block;
padding: 20px 0;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li:last-child {
border: 0;
}
.woocommerce .my_account_orders.account-orders-table > thead tr th {
background: #f7f7f7 none repeat scroll 0 0;
color: #afafaf;
text-transform: uppercase;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul {
padding: 0;
margin-bottom: 0;
}
.woocommerce-customer-details address {
line-height: 35px;
}
.tab-content.xs-woo-tab {
margin-bottom: 45px;
}
.megamenu.v2 .megamenu-content {
border: 0px solid;
}
.xs-menus .megamenu.v2 .menu-item-object-mega_menu {
background-color: transparent;
padding: 0;
border-radius: 0;
}
.xs-menus .megamenu.v2 .menu-item-object-mega_menu .megamenu-v2 {
border-top: 0px solid;
padding: 0;
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.xs-menus .nav-dropdown .megamenu-v2 .megamenu-list > li > a {
color: #b4b4b4;
font-size: 12px;
}
.xs-menus .megamenu-v2 .megamenu-list li:not(.megamenu-list-title) a:hover {
color: #626262;
}
.xs-navBar .megamenu-list li:not(.megamenu-list-title) a:hover {
background-color: transparent;
color: #222222;
}
.xs-menus .megamenu-v2 .megamenu-list > li {
border-left-color: #3d404a;
}
@media (max-width: 991px) {
.footer-widget.footer-content {
padding-right: 15px;
}
}
.xs-product-main-wrapre.no-gutters .xs-product-wraper.tab-style1 {
margin-bottom: 20px;
}
.woocommerce span.onsale {
background-color: #62ab00;
min-height: 60px;
min-width: 60px;
padding: 11px;
}
span.woocommerce-input-wrapper {
width: 100%;
}
p.woocommerce-result-count {
display: none;
}
.summary.entry-summary .product_meta {
clear: both;
}
body.logged-in .header-transparent {
top: 32px;
}
body.logged-in .xs-promotion ~ .header-transparent {
top: 110px;
}
.megamenu.v2 .megamenu-content {
margin: 0 auto;
}
.xs-footer-section .xs-footer-main,
.xs-footer-section .marketo-footer-top-layer {
padding-top: 80px;
padding-bottom: 65px;
}
.shipping-calculator-form .form-row-wide > span {
display: block;
width: 100%;
}
.elementor-align-left .xs-heading {
text-align: left;
}
.elementor-align-right .xs-heading {
text-align: right;
}
.elementor-align-center .xs-heading {
text-align: center;
}
.elementor-align-justify .xs-heading {
text-align: justify;
}
p.lead {
margin-bottom: 25px;
margin-top: 15px;
}
.xs-about-content .lead{
margin-top: 0px;
}
.xs-heading {
padding-bottom: 0px;
}
.select2-container--default .select2-selection--single {
border-radius: 0;
background-color: transparent;
border: 2px solid #e3e3e3;
font-size: 14px;
padding: 0 15px;
height: 42px;
line-height: 38px;
}
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
display: inline;
padding-left: 0;
padding-right: 0;
color: #777;
line-height: 1.4;
}
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
top: 8px;
right: 10px;
}
.xs-vartical-menu .cd-dropdown-content li a { }
.xs-vartical-menu .cd-dropdown-content li a:before {
margin-right: 18px;
font-family: FontAwesome;
}
.xs-best-deal-slider-content .price ins {
text-decoration: none;
}
ins {
text-decoration: none;
}
.woocommerce-Price-amount.amount {
color: #83b735;
padding-left: 5px;
}
del .woocommerce-Price-amount.amount {
padding-left: 0;
}
del,
del .woocommerce-Price-amount.amount {
color: #d4d4d4;
}
.xs_image_load {
background-image: url(//coolkicks.co.za/wp-content/themes/marketo/assets/images/ajax-loader.gif);
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
width: 100%;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
margin: 0;
}
.woocommerce .star-rating::before {
color: #fed700;
}
.woocommerce .star-rating span::before {
color: #fed700;
}
.xs-product-header {
display: block;
}
.xs-product-header .yith-wcwl-add-to-wishlist {
float: right;
}
.xs-product-header .star-rating {
float: left;
}
.yith-wcwl-add-button.show {
margin-top: -15px;
}
.yith-wcwl-wishlistexistsbrowse.show,
.yith-wcwl-wishlistaddedbrowse.show {
margin-top: -14px;
}
.woocommerce .woocommerce-Reviews .star-rating {
float: left;
}
.summary.entry-summary .yith-wcwl-add-to-wishlist {
margin-top: 0px;
}
.summary.entry-summary .yith-wcwl-add-button.show {
margin-top: 0px;
}
.woocommerce .xs-cart-wrapper a.button {
background: transparent;
}
.xs-best-deal-slider-content .price del .woocommerce-Price-amount {
color: inherit;
}
.xs-best-deal-slider-content .price del + ins .woocommerce-Price-amount {
color: white;
}
.xs-best-deal-slider-content .price .woocommerce-Price-amount {
color: white;
}
.xs-copyright-text p {
margin-bottom: 0;
} .footer-widget .menu-item {
margin-bottom: 12px;
}
.footer-widget .menu-item a {
color: #777777;
}
.megamenu .elementor-image-gallery .gallery-item {
padding: 0 !important;
}
.megamenu .elementor-image-gallery .gallery-item .gallery-icon {
border: 1px solid #f0f0f0;
padding: 1rem;
height: 80px;
margin-bottom: 3px;
margin-right: 3px;
}
.megamenu .elementor-image-gallery .gallery-item img {
max-height: 80px;
max-width: 50px;
}
.mega-child-title {
color: #333e48;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
opacity: 0.8;
padding-left: 15px;
}
.mega-child .menu-item a,
.mega-menu-panel .elementor-widget-wp-widget-nav_menu ul li a {
background-color: transparent;
width: 100%;
border: none;
padding: 10px 15px;
display: inline-block;
color: #70798b;
text-decoration: none;
font-size: 13px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.xs-vartical-menu .elementor-widget-wp-widget-nav_menu ul li a,
.xs-vartical-menu .mega_child ul.menu li a {
padding: 0 15px;
}
.xs-vartical-menu .cd-secondary-dropdown.is-hidden.is-active {
opacity: 1;
visibility: visible;
}
.xs-vartical-menu .cd-dropdown-content .cd-dropdown-icons > li,
.xs-vartical-menu .cd-dropdown-content .cd-secondary-dropdown > li {
width: 100%;
}
.xs-blog-title {
font-size: 1.28571em;
line-height: 1.5;
letter-spacing: -0.3px;
margin-bottom: 20px;
}
@media (max-width: 991px) {
.mega-menu-panel .elementor-column-wrap {
border-width: 0 !important;
}
}
h4.product-title.highlight.xs-highlight {
margin-bottom: 0px;
}
h4.product-title.highlight.xs-highlight a {
margin-right: 10px;
}
.shop-archive .sidebar-shop .sidebar {
padding: 20px;
margin-bottom: 30px;
}
.shop-archive .widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
border-radius: 1em;
background-color: #0063d1;
}
.shop-archive .widget_price_filter .ui-slider .ui-slider-handle {
border: 0;
width: 14px;
height: 14px;
background-color: #0063d1;
border-radius: 50%;
top: -6px;
cursor: pointer;
}
.shop-archive .widget_range .ui-widget-content {
border-radius: 0;
background-color: #efefef;
height: 2px;
border: 0px;
}
.shop-archive .widget_price_filter .price_slider_wrapper .ui-widget-content {
border-radius: 1em;
background-color: #0063d1;
border: 0;
height: 2px;
}
.shop-archive .woocommerce-products-header {
padding: 20px;
margin-bottom: 30px;
}
.shop-archive .woocommerce-products-header .woocommerce-products-header__title {
display: inline-block;
font-size: 1.14286em;
margin-bottom: 0;
font-weight: 500;
}
.shop-archive .woocommerce-products-header .woocommerce-ordering select {
border: none !important; background: transparent;
font-weight: 500;
padding-left: 5px;
width: auto;
}
.before-default-sorting {
margin-bottom: 0;
}
*:focus {
outline: none;
}
.shop-archive .xs_product_img_link,
.shop-archive .xs-product-widget img {
background-color: #f9f9f9;
}
.nav-tabs .nav-link.active {
background-color: transparent;
}
.xs-wishlist a.add_to_wishlist:before {
content: "\e91a";
font: normal normal normal 14px/1 'marketo-icons' !important;
width: 100%;
}
.xs-wishlist
.yith-wcwl-add-to-wishlist
.yith-wcwl-wishlistaddedbrowse
a:before {
content: "\e987";
font-family: "iconfont";
font-size: 18px;
}
.xs-wishlist > div a {
font-size: 0;
display: inline-block;
}
.yith-wcwl-add-to-wishlist .feedback {
display: none;
}
.xs-wishlist .yith-wcwl-wishlistexistsbrowse.show a:before {
content: "\e95a";
font-family: "iconfont";
font-size: 12px;
}
.xs-wishlist .yith-wcwl-add-to-wishlist .ajax-loading {
position: absolute;
bottom: 7px;
left: 2px;
}
.xs-wishlist .yith-wcwl-add-button a.add_to_wishlist {
border-radius: 100%;
line-height: 40px;
}
.xs-wishlist
.yith-wcwl-add-to-wishlist
.yith-wcwl-wishlistaddedbrowse
a:before {
content: "\e95a";
font-family: "iconfont";
font-size: 14px; }
.xs-wishlist .yith-wcwl-add-to-wishlist {
position: relative;
}
.xs-product-header.media.xs-wishlist {
height: 30px;
}
.xs-product-header.media.xs-wishlist .yith-wcwl-add-to-wishlist .ajax-loading {
bottom: inherit;
top: 5px;
left: -4px;
}
.xs-cart-wrapper a {
position: relative;
font-size: 0px !important;
color: #ffffff;
}
.xs-cart-wrapper a:before {
content: "\e90f";
font-family: 'marketo-icons';
font-size: 14px;
}
.xs-cart-wrapper a.added,
.woocommerce .xs-cart-wrapper a.added {
display: none;
}
.xs-cart-wrapper a.added_to_cart.wc-forward:before {
content: "\f00c";
font-family: "FontAwesome";
}
li.xs-cart-wrapper .button {
padding: 0;
overflow: visible;
}
.xs-modal-quick-view .modal-dialog {
min-width: 1170px;
}
.product-image-summary .quantity {
margin-right: 10px;
margin-bottom: 10px;
}
.quantity {
display: inline-flex;
white-space: nowrap;
vertical-align: top;
margin-right: 20px;
}
.quantity input[type="number"]::-webkit-inner-spin-button,
.quantity input[type="number"]::-webkit-outer-spin-button,
.quantity input[type="number"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
.quantity input[type="number"],
.quantity input[type="button"] {
display: inline-block;
color: #777777;
}
.quantity input[type="number"] {
border-left: none;
border-right: none;
width: 85px;
height: 45px;
text-align: center;
-moz-appearance: textfield;
}
.browser-Firefox .quantity input[type="number"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.quantity input[type="button"] {
box-shadow: none;
background: transparent;
padding: 0 5px;
min-width: 43px;
height: 45px;
border: 1px solid rgba(129, 129, 129, 0.2);
}
.quantity input[type="button"] {
background: #f9f9f9;
cursor: pointer;
}
.button {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: 16px 35px;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
position: relative;
z-index: 1;
overflow: hidden;
border: 0px;
cursor: pointer;
}
button:focus {
outline: none;
border: none;
}
.button:hover::before {
-webkit-transform: scale3d(20, 20, 1);
transform: scale3d(20, 20, 1);
}
.single_add_to_cart_button::before {
content: "";
z-index: -1;
position: absolute;
top: 50%;
left: 100%;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #222222;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1);
-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
transition: opacity 0.4s, -webkit-transform 0.4s;
transition: transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: #83b735;
}
.single_add_to_cart_button {
color: #fff;
overflow: hidden !important;
padding: 22px 42px !important;
}
.xs-modal-quick-view .single_add_to_cart_button {
padding: 16px 35px !important;
}
h1.product_title.entry-title {
font-size: 1.57143em;
font-weight: 500;
margin-bottom: 10px;
line-height: 1.625;
color: #000;
font-family: inherit;
}
.xs-modal-quick-view .woocommerce.woocommerce-product-rating {
vertical-align: middle;
display: inline-block;
}
.xs-modal-quick-view .summary-content .star-rating {
margin-right: 11px;
}
.xs-modal-quick-view .woocommerce .star-rating {
float: left;
}
.xs-modal-quick-view .woocommerce .star-rating::before {
color: #83b735;
}
.xs-modal-quick-view .woocommerce .star-rating span::before {
color: #83b735;
}
.xs-modal-quick-view a.woocommerce-review-link {
color: #777777;
margin-right: 15px;
}
.xs-modal-quick-view a.woocommerce-review-link:hover {
color: #83b735;
}
.dropdown.dropright.xs-miniCart-dropdown.show {
display: inline-block !important;
}
.xs-breadcumb .breadcrumb-shop {
background-color: inherit;
padding: 0;
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
list-style: none;
border-radius: 0.25rem;
}
a.d-flex.mini-product-thumb.xs-cart-img {
margin-right: 10px;
}
p.woocommerce-mini-cart__buttons.buttons a {
display: block;
padding: 10px 0;
color: #fff;
background-color: #007bff;
margin-bottom: 10px;
border-radius: 10rem;
}
.xs-menus .nav-menu > li > a {
height: auto;
}
h4.product-title-v2.xs-cat {
margin-bottom: 5px;
}
h4.product-title-v2 strong a {
color: #222222;
}
h4.product-title-v2.large strong a {
font-size: 1em;
}
h4.product-title-v2 strong a {
font-size: 1.714em;
}
h4.product-title-v2 strong a:hover {
color: #0063d1;
}
.xs-feature-product-info h4{
text-align: right;
}
.menu-all-categories-prueba-container .menu-item-object-mega_menu {
width: 100%;
padding: 15px;
position: absolute;
font-size: 14px;
z-index: 98;
text-align: left;
color: inherit;
background-color: #fdfdfd;
}
.xs-menus .megamenu.v2 .menu-item-object-mega_menu {
display: block;
}
.megamenu:hover .menu-item-object-mega_menu {
display: block;
}
.megamenu .gallery .gallery-item {
float: left;
}
.megamenu .megamenu-content {
background-color: #fff;
border: 1px solid #eff0f2;
color: #70798b;
font-size: 13px;
}
.xs-menus .nav-menu > :not(.megamenu) .nav-dropdown {
border-radius: 0 0 5px 5px;
-webkit-box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.16);
box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.16);
background-color: #ffffff;
border-top: 0px;
}
.xs-menus .nav-menu > :not(.megamenu) .nav-dropdown li a {
background-color: transparent;
border-bottom: 1px solid #f1f1f1;
color: #222222;
font-size: 14px;
}
.xs-menus .nav-menu > :not(.megamenu) {
position: relative;
}
.menu-label-arrow {
position: absolute;
bottom: -5px;
left: 0;
height: 5px;
width: 5px;
background-color: transparent;
border-right: 2.5px solid transparent;
border-left: 2.5px solid #0063d1;
border-top: 2.5px solid #0063d1;
border-bottom: 2.5px solid transparent;
}
.yith-wcwl-add-button .single_add_to_wishlist > span{
display: none;
}
.xs-addcart a:before {
content: "\e966";
font-family: 'marketo-icons' !important;
padding-right: 7px;
} 
.xs-addcart a.button {
padding: 0px;
font-size: 14px;
line-height: 1.5;
background: transparent;
font-weight: 400;
color: #b7b7b7;
}
.xs-addcart a.button:hover {
background: transparent;
}
.xs-addcart.woocommerce a.added,
.xs-addcart-v2 a.added {
display: none !important;
}
.xs-addcart.woocommerce a.added_to_cart {
padding-top: 0;
}
.xs-addcart.woocommerce a.button.loading:after,
.xs-addcart-v2 a.button.loading:after {
top: 0px !important;
}
.single_add_to_cart_button + .added_to_cart {
display: none !important;
}
button.single_add_to_cart_button.button.alt.loading:after {
top: 50%;
border-bottom: 2.5px solid transparent;
margin-top: -9px;
}
.xs-navDown .xs-navbar-search .form-control,
.xs-navBar.navBar-v5 .xs-navbar-search .form-control {
height: auto;
} .xs-sidebar-group .xs-overlay {
position: fixed;
top: 0;
left: 0;
height: 100%;
bottom: 0;
width: 100%;
overflow: hidden;
z-index: 9999;
opacity: 0;
-webkit-transition: all 0.8s ease;
transition: all 0.8s ease;
visibility: hidden;
}
.xs-minicart-widget {
position: fixed;
right: -100%;
top: 0;
bottom: 0;
width: 100%;
max-width: 360px;
z-index: 999999;
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background-color: #fff;
-webkit-transition: all 0.8s cubic-bezier(0.9, 0.03, 0, 0.96);
transition: all 0.8s cubic-bezier(0.9, 0.03, 0, 0.96);
padding: 30px;
visibility: hidden;
opacity: 0;
}
.xs-sidebar-group.isActive .xs-overlay {
opacity: 0.7;
visibility: visible;
}
.xs-sidebar-group.isActive .xs-minicart-widget {
opacity: 1;
visibility: visible;
right: 0;
}
.close-side-widget {
color: #222222;
font-size: 13px;
display: block;
height: 30px;
max-width: 30px;
background-color: #ededed;
margin-left: auto;
text-align: center;
line-height: 30px;
border-radius: 100%;
}
table.shop_table tr td,
table.shop_table tr th {
padding: 20px !important;
}
form.checkout.woocommerce-checkout {
display: flex;
flex-wrap: wrap;
}
.woocommerce-NoticeGroup-checkout {
max-width: 100%;
flex: 0 0 100%;
}
.woocommerce-cart p.cart-empty,
.woocommerce-cart p.return-to-shop {
text-align: center;
}
.woocommerce input.button::before {
content: "" !important;
z-index: -1;
position: absolute;
top: 50%;
left: 100%;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #222222;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1);
-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
transition: opacity 0.4s, -webkit-transform 0.4s;
transition: transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.woocommerce input.button:hover::before {
-webkit-transform: scale3d(20, 20, 1);
transform: scale3d(20, 20, 1);
}
.woocommerce input.button,
.woocommerce button.button,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
color: #fff;
background-color: #007bff;
padding: 16px 32px !important;
}
.woocommerce input.button:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
color: #fff;
background-color: #83b735;
}
.button[name="apply_coupon"] {
font-size: 0.85714em;
font-weight: 500;
padding: 16px 35px !important;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
padding: 13px 6px 13px;
max-width: 170px;
width: 100%;
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
width: 100px;
}
.woocommerce .xs-order-review-wrapper table.shop_table {
border: 0;
}
.xs-order-review-wrapper {
background: #f7f7f7;
padding: 25px;
}
.woocommerce .xs-order-review-wrapper #payment {
background: transparent;
}
.xs-sidebar-group .widget_shopping_cart .total,
.woocommerce.widget_shopping_cart .total {
border-top: 0px;
padding: 0px;
}
.xs-sidebar-group .widget_shopping_cart .buttons a {
margin-right: 13px;
display: inline-block;
font-size: 0.85714em;
font-weight: 500;
padding: 16px 35px;
letter-spacing: 0.3px;
position: relative;
z-index: 1;
overflow: hidden;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.xs-sidebar-group .widget_shopping_cart .buttons a::before {
content: "";
z-index: -1;
position: absolute;
top: 50%;
left: 100%;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #83b735;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1);
-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
transition: opacity 0.4s, -webkit-transform 0.4s;
transition: transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.xs-sidebar-group .widget_shopping_cart .buttons a:hover {
color: #fff;
}
.xs-sidebar-group .widget_shopping_cart .buttons a:hover::before {
-webkit-transform: scale3d(20, 20, 1);
transform: scale3d(20, 20, 1);
}
.feature-product-v4 .xs-product-wraper,
.feature-product-v4 .xs-list-group {
padding: 10px 20px;
}
.list-group.xs-list-group.xs-product-content {
text-align: left;
line-height: 22px;
color: #565454;
font-weight: 400;
font-size: 12px;
}
.xs-single-product:hover .product-item-meta {
margin-top: 20px;
}
.xs-product-wraper.version-2.xs-related-product img {
margin-bottom: 20px;
}
.feature-product-v4 .xs-product-wraper.version-2.xs-related-product .price {
font-size: 1.28571em;
}
.related.products .xs-content-title {
font-weight: 500;
}
.xs-navDown .xs-navbar-search .form-control:focus,
.xs-navBar.navBar-v5 .xs-navbar-search .form-control:focus {
background-color: transparent;
}
.megamenu-v2.menu-item {
position: initial;
}
.megamenu-v2.menu-item .nav-dropdown.nav-submenu {
width: calc(100% - 15px);
right: 0 !important;
}
.megamenu.menu-item {
position: initial;
}
.megamenu.menu-item .nav-dropdown.nav-submenu {
width: 100%;
right: 0 !important;
}
.cd-dropdown-content .cd-secondary-dropdown {
overflow: initial;
}
.xs-menus .megamenu.v2 .menu-item-object-mega_menu ul.menu li {
border-left: 2px solid #f5f5f5;
}
.xs-menus .megamenu.v2 .menu-item-object-mega_menu ul.menu li:hover {
border-left: 2px solid #0063d1;
}
.xs-menus .megamenu.v2 .menu-item-object-mega_menu {
padding: 50px;
overflow: hidden;
}
.elementor-widget-wp-widget-woocommerce_product_categories
.elementor-widget-container
h5 {
text-align: center;
font-size: 1.42857em;
margin-bottom: 4px;
color: #fff;
font-weight: 500;
line-height: 1.2;
opacity: 1;
text-transform: capitalize;
padding-left: 0;
}
.elementor-widget-wp-widget-woocommerce_product_categories
.elementor-widget-container
ul.product-categories
li {
text-align: center;
}
.elementor-widget-wp-widget-woocommerce_product_categories
.elementor-widget-container
ul.product-categories
li
a {
color: #ffffff;
padding: 10px 0;
font-size: 1.17em;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
font-weight: 700;
}
.elementor-widget-wp-widget-woocommerce_product_categories
.elementor-widget-container
ul.product-categories
li
span.count {
color: #fff;
padding-left: 10px;
}
.xs-addcart-v2 a.aadded_to_cart.wc-forward::before {
display: none;
}
.xs-addcart-v2 a.button,
.xs-addcart-v2 a.added_to_cart.wc-forward {
display: inline-block;
font-size: 1em;
position: relative;
z-index: 1;
overflow: hidden;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
color: #ffffff;
background: #0063d1;
border-radius: 10rem;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
min-height: 40px;
min-width: 180px;
font-size: 1em;
padding: 0;
line-height: 40px;
text-align: center;
}
.xs-addcart-v2 a.button::before,
.xs-addcart-v2 a.added_to_cart.wc-forward::before {
content: "";
z-index: -1;
position: absolute;
top: 50%;
left: 100%;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #83b735;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: scale3d(1, 2, 1);
transform: scale3d(1, 2, 1);
-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
transition: opacity 0.4s, -webkit-transform 0.4s;
transition: transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.xs-addcart-v2 a.button:hover::before,
.xs-addcart-v2 a.added_to_cart.wc-forward:hover::before {
-webkit-transform: scale3d(20, 20, 1);
transform: scale3d(20, 20, 1);
}
.xs-addcart-v2 a.button:hover,
.xs-addcart-v2 a.added_to_cart.wc-forward:hover {
color: #fff;
}
.xs-breadcumb .breadcrumb-item::before {
padding: 0 10px 0 10px;
}
.breadcrumb > .breadcrumb-item > a {
color: #777777;
}
.xs-menus .nav-menu > li > a {
padding: 40px 15px;
}
.feature-product-v4 .xs-main-shop .xs-product-wraper.version-2 {
border: 1px solid #efefef;
}
.xs-main-shop {
padding-bottom: 15px;
}
.xs-product-wraper.version-2 .xs-product-content {
padding: 30px;
}
.xs-product-hover-area {
padding: 20px 20px;
} #yith-wcwl-popup-message {
background-color: #0063d1;
border: 0px;
width: 100%;
left: 0;
margin-left: 0px !important;
text-align: left;
border-radius: 0px;
color: #fff;
position: fixed;
bottom: 0;
top: inherit;
}
ul.wp-block-gallery {
padding: 0;
}
.marketo-main-content ul li {
list-style: disc;
line-height: 1.8;
}
.marketo-main-content ul ul li,
.marketo-main-content ol ul li {
list-style: circle;
}
.marketo-main-content ol li {
list-style: decimal;
}
.marketo-main-content .wp-block-latest-comments__comment {
list-style: none;
}
ol.wp-block-latest-comments {
padding-left: 0;
}
.marketo-main-content ul.wp-block-latest-posts.is-grid li {
list-style: none;
}
.wishlist_table a.button.loading:after {
top: 24px;
}
.woocommerce table.wishlist_table {
font-size: 14px;
}
.yith-wcwl-share li,
.entry-content .yith-wcwl-share li {
margin-right: 6px;
}
.wishlist_table tr td,
.wishlist_table tr th.wishlist-delete,
.wishlist_table tr th.product-checkbox {
text-align: left;
}
.xs-modal-quick-view.woocommerce button.button.alt,
.woocommerce .xs-single-products button.button.alt {
padding: 15px 44px !important;
}
.woocommerce ul li {
list-style: none;
} .sidebar-shop .widget_shopping_cart .buttons a {
margin-right: 13px;
font-size: 0.85714em;
font-weight: 500;
padding: 16px 35px;
letter-spacing: 0.3px;
position: relative;
z-index: 1;
overflow: hidden;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.sidebar-shop .widget_shopping_cart .buttons a:hover {
background-color: #83b735;
color: #ffffff;
}
button.woocommerce-widget-layered-nav-dropdown__submit {
margin-right: 13px;
display: inline-block;
font-size: 0.85714em;
font-weight: 500;
padding: 16px 35px;
letter-spacing: 0.3px;
position: relative;
z-index: 1;
overflow: hidden;
-webkit-transition: all 0.6s ease;
transition: all 0.6s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: #007bff;
border: 0;
color: #fff;
cursor: pointer;
}
button.woocommerce-widget-layered-nav-dropdown__submit:hover {
background-color: #83b735;
}
.xs-cart-wrapper a.add_to_cart_button:after {
position: absolute;
top: 5px;
left: 5px;
content: "";
width: 20px;
height: 20px;
background-color: #333333;
border-radius: 100%;
-webkit-animation: sk-scaleout 1s infinite ease-in-out;
animation: sk-scaleout 1s infinite ease-in-out;
opacity: 0;
}
.xs-cart-wrapper a.add_to_cart_button.loading:after {
opacity: 1;
}
.xs-cart-wrapper a.add_to_cart_button.loading:before {
opacity: 0;
}
.archive .woocommerce-products-header {
display: flex;
justify-content: space-between;
background: #f9f9f9;
color: #000;
align-items: center;
}
.archive .woocommerce-products-header .media h6 {
margin-right: 10px;
margin-bottom: 0px;
margin-top: 4px;
}
.feature-product-v4 > .tab-content {
width: 100%;
}
.summary.entry-summary {
clear: both;
}
.summary.entry-summary .yith-wcwl-add-to-wishlist {
float: left;
}
.summary.entry-summary .yith-wcwl-add-to-wishlist ~ .clear {
display: none;
}
.summary.entry-summary .yith-wcwl-add-to-wishlist .add_to_wishlist {
line-height: 40px;
height: 40px;
display: inline-block;
border: 1px solid #eaeaea;
border-radius: 4px;
background-color: #fff;
text-align: center;
padding: 0px 30px;
}
.summary.entry-summary
.yith-wcwl-add-to-wishlist
.yith-wcwl-wishlistexistsbrowse {
margin-top: 0;
}
.summary.entry-summary
.yith-wcwl-add-to-wishlist
.yith-wcwl-wishlistexistsbrowse
a:before,
.summary.entry-summary .yith-wcwl-add-to-wishlist .add_to_wishlist:before {
content: "\e93a";
font-family: 'marketo-icons' !important;
}
.yith-wcwl-add-to-wishlist .ajax-loading {
margin-left: -40px;
}
.summary.entry-summary
.yith-wcwl-add-to-wishlist
.yith-wcwl-wishlistexistsbrowse
a:before {
width: 59px;
height: 59px;
line-height: 59px;
display: inline-block;
border: 1px solid #eaeaea;
border-radius: 4px;
color: #000000;
background-color: #fff;
font-size: 14px;
text-align: center;
}
@keyframes sk-scaleout {
0% {
-webkit-transform: scale(0);
transform: scale(0);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0;
}
}
.xs-position-static {
position: static;
}
.error-body a {
margin: 0 auto;
}
.xs_added_to_cart {
position: fixed;
bottom: 0;
left: 0;
padding: 30px;
background-color: #62ab00;
width: 100%;
z-index: 9999999;
color: #fff;
opacity: 0;
visibility: hidden;
transition: all 1s ease;
}
.xs_added_to_cart.active {
opacity: 1;
visibility: visible;
}
h4.entry-title.xs-blog-title {
font-size: 1.28571em;
line-height: 1.5;
letter-spacing: -0.3px;
}
.xs-news-content {
border-style: solid;
}
.xs-no-hover:hover {
box-shadow: none;
}
.xs-about-content .xs-watermark-text {
text-align: left;
}
.xs-contact-form input:not([type="submit"]) {
border: 1px solid #ccdcfe;
}
.woocommerce-Reviews .woocommerce-Reviews-title {
margin-top: 40px;
} .woocommerce .col-2 {
max-width: 48%;
}
.woocommerce .col-1 {
max-width: 48%;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
border: 3px solid #e2e2e2;
color: #807f79;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li {
border-bottom: 1px solid #e2e2e2;
line-height: 0.8;
list-style: outside none none;
padding: 0 20px;
position: relative;
width: 100%;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul {
padding: 0;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li a {
color: #000;
font-size: 16px;
display: inline-block;
padding: 20px 0;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul li:last-child {
border: 0;
}
.woocommerce .my_account_orders.account-orders-table > thead tr th {
background: #f7f7f7 none repeat scroll 0 0;
color: #afafaf;
text-transform: uppercase;
}
.woocommerce nav.woocommerce-MyAccount-navigation ul {
padding: 0;
margin-bottom: 0;
}
.woocommerce-customer-details address {
line-height: 35px;
}
.entry-summary .product_meta,
.entry-summary .sold-by-meta {
margin-bottom: 20px;
}
span.sold-by-label {
font-weight: 600;
}
.tab-content.xs-woo-tab {
margin-bottom: 45px;
}
.megamenu.v2 .megamenu-content {
border: 0px solid;
}
.xs-menus .megamenu.v2 .menu-item-object-mega_menu {
background-color: transparent;
padding: 0;
border-radius: 0;
}
.xs-menus .megamenu.v2 .menu-item-object-mega_menu .megamenu-v2 {
border-top: 0px solid;
padding: 0;
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.xs-menus .nav-dropdown .megamenu-v2 .megamenu-list > li > a {
color: #b4b4b4;
font-size: 12px;
}
.xs-menus .megamenu-v2 .megamenu-list li:not(.megamenu-list-title) a:hover {
color: #626262;
}
.xs-navBar .megamenu-list li:not(.megamenu-list-title) a:hover {
background-color: transparent;
color: #222222;
}
.xs-menus .megamenu-v2 .megamenu-list > li {
border-left-color: #3d404a;
}
@media (max-width: 991px) {
.footer-widget.footer-content {
padding-right: 15px;
}
}
.xs-product-main-wrapre.no-gutters .xs-product-wraper.tab-style1 {
margin-bottom: 20px;
}
.woocommerce span.onsale {
background-color: #62ab00;
min-height: 60px;
min-width: 60px;
padding: 11px;
}
span.woocommerce-input-wrapper {
width: 100%;
}
p.woocommerce-result-count {
display: none;
}
.summary.entry-summary .product_meta {
clear: both;
}
body.logged-in .header-transparent {
top: 32px;
}
.megamenu.v2 .megamenu-content {
margin: 0 auto;
}
.xs-footer-section .xs-footer-main,
.xs-footer-section .marketo-footer-top-layer {
padding-top: 80px;
padding-bottom: 65px;
}
.shipping-calculator-form .form-row-wide > span {
display: block;
width: 100%;
}
.woocommerce td.product-name dl.variation dd {
position: relative;
top: 15px;
}
.btn-primary.focus,
.btn-primary:focus {
box-shadow: none;
}
.xs-product-widget.media.xs-md-20 {
margin-bottom: 30px;
}
aside.widget.sidebar .empty-cart-icon {
display: none;
} .sidebar .widget_price_filter .price_slider_amount {
position: relative;
}
.sidebar .widget_price_filter .price_slider_amount .price_label {
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: left;
font-size: 16px;
color: #999;
}
.sidebar .widget_price_filter .price_slider_amount .button {
width: 100%;
margin-top: 40px;
}
.sidebar .product_list_widget .product-title,
.dokan-store-sidebar ul.product_list_widget .product-title {
font-size: 14px;
color: #626c84;
border-radius: 0;
padding-left: 0;
font-weight: 400;
line-height: 24px;
-webkit-transition: 400ms;
-moz-transition: 400ms;
-o-transition: 400ms;
transition: 400ms;
}
.sidebar ul.product_list_widget li .star-rating {
float: none;
margin: 5px 0px;
} .xs-product-wraper.version-4.tab-style1 .product-title {
display: block;
margin-bottom: 5px;
}
.xs-product-main-wrapre .xs-product-wraper.version-4 img {
margin-bottom: 18px;
}
.xs-best-deal-slider-content
.btn:not([data-toggle="popover"]).btn-success::before {
background-color: #333e48;
}
.media.xs-footer-description img {
margin: 0px 20px 0px 0px;
}
.xs-product-category .price {
font-size: 17px;
}
.xs-product-category:hover {
opacity: 0.5;
}
.xs-product-category .price {
font-size: 17px;
}
.xs-product-header.media.xs-wishlist {
justify-content: space-between;
}
.xs-product-header.media .star-rating {
text-align: left;
}
.xs-product-widget.media .woocommerce-Price-amount.amount {
padding-left: 0;
}
.product-title {
margin-bottom: 5px;
display: block;
} .xs-soclial-icon .elementor-icon i {
width: 35px;
height: 35px;
line-height: 35px;
}
.cd-secondary-dropdown .xs-product-widget {
background: transparent;
}
.nav-submenu .widget-image-caption.wp-caption-text {
color: #222222;
font-size: 1.14286em;
font-weight: 400;
margin-bottom: 0;
}
.woocommerce .quantity .qty {
width: 4.631em;
border-left: none !important;
border-right: 1px !important;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
border: 1px solid #f1f1f1;
}
.woocommerce-tabs {
border: 1px solid #ededed;
padding: 40px 20px;
border-radius: 10px;
overflow: hidden;
}
.woocommerce-tabs .xs-attr {
width: 49%;
float: left;
border-bottom: 1px solid #ededed;
margin-bottom: 20px;
}
.woocommerce-tabs .woocommerce-Reviews .row {
background: #f9f9f9;
padding: 40px 10px;
}
.woocommerce-tabs #review_form_wrapper {
background: #f9f9f9;
padding: 50px;
border-radius: 10px;
}
.woocommerce-tabs #review_form_wrapper .comment-reply-title {
font-size: 22px;
}
.woocommerce-tabs #review_form_wrapper .comment-form-rating {
font-size: 16px;
}
.woocommerce-tabs #review_form_wrapper .comment-form-rating label {
float: left;
padding-right: 10px;
}
.woocommerce-tabs #review_form_wrapper .comment-form-rating .stars a {
margin-top: 5px;
color: #fed700;
}
.xs-watermark-text {
font-size: 9em;
}
.woocommerce div.product div.images {
margin-bottom: 4.5em;
}
.footer-widget .menu-item a:hover {
color: #0063d1;
}
.post-navigation a {
color: #000;
}
.nav-submenu .widget-image-caption.wp-caption-text {
font-weight: 500;
font-style: normal;
}
.single-post .xs-footer-section .xs-footer-main,
.single-post .xs-footer-section .marketo-footer-top-layer,
.blog .xs-footer-section .xs-footer-main,
.blog .xs-footer-section .marketo-footer-top-layer {
padding-top: 0px;
}
.comments-list .comment-content table {
margin-bottom: 20px;
}
.xs-single-products .price del {
padding-left: 0px;
}
.woocommerce div.product form.cart div.quantity {
margin: 0 20px 0 0;
}
.woocommerce .xs-cart-wrapper a.button {
display: block;
color: #222;
width: 30px;
height: 30px;
line-height: 34px;
border-radius: 100%;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
text-align: center;
}
.woocommerce .xs-cart-wrapper a.button.added {
display: none;
}
.feature-product-v4 .xs-list-group {
padding: 10px 20px 30px;
}
.woocommerce .xs-cart-wrapper a.button:hover {
color: #ffffff;
background-color: #83b735;
}
.xs-marketo-banner .small-offer-banner:before {
display: none;
}
.xs_default_logo {
display: inline-block !important;
}
.xs_retina_logo {
display: none !important;
}
.xs-section-padding.xs_single_wrapper {
padding: 0;
}
.xs-product-wraper .product-item-meta li {
margin-bottom: 4px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
border: 1px solid #e3e3e3;
}
.xs-customer-form label {
color: #000;
padding-right: 10px;
}
.xs-customer-form input[type="radio"] {
position: relative;
top: 2px;
left: 0px;
} .shop-archive .xs-single-product {
border: 1px solid #efefef;
margin-bottom: 20px;
}
.product-thumb-version .xs-product-widget a ~ .product-widget-content {
padding: 0 10px;
}
.xs-product-widget a ~ .product-widget-content {
padding: 0 20px;
}
.xs_product_img_link {
display: block;
}
.xs-category-select-wraper > i {
position: absolute;
left: -30px;
top: 38%;
font-size: 1em;
z-index: 99;
}
.ajax-search-result .xs_search_list {
border-left: 1px solid;
border-top: 1px solid;
border-color: rgba(129, 129, 129, 0.2);
display: flex;
flex-wrap: wrap;
}
.ajax-search-result .xs_search_list li {
width: 50%;
display: inline-block;
border-right: 1px solid;
border-bottom: 1px solid;
border-color: rgba(129, 129, 129, 0.2);
flex: 0 0 50%;
}
.ajax-search-result .xs_search_list li a {
display: block;
padding: 15px;
transition: all 0.4s ease;
height: 100%;
}
.ajax-search-result .xs_search_list li a:hover {
background-color: #f5f5f5;
}
.ajax-search-result .xs_search_list li a:hover .img-container > img {
transform: scale(1.02);
}
.ajax-search-result .xs_search_list li a .img-container > img {
transition: all 0.4s ease;
}
.ajax-search-result .xs_search_list li a .img-container {
max-width: 65px;
position: relative;
overflow: hidden;
display: inline-block;
float: left;
}
.ajax-search-result .xs_search_list li .search_price {
float: right;
overflow: hidden;
position: relative;
width: calc(100% - 65px);
padding-left: 20px;
}
.ajax-search-result .xs_search_list li .search_price > span {
display: block;
}
.ajax-search-result .xs_search_list li .search_price .woocommerce-Price-amount {
padding-left: 0px;
}
.ajax-search-result .xs_search_list li .search_price .product_title {
color: #4a4a4a;
font-size: 1.14286em;
font-weight: 500;
}
.ajax-search-result .search-view-more {
text-align: center;
padding: 20px;
border: 1px solid #dedede;
border-top: 0;
border-radius: 0 0 5px 5px;
}
.ajax-search-result .search-view-more > a {
display: inline-block;
padding: 10px 20px;
background-color: #4a4a4a;
color: #ffffff;
transition: all 0.4s ease;
border: 1px solid transparent;
}
.ajax-search-result .search-view-more > a:hover {
border-color: currentColor;
color: #4a4a4a;
background-color: transparent;
}
.ajax-search-result .xs_search_list .no-result {
width: 100%;
display: block;
padding: 25px;
flex: 0 0 100%;
}
.ajax-search-result {
background: #fff;
margin-top: 2px;
-webkit-box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.07);
border-radius: 0 0 5px 5px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
}
.xs-ele-nav-search-widget .ajax-search-result {
z-index: 99999;
} .select-hidden {
display: none;
visibility: hidden;
padding-right: 10px;
}
.select {
cursor: pointer;
display: inline-block;
position: relative;
font-size: 16px;
color: #7b7b7b;
width: 220px;
height: 40px;
}
.select-styled {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: transparent;
padding: 8px 15px;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.select-styled:after {
content: "\e905";
position: absolute;
top: 0px;
right: 10px;
font-family: 'marketo-icons' !important;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotateX(0deg);
transform: rotate(270deg);
}
.select-styled:hover {
background-color: rgba(0, 0, 0, 0);
}
.select-styled:active,
.select-styled.active {
background-color: rgba(0, 0, 0, 0);
}
.select-styled:active:after,
.select-styled.active:after {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
color: #1868dd;
}
.select-styled.active {
color: #1868dd;
}
.select-options {
display: none;
position: absolute;
top: calc(100% + 20px);
left: -50%;
min-width: 200px;
z-index: 999;
}
.select-options::before {
position: absolute;
content: "";
top: -8px;
left: 50%;
width: 16px;
height: 16px;
-webkit-transform: translateX(-50%) rotate(45deg);
-ms-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
z-index: -1;
}
.select-options li {
padding: 15px;
border-top: 1px solid rgba(0, 0, 0, 0);
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
color: #ffffff;
}
.select-options li:hover {
background: #1352af;
}
.select-options li[rel="hide"] {
display: none;
}
.select-options,
.select-options::before {
background-color: #1868dd;
}
.xs-category-select-wraper .select-styled {
display: flex;
align-items: center;
font-size: 0.8rem;
}
.xs-category-select-wraper .select-styled:after {
top: 19px;
right: 15px;
}
.xs-ele-nav-search-widget .xs-category-select-wraper .select-styled:after {
top: 30%;
transform: rotate(267deg);
}
.xs-ele-nav-search-widget .form-control {
background-color: transparent;
}
.xs-category-select-wraper .select {
height: 100%;
width: 100%;
position: static;
}
.xs-category-select-wraper .select-options {
left: 0px;
top: 100%;
width: 100%;
}
.xs-category-select-wraper .select-options {
height: 300px;
overflow-y: scroll;
}
.xs-category-select-wraper .select-options li {
padding: 5px 15px;
font-size: 0.8rem;
}
.select-options::-webkit-scrollbar {
width: 0.2em;
}
.select-options::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgb(255, 255, 255);
}
.select-options::-webkit-scrollbar-thumb {
background-color: #fed700;
outline: 1px solid white;
}
.xs-navbar-search .xs-category-select-wraper {
width: 30%;
}
.add-to-compare-link.compare.added {
font-size: 0px;
}
.add-to-compare-link.compare.added:before {
content: "\e976";
font-family: "iconfont";
font-size: 14px;
}
.dataTables_wrapper ~ .xs_added_to_cart {
display: none;
}
.xs-header-two .xs-menus-group .xs-logo-wraper,
.xs-header-three .xs-menus-group .xs-logo-wraper {
display: none;
}
.xs-header-two .menu-label {
top: -5px;
}
.xs-header.xs-header-three .xs-category-select-wraper .select-styled:after {
top: 14px;
}
.related.products .xs-product-header.media .star-rating {
float: left;
}
.related.products .xs-product-header.media .star-rating {
float: left;
} .dokan-dashboard-wrap .dokan-dash-sidebar {
width: 100%;
background-color: transparent;
}
.dokan-dashboard-wrap .dokan-dash-sidebar ul.dokan-dashboard-menu {
margin: 0 0 30px;
background-color: #fafafa;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.dokan-dashboard-wrap .dokan-dash-sidebar ul.dokan-dashboard-menu li {
border-bottom: none;
}
.dokan-dashboard-wrap .dokan-dash-sidebar ul.dokan-dashboard-menu li a {
color: #777777;
padding: 15px;
}
.dokan-dashboard-wrap .dokan-dash-sidebar ul.dokan-dashboard-menu li a:hover {
color: #000;
}
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li a i {
font-size: inherit;
padding-right: 0;
}
.dokan-dashboard
.dokan-dash-sidebar
ul.dokan-dashboard-menu
li.settings
i.pull-right {
padding-top: 0px;
}
.dokan-dashboard-wrap .dokan-dash-sidebar ul.dokan-dashboard-menu li.active {
background-color: transparent;
}
.dokan-dashboard-wrap .dokan-dash-sidebar ul.dokan-dashboard-menu li.active a {
color: #000;
}
.dokan-dashboard-wrap
.dokan-dash-sidebar
ul.dokan-dashboard-menu
li.active:after {
display: none;
}
.dokan-dashboard-wrap .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover {
background-color: transparent;
}
.dokan-dashboard-wrap
.dokan-dash-sidebar
ul.dokan-dashboard-menu
.dokan-common-links
a {
width: auto;
padding: 15px;
float: none;
border-right: none;
}
.dokan-dashboard-wrap
.dokan-dash-sidebar
ul.dokan-dashboard-menu
.dokan-common-links
a:hover {
background-color: transparent;
color: #000;
}
.dokan-dashboard-wrap .dokan-dashboard-content {
width: 100%;
padding: 0;
}
.dokan-dashboard-wrap
.dokan-dashboard-content
article.dashboard-content-area
.dashboard-widget {
box-shadow: none;
border-color: #e1e1e1;
padding: 0 15px;
}
.dokan-dashboard-wrap
.dokan-dashboard-content
article.dashboard-content-area
.dashboard-widget
a {
font-size: 14px;
}
.dokan-dashboard-wrap
.dokan-dashboard-content
article.dashboard-content-area
.dashboard-widget.big-counter {
padding: 0;
}
.dokan-dashboard-wrap
.dokan-dashboard-content
article.dashboard-content-area
.dashboard-widget.big-counter
ul {
padding: 0;
}
.dokan-dashboard-wrap
.dokan-dashboard-content
article.dashboard-content-area
.dashboard-widget.big-counter
li {
margin-bottom: 0;
background-color: #f4f4f4;
border-bottom: 1px solid #e1e1e1;
}
.dokan-dashboard-wrap
.dokan-dashboard-content
article.dashboard-content-area
.dashboard-widget.big-counter
li:last-child {
border-bottom: none;
}
.dokan-dashboard-wrap
.dokan-dashboard-content
article.dashboard-content-area
.dashboard-widget.big-counter
li:after {
display: block;
content: "";
clear: both;
}
.dokan-dashboard-wrap
.dokan-dashboard-content
article.dashboard-content-area
.dashboard-widget.big-counter
.title,
.dokan-dashboard-wrap
.dokan-dashboard-content
article.dashboard-content-area
.dashboard-widget.big-counter
.count {
float: left;
width: 50%;
text-align: left;
padding: 15px;
line-height: 1;
color: #000;
font-weight: 400;
font-size: 14px;
border-bottom: none;
}
.dokan-dashboard-wrap
.dokan-dashboard-content
article.dashboard-content-area
.dashboard-widget.big-counter
.count {
background-color: #fff;
}
.dokan-dashboard-wrap
.dokan-dashboard-content
article.dashboard-content-area
.dashboard-widget
.widget-title {
color: #000;
text-transform: uppercase;
font-weight: 600;
background-color: #f4f4f4;
margin: 0 -15px;
padding: 10px 15px;
}
.dokan-dashboard-wrap
.dokan-dashboard-content
article.dashboard-content-area
.dashboard-widget
.widget-title
a {
text-transform: none;
}
.dokan-dashboard-wrap
.dokan-dashboard-content
article.dashboard-content-area
.dashboard-widget
.widget-title
i {
display: none;
}
.dokan-dashboard-wrap
.dokan-dashboard-content
article.dashboard-content-area
.dashboard-widget
ul.list-count {
padding-left: 0;
}
.dokan-dashboard-wrap
.dokan-dashboard-content
article.dashboard-content-area
.dashboard-widget.products
.list-count
a {
color: #000;
}
.dokan-dashboard-wrap
.dokan-dashboard-content
article.dashboard-content-area
.dashboard-widget.products
.list-count
a
.count {
color: #666;
}
.dokan-dashboard-wrap
.dokan-dashboard-content
article.dashboard-content-area
.dashboard-widget.products
.list-count
a:hover {
color: #0066cc;
}
.dokan-dashboard-wrap .dokan-dashboard-content ul.subsubsub {
font-size: 14px;
}
.dokan-dashboard-wrap .wp-editor-container {
border: none;
}
.dokan-dashboard-wrap .dokan-btn {
padding: 0 25px;
height: 50px;
line-height: 50px;
background-color: #fcb800;
transition: all 0.5s;
color: #000;
font-size: 16px;
font-weight: 500;
text-align: center;
border: none;
background-color: #88aa00;
color: #fff;
height: 40px;
line-height: 40px;
border-radius: 0;
vertical-align: top;
}
.dokan-dashboard-wrap .dokan-btn:hover,
.dokan-dashboard-wrap .dokan-btn:focus,
.dokan-dashboard-wrap .dokan-btn:active {
outline: none;
}
.dokan-dashboard-wrap .dokan-btn:hover {
color: #000;
}
.dokan-dashboard-wrap .dokan-btn:hover,
.dokan-dashboard-wrap .dokan-btn:focus,
.dokan-dashboard-wrap .dokan-btn:active {
outline: none;
}
.dokan-dashboard-wrap .dokan-btn:hover {
color: #000;
}
.dokan-dashboard-wrap .dokan-btn:hover,
.dokan-dashboard-wrap .dokan-btn:focus,
.dokan-dashboard-wrap .dokan-btn:active {
background-color: #88aa00;
color: #fff;
}
.dokan-dashboard-wrap .dokan-form-control,
.dokan-dashboard-wrap input[type="text"],
.dokan-dashboard-wrap input[type="number"] {
border: 1px solid #d9d9d9;
padding: 6px 10px;
min-height: 40px;
}
.dokan-dashboard-wrap #payment-form fieldset {
border-bottom: none;
}
.dokan-dashboard-wrap .dokan-table {
color: #000;
}
.dokan-dashboard-wrap .dokan-table tr > td,
.dokan-dashboard-wrap .dokan-table tr > th {
padding: 15px;
border-color: #e1e1e1;
border-right: none;
}
.dokan-dashboard-wrap .dokan-table tr > th {
background-color: #f4f4f4;
color: #000;
text-transform: uppercase;
line-height: 1;
font-weight: 600;
border-bottom-width: 1px;
}
.dokan-dashboard-wrap .dokan-table td.diviader {
display: none;
}
.dokan-dashboard-wrap .dokan-table a {
color: #0066cc;
}
.dokan-dashboard-wrap .dokan-table a:hover {
color: #fcb800;
}
.dokan-dashboard-wrap .dokan-table .dokan-btn {
background-color: transparent;
padding: 0;
color: #000;
height: 14px;
line-height: 14px;
}
.dokan-dashboard-wrap .dokan-table tbody > tr:nth-of-type(odd) {
background-color: transparent;
}
.dokan-dashboard-wrap .dokan-table ins {
margin-right: 5px;
}
.dokan-dashboard-wrap .dokan-table ins .amount {
color: #000;
font-weight: 400;
}
.dokan-dashboard-wrap .dokan-table del .amount {
color: #999;
font-weight: 400;
}
.dokan-dashboard-wrap .dokan-table .row-actions .delete a,
.dokan-dashboard-wrap .dokan-table .row-actions a {
color: #000;
border-bottom: 1px solid transparent;
}
.dokan-dashboard-wrap .dokan-table .row-actions .delete a:hover,
.dokan-dashboard-wrap .dokan-table .row-actions a:hover {
border-color: #000;
color: #000;
}
.dokan-dashboard-wrap .dokan-dashboard-header .entry-title,
.dokan-dashboard-wrap .edit-account-wrap .entry-title {
font-size: 20px;
font-weight: 600;
border-bottom: 1px solid #e1e1e1;
padding-bottom: 10px;
}
.dokan-dashboard-wrap .dokan-dashboard-header .entry-title:after,
.dokan-dashboard-wrap .edit-account-wrap .entry-title:after {
clear: both;
display: block;
content: "";
}
.dokan-dashboard-wrap .edit-account-wrap .edit-account fieldset {
border: none;
padding: 0;
}
.dokan-dashboard-wrap .edit-account-wrap .edit-account legend {
font-weight: 600;
color: #000;
text-transform: uppercase;
}
.dokan-dashboard
.dokan-dash-sidebar
ul.dokan-dashboard-menu
li.dokan-common-links
a {
width: auto;
padding: 15px;
float: none;
border-right: none;
}
.dokan-dashboard
.dokan-dash-sidebar
ul.dokan-dashboard-menu
li.dokan-common-links
a:hover {
background: transparent;
color: #000;
}
.dokan-single-store .seller-items {
margin-bottom: 100px;
}
.dokan-pagination-container .dokan-pagination li a {
text-decoration: none;
border-radius: 0;
margin-right: 8px;
color: #7c7c7c;
border: 1px solid #f1f1f1;
text-align: center;
padding: 10px 16px;
}
.dokan-pagination-container .dokan-pagination li.active a {
color: #fff;
background: #2154cf;
border: 1px solid transparent;
}
.dokan-dashboard-wrap .dokan-product-search-form .dokan-btn {
height: 46px;
}
.dokan-widget-area .has-children > a::before,
.has-children > a::after {
display: none;
}
.xs_dokan_review h3 {
font-size: 17px;
margin-bottom: 13px !important;
}
.xs_dokan_review ol {
padding-left: 0;
}
.xs_dokan_review .comment-text {
margin: 0 0 0 55px !important;
width: auto !important;
padding: 10px !important;
}
.xs_dokan_review .description h4 {
font-size: 14px;
} .wcmp_vendor_list .vendor_sort input[type="submit"],
.wcmp_sorted_vendors a.button {
color: #fff;
background-color: #007bff;
padding: 9px 32px;
border: 0;
cursor: pointer;
}
.wcmp_sorted_vendors a.button:hover,
.wcmp_vendor_list .vendor_sort input[type="submit"]:hover {
background-color: #83b735;
} .mf-vendors-dashboard .mf-vendors-links {
text-align: center;
background-color: #f5f5f5;
padding: 20px 0;
} .marketo-wcvendors-dashboard center p {
background-color: #f5f5f5;
}
.marketo-wcvendors-dashboard p a {
color: #333333;
}
.marketo-wcvendors-dashboard h2 {
font-size: 24px;
font-weight: 600;
margin: 50px 0 30px;
padding-bottom: 15px;
border-bottom: 1px solid #e1e1e1;
color: #333333;
}
.marketo-wcvendors-dashboard > hr {
display: none;
}
.marketo-wcvendors-dashboard form > p input {
display: inline-block;
width: auto;
margin-right: 20px;
}
.marketo-wcvendors-dashboard .btn:not([data-toggle="popover"]) {
padding: 13px 35px;
background-color: #0099cc;
color: #ffffff;
}
.marketo-wcvendors-dashboard input[type="date"]::-webkit-inner-spin-button,
.marketo-wcvendors-dashboard input[type="date"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.marketo-wcvendors-dashboard input[type="number"] {
-moz-appearance: textfield;
}
.table-vendor-sales-report {
margin-top: 30px;
}
.table-vendor-sales-report tr th {
background-color: #f4f4f4;
text-transform: uppercase;
padding: 10px 20px;
color: #333333;
}
.table-vendor-sales-report tr th:not(:last-child) {
border-right: 1px solid #dee2e6;
}
.table-vendor-sales-report tbody tr td {
padding: 10px 20px;
color: #333333;
border: 1px solid #dee2e6;
}
.xs-shop-products-header {
padding-top: 80px;
}
.xs-shop-products-header .wcmp_vendor_banner_template {
margin-bottom: 0;
}
.xs-deal-blocks .xs_product_img_link {
display: block;
}
.modal-dialog a.compare.button {
display: none;
}
.xs-product-padding .xs-product-category {
padding-top: 20px;
}
.summary.entry-summary .yith-wcwl-wishlistaddedbrowse.show,
.summary.entry-summary
.yith-wcwl-add-to-wishlist
.yith-wcwl-wishlistexistsbrowse.show {
padding: 10px 30px 11px;
margin: 0px 5px 0px 0px;
border: 1px solid #eaeaea;
font-size: 12px;
text-align: center;
border-radius: 5px;
}
.summary.entry-summary
.yith-wcwl-add-to-wishlist
.yith-wcwl-wishlistexistsbrowse.show
a::before {
display: none;
}
.xs-modal-quick-view.woocommerce button.button.alt {
padding: 16px 45px !important;
}
.xs-customer-form input[type="radio"],
.woocommerce-form__input-checkbox {
margin-right: 5px;
}
div.nsl-container-block {
max-width: 100%;
width: 100%;
}
.woo-cat-image {
margin-bottom: 15px;
}
.display-4 {
font-size: 25px;
}
.xs-menus .nav-menu.tab_menu > li > a {
padding: 15px;
}
.xs-menus .nav-menu.tab_menu > :not(.megamenu) .nav-dropdown {
box-shadow: none;
}
.xs-menus .nav-menu.tab_menu > :not(.megamenu) .nav-dropdown li a {
border-bottom: 0px;
}
.xs-category-arichiv-desc {
margin: -45px 0 -65px;
}
.dark-bg {
background-color: #000000;
}
.dark-bg .xs-top-bar-info > li {
color: #ffffff;
border-right-color: rgba(148, 148, 148, 0.5);
}
.dark-bg .xs-top-bar-info > li > a {
color: inherit;
}
.dark-bg .xs-social-list > li {
color: #ffffff;
}
.dark-bg .xs-social-list > li > a {
color: inherit;
}
.dark-bg .xs-top-bar-info > li > select {
color: #ffffff;
background-image: url(//coolkicks.co.za/wp-content/themes/marketo/assets/images/white-arrow.png);
}
.dark-bg .xs-top-bar-info > li > select option {
color: #000000;
} .xs-top-bar .xs-wish-list-item {
padding-top: 0;
padding-bottom: 0;
}
.xs-top-bar.top-bar-v2 .xs-top-bar-info > i {
font-size: 1.07143em;
margin-right: 5px;
}
.xs-top-bar.top-bar-v2 .xs-top-bar-info .xs-select {
font-size: 0.92857em;
}
.xs-top-bar.top-bar-v2 .xs-wish-list {
margin-right: 0px;
}
.xs-top-bar.top-bar-v2 .xs-wish-list .xs-single-wishList i {
padding-right: 0px;
} .xs-navBar.navbar-dark {
background-color: #0f233c;
}
.xs-navBar.navbar-orange {
background-color: #f07f13;
}
.xs-navBar.navbar-dark .xs-single-wishList,
.xs-navBar.navbar-orange .xs-single-wishList {
color: #ffffff;
}
.xs-navBar.navbar-style2:not(.navbar-orange) .xs-navbar-search {
border-width: 0px;
}
.xs-navBar.navbar-style2 .xs-navbar-search {
height: 50px;
margin-top: 23px;
}
.xs-navBar.navbar-style2 .xs-navbar-search .xs-category-select-wraper::before {
height: 20px;
}
.xs-navBar.navbar-style3 .menu-label {
display: none;
}
.xs-navBar.navbar-style3
.xs-menus
.nav-menu
> li.focus
> a
.submenu-indicator-chevron {
border-color: transparent currentColor currentColor transparent;
}
.xs-navBar.navbar-style3 .xs-menus .nav-menu > li > a {
font-weight: 400;
padding: 32px 19px;
}
.xs-navBar.navBar-v5 {
padding-bottom: 20px;
}
.xs-navBar .search-form-area {
padding: 17px 0;
}
.xs-navBar.navbar-orange.navbar-style2 .xs-navbar-search {
border-radius: 0px;
border-width: 1px;
}
.xs-navBar.navbar-orange.navbar-style2
.xs-navbar-search
input:not([type="submit"]) {
border-radius: 0px;
height: 100%;
background-color: transparent;
}
.xs-navBar.navbar-orange.navbar-style2 .xs-navbar-search {
background-color: #ffffff;
}
.navbar-style2 .xs-category-select-wraper .select-styled:after {
top: 15px;
}
.navbar-style2 .xs-category-select-wraper .select-styled {
font-size: 14px;
color: #000;
}
.xs-navBar.navbar-orange.navbar-style2 .xs-navbar-search .btn {
height: calc(100% + 2px);
border-radius: 0;
margin-right: -1px;
margin-top: -1px;
background-color: #2e2d2d;
color: #ffffff;
}
.xs-navBar.navbar-orange.navbar-style2
.xs-single-wishList
.xs-item-count.highlight {
background-color: #2e2d2d;
}
.navDown-v6 {
padding: 13px 0;
background-color: #ffffff;
}
.navDown-v6 .xs-menus .nav-menu {
text-align: right;
margin-top: 16px;
}
.navDown-v6 .xs-menus .nav-menu > li > a {
padding: 12px 25px;
color: #333e48;
}
.navDown-v6 .xs-menus .nav-menu > li > a .menu-label {
top: -16px;
}
.navDown-v6 .xs-menus .nav-menu > li.focus > a .submenu-indicator-chevron {
border-color: transparent currentColor currentColor transparent;
}
.navDown-v6 .xs-vartical-menu .cd-dropdown-trigger {
padding: 21px 42px;
background-color: #eaeaea;
color: #222222;
}
.navDown-v6 .xs-vartical-menu .cd-dropdown-trigger::before,
.navDown-v6 .xs-vartical-menu .cd-dropdown-trigger::after {
background-color: currentColor;
}
.navDown-v6 .xs-vartical-menu .cd-dropdown-trigger:hover::before,
.navDown-v6 .xs-vartical-menu .cd-dropdown-trigger:hover::after {
background-color: #ffffff;
}
.red-version .xs-navDown .btn:not([type="submit"]) {
background-color: #ea1b25;
border-color: #ea1b25;
color: #ffffff !important;
}
.red-version .xs-navDown .btn:not([type="submit"]) strong {
color: inherit;
}
.red-version .btn:not([data-toggle="popover"]).btn-primary {
background-color: #ea1b25;
}
.red-version .xs-single-wishList .xs-item-count {
border: 0px solid #000;
line-height: 21px;
right: -8px;
}
.red-version .xs-single-wishList .xs-item-count.highlight {
background-color: #ea1b25;
}
.red-version .xs-vartical-menu .cd-dropdown-trigger:hover {
background-color: #ea1b25;
color: #ffffff;
}
.red-version .xs-vartical-menu .cd-dropdown-trigger:hover::before,
.red-version .xs-vartical-menu .cd-dropdown-trigger:hover::after {
background-color: currentColor;
}
.red-version .menu-label {
background-color: #ea1b25;
}
.red-version .menu-label::before {
border-left-color: #ea1b25;
border-top-color: #ea1b25;
}
.header-shadow {
-webkit-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.05);
}
.topbarinfos {
padding: 7px 0;
}
.topbarinfos .xs-top-bar-info > li {
font-size: 0.92857em;
}
.inline-serach-form {
width: 100%;
margin-left: auto;
border: 1px solid #e7e7e7;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
@media (min-width: 1025px) {
.inline-serach-form {
width: calc(100% - 140px);
}
}
.inline-serach-form .form-control {
border-radius: 0px;
border: 0px solid #000;
float: left;
width: calc(100% - 44px);
background-color: inherit;
}
.inline-serach-form .form-control::-moz-placeholder {
color: rgba(0, 0, 0, 0.5);
}
.inline-serach-form .form-control::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.5);
}
.inline-serach-form .form-control:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.5);
}
.inline-serach-form .form-control::-ms-input-placeholder {
color: rgba(0, 0, 0, 0.5);
}
.inline-serach-form .form-control::placeholder {
color: rgba(0, 0, 0, 0.5);
}
.inline-serach-form .search-btn {
float: right;
border: 0px;
background-color: transparent;
font-size: 1.21429em;
color: #222222;
padding-left: 14px;
padding-right: 14px;
cursor: pointer;
position: relative;
}
.inline-serach-form .search-btn::before {
position: absolute;
content: "";
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 1px;
height: 15px;
background-color: rgba(148, 148, 148, 0.5);
}
.inline-serach-form .form-control,
.inline-serach-form .search-btn {
height: 45px;
}
.inline-serach-form.focus {
width: 100%;
}
.inline-serach-form.style2 {
background-color: #f4f4f4;
margin-right: auto;
margin-left: 0;
border: 0px solid #000;
}
.inline-serach-form.style2 .form-control,
.inline-serach-form.style2 .search-btn {
height: 40px;
}
.inline-serach-form.style2 .form-control::-moz-placeholder {
color: #969696;
}
.inline-serach-form.style2 .form-control::-webkit-input-placeholder {
color: #969696;
}
.inline-serach-form.style2 .form-control:-ms-input-placeholder {
color: #969696;
}
.inline-serach-form.style2 .form-control::-ms-input-placeholder {
color: #969696;
}
.inline-serach-form.style2 .form-control::placeholder {
color: #969696;
}
.inline-serach-form.style2 .search-btn {
color: #666666;
}
.inline-serach-form.style2 .search-btn::before {
display: none;
}
.navDown-v7 {
border-top: 0px solid #ededed;
padding-top: 0px;
padding-bottom: 0px;
}
.navDown-v7 .xs-vartical-menu .cd-dropdown-trigger {
background-color: transparent;
color: #222222;
border-width: 0px;
border-left: 1px solid;
border-right: 1px solid;
border-color: #ededed;
border-radius: 0px;
}
.navDown-v7 .xs-vartical-menu .cd-dropdown-trigger::before,
.navDown-v7 .xs-vartical-menu .cd-dropdown-trigger::after {
background-color: currentColor;
}
.navDown-v7 .btn:not([type="submit"]) {
border-width: 0px;
border-left: 1px solid;
border-right: 1px solid;
border-color: #ededed;
border-radius: 0px;
padding: 10.2px 10px;
}
.navDown-v7 .btn:not([type="submit"]) strong {
color: #f07f13;
}
.navDown-v7 .menu-label {
display: none;
}
.navDown-v7 .xs-menus .nav-menu {
margin-top: 0px;
text-align: left;
}
.navDown-v7 .xs-menus .nav-menu > li.focus > a .submenu-indicator-chevron {
border-color: transparent currentColor currentColor transparent;
}
.navDown-v7 .xs-menus .nav-menu > li > a {
padding: 20px 25px 19px;
font-weight: 400;
}
.xs-navDown > .container,
.header-latest > .container-fluid {
position: relative;
}
.xs-navDown > .container [class^="col-"],
.header-latest > .container-fluid [class^="col-"] {
position: static;
}
.navBar-v6 .xs-navbar-search {
height: 40px;
border-width: 1px;
margin-top: 21px;
}
.navBar-v6 .xs-navbar-search .xs-category-select-wraper::before {
height: 20px;
}
.navBar-v6 .xs-navbar-search .btn[type="submit"] {
height: calc(100% + 2px);
margin-right: -1px;
margin-top: -1px;
background-color: #83b735;
padding: 0px;
color: #ffffff;
}
.navBar-v6 .xs-wish-list-item {
padding: 18px 0;
}
.navBar-v6 .xs-single-wishList .xs-item-count.highlight {
background-color: #83b735;
}
.secondary-header-v .xs-vartical-menu .cd-dropdown-trigger {
background-color: #83b735;
border-color: transparent;
color: #ffffff;
padding: 19px 42px 17px;
}
.header-version-7 .secondary-header-v .xs-vartical-menu .cd-dropdown-trigger {
padding: 22px 42px 17px;
}
.secondary-header-v .xs-vartical-menu .cd-dropdown-trigger::before,
.secondary-header-v .xs-vartical-menu .cd-dropdown-trigger::after {
background-color: currentColor;
}
.secondary-header-v .xs-menus .nav-menu > li.focus > a {
color: #83b735;
}
.secondary-header-v
.xs-menus
.nav-menu
> li.focus
> a
.submenu-indicator-chevron {
border-color: transparent currentColor currentColor transparent;
}
.secondary-header-v .xs-menus .nav-menu > li > a {
padding: 17px 25px;
color: #333e48;
font-weight: 500;
}
.secondary-header-v .btn:not([data-toggle="popover"]).btn-primary {
background-color: #ff6251;
font-size: 1.14286em;
color: #ffffff !important;
border: 0px solid #000;
padding: 13px 15px;
}
.home-v-7 .btn-primary {
padding: 10px 15px;
}
.home-v-7 .btn-primary span {
display: block;
line-height: 15px;
}
.home-v-7 .btn-primary span:last-child {
font-size: 12px;
}
.navBar-v7 .xs-logo-wraper {
padding: 10px 0;
margin: auto;
}
.navBar-v7 .xs-logo-wraper img {
max-height: 85px;
}
.navBar-v7 .xs-wish-list-item {
padding: 30.5px 0;
}
.navBar-v7 .search-form-area {
padding: 33px 0;
}
.navBar-v7 .xs-single-wishList .xs-item-count.highlight {
background-color: #f05d4d;
}
.navDown-v8 {
border-top: 0px solid #000;
}
.navDown-v8 > .container::before {
position: absolute;
content: "";
top: 0;
left: 15px;
width: calc(100% - 30px);
background-color: rgba(0, 30, 56, 0.15);
height: 1px;
}
.navDown-v8 .xs-vartical-menu .cd-dropdown-trigger {
padding-left: 20px;
border: 0px;
}
.navDown-v8 .xs-vartical-menu .cd-dropdown-trigger::before {
right: 69px;
}
.navDown-v8 .xs-vartical-menu .cd-dropdown-trigger::after {
right: 64px;
}
.navDown-v8 .xs-menus .nav-menu > li.focus > a .submenu-indicator-chevron {
border-color: transparent currentColor currentColor transparent;
}
.navDown-v8 .xs-menus .nav-menu > li > a {
text-transform: uppercase;
font-weight: 400;
letter-spacing: 0.1em;
}
.xs-logo-wraper .logo-info {
margin-left: 30px;
display: inline-block;
border-left: 3px solid rgba(0, 0, 0, 0.1);
padding-left: 20px;
}
.xs-logo-wraper .logo-info > span {
color: rgba(0, 0, 0, 0.7);
display: block;
}
.xs-logo-wraper .logo-info .phone-number {
color: #cb0215;
font-size: 1.28571em;
font-weight: 500;
}
.header-latest {
padding: 14px 15px 18px;
}
.header-latest .xs-logo-wraper {
padding-top: 0;
padding-bottom: 0;
}
.header-latest .logo-info {
position: relative;
top: 8px;
}
.header-latest .navsearch-form {
right: 25px;
}
.nav-area-group {
margin-top: 13px;
}
.nav-area-group .xs-menus {
display: inline-block;
margin-right: 45px;
}
.nav-area-group .xs-menus .nav-menu > li.focus > a .submenu-indicator-chevron {
border-color: transparent currentColor currentColor transparent;
}
.nav-area-group .xs-menus .nav-menu > li > a {
padding-top: 0px;
padding-bottom: 9px;
color: #333333;
}
.nav-area-group .xs-wish-list-item {
display: inline-block;
padding: 0px;
margin-right: 0;
position: relative;
top: 7px;
}
.nav-area-group .xs-wish-list-item > div {
display: inline-block;
}
.nav-area-group .xs-wish-list-item .navsearch-button {
padding: 0px;
margin-right: 25px;
}
.nav-area-group .xs-wish-list-item .xs-single-wishList,
.nav-area-group .xs-wish-list-item .navsearch-button {
font-size: 1.85714em;
}
.nav-area-group .xs-single-wishList .xs-item-count.highlight {
background-color: #cb0215;
}
.nav-area-group .menu-label {
display: none;
}
.xs-header.header-transparent .xs-top-bar {
border-bottom: 1px solid #e9e9e9;
background-color: transparent;
}
.xs-header.header-transparent .xs-top-bar .xs-top-bar-info > li {
border-right: 0px solid #000;
}
.navbar-watch {
border-bottom: 1px solid #e4e4e4;
}
.navbar-watch .xs-logo-wraper {
padding: 14px 0;
}
.navbar-watch .xs-wish-list-item {
padding: 24.5px 0;
}
.navbar-watch .xs-wish-list-item > div {
display: inline-block;
}
.navbar-watch .xs-wish-list-item .navsearch-button {
padding: 0px;
font-size: 2.14286em;
}
.navbar-watch .xs-wish-list-item .navSearch-group {
margin-right: 28px;
}
.navbar-watch .xs-wish-list-item .xs-item-count.highlight {
background-color: #eb6a2a;
}
.navbar-watch .xs-menus .nav-menu > li.focus > a .submenu-indicator-chevron {
border-color: transparent currentColor currentColor transparent;
}
.navbar-watch .xs-menus .nav-menu > li > a {
color: #222222;
padding: 38.5px 20px;
}
.navbar-watch .menu-label {
display: none;
}
.promo-style-shadow .elementor-row {
box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.08);
padding: 15px 28px;
}
.promo-style-shadow .elementor-element:not(:last-child) .elementor-widget-wrap {
border-right: 1px solid #ededed;
}
.grocery-hover-style .xs-product-category:hover h4 a {
color: #51aa1b !important;
}
.grocery-hover-style .xs-product-content:hover h4 a {
color: #51aa1b !important;
}
.xs-feature-product-img-pos img {
position: relative;
top: 90px;
left: 90px;
width: 160px;
}
.xs-feature-product-img-pos .highlight img {
position: relative;
top: 150px;
left: 150px;
width: 400px;
}
.xs-navBar.navBar-v6 .xs-navbar-search input:not([type="submit"]) {
height: 100%;
}
.xs-navBar.navBar-v6 .xs-category-select-wraper .select-styled:after {
top: 10px;
}
.home-v-7 .btn-primary:before {
background-color: #000 !important;
}
.xs-navBar.navbar-dark.navbar-style2
.xs-navbar-search
input:not([type="submit"]) {
height: 50px;
border-radius: 5px 0 0 5px;
}
.xs-navBar.navbar-dark.navbar-style2 .xs-category-select-wraper .select-styled {
background-color: #ffffff;
}
.xs-navBar.navbar-dark.navbar-style2 .xs-navbar-search .btn[type="submit"] {
height: 100%;
margin-top: 0px;
}
.xs-navBar {
position: relative;
}
.red-version .xs-navDown .btn:not([type="submit"]):hover {
border-color: #222;
}
.flex-middle {
display: flex;
align-items: center;
} .deals-of-week .xs-product-wraper {
margin-bottom: 20px !important;
}
.parts-news .entry-meta a {
color: #ea1b25;
} .shoes-top-brands li {
border: 1px solid #ddd;
width: 20%;
min-height: 145px !important;
}
.xs-header-v12 .logo-info {
margin-left: 20px;
}
footer.xs-footer-section p {
color: #777777;
}
.xs-navBar > .container > .row,
.header-latest > .container > .row {
position: relative;
}
.button-variable-item span {
font-size: 12px;
}
.woocommerce div.product form.cart .variations label {
font-weight: 500;
text-transform: capitalize;
}
.xs-minicart-widget
.woocommerce.widget_shopping_cart
.cart_list
li.mini_cart_item {
padding: 10px 0px 10px 80px;
}
.xs-minicart-widget
.woocommerce.widget_shopping_cart
.cart_list
li.mini_cart_item
a {
font-weight: 500;
}
.xs-minicart-widget
.woocommerce.widget_shopping_cart
.cart_list
li.mini_cart_item
a.remove {
top: 35%;
left: 95%;
font-weight: 400;
text-align: center;
}
.xs-minicart-widget
.woocommerce.widget_shopping_cart
.cart_list
li.woocommerce-mini-cart-item.mini_cart_item
img {
float: left;
margin-left: 0px;
margin-right: 5px;
width: 72px;
height: 75px;
position: absolute;
left: 00px;
top: 10px;
}
.xs-minicart-widget
.woocommerce.widget_shopping_cart
.cart_list
li.woocommerce-mini-cart-item.mini_cart_item
dl {
padding-left: 0;
border-left: 0;
}
.xs-minicart-widget .woocommerce ul.product_list_widget {
margin-bottom: 40px;
}
.social-login-btn .btn-info {
background-color: #3b5999;
}
.woo-cat-image {
text-align: center;
}
.rtl .woocommerce-notices-wrapper {
width: auto !important;
}
li.product-category.product {
display: block;
margin-right: 20px;
width: calc(calc(100% / 3) - 14px);
float: left;
}
li.product-category > a > img {
width: 100%;
opacity: 0.7;
transition: all 0.4;
}
li.product-category:hover a > img {
opacity: 1;
}
li.product-category.product:nth-child(3n) {
margin-right: 0;
}
li.product-category.product .woocommerce-loop-category__title {
font-size: 16px;
line-height: 26px;
color: #222;
margin: 20px 0;
text-align: center;
}
li.product-category.product .woocommerce-loop-category__title mark {
padding: 0;
background-color: transparent !important;
}
.xs-wishlist-group .xs-miniCart-dropdown {
display: inline-block;
}
.woocommerce-products-header .woocommerce-filter-content {
align-items: center;
flex: 0 0 auto;
}
.woocommerce-products-header .before-default-sorting {
display: inline-block;
white-space: nowrap;
margin-bottom: 0px;
}
.woocommerce-products-header .woocommerce-ordering {
float: none;
display: flex;
align-items: center;
margin-bottom: 0;
}
.sidebar-inactive .alignfull blockquote::before {
left: 87px;
}
.dokan-single-store {
width: 100%;
}
.woocommerce-tabs #review_form_wrapper {
margin-top: 20px;
}
.row + .dokan-single-store.col-lg-8 {
width: 100%;
}
table {
width: 100%;
}
#customer_login {
margin-top: 50px;
}
.woocommerce-product-attributes-item__label {
color: #777;
float: left;
margin-right: 5px;
}
.woocommerce-product-attributes-item__value {
color: #222;
}
.woocommerce #reviews #comments ol.commentlist li {
overflow: hidden;
display: block;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
max-width: none;
}
address {
font-style: italic;
}
code {
color: #5a5a5a;
font-size: 14px;
}
.woocommerce-products-header.xs-dokan-geolocation-enable {
margin-top: 420px;
margin-left: -15px;
margin-right: -15px;
}
.xs-before-shop-loop .dokan-geolocation-location-filters {
position: absolute;
width: 98%;
left: 0;
top: 0;
}
.xs-before-shop-loop .dokan-geolocation-locations-map-top {
position: absolute;
width: 98%;
left: 0;
top: 90px;
}
.tab-content.xs-woo-tab {
width: 100%;
}
.xs-dokan-geolocation-enable .row.feature-product-v4 {
margin: 0 15px;
}
.xs-nav-tab .nav-item {
list-style: none;
}
.cd-dropdown-content .cd-secondary-dropdown {
position: absolute;
}
.cd-dropdown-content,
.cd-dropdown-content ul {
position: static;
}
.xs-product-widget.media .yith-wcwl-add-to-wishlist {
margin-top: 0;
}
.xs-product-widget.media .xs-wishlist .yith-wcwl-add-button a.add_to_wishlist {
border-radius: 100%;
line-height: 0;
}
.xs-list-view {
display: none;
}
.feature-product-v4.list-veiw-enable .xs-list-view + div {
display: none;
}
.feature-product-v4.list-veiw-enable .xs-list-view {
display: block;
}
.upells-title {
padding: 30px 0 25px 0;
}
.shop-archive .xs_product_img_link {
margin-top: 10px;
}
.woocommerce-account .woocommerce form .form-row label {
display: block;
width: 100%;
}
.woocommerce-account .woocommerce form .password-input,
.woocommerce-page form .password-input {
display: block;
width: 100%;
}
.wishlist-svg-icon {
width: 40px;
height: 40px;
} .vertical-menu-active .xs-vertical-menu-backdrop {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 20;
background-color: #222;
opacity: 0.5;
transition: all 0.4s ease;
}
.ekit-vertical-menu-tigger {
position: relative;
z-index: 25;
}
.xs-navbar-search .input-group .form-control {
height: 100%;
} .rtl .ekit-vertical-navbar-nav .elementskit-dropdown,
.rtl .ekit-vertical-navbar-nav .elementskit-megamenu-panel {
left: auto;
right: 100%;
}
.rtl .ekit-vertical-menu-tigger {
display: flex;
}
.rtl .vertical-menu-left-icon {
margin-right: auto;
}
.rtl .vertical-menu-right-icon {
padding-left: 5px;
}
.rtl .ekit-vertical-navbar-nav .elementskit-submenu-indicator {
margin-right: auto;
margin-left: 0;
}
.rtl .ekit-vertical-navbar-nav .elementskit-submenu-indicator:before {
content: "\f104";
}
.rtl .ekit-vertical-navbar-nav > li > a .ekit-menu-icon {
margin-right: 0;
margin-left: 7px;
}
.rtl .ekit-vertical-navbar-nav > li > a .ekit-menu-badge {
margin-left: 0;
margin-right: 10px;
}
.rtl .badge-position-right .ekit-vertical-navbar-nav > li > a .ekit-menu-badge {
margin-right: auto;
}
.xs-ele-nav-search-widget .btn:not([data-toggle="popover"]) {
padding: 0;
align-items: center;
}
.xs-ele-nav-search-widget .select-options::before {
display: none;
}
.rtl .xs-category-select-wraper .select-styled:after {
left: 15px;
right: auto;
}
.rtl .xs-navbar-search .xs-category-select-wraper::before {
left: auto;
right: 0;
}
.rtl .xs-navbar-search .btn[type="submit"] {
border-radius: 4px 0 0 4px;
}
.rtl .xs-navbar-search input:not([type="submit"]) {
padding-right: 28px;
padding-left: 8px;
} .rtl .xs-vartical-menu .submenu-icon {
right: auto;
left: 0;
transform: rotate(180deg);
}
.rtl .xs-vartical-menu .cd-dropdown-content li a i {
margin-right: 0;
margin-left: 18px;
}
@media only screen and (min-width: 1024px) {
.rtl .cd-dropdown-content .cd-dropdown-gallery,
.rtl .cd-dropdown-content .cd-dropdown-icons,
.rtl .cd-dropdown-content .cd-secondary-dropdown {
left: auto;
right: 100%;
}
}
.rtl .xs-social-list li {
margin-right: 0px;
margin-left: 10px;
}
.rtl .xs-copyright .xs-payment-card,
.rtl .xs-copyright .xs-social-list {
text-align: left;
}
.elementskit-navbar-nav .elementskit-dropdown li:first-child {
margin-top: 0px;
}
.elementskit-navbar-nav .elementskit-dropdown li:last-child {
margin-bottom: 0px;
}
.rtl .nav-dropdown .submenu-indicator {
right: auto;
left: 15px;
transform: rotate(180deg);
}
.rtl .xs-menus .nav-menu > li .nav-dropdown .nav-dropdown {
right: 100% !important;
left: auto;
}
.rtl .nav-dropdown > li {
text-align: right;
}
.wishlist-title-with-form .btn:not([data-toggle="popover"])::before {
display: none;
} @media only screen and (min-width: 786px) {
.footer-widget .xs-footer-info-and-payment .media-body {
padding-right: 20px;
}
.xs-footer-info-and-payment .media-body address {
padding-right: 80px;
}
} .xs-navbar-search .btn[type="submit"] {
align-items: center;
}
.post-meta-left span.post-author,
.post-meta-left span {
display: block;
text-align: left;
text-transform: capitalize;
} .pagination-container .pagination-wrap .pagination > li > a,
.pagination-container .pagination-wrap .pagination > li > span {
width: 66px;
height: 66px;
line-height: 50px;
padding: 6px 8px;
}
.xs-navBar {
z-index: 102;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
z-index: 3;
} form .xs-contact-form .h3 {
color: #222222;
}
.xs-tab-slider-item .xs-product-widget {
border: 1px solid #e3e3e3;
}
.woocommerce span.onsale {
z-index: 3;
}
form.xs-newsletter.newsLetter-v3 input[type="submit"]:hover {
background-color: #83b735;
color: #fff;
border-color: transparent;
} .related.products .row .col-lg-12 {
display: flex;
}
.elementor-invisible.elementor-widget-xs-woo-tab {
visibility: visible;
}
.elementskit-navbar-nav-default .megamenu-v2 .megamenu-list > li {
border-left: 2px solid #3d404a;
}
.elementskit-navbar-nav-default .megamenu-v2 .megamenu-list > li > a {
position: relative;
}
.elementskit-navbar-nav-default .megamenu-v2 .megamenu-list > li > a::before {
position: absolute;
left: -2px;
top: 0;
content: "";
height: 100%;
width: 2px;
background-color: #0063d1;
opacity: 0;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.elementskit-navbar-nav-default .megamenu-list > li > a {
color: rgba(255, 255, 255, 0.8);
}
.elementskit-navbar-nav-default .megamenu-v2 .megamenu-list li a:hover {
color: rgba(255, 255, 255, 1);
}
.elementskit-navbar-nav-default
.megamenu-v2
.megamenu-list
> li
> a:hover::before {
opacity: 1;
}
.xs-ele-header-nav-cart .close-side-widget > i {
padding: 0;
}
.xs-ele-header-nav-cart .woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a {
text-align: left;
}
.xs-ele-header-nav-cart .quantity {
margin-right: auto;
display: block;
text-align: left;
}
.xs-ele-header-nav-cart
.xs-minicart-widget
.woocommerce.widget_shopping_cart
.cart_list
li.mini_cart_item
a.remove {
text-align: center;
}
.xs-ele-header-nav-cart .woocommerce-mini-cart__total {
text-align: left;
}
.single-product .pswp.pswp--open {
z-index: 10000;
}
.yith-wcwl-add-to-wishlist {
margin-top: 0;
}
.xs-wishlist .yith-wcwl-add-button a.add_to_wishlist {
line-height: unset;
display: flex;
align-items: center;
}
.product-item-meta > li > a > i {
padding-right: 0px;
}
.xs-product-wraper a[data-toggle="modal"] .icon,
.xs-product-wraper a[data-toggle="modal"] .icon:before {
font-family: iconfont !important;
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins {
font-weight: inherit;
}
.xs-single-product .product-item-meta {
display: flex;
justify-content: center;
align-items: center;
padding: 5px 0;
}
.woocommerce .products .xs-single-product .product-item-meta {
padding: 5px 0;
}
.xs-single-product .yith-wcwl-add-to-wishlist {
margin-top: 0px;
}
.xs-product-wraper .product-item-meta li {
margin-bottom: 0px;
}
.woocommerce .modal-backdrop {
z-index: 10000;
}
.woocommerce.xs-modal {
z-index: 10001;
}
.woocommerce-page div.product .xs-modal-quick-view div.images {
float: none;
width: 100%;
margin-bottom: 0;
}
.yith-wcwl-wishlistexistsbrowse a {
font-family: iconfont !important;
display: inline-block;
font-size: 0;
}
.yith-wcwl-wishlistexistsbrowse a:before {
content: "\e91a";
font: normal normal normal 14px/1 'marketo-icons' !important;
}
.woocommerce-filter-content .woocommerce-message {
margin-bottom: 0;
margin-right: 30px;
}
.summary.entry-summary .yith-wcwl-add-to-wishlist {
margin-right: 10px;
}
.elementor-section:not(.elementor-section-boxed)
.xs-ele-promotion
> .container {
max-width: 100%;
}
.xs-ele-promotion > .container {
padding-left: 0;
padding-right: 0;
}
.xs-ele-search-form-area .inline-serach-form {
display: flex;
}
@media (max-width: 767px) {
.xs-ele-search-form-area .inline-serach-form {
width: 100%;
}
}
@media (min-width: 1025px) {
.xs_border_menu
> .elementor-container
> .elementor-row
> .elementor-element:last-child,
.xs_border_menu
> .elementor-container
> .elementor-row
> .elementor-element:first-child {
border-left: 1px solid;
border-right: 1px solid;
border-color: #ededed;
}
}
.xs-navDown.xs-ele-nav-button {
padding-bottom: 0;
}
.elementskit-navbar-nav-default
.gray-version-border
.megamenu-v2
.megamenu-list
> li {
border-left-color: #f1f1f1;
}
.ekit-sticky--active .elementskit-megamenu-panel {
overflow-y: auto;
height: 600px;
}
.elementskit-navbar-nav-default .ekit-menu-badge > .ekit-menu-badge-arrow {
bottom: -6px;
left: 0;
transform: none;
border-width: 3px;
}
.elementskit-navbar-nav-default .ekit-menu-badge {
top: -11px;
padding: 6px 8px;
border-radius: 0;
right: 11px;
font-size: 11px;
font-weight: 500;
}
.wcmp-dashboard.woocommerce form .form-row label,
.wcmp-dashboard.woocommerce form .password-input {
width: 100%;
}
.ajax-search-result {
z-index: 50;
} @media only screen and (max-width: 1024px) {
.elementskit-navbar-nav-default .elementskit-megamenu-panel {
width: auto !important;
}
} @media only screen and (max-width: 767px) {
body
.ekit-sticky
.elementskit-menu-container.elementskit-menu-offcanvas-elements {
height: 100vh !important;
}
}
@media (min-width: 1025px) { .default_menu_position .elementor-column,
.default_menu_position .elementor-column-wrap,
.default_menu_position .elementor-widget-wrap,
.default_menu_position .elementor-widget,
.default_menu_position
.elementskit-navbar-nav-default.elementskit-menu-container {
position: static;
}
.default_menu_position
.elementskit-menu-po-right
.elementskit-megamenu-has.top_position.elementskit-dropdown-menu-custom_width
.elementskit-megamenu-panel,
.default_menu_position
.elementskit-menu-po-right
.elementskit-megamenu-has.top_position.elementskit-dropdown-menu-default_width
.elementskit-megamenu-panel,
.elementskit-navbar-nav-default
.elementskit-menu-po-right
.relative_position.elementskit-megamenu-has
.elementskit-megamenu-panel {
right: 0;
left: auto;
}
.elementskit-navbar-nav-default
.elementskit-megamenu-has
.elementskit-megamenu-panel {
-webkit-transition: transform 0.4s ease;
-o-transition: transform 0.4s ease;
transition: transform 0.4s ease;
}
.elementskit-menu-po-center
.elementskit-megamenu-has.top_position.elementskit-dropdown-menu-custom_width
.elementskit-megamenu-panel,
.elementskit-menu-po-center
.elementskit-megamenu-has.top_position.elementskit-dropdown-menu-default_width
.elementskit-megamenu-panel {
transform: translateY(-10px) translateX(-50%);
left: 50%;
}
.default_menu_position
.elementskit-menu-po-center
.elementskit-megamenu-has.top_position.elementskit-dropdown-menu-custom_width:hover
> .elementskit-megamenu-panel,
.default_menu_position
.elementskit-menu-po-center
.elementskit-megamenu-has.top_position.elementskit-dropdown-menu-default_width:hover
> .elementskit-megamenu-panel {
transform: translateY(0px) translateX(-50%);
left: 50%;
}
body.is-vertical-menu-active
.ekit-wid-con
.elementskit-navbar-nav-default.elementskit-menu-container {
z-index: 9;
}
body.is-vertical-menu-active
.vertical-menu-active
.xs-vertical-menu-backdrop {
z-index: 150;
}
body.is-vertical-menu-active .ekit-vertical-menu-tigger {
z-index: 160;
} .xs-category-select-wraper select.xs-ele-nav-search-select {
border: 0 !important;
height: 100%;
}
.xs-ele-nav-search-widget .select.focus .select-options {
z-index: 999999;
}
}
@media (max-width: 1024px) { .ekit-wid-con .elementskit-menu-overlay {
z-index: 144;
} .ekit-vertical-navbar-nav .elementskit-submenu-indicator {
padding: 3px 10px;
border: 1px solid;
border-radius: 30px;
}
} @media (min-width: 768px) and (max-width: 1024px) {
.ekit-vertical-menu-container
.tab-pane
.xs-product-main-wrapre
> [class*="col-"] {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
} .ekit-wid-con .inline-serach-form {
width: 100%;
}
.ekit-wid-con .inline-serach-form .form-control {
height: auto;
background-color: #fff;
border: 0;
border-radius: 0;
}
.ekit_close-side-widget > i {
padding-right: 0;
}
.product-widget-content .price del {
padding-left: 0px;
}
.xs_marketo_mobile_categpry_item .ekit-wid-con .ekit_sidebar-textwidget {
padding-left: 0;
padding-right: 0;
}
.ekit-wid-con .ekit-sidebar-group .ajax-search-result .xs_search_list li {
width: 100%;
flex: 0 0 100%;
}
.ekit-wid-con .ekit_navSidebar-button {
transition: all 0.4s ease;
}
.xs-ele-search-form-area .navSearch-group {
display: inline-block;
}
.xs-ele-search-form-area .active-search-icon {
display: none;
position: absolute;
top: 0;
left: 0;
}
.xs-ele-search-form-area .icon-search-minus + .active-search-icon {
display: block;
}
.navsearch-button-icon-group {
position: relative;
vertical-align: middle;
line-height: 1;
}
.xs-ele-search-form-area .navSearch-group > a {
padding: 0;
}
.xs-custom-nav .next .icon-right-arrow:before {
content: "\e997";
}
.xs-custom-nav .next .icon-right-arrow {
transform: rotate(180deg);
display: block;
}
@media (min-width: 1025px) {
.ekit-sticky.ekit-sticky--active {
box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1);
}
}
.pagination-wrap ul.pagination > li .page-numbers {
width: auto;
display: flex;
align-items: center;
}
#dokan-seller-listing-wrap
ul.dokan-seller-wrap
li
.store-footer
.seller-avatar
img {
margin: 0;
}
.block-product-cate-wraper .block-cate-header {
color: #ffffff;
}
@media (min-width: 1025px) {
.elementskit-navbar-nav-default
.elementskit-megamenu-has
.elementskit-megamenu-panel {
display: none;
}
.elementskit-navbar-nav-default
.elementskit-megamenu-has:hover
> .elementskit-megamenu-panel {
display: block;
}
.ekit-vertical-navbar-nav .elementskit-megamenu-panel {
max-height: 600px;
min-height: 600px;
overflow-y: auto;
overflow-x: hidden;
}
.xs-before-shop-loop {
margin-right: 20px;
}
}
.animated {
animation-fill-mode: backwards !important;
}
#vendor-biography > #comments {
width: 100%;
}
.dokan-single-store
.profile-frame
.profile-info-box.profile-layout-layout1
.profile-info-summery-wrapper {
min-height: 165px;
}
.xs-product-content .price del {
padding-left: 0;
}
.woocommerce table.shop_table td del,
.price del {
opacity: 0.5;
}
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
color: #fff;
}
.yith-wcwl-wishlistexistsbrowse a {
transition: all 0.4s ease;
}
.close-side-widget > i {
padding-right: 0;
}
.comment-form-cookies-consent #wp-comment-cookies-consent {
display: inline-block;
width: auto;
height: auto;
vertical-align: middle;
}
.comment-form-cookies-consent label {
margin-bottom: 0;
}
.elementor-text-editor ul {
margin-left: 20px;
padding: initial;
list-style: initial;
}
.elementor-text-editor ul li {
list-style: initial;
margin-bottom: 5px;
} .list-group.xs-list-group.xs-product-content {
text-align: center;
}
.xs-single-product .xs-list-group,
.xs-single-product .xs-product-wraper {
background: #fff;
padding: 10px;
}
.shop-archive .woocommerce-tabs {
overflow: visible;
} .post-single .post-author .avatar {
display: inherit;
width: 20px;
height: 20px;
}
.post-single .post-meta {
margin-bottom: 15px;
}
.post-single {
margin-bottom: 1rem;
}
.comment-respond .form-submit {
text-align: left;
}
img[class*="wp-image-"] {
margin-top: 10px;
margin-bottom: 10px;
}
.page-id-1133 .xs-blog-post-comments .comment-respond {
margin-bottom: 40px;
margin-top: 100px;
} .post .post-meta span.meta-featured-post {
text-transform: uppercase;
position: absolute;
right: 30px;
top: 0px;
width: auto;
height: auto;
padding: 16px 8px;
color: #ffffff;
display: inline-block;
font-size: 14px;
font-weight: 500;
z-index: 1;
text-transform: uppercase;
line-height: normal;
writing-mode: vertical-lr;
border-radius: 0;
}
.post .post-meta span.meta-featured-post:before {
position: absolute;
content: "";
right: 0;
width: 100%;
height: 30px;
bottom: -15px;
border-top: 15px solid #2254d0;
border-left: 18px solid #2254d0;
border-bottom: 15px solid #ffffff00;
border-right: 18px solid #2254d0;
}
.post .post-body {
position: relative;
}
.post-single .post-body {
padding-left: 0px;
}
.post-single .post-author a {
margin-left: 8px;
}
.post-single .wp-block-image .alignright:is(.is-resized) {
margin-bottom: 40px;
}
.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover-image h2,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover p.wp-block-cover-text,
.wp-block-cover h2 {
color: #fff;
}
.post-single .wp-block-cover.has-background-dim-60.has-background-dim a {
color: #fff;
}
.post-single .wp-block-audio figcaption,
.post-single .wp-block-video figcaption,
.post-single .wp-block-image figcaption,
.post-single .wp-block-gallery .blocks-gallery-image figcaption,
.post-single .wp-block-gallery .blocks-gallery-item figcaption {
font-size: 1em;
}
.post-single .blocks-gallery-caption {
text-align: center;
} .wp-block-embed iframe {
width: 100%;
}
.wp-block-embed figcaption {
text-align: center;
}
.gallery-size-thumbnail .gallery-item > div > a {
display: inline-block;
}
.wp-block-group.has-background {
padding: 1.25em 2.375em;
}
.has-avatars
.wp-block-latest-comments__comment
.wp-block-latest-comments__comment-excerpt,
.has-avatars
.wp-block-latest-comments__comment
.wp-block-latest-comments__comment-meta {
margin-top: 20px;
margin-bottom: 20px;
}
.wp-block-code { color: #1e1e1e;
padding: 0.8em 1em;
border: 1px solid #ddd;
}
.single-post code {
overflow: auto;
max-width: 100%;
padding: 0 1em;
border: 1px solid #ddd;
background-color: #f9f9f9;
display: inline-block;
vertical-align: middle;
word-wrap: break-word;
font-size: 87.5%;
color: #0063d1;
word-break: break-word;
}
.post-content table td,
.post-content table th {
text-align: center;
}
.wp-caption.aligncenter {
margin: 0 auto;
}
.gallery-size-thumbnail .gallery-caption {
display: inline-block;
max-width: 150px;
text-align: left;
padding: 0.5rem 0;
}
.post-single .entry-content p {
margin-top: 30px;
}
table,
iframe {
width: 100%;
}
.entry-content blockquote a {
color: inherit;
}
cite {
text-align: inherit;
}
.post-single .post-author a {
text-transform: capitalize;
}
.single-post .marketo-main-content ul li {
list-style-position: outside;
}
.single-post ol.wp-block-latest-comments {
padding-left: revert;
}
.wp-block-code code {
display: block;
color: #0063d1;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
font-size: 1.2em;
}
.product_meta > span {
display: block;
}
.xs-section-padding {
padding: 40px 0;
}
.related.products .xs-content-title {
font-size: 26px;
}
.page code {
overflow: auto;
max-width: 100%;
padding: 0 1em;
border: 1px solid #ddd;
background-color: #f9f9f9;
display: inline-block;
vertical-align: middle;
word-wrap: break-word;
}
.table > thead > tr > th:first-child,
.table > tbody > tr > th:first-child,
.table > tfoot > tr > th:first-child,
.table > thead > tr > td:first-child,
.table > tbody > tr > td:first-child,
.table > tfoot > tr > td:first-child,
table > thead > tr > th:first-child,
table > tbody > tr > th:first-child,
table > tfoot > tr > th:first-child,
table > thead > tr > td:first-child,
table > tbody > tr > td:first-child,
table > tfoot > tr > td:first-child {
border-left: none;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
text-align: center;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td,
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
border-top: 1px solid #e7e7e7;
border-left: 1px solid #e7e7e7;
}
table,
iframe {
border: 1px solid #e7e7e7;
border-collapse: separate;
border-spacing: 0;
border-top: 0;
}
.entry-content table {
border-top: none;
}
.comments-list .children .avatar {
width: 50px;
height: 50px;
}
.comments-list img.comment-avatar {
width: 65px;
height: 65px;
}
.single-post .post-meta span.meta-featured-post {
display: none;
} .product-block-category .xs-product-category img {
margin-top: 10px;
} .single-post .wp-block-button .wp-block-button__link:hover {
color: #fff;
}
.aligncenter {
text-align: center;
}
.single-post .wp-block-button:not(.is-style-squared) .wp-block-button__link {
transition: background 150ms ease-in-out;
border: none;
font-size: 0.88889em;
line-height: 1.2;
box-sizing: border-box;
font-weight: 700;
text-decoration: none;
padding: 16px 35px;
text-align: center;
text-decoration: none;
height: inherit;
text-transform: inherit;
margin-bottom: 10px;
}
.wp-block-button__link > br {
display: none;
}
.single-post .entry-content .wp-block-button {
margin-bottom: 1.5rem;
}
.alignright.size-thumbnail.wp-image-827 {
margin-bottom: 40px;
}
.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
.wp-block-button.is-style-outline
.wp-block-button__link:focus:not(.has-text-color),
.wp-block-button.is-style-outline
.wp-block-button__link:active:not(.has-text-color) {
border: 1px solid;
}
.single-post .wp-block-button .wp-block-button__link {
text-decoration: none;
font-size: 14px;
}
.single-post
.marketo-main-content
.wp-block-button.is-style-squared
.wp-block-button__link {
text-decoration: none;
font-size: 0.88889em;
text-transform: capitalize;
margin-bottom: 12px;
}
blockquote[class*="wp-block"],
div[class*="wp-block"],
figure[class*="wp-block"] {
margin-top: 32px;
margin-bottom: 32px;
overflow: inherit;
}
.post-single .gallery-item {
text-align: left;
}
.post-single .wp-block-cover-image .wp-block-cover-image-text,
.post-single .wp-block-cover-image .wp-block-cover-text,
.post-single .wp-block-cover-image h2,
.post-single .wp-block-cover .wp-block-cover-image-text,
.post-single .wp-block-cover p.wp-block-cover-text,
.post-single .wp-block-cover h2 {
max-width: 100%;
}
figure.wp-block-pullquote.has-cyan-bluish-gray-background-color.is-style-solid-color {
padding-top: 30px;
padding-bottom: 30px;
}
.single-post .entry-content blockquote.wp-block-quote,
.single-post .entry-content .wp-block-pullquote {
padding: 30px;
padding-left: 40px;
margin-top: 30px;
margin-bottom: 30px;
background: #f9f9f9;
}
.single-post .wp-block-search .wp-block-search__button {
background: #0063d1;
color: #fff;
padding: 0.125rem 0.875rem;
}
.single-post .entry-content select,
.wp-block-archives.wp-block-archives-dropdown select,
.wp-block-categories-dropdown select,
.sidebar .widget select {
background-color: #fff;
border: 1px solid #ced4da;
border-radius: 0.25rem;
padding: 0.375rem 1.75rem 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
vertical-align: middle;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
background-repeat: no-repeat;
background-position: center right 7px;
width: inherit;
display: inline-block;
}
.single-post pre {
display: block;
font-size: 14px;
color: #212529;
overflow: auto;
}
.post-meta a,
.post-meta-left a {
line-height: 18px;
}
.post-author:after {
left: 25%;
}
.post-single .post-footer {
padding-top: 30px;
margin-top: 60px;
}
.footer-widget {
margin-top: 30px;
}
.post-author:after {
left: 37%;
}
.xs-deal-img{
display: flex;
align-items: center;
justify-content: center;
}
.ajax-loading{
text-align: center;
}
.elementskit-submenu-indicator {
transform: rotate(-90deg);
}
body .elementskit-navbar-nav-default.elementskit_none .elementskit-submenu-indicator::before {
content: "\e905" !important;
font-family: 'marketo-icons';
transform: rotate(45deg);
} html:not(.is-active-page) section .elementor-section:not(:nth-child(-n+2)),
html:not(.is-active-page) section .elementor-section:not(:nth-child(-n+2)) .elementor-background-overlay,
html:not(.is-active-page) .elementor-cta__bg,
html:not(.is-active-page) .e-gallery-image,
html:not(.is-active-page) .elementor-location-footer .elementor-section,
html:not(.is-active-page) .elementor-column-wrap,
html:not(.is-active-page) .xs-banner-item,
html:not(.is-active-page) .small-offer-banner
{background-image: none!important;}
.elementor-widget-xs-woo-tab{
overflow: hidden;
padding-top: 5px;
}
.elementor-widget-xs-woo-carousel, .elementor-widget-xs-sliders, .elementor-widget-xs-woo-slider{
overflow: hidden;
}