.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0; }
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0); }
.ui-front {
z-index: 100;
} .ui-state-disabled {
cursor: default !important;
}  .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}  .ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
min-height: 0; font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-button {
display: inline-block;
position: relative;
padding: 0;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
overflow: visible; }
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
} .ui-button-icon-only {
width: 2.2em;
} button.ui-button-icon-only {
width: 2.4em;
}
.ui-button-icons-only {
width: 3.4em;
}
button.ui-button-icons-only {
width: 3.7em;
} .ui-button .ui-button-text {
display: block;
line-height: normal;
}
.ui-button-text-only .ui-button-text {
padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
padding: .4em;
text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em;
} input.ui-button {
padding: .4em 1em;
} .ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: .5em;
} .ui-buttonset {
margin-right: 7px;
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -.3em;
}  input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
z-index: 100000 !important;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
} .ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
} .ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-dialog {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 12px;
height: 12px;
right: -5px;
bottom: -5px;
background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-draggable-handle {
touch-action: none;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: none;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
position: relative;
margin: 0;
padding: 3px 1em 3px .4em;
cursor: pointer;
min-height: 0;  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
} .ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item {
padding-left: 2em;
} .ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
} .ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
height: 100%;
filter: alpha(opacity=25); opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-selectable {
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto; overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-button {
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
right: 0.5em;
left: auto;
margin-top: -8px;
position: absolute;
top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
text-align: left;
padding: 0.4em 2.1em 0.4em 1em;
display: block;
line-height: 1.4;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
} .ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-sortable-handle {
touch-action: none;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 22px;
}
.ui-spinner-button {
width: 16px;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
} .ui-spinner a.ui-spinner-button {
border-top: none;
border-bottom: none;
border-right: none;
} .ui-spinner .ui-icon {
position: absolute;
margin-top: -8px;
top: 50%;
left: 0;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
} .ui-spinner .ui-icon-triangle-1-s { background-position: -65px -16px;
}
.ui-tabs {
position: relative; padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
border-width: 2px;
} .ui-widget {
font-family: Verdana, Arial, sans-serif;
font-size: 1.1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Verdana, Arial, sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #aaaaaa;
background: #ffffff url(//www.moksi.co.za/wp-content/plugins/woocommerce-bookings/dist/images/ui-bg_flat_75_ffffff_40x100.3a5cbb7c.png) 50% 50% repeat-x;
color: #222222;
}
.ui-widget-content a {
color: #222222;
}
.ui-widget-header {
border: 1px solid #aaaaaa;
background: #cccccc url(//www.moksi.co.za/wp-content/plugins/woocommerce-bookings/dist/images/ui-bg_highlight-soft_75_cccccc_1x100.3171b800.png) 50% 50% repeat-x;
color: #222222;
font-weight: bold;
}
.ui-widget-header a {
color: #222222;
} .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #d3d3d3;
background: #e6e6e6 url(//www.moksi.co.za/wp-content/plugins/woocommerce-bookings/dist/images/ui-bg_glass_75_e6e6e6_1x400.daa2f876.png) 50% 50% repeat-x;
font-weight: normal;
color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #555555;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #999999;
background: #dadada url(//www.moksi.co.za/wp-content/plugins/woocommerce-bookings/dist/images/ui-bg_glass_75_dadada_1x400.3921655e.png) 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
color: #212121;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #aaaaaa;
background: #ffffff url(//www.moksi.co.za/wp-content/plugins/woocommerce-bookings/dist/images/ui-bg_glass_65_ffffff_1x400.4ea71ef8.png) 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #212121;
text-decoration: none;
} .ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fcefa1;
background: #fbf9ee url(//www.moksi.co.za/wp-content/plugins/woocommerce-bookings/dist/images/ui-bg_glass_55_fbf9ee_1x400.53fb89c3.png) 50% 50% repeat-x;
color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a;
background: #fef1ec url(//www.moksi.co.za/wp-content/plugins/woocommerce-bookings/dist/images/ui-bg_glass_95_fef1ec_1x400.03ed20e6.png) 50% 50% repeat-x;
color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70); font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35); background-image: none;
}
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35); }  .ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url(//www.moksi.co.za/wp-content/plugins/woocommerce-bookings/dist/images/ui-icons_222222_256x240.9a6712b3.png);
}
.ui-widget-header .ui-icon {
background-image: url(//www.moksi.co.za/wp-content/plugins/woocommerce-bookings/dist/images/ui-icons_222222_256x240.9a6712b3.png);
}
.ui-state-default .ui-icon {
background-image: url(//www.moksi.co.za/wp-content/plugins/woocommerce-bookings/dist/images/ui-icons_888888_256x240.2b8daebc.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url(//www.moksi.co.za/wp-content/plugins/woocommerce-bookings/dist/images/ui-icons_454545_256x240.1720f60c.png);
}
.ui-state-active .ui-icon {
background-image: url(//www.moksi.co.za/wp-content/plugins/woocommerce-bookings/dist/images/ui-icons_454545_256x240.1720f60c.png);
}
.ui-state-highlight .ui-icon {
background-image: url(//www.moksi.co.za/wp-content/plugins/woocommerce-bookings/dist/images/ui-icons_2e83ff_256x240.d29bce7d.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(//www.moksi.co.za/wp-content/plugins/woocommerce-bookings/dist/images/ui-icons_cd0a0a_256x240.b3839970.png);
} .ui-icon-blank {
background-position: 16px 16px;
}
.ui-icon-carat-1-n {
background-position: 0 0;
}
.ui-icon-carat-1-ne {
background-position: -16px 0;
}
.ui-icon-carat-1-e {
background-position: -32px 0;
}
.ui-icon-carat-1-se {
background-position: -48px 0;
}
.ui-icon-carat-1-s {
background-position: -64px 0;
}
.ui-icon-carat-1-sw {
background-position: -80px 0;
}
.ui-icon-carat-1-w {
background-position: -96px 0;
}
.ui-icon-carat-1-nw {
background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
background-position: -144px 0;
}
.ui-icon-triangle-1-n {
background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}
.ui-icon-arrow-4 {
background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px;
}
.ui-icon-extlink {
background-position: -32px -80px;
}
.ui-icon-newwin {
background-position: -48px -80px;
}
.ui-icon-refresh {
background-position: -64px -80px;
}
.ui-icon-shuffle {
background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
background-position: 0 -96px;
}
.ui-icon-folder-open {
background-position: -16px -96px;
}
.ui-icon-document {
background-position: -32px -96px;
}
.ui-icon-document-b {
background-position: -48px -96px;
}
.ui-icon-note {
background-position: -64px -96px;
}
.ui-icon-mail-closed {
background-position: -80px -96px;
}
.ui-icon-mail-open {
background-position: -96px -96px;
}
.ui-icon-suitcase {
background-position: -112px -96px;
}
.ui-icon-comment {
background-position: -128px -96px;
}
.ui-icon-person {
background-position: -144px -96px;
}
.ui-icon-print {
background-position: -160px -96px;
}
.ui-icon-trash {
background-position: -176px -96px;
}
.ui-icon-locked {
background-position: -192px -96px;
}
.ui-icon-unlocked {
background-position: -208px -96px;
}
.ui-icon-bookmark {
background-position: -224px -96px;
}
.ui-icon-tag {
background-position: -240px -96px;
}
.ui-icon-home {
background-position: 0 -112px;
}
.ui-icon-flag {
background-position: -16px -112px;
}
.ui-icon-calendar {
background-position: -32px -112px;
}
.ui-icon-cart {
background-position: -48px -112px;
}
.ui-icon-pencil {
background-position: -64px -112px;
}
.ui-icon-clock {
background-position: -80px -112px;
}
.ui-icon-disk {
background-position: -96px -112px;
}
.ui-icon-calculator {
background-position: -112px -112px;
}
.ui-icon-zoomin {
background-position: -128px -112px;
}
.ui-icon-zoomout {
background-position: -144px -112px;
}
.ui-icon-search {
background-position: -160px -112px;
}
.ui-icon-wrench {
background-position: -176px -112px;
}
.ui-icon-gear {
background-position: -192px -112px;
}
.ui-icon-heart {
background-position: -208px -112px;
}
.ui-icon-star {
background-position: -224px -112px;
}
.ui-icon-link {
background-position: -240px -112px;
}
.ui-icon-cancel {
background-position: 0 -128px;
}
.ui-icon-plus {
background-position: -16px -128px;
}
.ui-icon-plusthick {
background-position: -32px -128px;
}
.ui-icon-minus {
background-position: -48px -128px;
}
.ui-icon-minusthick {
background-position: -64px -128px;
}
.ui-icon-close {
background-position: -80px -128px;
}
.ui-icon-closethick {
background-position: -96px -128px;
}
.ui-icon-key {
background-position: -112px -128px;
}
.ui-icon-lightbulb {
background-position: -128px -128px;
}
.ui-icon-scissors {
background-position: -144px -128px;
}
.ui-icon-clipboard {
background-position: -160px -128px;
}
.ui-icon-copy {
background-position: -176px -128px;
}
.ui-icon-contact {
background-position: -192px -128px;
}
.ui-icon-image {
background-position: -208px -128px;
}
.ui-icon-video {
background-position: -224px -128px;
}
.ui-icon-script {
background-position: -240px -128px;
}
.ui-icon-alert {
background-position: 0 -144px;
}
.ui-icon-info {
background-position: -16px -144px;
}
.ui-icon-notice {
background-position: -32px -144px;
}
.ui-icon-help {
background-position: -48px -144px;
}
.ui-icon-check {
background-position: -64px -144px;
}
.ui-icon-bullet {
background-position: -80px -144px;
}
.ui-icon-radio-on {
background-position: -96px -144px;
}
.ui-icon-radio-off {
background-position: -112px -144px;
}
.ui-icon-pin-w {
background-position: -128px -144px;
}
.ui-icon-pin-s {
background-position: -144px -144px;
}
.ui-icon-play {
background-position: 0 -160px;
}
.ui-icon-pause {
background-position: -16px -160px;
}
.ui-icon-seek-next {
background-position: -32px -160px;
}
.ui-icon-seek-prev {
background-position: -48px -160px;
}
.ui-icon-seek-end {
background-position: -64px -160px;
}
.ui-icon-seek-start {
background-position: -80px -160px;
} .ui-icon-seek-first {
background-position: -80px -160px;
}
.ui-icon-stop {
background-position: -96px -160px;
}
.ui-icon-eject {
background-position: -112px -160px;
}
.ui-icon-volume-off {
background-position: -128px -160px;
}
.ui-icon-volume-on {
background-position: -144px -160px;
}
.ui-icon-power {
background-position: 0 -176px;
}
.ui-icon-signal-diag {
background-position: -16px -176px;
}
.ui-icon-signal {
background-position: -32px -176px;
}
.ui-icon-battery-0 {
background-position: -48px -176px;
}
.ui-icon-battery-1 {
background-position: -64px -176px;
}
.ui-icon-battery-2 {
background-position: -80px -176px;
}
.ui-icon-battery-3 {
background-position: -96px -176px;
}
.ui-icon-circle-plus {
background-position: 0 -192px;
}
.ui-icon-circle-minus {
background-position: -16px -192px;
}
.ui-icon-circle-close {
background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
background-position: -192px -192px;
}
.ui-icon-circle-check {
background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px;
}  .ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 4px;
} .ui-widget-overlay {
background: #aaaaaa url(//www.moksi.co.za/wp-content/plugins/woocommerce-bookings/dist/images/ui-bg_flat_0_aaaaaa_40x100.0dbff28d.png) 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30); }
.ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaaaaa url(//www.moksi.co.za/wp-content/plugins/woocommerce-bookings/dist/images/ui-bg_flat_0_aaaaaa_40x100.0dbff28d.png) 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30); border-radius: 8px;
}.clear{clear:both}.nobr{white-space:nowrap}.clear{clear:both}.nobr{white-space:nowrap}.wp-block-woocommerce-add-to-cart-form form.cart>.wc-bookings-booking-form-button{grid-column:1/-1}.wc-bookings-booking-form{border:1px solid #ddd;padding:1em 1em 0;margin:0 0 1em}.wc-bookings-booking-form input{box-sizing:border-box}.wc-bookings-booking-form .form-field{margin:0 0 1em}.wc-bookings-booking-form .form-field input[type=number]{width:25%}.wc-bookings-booking-form label{display:block}.wc-bookings-booking-form select{width:100%}.wc-bookings-booking-form .wc-bookings-time-block-picker{display:flex;justify-content:space-between}.wc-bookings-booking-form .wc-bookings-time-block-picker div{width:100%}.wc-bookings-booking-form .block-picker.month-picker li a{background-color:#2ecc71 !important;border-color:rgba(0,0,0,.1);color:#fff !important;text-shadow:0 1px 0 rgba(0,0,0,.1);margin:1px;outline:0}.wc-bookings-booking-form .block-picker.month-picker li a:hover,.wc-bookings-booking-form .block-picker.month-picker li a.selected{background-color:#239e57 !important}.wc-bookings-booking-form .block-picker.month-picker li.unavailable a{background-color:#fff !important;color:#2b2b2b !important;pointer-events:none}.wc-bookings-booking-form .block-picker{list-style:none;margin:0;padding:0;overflow:hidden;zoom:1;min-height:30px}.wc-bookings-booking-form .block-picker li.block{white-space:nowrap;text-align:center}.wc-bookings-booking-form .block-picker li.fully_booked a,.wc-bookings-booking-form .block-picker li.fully_booked a.selected{background-color:#c0392b !important;background-image:none !important;border-color:rgba(0,0,0,.1) !important;color:#fff !important;text-shadow:0 1px 0 rgba(0,0,0,.1);text-decoration:line-through !important;cursor:not-allowed;opacity:.35;pointer-events:none}.wc-bookings-booking-form .block-picker li{float:left;margin:0;padding:0;min-width:33%}.wc-bookings-booking-form .block-picker li a{margin:0;border:0;padding:.5em;vertical-align:middle;text-align:center;display:block;text-decoration:none;box-shadow:none}.wc-bookings-booking-form .block-picker li a .booking-spaces-left{display:block}.wc-bookings-booking-form .block-picker li a.selected{background:#239e57 !important;color:#fff !important}.wc-bookings-booking-form .block-picker li:nth-child(odd) a{background:#fff}.wc-bookings-booking-form .block-picker li:nth-child(odd) a:hover,.wc-bookings-booking-form .block-picker li:nth-child(odd) a:focus{background:#239e57;color:#fff}.wc-bookings-booking-form .block-picker li:nth-child(even) a{background:#f5f5f5}.wc-bookings-booking-form .block-picker li:nth-child(even) a:hover,.wc-bookings-booking-form .block-picker li:nth-child(even) a:focus{background:#239e57;color:#fff}.wc-bookings-booking-form fieldset{margin:0 0 1em;line-height:2.25em}.wc-bookings-booking-form fieldset .picker.hasDatepicker{line-height:1em;margin-bottom:1em}.wc-bookings-booking-form fieldset input{width:100%}.wc-bookings-booking-form fieldset input.error{border-color:red}.wc-bookings-booking-form fieldset legend small{text-decoration:underline;padding-left:1em;color:#999;cursor:pointer;display:none}.wc-bookings-booking-form fieldset label{display:inline-block;vertical-align:top;line-height:1.5em;width:25%}.wc-bookings-booking-form fieldset label span{display:block;font-size:.75em;color:#999;padding:0 2px}.wc-bookings-booking-form .wc-bookings-booking-cost{background:#eee;border-top:1px solid #ddd;position:relative;margin:0 -1em;padding:1em}.theme-storefront .wc-bookings-booking-form .block-picker.month-picker li a{background-color:#754aa9 !important}.theme-storefront .wc-bookings-booking-form .block-picker.month-picker li a:hover,.theme-storefront .wc-bookings-booking-form .block-picker.month-picker li a.selected{background-color:#4d2281 !important}.theme-storefront .wc-bookings-booking-form .block-picker.month-picker li.unavailable a{background-color:#fff !important}.wc-bookings-date-picker{padding:1.03552em;padding-top:.61em}.wc-bookings-date-picker .ui-datepicker{padding:0;width:auto}.wc-bookings-date-picker .ui-widget-content{border:none;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.19)}.wc-bookings-date-picker .ui-datepicker-header{padding:0;border-bottom:none;overflow:hidden;text-transform:uppercase;border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;background-color:#999;background-image:none;background-image:linear-gradient(to top, #999999 0%, #aaaaaa 100%);border:0;border-top:1px solid #999;color:#fff}.wc-bookings-date-picker .ui-datepicker-today a.ui-state-highlight{box-shadow:none !important}.wc-bookings-date-picker .ui-datepicker-today.ui-datepicker-current-day a.ui-state-highlight{box-shadow:none !important}.wc-bookings-date-picker .ui-datepicker-header .ui-state-hover{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);cursor:pointer}.wc-bookings-date-picker .ui-datepicker .ui-datepicker-title{line-height:1em;font-weight:normal;padding:.75em 0}.wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev,.wc-bookings-date-picker .ui-datepicker .ui-datepicker-next{top:-1px;background:#999;border-radius:0;font-weight:normal;border:none;height:2.5em;width:2em}.wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev.ui-state-hover,.wc-bookings-date-picker .ui-datepicker .ui-datepicker-next.ui-state-hover{background:#aaa}.wc-bookings-date-picker .ui-datepicker .ui-datepicker-prev span,.wc-bookings-date-picker .ui-datepicker .ui-datepicker-next span{margin-top:-4px;top:40%}.wc-bookings-date-picker .ui-icon-circle-triangle-e{background-image:url(//www.moksi.co.za/wp-content/plugins/woocommerce-bookings/dist/images/ui-icons_ffffff_256x240.f343f4f9.png);background-position:-32px 0}.wc-bookings-date-picker .ui-icon-circle-triangle-w{background-image:url(//www.moksi.co.za/wp-content/plugins/woocommerce-bookings/dist/images/ui-icons_ffffff_256x240.f343f4f9.png);background-position:-96px 0}.wc-bookings-date-picker .ui-datepicker table{margin:0}.wc-bookings-date-picker .ui-datepicker th{padding:.75em 0;text-transform:uppercase;color:#bbb;font-weight:normal;border-top:1px solid #e6e6e6;background:#fefefe;display:table-cell}.wc-bookings-date-picker .ui-datepicker td{border:none;border-top:1px solid #e6e6e6;border-right:1px solid #e6e6e6;background:#fefefe;padding:0 !important;display:table-cell}.wc-bookings-date-picker .ui-datepicker td span,.wc-bookings-date-picker .ui-datepicker td a{text-decoration:none !important}.wc-bookings-date-picker .ui-datepicker td:last-child{border-right:0}.wc-bookings-date-picker .ui-datepicker td .ui-state-default{background:rgba(0,0,0,0);background-image:none !important;border:none;color:#2b2b2b;margin:0;font-weight:normal;text-align:center;padding:.75em 0}.wc-bookings-date-picker .ui-datepicker td a.ui-state-active,.wc-bookings-date-picker .ui-datepicker td a.ui-state-active.ui-state-hover{background:#fefefe;color:#b2b2b2;background-image:none !important}.wc-bookings-date-picker .ui-datepicker td.fully_booked:not(.not_bookable_by_rules) span,.wc-bookings-date-picker .ui-datepicker td.fully_booked:not(.not_bookable_by_rules) a{background-color:#c0392b !important;background-image:none !important;border-color:rgba(0,0,0,.1) !important;color:#fff !important;text-shadow:0 1px 0 rgba(0,0,0,.1)}.wc-bookings-date-picker .ui-datepicker td.bookable a{background-color:#2ecc71 !important;background-image:none !important;border-color:rgba(0,0,0,.1) !important;color:#fff !important;text-shadow:0 1px 0 rgba(0,0,0,.1)}.wc-bookings-date-picker .ui-datepicker td.partial_booked a{background-color:#2ecc71 !important;background-image:none !important;border-color:rgba(0,0,0,.1) !important;color:#fff !important;text-shadow:0 1px 0 rgba(0,0,0,.1);position:relative;z-index:1}.wc-bookings-date-picker .ui-datepicker td.ui-datepicker-current-day a{background:#239e57 !important;opacity:1 !important}.wc-bookings-date-picker .ui-datepicker td.ui-datepicker-other-month{background:#eee}.wc-bookings-date-picker .ui-datepicker td.bookable-range .ui-state-default{background:#239e57 !important;color:#fff}#wc-bookings-booking-form .wc-bookings-date-picker .ui-datepicker td.fully_booked.not_bookable_by_rules .ui-state-default{cursor:default;text-decoration:none}.wc-booking-summary{margin:1em 1em 1em 0;border:2px solid #ddd;padding:1em;color:#888;border-radius:4px}.wc-booking-summary .wc-booking-summary-actions{margin:1em 0 0 0}.wc-booking-summary .wc-booking-summary-actions a{border-right:1px solid #ddd;margin:0 3px 0 0;padding:0 4px 0 0}.wc-booking-summary .wc-booking-summary-actions a:last-child{border-right:0;margin:0;padding:0}.wc-booking-summary .wc-booking-summary-number{line-height:1em}.wc-booking-summary .wc-booking-summary-number span{color:#fff;font-size:.8em;background-color:#ccc;padding:.4em .8em;border-radius:4px;margin-left:1em;margin-top:-0.2em;float:right}.wc-booking-summary .wc-booking-summary-number .status-unpaid,.wc-booking-summary .wc-booking-summary-number .status-incart{background-color:#ccc}.wc-booking-summary .wc-booking-summary-number .status-pending,.wc-booking-summary .wc-booking-summary-number .status-pending-confirmation{background-color:#ffba00}.wc-booking-summary .wc-booking-summary-number .status-confirmed{background-color:#7ad03a}.wc-booking-summary .wc-booking-summary-number .status-paid{background-color:#2ea2cc}.wc-booking-summary .wc-booking-summary-number .status-cancelled{background-color:#a00}.wc-booking-summary .wc-booking-summary-number .status-complete{background-color:#995}.wc-booking-summary .wc-booking-summary-list{margin:1em 0 0 0;list-style:none outside}.wc-booking-summary .wc-booking-summary-list li{margin:0 0 .5em}.wc-bookings-date-picker-timezone-block{margin-bottom:5px}.bookings-my-account-notice{margin-bottom:20px;display:none}.woocommerce-error{padding:10px 20px}.my_account_bookings.shop_table_responsive{margin:20px 0}@media only screen and (max-width: 768px){.my_account_bookings .booking-cancel a{padding:0}.my_account_bookings .booking-cancel.not-cancellable{display:none}}@media only screen and (max-width: 400px){.my_account_bookings{table-layout:fixed;font-size:.8em}}body {        }
body .has-error {
background: #FFE4E4;
padding: 10px;
}
body .wpufTable {
display: table;
width: 100%;
}
body .wpufTableRow {
display: table-row;
}
body .wpufTableRow:nth-child(even) {
background-color: #f5f5f5;
}
body .wpufTableHeading {
background-color: #eee;
display: table-header-group;
font-weight: bold;
}
body .wpufTableCell,
body .wpufTableHead {
border: none;
display: table-cell;
padding: 3px 10px;
}
body .wpufTableFoot {
background-color: #eee;
display: table-footer-group;
font-weight: bold;
}
body .wpufTableBody {
display: table-row-group;
}
body .wpuf-menu-item.active a {
color: #5C5CFB !important;
}
body .wpuf-loading {
width: 16px;
height: 16px;
background: url(//www.moksi.co.za/wp-content/plugins/wp-user-frontend/assets/images/wpspin_light.gif) no-repeat;
display: inline-block;
}
body .wpuf-loading.hide {
display: none;
}
body .wpuf-button {
color: #555;
border-color: #cccccc;
background: #f7f7f7;
-webkit-box-shadow: 0 1px 0 #cccccc;
box-shadow: 0 1px 0 #cccccc;
vertical-align: top;
}
body .wpuf-button:hover,
body .wpuf-button:focus {
background: #fafafa;
border-color: #999;
color: #23282d;
}
body .wpuf-success {
background-color: #dff0d8;
border: 1px solid #d6e9c6;
color: #3c763d;
padding: 10px;
margin: 10px 0 20px 0;
}
body .wpuf-error {
background-color: #f2dede;
color: #a94442;
border: 1px solid #ebccd1;
margin: 10px 0 20px 0;
padding: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 13px;
}
body .wpuf-message {
background: #fcf8e3;
border: 1px solid #faebcc;
color: #8a6d3b;
margin: 10px 0 20px 0;
padding: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 13px;
}
body #wpuf-private-message .chat-box {
margin-bottom: 30px;
}
body #wpuf-private-message .write-area {
width: 100%;
border-radius: 4px;
margin-bottom: 10px;
}
body .wpuf-info {
background-color: #fef5be;
border: 2px solid #fdd425;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 5px 10px;
margin: 0 0 10px 0;
font-size: 13px;
}
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=text],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=text],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=password],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=password],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=email],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=email],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=url],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=url],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=number],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=number],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=tel],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=tel],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields textarea,
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields textarea {
background: #fafafa;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
border: 1px solid #ddd;
color: #888;
width: 95%;
}
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=text]:focus,
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=text]:focus,
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=password]:focus,
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=password]:focus,
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=email]:focus,
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=email]:focus,
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=url]:focus,
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=url]:focus,
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=number]:focus,
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=number]:focus,
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields textarea:focus,
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields textarea:focus {
color: #373737;
}
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields textarea,
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields textarea {
padding-left: 3px;
width: 95%;
}
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=text],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=text],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=password],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=password],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=email],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=email],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=url],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=url],
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields input[type=number],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields input[type=number] {
padding: 5px;
}
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields select,
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields select {
border: 1px solid #eee;
padding: 2px;
height: 2em;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
min-width: 150px;
max-width: 100%;
}
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields select[multiple],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields select[multiple] {
height: auto;
}
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-fields-inline,
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-fields-inline {
display: flex;
justify-content: space-between;
}
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit],
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit] {
font-size: 16px;
padding: 5px 15px;
line-height: inherit;
height: inherit;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #0085ba;
border-color: #0073aa #006799 #006799;
-webkit-box-shadow: 0 1px 0 #006799;
box-shadow: 0 1px 0 #006799;
color: #fff;
text-decoration: none;
text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799;
}
body #form-preview-stage.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit]:disabled,
body .wpuf-form-add.wpuf-style ul.wpuf-form .wpuf-submit input[type=submit]:disabled {
background: #dddddd;
border-color: #dddddd;
-webkit-box-shadow: 0 1px 0 #dddddd;
box-shadow: 0 1px 0 #dddddd;
color: #000;
text-shadow: 0 -1px 1px #dddddd, 1px 0 1px #dddddd, 0 1px 1px #dddddd, -1px 0 1px #dddddd;
}
body ul.wpuf-form {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
width: 100%;
}
body ul.wpuf-form li {
margin-left: 0;
margin-bottom: 10px;
padding: 10px;
}
body ul.wpuf-form li:after {
clear: both;
content: "";
display: table;
}
body ul.wpuf-form li.has-error {
background: #FFE4E4;
}
body ul.wpuf-form li .wp-editor-wrap {
border: none;
}
body ul.wpuf-form liwpuf-el {
position: relative;
display: flex;
}
body ul.wpuf-form li.wpuf_hidden_field.wpuf-el {
display: none;
}
body ul.wpuf-form li .wpuf-label {
float: left;
width: 30%;
min-height: 1px;
font-weight: bold;
}
body ul.wpuf-form li .wpuf-label .required {
color: red;
}
body ul.wpuf-form li .wpuf-fields {
float: left;
width: 70%;
}
body ul.wpuf-form li .wpuf-fields .wpuf-radio-inline,
body ul.wpuf-form li .wpuf-fields .wpuf-checkbox-inline {
display: inline-block;
margin-right: 10px;
}
body ul.wpuf-form li .wpuf-fields .wpuf-radio-block,
body ul.wpuf-form li .wpuf-fields .wpuf-checkbox-block {
display: block;
margin-bottom: 6px;
}
body ul.wpuf-form li .wpuf-fields .google-map img {
max-width: none !important;
}
body ul.wpuf-form li .wpuf-fields .wpuf-product-qty {
float: left;
width: 10%;
}
body ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap {
margin-bottom: 8px;
}
body ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap:after {
clear: both;
content: "";
display: table;
}
body ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-last .wpuf-name-field-first-name {
float: left;
width: 48%;
}
body ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-last .wpuf-name-field-middle-name {
display: none;
}
body ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-last .wpuf-name-field-last-name {
float: right;
width: 48%;
}
@media (max-width: 767px) {
body ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-last .wpuf-name-field-last-name,
body ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-last .wpuf-name-field-first-name {
width: 100%;
}
}
body ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-middle-last .wpuf-name-field-first-name {
float: left;
width: 37%;
margin-right: 3%;
}
body ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-middle-last .wpuf-name-field-middle-name {
float: left;
width: 20%;
}
body ul.wpuf-form li .wpuf-fields .wpuf-name-field-wrap.format-first-middle-last .wpuf-name-field-last-name {
float: right;
width: 37%;
}
body ul.wpuf-form li .wpuf-fields .wpuf-help,
body ul.wpuf-form li .wpuf-fields .wpuf-wordlimit-message {
color: #666;
margin: 2px 0 5px 0;
font-size: 12px;
font-style: italic;
font-family: sans-serif;
display: block;
}
body ul.wpuf-form li .wpuf-fields .wpuf-help .text-danger,
body ul.wpuf-form li .wpuf-fields .wpuf-wordlimit-message .text-danger {
color: red;
}
body ul.wpuf-form li .wpuf-fields .wpuf-help .text-success,
body ul.wpuf-form li .wpuf-fields .wpuf-wordlimit-message .text-success {
color: green;
}
body ul.wpuf-form li .wpuf-fields .wpuf-help #url-alart,
body ul.wpuf-form li .wpuf-fields .wpuf-wordlimit-message #url-alart,
body ul.wpuf-form li .wpuf-fields .wpuf-help #url-alart-mgs,
body ul.wpuf-form li .wpuf-fields .wpuf-wordlimit-message #url-alart-mgs {
font-style: normal;
font-size: 16px;
}
body ul.wpuf-form li .wpuf-fields table,
body ul.wpuf-form li .wpuf-fields td {
border: none;
margin: 0;
}
body ul.wpuf-form li .wpuf-fields table {
width: 100%;
}
body ul.wpuf-form li .wpuf-fields img.wpuf-clone-field,
body ul.wpuf-form li .wpuf-fields img.wpuf-remove-field {
cursor: pointer;
margin: 0 3px;
box-shadow: none;
border: none;
}
body ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list {
list-style: none;
margin: 5px 0 0 0;
padding: 0;
}
body ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li {
display: inline-block;
border: 1px solid #eee;
padding: 5px;
width: 150px;
height: 150px;
margin-right: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
body ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li .wpuf-file-input-wrap {
margin: 10px 0;
}
body ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li .wpuf-file-input-wrap input,
body ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li .wpuf-file-input-wrap textarea {
border: 1px solid #eee;
width: 93%;
}
body ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li .attachment-name {
text-align: center;
line-height: 0;
}
body ul.wpuf-form li .wpuf-fields .progress {
background: -moz-linear-gradient(center bottom, #FFFFFF 0%, #F7F7F7 100%) repeat scroll 0 0 #FFFFFF;
border: 1px solid #D1D1D1;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset;
float: right;
height: 22px;
line-height: 2em;
margin: 0;
overflow: hidden;
padding: 0;
width: 200px;
}
body ul.wpuf-form li .wpuf-fields .bar {
background-color: #83B4D8;
background-image: -moz-linear-gradient(center bottom, #72A7CF 0%, #90C5EE 100%);
border-radius: 3px 3px 3px 3px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
height: 100%;
width: 0;
z-index: 9;
}
body ul.wpuf-form li .wpuf-fields .progress .percent {
color: rgba(0, 0, 0, 0.6);
padding: 0 8px;
position: relative;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
width: 200px;
z-index: 10;
}
body ul.wpuf-form li .wpuf-fields ul.wpuf-category-checklist {
list-style: none;
margin: 0;
padding: 0;
}
body ul.wpuf-form li .wpuf-fields ul.wpuf-category-checklist li {
margin-bottom: 5px;
padding: 0;
}
body ul.wpuf-form li .wpuf-fields ul.wpuf-category-checklist ul.children {
list-style: none;
margin-left: 25px;
}
body ul.wpuf-form li .wpuf-fields #wpuf-insert-image-container {
margin-bottom: 3px;
}
body ul.wpuf-form li .wpuf-fields #wpuf-insert-image-container:after {
clear: both;
content: "";
display: table;
}
body ul.wpuf-form li .wpuf-fields #wpuf-insert-image-container a.wpuf-insert-image {
text-decoration: none;
border: 1px solid #DFDFDF;
font-size: 11px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 4px 6px;
margin-right: 10px;
}
body ul.wpuf-form li .wpuf-fields #wpuf-insert-image-container a.wpuf-insert-image .wpuf-media-icon {
height: 12px;
width: 12px;
}
body ul.wpuf-form li .wpuf-fields .wpuf-fields-list {
box-sizing: border-box;
margin: 0;
padding: 0;
list-style: none;
}
body ul.wpuf-form li .wpuf-fields .wpuf-fields-list li {
padding: 0;
margin: 0 0 6px;
}
body ul.wpuf-form li .wpuf-fields .wpuf-fields-list.wpuf-list-inline {
margin-left: -5px;
}
body ul.wpuf-form li .wpuf-fields .wpuf-fields-list.wpuf-list-inline li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
body ul.wpuf-form li .wpuf-fields table.wpuf-repeatable-field {
border-collapse: collapse;
}
body ul.wpuf-form li .wpuf-fields table.wpuf-repeatable-field * {
box-sizing: border-box;
}
body ul.wpuf-form li .wpuf-fields table.wpuf-repeatable-field input {
width: 100%;
}
body ul.wpuf-form li .wpuf-fields table.wpuf-repeatable-field .wpuf-repeater-buttons {
width: 75px;
padding-left: 12px;
}
body ul.wpuf-form li .wpuf-fields table.wpuf-repeatable-field .wpuf-repeater-buttons img {
width: 100%;
height: auto;
}
body ul.wpuf-form li .wpuf-fields table.wpuf-repeatable-field .wpuf-repeater-buttons i {
display: inline-block;
width: 15px;
height: 15px;
margin: 2px 4px 0 0;
}
body ul.wpuf-form li label.wpuf-form-sub-label {
font-size: 12px;
display: inline-block;
padding-top: 5px;
}
body ul.wpuf-form li .wpuf-address-field {
width: 100%;
margin-bottom: 10px;
}
body ul.wpuf-form li .wpuf-address-field:after {
clear: both;
content: "";
display: table;
}
body ul.wpuf-form li .wpuf-address-field.city_name,
body ul.wpuf-form li .wpuf-address-field.zip {
margin-right: 4%;
}
body ul.wpuf-form li .wpuf-address-field.zip {
clear: both;
}
body ul.wpuf-form li .wpuf-section-wrap {
border-bottom: 1px solid #ccc;
}
body ul.wpuf-form li .wpuf-section-wrap h2.wpuf-section-title {
margin: 0;
}
body ul.wpuf-form li .wpuf-section-wrap .wpuf-section-details {
padding: 4px 0 8px;
font-size: 12px;
}
body ul.wpuf-form.form-label-above li .wpuf-label,
body ul.wpuf-form.form-label-above li .wpuf-fields {
display: block;
float: none;
width: 100%;
}
body ul.wpuf-form.form-label-above li.field-size-large .wpuf-fields {
display: block;
float: none;
width: 100%;
}
body ul.wpuf-form.form-label-above li.field-size-medium .wpuf-fields {
display: block;
float: none;
width: 65%;
}
body ul.wpuf-form.form-label-above li.field-size-small .wpuf-fields {
display: block;
float: none;
width: 30%;
}
body ul.wpuf-form.form-label-above li .wpuf-label {
margin-bottom: 10px;
}
body ul.wpuf-form.form-label-right li .wpuf-label {
float: right;
}
body ul.wpuf-form.form-label-hidden li .wpuf-label {
display: none;
}
body ul.wpuf-form.form-label-hidden li.field-size-large .wpuf-fields {
display: block;
float: none;
width: 100%;
}
body ul.wpuf-form.form-label-hidden li.field-size-medium .wpuf-fields {
display: block;
float: none;
width: 65%;
}
body ul.wpuf-form.form-label-hidden li.field-size-small .wpuf-fields {
display: block;
float: none;
width: 30%;
}
body ul.wpuf-form.form-label-hidden li .wpuf-fields {
display: block;
float: none;
width: 100%;
}
body ul.wpuf-form .wpuf-submit .button-primary-disabled {
color: #94cde7 !important;
background: #298cba !important;
border-color: #1b607f !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
cursor: default;
}
body ul.wpuf-form .wpuf-submit .wpuf-errors {
background: #FFE4E4;
border: 1px solid #ffb1b1;
margin: 10px 0;
padding: 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 13px;
}
body ul.wpuf-form:not(.form-label-left) .wpuf-submit .wpuf-label {
display: none !important;
}
body #wpuf-login-form label {
display: block;
}
body #wpuf-login-form .forgetmenot label {
display: inline-block;
}
body .wpuf_sub_info {
padding: 0;
margin: 10px 5px;
border: 1px solid #eee;
border-radius: 3px;
}
body .wpuf_sub_info h3 {
background-color: #f1f1f1;
padding: 10px;
margin: 0 0 5px 0 !important;
font-weight: 300 !important;
}
body .wpuf_sub_info .wpuf-text {
padding: 5px 10px;
}
body .wpuf_sub_info .wpuf-expire {
border-top: 1px solid #eee;
padding-top: 5px;
margin-top: 5px;
}
body .wpuf-coupon-info-wrap {
border: 1px solid #eee;
padding: 15px;
margin-bottom: 20px;
}
body .wpuf-coupon-info-wrap .wpuf-coupon-field-spinner {
background: url(//www.moksi.co.za/wp-content/plugins/wp-user-frontend/assets/images/wpspin_light.gif) no-repeat right scroll rgba(0, 0, 0, 0);
}
body .wpuf-coupon-info-wrap .wpuf-copon-show {
background: #EEEEEE;
border-radius: 3px;
border-width: 1px;
box-shadow: 0 1px 0 rgba(217, 217, 217, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
color: #5C5A5A;
cursor: pointer;
display: inline-block;
font-size: 14px;
padding: 5px 12px;
text-decoration: none;
width: 175px;
margin-bottom: 8px;
}
body .wpuf-coupon-info-wrap .wpuf-copon-wrap {
margin: 15px 0;
}
body .wpuf-coupon-info-wrap .wpuf-pack-info {
margin-bottom: 20px;
}
body .wpuf-coupon-info-wrap .wpuf-pack-info h3 {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px solid #eee;
}
body .wpuf-coupon-info-wrap .wpuf-pack-info h3 a {
text-decoration: none;
background: #64C3DE;
color: #fff;
padding: 3px 8px;
font-size: 14px;
}
body .wpuf-coupon-info-wrap .wpuf-pack-info wpuf-subscription-error {
color: #D8000C;
}
body .wpuf-coupon-info-wrap .wpuf-copon-show:hover {
background: none repeat scroll 0 0 #1E8CBE;
border-color: #0074A2;
box-shadow: 0 1px 0 rgba(120, 200, 230, 0.6) inset;
color: #FFFFFF;
}
body .wpuf-coupon-info-wrap a.wpuf-apply-coupon {
text-decoration: none;
font-size: 11px;
margin-top: 10px;
margin-right: 10px;
background: #21759b;
color: #fff;
padding: 5px 10px;
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
body .wpuf-coupon-info-wrap .wpuf-copon-cancel {
text-decoration: none;
font-size: 11px;
}
body .entry-content ul.wpuf_packs,
body ul.wpuf_packs {
overflow: hidden;
margin: 15px 0;
max-width: initial;
width: 100%;
padding-left: 0;
}
body .entry-content ul.wpuf_packs > li,
body ul.wpuf_packs > li {
background: #fff;
display: inline-block;
vertical-align: top;
border: 1px solid #DDD;
border-radius: 5px 5px 5px 5px;
list-style: none outside none;
margin: 0 25px 25px 0;
position: relative;
width: 200px;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
@media (max-width: 991px) {
body .entry-content ul.wpuf_packs,
body ul.wpuf_packs {
text-align: center;
padding-left: 25px;
}
}
@media (max-width: 500px) {
body .entry-content ul.wpuf_packs,
body ul.wpuf_packs {
padding-left: 0;
}
body .entry-content ul.wpuf_packs > li,
body ul.wpuf_packs > li {
width: 100%;
margin-left: 0;
}
}
body .entry-content ul.wpuf_packs h3,
body ul.wpuf_packs h3 {
background: #52B5D5;
color: #fff;
font-size: 18px;
font-weight: normal;
margin: 0;
padding: 10px !important;
text-align: center;
border-bottom: 1px solid #3dacd0;
}
body .entry-content ul.wpuf_packs .wpuf-pricing-wrap,
body ul.wpuf_packs .wpuf-pricing-wrap {
background: #64C3DE;
}
body .entry-content ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount,
body ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount {
position: relative;
text-align: center;
color: #FFF;
border-bottom: 1px solid #4fbbda;
padding: 10px 0;
}
body .entry-content ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount .wpuf-sub-symbol,
body ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount .wpuf-sub-symbol {
font-size: 19px;
position: absolute;
top: 25px;
line-height: 10px;
}
body .entry-content ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount .wpuf-sub-cost,
body ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount .wpuf-sub-cost {
font-size: 40px;
margin-left: 10px;
line-height: 50px;
}
body .entry-content ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount .wpuf-pack-cycle,
body ul.wpuf_packs .wpuf-pricing-wrap .wpuf-sub-amount .wpuf-pack-cycle {
font-size: 13px;
padding-bottom: 5px;
}
body .entry-content ul.wpuf_packs .wpuf-sub-body,
body ul.wpuf_packs .wpuf-sub-body {
margin: 0;
padding: 8px 0 0 8px;
background: #fff;
font-size: 11px;
color: #999;
}
body .entry-content ul.wpuf_packs .wpuf-sub-button,
body ul.wpuf_packs .wpuf-sub-button {
text-align: center;
margin-bottom: 20px;
margin-top: 20px;
overflow: hidden;
}
body .entry-content ul.wpuf_packs .wpuf-sub-button a,
body ul.wpuf_packs .wpuf-sub-button a {
background: #64C3DE;
color: #fff;
text-decoration: none;
padding: 5px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;
}
body .entry-content ul.wpuf_packs .wpuf-sub-button a:hover,
body ul.wpuf_packs .wpuf-sub-button a:hover {
background: #3ab3d5;
}
body .entry-content ul.wpuf_packs .wpuf-sub-button a:hover,
body ul.wpuf_packs .wpuf-sub-button a:hover {
background: none repeat scroll 0 0 #1E8CBE;
border-color: #0074A2;
box-shadow: 0 1px 0 rgba(120, 200, 230, 0.6) inset;
color: #FFFFFF;
}
body .entry-content ul.wpuf_packs .wpuf-sub-desciption,
body ul.wpuf_packs .wpuf-sub-desciption {
margin-top: 15px;
}
body .entry-content ul.wpuf_packs .wpuf-sub-desciption ul,
body ul.wpuf_packs .wpuf-sub-desciption ul,
body .entry-content ul.wpuf_packs .wpuf-sub-desciption li,
body ul.wpuf_packs .wpuf-sub-desciption li {
margin: 0;
padding: 0;
list-style: none;
}
body .entry-content ul.wpuf_packs .wpuf-sub-desciption li,
body ul.wpuf_packs .wpuf-sub-desciption li {
text-align: center;
border-top: 1px solid #eee;
padding: 7px 0;
}
body .entry-content ul.wpuf_packs .wpuf-sub-desciption li:last-child,
body ul.wpuf_packs .wpuf-sub-desciption li:last-child {
border-bottom: 1px solid #eee;
}
body .entry-content ul.wpuf_packs .wpuf-sub-desciption li:first-child,
body ul.wpuf_packs .wpuf-sub-desciption li:first-child {
border-top: none;
}
body .entry-content ul.wpuf_packs .wpuf-sub-desciption p,
body ul.wpuf_packs .wpuf-sub-desciption p {
padding: 0 10px;
margin-bottom: 15px;
}
body .entry-content ul.wpuf_packs .button,
body ul.wpuf_packs .button {
background: none repeat scroll 0 0 #2EA2CC;
border-color: #0074A2;
box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
color: #FFFFFF;
text-decoration: none;
padding: 0 12px 2px;
color: #fff;
}
body .entry-content ul.wpuf_packs .cost,
body ul.wpuf_packs .cost {
background: red;
border-radius: 30px 30px 30px 30px;
color: #FFFFFF;
margin: -16px -12px 0 0;
padding: 10px 8px 8px;
position: absolute;
right: 0;
top: 0;
}
body .ui-timepicker-div .ui-widget-header {
margin-bottom: 8px;
}
body .ui-timepicker-div dl {
text-align: left;
}
body .ui-timepicker-div dl dt {
height: 25px;
margin-bottom: -25px;
}
body .ui-timepicker-div dl dd {
margin: 0 10px 10px 65px;
}
body .ui-timepicker-div td {
font-size: 90%;
}
body .ui-tpicker-grid-label {
background: none;
border: none;
margin: 0;
padding: 0;
}
body .ui-timepicker-rtl {
direction: rtl;
}
body .ui-timepicker-rtl dl {
text-align: right;
}
body .ui-timepicker-rtl dl dd {
margin: 0 65px 10px 10px;
}
body .pass-strength-result {
border-style: solid;
border-width: 1px;
float: left;
margin: 0;
padding: 3px 5px;
text-align: center;
width: 200px;
display: none;
background-color: #eee;
border-color: #ddd !important;
}
body .pass-strength-result.bad {
background-color: #ffb78c;
border-color: #ff853c !important;
}
body .pass-strength-result.good {
background-color: #ffec8b;
border-color: #fc0 !important;
}
body .pass-strength-result.short {
background-color: #ffa0a0;
border-color: #f04040 !important;
}
body .pass-strength-result.strong {
background-color: #c3ff88;
border-color: #8dff1c !important;
}
body table.wpuf-table {
border: 1px solid #E7E7E7;
margin: 0 0px 10px 0;
text-align: left;
width: 100%;
}
body table.wpuf-table thead th,
body table.wpuf-table th {
color: #888888;
font-size: 12px;
font-weight: bold;
line-height: 18px;
padding: 9px 24px;
}
body table.wpuf-table td {
border-top: 1px solid #E7E7E7;
padding: 6px 24px;
}
@media (max-width: 549px) {
body #wpuf-payment-gateway {
margin-left: -15px;
}
}
body #wpuf-payment-gateway ul.wpuf-payment-gateways {
list-style: none;
margin: 10px 0;
}
body #wpuf-payment-gateway ul.wpuf-payment-gateways li {
margin: 0;
}
body #wpuf-payment-gateway ul.wpuf-payment-gateways li .wpuf-payment-instruction {
padding: 8px 10px;
margin: 0 10px;
}
body #wpuf-payment-gateway ul.wpuf-payment-gateways li .wpuf-instruction {
padding: 8px 10px;
margin-bottom: 10px;
background: #ebe8eb;
font-size: 13px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
body .wpuf-pagination div.pagination {
text-align: center;
padding: 7px;
margin: 3px;
}
body .wpuf-pagination .page-numbers {
padding: 2px 8px;
margin: 2px;
border: 1px solid #4A5154;
text-decoration: none;
color: #4A5154;
background: #fff;
border-radius: 5px;
-moz-border-radius: 5px;
}
body .wpuf-pagination .page-numbers:hover,
body .wpuf-pagination .page-numbers:active {
border: 1px solid #4A5154;
background-color: #4A5154;
color: #fff;
border-radius: 5px;
-moz-border-radius: 5px;
}
body .wpuf-pagination .page-numbers.current {
padding: 2px 8px;
margin: 2px;
border: 1px solid #4A5154;
font-weight: bold;
background-color: #4A5154;
color: #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
}
body .wpuf-author {
margin: 20px 0;
}
body .wpuf-author:after {
clear: both;
content: "";
display: table;
}
body .wpuf-author h3 {
margin: 0 !important;
background: #CFCFCF;
text-align: left;
padding: 3px 10px;
}
body .wpuf-author .wpuf-author-inside {
background: none repeat scroll 0 0 #F0F0F0;
border-bottom: 2px solid #DDDDDD;
height: auto;
padding-left: 10px;
padding-top: 15px;
margin-bottom: 15px;
}
body .wpuf-author .wpuf-author-inside:after {
clear: both;
content: "";
display: table;
}
body .wpuf-author .wpuf-author-inside .wpuf-user-image {
float: left;
padding-right: 15px;
}
body .wpuf-author .wpuf-author-inside p {
margin-bottom: 10px !important;
}
body .wpuf-author .wpuf-author-inside p.wpuf-author-info {
padding-top: 8px;
word-wrap: break-word;
}
body .wpuf-author .wpuf-author-inside p.wpuf-user-name a {
color: #335160;
font-size: 1.2em;
font-weight: bold;
}
body .ac_results {
padding: 0;
margin: 0;
list-style: none;
position: absolute;
z-index: 10000;
display: none;
border: 1px solid #ccc;
}
body .ac_results li {
padding: 2px 5px;
white-space: nowrap;
text-align: left;
}
body .ac_over {
cursor: pointer;
}
body .ac_match {
text-decoration: underline;
}
body fieldset.wpuf-multistep-fieldset {
position: relative;
padding-bottom: 50px;
border: none;
display: none;
}
body fieldset.wpuf-multistep-fieldset.field-active {
display: block;
}
body fieldset.wpuf-multistep-fieldset button.wpuf-multistep-next-btn.btn.btn-primary {
position: absolute;
bottom: 0;
right: 0;
}
body fieldset.wpuf-multistep-fieldset button.wpuf-multistep-prev-btn.btn.btn-primary {
position: absolute;
bottom: 0;
left: 0;
}
body fieldset.wpuf-multistep-fieldset a#wpuf-post-draft {
position: absolute;
bottom: 0;
right: calc(50% - 35px);
}
body fieldset.wpuf-multistep-fieldset span.wpuf-draft-saved {
position: absolute;
bottom: 0;
right: calc(50% - 150px);
}
body fieldset.wpuf-multistep-fieldset span.wpuf-loading {
position: absolute;
bottom: 8px;
right: calc(50% - 60px);
}
body .wpuf-multistep-progressbar {
overflow: hidden;
}
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard {
margin: 20px 0 40px 0;
padding: 0;
list-style: none;
}
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard * {
box-sizing: border-box;
}
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li {
background-color: #E4E4E4;
border-radius: 5px;
display: inline-block;
padding: 10px 30px 10px 40px;
margin-right: -7px;
width: auto;
margin: 0;
position: relative;
text-align: center;
}
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li::before,
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li::after {
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
border-color: transparent;
border-left-color: #fff;
border-radius: 10px;
}
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li::before {
border-width: 26px;
margin-top: -14px;
right: -52px;
z-index: 98;
}
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li::after {
border-left-color: #E4E4E4;
border-width: 25px;
margin-top: -37px;
right: -44px;
z-index: 99;
}
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li.active-step {
background-color: #00a0d2;
color: #fff;
}
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li.active-step::after {
border-left-color: #00a0d2;
}
body .wpuf-form .wpuf-multistep-progressbar ul.wpuf-step-wizard li:last-child::after {
border-left-color: transparent;
}
body .wpuf-form .wpuf-multistep-progressbar .ui-widget-header {
background: #00a0d2;
}
body .wpuf-form .wpuf-multistep-progressbar.ui-progressbar {
margin-bottom: 30px;
height: 25px;
border: 1px solid #eee;
position: relative;
}
body .wpuf-form .wpuf-multistep-progressbar.ui-progressbar .wpuf-progress-percentage {
position: absolute;
left: 50%;
font-size: 12px;
font-weight: bold;
text-shadow: 1px 1px 0 #fff;
top: 20%;
}
body input.wpuf-btn {
text-decoration: none !important;
font-size: 15px !important;
margin-top: 10px;
margin-right: 10px;
background: #21759b !important;
color: #fff !important;
padding: 5px 10px;
display: inline-block;
-webkit-border-radius: 3px !important;
-moz-border-radius: 3px !important;
border-radius: 3px !important;
border: none !important;
}
body body.rtl ul.wpuf-form li .wpuf-label {
float: right;
}
@media (max-width: 480px) {
body ul.wpuf-form li .wpuf-label,
body ul.wpuf-form li .wpuf-fields {
float: none;
width: 100%;
}
body ul.wpuf-form li.field-size-large .wpuf-fields {
float: none;
width: 100%;
}
body ul.wpuf-form li.field-size-medium .wpuf-fields {
float: none;
width: 65%;
}
body ul.wpuf-form li.field-size-small .wpuf-fields {
float: none;
width: 30%;
}
}
body .wpuf-form .required {
color: red;
font-weight: 700;
border: 0;
}
body .wpuf-dashboard-container {
max-width: 85rem !important; }
body .wpuf-dashboard-container:after {
clear: both;
content: "";
display: table;
}
body .wpuf-dashboard-container .wpuf-dashboard-navigation {
width: 20%;
float: left;
}
body .wpuf-dashboard-container .wpuf-dashboard-navigation a {
text-decoration: none;
box-shadow: none;
font-size: 16px;
font-weight: bold;
color: #000;
}
body .wpuf-dashboard-container .wpuf-dashboard-navigation ul {
list-style: none;
margin: 0;
padding: 0;
}
body .wpuf-dashboard-container .wpuf-dashboard-navigation ul li {
padding-bottom: 2px;
}
@media (max-width: 991px) {
body .wpuf-dashboard-container .wpuf-dashboard-navigation {
width: 100%;
margin-bottom: 30px;
}
body .wpuf-dashboard-container .wpuf-dashboard-navigation ul {
margin: 0 -7px;
}
body .wpuf-dashboard-container .wpuf-dashboard-navigation ul li {
margin: 0 7px;
display: inline-block;
}
}
body .wpuf-dashboard-container .wpuf-dashboard-content {
width: 80%;
float: right;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media (max-width: 991px) {
body .wpuf-dashboard-container .wpuf-dashboard-content {
width: 100%;
}
}
body .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields select:not([type="submit"]),
body .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields textarea:not([type="submit"]),
body .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields input:not([type="submit"]),
body .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields select:not([type="button"]),
body .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields textarea:not([type="button"]),
body .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields input:not([type="button"]),
body .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields select:not([type="checkbox"]),
body .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields textarea:not([type="checkbox"]),
body .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields input:not([type="checkbox"]),
body .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields select:not([type="radio"]),
body .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields textarea:not([type="radio"]),
body .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields input:not([type="radio"]),
body .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields select:not([type="file"]),
body .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields textarea:not([type="file"]),
body .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields input:not([type="file"]),
body .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields select:not([type="reset"]),
body .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields textarea:not([type="reset"]),
body .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields input:not([type="reset"]) {
width: 100%;
}
body .wpuf-dashboard-container .wpuf-dashboard-content .wpuf-fields input[type="radio"] {
width: initial;
}
body .wpuf-dashboard-container .items-table-container,
body .wpuf-dashboard-container .wpuf-dashboard-content.invoices {
max-width: 100%;
overflow-y: auto;
}
body .wpuf-dashboard-container table.items-table {
width: 100%;
margin-top: 0px;
border: 1.0218px solid #DAE1F5;
color: #000 !important;
font-size: 16px !important;
font-weight: 400 !important;
}
body .wpuf-dashboard-container table.items-table a {
text-decoration: none;
box-shadow: none;
color: #000 !important;
}
body .wpuf-dashboard-container table.items-table th,
body .wpuf-dashboard-container table.items-table td {
border: 0;
padding: 10px;
}
body .wpuf-dashboard-container table.items-table th {
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.07);
}
body .wpuf-dashboard-container table.items-table tr {
text-align: left;
border: 1px solid #DAE1F5;
}
body .wpuf-dashboard-container table.items-table .post-edit-icon {
display: none;
}
@media screen and (max-width: 600px) {
body .wpuf-dashboard-container table.items-table {
border: 0px;
}
body .wpuf-dashboard-container table.items-table thead {
display: none;
}
body .wpuf-dashboard-container table.items-table tr {
display: block;
border: 1.0218px solid #DAE1F5;
border-bottom: 0;
border-left: 0px;
border-right: 0px;
}
body .wpuf-dashboard-container table.items-table td {
display: block;
}
body .wpuf-dashboard-container table.items-table td:before {
content: attr(data-label);
margin-right: 20px;
font-weight: bold !important;
flex-basis: 75px;
}
body .wpuf-dashboard-container table.items-table tr td {
display: none;
}
body .wpuf-dashboard-container table.items-table tr td:first-child {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
body .wpuf-dashboard-container table.items-table .post-edit-icon {
display: block;
color: #fff;
background-color: #B7C4E7;
padding: 4px 10px;
cursor: pointer;
border-radius: 100%;
}
body .wpuf-dashboard-container table.items-table .flex-column {
display: flex;
}
body .wpuf-dashboard-container table.items-table .toggle-icon {
background-color: #5C5CFB;
}
body .wpuf-dashboard-container .wpuf-dashboard-navigation ul {
display: flex;
flex-direction: column;
background: #FFFFFF;
border: 1px solid #E4E6EB;
box-sizing: border-box;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.07);
}
body .wpuf-dashboard-container .wpuf-dashboard-navigation ul li:first-child {
background: #FFFFFF;
border-bottom: 1px solid #E4E6EB;
display: flex;
justify-content: space-between;
}
body .wpuf-dashboard-container .wpuf-dashboard-navigation ul li:first-child::after {
content: '\25BE';
cursor: pointer;
}
body .wpuf-dashboard-container .wpuf-dashboard-navigation ul li {
margin: 0 !important;
padding: 10px;
display: none;
}
}
body .wpuf-dashboard-container .wpuf-update-profile-form ul.wpuf-form {
margin: 0 -15px !important;
width: inherit;
}
body .wpuf-dashboard-container .wpuf-update-profile-form ul.wpuf-form .form-row-first {
float: left;
width: 50%;
padding: 0 15px;
overflow: visible;
}
body .wpuf-dashboard-container .wpuf-update-profile-form ul.wpuf-form .form-row-last {
float: right;
width: 50%;
padding: 0 15px;
overflow: visible;
}
@media (max-width: 767px) {
body .wpuf-dashboard-container .wpuf-update-profile-form ul.wpuf-form .form-row-first,
body .wpuf-dashboard-container .wpuf-update-profile-form ul.wpuf-form .form-row-last {
float: none;
width: 100%;
}
}
body .wpuf-wcmp-integration-content .wpuf-dashboard-container .page-head {
opacity: 0;
margin-bottom: 40px;
}
body .wpuf-wcmp-integration-content .wpuf-dashboard-container table.items-table {
width: 100%;
margin-bottom: 40px !important;
border: 1.0218px solid #DAE1F5;
}
body .wpuf-toc-container .wpuf-fields {
position: relative;
}
body .wpuf-toc-container .wpuf-fields .wpuf-toc-checkbox {
position: absolute;
top: 0;
left: 0;
}
body .wpuf-toc-container .wpuf-fields.has-toc-checkbox .wpuf-toc-description {
margin-left: 25px;
}
body .wpuf-field-google-map {
height: 300px;
width: 100%;
}
body .wpuf-form-google-map {
height: 300px;
width: 100%;
}
body input[type="text"].wpuf-google-map-search {
margin-top: 10px !important;
border: 1px solid transparent !important;
border-radius: 2px 0 0 2px !important;
box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
height: 32px !important;
outline: none !important;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
background-color: #fff !important;
text-overflow: ellipsis !important;
width: 170px !important;
font-size: 15px !important;
font-weight: 300 !important;
padding: 0 11px 0 13px !important;
display: none;
}
.gm-style body input[type="text"].wpuf-google-map-search {
display: block;
}
body .wpuf-form-google-map-container input[type="text"].wpuf-google-map-search {
width: 230px !important;
}
body .wpuf-form-google-map-container.hide-search-box .gm-style input[type="text"].wpuf-google-map-search {
display: none;
}
body .wpuf-form-google-map-container.show-search-box .gm-style input[type="text"].wpuf-google-map-search {
display: block;
}
body .dokan-dashboard-content.dokan-wpuf-dashboard h2.page-head {
display: none;
}
body .dokan-dashboard-content.dokan-wpuf-dashboard .wpuf-author {
display: none;
}
body .dokan-dashboard-content.dokan-wpuf-dashboard .wpuf-form-add .wpuf-form li.wpuf-el {
margin-bottom: 15px;
}
body table#wpuf-address-country-state input {
width: 100%;
padding: 0 10px;
border: 1px solid #f5f5f5;
color: #6d6d6d;
font-size: 14px;
line-height: 36px;
height: 36px;
box-shadow: none;
}
body table#wpuf-address-country-state select {
width: 100%;
padding: 0 10px;
border: 1px solid #f5f5f5;
color: #6d6d6d;
font-size: 14px;
line-height: 36px;
height: 36px;
box-shadow: none;
}
body table#wpuf-address-country-state input.wpuf-btn {
width: inherit;
}
body table#wpuf-address-country-state td {
border: none;
}
body .wpuf-image-wrap {
display: inline-block;
position: relative;
z-index: 1;
transition: .3s;
margin: 4px;
}
body .wpuf-image-wrap .attachment-name img {
width: 100%;
max-height: 150px;
transition: .3s;
border-radius: 4px;
box-shadow: none;
-webkit-box-shadow: none;
}
body li.wpuf-image-wrap.thumbnail {
position: relative;
}
body li.wpuf-image-wrap.thumbnail .caption {
position: absolute;
left: 50%;
margin-left: -40px;
top: 50%;
margin-top: -10px;
display: none;
width: 80px;
background: #23282d;
text-align: center;
padding: 0;
border-radius: 3px;
line-height: 0;
}
body li.wpuf-image-wrap.thumbnail:hover .caption {
display: block;
}
@media (min-width: 550px) {
body .wpuf-pay-row {
width: 100%;
display: table;
table-layout: auto;
}
body .wpuf-pay-col {
width: 50%;
display: table-cell;
}
}
body ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list {
overflow: auto;
}
body ul.wpuf-form li .wpuf-fields ul.wpuf-attachment-list li.highlight {
margin-bottom: 0;
height: 150px;
padding-top: 0;
padding-bottom: 0;
}
body ul.wpuf-form .ui-state-default.wpuf-image-wrap:hover {
cursor: move;
}
body ul.wpuf-form .ui-state-default.wpuf-image-wrap .caption a,
body ul.wpuf-form .ui-state-default.wpuf-image-wrap .caption span {
display: inline-block;
line-height: 0;
height: inherit;
padding: 5px;
color: transparent;
vertical-align: top;
}
body ul.wpuf-form .ui-state-default .wpuf-image-wrap .caption a img {
-webkit-box-shadow: none;
box-shadow: none;
}
body ul.wpuf-form .ui-state-default.wpuf-image-wrap .caption a:hover,
body ul.wpuf-form .ui-state-default.wpuf-image-wrap .caption span:hover {
background: #0073aa;
-webkit-box-shadow: none;
box-shadow: none;
}
body .weforms-quiz-feedback {
position: relative;
padding-top: 50px;
padding-bottom: 50px;
margin-top: 50px;
}
body .weforms-quiz-feedback .weforms-quiz-points {
position: absolute;
top: 0;
right: 0;
width: 200px;
text-align: right;
}
body .weforms-quiz-feedback .weforms-field-points {
float: right;
}
body .weforms-quiz-feedback .weforms-quiz-points .score {
background: #673ab7;
color: #fff;
padding: 12px 20px;
border-radius: 5px;
}
body .weforms-quiz-feedback .right-answer-block,
body .weforms-quiz-feedback .weforms-answer-feedback {
margin-top: 2px;
background: #f5f5f5;
padding: 20px;
color: rgba(0, 0, 0, 0.87);
font-weight: 700;
}
body .weforms-quiz-feedback .right-answer-block p,
body .weforms-quiz-feedback .weforms-answer-feedback p {
margin-bottom: 10px;
}
body .weforms-quiz-feedback .weforms-answer-feedback .feedback {
font-weight: 400;
}
body .weforms-quiz-feedback .right-answer,
body .weforms-quiz-feedback .wrong-answer {
margin-bottom: 20px;
}
body .weforms-quiz-feedback .right-answer .wpuf-fields label.checked {
background: #dff0d8;
color: #3c763d;
padding: 6px 0;
}
body .weforms-quiz-feedback .wrong-answer .wpuf-fields label.checked {
background: #FFE4E4;
color: red;
padding: 6px 0;
}
body ul.wpuf-form .weforms-frontend-field-points {
position: absolute;
top: 0;
right: 0;
width: 100px;
color: rgba(0, 0, 0, 0.54);
font-size: 12px;
margin-top: 12px;
font-weight: 700;
text-align: right;
}
body .dokan-dashboard .dokan-dashboard-content ul li.wpuf-el,
body .dokan-dashboard .dokan-dashboard-content ul li.wpuf-submit {
margin-left: 0;
margin-bottom: 10px;
padding: 10px;
padding-left: 0;
}
body .wpuf-posts-edit,
body .wpuf-posts-delete {
float: left;
padding: 10px;
border-radius: 50%;
}
body .wpuf-posts-edit:hover {
background-color: #5C5CFB;
}
body .wpuf-posts-delete:hover {
background-color: #FF5B5B;
}
body .wpuf-posts-edit svg:hover path,
body .wpuf-posts-delete svg:hover path {
fill: #fff;
}
body .wpuf-col-half,
body .wpuf-col-half-last {
width: 50%;
float: left;
}
body .wpuf-col-one-third,
body .wpuf-col-one-third-last {
width: 33%;
float: left;
}
body .wpuf-col-half-last + li,
body .wpuf-col-one-third-last + li {
clear: left;
}
body ul.wpuf-form .wpuf-field-columns {
padding: 0;
border: 0;
overflow: hidden;
}
body ul.wpuf-form .wpuf-field-columns.has-columns-1 .wpuf-column .wpuf-column-inner-fields {
width: 100%;
float: left;
}
body ul.wpuf-form .wpuf-field-columns.has-columns-1 .wpuf-column .column-1 .ui-resizable-handle {
display: none !important;
}
body ul.wpuf-form .wpuf-field-columns.has-columns-1 .wpuf-column .column-2.wpuf-column-inner-fields,
body ul.wpuf-form .wpuf-field-columns.has-columns-1 .wpuf-column .column-3.wpuf-column-inner-fields {
display: none;
}
body ul.wpuf-form .wpuf-field-columns.has-columns-2 .wpuf-column .wpuf-column-inner-fields {
width: 50%;
float: left;
}
body ul.wpuf-form .wpuf-field-columns.has-columns-2 .wpuf-column .column-2 .ui-resizable-handle {
display: none !important;
}
body ul.wpuf-form .wpuf-field-columns.has-columns-2 .wpuf-column .column-3.wpuf-column-inner-fields {
display: none;
}
body ul.wpuf-form .wpuf-field-columns.has-columns-3 .wpuf-column .wpuf-column-inner-fields {
width: 33.33%;
float: left;
}
body ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns {
margin-left: 0;
margin-right: 0;
}
body ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column {
padding: 0;
border: 0;
float: none;
display: flex;
width: 100%;
overflow: hidden;
}
body ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields {
padding: 0 5px 0 0;
position: relative;
}
body ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields {
border: 0;
margin: 0;
padding: 0;
list-style: none;
}
body ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li {
padding: 0;
}
body ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="text"],
body ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="email"],
body ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="url"],
body ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="password"],
body ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="search"],
body ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="number"],
body ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="tel"],
body ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="range"],
body ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="date"],
body ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="month"],
body ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="week"],
body ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="time"],
body ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="datetime"],
body ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="datetime-local"],
body ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li input[type="color"],
body ul.wpuf-form .wpuf-field-columns .wpuf-column-field-inner-columns .wpuf-column .wpuf-column-inner-fields ul.wpuf-column-fields li textarea {
width: 100%;
max-width: fit-content;
}
body .ac_results {
z-index: 99999 !important;
background-color: #fff !important;
color: #000;
position: auto !important;
width: 390px !important;
}
body .ac_results li {
border-bottom: 1px solid #ddd;
margin-left: 0px;
padding-left: 5px !important;
text-decoration: none !important;
}
body .wpuf-attachment-upload-filelist {
z-index: 1;
}
body .wpuf-attachment-upload-filelist + .moxie-shim {
z-index: 2;
}
#wpuf-delete-msg {
display: none;
align-items: center;
justify-content: space-between;
flex: 1;
width: 100%;
font-weight: bold;
margin: 5px 15px 15px;
padding: 5px 15px 5px;
background: #f1f1f1;
text-align: center;
max-height: 50px;
border: 1px solid #DAE1F5;
}
#wpuf-delete-msg p {
margin: .5em 0;
padding: 2px;
}
#wpuf-delete-msg span {
margin-top: 10px;
cursor: pointer;
} .iti--allow-dropdown input[type="text"] {
padding-left: 52px !important;
}
.form-preview-stage-dropzone {
background-color: #f0fdf4;
border: 1px solid #4ade80;
height: 50px;
}
img.wpuf-eye {
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%) translateX(-6%);
}.swal2-popup.swal2-toast {
box-sizing: border-box;
grid-column: 1/4 !important;
grid-row: 1/4 !important;
grid-template-columns: 1fr 99fr 1fr;
padding: 1em;
overflow-y: hidden;
background: #fff;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.075), 0 1px 2px rgba(0, 0, 0, 0.075), 1px 2px 4px rgba(0, 0, 0, 0.075), 1px 3px 8px rgba(0, 0, 0, 0.075), 2px 4px 16px rgba(0, 0, 0, 0.075);
pointer-events: all;
}
.swal2-popup.swal2-toast > * {
grid-column: 2;
}
.swal2-popup.swal2-toast .swal2-title {
margin: 0.5em 1em;
padding: 0;
font-size: 1em;
text-align: initial;
}
.swal2-popup.swal2-toast .swal2-loading {
justify-content: center;
}
.swal2-popup.swal2-toast .swal2-input {
height: 2em;
margin: 0.5em;
font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-validation-message {
font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-footer {
margin: 0.5em 0 0;
padding: 0.5em 0 0;
font-size: 0.8em;
}
.swal2-popup.swal2-toast .swal2-close {
grid-column: 3/3;
grid-row: 1/99;
align-self: center;
width: 0.8em;
height: 0.8em;
margin: 0;
font-size: 2em;
}
.swal2-popup.swal2-toast .swal2-html-container {
margin: 0.5em 1em;
padding: 0;
font-size: 1em;
text-align: initial;
}
.swal2-popup.swal2-toast .swal2-html-container:empty {
padding: 0;
}
.swal2-popup.swal2-toast .swal2-loader {
grid-column: 1;
grid-row: 1/99;
align-self: center;
width: 2em;
height: 2em;
margin: 0.25em;
}
.swal2-popup.swal2-toast .swal2-icon {
grid-column: 1;
grid-row: 1/99;
align-self: center;
width: 2em;
min-width: 2em;
height: 2em;
margin: 0 0.5em 0 0;
}
.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
display: flex;
align-items: center;
font-size: 1.8em;
font-weight: bold;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
width: 2em;
height: 2em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
top: 0.875em;
width: 1.375em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
left: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
right: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-actions {
justify-content: flex-start;
height: auto;
margin: 0;
margin-top: 0.5em;
padding: 0 0.5em;
}
.swal2-popup.swal2-toast .swal2-styled {
margin: 0.25em 0.5em;
padding: 0.4em 0.6em;
font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-success {
border-color: #a5dc86;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
position: absolute;
width: 1.6em;
height: 3em;
transform: rotate(45deg);
border-radius: 50%;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
top: -0.8em;
left: -0.5em;
transform: rotate(-45deg);
transform-origin: 2em 2em;
border-radius: 4em 0 0 4em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
top: -0.25em;
left: 0.9375em;
transform-origin: 0 1.5em;
border-radius: 0 4em 4em 0;
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
width: 2em;
height: 2em;
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
top: 0;
left: 0.4375em;
width: 0.4375em;
height: 2.6875em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
height: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
top: 1.125em;
left: 0.1875em;
width: 0.75em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
top: 0.9375em;
right: 0.1875em;
width: 1.375em;
}
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
-webkit-animation: swal2-toast-animate-success-line-tip 0.75s;
animation: swal2-toast-animate-success-line-tip 0.75s;
}
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
-webkit-animation: swal2-toast-animate-success-line-long 0.75s;
animation: swal2-toast-animate-success-line-long 0.75s;
}
.swal2-popup.swal2-toast.swal2-show {
-webkit-animation: swal2-toast-show 0.5s;
animation: swal2-toast-show 0.5s;
}
.swal2-popup.swal2-toast.swal2-hide {
-webkit-animation: swal2-toast-hide 0.1s forwards;
animation: swal2-toast-hide 0.1s forwards;
}
.swal2-container {
display: grid;
position: fixed;
z-index: 1060;
top: 0;
right: 0;
bottom: 0;
left: 0;
box-sizing: border-box;
grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
grid-template-rows: minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto);
grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
height: 100%;
padding: 0.625em;
overflow-x: hidden;
transition: background-color 0.1s;
-webkit-overflow-scrolling: touch;
}
.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
background: rgba(0, 0, 0, 0.4);
}
.swal2-container.swal2-backdrop-hide {
background: transparent !important;
}
.swal2-container.swal2-top-start, .swal2-container.swal2-center-start, .swal2-container.swal2-bottom-start {
grid-template-columns: minmax(0, 1fr) auto auto;
}
.swal2-container.swal2-top, .swal2-container.swal2-center, .swal2-container.swal2-bottom {
grid-template-columns: auto minmax(0, 1fr) auto;
}
.swal2-container.swal2-top-end, .swal2-container.swal2-center-end, .swal2-container.swal2-bottom-end {
grid-template-columns: auto auto minmax(0, 1fr);
}
.swal2-container.swal2-top-start > .swal2-popup {
align-self: start;
}
.swal2-container.swal2-top > .swal2-popup {
grid-column: 2;
align-self: start;
justify-self: center;
}
.swal2-container.swal2-top-end > .swal2-popup, .swal2-container.swal2-top-right > .swal2-popup {
grid-column: 3;
align-self: start;
justify-self: end;
}
.swal2-container.swal2-center-start > .swal2-popup, .swal2-container.swal2-center-left > .swal2-popup {
grid-row: 2;
align-self: center;
}
.swal2-container.swal2-center > .swal2-popup {
grid-column: 2;
grid-row: 2;
align-self: center;
justify-self: center;
}
.swal2-container.swal2-center-end > .swal2-popup, .swal2-container.swal2-center-right > .swal2-popup {
grid-column: 3;
grid-row: 2;
align-self: center;
justify-self: end;
}
.swal2-container.swal2-bottom-start > .swal2-popup, .swal2-container.swal2-bottom-left > .swal2-popup {
grid-column: 1;
grid-row: 3;
align-self: end;
}
.swal2-container.swal2-bottom > .swal2-popup {
grid-column: 2;
grid-row: 3;
justify-self: center;
align-self: end;
}
.swal2-container.swal2-bottom-end > .swal2-popup, .swal2-container.swal2-bottom-right > .swal2-popup {
grid-column: 3;
grid-row: 3;
align-self: end;
justify-self: end;
}
.swal2-container.swal2-grow-row > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup {
grid-column: 1/4;
width: 100%;
}
.swal2-container.swal2-grow-column > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup {
grid-row: 1/4;
align-self: stretch;
}
.swal2-container.swal2-no-transition {
transition: none !important;
}
.swal2-popup {
display: none;
position: relative;
box-sizing: border-box;
grid-template-columns: minmax(0, 100%);
width: 32em;
max-width: 100%;
padding: 0 0 1.25em;
border: none;
border-radius: 5px;
background: #fff;
color: #545454;
font-family: inherit;
font-size: 1rem;
}
.swal2-popup:focus {
outline: none;
}
.swal2-popup.swal2-loading {
overflow-y: hidden;
}
.swal2-title {
position: relative;
max-width: 100%;
margin: 0;
padding: 0.8em 1em 0;
color: inherit;
font-size: 1.875em;
font-weight: 600;
text-align: center;
text-transform: none;
word-wrap: break-word;
}
.swal2-actions {
display: flex;
z-index: 1;
box-sizing: border-box;
flex-wrap: wrap;
align-items: center;
justify-content: center;
width: auto;
margin: 1.25em auto 0;
padding: 0;
}
.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
opacity: 0.4;
}
.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
.swal2-actions:not(.swal2-loading) .swal2-styled:active {
background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.swal2-loader {
display: none;
align-items: center;
justify-content: center;
width: 2.2em;
height: 2.2em;
margin: 0 1.875em;
-webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
border-width: 0.25em;
border-style: solid;
border-radius: 100%;
border-color: #2778c4 transparent #2778c4 transparent;
}
.swal2-styled {
margin: 0.3125em;
padding: 0.625em 1.1em;
transition: box-shadow 0.1s;
box-shadow: 0 0 0 3px transparent;
font-weight: 500;
}
.swal2-styled:not([disabled]) {
cursor: pointer;
}
.swal2-styled.swal2-confirm {
border: 0;
border-radius: 0.25em;
background: initial;
background-color: #7066e0;
color: #fff;
font-size: 1em;
}
.swal2-styled.swal2-confirm:focus {
box-shadow: 0 0 0 3px rgba(112, 102, 224, 0.5);
}
.swal2-styled.swal2-deny {
border: 0;
border-radius: 0.25em;
background: initial;
background-color: #dc3741;
color: #fff;
font-size: 1em;
}
.swal2-styled.swal2-deny:focus {
box-shadow: 0 0 0 3px rgba(220, 55, 65, 0.5);
}
.swal2-styled.swal2-cancel {
border: 0;
border-radius: 0.25em;
background: initial;
background-color: #6e7881;
color: #fff;
font-size: 1em;
}
.swal2-styled.swal2-cancel:focus {
box-shadow: 0 0 0 3px rgba(110, 120, 129, 0.5);
}
.swal2-styled.swal2-default-outline:focus {
box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5);
}
.swal2-styled:focus {
outline: none;
}
.swal2-styled::-moz-focus-inner {
border: 0;
}
.swal2-footer {
justify-content: center;
margin: 1em 0 0;
padding: 1em 1em 0;
border-top: 1px solid #eee;
color: inherit;
font-size: 1em;
}
.swal2-timer-progress-bar-container {
position: absolute;
right: 0;
bottom: 0;
left: 0;
grid-column: auto !important;
overflow: hidden;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.swal2-timer-progress-bar {
width: 100%;
height: 0.25em;
background: rgba(0, 0, 0, 0.2);
}
.swal2-image {
max-width: 100%;
margin: 2em auto 1em;
}
.swal2-close {
z-index: 2;
align-items: center;
justify-content: center;
width: 1.2em;
height: 1.2em;
margin-top: 0;
margin-right: 0;
margin-bottom: -1.2em;
padding: 0;
overflow: hidden;
transition: color 0.1s, box-shadow 0.1s;
border: none;
border-radius: 5px;
background: transparent;
color: #ccc;
font-family: serif;
font-family: monospace;
font-size: 2.5em;
cursor: pointer;
justify-self: end;
}
.swal2-close:hover {
transform: none;
background: transparent;
color: #f27474;
}
.swal2-close:focus {
outline: none;
box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5);
}
.swal2-close::-moz-focus-inner {
border: 0;
}
.swal2-html-container {
z-index: 1;
justify-content: center;
margin: 1em 1.6em 0.3em;
padding: 0;
overflow: auto;
color: inherit;
font-size: 1.125em;
font-weight: normal;
line-height: normal;
text-align: center;
word-wrap: break-word;
word-break: break-word;
}
.swal2-input,
.swal2-file,
.swal2-textarea,
.swal2-select,
.swal2-radio,
.swal2-checkbox {
margin: 1em 2em 3px;
}
.swal2-input,
.swal2-file,
.swal2-textarea {
box-sizing: border-box;
width: auto;
transition: border-color 0.1s, box-shadow 0.1s;
border: 1px solid #d9d9d9;
border-radius: 0.1875em;
background: inherit;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;
color: inherit;
font-size: 1.125em;
}
.swal2-input.swal2-inputerror,
.swal2-file.swal2-inputerror,
.swal2-textarea.swal2-inputerror {
border-color: #f27474 !important;
box-shadow: 0 0 2px #f27474 !important;
}
.swal2-input:focus,
.swal2-file:focus,
.swal2-textarea:focus {
border: 1px solid #b4dbed;
outline: none;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5);
}
.swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder {
color: #ccc;
}
.swal2-input:-ms-input-placeholder, .swal2-file:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
color: #ccc;
}
.swal2-input::placeholder,
.swal2-file::placeholder,
.swal2-textarea::placeholder {
color: #ccc;
}
.swal2-range {
margin: 1em 2em 3px;
background: #fff;
}
.swal2-range input {
width: 80%;
}
.swal2-range output {
width: 20%;
color: inherit;
font-weight: 600;
text-align: center;
}
.swal2-range input,
.swal2-range output {
height: 2.625em;
padding: 0;
font-size: 1.125em;
line-height: 2.625em;
}
.swal2-input {
height: 2.625em;
padding: 0 0.75em;
}
.swal2-file {
width: 75%;
margin-right: auto;
margin-left: auto;
background: inherit;
font-size: 1.125em;
}
.swal2-textarea {
height: 6.75em;
padding: 0.75em;
}
.swal2-select {
min-width: 50%;
max-width: 100%;
padding: 0.375em 0.625em;
background: inherit;
color: inherit;
font-size: 1.125em;
}
.swal2-radio,
.swal2-checkbox {
align-items: center;
justify-content: center;
background: #fff;
color: inherit;
}
.swal2-radio label,
.swal2-checkbox label {
margin: 0 0.6em;
font-size: 1.125em;
}
.swal2-radio input,
.swal2-checkbox input {
flex-shrink: 0;
margin: 0 0.4em;
}
.swal2-input-label {
display: flex;
justify-content: center;
margin: 1em auto 0;
}
.swal2-validation-message {
align-items: center;
justify-content: center;
margin: 1em 0 0;
padding: 0.625em;
overflow: hidden;
background: #f0f0f0;
color: #666666;
font-size: 1em;
font-weight: 300;
}
.swal2-validation-message::before {
content: "!";
display: inline-block;
width: 1.5em;
min-width: 1.5em;
height: 1.5em;
margin: 0 0.625em;
border-radius: 50%;
background-color: #f27474;
color: #fff;
font-weight: 600;
line-height: 1.5em;
text-align: center;
}
.swal2-icon {
position: relative;
box-sizing: content-box;
justify-content: center;
width: 5em;
height: 5em;
margin: 2.5em auto 0.6em;
border: 0.25em solid transparent;
border-radius: 50%;
border-color: #000;
font-family: inherit;
line-height: 5em;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.swal2-icon .swal2-icon-content {
display: flex;
align-items: center;
font-size: 3.75em;
}
.swal2-icon.swal2-error {
border-color: #f27474;
color: #f27474;
}
.swal2-icon.swal2-error .swal2-x-mark {
position: relative;
flex-grow: 1;
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
display: block;
position: absolute;
top: 2.3125em;
width: 2.9375em;
height: 0.3125em;
border-radius: 0.125em;
background-color: #f27474;
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
left: 1.0625em;
transform: rotate(45deg);
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
right: 1em;
transform: rotate(-45deg);
}
.swal2-icon.swal2-error.swal2-icon-show {
-webkit-animation: swal2-animate-error-icon 0.5s;
animation: swal2-animate-error-icon 0.5s;
}
.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
-webkit-animation: swal2-animate-error-x-mark 0.5s;
animation: swal2-animate-error-x-mark 0.5s;
}
.swal2-icon.swal2-warning {
border-color: #facea8;
color: #f8bb86;
}
.swal2-icon.swal2-warning.swal2-icon-show {
-webkit-animation: swal2-animate-error-icon 0.5s;
animation: swal2-animate-error-icon 0.5s;
}
.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content {
-webkit-animation: swal2-animate-i-mark 0.5s;
animation: swal2-animate-i-mark 0.5s;
}
.swal2-icon.swal2-info {
border-color: #9de0f6;
color: #3fc3ee;
}
.swal2-icon.swal2-info.swal2-icon-show {
-webkit-animation: swal2-animate-error-icon 0.5s;
animation: swal2-animate-error-icon 0.5s;
}
.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content {
-webkit-animation: swal2-animate-i-mark 0.8s;
animation: swal2-animate-i-mark 0.8s;
}
.swal2-icon.swal2-question {
border-color: #c9dae1;
color: #87adbd;
}
.swal2-icon.swal2-question.swal2-icon-show {
-webkit-animation: swal2-animate-error-icon 0.5s;
animation: swal2-animate-error-icon 0.5s;
}
.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content {
-webkit-animation: swal2-animate-question-mark 0.8s;
animation: swal2-animate-question-mark 0.8s;
}
.swal2-icon.swal2-success {
border-color: #a5dc86;
color: #a5dc86;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
position: absolute;
width: 3.75em;
height: 7.5em;
transform: rotate(45deg);
border-radius: 50%;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
top: -0.4375em;
left: -2.0635em;
transform: rotate(-45deg);
transform-origin: 3.75em 3.75em;
border-radius: 7.5em 0 0 7.5em;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
top: -0.6875em;
left: 1.875em;
transform: rotate(-45deg);
transform-origin: 0 3.75em;
border-radius: 0 7.5em 7.5em 0;
}
.swal2-icon.swal2-success .swal2-success-ring {
position: absolute;
z-index: 2;
top: -0.25em;
left: -0.25em;
box-sizing: content-box;
width: 100%;
height: 100%;
border: 0.25em solid rgba(165, 220, 134, 0.3);
border-radius: 50%;
}
.swal2-icon.swal2-success .swal2-success-fix {
position: absolute;
z-index: 1;
top: 0.5em;
left: 1.625em;
width: 0.4375em;
height: 5.625em;
transform: rotate(-45deg);
}
.swal2-icon.swal2-success [class^=swal2-success-line] {
display: block;
position: absolute;
z-index: 2;
height: 0.3125em;
border-radius: 0.125em;
background-color: #a5dc86;
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
top: 2.875em;
left: 0.8125em;
width: 1.5625em;
transform: rotate(45deg);
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
top: 2.375em;
right: 0.5em;
width: 2.9375em;
transform: rotate(-45deg);
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
-webkit-animation: swal2-animate-success-line-tip 0.75s;
animation: swal2-animate-success-line-tip 0.75s;
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
-webkit-animation: swal2-animate-success-line-long 0.75s;
animation: swal2-animate-success-line-long 0.75s;
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
-webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
animation: swal2-rotate-success-circular-line 4.25s ease-in;
}
.swal2-progress-steps {
flex-wrap: wrap;
align-items: center;
max-width: 100%;
margin: 1.25em auto;
padding: 0;
background: inherit;
font-weight: 600;
}
.swal2-progress-steps li {
display: inline-block;
position: relative;
}
.swal2-progress-steps .swal2-progress-step {
z-index: 20;
flex-shrink: 0;
width: 2em;
height: 2em;
border-radius: 2em;
background: #2778c4;
color: #fff;
line-height: 2em;
text-align: center;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
background: #2778c4;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
background: #add8e6;
color: #fff;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
background: #add8e6;
}
.swal2-progress-steps .swal2-progress-step-line {
z-index: 10;
flex-shrink: 0;
width: 2.5em;
height: 0.4em;
margin: 0 -1px;
background: #2778c4;
}
[class^=swal2] {
-webkit-tap-highlight-color: transparent;
}
.swal2-show {
-webkit-animation: swal2-show 0.3s;
animation: swal2-show 0.3s;
}
.swal2-hide {
-webkit-animation: swal2-hide 0.15s forwards;
animation: swal2-hide 0.15s forwards;
}
.swal2-noanimation {
transition: none;
}
.swal2-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
.swal2-rtl .swal2-close {
margin-right: initial;
margin-left: 0;
}
.swal2-rtl .swal2-timer-progress-bar {
right: 0;
left: auto;
}
@-webkit-keyframes swal2-toast-show {
0% {
transform: translateY(-0.625em) rotateZ(2deg);
}
33% {
transform: translateY(0) rotateZ(-2deg);
}
66% {
transform: translateY(0.3125em) rotateZ(2deg);
}
100% {
transform: translateY(0) rotateZ(0deg);
}
}
@keyframes swal2-toast-show {
0% {
transform: translateY(-0.625em) rotateZ(2deg);
}
33% {
transform: translateY(0) rotateZ(-2deg);
}
66% {
transform: translateY(0.3125em) rotateZ(2deg);
}
100% {
transform: translateY(0) rotateZ(0deg);
}
}
@-webkit-keyframes swal2-toast-hide {
100% {
transform: rotateZ(1deg);
opacity: 0;
}
}
@keyframes swal2-toast-hide {
100% {
transform: rotateZ(1deg);
opacity: 0;
}
}
@-webkit-keyframes swal2-toast-animate-success-line-tip {
0% {
top: 0.5625em;
left: 0.0625em;
width: 0;
}
54% {
top: 0.125em;
left: 0.125em;
width: 0;
}
70% {
top: 0.625em;
left: -0.25em;
width: 1.625em;
}
84% {
top: 1.0625em;
left: 0.75em;
width: 0.5em;
}
100% {
top: 1.125em;
left: 0.1875em;
width: 0.75em;
}
}
@keyframes swal2-toast-animate-success-line-tip {
0% {
top: 0.5625em;
left: 0.0625em;
width: 0;
}
54% {
top: 0.125em;
left: 0.125em;
width: 0;
}
70% {
top: 0.625em;
left: -0.25em;
width: 1.625em;
}
84% {
top: 1.0625em;
left: 0.75em;
width: 0.5em;
}
100% {
top: 1.125em;
left: 0.1875em;
width: 0.75em;
}
}
@-webkit-keyframes swal2-toast-animate-success-line-long {
0% {
top: 1.625em;
right: 1.375em;
width: 0;
}
65% {
top: 1.25em;
right: 0.9375em;
width: 0;
}
84% {
top: 0.9375em;
right: 0;
width: 1.125em;
}
100% {
top: 0.9375em;
right: 0.1875em;
width: 1.375em;
}
}
@keyframes swal2-toast-animate-success-line-long {
0% {
top: 1.625em;
right: 1.375em;
width: 0;
}
65% {
top: 1.25em;
right: 0.9375em;
width: 0;
}
84% {
top: 0.9375em;
right: 0;
width: 1.125em;
}
100% {
top: 0.9375em;
right: 0.1875em;
width: 1.375em;
}
}
@-webkit-keyframes swal2-show {
0% {
transform: scale(0.7);
}
45% {
transform: scale(1.05);
}
80% {
transform: scale(0.95);
}
100% {
transform: scale(1);
}
}
@keyframes swal2-show {
0% {
transform: scale(0.7);
}
45% {
transform: scale(1.05);
}
80% {
transform: scale(0.95);
}
100% {
transform: scale(1);
}
}
@-webkit-keyframes swal2-hide {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(0.5);
opacity: 0;
}
}
@keyframes swal2-hide {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(0.5);
opacity: 0;
}
}
@-webkit-keyframes swal2-animate-success-line-tip {
0% {
top: 1.1875em;
left: 0.0625em;
width: 0;
}
54% {
top: 1.0625em;
left: 0.125em;
width: 0;
}
70% {
top: 2.1875em;
left: -0.375em;
width: 3.125em;
}
84% {
top: 3em;
left: 1.3125em;
width: 1.0625em;
}
100% {
top: 2.8125em;
left: 0.8125em;
width: 1.5625em;
}
}
@keyframes swal2-animate-success-line-tip {
0% {
top: 1.1875em;
left: 0.0625em;
width: 0;
}
54% {
top: 1.0625em;
left: 0.125em;
width: 0;
}
70% {
top: 2.1875em;
left: -0.375em;
width: 3.125em;
}
84% {
top: 3em;
left: 1.3125em;
width: 1.0625em;
}
100% {
top: 2.8125em;
left: 0.8125em;
width: 1.5625em;
}
}
@-webkit-keyframes swal2-animate-success-line-long {
0% {
top: 3.375em;
right: 2.875em;
width: 0;
}
65% {
top: 3.375em;
right: 2.875em;
width: 0;
}
84% {
top: 2.1875em;
right: 0;
width: 3.4375em;
}
100% {
top: 2.375em;
right: 0.5em;
width: 2.9375em;
}
}
@keyframes swal2-animate-success-line-long {
0% {
top: 3.375em;
right: 2.875em;
width: 0;
}
65% {
top: 3.375em;
right: 2.875em;
width: 0;
}
84% {
top: 2.1875em;
right: 0;
width: 3.4375em;
}
100% {
top: 2.375em;
right: 0.5em;
width: 2.9375em;
}
}
@-webkit-keyframes swal2-rotate-success-circular-line {
0% {
transform: rotate(-45deg);
}
5% {
transform: rotate(-45deg);
}
12% {
transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
}
}
@keyframes swal2-rotate-success-circular-line {
0% {
transform: rotate(-45deg);
}
5% {
transform: rotate(-45deg);
}
12% {
transform: rotate(-405deg);
}
100% {
transform: rotate(-405deg);
}
}
@-webkit-keyframes swal2-animate-error-x-mark {
0% {
margin-top: 1.625em;
transform: scale(0.4);
opacity: 0;
}
50% {
margin-top: 1.625em;
transform: scale(0.4);
opacity: 0;
}
80% {
margin-top: -0.375em;
transform: scale(1.15);
}
100% {
margin-top: 0;
transform: scale(1);
opacity: 1;
}
}
@keyframes swal2-animate-error-x-mark {
0% {
margin-top: 1.625em;
transform: scale(0.4);
opacity: 0;
}
50% {
margin-top: 1.625em;
transform: scale(0.4);
opacity: 0;
}
80% {
margin-top: -0.375em;
transform: scale(1.15);
}
100% {
margin-top: 0;
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes swal2-animate-error-icon {
0% {
transform: rotateX(100deg);
opacity: 0;
}
100% {
transform: rotateX(0deg);
opacity: 1;
}
}
@keyframes swal2-animate-error-icon {
0% {
transform: rotateX(100deg);
opacity: 0;
}
100% {
transform: rotateX(0deg);
opacity: 1;
}
}
@-webkit-keyframes swal2-rotate-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes swal2-rotate-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes swal2-animate-question-mark {
0% {
transform: rotateY(-360deg);
}
100% {
transform: rotateY(0);
}
}
@keyframes swal2-animate-question-mark {
0% {
transform: rotateY(-360deg);
}
100% {
transform: rotateY(0);
}
}
@-webkit-keyframes swal2-animate-i-mark {
0% {
transform: rotateZ(45deg);
opacity: 0;
}
25% {
transform: rotateZ(-25deg);
opacity: 0.4;
}
50% {
transform: rotateZ(15deg);
opacity: 0.8;
}
75% {
transform: rotateZ(-5deg);
opacity: 1;
}
100% {
transform: rotateX(0);
opacity: 1;
}
}
@keyframes swal2-animate-i-mark {
0% {
transform: rotateZ(45deg);
opacity: 0;
}
25% {
transform: rotateZ(-25deg);
opacity: 0.4;
}
50% {
transform: rotateZ(15deg);
opacity: 0.8;
}
75% {
transform: rotateZ(-5deg);
opacity: 1;
}
100% {
transform: rotateX(0);
opacity: 1;
}
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
overflow: hidden;
}
body.swal2-height-auto {
height: auto !important;
}
body.swal2-no-backdrop .swal2-container {
background-color: transparent !important;
pointer-events: none;
}
body.swal2-no-backdrop .swal2-container .swal2-popup {
pointer-events: all;
}
body.swal2-no-backdrop .swal2-container .swal2-modal {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
@media print {
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
overflow-y: scroll !important;
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
display: none;
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
position: static !important;
}
}
body.swal2-toast-shown .swal2-container {
box-sizing: border-box;
width: 360px;
max-width: 100%;
background-color: transparent;
pointer-events: none;
}
body.swal2-toast-shown .swal2-container.swal2-top {
top: 0;
right: auto;
bottom: auto;
left: 50%;
transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
top: 0;
right: 0;
bottom: auto;
left: auto;
}
body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
top: 0;
right: auto;
bottom: auto;
left: 0;
}
body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
top: 50%;
right: auto;
bottom: auto;
left: 0;
transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-center {
top: 50%;
right: auto;
bottom: auto;
left: 50%;
transform: translate(-50%, -50%);
}
body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
top: 50%;
right: 0;
bottom: auto;
left: auto;
transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
top: auto;
right: auto;
bottom: 0;
left: 0;
}
body.swal2-toast-shown .swal2-container.swal2-bottom {
top: auto;
right: auto;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
top: auto;
right: 0;
bottom: 0;
left: auto;
}.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-state-disabled { cursor: default !important; }  .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }  .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
.ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin-top: 2px; padding: .5em .5em .5em .7em; zoom: 1; }
.ui-accordion .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-noicons { padding-left: .7em; }
.ui-accordion .ui-accordion-icons .ui-accordion-icons { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-accordion-header-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; zoom: 1; }
.ui-autocomplete {
position: absolute;
top: 0; cursor: default;
} * html .ui-autocomplete { width:1px; } .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } .ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active { text-decoration: none; }
.ui-button-icon-only { width: 2.2em; } button.ui-button-icon-only { width: 2.4em; } .ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } .ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } input.ui-button { padding: .4em 1em; } .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } button.ui-button::-moz-focus-inner { border: 0; padding: 0; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } .ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } .ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-cover {
position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 200px; height: 200px; }.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; outline: none; }
.ui-menu .ui-menu { margin-top: -3px; position: absolute; }
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100%; }
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal; }
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }
.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5; }
.ui-menu .ui-state-disabled a { cursor: default; } .ui-menu-icons { position: relative; }
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em; } .ui-menu .ui-icon { position: absolute; top: .2em; left: .2em; } .ui-menu .ui-menu-icon { position: static; float: right; }
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }.ui-spinner { position:relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; }
.ui-spinner-input { border: none; background: none; padding: 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 22px; }
.ui-spinner-button { width: 16px; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; }
.ui-spinner a.ui-spinner-button { border-top: none; border-bottom: none; border-right: none; } .ui-spinner .ui-icon { position: absolute; margin-top: -8px; top: 50%; left: 0; } .ui-spinner-up { top: 0; }
.ui-spinner-down { bottom: 0; } .ui-spinner .ui-icon-triangle-1-s { background-position:-65px -16px;
}
.ui-tabs { position: relative; padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
} * html .ui-tooltip {
background-image: none;
}
body .ui-tooltip { border-width: 2px; } .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(//www.moksi.co.za/wp-content/plugins/wp-user-frontend/assets/css/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(//www.moksi.co.za/wp-content/plugins/wp-user-frontend/assets/css/images/ui-bg_diagonals-small_75_cccccc_40x40.png) 50% 50% repeat; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(//www.moksi.co.za/wp-content/plugins/wp-user-frontend/assets/css/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(//www.moksi.co.za/wp-content/plugins/wp-user-frontend/assets/css/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(//www.moksi.co.za/wp-content/plugins/wp-user-frontend/assets/css/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(//www.moksi.co.za/wp-content/plugins/wp-user-frontend/assets/css/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(//www.moksi.co.za/wp-content/plugins/wp-user-frontend/assets/css/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); }   .ui-icon { width: 16px; height: 16px; background-image: url(//www.moksi.co.za/wp-content/plugins/wp-user-frontend/assets/css/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(//www.moksi.co.za/wp-content/plugins/wp-user-frontend/assets/css/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(//www.moksi.co.za/wp-content/plugins/wp-user-frontend/assets/css/images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(//www.moksi.co.za/wp-content/plugins/wp-user-frontend/assets/css/images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(//www.moksi.co.za/wp-content/plugins/wp-user-frontend/assets/css/images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(//www.moksi.co.za/wp-content/plugins/wp-user-frontend/assets/css/images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(//www.moksi.co.za/wp-content/plugins/wp-user-frontend/assets/css/images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(//www.moksi.co.za/wp-content/plugins/wp-user-frontend/assets/css/images/ui-icons_cd0a0a_256x240.png); } .ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }  .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-widget-overlay { background: #ffffff url(//www.moksi.co.za/wp-content/plugins/wp-user-frontend/assets/css/images/ui-bg_flat_0_ffffff_40x100.png) 50% 50% repeat-x; opacity: .9;filter:Alpha(Opacity=90); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(//www.moksi.co.za/wp-content/plugins/wp-user-frontend/assets/css/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .3;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.lity-active,.lity-active body{overflow:hidden}.lity{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;background:#0b0b0b;background:rgba(0,0,0,.9);outline:none!important;opacity:0;transition:opacity .3s ease}.lity.lity-opened{opacity:1}.lity.lity-closed{opacity:0}.lity *{box-sizing:border-box}.lity-wrap{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center;outline:none!important}.lity-wrap:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}.lity-loader{z-index:9991;color:#fff;position:absolute;top:50%;margin-top:-.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;transition:opacity .3s ease}.lity-loading .lity-loader{opacity:1}.lity-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none!important}.lity-content{z-index:9993;width:100%;transform:scale(1);transition:transform .3s ease}.lity-closed .lity-content,.lity-loading .lity-content{transform:scale(.8)}.lity-content:after{content:"";position:absolute;left:0;top:0;bottom:0;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6)}.lity-close,.lity-close:active,.lity-close:focus,.lity-close:hover,.lity-close:visited{z-index:9994;width:35px;height:35px;position:fixed;right:0;top:0;-webkit-appearance:none;cursor:pointer;text-decoration:none;text-align:center;padding:0;color:#fff;font-style:normal;font-size:35px;font-family:Arial,Baskerville,monospace;line-height:35px;text-shadow:0 1px 2px rgba(0,0,0,.6);border:0;background:none;box-shadow:none}.lity-close::-moz-focus-inner{border:0;padding:0}.lity-close:active{top:1px}.lity-image img{max-width:100%;display:block;line-height:0;border:0}.lity-iframe .lity-container{width:100%;max-width:964px}.lity-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;transform:translateZ(0);-webkit-overflow-scrolling:touch}.lity-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.lity-hide{display:none}.app-promo {
position: fixed;
bottom: -100px; left: 50%;
transform: translateX(-50%);
width: 90%;
max-width: 320px;
background-color: #333;
color: #fff;
padding: 15px;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
display: flex;
align-items: center;
justify-content: space-between;
z-index: 9999;
transition: bottom 0.3s ease-in-out;
} .app-promo.show {
bottom: 20px; } .app-promo-content p {
margin: 0;
font-size: 16px;
}
.download-link {
color: #fff;
background-color: #4caf50;
padding: 5px 10px;
border-radius: 5px;
text-decoration: none;
font-size: 14px;
margin-right: 5px;
}
.download-link:hover {
background-color: #45a049;
}
.dokan-pagination-container {
padding-top: 25px !important;
} .close-btn {
background: none;
border: none;
color: #fff;
font-size: 18px;
cursor: pointer;
}
.pi-edd.pi-edd-cart {
padding: 0 !important;
}
fieldset#field_3_1 {
margin-bottom: -20px;
}
a.wp-block-button__link.has-moksi-grey-color.has-moksi-orange-background-color.has-text-color.has-background.no-border-radius.wp-element-button:hover {
color: #fff;
}
a.wp-block-button__link.has-moksi-grey-color.has-moksi-grey-background-color.has-text-color.has-background.no-border-radius.wp-element-button {
color: #fff;
}
a.wp-block-button__link.has-moksi-grey-color.has-moksi-grey-background-color.has-text-color.has-background.no-border-radius.wp-element-button:hover,
a.wp-block-button__link.has-white-color.has-moksi-grey-background-color.has-text-color.has-background.no-border-radius.wp-element-button:hover{
color: #F37321;
} span.color-swatch {
border: 1px solid #434343 !important;
border-radius: 5px;
}
span.color-swatch:hover {
border: 0px solid #434343 !important;
border-radius: 5px;
} button.pum-close.popmake-close {
padding: 10px !important;
line-height: 10px !important;
} div#popmake-145164 {
padding: 10px !important;
} input#gform_submit_button_3 {
margin: 0 auto !important;
} .woocommerce div.product form.cart .variations tr {
display: table-row;
width: 100%;
margin-bottom: 15px; } .woocommerce div.product form.cart .variations th,
.woocommerce div.product form.cart .variations td {
display: table-cell;
vertical-align: top;
} .woocommerce div.product form.cart .variations th label {
margin-right: 10px;
} .woocommerce div.product form.cart .variations .variable-items-wrapper {
display: flex;
flex-direction: row;
align-items: center;
}
span.variable-item-span.variable-item-span-button {
font-size: 0.9rem !important;
padding: 5px !important;
}
table.variations tr td {
display: block !important;
}
.gform_heading { display: none !important;}
.newsletter-signup-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
align-items: center;
justify-items: center;
}
.image-container img {
max-width: 100%;
height: auto;
}
.form-container {
text-align: left;
}
.row-actions a {
visibility: visible !important;
}
a.button.tips.wpo_wcpdf.invoice.pdf {
display: none !important;
}
.cwginstock-subscribe-form .panel-primary>.panel-heading {
color: #333E4A !important;
background-color: #ffede1 !important;
border-color: #ffede1 !important;
}
.cwginstock-panel-heading h4 {
color: #333E4A !important;
}
.cwginstock-subscribe-form .panel-primary {
border-color: #ffede1 !important;
}
.wedocs-single-search-input {
display: none;
}
.dokan-panel.dokan-panel-default.dokan-profile-completeness {
display: none !important;
}
.dokan-dashboard-wrap .dokan-dashboard-content .dokan-alert:first-child {
display: none;
}
@media only screen and (max-width: 600px) {
.pi-edd-loop {
background: #ffffff;
color: #000000;
padding: 5px 5px;
text-align: left;
display: none;
}
}
.wd-product-cats {
display: none;
}
#dokan-navigation > ul > li.social, div.dokan-product-inventory.dokan-edit-row > div.dokan-section-content > div:nth-child(6) > label {
display: none !important;
}
.vendor-customer-registration {
display: none !important;
}
.d-none{
display:none !important;
}
.form-field.pisol_edd_disable_estimate_field {
display: flex;
}
.form-field.pisol_edd_disable_estimate_field label {
width: 15%;
}
#pisol_edd input,
#pisol_edd select{
font-size: 14px;
line-height: 2;
color: #2c3338;
border: 1px solid #8c8f94;
box-shadow: none;
border-radius: 3px;
padding: 0 24px 0 8px;
height: 30px;
max-width: 25rem;
-webkit-appearance: none;
background-size: 16px 16px;
cursor: pointer;
vertical-align: middle;
}
#pisol_edd select {
background: #fff url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E") no-repeat right 5px top 55%;
}
#pisol_edd .form-field label {
width: 15%;
}
#pisol_edd .form-field {
display: flex;
padding: 10px;
}
.dokan-edit-row .dokan-section-heading.js-section-heading .fa-sort-down {
transform: rotate(0deg);
}
.dokan-edit-row .dokan-section-heading.js-section-heading.active .fa-sort-down {
transform: rotate(180deg) !important;
}
.wd-search-form .searchform input[type="text"] {
padding-right: 50px;
height: 31px  !important;
font-size: 15px;
border-color: var( --e-global-color-secondary )  !important;
border-width: 1px 1px 1px 1px  !important;
border-radius: 3px  !important;
}
.page-template-default .pswp {
display: none !important;
}
.searchform.wd-style-with-bg .searchsubmit {
color: #F37321 !important;
}
input.dokan-btn.dokan-btn-theme,
button.dokan-btn.dokan-btn-theme,
a.dokan-btn.dokan-btn-theme,
input#bulk-product-action,
button.dokan-btn,
input.dokan-right.dokan-btn.dokan-btn-theme
{
border-radius: 5px !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
background: #F37321 !important;
color: #fff !important;
padding: 6px 12px !important
}
.dokan-dashboard-wrap .dokan-form-group #insert-media-button, input[type="submit"].dokan-btn-theme, a.dokan-btn-theme, .dokan-btn-theme {
border-radius: 5px !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
background: #F37321 !important;
color: #fff !important;
}
.store-cat-stack-dokan.cat-drop-stack ul {
padding-left: 0;
margin-left: 0;
}
.store-cat-stack-dokan.cat-drop-stack ul li {
line-height: 2em;
text-decoration: none !important;
}
aside.widget.dokan-store-widget.dokan-store-menu h3 {
margin-top: 0;
}
.dokan-dashboard .dokan-dash-sidebar ul.dokan-dashboard-menu li.active:after {
display: none !important;
}
input.wpuf-submit-button{
font-size: 16px;
padding: 5px 15px;
line-height: inherit;
height: inherit;
border: 1px solid #ccc;
background: #F37321 !important;
border-color: #F37321 !important;
-webkit-box-shadow: 0 1px 0 #F37321;
color: #fff;
text-decoration: none;
text-shadow: unset !important;
border-radius: 5px !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
padding: 14px 25px !important
}
.wp-block-pullquote {
line-height: 1.6;
font-size: 3.5em;
padding: 0;
margin: 1em 0;
color: #F37321
}
h4.wp-block-heading.creatorbenefits {
font-weight: 600;
letter-spacing: 1px;
color: #F37321;
font-size: 1.2em;
}
.wp-block-image.appimage {
width: 250px !important;
margin: 0 auto !important;
}
.wp-block-image.is-style-default.moksiaboutimage img {
margin-bottom: 1em !important;
}
a.wp-block-button__link.has-text-align-center.wp-element-button {
color: #fff;
}
.wp-block-buttons.is-content-justification-center.is-layout-flex.wp-container-core-buttons-layout-1.wp-block-buttons-is-layout-flex {
margin-top: 20px;
}
div.dashboard-widget.big-counter > ul > li > div.count {
position: unset;
}
ul.slick-dots {
display: none !important
}
button.slick-next.slick-arrow, button.slick-prev.slick-arrow {
background: transparent !important;
padding: 0 !important;
color: #fff !important;
font-size: 0px !important;
}
.wd-carousel-container.banners-carousel-wrapper .owl-dots {
display: none;
}
.cr-reviews-slider .cr-review-card {
box-sizing: border-box;
padding: 0px 10px;
height: auto;
}
.review-product .product-thumbnail img {
height: 200px !important;
width: 200px !important;
}
.cr-reviews-slider .cr-review-card .cr-review-card-inner {
box-shadow: 0px 0px 8px 1px rgb(243 115 33 / 50%);
border-radius: 10px;
}
.cr-review-card {
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
}
.product-title a {
color: #F37321!important;
}
.product-thumbnail img {
margin: 0 auto!important;
}
.cr-review-card .review-product {
display: block!important;
background: transparent!important;
}
.cr-reviews-slider .cr-review-card .middle-row {
background: transparent!important;
border: 0px;
flex: unset !important
}
.cr-reviews-slider .cr-review-card {
padding: 0px 30px!important;
}
.cr-reviews-slider .cr-review-card .review-product .product-title {
text-align: center!important;
margin-top: 10px!important;
}
.cr-review-card .rating-row .crstar-rating {
margin: 0 auto!important;
}
.cr-review-card  .rating-row .rating-label {
display: none;
}
.cr-review-card .datetime {
display: none;
}
.cr-reviews-slider .cr-review-card .rating-row {
display: block!important;
}
.cr-reviews-slider .cr-review-card .top-row .reviewer {
text-align: center!important;
}
.cr-reviews-slider .cr-review-card .top-row {
display: block!important;
}
.cr-reviews-slider .cr-review-card .top-row .reviewer .reviewer-name {
display: block!important;
}
.cr-reviews-slider .cr-review-card .top-row {
border: 0px!important;
}
.cr-review-card .review-text {
height: 60px;
}
.cr-reviews-slider .slick-prev:before, .cr-reviews-slider .slick-next:before {
color: #F37321!important;
font-size: 35px!important;
}
.cr-review-card-inner:before {
content: "";
background: #FFEDE1;
border-radius: 10px;
width: 380px;
height: 110px;
padding: 140px;
display: block;
z-index: -1;
position: absolute;
margin-left: -32px;
top: 20%;
}
.homepage-faqs .faq-row {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.homepage-faqs .faq-item {
flex-basis: 48%; border: 1px solid #F37321;
margin: 0;
padding: 15px 20px;
line-height: 1.4;
cursor: pointer;
outline: none;
}
.faq-answer ul {
margin: 0;
}
.faq-item h3 {
text-transform: capitalize !important;
margin-bottom: 0;
font-size: 1em !important;
font-weight: 700 !important;
line-height: 35px;
margin-top: 0 !important;
}
.faq-question {
cursor: pointer;
}
.faq-answer {
display: none;
}
.homepage-generic-text {
column-count: 2;
column-gap: 20px;
margin-top: 20px;
}
.moksi_hr {
text-align: center;
margin-bottom: 15px;
width: 120px;
height: 3px;
background-color: #F37321;
border: 0
}
.blog-entries-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
.blog-entry {
text-align: center;
}
.blog-entry-image {
width: 100%;
height: auto;
}
.blog-entry-image img {
height: 250px !important;
object-fit: cover !important;
}
@media (max-width: 768px) {
.blog-entries-grid {
grid-template-columns: 1fr;
}
.homepage-generic-text {
column-count: 1;
text-align: center;
}
.moksi_hr {
display: none !important
}
.homepage-faqs .faq-row {
flex-direction: column;
}
.homepage-faqs .faq-item {
flex-basis: 100%; margin-bottom: 20px; } .homepage-faqs .faq-item:last-child {
margin-bottom: 0;
}
.wp-block-pullquote {
line-height: 1;
font-size: 1.5em;
padding: 0;
margin: 1em 0;
}
.woocommerce nav.woocommerce-pagination {
display: flex;
justify-content: end;
margin-top: 150px !important;
}
.product-card a .title-price__wrap {
flex: 1;
display: flex;
flex-direction: column;
bottom: 0px;
left: 0;
width: 100%;
max-height: 60px !important;
}
.product-card a {
text-decoration: none;
display: flex;
flex-direction: column;
height: 250px !important;
position: relative;
}
}
.header-top-navigation {
background-color: #333E4A;
padding: 0.5em 0;
}
.header-top-navigation .container-fluid .top-menus {
display: flex;
justify-content: space-between; }
.header-top-navigation ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
.header-top-navigation li {
padding: 0.5em 1em; }
.header-top-navigation .menu a {
color: white;
text-decoration: none;
font-size: 14px;
}
.header-top-navigation .menu a:hover {
color: #F37321;
text-decoration: none;
font-size: 14px;
}
.top-menus {
max-width: 1440px;
width: 100%;
margin: 0 auto;
} @media (max-width: 768px) {
.header-top-navigation {
display: none;
} #site-navigation .primary-menu {
display: none;
}
#site-navigation .mobile-menu {
display: block;
}
} @media (min-width: 769px) {
#site-navigation .mobile-menu {
display: none;
}
}    html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  html {
font-size: 62.5%;
}
body,
button,
input,
select,
optgroup,
textarea {
color: #333E4A;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1.6rem;
line-height: 1.5;
}
body {
background: white;
font-family: 'Manrope', sans-serif;
font-weight: 300;
line-height: 1.4;
color: #333E4A;
}
p {
margin-bottom: 1rem;
}
h1,
h2,
h3,
h4,
h5 {
margin: 3rem 0;
font-weight: 300;
line-height: 1.3;
}
h1 {
margin-top: 0;
font-size: 4rem;
font-weight: 300;
}
h2 {
font-size: 3.5rem;
}
h3 {
font-size: 2rem;
}
h4 {
font-size: 1.6rem;
}
h5 {
font-size: 1.414rem;
}
.text-uppercase {
text-transform: inherit;
}
small,
.text_small {
font-size: 0.707rem;
}
@media screen and (max-width: 768px) {
h2 {
font-size: 2.5rem;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
letter-spacing: 2px;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
.txt-uppercase {
text-transform: uppercase;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
height: 100%;
display: block;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
.product-section {
margin: 30px 0 !important;
padding: 0 !important;
}
.product-card {
padding: 7px !important;
height: 350px;
width: 250px !important;
margin: 0 auto;
}
.product-card a {
text-decoration: none;
display: flex;
flex-direction: column;
height: 400px;
position: relative;
}
.product-card a .title-price__wrap {
flex: 1;
display: flex;
flex-direction: column;
bottom: 0px;
left: 0;
width: 100%;
}
.product-card a .title-price__wrap .card-price {
margin-top: 5px;
}
.product-card a .title-price__wrap .card-title {
flex: 1;
}
.products .product-card a .title-price__wrap .card-title {
flex: unset;
}
.product-card .woocommerce-loop-product__title {
text-transform: capitalize;
color: #333E4A;
font-weight: 300;
line-height: 1.4;
letter-spacing: 1px;
text-align: center;
padding: 0 !important;
margin: 0;
line-height: 1.2em;
max-height: 2.4em;
overflow: hidden;
text-overflow: ellipsis;
}
.product-card .card-body {
flex: 1;
padding: 10px 5px;
text-align: center;
}
.product-card .card-body h3 {
text-transform: uppercase;
color: #333E4A;
font-size: 1.4rem;
font-weight: 500;
letter-spacing: 1px;
text-align: center;
padding: 0 !important;
margin: 0;
transition: opacity 0.5s ease;
}
.product-card .card-img {
margin-bottom: 15px;
position: relative;
}
.product-card .card-price p,
.product-card .price {
text-decoration: none;
color: #333E4A !important;
font-size: 1.4rem !important;
font-weight: 300 !important;
letter-spacing: 1.2px;
text-align: center;
margin-top: 0 !important;
display: block;
}
.product-card .price {
display: flex;
justify-content: center;
flex-wrap: wrap;
} .product-card .card-price p ins,
.product-card .price ins {
font-weight: 300 !important;
}
.product-card:hover h3 {
color: #F37321;
}
.product-card:hover h2 {
color: #F37321;
}
.woocommerce ul.products li.product .card-price .price {
display: flex;
gap: 3px;
justify-content: center;
}
@media screen and (min-width: 576px) {
.product-card {
padding: 8px;
}
.product-card .card-body h3 {
font-size: 1.6rem;
}
.product-card .card-price p,
.product-card .price {
font-size: 0.9em !important;
}
} a {
color: #333E4A;
text-decoration: none;
}
a:visited {
color: #333E4A;
}
a:hover, a:focus, a:active {
color: #F37321;
}
a:focus {
outline: 0;
}
a:hover, a:active {
outline: 0;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #F37321;
border-radius: 3px;
background: rgba(243, 115, 33, 1) !important;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #F37321;
}
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
.theme-btn__wrap {
display: flex;
justify-content: center;
text-align: center;
}
.theme-btn__wrap .simple-btn {
text-decoration: none;
color: #F37321;
font-size: 1.8rem;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;
}
.theme-btn__wrap .simple-btn:hover {
text-decoration: underline;
}
.theme-btn,
button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
button.button.alt.disabled,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
#respond
input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
button.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles))
.woocommerce
#respond
input#submit,
:where(body:not(.woocommerce-block-theme-has-button-styles))
.woocommerce
a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles))
.woocommerce
button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles))
.woocommerce
input.button {
background: rgba(243, 115, 33, 1) !important;
padding: 10px 40px !important;
text-transform: uppercase;
text-decoration: unset !important;
color: #333E4A !important;
font-weight: 500 !important;
font-size: 14px !important;
line-height: 1;
border-radius: unset;
min-height: unset;
display: inline-block;
font-family: 'Manrope', sans-serif;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background: rgba(243, 115, 33, 1) !important;
color: #fff !important;
}
.theme-btn:hover,
button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
button.button.alt.disabled:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
#respond
input#submit:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
a.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
button.button:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles))
.woocommerce
#respond
input#submit:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles))
.woocommerce
a.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles))
.woocommerce
button.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles))
.woocommerce
input.button:hover {
background-color: #F37321 !important;
}
.woocommerce div.product form.cart .button {
width: 100%;
}
.woocommerce-Button.button {
margin-top: 20px !important;
}
form em {
font-size: 14px;
font-weight: 200;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
color: #666;
border: 1px solid rgba(196, 185, 139, 0.33);
border-radius: 0;
padding: 7px 10px;
font-family: 'Manrope', sans-serif;
font-weight: 300;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
color: #111;
}
select {
border: 1px solid rgba(196, 185, 139, 0.33);
max-width: 95%;
padding: 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(//www.moksi.co.za/wp-content/themes/moksi-shop/assets/images/arrow-down.svg);
background-size: 16px;
background-repeat: no-repeat;
background-position: 98%;
-ms-word-break: normal;
word-break: normal;
font-weight: 300;
}
select:focus-visible {
outline: 1px solid #F37321;
}
textarea {
width: 100%;
}
.wl-privacy-col select {
width: 100%;
}
#wl-wrapper .wl-table.shop_table_responsive td {
text-align: left;
}
#wl-wrapper .wl-table .check-column,
#wl-wrapper .wl-table .product-remove {
text-align: left;
}
#wl-wrapper .wl-privacy-col,
#wl-wrapper .wl-table .product-price,
#wl-wrapper .wl-table .product-purchase,
#wl-wrapper .wl-table .wl-date-added {
text-align: left !important;
}   .main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul .sub-menu__container {
width: 100%;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 85%;
left: 0;
z-index: 99999;
background: #fff;
padding: 15px;
display: none;
}
.main-navigation ul .sub-menu__container .sub-menu {
display: flex;
flex-direction: column;
width: 230px;
}
.main-navigation ul .sub-menu__container .sub-menu .menu-all__link {
margin-top: auto;
padding-bottom: 30px;
}
.main-navigation ul .sub-menu__container .sub-menu .sub-menu__ttle {
font-size: 1.4rem;
font-weight: 400;
color: rgba(243, 115, 33, 1) !important;
margin-left: 10px;
}
.main-navigation ul .sub-menu__container li:hover > ul,
.main-navigation ul .sub-menu__container li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul .sub-menu__container a {
text-transform: capitalize;
padding: 10px;
}
.main-navigation ul .sub-menu__container :hover > a,
.main-navigation ul .sub-menu__container .focus > a {
outline: none;
}
.main-navigation ul .sub-menu__container span {
background: rgba(243, 115, 33, 1) !important;
padding: 10px 5px;
font-size: 1.2rem;
text-transform: uppercase;
text-decoration: unset;
text-align: center;
font-weight: 500;
color: #333E4A;
line-height: 1;
display: block;
position: relative;
top: -45px;
margin-right: 10px;
margin-left: 10px;
}
.main-navigation ul .sub-menu__container .menu-categories__wrap {
margin-bottom: -30px !important;
width: 100%;
}
.main-navigation ul .sub-menu__container .menu-categories__wrap img {
max-height: 300px;
width: 100%;
object-fit: cover;
}
.main-navigation ul .sub-menu__container .menu-categories__wrap a:hover > span {
background: #F37321;
}
.main-navigation ul li:hover > .sub-menu__container,
.main-navigation ul li.focus > .sub-menu__container {
left: 0;
display: flex;
}
.main-navigation a {
display: block;
text-decoration: none;
text-transform: uppercase;
padding: 1rem;
color: #333E4A;
font-size: 1.1rem;
font-weight: 600;
letter-spacing: 1px;
}
.main-navigation a:hover {
color: #F37321;
}
.main-navigation.toggled ul {
background: #fff;
width: 100vw;
left: 0;
position: absolute;
top: 0;
height: 100vh;
text-align: center;
padding-top: 80px;
z-index: 9999;
}
.main-navigation.toggled .open-menu {
display: none;
}
.main-navigation.toggled .close-menu {
display: block;
font-size: 30px;
font-weight: 500;
color: #F37321;
}
.main-navigation .close-menu {
display: none;
}
.main-navigation.toggled .menu-toggle {
position: absolute !important;
top: 0;
left: 50%;
top: 30px;
transform: translateX(-50%);
}
.main-navigation button.menu-toggle {
z-index: 9999999999;
position: relative;
background: none !important;
border: aliceblue;
padding: 0 !important;
cursor: pointer;
}
.menu-item .sub-menu .sub-menu__container {
left: 40% !important;
top: 10% !important;
}
@media screen and (max-width: 768px) {
.menu-item .sub-menu .sub-menu__container {
left: 0 !important;
top: 0 !important;
}
.main-navigation ul .sub-menu__container {
width: 100%;
box-shadow: 0 !important;
float: left;
position: absolute;
top: 0 !important;
z-index: 99999;
background: #fff;
padding: 15px;
display: none;
}
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 768px) {
.menu-toggle {
display: none;
}
.main-navigation ul {
position: relative;
display: flex;
width: 100%;
justify-content: center;
}
#primary-menu > li:hover > a::after {
opacity: 1;
transform: translateX(-50%);
}
}
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
}
.header-right {
display: flex;
gap: 20px;
justify-content: end;
}
.header-right .header-right__i {
padding: 0 5px;
}
body.menu-toggled {
overflow-y: hidden;
}
#primary-menu > li a {
position: relative;
}
#primary-menu > li > a::after {
content: "";
display: block;
width: 60%;
margin: 0 auto;
height: 3px;
background: #F37321;
position: absolute;
bottom: 0;
left: 50%;
opacity: 0;
transition: 0.3s all ease-in-out;
transform: translateX(-50%);
}
.header-right {
position: relative;
}
#primary-menu > li:hover > a {
color: #F37321;
}
@media only screen and (max-width: 1260px) and (min-width: 768px) {
.main-navigation ul {
position: unset;
}
.masthead-inner {
position: relative;
}
}
.header-right__search {
display: flex;
align-items: center;
} .sticky {
display: block;
}
.post,
.page {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
section.testimonials-block {
background-position: center !important;
background-size: cover !important;
}
.testimonials-block.sctn-wrp {
padding-left: 15px;
padding-right: 15px;
}
.testimonial-container {
background: rgba(255, 255, 255, 0.76);
padding: 20px;
max-width: 820px;
margin: 0 auto;
width: 100%;
}
.testimonial-copy {
font-size: 1.8rem;
font-weight: 300;
position: relative;
margin-left: 20px;
margin-right: 20px;
}
.testimonial-copy:before {
content: "";
width: 20px;
height: 20px;
display: block;
position: absolute;
top: -15px;
left: -20px;
background-image: url(//www.moksi.co.za/wp-content/themes/moksi-shop/assets/images/left-quote.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.testimonial-copy:after {
content: "";
width: 25px;
height: 20px;
display: block;
position: absolute;
bottom: -5px;
right: -20px;
background-image: url(//www.moksi.co.za/wp-content/themes/moksi-shop/assets/images/right-quote.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.testimonial-item__inner {
width: 100%;
max-width: 480px;
margin: 0 auto;
}
p.attestant {
font-weight: 600;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
} .footer-column.cr__col-lg-2.cr__col-sm-6.cr__col-xs-12 p {
font-size: 1.2rem;
}
.footer-column h4 {
margin: 0.5rem 0 !important;
font-weight: bolder;
}
.footer-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.site-footer {
display: block;
width: 100%;
margin-top: auto;
}
.site-footer ul {
list-style: none;
padding: 0;
margin-left: 0;
}
.site-footer ul li:hover > ul,
.site-footer ul li.focus > ul {
display: block;
}
.site-footer .payment-gateways {
display: flex;
align-items: center;
gap: 20px;
padding: 0;
}
ul.payment-gateways li img {
width: 100% !important;
}
.site-footer .social-links {
display: flex;
align-items: center;
justify-content: center;
padding: 0;
gap: 10px;
}
.site-footer .social-links li:hover > a {
transform: translateY(3px);
}
.site-footer a {
display: block;
text-decoration: none;
padding: 0.2rem 0;
color: #333E4A;
font-weight: 300;
font-size: 1.2rem;
transition: all 0.3s;
}
.site-footer a:hover {
color: #F37321;
}
.site-info img {
max-width: 280px;
width: 100%;
height: auto;
}
.social-links img {
max-height: 24px;
object-fit: contain;
height: 25px !important;
}
@media screen and (max-width: 990px) {
.site-footer .social-links {
justify-content: start;
}
.site-footer a {
font-size: 1.5rem;
}
}
@media screen and (max-width: 576px) {
.site-info img {
margin: 0 auto;
}
.site-footer__wrapper {
text-align: center;
}
.site-footer .payment-gateways,
.site-footer .social-links {
margin-left: 0;
justify-content: center;
}
.site-footer ul {
margin-left: 0;
}
.site-footer a {
padding-top: 10px;
padding-bottom: 10px;
}
.social-links {
max-width: 200px;
}
.site-socials {
display: flex;
flex-direction: column;
align-items: center;
}
.payment-gateways {
padding-bottom: 10px !important;
}
.ftr-contacts,
.social-links {
position: relative;
}
.ftr-contacts::before,
.social-links::before {
content: "";
width: 200px;
height: 1px;
background: rgba(196, 185, 139, 0.32);
position: absolute;
left: 50%;
top: -10px;
transform: translateX(-50%);
}
} .heroSwiper .slider-details {
width: calc(100% - 40px);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding-right: 20px;
padding-left: 20px;
}
.heroSwiper .slider-details .slider-details__wrap {
background: rgba(255, 255, 255, 0.76);
margin: 0 auto;
padding: 20px 10px 30px;
overflow: hidden;
}
.heroSwiper .slider-details h1 {
font-size: 2.4rem;
}
.heroSwiper .slider-details h2 {
text-transform: uppercase;
font-size: 1.4rem;
letter-spacing: 3px;
font-weight: 300;
margin: 10px 0;
}
.heroSwiper .theme-btn {
font-size: 1.6rem;
}
.slider-wrap__inner {
position: relative;
}
.swiper-pagination {
display: flex;
justify-content: center;
gap: 10px;
width: 70%;
max-width: 500px;
margin: 0 auto;
padding: 0px 20px;
}
span.swiper-pagination-bullet {
display: block;
height: 5px;
background: #F37321;
width: 100%;
position: relative;
top: -21px;
z-index: 1;
transition: ease-in 0.4s;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #333E4A;
}
.slider-image img {
display: block;
min-height: 50vh;
max-height: 600px;
width: 100%;
object-fit: cover;
object-position: center;
}
@media only screen and (min-width: 769px) {
.heroSwiper h2 {
font-size: 2.4rem;
}
.heroSwiper h1 {
font-size: 3.5rem;
}
.heroSwiper .slider-details__wrap {
max-width: 650px;
padding: 20px 50px 50px;
}
.heroSwiper span.swiper-pagination-bullet {
height: 8px;
}
} .categories-list__wrapper {
padding: 5px 15px;
}
.category-block__inner {
position: relative;
min-height: 200px;
}
.category-block__inner:hover .theme-btn {
background: #F37321 !important;
}
.category-block__inner .theme-btn__wrap {
width: 100%;
}
.category-block__inner .theme-btn__wrap .theme-btn {
transition: all 0.3s;
}
.category-block {
padding: 5px;
}
.category-block__image {
overflow: hidden;
}
.category-block__image:hover img {
transform: scale(1.1);
}
.category-block__image img {
height: 100%;
min-height: 200px;
object-fit: cover;
object-position: center;
width: 100%;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
@media only screen and (min-width: 769px) {
.category-block__image {
height: 350px;
}
.category-block__inner {
position: relative;
min-height: 200px;
}
.category-block__inner .theme-btn__wrap {
position: absolute;
bottom: 20px;
right: 20px;
justify-content: flex-end;
width: 100%;
}
}
@media only screen and (max-width: 768px) {
.categories-list__wrapper .category-block {
margin-bottom: 10px;
}
.categories-list__wrapper .category-block__image {
margin-bottom: -50px;
}
.category-block__inner .theme-btn__wrap {
width: 100%;
position: relative;
}
.category-block__inner .theme-btn.btn-sm {
width: 100%;
margin: 0 10px;
}
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: rgba(255, 255, 255, 0.76);
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
.items-center {
align-items: center;
}
.justify-between {
justify-content: space-between;
}
.justify-center {
justify-content: center;
}
.text-center {
text-align: center;
}
.d-flex {
display: flex;
} .m-0 {
margin: 0px;
}
.p-0 {
padding: 0px;
}
.m-1 {
margin: 10px;
}
.p-1 {
padding: 10px;
}
.m-2 {
margin: 20px;
}
.p-2 {
padding: 20px;
}
.m-3 {
margin: 30px;
}
.p-3 {
padding: 30px;
}
.m-4 {
margin: 40px;
}
.p-4 {
padding: 40px;
}
.m-5 {
margin: 50px;
}
.p-5 {
padding: 50px;
}
.m-6 {
margin: 60px;
}
.p-6 {
padding: 60px;
}
.m-7 {
margin: 70px;
}
.p-7 {
padding: 70px;
}
.m-8 {
margin: 80px;
}
.p-8 {
padding: 80px;
}
.m-9 {
margin: 90px;
}
.p-9 {
padding: 90px;
}
.m-10 {
margin: 100px;
}
.p-10 {
padding: 100px;
}
.mt-0 {
margin-top: 0px;
}
.pt-0 {
padding-top: 0px;
}
.mt-1 {
margin-top: 10px;
}
.pt-1 {
padding-top: 10px;
}
.mt-2 {
margin-top: 20px;
}
.pt-2 {
padding-top: 20px;
}
.mt-3 {
margin-top: 30px;
}
.pt-3 {
padding-top: 30px;
}
.mt-4 {
margin-top: 40px;
}
.pt-4 {
padding-top: 40px;
}
.mt-5 {
margin-top: 50px;
}
.pt-5 {
padding-top: 50px;
}
.mt-6 {
margin-top: 60px;
}
.pt-6 {
padding-top: 60px;
}
.mt-7 {
margin-top: 70px;
}
.pt-7 {
padding-top: 70px;
}
.mt-8 {
margin-top: 80px;
}
.pt-8 {
padding-top: 80px;
}
.mt-9 {
margin-top: 90px;
}
.pt-9 {
padding-top: 90px;
}
.mt-10 {
margin-top: 100px;
}
.pt-10 {
padding-top: 100px;
}
.mb-0 {
margin-bottom: 0px;
}
.pb-0 {
padding-bottom: 0px;
}
.mb-1 {
margin-bottom: 10px;
}
.pb-1 {
padding-bottom: 10px;
}
.mb-2 {
margin-bottom: 20px;
}
.pb-2 {
padding-bottom: 20px;
}
.mb-3 {
margin-bottom: 30px;
}
.pb-3 {
padding-bottom: 30px;
}
.mb-4 {
margin-bottom: 40px;
}
.pb-4 {
padding-bottom: 40px;
}
.mb-5 {
margin-bottom: 50px;
}
.pb-5 {
padding-bottom: 50px;
}
.mb-6 {
margin-bottom: 60px;
}
.pb-6 {
padding-bottom: 60px;
}
.mb-7 {
margin-bottom: 70px;
}
.pb-7 {
padding-bottom: 70px;
}
.mb-8 {
margin-bottom: 80px;
}
.pb-8 {
padding-bottom: 80px;
}
.mb-9 {
margin-bottom: 90px;
}
.pb-9 {
padding-bottom: 90px;
}
.mb-10 {
margin-bottom: 100px;
}
.pb-10 {
padding-bottom: 100px;
}
.ml-0 {
margin-left: 0px;
}
.pl-0 {
padding-left: 0px;
}
.ml-1 {
margin-left: 10px;
}
.pl-1 {
padding-left: 10px;
}
.ml-2 {
margin-left: 20px;
}
.pl-2 {
padding-left: 20px;
}
.ml-3 {
margin-left: 30px;
}
.pl-3 {
padding-left: 30px;
}
.ml-4 {
margin-left: 40px;
}
.pl-4 {
padding-left: 40px;
}
.ml-5 {
margin-left: 50px;
}
.pl-5 {
padding-left: 50px;
}
.ml-6 {
margin-left: 60px;
}
.pl-6 {
padding-left: 60px;
}
.ml-7 {
margin-left: 70px;
}
.pl-7 {
padding-left: 70px;
}
.ml-8 {
margin-left: 80px;
}
.pl-8 {
padding-left: 80px;
}
.ml-9 {
margin-left: 90px;
}
.pl-9 {
padding-left: 90px;
}
.ml-10 {
margin-left: 100px;
}
.pl-10 {
padding-left: 100px;
}
.mr-0 {
margin-right: 0px;
}
.pr-0 {
padding-right: 0px;
}
.mr-1 {
margin-right: 10px;
}
.pr-1 {
padding-right: 10px;
}
.mr-2 {
margin-right: 20px;
}
.pr-2 {
padding-right: 20px;
}
.mr-3 {
margin-right: 30px;
}
.pr-3 {
padding-right: 30px;
}
.mr-4 {
margin-right: 40px;
}
.pr-4 {
padding-right: 40px;
}
.mr-5 {
margin-right: 50px;
}
.pr-5 {
padding-right: 50px;
}
.mr-6 {
margin-right: 60px;
}
.pr-6 {
padding-right: 60px;
}
.mr-7 {
margin-right: 70px;
}
.pr-7 {
padding-right: 70px;
}
.mr-8 {
margin-right: 80px;
}
.pr-8 {
padding-right: 80px;
}
.mr-9 {
margin-right: 90px;
}
.pr-9 {
padding-right: 90px;
}
.mr-10 {
margin-right: 100px;
}
.pr-10 {
padding-right: 100px;
}
@media (min-width: 320px) {
.m-xs-0 {
margin: 0px;
}
.p-xs-0 {
padding: 0px;
}
}
@media (min-width: 320px) {
.m-xs-1 {
margin: 10px;
}
.p-xs-1 {
padding: 10px;
}
}
@media (min-width: 320px) {
.m-xs-2 {
margin: 20px;
}
.p-xs-2 {
padding: 20px;
}
}
@media (min-width: 320px) {
.m-xs-3 {
margin: 30px;
}
.p-xs-3 {
padding: 30px;
}
}
@media (min-width: 320px) {
.m-xs-4 {
margin: 40px;
}
.p-xs-4 {
padding: 40px;
}
}
@media (min-width: 320px) {
.m-xs-5 {
margin: 50px;
}
.p-xs-5 {
padding: 50px;
}
}
@media (min-width: 320px) {
.m-xs-6 {
margin: 60px;
}
.p-xs-6 {
padding: 60px;
}
}
@media (min-width: 320px) {
.m-xs-7 {
margin: 70px;
}
.p-xs-7 {
padding: 70px;
}
}
@media (min-width: 320px) {
.m-xs-8 {
margin: 80px;
}
.p-xs-8 {
padding: 80px;
}
}
@media (min-width: 320px) {
.m-xs-9 {
margin: 90px;
}
.p-xs-9 {
padding: 90px;
}
}
@media (min-width: 320px) {
.m-xs-10 {
margin: 100px;
}
.p-xs-10 {
padding: 100px;
}
}
@media (min-width: 320px) {
.mt-xs-0 {
margin-top: 0px;
}
.pt-xs-0 {
padding-top: 0px;
}
}
@media (min-width: 320px) {
.mt-xs-1 {
margin-top: 10px;
}
.pt-xs-1 {
padding-top: 10px;
}
}
@media (min-width: 320px) {
.mt-xs-2 {
margin-top: 20px;
}
.pt-xs-2 {
padding-top: 20px;
}
}
@media (min-width: 320px) {
.mt-xs-3 {
margin-top: 30px;
}
.pt-xs-3 {
padding-top: 30px;
}
}
@media (min-width: 320px) {
.mt-xs-4 {
margin-top: 40px;
}
.pt-xs-4 {
padding-top: 40px;
}
}
@media (min-width: 320px) {
.mt-xs-5 {
margin-top: 50px;
}
.pt-xs-5 {
padding-top: 50px;
}
}
@media (min-width: 320px) {
.mt-xs-6 {
margin-top: 60px;
}
.pt-xs-6 {
padding-top: 60px;
}
}
@media (min-width: 320px) {
.mt-xs-7 {
margin-top: 70px;
}
.pt-xs-7 {
padding-top: 70px;
}
}
@media (min-width: 320px) {
.mt-xs-8 {
margin-top: 80px;
}
.pt-xs-8 {
padding-top: 80px;
}
}
@media (min-width: 320px) {
.mt-xs-9 {
margin-top: 90px;
}
.pt-xs-9 {
padding-top: 90px;
}
}
@media (min-width: 320px) {
.mt-xs-10 {
margin-top: 100px;
}
.pt-xs-10 {
padding-top: 100px;
}
}
@media (min-width: 320px) {
.mb-xs-0 {
margin-bottom: 0px;
}
.pb-xs-0 {
padding-bottom: 0px;
}
}
@media (min-width: 320px) {
.mb-xs-1 {
margin-bottom: 10px;
}
.pb-xs-1 {
padding-bottom: 10px;
}
}
@media (min-width: 320px) {
.mb-xs-2 {
margin-bottom: 20px;
}
.pb-xs-2 {
padding-bottom: 20px;
}
}
@media (min-width: 320px) {
.mb-xs-3 {
margin-bottom: 30px;
}
.pb-xs-3 {
padding-bottom: 30px;
}
}
@media (min-width: 320px) {
.mb-xs-4 {
margin-bottom: 40px;
}
.pb-xs-4 {
padding-bottom: 40px;
}
}
@media (min-width: 320px) {
.mb-xs-5 {
margin-bottom: 50px;
}
.pb-xs-5 {
padding-bottom: 50px;
}
}
@media (min-width: 320px) {
.mb-xs-6 {
margin-bottom: 60px;
}
.pb-xs-6 {
padding-bottom: 60px;
}
}
@media (min-width: 320px) {
.mb-xs-7 {
margin-bottom: 70px;
}
.pb-xs-7 {
padding-bottom: 70px;
}
}
@media (min-width: 320px) {
.mb-xs-8 {
margin-bottom: 80px;
}
.pb-xs-8 {
padding-bottom: 80px;
}
}
@media (min-width: 320px) {
.mb-xs-9 {
margin-bottom: 90px;
}
.pb-xs-9 {
padding-bottom: 90px;
}
}
@media (min-width: 320px) {
.mb-xs-10 {
margin-bottom: 100px;
}
.pb-xs-10 {
padding-bottom: 100px;
}
}
@media (min-width: 320px) {
.ml-xs-0 {
margin-left: 0px;
}
.pl-xs-0 {
padding-left: 0px;
}
}
@media (min-width: 320px) {
.ml-xs-1 {
margin-left: 10px;
}
.pl-xs-1 {
padding-left: 10px;
}
}
@media (min-width: 320px) {
.ml-xs-2 {
margin-left: 20px;
}
.pl-xs-2 {
padding-left: 20px;
}
}
@media (min-width: 320px) {
.ml-xs-3 {
margin-left: 30px;
}
.pl-xs-3 {
padding-left: 30px;
}
}
@media (min-width: 320px) {
.ml-xs-4 {
margin-left: 40px;
}
.pl-xs-4 {
padding-left: 40px;
}
}
@media (min-width: 320px) {
.ml-xs-5 {
margin-left: 50px;
}
.pl-xs-5 {
padding-left: 50px;
}
}
@media (min-width: 320px) {
.ml-xs-6 {
margin-left: 60px;
}
.pl-xs-6 {
padding-left: 60px;
}
}
@media (min-width: 320px) {
.ml-xs-7 {
margin-left: 70px;
}
.pl-xs-7 {
padding-left: 70px;
}
}
@media (min-width: 320px) {
.ml-xs-8 {
margin-left: 80px;
}
.pl-xs-8 {
padding-left: 80px;
}
}
@media (min-width: 320px) {
.ml-xs-9 {
margin-left: 90px;
}
.pl-xs-9 {
padding-left: 90px;
}
}
@media (min-width: 320px) {
.ml-xs-10 {
margin-left: 100px;
}
.pl-xs-10 {
padding-left: 100px;
}
}
@media (min-width: 320px) {
.mr-xs-0 {
margin-right: 0px;
}
.pr-xs-0 {
padding-right: 0px;
}
}
@media (min-width: 320px) {
.mr-xs-1 {
margin-right: 10px;
}
.pr-xs-1 {
padding-right: 10px;
}
}
@media (min-width: 320px) {
.mr-xs-2 {
margin-right: 20px;
}
.pr-xs-2 {
padding-right: 20px;
}
}
@media (min-width: 320px) {
.mr-xs-3 {
margin-right: 30px;
}
.pr-xs-3 {
padding-right: 30px;
}
}
@media (min-width: 320px) {
.mr-xs-4 {
margin-right: 40px;
}
.pr-xs-4 {
padding-right: 40px;
}
}
@media (min-width: 320px) {
.mr-xs-5 {
margin-right: 50px;
}
.pr-xs-5 {
padding-right: 50px;
}
}
@media (min-width: 320px) {
.mr-xs-6 {
margin-right: 60px;
}
.pr-xs-6 {
padding-right: 60px;
}
}
@media (min-width: 320px) {
.mr-xs-7 {
margin-right: 70px;
}
.pr-xs-7 {
padding-right: 70px;
}
}
@media (min-width: 320px) {
.mr-xs-8 {
margin-right: 80px;
}
.pr-xs-8 {
padding-right: 80px;
}
}
@media (min-width: 320px) {
.mr-xs-9 {
margin-right: 90px;
}
.pr-xs-9 {
padding-right: 90px;
}
}
@media (min-width: 320px) {
.mr-xs-10 {
margin-right: 100px;
}
.pr-xs-10 {
padding-right: 100px;
}
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0px;
}
.p-sm-0 {
padding: 0px;
}
}
@media (min-width: 576px) {
.m-sm-1 {
margin: 10px;
}
.p-sm-1 {
padding: 10px;
}
}
@media (min-width: 576px) {
.m-sm-2 {
margin: 20px;
}
.p-sm-2 {
padding: 20px;
}
}
@media (min-width: 576px) {
.m-sm-3 {
margin: 30px;
}
.p-sm-3 {
padding: 30px;
}
}
@media (min-width: 576px) {
.m-sm-4 {
margin: 40px;
}
.p-sm-4 {
padding: 40px;
}
}
@media (min-width: 576px) {
.m-sm-5 {
margin: 50px;
}
.p-sm-5 {
padding: 50px;
}
}
@media (min-width: 576px) {
.m-sm-6 {
margin: 60px;
}
.p-sm-6 {
padding: 60px;
}
}
@media (min-width: 576px) {
.m-sm-7 {
margin: 70px;
}
.p-sm-7 {
padding: 70px;
}
}
@media (min-width: 576px) {
.m-sm-8 {
margin: 80px;
}
.p-sm-8 {
padding: 80px;
}
}
@media (min-width: 576px) {
.m-sm-9 {
margin: 90px;
}
.p-sm-9 {
padding: 90px;
}
}
@media (min-width: 576px) {
.m-sm-10 {
margin: 100px;
}
.p-sm-10 {
padding: 100px;
}
}
@media (min-width: 576px) {
.mt-sm-0 {
margin-top: 0px;
}
.pt-sm-0 {
padding-top: 0px;
}
}
@media (min-width: 576px) {
.mt-sm-1 {
margin-top: 10px;
}
.pt-sm-1 {
padding-top: 10px;
}
}
@media (min-width: 576px) {
.mt-sm-2 {
margin-top: 20px;
}
.pt-sm-2 {
padding-top: 20px;
}
}
@media (min-width: 576px) {
.mt-sm-3 {
margin-top: 30px;
}
.pt-sm-3 {
padding-top: 30px;
}
}
@media (min-width: 576px) {
.mt-sm-4 {
margin-top: 40px;
}
.pt-sm-4 {
padding-top: 40px;
}
}
@media (min-width: 576px) {
.mt-sm-5 {
margin-top: 50px;
}
.pt-sm-5 {
padding-top: 50px;
}
}
@media (min-width: 576px) {
.mt-sm-6 {
margin-top: 60px;
}
.pt-sm-6 {
padding-top: 60px;
}
}
@media (min-width: 576px) {
.mt-sm-7 {
margin-top: 70px;
}
.pt-sm-7 {
padding-top: 70px;
}
}
@media (min-width: 576px) {
.mt-sm-8 {
margin-top: 80px;
}
.pt-sm-8 {
padding-top: 80px;
}
}
@media (min-width: 576px) {
.mt-sm-9 {
margin-top: 90px;
}
.pt-sm-9 {
padding-top: 90px;
}
}
@media (min-width: 576px) {
.mt-sm-10 {
margin-top: 100px;
}
.pt-sm-10 {
padding-top: 100px;
}
}
@media (min-width: 576px) {
.mb-sm-0 {
margin-bottom: 0px;
}
.pb-sm-0 {
padding-bottom: 0px;
}
}
@media (min-width: 576px) {
.mb-sm-1 {
margin-bottom: 10px;
}
.pb-sm-1 {
padding-bottom: 10px;
}
}
@media (min-width: 576px) {
.mb-sm-2 {
margin-bottom: 20px;
}
.pb-sm-2 {
padding-bottom: 20px;
}
}
@media (min-width: 576px) {
.mb-sm-3 {
margin-bottom: 30px;
}
.pb-sm-3 {
padding-bottom: 30px;
}
}
@media (min-width: 576px) {
.mb-sm-4 {
margin-bottom: 40px;
}
.pb-sm-4 {
padding-bottom: 40px;
}
}
@media (min-width: 576px) {
.mb-sm-5 {
margin-bottom: 50px;
}
.pb-sm-5 {
padding-bottom: 50px;
}
}
@media (min-width: 576px) {
.mb-sm-6 {
margin-bottom: 60px;
}
.pb-sm-6 {
padding-bottom: 60px;
}
}
@media (min-width: 576px) {
.mb-sm-7 {
margin-bottom: 70px;
}
.pb-sm-7 {
padding-bottom: 70px;
}
}
@media (min-width: 576px) {
.mb-sm-8 {
margin-bottom: 80px;
}
.pb-sm-8 {
padding-bottom: 80px;
}
}
@media (min-width: 576px) {
.mb-sm-9 {
margin-bottom: 90px;
}
.pb-sm-9 {
padding-bottom: 90px;
}
}
@media (min-width: 576px) {
.mb-sm-10 {
margin-bottom: 100px;
}
.pb-sm-10 {
padding-bottom: 100px;
}
}
@media (min-width: 576px) {
.ml-sm-0 {
margin-left: 0px;
}
.pl-sm-0 {
padding-left: 0px;
}
}
@media (min-width: 576px) {
.ml-sm-1 {
margin-left: 10px;
}
.pl-sm-1 {
padding-left: 10px;
}
}
@media (min-width: 576px) {
.ml-sm-2 {
margin-left: 20px;
}
.pl-sm-2 {
padding-left: 20px;
}
}
@media (min-width: 576px) {
.ml-sm-3 {
margin-left: 30px;
}
.pl-sm-3 {
padding-left: 30px;
}
}
@media (min-width: 576px) {
.ml-sm-4 {
margin-left: 40px;
}
.pl-sm-4 {
padding-left: 40px;
}
}
@media (min-width: 576px) {
.ml-sm-5 {
margin-left: 50px;
}
.pl-sm-5 {
padding-left: 50px;
}
}
@media (min-width: 576px) {
.ml-sm-6 {
margin-left: 60px;
}
.pl-sm-6 {
padding-left: 60px;
}
}
@media (min-width: 576px) {
.ml-sm-7 {
margin-left: 70px;
}
.pl-sm-7 {
padding-left: 70px;
}
}
@media (min-width: 576px) {
.ml-sm-8 {
margin-left: 80px;
}
.pl-sm-8 {
padding-left: 80px;
}
}
@media (min-width: 576px) {
.ml-sm-9 {
margin-left: 90px;
}
.pl-sm-9 {
padding-left: 90px;
}
}
@media (min-width: 576px) {
.ml-sm-10 {
margin-left: 100px;
}
.pl-sm-10 {
padding-left: 100px;
}
}
@media (min-width: 576px) {
.mr-sm-0 {
margin-right: 0px;
}
.pr-sm-0 {
padding-right: 0px;
}
}
@media (min-width: 576px) {
.mr-sm-1 {
margin-right: 10px;
}
.pr-sm-1 {
padding-right: 10px;
}
}
@media (min-width: 576px) {
.mr-sm-2 {
margin-right: 20px;
}
.pr-sm-2 {
padding-right: 20px;
}
}
@media (min-width: 576px) {
.mr-sm-3 {
margin-right: 30px;
}
.pr-sm-3 {
padding-right: 30px;
}
}
@media (min-width: 576px) {
.mr-sm-4 {
margin-right: 40px;
}
.pr-sm-4 {
padding-right: 40px;
}
}
@media (min-width: 576px) {
.mr-sm-5 {
margin-right: 50px;
}
.pr-sm-5 {
padding-right: 50px;
}
}
@media (min-width: 576px) {
.mr-sm-6 {
margin-right: 60px;
}
.pr-sm-6 {
padding-right: 60px;
}
}
@media (min-width: 576px) {
.mr-sm-7 {
margin-right: 70px;
}
.pr-sm-7 {
padding-right: 70px;
}
}
@media (min-width: 576px) {
.mr-sm-8 {
margin-right: 80px;
}
.pr-sm-8 {
padding-right: 80px;
}
}
@media (min-width: 576px) {
.mr-sm-9 {
margin-right: 90px;
}
.pr-sm-9 {
padding-right: 90px;
}
}
@media (min-width: 576px) {
.mr-sm-10 {
margin-right: 100px;
}
.pr-sm-10 {
padding-right: 100px;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0px;
}
.p-md-0 {
padding: 0px;
}
}
@media (min-width: 768px) {
.m-md-1 {
margin: 10px;
}
.p-md-1 {
padding: 10px;
}
}
@media (min-width: 768px) {
.m-md-2 {
margin: 20px;
}
.p-md-2 {
padding: 20px;
}
}
@media (min-width: 768px) {
.m-md-3 {
margin: 30px;
}
.p-md-3 {
padding: 30px;
}
}
@media (min-width: 768px) {
.m-md-4 {
margin: 40px;
}
.p-md-4 {
padding: 40px;
}
}
@media (min-width: 768px) {
.m-md-5 {
margin: 50px;
}
.p-md-5 {
padding: 50px;
}
}
@media (min-width: 768px) {
.m-md-6 {
margin: 60px;
}
.p-md-6 {
padding: 60px;
}
}
@media (min-width: 768px) {
.m-md-7 {
margin: 70px;
}
.p-md-7 {
padding: 70px;
}
}
@media (min-width: 768px) {
.m-md-8 {
margin: 80px;
}
.p-md-8 {
padding: 80px;
}
}
@media (min-width: 768px) {
.m-md-9 {
margin: 90px;
}
.p-md-9 {
padding: 90px;
}
}
@media (min-width: 768px) {
.m-md-10 {
margin: 100px;
}
.p-md-10 {
padding: 100px;
}
}
@media (min-width: 768px) {
.mt-md-0 {
margin-top: 0px;
}
.pt-md-0 {
padding-top: 0px;
}
}
@media (min-width: 768px) {
.mt-md-1 {
margin-top: 10px;
}
.pt-md-1 {
padding-top: 10px;
}
}
@media (min-width: 768px) {
.mt-md-2 {
margin-top: 20px;
}
.pt-md-2 {
padding-top: 20px;
}
}
@media (min-width: 768px) {
.mt-md-3 {
margin-top: 30px;
}
.pt-md-3 {
padding-top: 30px;
}
}
@media (min-width: 768px) {
.mt-md-4 {
margin-top: 40px;
}
.pt-md-4 {
padding-top: 40px;
}
}
@media (min-width: 768px) {
.mt-md-5 {
margin-top: 50px;
}
.pt-md-5 {
padding-top: 50px;
}
}
@media (min-width: 768px) {
.mt-md-6 {
margin-top: 60px;
}
.pt-md-6 {
padding-top: 60px;
}
}
@media (min-width: 768px) {
.mt-md-7 {
margin-top: 70px;
}
.pt-md-7 {
padding-top: 70px;
}
}
@media (min-width: 768px) {
.mt-md-8 {
margin-top: 80px;
}
.pt-md-8 {
padding-top: 80px;
}
}
@media (min-width: 768px) {
.mt-md-9 {
margin-top: 90px;
}
.pt-md-9 {
padding-top: 90px;
}
}
@media (min-width: 768px) {
.mt-md-10 {
margin-top: 100px;
}
.pt-md-10 {
padding-top: 100px;
}
}
@media (min-width: 768px) {
.mb-md-0 {
margin-bottom: 0px;
}
.pb-md-0 {
padding-bottom: 0px;
}
}
@media (min-width: 768px) {
.mb-md-1 {
margin-bottom: 10px;
}
.pb-md-1 {
padding-bottom: 10px;
}
}
@media (min-width: 768px) {
.mb-md-2 {
margin-bottom: 20px;
}
.pb-md-2 {
padding-bottom: 20px;
}
}
@media (min-width: 768px) {
.mb-md-3 {
margin-bottom: 30px;
}
.pb-md-3 {
padding-bottom: 30px;
}
}
@media (min-width: 768px) {
.mb-md-4 {
margin-bottom: 40px;
}
.pb-md-4 {
padding-bottom: 40px;
}
}
@media (min-width: 768px) {
.mb-md-5 {
margin-bottom: 50px;
}
.pb-md-5 {
padding-bottom: 50px;
}
}
@media (min-width: 768px) {
.mb-md-6 {
margin-bottom: 60px;
}
.pb-md-6 {
padding-bottom: 60px;
}
}
@media (min-width: 768px) {
.mb-md-7 {
margin-bottom: 70px;
}
.pb-md-7 {
padding-bottom: 70px;
}
}
@media (min-width: 768px) {
.mb-md-8 {
margin-bottom: 80px;
}
.pb-md-8 {
padding-bottom: 80px;
}
}
@media (min-width: 768px) {
.mb-md-9 {
margin-bottom: 90px;
}
.pb-md-9 {
padding-bottom: 90px;
}
}
@media (min-width: 768px) {
.mb-md-10 {
margin-bottom: 100px;
}
.pb-md-10 {
padding-bottom: 100px;
}
}
@media (min-width: 768px) {
.ml-md-0 {
margin-left: 0px;
}
.pl-md-0 {
padding-left: 0px;
}
}
@media (min-width: 768px) {
.ml-md-1 {
margin-left: 10px;
}
.pl-md-1 {
padding-left: 10px;
}
}
@media (min-width: 768px) {
.ml-md-2 {
margin-left: 20px;
}
.pl-md-2 {
padding-left: 20px;
}
}
@media (min-width: 768px) {
.ml-md-3 {
margin-left: 30px;
}
.pl-md-3 {
padding-left: 30px;
}
}
@media (min-width: 768px) {
.ml-md-4 {
margin-left: 40px;
}
.pl-md-4 {
padding-left: 40px;
}
}
@media (min-width: 768px) {
.ml-md-5 {
margin-left: 50px;
}
.pl-md-5 {
padding-left: 50px;
}
}
@media (min-width: 768px) {
.ml-md-6 {
margin-left: 60px;
}
.pl-md-6 {
padding-left: 60px;
}
}
@media (min-width: 768px) {
.ml-md-7 {
margin-left: 70px;
}
.pl-md-7 {
padding-left: 70px;
}
}
@media (min-width: 768px) {
.ml-md-8 {
margin-left: 80px;
}
.pl-md-8 {
padding-left: 80px;
}
}
@media (min-width: 768px) {
.ml-md-9 {
margin-left: 90px;
}
.pl-md-9 {
padding-left: 90px;
}
}
@media (min-width: 768px) {
.ml-md-10 {
margin-left: 100px;
}
.pl-md-10 {
padding-left: 100px;
}
}
@media (min-width: 768px) {
.mr-md-0 {
margin-right: 0px;
}
.pr-md-0 {
padding-right: 0px;
}
}
@media (min-width: 768px) {
.mr-md-1 {
margin-right: 10px;
}
.pr-md-1 {
padding-right: 10px;
}
}
@media (min-width: 768px) {
.mr-md-2 {
margin-right: 20px;
}
.pr-md-2 {
padding-right: 20px;
}
}
@media (min-width: 768px) {
.mr-md-3 {
margin-right: 30px;
}
.pr-md-3 {
padding-right: 30px;
}
}
@media (min-width: 768px) {
.mr-md-4 {
margin-right: 40px;
}
.pr-md-4 {
padding-right: 40px;
}
}
@media (min-width: 768px) {
.mr-md-5 {
margin-right: 50px;
}
.pr-md-5 {
padding-right: 50px;
}
}
@media (min-width: 768px) {
.mr-md-6 {
margin-right: 60px;
}
.pr-md-6 {
padding-right: 60px;
}
}
@media (min-width: 768px) {
.mr-md-7 {
margin-right: 70px;
}
.pr-md-7 {
padding-right: 70px;
}
}
@media (min-width: 768px) {
.mr-md-8 {
margin-right: 80px;
}
.pr-md-8 {
padding-right: 80px;
}
}
@media (min-width: 768px) {
.mr-md-9 {
margin-right: 90px;
}
.pr-md-9 {
padding-right: 90px;
}
}
@media (min-width: 768px) {
.mr-md-10 {
margin-right: 100px;
}
.pr-md-10 {
padding-right: 100px;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0px;
}
.p-lg-0 {
padding: 0px;
}
}
@media (min-width: 992px) {
.m-lg-1 {
margin: 10px;
}
.p-lg-1 {
padding: 10px;
}
}
@media (min-width: 992px) {
.m-lg-2 {
margin: 20px;
}
.p-lg-2 {
padding: 20px;
}
}
@media (min-width: 992px) {
.m-lg-3 {
margin: 30px;
}
.p-lg-3 {
padding: 30px;
}
}
@media (min-width: 992px) {
.m-lg-4 {
margin: 40px;
}
.p-lg-4 {
padding: 40px;
}
}
@media (min-width: 992px) {
.m-lg-5 {
margin: 50px;
}
.p-lg-5 {
padding: 50px;
}
}
@media (min-width: 992px) {
.m-lg-6 {
margin: 60px;
}
.p-lg-6 {
padding: 60px;
}
}
@media (min-width: 992px) {
.m-lg-7 {
margin: 70px;
}
.p-lg-7 {
padding: 70px;
}
}
@media (min-width: 992px) {
.m-lg-8 {
margin: 80px;
}
.p-lg-8 {
padding: 80px;
}
}
@media (min-width: 992px) {
.m-lg-9 {
margin: 90px;
}
.p-lg-9 {
padding: 90px;
}
}
@media (min-width: 992px) {
.m-lg-10 {
margin: 100px;
}
.p-lg-10 {
padding: 100px;
}
}
@media (min-width: 992px) {
.mt-lg-0 {
margin-top: 0px;
}
.pt-lg-0 {
padding-top: 0px;
}
}
@media (min-width: 992px) {
.mt-lg-1 {
margin-top: 10px;
}
.pt-lg-1 {
padding-top: 10px;
}
}
@media (min-width: 992px) {
.mt-lg-2 {
margin-top: 20px;
}
.pt-lg-2 {
padding-top: 20px;
}
}
@media (min-width: 992px) {
.mt-lg-3 {
margin-top: 30px;
}
.pt-lg-3 {
padding-top: 30px;
}
}
@media (min-width: 992px) {
.mt-lg-4 {
margin-top: 40px;
}
.pt-lg-4 {
padding-top: 40px;
}
}
@media (min-width: 992px) {
.mt-lg-5 {
margin-top: 50px;
}
.pt-lg-5 {
padding-top: 50px;
}
}
@media (min-width: 992px) {
.mt-lg-6 {
margin-top: 60px;
}
.pt-lg-6 {
padding-top: 60px;
}
}
@media (min-width: 992px) {
.mt-lg-7 {
margin-top: 70px;
}
.pt-lg-7 {
padding-top: 70px;
}
}
@media (min-width: 992px) {
.mt-lg-8 {
margin-top: 80px;
}
.pt-lg-8 {
padding-top: 80px;
}
}
@media (min-width: 992px) {
.mt-lg-9 {
margin-top: 90px;
}
.pt-lg-9 {
padding-top: 90px;
}
}
@media (min-width: 992px) {
.mt-lg-10 {
margin-top: 100px;
}
.pt-lg-10 {
padding-top: 100px;
}
}
@media (min-width: 992px) {
.mb-lg-0 {
margin-bottom: 0px;
}
.pb-lg-0 {
padding-bottom: 0px;
}
}
@media (min-width: 992px) {
.mb-lg-1 {
margin-bottom: 10px;
}
.pb-lg-1 {
padding-bottom: 10px;
}
}
@media (min-width: 992px) {
.mb-lg-2 {
margin-bottom: 20px;
}
.pb-lg-2 {
padding-bottom: 20px;
}
}
@media (min-width: 992px) {
.mb-lg-3 {
margin-bottom: 30px;
}
.pb-lg-3 {
padding-bottom: 30px;
}
}
@media (min-width: 992px) {
.mb-lg-4 {
margin-bottom: 40px;
}
.pb-lg-4 {
padding-bottom: 40px;
}
}
@media (min-width: 992px) {
.mb-lg-5 {
margin-bottom: 50px;
}
.pb-lg-5 {
padding-bottom: 50px;
}
}
@media (min-width: 992px) {
.mb-lg-6 {
margin-bottom: 60px;
}
.pb-lg-6 {
padding-bottom: 60px;
}
}
@media (min-width: 992px) {
.mb-lg-7 {
margin-bottom: 70px;
}
.pb-lg-7 {
padding-bottom: 70px;
}
}
@media (min-width: 992px) {
.mb-lg-8 {
margin-bottom: 80px;
}
.pb-lg-8 {
padding-bottom: 80px;
}
}
@media (min-width: 992px) {
.mb-lg-9 {
margin-bottom: 90px;
}
.pb-lg-9 {
padding-bottom: 90px;
}
}
@media (min-width: 992px) {
.mb-lg-10 {
margin-bottom: 100px;
}
.pb-lg-10 {
padding-bottom: 100px;
}
}
@media (min-width: 992px) {
.ml-lg-0 {
margin-left: 0px;
}
.pl-lg-0 {
padding-left: 0px;
}
}
@media (min-width: 992px) {
.ml-lg-1 {
margin-left: 10px;
}
.pl-lg-1 {
padding-left: 10px;
}
}
@media (min-width: 992px) {
.ml-lg-2 {
margin-left: 20px;
}
.pl-lg-2 {
padding-left: 20px;
}
}
@media (min-width: 992px) {
.ml-lg-3 {
margin-left: 30px;
}
.pl-lg-3 {
padding-left: 30px;
}
}
@media (min-width: 992px) {
.ml-lg-4 {
margin-left: 40px;
}
.pl-lg-4 {
padding-left: 40px;
}
}
@media (min-width: 992px) {
.ml-lg-5 {
margin-left: 50px;
}
.pl-lg-5 {
padding-left: 50px;
}
}
@media (min-width: 992px) {
.ml-lg-6 {
margin-left: 60px;
}
.pl-lg-6 {
padding-left: 60px;
}
}
@media (min-width: 992px) {
.ml-lg-7 {
margin-left: 70px;
}
.pl-lg-7 {
padding-left: 70px;
}
}
@media (min-width: 992px) {
.ml-lg-8 {
margin-left: 80px;
}
.pl-lg-8 {
padding-left: 80px;
}
}
@media (min-width: 992px) {
.ml-lg-9 {
margin-left: 90px;
}
.pl-lg-9 {
padding-left: 90px;
}
}
@media (min-width: 992px) {
.ml-lg-10 {
margin-left: 100px;
}
.pl-lg-10 {
padding-left: 100px;
}
}
@media (min-width: 992px) {
.mr-lg-0 {
margin-right: 0px;
}
.pr-lg-0 {
padding-right: 0px;
}
}
@media (min-width: 992px) {
.mr-lg-1 {
margin-right: 10px;
}
.pr-lg-1 {
padding-right: 10px;
}
}
@media (min-width: 992px) {
.mr-lg-2 {
margin-right: 20px;
}
.pr-lg-2 {
padding-right: 20px;
}
}
@media (min-width: 992px) {
.mr-lg-3 {
margin-right: 30px;
}
.pr-lg-3 {
padding-right: 30px;
}
}
@media (min-width: 992px) {
.mr-lg-4 {
margin-right: 40px;
}
.pr-lg-4 {
padding-right: 40px;
}
}
@media (min-width: 992px) {
.mr-lg-5 {
margin-right: 50px;
}
.pr-lg-5 {
padding-right: 50px;
}
}
@media (min-width: 992px) {
.mr-lg-6 {
margin-right: 60px;
}
.pr-lg-6 {
padding-right: 60px;
}
}
@media (min-width: 992px) {
.mr-lg-7 {
margin-right: 70px;
}
.pr-lg-7 {
padding-right: 70px;
}
}
@media (min-width: 992px) {
.mr-lg-8 {
margin-right: 80px;
}
.pr-lg-8 {
padding-right: 80px;
}
}
@media (min-width: 992px) {
.mr-lg-9 {
margin-right: 90px;
}
.pr-lg-9 {
padding-right: 90px;
}
}
@media (min-width: 992px) {
.mr-lg-10 {
margin-right: 100px;
}
.pr-lg-10 {
padding-right: 100px;
}
} @media screen and (max-width: -1px) {
.hidden-xs-down {
display: none !important;
}
}
.hidden-xs-up {
display: none !important;
}
@media screen and (max-width: 319px) {
.hidden-xs-down {
display: none !important;
}
}
@media screen and (min-width: 320px) {
.hidden-xs-up {
display: none !important;
}
}
@media screen and (max-width: 575px) {
.hidden-sm-down {
display: none !important;
}
}
@media screen and (min-width: 576px) {
.hidden-sm-up {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.hidden-md-down {
display: none !important;
}
}
@media screen and (min-width: 768px) {
.hidden-md-up {
display: none !important;
}
}
@media screen and (max-width: 991px) {
.hidden-lg-down {
display: none !important;
}
}
@media screen and (min-width: 992px) {
.hidden-lg-up {
display: none !important;
}
}
@media screen and (max-width: 1199px) {
.hidden-xl-down {
display: none !important;
}
}
@media screen and (min-width: 1200px) {
.hidden-xl-up {
display: none !important;
}
}
@media screen and (max-width: 1399px) {
.hidden-xxl-down {
display: none !important;
}
}
@media screen and (min-width: 1400px) {
.hidden-xxl-up {
display: none !important;
}
}
.cr {
max-width: 768px;
margin: 0 auto;
}
.cr--fluid {
margin: 0;
max-width: 100%;
}
.cr__row {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.cr__col-offset-0 {
margin-left: 0;
}
.cr__col-1 {
flex-basis: 8.33333%;
width: 8.33333% !important;
}
.cr__col-offset-1 {
margin-left: 8.33333%;
}
.cr__col-2 {
flex-basis: 16.66667%;
width: 16.66667% !important;
}
.cr__col-offset-2 {
margin-left: 16.66667%;
}
.cr__col-3 {
flex-basis: 25%;
width: 25% !important;
}
.cr__col-offset-3 {
margin-left: 25%;
}
.cr__col-4 {
flex-basis: 33.33333%;
width: 33.33333% !important;
}
.cr__col-offset-4 {
margin-left: 33.33333%;
}
.cr__col-5 {
flex-basis: 41.66667%;
width: 41.66667% !important;
}
.cr__col-offset-5 {
margin-left: 41.66667%;
}
.cr__col-6 {
flex-basis: 50%;
width: 50% !important;
}
.cr__col-offset-6 {
margin-left: 50%;
}
.cr__col-7 {
flex-basis: 58.33333%;
width: 58.33333% !important;
}
.cr__col-offset-7 {
margin-left: 58.33333%;
}
.cr__col-8 {
flex-basis: 66.66667%;
width: 66.66667% !important;
}
.cr__col-offset-8 {
margin-left: 66.66667%;
}
.cr__col-9 {
flex-basis: 75%;
width: 75% !important;
}
.cr__col-offset-9 {
margin-left: 75%;
}
.cr__col-10 {
flex-basis: 83.33333%;
width: 83.33333% !important;
}
.cr__col-offset-10 {
margin-left: 83.33333%;
}
.cr__col-11 {
flex-basis: 91.66667%;
width: 91.66667% !important;
}
.cr__col-offset-11 {
margin-left: 91.66667%;
}
.cr__col-12 {
flex-basis: 100%;
width: 100% !important;
}
.cr__col-offset-12 {
margin-left: 100%;
}
@media screen and (min-width: 320px) {
.cr__col-xs-offset-0 {
margin-left: 0;
}
.cr__col-xs-1 {
flex-basis: 8.33333%;
width: 8.33333% !important;
}
.cr__col-xs-offset-1 {
margin-left: 8.33333%;
}
.cr__col-xs-2 {
flex-basis: 16.66667%;
width: 16.66667% !important;
}
.cr__col-xs-offset-2 {
margin-left: 16.66667%;
}
.cr__col-xs-3 {
flex-basis: 25%;
width: 25% !important;
}
.cr__col-xs-offset-3 {
margin-left: 25%;
}
.cr__col-xs-4 {
flex-basis: 33.33333%;
width: 33.33333% !important;
}
.cr__col-xs-offset-4 {
margin-left: 33.33333%;
}
.cr__col-xs-5 {
flex-basis: 41.66667%;
width: 41.66667% !important;
}
.cr__col-xs-offset-5 {
margin-left: 41.66667%;
}
.cr__col-xs-6 {
flex-basis: 50%;
width: 50% !important;
}
.cr__col-xs-offset-6 {
margin-left: 50%;
}
.cr__col-xs-7 {
flex-basis: 58.33333%;
width: 58.33333% !important;
}
.cr__col-xs-offset-7 {
margin-left: 58.33333%;
}
.cr__col-xs-8 {
flex-basis: 66.66667%;
width: 66.66667% !important;
}
.cr__col-xs-offset-8 {
margin-left: 66.66667%;
}
.cr__col-xs-9 {
flex-basis: 75%;
width: 75% !important;
}
.cr__col-xs-offset-9 {
margin-left: 75%;
}
.cr__col-xs-10 {
flex-basis: 83.33333%;
width: 83.33333% !important;
}
.cr__col-xs-offset-10 {
margin-left: 83.33333%;
}
.cr__col-xs-11 {
flex-basis: 91.66667%;
width: 91.66667% !important;
}
.cr__col-xs-offset-11 {
margin-left: 91.66667%;
}
.cr__col-xs-12 {
flex-basis: 100%;
width: 100% !important;
}
.cr__col-xs-offset-12 {
margin-left: 100%;
}
}
@media screen and (min-width: 576px) {
.cr__col-sm-offset-0 {
margin-left: 0;
}
.cr__col-sm-1 {
flex-basis: 8.33333%;
width: 8.33333% !important;
}
.cr__col-sm-offset-1 {
margin-left: 8.33333%;
}
.cr__col-sm-2 {
flex-basis: 16.66667%;
width: 16.66667% !important;
}
.cr__col-sm-offset-2 {
margin-left: 16.66667%;
}
.cr__col-sm-3 {
flex-basis: 25%;
width: 25% !important;
}
.cr__col-sm-offset-3 {
margin-left: 25%;
}
.cr__col-sm-4 {
flex-basis: 33.33333%;
width: 33.33333% !important;
}
.cr__col-sm-offset-4 {
margin-left: 33.33333%;
}
.cr__col-sm-5 {
flex-basis: 41.66667%;
width: 41.66667% !important;
}
.cr__col-sm-offset-5 {
margin-left: 41.66667%;
}
.cr__col-sm-6 {
flex-basis: 50%;
width: 50% !important;
}
.cr__col-sm-offset-6 {
margin-left: 50%;
}
.cr__col-sm-7 {
flex-basis: 58.33333%;
width: 58.33333% !important;
}
.cr__col-sm-offset-7 {
margin-left: 58.33333%;
}
.cr__col-sm-8 {
flex-basis: 66.66667%;
width: 66.66667% !important;
}
.cr__col-sm-offset-8 {
margin-left: 66.66667%;
}
.cr__col-sm-9 {
flex-basis: 75%;
width: 75% !important;
}
.cr__col-sm-offset-9 {
margin-left: 75%;
}
.cr__col-sm-10 {
flex-basis: 83.33333%;
width: 83.33333% !important;
}
.cr__col-sm-offset-10 {
margin-left: 83.33333%;
}
.cr__col-sm-11 {
flex-basis: 91.66667%;
width: 91.66667% !important;
}
.cr__col-sm-offset-11 {
margin-left: 91.66667%;
}
.cr__col-sm-12 {
flex-basis: 100%;
width: 100% !important;
}
.cr__col-sm-offset-12 {
margin-left: 100%;
}
}
@media screen and (min-width: 768px) {
.cr__col-md-offset-0 {
margin-left: 0;
}
.cr__col-md-1 {
flex-basis: 8.33333%;
width: 8.33333% !important;
}
.cr__col-md-offset-1 {
margin-left: 8.33333%;
}
.cr__col-md-2 {
flex-basis: 16.66667%;
width: 16.66667% !important;
}
.cr__col-md-offset-2 {
margin-left: 16.66667%;
}
.cr__col-md-3 {
flex-basis: 25%;
width: 25% !important;
}
.cr__col-md-offset-3 {
margin-left: 25%;
}
.cr__col-md-4 {
flex-basis: 33.33333%;
width: 33.33333% !important;
}
.cr__col-md-offset-4 {
margin-left: 33.33333%;
}
.cr__col-md-5 {
flex-basis: 41.66667%;
width: 41.66667% !important;
}
.cr__col-md-offset-5 {
margin-left: 41.66667%;
}
.cr__col-md-6 {
flex-basis: 50%;
width: 50% !important;
}
.cr__col-md-offset-6 {
margin-left: 50%;
}
.cr__col-md-7 {
flex-basis: 58.33333%;
width: 58.33333% !important;
}
.cr__col-md-offset-7 {
margin-left: 58.33333%;
}
.cr__col-md-8 {
flex-basis: 66.66667%;
width: 66.66667% !important;
}
.cr__col-md-offset-8 {
margin-left: 66.66667%;
}
.cr__col-md-9 {
flex-basis: 75%;
width: 75% !important;
}
.cr__col-md-offset-9 {
margin-left: 75%;
}
.cr__col-md-10 {
flex-basis: 83.33333%;
width: 83.33333% !important;
}
.cr__col-md-offset-10 {
margin-left: 83.33333%;
}
.cr__col-md-11 {
flex-basis: 91.66667%;
width: 91.66667% !important;
}
.cr__col-md-offset-11 {
margin-left: 91.66667%;
}
.cr__col-md-12 {
flex-basis: 100%;
width: 100% !important;
}
.cr__col-md-offset-12 {
margin-left: 100%;
}
}
@media screen and (min-width: 992px) {
.cr__col-lg-offset-0 {
margin-left: 0;
}
.cr__col-lg-1 {
flex-basis: 8.33333%;
width: 8.33333% !important;
}
.cr__col-lg-offset-1 {
margin-left: 8.33333%;
}
.cr__col-lg-2 {
flex-basis: 16.66667%;
width: 16.66667% !important;
}
.cr__col-lg-offset-2 {
margin-left: 16.66667%;
}
.cr__col-lg-3 {
flex-basis: 25%;
width: 25% !important;
}
.cr__col-lg-offset-3 {
margin-left: 25%;
}
.cr__col-lg-4 {
flex-basis: 25%;
width: 25% !important;
}
.cr__col-lg-offset-4 {
margin-left: 33.33333%;
}
.cr__col-lg-5 {
flex-basis: 41.66667%;
width: 41.66667% !important;
}
.cr__col-lg-offset-5 {
margin-left: 41.66667%;
}
.cr__col-lg-6 {
flex-basis: 50%;
width: 50% !important;
}
.cr__col-lg-offset-6 {
margin-left: 50%;
}
.cr__col-lg-7 {
flex-basis: 58.33333%;
width: 58.33333% !important;
}
.cr__col-lg-offset-7 {
margin-left: 58.33333%;
}
.cr__col-lg-8 {
flex-basis: 66.66667%;
width: 66.66667% !important;
}
.cr__col-lg-offset-8 {
margin-left: 66.66667%;
}
.cr__col-lg-9 {
flex-basis: 75%;
width: 75% !important;
}
.cr__col-lg-offset-9 {
margin-left: 75%;
}
.cr__col-lg-10 {
flex-basis: 83.33333%;
width: 83.33333% !important;
}
.cr__col-lg-offset-10 {
margin-left: 83.33333%;
}
.cr__col-lg-11 {
flex-basis: 91.66667%;
width: 91.66667% !important;
}
.cr__col-lg-offset-11 {
margin-left: 91.66667%;
}
.cr__col-lg-12 {
flex-basis: 100%;
width: 100% !important;
}
.cr__col-lg-offset-12 {
margin-left: 100%;
}
}
@media screen and (min-width: 1200px) {
.cr__col-xl-offset-0 {
margin-left: 0;
}
.cr__col-xl-1 {
flex-basis: 8.33333%;
width: 8.33333% !important;
}
.cr__col-xl-offset-1 {
margin-left: 8.33333%;
}
.cr__col-xl-2 {
flex-basis: 16.66667%;
width: 16.66667% !important;
}
.cr__col-xl-offset-2 {
margin-left: 16.66667%;
}
.cr__col-xl-3 {
flex-basis: 25%;
width: 25% !important;
}
.cr__col-xl-offset-3 {
margin-left: 25%;
}
.cr__col-xl-4 {
flex-basis: 33.33333%;
width: 33.33333% !important;
}
.cr__col-xl-offset-4 {
margin-left: 33.33333%;
}
.cr__col-xl-5 {
flex-basis: 41.66667%;
width: 41.66667% !important;
}
.cr__col-xl-offset-5 {
margin-left: 41.66667%;
}
.cr__col-xl-6 {
flex-basis: 50%;
width: 50% !important;
}
.cr__col-xl-offset-6 {
margin-left: 50%;
}
.cr__col-xl-7 {
flex-basis: 58.33333%;
width: 58.33333% !important;
}
.cr__col-xl-offset-7 {
margin-left: 58.33333%;
}
.cr__col-xl-8 {
flex-basis: 66.66667%;
width: 66.66667% !important;
}
.cr__col-xl-offset-8 {
margin-left: 66.66667%;
}
.cr__col-xl-9 {
flex-basis: 75%;
width: 75% !important;
}
.cr__col-xl-offset-9 {
margin-left: 75%;
}
.cr__col-xl-10 {
flex-basis: 83.33333%;
width: 83.33333% !important;
}
.cr__col-xl-offset-10 {
margin-left: 83.33333%;
}
.cr__col-xl-11 {
flex-basis: 91.66667%;
width: 91.66667% !important;
}
.cr__col-xl-offset-11 {
margin-left: 91.66667%;
}
.cr__col-xl-12 {
flex-basis: 100%;
width: 100% !important;
}
.cr__col-xl-offset-12 {
margin-left: 100%;
}
}
@media screen and (min-width: 1400px) {
.cr__col-xxl-offset-0 {
margin-left: 0;
}
.cr__col-xxl-1 {
flex-basis: 8.33333%;
width: 8.33333% !important;
}
.cr__col-xxl-offset-1 {
margin-left: 8.33333%;
}
.cr__col-xxl-2 {
flex-basis: 16.66667%;
width: 16.66667% !important;
}
.cr__col-xxl-offset-2 {
margin-left: 16.66667%;
}
.cr__col-xxl-3 {
flex-basis: 25%;
width: 25% !important;
}
.cr__col-xxl-offset-3 {
margin-left: 25%;
}
.cr__col-xxl-4 {
flex-basis: 33.33333%;
width: 33.33333% !important;
}
.cr__col-xxl-offset-4 {
margin-left: 33.33333%;
}
.cr__col-xxl-5 {
flex-basis: 41.66667%;
width: 41.66667% !important;
}
.cr__col-xxl-offset-5 {
margin-left: 41.66667%;
}
.cr__col-xxl-6 {
flex-basis: 50%;
width: 50% !important;
}
.cr__col-xxl-offset-6 {
margin-left: 50%;
}
.cr__col-xxl-7 {
flex-basis: 58.33333%;
width: 58.33333% !important;
}
.cr__col-xxl-offset-7 {
margin-left: 58.33333%;
}
.cr__col-xxl-8 {
flex-basis: 66.66667%;
width: 66.66667% !important;
}
.cr__col-xxl-offset-8 {
margin-left: 66.66667%;
}
.cr__col-xxl-9 {
flex-basis: 75%;
width: 75% !important;
}
.cr__col-xxl-offset-9 {
margin-left: 75%;
}
.cr__col-xxl-10 {
flex-basis: 83.33333%;
width: 83.33333% !important;
}
.cr__col-xxl-offset-10 {
margin-left: 83.33333%;
}
.cr__col-xxl-11 {
flex-basis: 91.66667%;
width: 91.66667% !important;
}
.cr__col-xxl-offset-11 {
margin-left: 91.66667%;
}
.cr__col-xxl-12 {
flex-basis: 100%;
width: 100% !important;
}
.cr__col-xxl-offset-12 {
margin-left: 100%;
}
} .has-moksi-orange-color {
color: #F37321;
}
.has-moksi-orange-background-color {
background-color: #F37321;
}
.has-moksi-grey-color {
color: #333E4A;
}
.has-moksi-grey-background-color {
background-color: #333E4A;
}
.has-moksi-eggshell-color {
color: #FFEDE1;
}
.has-moksi-eggshell-background-color {
background-color: #FFEDE1;
}
.has-moksi-white-color {
color: #FFFFFF;
}
.has-moksi-white-background-color {
background-color: #FFFFFF;
} @font-face {
font-display: swap;
font-family: "Manrope";
font-style: normal;
font-weight: 200; src: url(//www.moksi.co.za/wp-content/themes/moksi-shop/assets/fonts/Manrope-ExtraLight.ttf) format("truetype");
} @font-face {
font-display: swap;
font-family: "Manrope";
font-style: normal;
font-weight: 300; src: url(//www.moksi.co.za/wp-content/themes/moksi-shop/assets/fonts/Manrope-Light.ttf) format("truetype");
} @font-face {
font-display: swap;
font-family: "Manrope";
font-style: normal;
font-weight: 400; src: url(//www.moksi.co.za/wp-content/themes/moksi-shop/assets/fonts/Manrope-Regular.ttf) format("truetype");
} @font-face {
font-display: swap;
font-family: "Manrope";
font-style: normal;
font-weight: 500; src: url(//www.moksi.co.za/wp-content/themes/moksi-shop/assets/fonts/Manrope-Medium.ttf) format("truetype");
} @font-face {
font-display: swap;
font-family: "Manrope";
font-style: normal;
font-weight: 600; src: url(//www.moksi.co.za/wp-content/themes/moksi-shop/assets/fonts/Manrope-SemiBold.ttf) format("truetype");
} @font-face {
font-display: swap;
font-family: "Manrope";
font-style: normal;
font-weight: 700; src: url(//www.moksi.co.za/wp-content/themes/moksi-shop/assets/fonts/Manrope-Bold.ttf) format("truetype");
} @font-face {
font-display: swap;
font-family: "Manrope";
font-style: normal;
font-weight: 800; src: url(//www.moksi.co.za/wp-content/themes/moksi-shop/assets/fonts/Manrope-ExtraBold.ttf) format("truetype");
}
.container {
width: 100%;
max-width: 1440px;
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
}
.no__wrap {
flex-wrap: nowrap;
}
.m-0 {
margin: 0;
}
img.custom-logo {
max-width: 330px !important;
width: 100%;
}
.masthead-inner {
flex-wrap: nowrap;
padding: 10px 0 0;
}
.rugs-sizes__wrapper {
flex-wrap: unset;
}
.rugs-sizes__wrapper .rugs-sizes__item {
display: flex;
flex-direction: column;
}
.rugs-sizes__wrapper .rugs-sizes__item .rugs-sizes__item-image {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
min-height: 130px;
}
.sizeShapeSwiper__container {
padding: 40px;
position: relative;
}
.sizeShapeSwiper__container .swiper-button-next {
position: absolute;
top: 30%;
right: 0;
}
.sizeShapeSwiper__container .swiper-button-prev {
position: absolute;
top: 30%;
left: 0;
}
.sl-btn svg {
max-width: 28px;
}
.sl-btn.swiper-button-disabled svg {
opacity: 0.3;
}
.size-ttle__wrap .text-center {
min-height: 50px;
margin: 0;
}
section.best-sellers {
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
section.best-sellers .best-sellers-heading {
background: rgba(255, 255, 255, 0.76);
max-width: 720px;
margin: 0 auto;
padding: 50px 30px 50px;
}
ul.tabs-list {
list-style: none;
width: 100%;
max-width: 720px;
justify-content: space-between;
margin: 0 auto;
padding-left: 0;
}
li.tabs-list__item a {
text-transform: uppercase;
text-decoration: unset;
color: inherit;
}
li.tabs-list__item.active a {
color: #F37321;
}
.home .tabs.tabs--horizontal:before {
content: "";
background: #fbfbfb;
width: 100%;
height: 50%;
display: block;
position: absolute;
left: 0;
top: 50%;
z-index: -1;
}
section.shop-slider {
position: relative;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #050505;
font-size: 18px;
font-weight: 700;
letter-spacing: 2px;
margin-top: 30px;
}
.woocommerce div.product .product_title {
text-transform: uppercase;
font-size: 2rem;
font-weight: 600;
margin-bottom: 15px;
}
.variations tbody {
display: flex;
gap: 10px;
}
.variations tr {
width: 100%;
display: flex;
}
.variations th.label {
display: none;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations select {
width: 100%;
}
.woocommerce-product-details__short-description {
max-width: 500px;
}
.wws-social {
padding-left: 26px;
padding-top: 5px;
}
.wws-social p {
margin-top: 0;
}
.wws-social__icons {
display: flex;
gap: 20px;
}
.wws-social__icons img {
max-height: 20px;
}
.safe-secure p {
margin: 0;
}
.safe-secure {
display: flex;
align-items: center;
gap: 10px;
}
.woocommerce div.product div.summary {
margin-top: 0;
padding-right: 10%;
}
.product_meta {
display: none;
}
.quantity-wrap {
border: 0px solid rgba(196, 185, 139, 0.33);
display: flex;
align-items: center;
height: 100%;
}
tr.woocommerce-cart-form__cart-item .quantity-wrap {
width: max-content !important;
}
span.input-number-decrement,
span.input-number-increment {
padding: 10px;
cursor: pointer;
}
span.input-number-decrement:hover,
span.input-number-increment:hover {
background: #FFEDE1 !important;
} input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} input[type="number"] {
-moz-appearance: textfield;
}
.faq-item h3 {
font-weight: 500;
text-transform: uppercase;
font-size: 16px;
margin-bottom: 0;
}
section.related.products h2 {
text-transform: uppercase;
}
.woocommerce div.product .woocommerce-tabs .panel {
padding: 0 20px;
}
.woocommerce-tabs.wc-tabs-wrapper {
padding: 60px 0 30px 0;
border-bottom: 1px solid rgba(196, 185, 139, 0.33);
margin-bottom: 60px;
}
aside#secondary {
display: none;
}
.cat-products li {
margin: 0 !important;
}
section#prdctfltr-2 {
padding-right: 80px;
max-width: 350px;
}
.flv-has-gallery .flv_second_img {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.woocommerce img,
.woocommerce-page img {
height: auto;
max-width: 100%;
}
img.swap-image {
position: absolute;
top: 0;
left: 0;
z-index: -1;
height: 100% !important;
object-fit: cover;
}
picture.swap-image:hover {
opacity: 1 !important;
object-fit: cover !important;
width: 100% !important;
}
picture.swap-image {
position: absolute;
top: 0;
left: 0;
z-index: 1;
height: 100% !important;
object-fit: cover;
opacity: 0;
}
.fade-image,
.attachment-woocommerce_thumbnail {
transition: opacity 0.5s ease;
width: 100%;
} .category-wrp {
margin-bottom: 20px;
}
.tabs-list__item h3 {
cursor: pointer;
margin: 0;
}
.showcase-left__row,
.showcase-right__row {
padding: 20px;
}
.showcase-left.cr__row {
gap: 20px;
}
.col-txt {
text-transform: uppercase;
}
.showcase-row h2 {
font-size: 3.4rem !important;
text-transform: uppercase;
font-weight: 600;
}
.showcase-row {
min-height: 300px;
}
.showcase-bottom__col {
flex-direction: column;
align-content: baseline;
justify-content: end;
padding: 20px;
min-height: 300px;
}
.showcase-cta {
display: flex;
width: 100%;
justify-content: end;
}
.showcase-bottom__col .content-wrp {
padding: 40px;
}
.showcase-bottom.cr__row.no__wrap {
gap: 20px;
}
.showcase-bottom__col.sbl-2 {
justify-content: space-between;
}
.sctn-wrp {
padding-top: 40px;
padding-bottom: 40px;
}
.tabs-container {
margin-left: -10px;
margin-right: -10px;
}
div#page {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.search-results__wrap {
min-height: 60vh;
display: flex;
flex-direction: column;
}
.MagicScroll > .mcs-button-arrow {
background: unset !important;
width: unset !important;
padding: 0 !important;
}
.mcs-wrapper {
top: 0 !important;
bottom: 0 !important;
}
.MagicScroll .mcs-item img {
height: 100% !important;
object-fit: cover !important;
}
.MagicScroll .mcs-item a {
height: 100% !important;
}
.magic-slide {
padding-left: 30px;
}
.MagicScroll-vertical .mcs-button-arrow-prev {
top: -10px;
}
.MagicScroll-vertical .mcs-button-arrow-next {
bottom: -10px;
}
.MagicScroll > .mcs-button-arrow {
opacity: 1 !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
font-size: 1.6rem !important;
color: #333E4A !important;
}
.MagicScroll-horizontal .mcs-button-arrow-prev::before,
.MagicScroll-horizontal .mcs-button-arrow-next::before,
.MagicScroll-vertical .mcs-button-arrow-prev::before,
.MagicScroll-vertical .mcs-button-arrow-next::before {
content: "";
border-color: rgba(243, 115, 33, 1) !important;
border-right-color: rgba(243, 115, 33, 1) !important;
border-bottom-color: rgba(243, 115, 33, 1) !important;
}
.MagicScroll-vertical .mcs-button-arrow-prev {
top: -10px !important;
}
.MagicScroll-vertical .mcs-button-arrow-next {
bottom: -10px !important;
}
@media only screen and (min-width: 768px) {
.sctn-wrp {
padding-top: 10px;
padding-bottom: 70px;
}
.sl-1 {
min-height: 450px;
padding-left: 40px;
display: flex;
align-items: end !important;
justify-content: start !important;
}
.showcase-left.cr__row {
flex-direction: column;
}
.showcase-right,
.showcase-row {
display: flex;
align-items: end;
justify-content: end;
}
}
@media only screen and (max-width: 768px) {
h3 {
font-size: 1.5rem;
}
td.product-quantity {
display: flex !important;
align-content: center;
justify-content: space-between;
}
.showcase .no__wrap {
flex-wrap: wrap;
}
.showcase-left {
width: 100% !important;
flex-basis: 100%;
}
.showcase-left__row,
.showcase-right__row {
width: 100%;
}
.showcase-right {
min-height: 300px;
margin: 20px 0;
}
}
@media only screen and (max-width: 576px) {
.product-card__wrapper:nth-child(3),
.product-card__wrapper:nth-child(4) {
display: none;
padding: 40px;
}
.masthead-inner {
flex-wrap: wrap;
padding-bottom: 5px;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
font-size: 1rem;
}
.variations tbody,
.woocommerce-variation-add-to-cart.variations_button,
.woocommerce .product.product-type-simple form.cart {
flex-direction: column;
}
.variations tr {
width: 100%;
}
.woocommerce-variation-add-to-cart.variations_button,
.woocommerce .product.product-type-simple form.cart {
height: unset !important;
}
.quantity-wrap {
justify-content: space-between;
}
.woocommerce .quantity .qty {
width: 50%;
}
span.input-number-decrement,
span.input-number-increment {
width: 25%;
text-align: center;
}
.magic-slide {
padding-left: 0;
}
}
@media only screen and (max-width: 768px) {
.masthead-inner {
flex-wrap: wrap;
padding-bottom: 5px;
}
.site-branding {
border-bottom: 1px solid rgba(196, 185, 139, 0.32);
margin-bottom: 10px;
}
.safe-secure__img {
width: 25px;
}
.woocommerce div.product div.summary {
padding-right: 0;
}
}
@media only screen and (min-width: 1200px) {
.rugs-sizes__item {
width: 16.667%;
}
.rugs-sizes__item img {
max-width: 150px;
}
#rugs-sizes .sl-btn {
display: none;
}
}
.searchbox-wrapper {
position: fixed;
height: 100vh;
width: 100vw;
top: 0;
left: -9999999px;
right: 0;
background: rgba(255, 255, 255, 0.86);
z-index: 99;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
}
.searchbox-wrapper.searchbox-open {
left: 0;
opacity: 1;
}
.searchbox-wrapper .aws-container {
width: 100%;
min-width: 500px;
}
.close-search {
position: absolute;
top: 60px;
left: 50%;
transform: translateX(-50%);
cursor: pointer;
}
.search-btn {
cursor: pointer;
}
.count {
position: absolute;
top: -16px;
right: 0;
border-radius: 50px;
min-width: 20px;
min-height: 20px;
font-size: 8px;
display: flex;
align-items: center;
justify-content: center;
height: auto;
width: auto;
color: #333E4A;
font-weight: 500;
}
h1.category-ttle span {
color: #F37321;
font-size: 2.2rem;
}
@media only screen and (max-width: 768px) {
h1.entry-title {
font-size: 2em !important; padding: 0 50px;
font-weight: bolder;
line-height: 1;
}
}
.category-ttle {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
font-weight: bolder;
font-size: 4em;
}
h1.category-ttle.text-uppercase {
margin: 0px !important;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 20px;
font-weight: bolder;
font-size: 4em;
}
@media only screen and (max-width: 768px) {
h1.category-ttle.text-uppercase {
margin: 0px !important;
font-weight: 900;
font-size: 2em !important;
text-align: center;
}
}
.term-description a {
text-decoration: underline;
}
.lity-container {
width: 100%;
max-width: 500px;
padding-top: 80px;
vertical-align: top;
}
.lity {
background: rgba(0, 0, 0, 0.6);
}
a.aws_result_item.aws_search_more {
font-weight: 500;
text-transform: uppercase;
color: #F37321;
}
.search-results div#filter-shop-sidebar {
display: none;
}
.aws-container .aws-search-form .aws-search-btn svg {
fill: #F37321;
}
.aws_result_price span.from-txt {
display: none;
}
.aws_result_title {
text-transform: uppercase;
}
.aws-search-result .aws_result_term {
color: #F37321;
text-transform: uppercase;
}
.aws-container .aws-search-field {
color: #333E4A;
border: 1px solid rgba(196, 185, 139, 0.33);
text-transform: uppercase;
font-weight: 500;
}
.lity-close {
background: unset !important;
color: #F37321 !important;
}
.lity-close:hover {
background: unset !important;
}
.aws-search-result .aws_onsale {
background: #F37321;
color: #333E4A;
text-transform: uppercase;
font-weight: 600;
font-size: 10px;
}
.header-top {
background: #333E4A;
padding: 6px;
}
.header-top p {
margin: 0;
color: #fff;
font-size: 1.3rem;
letter-spacing: 2px;
}
.header-top p strong {
font-weight: 600;
}
section.best-sellers-items.sctn-wrp.shop-slider {
padding-top: 0;
}
.aws-search-result .aws_result_excerpt {
display: none;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
width: 100%;
}
input.wpcf7-form-control.wpcf7-submit {
width: 100%;
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
border-radius: unset;
border: unset;
padding: 10px !important;
}
textarea.wpcf7-form-control.wpcf7-textarea {
outline: none !important;
}
textarea.wpcf7-form-control.wpcf7-textarea:focus {
outline: inherit !important;
}
.header-inner {
background: rgba(255, 255, 255, 0.76);
margin: 0 auto;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
min-width: 500px;
min-height: 160px;
min-width: 30vw;
max-width: 500px;
}
.contact-image img {
object-fit: cover;
object-position: center;
}
.woocommerce-ResetPassword.lost_reset_password .form-row {
width: 100%;
}
.error404 main {
margin-top: auto;
}
.product .images a[target="_blank"] {
display: none !important;
}
del .amount:nth-child(even),
ins .amount:nth-child(even) {
display: none;
}
span.price del,
span.price ins {
color: transparent !important;
}
span.price del .amount,
span.price ins .amount {
color: #333E4A;
}
del span.woocommerce-Price-amount.amount {
text-decoration: line-through;
}
.woocommerce div.product p.price del,
.woocommerce div.product p.price ins {
color: transparent;
}
.woocommerce div.product p.price span.woocommerce-Price-amount.amount {
color: #333E4A;
}
.entry-summary p.price {
display: flex;
}
@media only screen and (min-width: 769px) {
.MagicScroll > .mcs-button-arrow {
right: -140px !important;
}
}
@media screen and (min-width: 992px) {
.best-sellers-items .cr__col-lg-4 {
flex-basis: 25%;
width: 25% !important;
}
} .heroSwiper .theme-btn {
cursor: pointer;
}
.archive section.shop-slider {
padding-top: 0;
}
.archive section#rugs-sizes {
padding-bottom: 0;
}
@media only screen and (min-width: 680px) {
form.woocommerce-form {
flex: 1;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
div#customer_login {
display: flex;
gap: 20px;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
display: flex;
flex-direction: column;
}
.heroSwiper .slider-details h1 {
font-size: 3.4rem;
}
}
.prdctfltr_checkboxes {
overflow-y: scroll;
max-height: 200px;
}
ul.products li.product {
margin-bottom: 20px !important;
display: flex;
flex-direction: column;
}
.cat-products img {
height: 100% !important;
object-fit: cover;
} .woocommerce-page table.cart td.actions .input-text {
height: 34px;
}
.category-wrp {
align-items: flex-start;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
width: 100%;
}
.single-product .woocommerce-variation-price .from-txt {
display: none;
}
mark,
ins {
background: unset;
}
.wws-whatsapp { display: none; }
@media only screen and (max-width: 768px) {
.showcase-right, .showcase-row {
display: flex;
align-items: end;
}
.showcase-left.cr__row,
.showcase-bottom.cr__row.no__wrap {
margin: 0;
}
.showcase-cta {
justify-content: start;
}
.showcase-bottom__col.sbl-2 {
justify-content: end;
}
.showcase-bottom__col .content-wrp {
padding: 0 0 15px;
}
.contact-image {
padding-right: 0;
}
.wws-whatsapp { display: block; }
textarea.wpcf7-form-control.wpcf7-textarea {
height: 150px;
}
}
.tabs-container__inner .cr__col-lg-3 {
position: relative;
}
.tabs-container__inner .product-card .card-img {
border: 1px solid rgb(0 0 0 / 5%);
}
.entry-header {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
dl.variation {
flex-direction: column;
}
.woocommerce ul.cart_list li.woocommerce-mini-cart-item.mini_cart_item dl dt, .woocommerce ul.product_list_widget li.woocommerce-mini-cart-item.mini_cart_item dl dt {
font-size: 12px;
}
.woocommerce ul.cart_list li.woocommerce-mini-cart-item.mini_cart_item dl dd, .woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li.woocommerce-mini-cart-item.mini_cart_item dl dd, .woocommerce ul.product_list_widget li.woocommerce-mini-cart-item.mini_cart_item dl dt {
display: inline-block;
float: left;
margin-bottom: 5px;
}
.widget_shopping_cart dl.variation dd {
font-size: 12px;
text-align: left !important;
margin-left: 0 !important;
}
.widget_shopping_cart .woocommerce-mini-cart-item .variation {
align-items: flex-start;
}
.widget_shopping_cart p {
margin: 0;
}
.woocommerce ul.product_list_widget li.woocommerce-mini-cart-item.mini_cart_item dl dt dt {
font-weight: 600 !important;
}
.woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl {
border-left: 1px solid #F37321;
}
label[for="payment_method_payfast"] img {
display: none;
}
.select2-container--default .select2-selection--single {
color: #666;
border: 1px solid rgba(196, 185, 139, 0.33);
border-radius: 0;
font-weight: 300;
}
a.add_to_wishlist.single_add_to_wishlist.button.alt {
padding: 0;
background: transparent !important;
}
a.add_to_wishlist.single_add_to_wishlist.button.alt span {
display: none !important;
}
.yith-wcwl-wishlistaddedbrowse {
background: #dbdbdb;
}
tr.cart_item .product-name dl.variation,
tr.order_item .product-name dl.variation {
display: flex;
flex-direction: column;
}
tr.cart_item .product-name p,
tr.order_item .product-name p {
margin: 0;
}
tr.cart_item .product-name dt,
tr.order_item .product-name dt,
tr.cart_item .product-name p,
tr.order_item .product-name p {
font-size: 12px;
}
.coupon button.button.wp-element-button {
padding-left: 15px !important;
padding-right: 15px !important;
}
ul.wc-item-meta {
margin-left: 0;
padding-left: 0;
font-size: 14px;
}
span.from-txt { margin-right: 10px; }
body.customize-partial-edit-shortcuts-shown .customize-partial-edit-shortcut button {
animation-name: customize-partial-edit-shortcut-bounce-appear;
width: unset;
border-radius: unset;
min-width: unset !important;
padding: 3px;
}
.woocommerce div.product p.price del {
margin-right: 10px;
}
.designed-by a {
font-size: 12px !important;
}
.filter-trigger span {
font-size: 12px;
font-weight: 400;
letter-spacing: 2px;
display: block;
text-transform: uppercase;
}
.filter-trigger {
display: none;
}
.filter-trigger svg {
width: 20px;
}
.custom-copy {
margin-bottom: -50px;
}
@media only screen and (max-width: 992px) {
.category-wrp #filter-shop-sidebar {
display: block !important;
width: 100%;
padding: 0;
flex-basis: 100%;
}
.filter-trigger {
display: flex;
align-items: center;
gap: 5px;
}
.filter-wrap {
display: none;
}
.woocommerce nav.woocommerce-pagination {
justify-content: center;
}
.woocommerce nav.woocommerce-pagination ul {
flex-wrap: wrap;
justify-content: center;
}
.woocommerce nav.woocommerce-pagination ul .page-numbers {
width: 30px !important;
height: 30px !important;
font-size: 12px;
}
section.related.products.pb-5 {
padding-bottom: 0;
}
.single-product .woocommerce-message {
display: flex;
flex-direction: column-reverse;
}
.single-product .woocommerce-message a.button.wc-forward {
margin-top: 10px;
max-width: 170px;
}
}h4.filter-title.collapsable.closed, h4.filter-title.collapsable.opened {
font-size: 1.5rem;
font-weight: 500;
word-spacing: unset !important;
margin: 5px 0 !important;
}
.container-fluid.shop-top {
background: #ffede1;
padding: 40px 0px;
margin-bottom: 20px
}
@media only screen and (max-width: 768px) {
.container-fluid.shop-top {
background: #ffede1;
padding: 20px 0px;
margin-bottom: 20px
}
.woocommerce nav.woocommerce-pagination {
display: flex;
justify-content: end;
margin-top: 150px !important;
}
}
table.shop_table_responsive thead {
display: none;
}
table.shop_table_responsive tbody th {
display: none;
}
table.shop_table_responsive tr td {
display: block;
text-align: right;
clear: both;
}
table.shop_table_responsive tr td::before {
content: attr(data-title) ": ";
float: left;
}
table.shop_table_responsive tr td.product-remove a {
text-align: left;
display: flex;
align-items: center;
justify-content: center;
}
table.shop_table_responsive tr td.product-remove::before {
display: none;
}
table.shop_table_responsive tr td.actions::before, table.shop_table_responsive tr td.download-actions::before {
display: none;
}
table.shop_table_responsive tr td.download-actions .button {
display: block;
text-align: center;
}
@media screen and (min-width: 48em) {
table.shop_table_responsive thead {
display: table-header-group;
}
table.shop_table_responsive tbody th {
display: table-cell;
}
table.shop_table_responsive tr th,
table.shop_table_responsive tr td {
text-align: left;
}
table.shop_table_responsive tr td {
display: table-cell;
}
table.shop_table_responsive tr td::before {
display: none;
}
}
.free-shipping-container {
position: absolute;
display: block;
height: 45px !important;
top: 205px;
z-index: 99;
right: 0;
}
.free-shipping-blurb {
display: none !important;
position: absolute;
left: 0; top: 100%;
width: 200px; background-color: #fff;
border: 1px solid #ddd;
padding: 10px;
z-index: 1; font-size: 0.5em !important
}
span.free-shipping-icon img {
width: 45px !important;
height: 45px !important;
object-fit: contain !important;
}
.free-shipping-icon:hover + .free-shipping-blurb,
.free-shipping-container:hover .free-shipping-blurb {
display: block !important;
}
.free-shipping-icon {
cursor: pointer;
width: 45px !important;
height: 45px !important; }
div.product-card > a > div.title-price__wrap > div.card-price > div.free-shipping-container > p {
font-size: 0.7em !important;
}
div.product-card > a > div.title-price__wrap > div.card-price > div > span > img {
height: 45px !important;
}
@media only screen and (max-width: 768px) {
.free-shipping-container {
position: absolute;
display: block;
height: 45px !important;
top: 100px;
z-index: 99;
right: 0;
}
}
ul.cat-products.products {
margin: 0 auto !important;
}
ul.cat-products.products li {
width: 250px !important;
} h2.woocommerce-loop-product__title {
font-size: 0.9em !important;
}
section.related.products.pb-5 h2 {
text-transform: capitalize;
}
span.amount {
padding-left: 5px;
}
ul.products {
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
ul.products li.product {
list-style: none;
position: relative;
margin-bottom: 2em;
}
ul.products li.product img {
display: block;
}
ul.products li.product .button {
display: block;
}
@media screen and (min-width: 48em) {
ul.products li.product {
width: 30.79667%;
float: left;
margin-right: 3.8%;
}
ul.products li.product.first {
clear: both;
}
ul.products li.product.last {
margin-right: 0;
}
ul.products.columns-1 li.product {
float: none;
width: 100%;
}
ul.products.columns-2 li.product {
width: 48.1%;
}
ul.products.columns-3 li.product {
width: 30.79667%;
}
ul.products.columns-4 li.product {
width: 22.15%;
}
ul.products.columns-5 li.product {
width: 16.96%;
}
ul.products.columns-6 li.product {
width: 13.49333%;
}
} .single-product div.product {
position: relative;
}
.single-product div.product .woocommerce-product-gallery {
position: relative;
float: left;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: 2em;
right: 1em;
display: block;
z-index: 99;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport {
margin-bottom: 1em;
}
ol.flex-control-nav.flex-control-thumbs {
display: flex;
flex-direction: row;
gap: 20px;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
margin: 0;
padding: 0;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
list-style: none;
cursor: pointer;
float: left;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
opacity: 0.5;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
opacity: 1;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
opacity: 1;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
width: 48.1%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) {
clear: both;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
width: 30.79667%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
clear: both;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
width: 22.15%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
clear: both;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
width: 16.96%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
clear: both;
}
.stock:empty::before {
display: none;
}
.stock.in-stock {
color: #0f834d;
}
.stock.out-of-stock {
color: #e2401c;
} @media screen and (min-width: 768px) {
.col2-set .form-row-first {
float: left;
margin-right: 3.8%;
}
.col2-set .form-row-last {
float: right;
margin-right: 0;
}
.col2-set .form-row-first,
.col2-set .form-row-last {
width: 48.1%;
}
}  .site-header-cart {
margin: 0;
padding: 0;
cursor: pointer;
}
.site-header-cart .cart-contents {
text-decoration: none;
}
.site-header-cart .widget_shopping_cart {
display: none;
}
.site-header-cart .product_list_widget {
margin: 0;
padding: 0;
}
.site-header-cart ul {
margin: 0;
list-style: none;
padding: 0;
}
.site-header-cart ul .cart-link {
position: relative;
} .star-rating {
overflow: hidden;
position: relative;
height: 1.618em;
line-height: 1.618;
width: 5.3em;
font-family: star;
font-weight: 400;
margin: 0 auto !important;
}
.star-rating::before {
content: "\53\53\53\53\53";
opacity: 0.25;
float: left;
top: 0;
left: 0;
position: absolute;
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.star-rating span::before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
color: #333E4A;
}
p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
margin-right: 1px;
font-weight: 400;
}
p.stars a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: star;
content: "\53";
color: #333E4A;
text-indent: 0;
opacity: 0.25;
}
p.stars a:hover ~ a::before {
content: "\53";
color: #333E4A;
opacity: 0.25;
}
p.stars:hover a::before {
content: "\53";
color: #333E4A;
opacity: 1;
}
p.stars.selected a.active::before {
content: "\53";
color: #333E4A;
opacity: 1;
}
p.stars.selected a.active ~ a::before {
content: "\53";
color: #333E4A;
opacity: 0.25;
}
p.stars.selected a:not(.active)::before {
content: "\53";
color: #333E4A;
opacity: 1;
} .woocommerce div.product .woocommerce-tabs ul.tabs {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
display: flex;
gap: 20px;
padding: 0 !important;
margin-bottom: 40px !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
position: relative;
width: 100%;
text-align: center;
border-radius: unset;
padding: 0;
margin: unset;
background: unset;
border-color: rgba(196, 185, 139, 0.33);
display: flex;
align-items: center;
justify-content: center;
padding: 0 10px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background: rgba(243, 115, 33, 1)  !important;
color: #333E4A !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 8px 0;
display: block;
}
.woocommerce div.product .woocommerce-tabs .panel product__title:first-of-type {
margin-bottom: 1em;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
text-transform: uppercase;
font-weight: 600;
display: block;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
display: none;
} .woocommerce-password-strength {
text-align: right;
}
.woocommerce-password-strength.strong {
color: #0f834d;
}
.woocommerce-password-strength.short {
color: #e2401c;
}
.woocommerce-password-strength.bad {
color: #e2401c;
}
.woocommerce-password-strength.good {
color: #3d9cd2;
} .form-row.woocommerce-validated input.input-text {
box-shadow: inset 2px 0 0 #0f834d;
}
.form-row.woocommerce-invalid input.input-text {
box-shadow: inset 2px 0 0 #e2401c;
}
.required {
color: #f00;
} .woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
background-color: #0f834d;
clear: both;
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
background-color: #3d9cd2;
}
.woocommerce-error {
background-color: #e2401c;
}
.demo_store {
position: fixed;
left: 0;
bottom: 0;
right: 0;
margin: 0;
padding: 1em;
background-color: #3d9cd2;
z-index: 9999;
}
@media screen and (min-width: 48em) { .site-header-cart .widget_shopping_cart {
position: absolute;
top: 100%;
width: 100%;
z-index: 999999;
left: -999em;
display: block;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart {
left: 0;
display: block;
}
}
.widget.woocommerce.widget_shopping_cart {
background: #fff;
}
.woocommerce-mini-cart .woocommerce-mini-cart-item img {
display: none;
}
.woocommerce-mini-cart .woocommerce-mini-cart-item .from-txt {
display: none;
}
.woocommerce-mini-cart .woocommerce-mini-cart-item a {
font-size: 1.2rem !important;
}
.woocommerce-mini-cart .woocommerce-mini-cart-item .quantity {
font-size: 1.3rem;
}
.woocommerce-mini-cart:before {
display: block;
width: 20px;
height: 20px;
background: red;
position: absolute;
right: 6px;
z-index: -1;
transform: rotate(43deg);
}
p.woocommerce-mini-cart__total.total {
margin-top: 5px;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
padding-top: 14px !important;
}
p.woocommerce-mini-cart__buttons.buttons {
margin-bottom: -5px;
}
@media screen and (max-width: 768px) {
.woocommerce div.product .woocommerce-tabs ul.tabs {
flex-direction: column;
margin-bottom: 0px !important;
}
}  .widget_price_filter .price_slider {
margin-bottom: 1.5em;
}
.widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4;
}
.widget_price_filter .price_slider_amount .button {
float: left;
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
cursor: ew-resize;
outline: none;
background: #333E4A;
box-sizing: border-box;
margin-top: -0.25em;
opacity: 1;
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -1em;
}
.widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
display: block;
border: 0;
background: #333E4A;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
background: rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider-horizontal {
height: 0.5em;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
height: 100%;
} .wl-table .product-thumbnail {
max-width: 50px !important;
}
.wlconfirm {
font-weight: 500;
}
.wl-list-pop {
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%);
min-width: 330px;
}
.wl-list-pop dl span {
font-size: 12px;
font-weight: 500;
margin-bottom: 10px;
display: block;
}
a.wl-add-to-single {
font-size: 14px;
font-weight: 500;
color: #F37321 !important;
}
#wl-list-pop-wrap {
background-color: rgba(0, 0, 0, 0.71);
}
.woocommerce .wl-add-to-single.button {
font-size: 1.4rem !important;
text-align: center;
padding: 10px !important;
}
.fa-heart:before {
background: url(//www.moksi.co.za/wp-content/themes/moksi-shop/assets/images/whishlist-icon.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 20px;
height: 20px;
display: inline-block;
}
.product #wl-wrapper {
width: 70px !important;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(196, 185, 139, 0.33);
}
.product #wl-wrapper.wl-button-wrap.wl-button-already-in {
width: 100% !important;
}
.product #wl-wrapper.wl-button-wrap.wl-button-already-in:hover {
background-color: rgba(243, 115, 33, 1) !important;
}
div#wl-wrapper.wl-button-wrap.wl-button-already-in a.wl-add-to {
background: unset;
}
#wl-wrapper .wl-already-in ul {
list-style: none;
margin: 0;
padding: 0;
}
.wl-already-in a {
text-decoration: none;
color: inherit;
text-transform: uppercase;
font-weight: 500;
}
#wl-wrapper .wl-tabs::after,
#wl-wrapper .wl-tabs::before {
display: none;
}
#wl-wrapper ul.wl-tabs {
border-bottom: unset;
}
#wl-wrapper .wl-tabs li {
text-align: center;
border-radius: unset;
padding: 0;
margin: unset;
background: unset;
border-color: rgba(196, 185, 139, 0.33);
}
#wl-wrapper .wl-tabs li a {
border: 1px solid #ddd;
text-transform: uppercase;
font-weight: 500;
display: block;
border-radius: 0;
}
#wl-wrapper .wl-tabs > li.active > a {
color: #fff;
background-color: rgba(243, 115, 33, 1);
border: 1px solid rgba(196, 185, 139, 0.33);
border-bottom-color: rgba(196, 185, 139, 0.33);
border-bottom-color: transparent;
cursor: default;
}
#wl-wrapper .wl-manage .row-actions small a {
font-size: 14px;
}
div#tab-wl-items a {
font-weight: 500;
}
#wl-wrapper .move-list-sel {
max-width: unset;
}
#wl-wrapper .ctr {
text-align: left;
}
.cart_table_item .product-price span.from-txt {
display: none;
}
.woocommerce #tab-wl-items .qty {
border: 1px solid rgba(196, 185, 139, 0.33) !important;
}
.woocommerce.widget_shopping_cart .cart_list li {
padding-left: 20px;
margin-bottom: 6px;
border-bottom: 1px solid rgba(196, 185, 139, 0.5);
}
dt.variation-FromWishlist {
font-size: 12px;
font-weight: 500 !important;
text-transform: capitalize;
}
a.wl-add-to.wl-add-link.disabled {
opacity: 0.3;
}
a.wl-add-to.wl-add-link.disabled:hover {
cursor: not-allowed;
} li.product .yith-wcwl-add-to-wishlist {
display: flex;
justify-content: end;
position: absolute;
right: 0px;
top: 0px;
z-index: 99;
margin-bottom: -15px;
width: 100%;
}
.fa-heart:before {
color: #F37321;
}
li.product i.yith-wcwl-icon.fa {
font-size: 20px;
background: rgba(0, 0, 0, 0.57);
border-radius: 64px;
padding: 7px;
}
.yith-wcwl-wishlistaddedbrowse {
background: #f3f3f3;
padding: 5px 10px;
position: absolute;
z-index: 99;
top: 5px;
}
span.feedback {
display: none;
}
li.product .yith-wcwl-wishlistexistsbrowse .yith-wcwl-icon {
font-size: 15px !important;
}
.woocommerce ul.products li.product .button {
display: inline-block;
margin: -0.5em -0.5em 0 0;
padding: 0 !important;
}
.product-card {
padding: 7px !important;
height: 350px;
width: 250px !important;
margin: 0 auto;
}
.product-card .card-img picture > h2 a:hover {
visibility: visible !important; opacity: 1 !important; }
.yith-wcwl-wishlistexistsbrowse a,
.yith-wcwl-wishlistaddedbrowse a {
font-size: 12px;
font-weight: 500;
}
.yith-wcwl-wishlistexistsbrowse {
background: #f3f3f3;
padding: 5px 10px;
position: absolute;
z-index: 99;
top: 5px;
}
.yith-wcwl-wishlistexistsbrowse .fa-heart {
display: none;
}
.yith-wcwl-wishlistaddedbrowse {
text-align: right;
}
i.yith-wcwl-icon.fa.fa-heart-o {
color: #F37321;
}
.yith-wcwl-wishlistaddedbrowse .fa-heart {
display: none;
}
.wishlist-items-wrapper td.product-name {
font-weight: 500;
}
.wishlist_table th.product-price,
.wishlist_table th.product-stock-status {
text-align: center;
}
.summary.entry-summary .yith-wcwl-add-to-wishlist {
margin-top: 0;
display: flex;
}
.summary.entry-summary a.add_to_wishlist.single_add_to_wishlist.button.alt {
width: auto !important;
height: 100%;
padding: 10px !important;
display: flex;
align-items: center;
justify-content: center;
background: none !important;
border: 1px solid rgba(196, 185, 139, 0.33);
box-shadow: unset !important;
}
.summary.entry-summary i.yith-wcwl-icon.fa.fa-heart,
.summary.entry-summary i.yith-wcwl-icon.fa.fa-heart-o {
margin-right: 0;
}
.summary.entry-summary i.yith-wcwl-icon.fa.fa-heart-o {
font-size: 20px;
}
.summary.entry-summary .fa-heart:before {
color: #F37321;
font-size: 20px;
}
.summary.entry-summary span.feedback {
display: none;
}
.summary.entry-summary .yith-wcwl-wishlistexistsbrowse,
.summary.entry-summary .yith-wcwl-wishlistaddedbrowse {
position: unset;
}
.summary.entry-summary .yith-wcwl-wishlistexistsbrowse a,
.summary.entry-summary .yith-wcwl-wishlistaddedbrowse a {
line-height: 15px !important;
display: block;
} .summary.entry-summary a.add_to_wishlist.single_add_to_wishlist.button.alt {
border: 0px !important
}
div#filter-shop-sidebar {
padding-right: 100px;
}
.prdctfltr_add_scroll {
display: grid !important;
grid-template-rows: 0fr;
transition: grid-template-rows 0.5s ease-in-out;
padding-right: 7px;
}
.wcpf-field-item.wcpf-front-element {
border-bottom: 1px solid #F37321;
padding-bottom: 5px !important;
}
.wcpf-field-item.wcpf-front-element:last-child,
.wcpf-field-item.wcpf-front-element.wcpf-field-price-slider.wcpf-box-style.wcpf-display-price-label {
border-bottom: unset;
}
.prdctfltr_regular_title {
position: relative;
}
.wcpf-field-item.wcpf-box-style .wcpf-heading-label .box-toggle:before,
.prdctfltr_regular_title:before {
content: "";
background: url(//www.moksi.co.za/wp-content/themes/moksi-shop/assets/images/next-icon.svg);
background-repeat: no-repeat !important;
background-size: contain !important;
display: block;
width: 15px;
height: 15px;
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
transition: all 0.4s;
color: transparent;
}
.prdctfltr_regular_title:before {
rotate: 90deg;
right: 15px;
top: 5px;
}
span.wcpf-product-counts {
display: none !important;
}
.wcpf-field-item.wcpf-box-style:not(.wcpf-box-hide)
.wcpf-heading-label
.box-toggle:before {
background: url(//www.moksi.co.za/wp-content/themes/moksi-shop/assets/images/next-icon.svg);
rotate: 90deg;
right: 15px;
}
.wcpf-field-checkbox-list
.wcpf-checkbox-list
.wcpf-checkbox-item
.wcpf-input-container {
border-radius: 50px;
}
.wcpf-field-checkbox-list
.wcpf-checkbox-list
.wcpf-checkbox-item.checked
> .wcpf-checkbox-item-inner
> .wcpf-checkbox-label
.wcpf-input-container::after {
top: 2px;
left: 2px;
height: 8px;
width: 8px;
border: 1px solid #d6ceae;
border-radius: 50px;
background: #d6ceae;
}
.fltr-cat__ttle a:after {
content: "";
width: 16px;
height: 16px;
display: block;
border: 1px solid #e5e5e5;
border-radius: 40px;
}
.fltr-cat__ttle a:before {
content: "";
position: absolute;
right: 0;
width: 16px;
height: 16px;
border-radius: 20px;
border: 1px solid #e5e5e5;
}
a.active-category:after {
width: 12px;
height: 12px;
top: 2px;
right: 2px;
position: relative;
background: #d6ceae;
}
.prdctfltr_add_scroll.prdctfltr_a__open {
grid-template-rows: 1fr;
}
.fltr-cat__ttle a {
padding: 5px 0;
display: flex;
justify-content: space-between;
width: 100%;
position: relative;
}
.wcpf-title-container > span,
.fltr-cat__ttle a {
text-transform: uppercase;
font-weight: 500 !important;
font-size: 12px;
letter-spacing: 1.3px;
}
.wcpf-layout-item.wcpf-box-style .wcpf-heading-label .box-toggle,
.wcpf-field-item.wcpf-box-style .wcpf-heading-label .box-toggle {
right: 0;
}
.wcpf-field-checkbox-list
.wcpf-checkbox-list
.wcpf-checkbox-item
.wcpf-checkbox-label {
display: flex;
flex-direction: row-reverse;
padding-right: 5px;
}
.wcpf-field-checkbox-list
.wcpf-checkbox-list
.wcpf-checkbox-item
.wcpf-title-container {
padding-left: 0;
}
.wcpf-field-checkbox-list .wcpf-heading-label,
.wcpf-field-price-slider .wcpf-heading-label {
text-transform: uppercase;
font-weight: 500 !important;
font-size: 16px;
margin-bottom: 2px;
letter-spacing: 1.6px;
}
a.active-category {
color: #F37321;
}
h3.fltr-cats {
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
margin-bottom: 12px;
}
.fltr-cats__wrap {
border-bottom: 1px solid #F37321;
padding-bottom: 10px;
margin-bottom: 10px;
letter-spacing: 1.6px;
}
.wcpf-field-price-slider .ui-slider-horizontal {
height: 1px;
}
.wcpf-field-price-slider .ui-slider .ui-slider-handle {
border: 1px solid #F37321;
width: 10px;
height: 10px;
}
.wcpf-field-price-slider .ui-slider .ui-slider-range {
background-color: #d6ceae;
}
.wcpf-field-price-slider.wcpf-display-price-label .priceLabel {
display: flex;
justify-content: space-between;
}
.wcpf-field-price-slider .priceLabel .price-text,
span.delimiter,
.wcpf-price-slider-min-max-inputs {
display: none !important;
}  table.shop_table_responsive thead {
display: none;
}
table.shop_table_responsive tbody th {
display: none;
}
table.shop_table_responsive tr td {
display: block;
text-align: right;
clear: both;
}
table.shop_table_responsive tr td::before {
content: attr(data-title) ": ";
float: left;
}
table.shop_table_responsive tr td.product-remove a {
text-align: left;
display: flex;
align-items: center;
justify-content: center;
}
table.shop_table_responsive tr td.product-remove::before {
display: none;
}
table.shop_table_responsive tr td.actions::before, table.shop_table_responsive tr td.download-actions::before {
display: none;
}
table.shop_table_responsive tr td.download-actions .button {
display: block;
text-align: center;
}
@media screen and (min-width: 48em) {
table.shop_table_responsive thead {
display: table-header-group;
}
table.shop_table_responsive tbody th {
display: table-cell;
}
table.shop_table_responsive tr th,
table.shop_table_responsive tr td {
text-align: left;
}
table.shop_table_responsive tr td {
display: table-cell;
}
table.shop_table_responsive tr td::before {
display: none;
}
} ul.products {
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
ul.products li.product {
list-style: none;
position: relative;
margin-bottom: 2em;
}
ul.products li.product img {
display: block;
}
ul.products li.product .button {
display: block;
}
.woocommerce ul.products li.product a img {
width: 250px;
height: 250px !important;
display: block;
margin: 0 0 1em;
box-shadow: none;
object-fit: cover;
border: 1px solid #eee !important
}
@media screen and (min-width: 48em) {
ul.products li.product {
width: 30.79667%;
float: left;
margin-right: 3.8%;
}
ul.products li.product.first {
clear: both;
}
ul.products li.product.last {
margin-right: 0;
}
ul.products.columns-1 li.product {
float: none;
width: 100%;
}
ul.products.columns-2 li.product {
width: 48.1%;
}
ul.products.columns-3 li.product {
width: 30.79667%;
}
ul.products.columns-4 li.product {
width: 22.15%;
}
ul.products.columns-5 li.product {
width: 16.96%;
}
ul.products.columns-6 li.product {
width: 13.49333%;
}
}
@media (max-width: 768px) {
.woocommerce ul.products li.product a img {
width: 150px;
height: 150px !important;
display: block;
margin: 0 0 1em;
box-shadow: none;
object-fit: cover;
}
.product-card {
padding: 7px !important;
height: 250px !important;
width: 150px !important;
}
} .single-product div.product {
position: relative;
}
.single-product div.product .woocommerce-product-gallery {
position: relative;
float: left;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: 2em;
right: 1em;
display: block;
z-index: 99;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport {
margin-bottom: 1em;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
margin: 0;
padding: 0;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
list-style: none;
cursor: pointer;
float: left;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
opacity: 0.5;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
opacity: 1;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
opacity: 1;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
width: 48.1%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) {
clear: both;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
width: 30.79667%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
clear: both;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
width: 22.15%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
clear: both;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
width: 16.96%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
clear: both;
}
.stock:empty::before {
display: none;
}
.stock.in-stock {
color: #0f834d;
}
.stock.out-of-stock {
color: #e2401c;
} @media screen and (min-width: 768px) {
.col2-set .form-row-first {
float: left;
margin-right: 3.8%;
}
.col2-set .form-row-last {
float: right;
margin-right: 0;
}
.col2-set .form-row-first,
.col2-set .form-row-last {
width: 48.1%;
}
}  .site-header-cart {
margin: 0;
padding: 0;
cursor: pointer;
}
.site-header-cart .cart-contents {
text-decoration: none;
}
.site-header-cart .widget_shopping_cart {
display: none;
}
.site-header-cart .product_list_widget {
margin: 0;
padding: 0;
}
.site-header-cart ul {
margin: 0;
list-style: none;
padding: 0;
}
.site-header-cart ul .cart-link {
position: relative;
} .star-rating {
overflow: hidden;
position: relative;
height: 1.618em;
line-height: 1.618;
width: 5.3em;
font-family: star;
font-weight: 400;
}
.star-rating::before {
content: "\53\53\53\53\53";
opacity: 0.25;
float: left;
top: 0;
left: 0;
position: absolute;
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.star-rating span::before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
left: 0;
color: #333E4A;
}
p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none;
margin-right: 1px;
font-weight: 400;
}
p.stars a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: star;
content: "\53";
color: #333E4A;
text-indent: 0;
opacity: 0.25;
}
p.stars a:hover ~ a::before {
content: "\53";
color: #333E4A;
opacity: 0.25;
}
p.stars:hover a::before {
content: "\53";
color: #333E4A;
opacity: 1;
}
p.stars.selected a.active::before {
content: "\53";
color: #333E4A;
opacity: 1;
}
p.stars.selected a.active ~ a::before {
content: "\53";
color: #333E4A;
opacity: 0.25;
}
p.stars.selected a:not(.active)::before {
content: "\53";
color: #333E4A;
opacity: 1;
}  .woocommerce div.product .woocommerce-tabs {
margin-top: 20px;
} .woocommerce div.product .woocommerce-tabs ul.tabs {
list-style: none;
padding: 0;
display: flex;
border-bottom: 1px solid #ddd;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
margin-right: 5px;
padding: 10px 15px;
background-color: #ffede1; border: 1px solid #ddd;
border-bottom: none; cursor: pointer;
transition: background-color 0.3s ease;
border-radius: 5px 5px 0 0;
} .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background-color: #fff !important; border-top: 3px solid #333e4a; border-radius: 5px 5px 0 0;
} .woocommerce div.product .woocommerce-tabs ul.tabs li:hover {
background-color: #e9e9e9; } .woocommerce-Tabs-panel {
border: 0;
padding: 20px;
background-color: #fff;
} @media (max-width: 767px) {
.woocommerce div.product .woocommerce-tabs ul.tabs {
flex-direction: column;
}
}  .woocommerce-password-strength {
text-align: right;
}
.woocommerce-password-strength.strong {
color: #0f834d;
}
.woocommerce-password-strength.short {
color: #e2401c;
}
.woocommerce-password-strength.bad {
color: #e2401c;
}
.woocommerce-password-strength.good {
color: #3d9cd2;
} .form-row.woocommerce-validated input.input-text {
box-shadow: inset 2px 0 0 #0f834d;
}
.form-row.woocommerce-invalid input.input-text {
box-shadow: inset 2px 0 0 #e2401c;
}
.required {
color: #f00;
} .woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
background-color: #0f834d;
clear: both;
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
background-color: #3d9cd2;
}
.woocommerce-error {
background-color: #e2401c;
}
.demo_store {
position: fixed;
left: 0;
bottom: 0;
right: 0;
margin: 0;
padding: 1em;
background-color: #3d9cd2;
z-index: 9999;
}
@media screen and (min-width: 48em) { .site-header-cart .widget_shopping_cart {
position: absolute;
top: 100%;
width: 100%;
z-index: 999999;
left: -999em;
display: block;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.site-header-cart:hover .widget_shopping_cart, .site-header-cart.focus .widget_shopping_cart {
left: 0;
display: block;
}
}
.widget.woocommerce.widget_shopping_cart {
background: #fff;
}
.woocommerce-mini-cart .woocommerce-mini-cart-item img {
display: none;
}
.woocommerce-mini-cart .woocommerce-mini-cart-item .from-txt {
display: none;
}
.woocommerce-mini-cart .woocommerce-mini-cart-item a {
font-size: 1.2rem !important;
}
.woocommerce-mini-cart .woocommerce-mini-cart-item .quantity {
font-size: 1.3rem;
}
.woocommerce-mini-cart:before {
display: block;
width: 20px;
height: 20px;
background: red;
position: absolute;
right: 6px;
z-index: -1;
transform: rotate(43deg);
}
p.woocommerce-mini-cart__total.total {
margin-top: 5px;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
padding-top: 14px !important;
}
p.woocommerce-mini-cart__buttons.buttons {
margin-bottom: -5px;
}
@media screen and (max-width: 768px) {
.woocommerce div.product .woocommerce-tabs ul.tabs {
flex-direction: column;
margin-bottom: 0px !important;
}
}  .widget_price_filter .price_slider {
margin-bottom: 1.5em;
}
.widget_price_filter .price_slider_amount {
text-align: right;
line-height: 2.4;
}
.widget_price_filter .price_slider_amount .button {
float: left;
}
.widget_price_filter .ui-slider {
position: relative;
text-align: left;
}
.widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
cursor: ew-resize;
outline: none;
background: #333E4A;
box-sizing: border-box;
margin-top: -0.25em;
opacity: 1;
}
.widget_price_filter .ui-slider .ui-slider-handle:last-child {
margin-left: -1em;
}
.widget_price_filter .ui-slider .ui-slider-handle:hover, .widget_price_filter .ui-slider .ui-slider-handle.ui-state-active {
box-shadow: 0 0 0 0.25em rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
display: block;
border: 0;
background: #333E4A;
}
.widget_price_filter .price_slider_wrapper .ui-widget-content {
background: rgba(0, 0, 0, 0.1);
}
.widget_price_filter .ui-slider-horizontal {
height: 0.5em;
}
.widget_price_filter .ui-slider-horizontal .ui-slider-range {
height: 100%;
} .woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.woocommerce-noreviews,
p.no-comments {
background-color: #eae7d8;
clear: both;
}
.woocommerce-message {
border-top-color: #F37321;
}
.woocommerce-message a {
font-weight: 500;
}
.woocommerce-message::before {
content: "\e015";
color: #F37321;
} .woocommerce .woocommerce-breadcrumb a {
color: #333E4A;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 1.2px;
}
.woocommerce .woocommerce-breadcrumb {
color: #333E4A;
text-transform: uppercase;
margin-bottom: 40px;
margin-top: 40px;
}
@media only screen and (max-width: 768px) {
.woocommerce .woocommerce-breadcrumb {
color: #333E4A;
text-transform: uppercase;
margin: 20px 0;
text-align: center;
}
}
nav.woocommerce-breadcrumb span {
color: #F37321;
}
.woocommerce
div.product
div.images
.woocommerce-product-gallery__image--placeholder {
display: none;
}
.woocommerce ul.products li.product .onsale {
align-items: center;
background: #F37321;
border-radius: 50%;
color: #fff;
display: flex;
height: 46px;
justify-content: center;
line-height: 1.15;
margin-bottom: 5px;
padding: 5px;
text-align: center;
text-transform: uppercase;
width: 46px;
font-weight: 400 !important;
}
.woocommerce ul.products li.product .onsale {
top: 0;
left: 0 !important;
margin: -0.5em -0.5em 0 0;
right: unset !important
}
.woocommerce-result-count {
display: none;
}
.woocommerce-variation-description {
display: none;
}
.woocommerce nav.woocommerce-pagination ul li a.prev,
.woocommerce nav.woocommerce-pagination ul li a.next {
color: transparent !important;
border: unset;
}
.woocommerce nav.woocommerce-pagination ul li a.prev,
.woocommerce nav.woocommerce-pagination ul li a.next {
background-position: center;
background-size: cover;
background-size: 12px;
background-repeat: no-repeat;
}
.woocommerce nav.woocommerce-pagination ul li a.next {
background-image: url(//www.moksi.co.za/wp-content/themes/moksi-shop/assets/images/next-icon.svg);
}
.woocommerce nav.woocommerce-pagination ul li a.prev {
background-image: url(//www.moksi.co.za/wp-content/themes/moksi-shop/assets/images/previous-icon.svg);
}
.woocommerce-button {
text-transform: uppercase;
font-weight: 400 !important;
border-radius: 0 !important;
}
.woocommerce div.product form.cart .button {
width: auto;
height: 42px;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
font-size: 1.125em;
border-radius: 5px !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
}
.woocommerce form .form-row label {
font-weight: 500;
font-size: 14px;
}
.woocommerce-ResetPassword.lost_reset_password {
max-width: 500px;
margin: 0 auto;
display: flex;
flex-direction: column;
justify-content: center;
}
.woocommerce-MyAccount-content p {
margin-top: 0;
}
.woocommerce-MyAccount-content a {
color: #F37321;
}
.woocommerce-form.woocommerce-form-login.login,
.woocommerce-account h2 {
width: 100%;
max-width: 600px;
margin: 20px auto;
}
#colophon .container {
border-top: 1px solid #efefef;
padding-top: 40px;
}
.woocommerce-LostPassword.lost_password a {
color: #333e4a;
text-transform: uppercase;
font-size: 14px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea {
outline-width: 1px !important;
outline-style: solid !important;
outline-color: #333e4a !important;
}
.woocommerce-MyAccount-navigation ul {
border: 1px solid #F37321;
padding: 20px;
list-style: none;
display: flex;
flex-direction: column;
gap: 10px;
margin-left: 0;
margin-right: 40px;
background: #f9f9f9;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
color: #F37321;
font-weight: 500;
}
.woocommerce-MyAccount-navigation ul a {
text-transform: uppercase;
text-decoration: none;
font-weight: 400;
font-size: 1.4rem;
}
.u-column1.col-1.woocommerce-Address {
border-right: 1px solid #F37321;
}
.woocommerce-Address-title.title {
padding-right: 10px;
}
.woocommerce-account .addresses .title h3 {
float: left;
font-weight: 400;
text-transform: uppercase;
}
form h3 {
text-transform: uppercase;
font-weight: 400;
}
#add_payment_method table.cart td,
#add_payment_method table.cart th,
.woocommerce-cart table.cart td,
.woocommerce-cart table.cart th,
.woocommerce-checkout table.cart td,
.woocommerce-checkout table.cart th {
vertical-align: middle;
text-transform: uppercase;
font-weight: 500;
}
table.shop_table_responsive thead {
background: #F37321;
}
.cart_totals h2 {
text-transform: uppercase;
font-size: 2.4rem;
}
.woocommerce ul.product_list_widget li a {
font-weight: 500;
text-transform: uppercase;
font-size: 14px;
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
width: 120px;
box-shadow: none;
}
.woocommerce-cart-form__cart-item.cart_item .from-txt {
display: none;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
display: none;
}
@media only screen and (max-width: 992px) {
#filter-shop-sidebar {
display: none;
}
.woocommerce-MyAccount-navigation ul {
margin-right: 0;
}
}
.woocommerce-info {
border-top-color: #F37321 !important;
}
.woocommerce-info::before {
color: #F37321 !important;
}
.search-results__wrap .products {
margin: 0 -10px 1rem -10px;
}
.pf_rngstyle_thin .irs-from,
.pf_rngstyle_thin .irs-to,
.pf_rngstyle_thin .irs-single {
background: #F37321 !important;
color: #333E4A !important;
font-weight: 400;
}
.widget_shopping_cart_content {
padding: 10px;
border: 1px solid #f2f2f2;
}
.widget_shopping_cart .buttons a,
.woocommerce.widget_shopping_cart .buttons a {
margin-right: 5px;
margin-bottom: 5px;
width: 100%;
text-align: center;
font-size: 12px;
}
.woocommerce div.product form.cart .reset_variations {
display: flex;
margin-top: 10px;
margin-bottom: 10px;
max-width: fit-content;
margin-left: auto;
}
.woocommerce-mini-cart-item .variation {
display: flex;
align-items: center;
padding-left: 5px !important;
}
dd.variation-FromWishlist {
margin: 0 !important;
}
.variation-FromWishlist p {
margin: 0 !important;
font-size: 12px;
color: #d6ceae;
}
.woocommerce.widget_shopping_cart .total {
border-top: unset;
}
.woocommerce-page table.cart td.actions .input-text {
width: 180px;
}
@media only screen and (max-width: 768px) {
td.product-purchase:before {
display: none;
}
#wl-wrapper .wl-privacy-col,
#wl-wrapper .wl-table .product-price,
#wl-wrapper .wl-table .product-purchase,
#wl-wrapper .wl-table .wl-date-added {
text-align: right !important;
}
table.wl-actions-table {
min-width: 100%;
}
.images img {
max-width: 100% !important;
}
div.MagicToolboxSelectorsContainer img {
max-width: 80px !important;
}
}
@media only screen and (min-width: 768px) {
.woocommerce div.product div.images {
width: 35%;
}
.woocommerce div.product div.summary {
width: 60%;
}
.MagicToolboxSelectorsContainer {
max-width: 100px;
}
}
div#MagicToolboxSelectors15 {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#wl-wrapper ul.wl-tabs {
display: flex;
margin-left: 0 !important;
padding-left: 0;
}
.category-wrp .woocommerce-no-products-found {
width: 100%;
}
ul.tabs-container__inner {
margin-left: 0;
padding-left: 0;
list-style: none;
}
.woocommerce nav.woocommerce-pagination {
display: flex;
justify-content: end;
margin-top: 50px !important;
}
nav.woocommerce-pagination {
margin-top: 50px !important
}
.woocommerce nav.woocommerce-pagination ul {
display: flex;
gap: 10px;
border: unset;
}
.woocommerce nav.woocommerce-pagination ul li {
border: unset;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
background-color: #F37321;
color: #333E4A;
}
.woocommerce nav.woocommerce-pagination ul li a:hover {
background-color: unset;
color: #F37321;
}
.woocommerce nav.woocommerce-pagination ul .page-numbers {
border: 1px solid #F37321;
border-radius: 40px;
width: 40px;
height: 40px;
display: flex !important;
align-items: center;
justify-content: center;
}
.woocommerce nav.woocommerce-pagination li:last-child {
border: unset;
}
li.product {
position: relative;
}
.woocommerce .quantity .qty {
width: 3.631em;
text-align: center;
border: unset;
border-right: 1px solid rgba(196, 185, 139, 0.33);
border-left: 1px solid rgba(196, 185, 139, 0.33);
border-radius: unset;
}
.woocommerce-variation-add-to-cart.variations_button,
.woocommerce .product.product-type-simple form.cart {
display: unset;
gap: 10px;
height: 40px;
}
.woocommerce div.product form.cart::after,
.woocommerce div.product form.cart::before {
display: none;
}
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
line-height: 1;
}
.woocommerce div.product form.cart .variations {
margin-bottom: 0;
}
.woocommerce div.product form.cart {
max-width: 500px;
}
.woocommerce-variation-price .from-txt {
display: none;
}
.woocommerce-variation-price {
margin-bottom: 10px;
margin-top: -10px;
}
td.product-name {
text-transform: uppercase;
}