html, body, [data-canvas=container], [data-off-canvas] {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
width: 100%;
height: 100%;
overflow: hidden;
} [data-canvas] {
z-index: 1;
}
[data-canvas=container] {
width: 100%;
height: 100%;
overflow-y: auto;
position: relative;
background-color: white; -webkit-overflow-scrolling: touch; }
[data-canvas=container]:before, [data-canvas=container]:after {
clear: both;
content: '';
display: table;
} [data-off-canvas] {
display: none;
position: fixed;
overflow: hidden;
overflow-y: auto;
background-color: black; color: white; -webkit-overflow-scrolling: touch; }
[data-off-canvas*=" top"] {
width: 100%;
height: 255px;
top: 0;
}
[data-off-canvas*=" right"] {
width: 255px;
height: 100%;
top: 0;
right: 0;
}
[data-off-canvas*=" bottom"] {
width: 100%;
height: 255px;
bottom: 0;
}
[data-off-canvas*=" left"] {
width: 255px;
height: 100%;
top: 0;
left: 0;
}
[data-off-canvas*=" reveal"] {
z-index: 0;
}
[data-off-canvas*=" push"] {
z-index: 1;
}
[data-off-canvas*=" overlay"] {
z-index: 9999;
}
[data-off-canvas*=" shift"] {
z-index: 0;
} [data-canvas], [data-off-canvas] {
-webkit-transform: translate( 0px, 0px );
-ms-transform: translate( 0px, 0px );
transform: translate( 0px, 0px );
-webkit-transition: -webkit-transform 300ms, -webkit-filter 300ms;
transition:         transform 300ms, filter 300ms;
-webkit-backface-visibility: hidden; }
[data-off-canvas*=" shift"][data-off-canvas*=" top"] {
-webkit-transform: translate( 0px, 50% );
transform: translate( 0px, 50% );
}
[data-off-canvas*=" shift"][data-off-canvas*=" right"] {
-webkit-transform: translate( -50%, 0px );
transform: translate( -50%, 0px );
}
[data-off-canvas*=" shift"][data-off-canvas*=" bottom"] {
-webkit-transform: translate( 0px, -50% );
transform: translate( 0px, -50% );
}
[data-off-canvas*=" shift"][data-off-canvas*=" left"] {
-webkit-transform: translate( 50%, 0px );
transform: translate( 50%, 0px );
} @media print {
[data-canvas] {
-webkit-transform: translate( 0px, 0px ) !important;
-ms-transform: translate( 0px, 0px ) !important;
transform: translate( 0px, 0px ) !important;
}
[data-off-canvas] {
display: none !important;
}
}html,
html.ocs-initialized {
overflow: hidden;
overflow-y: auto;
}
body,
[data-canvas=container],
.ocs-initialized [data-canvas=container] {
overflow: initial; height: auto;
min-height: 100vh;
} html.ocs-scroll-lock {
overflow-y: hidden;
}
html.ocs-scroll-lock.ocs-scroll-fixed {
position: fixed;
overflow-y: scroll;
}
html.ocs-scroll-lock.ocs-scroll-fixed body {
position: relative;
} .admin-bar [data-canvas=container] {
min-height: -webkit-calc( 100vh - 32px );
min-height: -moz-calc( 100vh - 32px );
min-height: calc( 100vh - 32px );
}
@media screen and (max-width: 782px) {
.admin-bar [data-canvas=container] {
min-height: -webkit-calc( 100vh - 46px );
min-height: -moz-calc( 100vh - 46px );
min-height: calc( 100vh - 46px );
}
}
@media screen and (max-width: 600px) {
html.ocs-sidebar-active #wpadminbar {
display: none;
height: 0;
}
} .ocs-legacy [data-canvas] {top: 0; right: 0; bottom: 0; left: 0;}
.ocs-legacy [data-canvas],
.ocs-legacy [data-off-canvas] {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
-webkit-transition: -webkit-transform 300ms, -webkit-filter 300ms, top 300ms, bottom 300ms, left 300ms, right 300ms, clip-path 0ms;
-moz-transition: -moz-transform 300ms, filter 300ms, top 300ms, bottom 300ms, left 300ms, right 300ms, clip-path 0ms;
-o-transition: -o-transform 300ms, filter 300ms, top 300ms, bottom 300ms, left 300ms, right 300ms, clip-path 0ms;
transition: transform 300ms, filter 300ms, top 300ms, bottom 300ms, left 300ms, right 300ms, clip-path 0ms;
} .ocs-trigger {cursor: pointer;} [data-off-canvas] {
overscroll-behavior: contain;
-ms-scroll-chaining: none;
} [data-off-canvas*=" top"][data-off-canvas*=" reveal"],
[data-off-canvas*=" top"][data-off-canvas*=" shift"],
[data-off-canvas*=" bottom"][data-off-canvas*=" reveal"],
[data-off-canvas*=" bottom"][data-off-canvas*=" shift"] {
z-index: 1;
}  .ocs-size-default.ocs-location-left,
.ocs-size-default.ocs-location-right {
width: 30%;
}
.ocs-size-small.ocs-location-left,
.ocs-size-small.ocs-location-right {
width: 15%;
}
.ocs-size-large.ocs-location-left,
.ocs-size-large.ocs-location-right {
width: 45%;
}
.ocs-size-default.ocs-location-top,
.ocs-size-default.ocs-location-bottom {
height: 30%;
}
.ocs-size-small.ocs-location-top,
.ocs-size-small.ocs-location-bottom {
height: 15%;
}
.ocs-size-large.ocs-location-top,
.ocs-size-large.ocs-location-bottom {
height: 45%;
}
@media (max-width: 480px) { .ocs-size-default.ocs-location-left,
.ocs-size-default.ocs-location-right {
width: 60%;
}
.ocs-size-small.ocs-location-left,
.ocs-size-small.ocs-location-right {
width: 35%;
}
.ocs-size-large.ocs-location-left,
.ocs-size-large.ocs-location-right {
width: 85%;
}
.ocs-size-default.ocs-location-top,
.ocs-size-default.ocs-location-bottom {
height: 40%;
}
.ocs-size-small.ocs-location-top,
.ocs-size-small.ocs-location-bottom {
height: 20%;
}
.ocs-size-large.ocs-location-top,
.ocs-size-large.ocs-location-bottom {
height: 60%;
}
}
@media (min-width: 481px) { .ocs-size-default.ocs-location-left,
.ocs-size-default.ocs-location-right {
width: 50%;
}
.ocs-size-small.ocs-location-left,
.ocs-size-small.ocs-location-right {
width: 30%;
}
.ocs-size-large.ocs-location-left,
.ocs-size-large.ocs-location-right {
width: 70%;
}
.ocs-size-default.ocs-location-top,
.ocs-size-default.ocs-location-bottom {
height: 40%;
}
.ocs-size-small.ocs-location-top,
.ocs-size-small.ocs-location-bottom {
height: 20%;
}
.ocs-size-large.ocs-location-top,
.ocs-size-large.ocs-location-bottom {
height: 60%;
}
}
@media (min-width: 768px) { .ocs-size-default.ocs-location-left,
.ocs-size-default.ocs-location-right {
width: 40%;
}
.ocs-size-small.ocs-location-left,
.ocs-size-small.ocs-location-right {
width: 25%;
}
.ocs-size-large.ocs-location-left,
.ocs-size-large.ocs-location-right {
width: 55%;
}
.ocs-size-default.ocs-location-top,
.ocs-size-default.ocs-location-bottom {
height: 35%;
}
.ocs-size-small.ocs-location-top,
.ocs-size-small.ocs-location-bottom {
height: 20%;
}
.ocs-size-large.ocs-location-top,
.ocs-size-large.ocs-location-bottom {
height: 55%;
}
}
@media (min-width: 992px) { .ocs-size-default.ocs-location-left,
.ocs-size-default.ocs-location-right {
width: 30%;
}
.ocs-size-small.ocs-location-left,
.ocs-size-small.ocs-location-right {
width: 15%;
}
.ocs-size-large.ocs-location-left,
.ocs-size-large.ocs-location-right {
width: 45%;
}
.ocs-size-default.ocs-location-top,
.ocs-size-default.ocs-location-bottom {
height: 30%;
}
.ocs-size-small.ocs-location-top,
.ocs-size-small.ocs-location-bottom {
height: 15%;
}
.ocs-size-large.ocs-location-top,
.ocs-size-large.ocs-location-bottom {
height: 45%;
}
}
@media (min-width: 1200px) { .ocs-size-default.ocs-location-left,
.ocs-size-default.ocs-location-right {
width: 25%;
}
.ocs-size-small.ocs-location-left,
.ocs-size-small.ocs-location-right {
width: 10%;
}
.ocs-size-large.ocs-location-left,
.ocs-size-large.ocs-location-right {
width: 40%;
}
.ocs-size-default.ocs-location-top,
.ocs-size-default.ocs-location-bottom {
height: 25%;
}
.ocs-size-small.ocs-location-top,
.ocs-size-small.ocs-location-bottom {
height: 10%;
}
.ocs-size-large.ocs-location-top,
.ocs-size-large.ocs-location-bottom {
height: 40%;
}
}.swp-flex--col {
display: flex;
flex-direction: column;
flex-grow: 1;
}
form.searchwp-form .swp-flex--row {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-items: center;
flex-grow: 1;
}
form.searchwp-form .swp-flex--wrap {
flex-wrap: wrap;
}
form.searchwp-form .swp-flex--gap-sm {
gap: 0.25em;
}
form.searchwp-form .swp-flex--gap-md {
gap: 0.5em;
}
form.searchwp-form .swp-items-stretch {
align-items: stretch;
}
form.searchwp-form .swp-margin-l-auto {
margin-left: auto;
}
form.searchwp-form input.swp-input {
color: rgba(14, 33, 33, 0.8);
}
form.searchwp-form input.swp-input--search {
background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.06786 12.1357C7.3777 12.1357 8.60074 11.7096 9.59495 10.9995L13.3351 14.7396C13.5087 14.9132 13.7375 15 13.9742 15C14.4871 15 14.858 14.6055 14.858 14.1005C14.858 13.8638 14.7791 13.6428 14.6055 13.4692L10.889 9.74487C11.6702 8.7191 12.1357 7.44871 12.1357 6.06786C12.1357 2.73014 9.40558 0 6.06786 0C2.72225 0 0 2.73014 0 6.06786C0 9.40558 2.72225 12.1357 6.06786 12.1357ZM6.06786 10.8259C3.45608 10.8259 1.30984 8.67175 1.30984 6.06786C1.30984 3.46397 3.45608 1.30984 6.06786 1.30984C8.67175 1.30984 10.8259 3.46397 10.8259 6.06786C10.8259 8.67175 8.67175 10.8259 6.06786 10.8259Z' fill='%23CFCFCF'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 12px top 50%;
background-size: 15px auto;
padding-right: 38px;
padding-left: 0.7em;
}
form.searchwp-form .searchwp-form-input-container {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
flex-grow: 1;
}
form.searchwp-form .searchwp-form-input-container .swp-input {
margin: 0;
width: 100%;
}.searchwp-live-search-results {
box-sizing: border-box;
-moz-box-sizing: border-box;
background: #fff;
-webkit-box-shadow: 0 0 2px 0 rgba(30,30,30,0.4);
box-shadow: 0 0 2px 0 rgba(30,30,30,0.4);
border-radius: 3px;
width: 315px;
min-width: 315px;
min-height: 175px;
max-height: 300px;
}
.searchwp-live-search-result {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 10px;
border-bottom:1px solid rgba(30,30,30,0.1);
}
.searchwp-live-search-result:last-child {
border-bottom: none;
}
.searchwp-live-search-result--img {
flex-shrink: 0;
-ms-flex-preferred-size: 70px;
flex-basis: 70px;
}
.searchwp-live-search-results-container.swp-ls--img-sm .searchwp-live-search-result--img {
-ms-flex-preferred-size: 70px;
flex-basis: 70px;
}
.searchwp-live-search-results-container.swp-ls--img-m .searchwp-live-search-result--img {
-ms-flex-preferred-size: 110px;
flex-basis: 110px;
}
.searchwp-live-search-results-container.swp-ls--img-l .searchwp-live-search-result--img {
-ms-flex-preferred-size: 150px;
flex-basis: 150px;
}
.searchwp-live-search-result--img img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
object-position: top;
}
.searchwp-live-search-result--info {
flex: 1 1 250px;
overflow: hidden;
text-overflow: ellipsis;
}
.searchwp-live-search-result--title {
margin-top: 0;
font-size: 1.1em;
font-weight: bold;
}
.searchwp-live-search-result--desc {
font-size: 0.9em;
}
.searchwp-live-search-result--ecommerce {
margin-left: auto;
text-align: end;
flex-shrink: 0;
}
.searchwp-live-search-result--ecommerce *{
font-size: 1em;
}
.searchwp-live-search-no-min-chars .spinner {
opacity: 0.3;
}
.searchwp-live-search-result--focused {
background: #f7f7f7;
} .searchwp-live-search-instructions {
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
-webkit-clip-path: inset(50%) !important;
clip-path: inset(50%) !important;
height: 1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
width: 1px !important;
white-space: nowrap !important;
}
@keyframes searchwp-spinner-line-fade-more {
0%, 100% {
opacity: 0; }
1% {
opacity: 1;
}
}
@keyframes searchwp-spinner-line-fade-quick {
0%, 39%, 100% {
opacity: 0.25; }
40% {
opacity: 1;
}
}
@keyframes searchwp-spinner-line-fade-default {
0%, 100% {
opacity: 0.22; }
1% {
opacity: 1;
}
}