XylotrechusZ
@charset "UTF-8";
@-webkit-keyframes circus {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes circus {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes circus-back {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(-180deg);
}
100% {
transform: rotate(-360deg);
}
}
@keyframes circus-back {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(-180deg);
}
100% {
transform: rotate(-360deg);
}
}
@keyframes zoom-in {
0% {
transform: scale(1);
opacity: 0.8;
}
100% {
transform: scale(2);
opacity: 0;
}
}
@-webkit-keyframes zoom-in {
0% {
transform: scale(1);
opacity: 0.8;
}
100% {
transform: scale(2);
opacity: 0;
}
}
@-webkit-keyframes shake-flip {
0% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
}
10% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
}
}
:root {
--body-color: #333;
--main-color: #333;
--accent-color: #fc6702;
--border-color: #ebebeb;
--form-border-color: #e1e1e1;
--border-dark: #959595;
--quote-icon-color: #666;
--text-color: #666;
--bg-dark: #959595;
--black-color: #000;
--white-color: #fff;
--breadcrumb-color: #666;
--breakcrumb-active-color: #000;
--bg-social-icon: #333940;
--bg-block-color: #f5f5f5;
--color-button: #fff;
--color-hover-button: #fff;
--bg-button: #fc6702;
--bg-hover-button: #000;
--date-color: #999;
--title-color: #000;
--title-hover-color: #fc6702;
--link-color: #000;
--link-hover-color: #959595;
--footer-bg: #f5f5f5;
--footer-color: #000;
--product-title:#000;
--product-title-hover:#666;
--product-title-detail:#000;
--product-button-hover: #666;
--new-bg:#00AEEF;
--stock-bg: #56B400;
--red-bg: #EE1C25;
--block-color: #f56f5e;
--dark-red-color: #cc0000;
--star-color: #ffcc33;
--price-color: #959595;
--del-price-color: #959595;
--sale-price-color: #000;
--forward-btn-bg:#ebebeb;
}
@-webkit-keyframes circus {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes circus {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes circus-back {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(-180deg);
}
100% {
transform: rotate(-360deg);
}
}
@keyframes circus-back {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(-180deg);
}
100% {
transform: rotate(-360deg);
}
}
@keyframes zoom-in {
0% {
transform: scale(1);
opacity: 0.8;
}
100% {
transform: scale(2);
opacity: 0;
}
}
@-webkit-keyframes zoom-in {
0% {
transform: scale(1);
opacity: 0.8;
}
100% {
transform: scale(2);
opacity: 0;
}
}
@-webkit-keyframes shake-flip {
0% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
}
10% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
}
}
:root {
--body-color: #333;
--main-color: #333;
--accent-color: #fc6702;
--border-color: #ebebeb;
--form-border-color: #e1e1e1;
--border-dark: #959595;
--quote-icon-color: #666;
--text-color: #666;
--bg-dark: #959595;
--black-color: #000;
--white-color: #fff;
--breadcrumb-color: #666;
--breakcrumb-active-color: #000;
--bg-social-icon: #333940;
--bg-block-color: #f5f5f5;
--color-button: #fff;
--color-hover-button: #fff;
--bg-button: #fc6702;
--bg-hover-button: #000;
--date-color: #999;
--title-color: #000;
--title-hover-color: #fc6702;
--link-color: #000;
--link-hover-color: #959595;
--footer-bg: #f5f5f5;
--footer-color: #000;
--product-title:#000;
--product-title-hover:#666;
--product-title-detail:#000;
--product-button-hover: #666;
--new-bg:#00AEEF;
--stock-bg: #56B400;
--red-bg: #EE1C25;
--block-color: #f56f5e;
--dark-red-color: #cc0000;
--star-color: #ffcc33;
--price-color: #959595;
--del-price-color: #959595;
--sale-price-color: #000;
--forward-btn-bg:#ebebeb;
}
[class^=zoo-icon]:before {
font-family: "cleversoft";
font-style: normal;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
[class^=zoo-icon] {
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
}
.zoo-icon-menu:before {
content: "숇";
}
.zoo-icon-cart:before {
content: "쁰";
}
.zoo-icon-heart:before {
content: "슂";
}
.zoo-icon-heart-o:before {
content: "쉹";
}
.zoo-icon-refresh:before {
content: "섷";
}
.zoo-icon-user:before {
content: "숄";
}
.zoo-icon-search:before {
content: "쀓";
}
.zoo-icon-filter:before {
content: "셆";
}
.zoo-icon-eye:before {
content: "숵";
}
.zoo-icon-close:before {
content: "숓";
}
.zoo-icon-plus:before {
content: "쀥";
}
.zoo-icon-minus:before {
content: "쀵";
}
.zoo-icon-up:before {
content: "쀉";
}
.zoo-icon-down:before {
content: "쁙";
}
.zoo-icon-caret-up:before {
content: "쉡";
}
.zoo-icon-caret-down:before {
content: "쉤";
}
.zoo-icon-arrow-up:before {
content: "쉳";
}
.zoo-icon-arrow-down:before {
content: "쉲";
}
.zoo-icon-arrow-left:before {
content: "쀤";
}
.zoo-icon-arrow-right:before {
content: "쀴";
}
.zoo-icon-long-arrow-left:before {
content: "세";
}
.zoo-icon-long-arrow-right:before {
content: "섹";
}
.zoo-icon-share:before {
content: "숤";
}
.zoo-icon-facebook:before {
content: "숴";
}
.zoo-icon-twitter:before {
content: "숸";
}
.zoo-icon-googleplus:before {
content: "숳";
}
.zoo-icon-instagram:before {
content: "숲";
}
.zoo-icon-pinterest:before {
content: "숱";
}
.zoo-icon-skype:before {
content: "숰";
}
.zoo-icon-vimeo:before {
content: "숩";
}
.zoo-icon-youtube:before {
content: "숨";
}
.zoo-icon-xing:before {
content: "숹";
}
.zoo-icon-tumblr:before {
content: "숹";
}
.zoo-icon-linkedin:before {
content: "쉆";
}
.zoo-icon-github:before {
content: "쉇";
}
.zoo-icon-foursquare:before {
content: "쉈";
}
.zoo-icon-flickr:before {
content: "쉉";
}
.zoo-icon-dribbble:before {
content: "쉐";
}
.zoo-icon-email:before {
content: "섗";
}
.zoo-icon-rss:before {
content: "쉅";
}
.zoo-icon-clock:before {
content: "슓";
}
/* Better Font Rendering =========== */
.better-font-rendering, .zoo-single-post-nav {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-size: 100%;
outline: 0;
padding: 0;
}
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
font-family: inherit;
line-height: 1.5;
}
body {
font-size: 16px;
color: #333;
line-height: 1.5;
letter-spacing: 0.8px;
}
* {
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
}
*:focus, *, *:active, a:focus, a:active, a {
outline: 0 !important;
}
::marker {
color: var(--black-color);
}
a:focus, a:hover {
text-decoration: none;
color: inherit;
cursor: pointer;
}
a {
color: var(--black-color);
text-decoration: none;
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
}
a:hover {
color: #666;
}
h1 {
font-size: 2.25rem;
}
h2 {
font-size: 1.875rem;
}
h3 {
font-size: 1.5rem;
}
h4 {
font-size: 1.25rem;
}
h5 {
font-size: 1.125rem;
}
h6 {
font-size: 1rem;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.27;
margin-bottom: 20px;
margin-top: 0;
font-weight: 500;
color: #000;
}
ul, ol, p, dl, pre {
margin-bottom: 30px;
margin-top: 0;
}
b, strong {
font-weight: 500;
}
dt {
font-weight: 500;
color: var(--black-color);
margin-bottom: 5px;
}
dd {
margin-bottom: 15px;
}
ul {
margin-left: 18px;
}
ol {
margin-left: 0;
list-style-position: inside;
}
ol > li > ul {
margin-left: 30px;
}
ul ul, ul ol, ol ul, ol ol {
margin-bottom: 0;
margin-top: 5px;
}
ul > li {
list-style: disc;
}
li {
padding: 5px 0;
}
li li:last-child {
padding-bottom: 0;
}
code, kbd, pre, samp, tt {
font-family: monospace, serif;
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
code {
background: #f5f5f5;
padding: 3px 5px;
border-radius: 3px;
}
ins, pre {
background: #f5f5f5;
}
pre {
white-space: pre-wrap;
padding: 25px 35px;
}
var, cite, em {
font-style: italic;
}
cite {
font-weight: 500;
}
option {
padding: 5px 8px;
font-size: 0.87rem;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
display: none;
}
select {
height: 40px;
width: 100%;
padding: 0 10px;
border: 1px solid var(--form-border-color);
color: var(--black-color);
background-color: white;
background-image: url("../images/down-arrow.svg");
background-position: 99% 50%;
background-repeat: no-repeat;
background-size: 16px;
-webkit-appearance: none;
-moz-appearance: none;
-webkit-border-radius: 0;
display: block;
margin-bottom: 30px;
}
img {
max-width: 100%;
height: auto;
}
a img {
display: block;
}
figure {
max-width: 100%;
margin: 0 0 30px;
}
figcaption {
text-align: center;
font-size: 0.8125rem;
}
blockquote, .blockquote {
position: relative;
padding: 5% 13%;
margin: 40px 0;
font-size: 1.5rem;
min-height: 50px;
text-align: center;
color: var(--black-color);
z-index: 1;
background: #FFF3EE;
}
blockquote p:last-child, .blockquote p:last-child {
margin: 0;
}
blockquote:before, .blockquote:before {
color: var(--quote-icon-color);
content: "쉧";
clear: both;
font-family: cleversoft;
font-size: 3.75rem;
width: 100%;
text-align: left;
display: block;
line-height: 1;
}
blockquote cite, .blockquote cite {
margin: 15px auto 0;
font-weight: 500;
font-style: normal;
font-size: 0.8125rem;
text-transform: uppercase;
color: var(--date-color);
position: relative;
padding-left: 40px;
display: inline-block;
}
blockquote cite:before, .blockquote cite:before {
content: "";
border-bottom: 1px solid var(--date-color);
position: absolute;
left: 0;
top: calc(50% - 1px);
display: block;
width: 30px;
}
blockquote cite a, .blockquote cite a {
color: inherit;
}
blockquote cite a:hover, .blockquote cite a:hover {
color: var(--black-color);
}
table {
width: 100%;
margin-bottom: 30px;
border-collapse: collapse;
text-align: left;
border-top: 1px solid var(--form-border-color);
border-left: 1px solid var(--form-border-color);
}
table th, table td {
padding: 8px;
border-right: 1px solid var(--form-border-color);
}
table th {
color: var(--black-color);
}
tbody th, tbody td {
border-bottom: 1px solid var(--form-border-color);
}
thead th, thead td {
border-bottom: 1px solid var(--form-border-color);
font-weight: 500;
}
.text-field, input[type=text], input[type=search], input[type=password], input[type=email], input[type=tel] {
height: 50px;
font-weight: normal;
}
.text-field, input[type=text], input[type=search], input[type=password], textarea, input[type=email], input[type=tel] {
border: 1px solid var(--form-border-color);
padding: 10px 15px;
color: var(--black-color);
font-size: 1rem;
height: 45px;
line-height: 25px;
background: none;
box-sizing: border-box;
font-family: inherit;
width: 100%;
margin-bottom: 30px;
transition: 300ms ease-in-out;
-webkit-transition: 300ms ease-in-out;
-moz-transition: 300ms ease-in-out;
-o-transition: 300ms ease-in-out;
-ms-transition: 300ms ease-in-out;
}
.textarea, textarea {
height: auto;
}
/**
* Default base style of theme
* Avoid edit this file.
*/
body {
padding: 0;
margin: 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.wp-caption {
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
/*End color*/
.layout-boxes.container {
padding: 0;
}
.layout-boxes.container.box-shadow {
box-shadow: -1px 0 5px rgba(0, 0, 0, 0.4);
}
.gallery {
display: inline-block;
width: 100%;
}
.gallery-item {
padding: 10px;
float: left;
margin: 0;
text-align: center;
width: 100%;
}
.gallery-item a {
border-bottom: none !important;
}
.gallery-item img {
margin: 0 auto;
}
@media (min-width: 556px) {
.gallery-columns-3 .gallery-item {
width: 33.333%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-1 .gallery-item {
width: 100%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery-columns-5 .gallery-item {
width: 20%;
}
.gallery-columns-6 .gallery-item {
width: 16.66%;
}
.gallery-columns-7 .gallery-item {
width: 14.28%;
}
.gallery-columns-8 .gallery-item {
width: 12.5%;
}
.gallery-columns-9 .gallery-item {
width: 11.11%;
}
}
.gallery-caption {
padding-top: 10px;
}
.alignleft {
text-align: left;
float: left;
margin-right: 20px;
clear: both;
}
.alignright {
float: right;
text-align: right;
margin-left: 20px;
clear: both;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignleft, figure.alignleft {
margin-right: 15px;
}
img.alignright, figure.alignright {
margin-left: 15px;
}
.alignwide {
left: 50%;
position: relative;
transform: translateX(-50%);
max-width: calc(100vw - 9px);
width: 122%;
}
.alignfull {
width: calc(100vw - 9px);
max-width: 100vw;
margin-left: calc(50% - 50vw) !important;
}
.wp-block-gallery {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
.wp-block-gallery .blocks-gallery-item {
padding: 0;
}
.wp-block-gallery figure {
overflow: hidden;
}
.wp-block-gallery figure a {
width: 100%;
}
.wp-block-gallery img {
transition: all 300ms;
width: 100% !important;
}
.wp-block-gallery li {
list-style: none;
width: 100%;
}
.wp-block-separator {
margin-bottom: 40px;
}
.wp-block-cover {
height: auto;
margin-bottom: 40px;
}
.wp-block-cover.has-background-dim .wp-block-cover-text {
color: var(--white-color);
}
.wp-block-cover.has-background-dim .wp-block-cover-text a {
color: inherit;
}
.wp-block-cover.alignleft {
margin-right: 20px;
}
.wp-block-cover.alignright {
margin-left: 20px;
}
.wp-block-cover-image.aligncenter .wp-block-cover-image-text {
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50%, -50%);
}
.wp-block-cover-image.alignleft .wp-block-cover-image-text {
top: 50%;
left: 0;
position: absolute;
transform: translateY(-50%);
}
.wp-block-cover-image.alignright .wp-block-cover-image-text {
top: 50%;
right: 0;
position: absolute;
transform: translateY(-50%);
}
.wp-block-media-text {
margin-bottom: 40px;
}
.wp-block-media-text .wp-block-media-text__content {
padding-top: 30px;
padding-bottom: 30px;
}
.wp-block-media-text .wp-block-media-text__content > :last-child {
margin-bottom: 0;
}
.wp-block-button {
margin-bottom: 40px;
}
/*calendar*/
.calendar_wrap {
text-align: center;
}
.calendar_wrap caption {
margin-bottom: 10px;
font-weight: 500;
}
.calendar_wrap th, .calendar_wrap td {
padding: 8px 0;
text-align: center;
}
.calendar_wrap thead {
border: 1px solid #ebebeb;
}
.calendar_wrap thead td, .calendar_wrap thead th {
border-bottom: none;
background: none;
}
.calendar_wrap tfoot {
border-left: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
}
.calendar_wrap tfoot td {
border-right: 1px solid #ebebeb;
}
.calendar_wrap tbody tr {
background: none !important;
}
.calendar_wrap tbody td {
border-left: 1px solid #ebebeb;
border-right: 1px solid #ebebeb;
}
.calendar_wrap tbody #today {
background: #f5f5f5;
color: var(--black-color);
}
.wrap-site-header-mobile .is-sticky {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.wp-block-separator {
border: 0;
height: 0;
border-top: 1px solid #ebebeb;
}
.wp-block-separator.is-style-default {
max-width: 200px;
}
.wp-block-columns {
margin-left: -15px;
margin-right: -15px;
}
.wp-block-columns .wp-block-column {
padding-left: 15px;
padding-right: 15px;
margin: 0;
}
.wp-block-columns:not(.alignwide):not(.alignfull) {
margin-top: 40px;
margin-bottom: 20px;
}
.toggle-visible {
cursor: pointer;
width: 30px;
height: 30px;
padding: 5px;
position: relative;
}
.toggle-visible:before, .toggle-visible:after {
content: "" !important;
display: block;
transition: all 200ms;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.toggle-visible:before {
height: 2px;
border-bottom: 2px solid;
width: 14px;
}
.toggle-visible:after {
border-left: 2px solid;
width: 2px;
height: 14px;
}
.wrap-site-boxed {
padding: 0;
margin: 15px auto;
box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.1);
background: var(--white-color);
}
#zoo-back-to-top {
position: fixed;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: transparent;
color: var(--black-color);
border: 1px solid var(--black-color);
border-radius: 50%;
right: 40px;
bottom: 40px;
cursor: pointer;
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
opacity: 0;
visibility: hidden;
}
#zoo-back-to-top:hover {
background: var(--accent-color);
border-color: var(--accent-color);
color: var(--white-color);
}
#zoo-back-to-top.active {
opacity: 1;
visibility: visible;
}
.zoo-about-me {
text-align: center;
}
.zoo-about-me .zoo-avatar {
border-radius: 50%;
max-width: 180px;
margin: 0 auto 10px;
}
.zoo-about-me .zoo-avatar, .zoo-about-me .wrap-sign, .zoo-about-me .caption {
margin-bottom: 10px;
}
#zoo-theme-dev-actions {
position: fixed;
right: 0;
bottom: 50%;
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
}
#zoo-theme-dev-actions .button {
border: none;
padding: 5px 15px;
background: var(--accent-color);
}
#zoo-theme-dev-actions .button:hover {
background: #666;
color: var(--white-color);
}
#zoo-theme-dev-actions .button i {
width: 40px;
height: 100%;
position: absolute;
left: 0;
text-indent: 0;
top: 0;
display: flex;
align-items: center;
justify-content: center;
}
.lazy-img {
transition: filter 300ms;
}
.lazy-img:not(.loaded) {
filter: blur(10px);
}
.lazy-img.sec-img {
filter: blur(0px);
}
/*Layout with sidebar*/
.has-left-sidebar .sidebar {
order: -1;
}
.has-sidebar .alignwide, .has-sidebar .alignfull {
max-width: 100%;
left: 0;
transform: none;
margin-left: 0 !important;
}
.has-sidebar .alignwide.wp-block-columns, .has-sidebar .alignfull.wp-block-columns {
margin-left: -15px !important;
margin-right: -15px !important;
max-width: calc(100% + 30px);
width: calc(100% + 30px);
}
.wrap-header {
position: relative;
}
.site-identity {
padding-top: 15px;
padding-bottom: 15px;
}
.site-title {
line-height: 1;
}
.site-title a {
line-height: 1;
}
.base-site-header {
border-bottom: 1px solid var(--border-color);
}
.site-title, .site-description {
margin: 0;
}
.wrap-site-navigation {
align-items: center;
display: flex;
position: static;
justify-content: flex-end;
}
.menu-item {
list-style: none;
position: relative;
width: 100%;
padding: 0;
}
.menu-item .zoo-icon-down {
font-size: 65%;
margin: 0;
}
.primary-menu {
text-align: right;
width: 100%;
}
.primary-menu ul {
margin: 0;
padding: 0;
}
.primary-menu li.menu-item {
text-align: left;
}
.primary-menu li.menu-item .zoo-icon-down {
display: flex;
align-items: center;
width: 25px;
justify-content: center;
}
.primary-menu li.menu-item > a {
display: flex;
justify-content: space-between;
}
.primary-menu li.menu-item ul {
width: 100%;
}
.primary-menu li.menu-item.is-mega-menu {
position: static;
}
.primary-menu > ul.nav-menu > li.menu-item {
display: inline-block;
margin: 0;
}
.nav-button {
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.button-close-nav {
margin-right: 15px;
height: 30px;
}
.zoo-css-icon-menu {
border-bottom: 2px solid;
width: 18px;
display: inline-block;
margin: 10px 0;
position: relative;
transition: all 300ms;
}
.zoo-css-icon-menu:after, .zoo-css-icon-menu:before {
content: "";
border-bottom: 2px solid;
width: 100%;
position: absolute;
left: 0;
transition: all 300ms;
transform-origin: center;
}
.zoo-css-icon-menu:before {
top: -6px;
}
.zoo-css-icon-menu:after {
bottom: -8px;
}
.menu-overlay {
width: 100vw;
height: 100vh;
position: fixed;
display: block;
left: 0;
top: 0;
background: var(--black-color);
opacity: 0;
visibility: hidden;
transition: all 500ms;
z-index: 2;
cursor: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 18 18' fill='%23fff'%3e%3cpath d='M14.53 4.53l-1.06-1.06L9 7.94 4.53 3.47 3.47 4.53 7.94 9l-4.47 4.47 1.06 1.06L9 10.06l4.47 4.47 1.06-1.06L10.06 9z'/%3e%3c/svg%3e"), pointer;
}
/*Mega menu*/
.primary-menu .mega-menu-content {
padding: 15px 20px;
z-index: 9;
}
.mega-menu-content .menu-item-mega {
text-align: left;
}
.mega-menu-content .menu-item-mega .mega-menu-submenu {
padding-top: 10px;
}
.mega-menu-content a.hide-text {
width: 100%;
padding-top: 5px;
}
.mega-menu-content a.hide-text img {
float: right;
}
@media (max-width: 1024.98px) {
.wrap-site-navigation .primary-menu {
position: fixed;
top: 0;
left: 0;
max-width: 100vw;
width: 360px;
background: var(--white-color);
height: 100vh;
padding: 10px 0;
overflow: hidden;
overflow-x: scroll;
z-index: 3;
transform: translateX(-360px);
transition: all 500ms;
}
.wrap-site-navigation .primary-menu > ul {
height: 100%;
overflow: hidden;
overflow-y: scroll;
padding: 0 15px;
}
.wrap-site-navigation .primary-menu > ul ul {
display: none;
padding-left: 15px;
}
.wrap-site-navigation .primary-menu .zoo-icon-down.active:before {
content: "쀉";
}
.menu-active .primary-menu {
transform: translateX(0);
}
.menu-active .menu-overlay {
opacity: 0.6;
visibility: visible;
transition-delay: 100ms;
}
.cafe-site-menu .menu-item-mega {
display: inline-block;
width: 100%;
}
.cafe-site-menu .menu-item-mega > a {
width: 100%;
position: relative;
display: block;
}
.cafe-site-menu .menu-item-mega .mega-menu-submenu {
padding: 0;
}
.cafe-site-menu .menu-item-mega .mega-menu-submenu .sub-menu {
padding: 0 0 0 15px;
margin: 0;
}
.cafe-site-menu .mega-menu-content, .cafe-site-menu .mega-menu-submenu {
display: none;
}
}
/*End Mega menu*/
@media (min-width: 1024.98px) {
.mega-menu-content {
position: absolute;
opacity: 0;
visibility: hidden;
left: 0;
transition: all 300ms;
top: calc(100% + 30px);
background: var(--white-color);
width: 100%;
box-shadow: -2px 2px 81px -17px rgba(0, 0, 0, 0.29);
padding: 15px;
z-index: 3;
}
.mega-menu-content ul {
z-index: 0;
}
.menu-item.is-mega-menu {
position: static !important;
}
.menu-item.is-mega-menu:hover > .mega-menu-content {
opacity: 1;
visibility: visible;
top: 100%;
}
.mega-menu-submenu > .sub-menu {
margin: 0;
}
.mega-menu-submenu > .sub-menu .menu-item > a {
padding: 8px 0;
}
.button-close-nav, .nav-button, .menu-overlay {
display: none;
}
.primary-menu .zoo-icon-down {
width: auto;
}
.primary-menu ul.dropdown-submenu, .primary-menu li.menu-item > .sub-menu {
box-shadow: -2px 2px 81px -17px rgba(0, 0, 0, 0.29);
}
.primary-menu ul.dropdown-submenu li.menu-item, .primary-menu li.menu-item > .sub-menu li.menu-item {
padding: 8px 20px;
}
.primary-menu ul.dropdown-submenu li.menu-item:first-child, .primary-menu li.menu-item > .sub-menu li.menu-item:first-child {
padding-top: 15px;
}
.primary-menu ul.dropdown-submenu li.menu-item:last-child, .primary-menu li.menu-item > .sub-menu li.menu-item:last-child {
padding-bottom: 15px;
}
.primary-menu li.menu-item {
width: auto;
}
.primary-menu li.menu-item > ul {
position: absolute;
visibility: hidden;
opacity: 0;
width: 280px;
top: 30px;
transition: all 300ms;
left: 100%;
background: var(--white-color);
z-index: 1;
text-align: left;
}
.primary-menu li.menu-item > ul.pos-left {
right: 100%;
left: auto;
}
.primary-menu li.menu-item:hover > ul {
opacity: 1;
visibility: visible;
top: 0;
}
.primary-menu li.menu-item li.menu-item {
width: 100%;
}
.primary-menu li.menu-item li.menu-item .zoo-icon-down:before {
content: "쀴";
}
.primary-menu > ul.nav-menu {
text-align: right;
}
.primary-menu > ul.nav-menu > li.menu-item > ul {
left: 0;
top: calc(100% + 30px);
}
.primary-menu > ul.nav-menu > li.menu-item > ul.pos-left {
left: auto;
right: 0;
}
.primary-menu > ul.nav-menu > li.menu-item:hover > ul {
top: 100%;
}
}
.wrap-post-content-without-sidebar {
margin: 0 auto;
}
.single .main-content {
padding: 35px 0 120px;
}
.single .post-detail {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.single .header-post {
width: 100%;
display: inline-block;
margin-bottom: 40px;
padding: 0;
}
.single .post-content {
padding: 0 0 50px;
display: inline-block;
width: 100%;
}
.post-slider {
margin: 0;
text-align: center;
position: relative;
}
.post-slider li {
display: inline-block;
list-style: none;
}
.post-slider li:not(.slick-slide) {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.post-slider li:first-child {
position: static;
}
.post-slider .zoo-carousel-btn {
font-size: 1.125rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
padding: 0 10px;
color: var(--black-color);
background: var(--white-color);
height: 55px;
width: 55px;
z-index: 1;
cursor: pointer;
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
display: flex !important;
justify-content: center;
align-items: center;
border: 2px solid var(--white-color);
}
.post-slider .zoo-carousel-btn.prev-item {
left: 15px;
}
.post-slider .zoo-carousel-btn.next-item {
right: 15px;
}
.post-slider .zoo-carousel-btn:hover {
background: transparent;
color: var(--white-color);
}
.single-audio iframe {
max-height: 150px;
}
.post-content a {
color: var(--black-color);
text-decoration: underline;
}
.post-content a:hover {
color: var(--text-color);
}
.post-content blockquote cite a, .post-content .blockquote cite a {
text-decoration: none;
border: none;
color: inherit;
}
.post-content > :last-child {
margin-bottom: 0;
}
.title-detail {
margin-bottom: 10px;
font-size: 2.25rem;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
font-weight: 500;
}
.header-post .post-info li {
margin: 0 5px;
}
.header-post .post-info li:first-child {
margin-left: 0;
}
.header-post .post-info li:last-child {
margin-right: 0;
}
.header-post .post-info.without-icon li:after {
content: "";
width: 12px;
margin-bottom: 3px;
margin-left: 10px;
border-bottom: 1px solid;
display: inline-block;
}
.header-post .post-info.without-icon li:last-child:after {
display: none;
}
.post-info {
color: var(--date-color);
text-transform: capitalize;
margin: 0;
padding: 0;
letter-spacing: 1px;
font-size: 0.875rem;
}
.post-info li {
padding: 0;
list-style: none;
display: inline;
}
.post-info.with-icon li {
margin-right: 10px;
}
.post-info.with-icon li:last-child {
margin: 0;
}
.post-info a {
position: relative;
padding-bottom: 3px;
border-bottom: 1px solid transparent;
color: var(--date-color);
}
.post-info a:after {
color: inherit;
height: 1px;
border-bottom: 1px solid;
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 0;
transition: all 300ms;
}
.post-info a:hover {
color: var(--black-color);
}
.post-info a:hover:after {
width: 100%;
}
.post-info .list-cat {
text-transform: uppercase;
}
.wrap-bottom-content-post {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
padding: 0;
}
.wrap-bottom-content-post .tags-link-wrap {
width: 100%;
padding: 0 0 35px;
border-bottom: 1px solid var(--border-color);
color: var(--date-color);
}
.wrap-bottom-content-post .tags-link-wrap, .wrap-bottom-content-post .wrap-share-post {
position: relative;
text-align: center;
}
.wrap-bottom-content-post .tagcloud a {
color: var(--black-color);
text-transform: capitalize;
}
.wrap-bottom-content-post .tagcloud a:hover {
text-decoration: underline;
}
.title-block-bottom-content-post {
font-weight: 500;
color: var(--black-color);
padding-right: 5px;
height: 30px;
line-height: 28px;
}
.wrap-share-post {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 40px 0;
border-bottom: 1px solid var(--border-color);
}
.wrap-share-post .share-links {
margin: 0;
}
.wrap-share-post .share-links li {
list-style: none;
padding: 0;
display: inline-block;
overflow: hidden;
text-align: center;
float: left;
width: 45px;
height: 45px;
border-radius: 5px;
margin: 0 5px;
}
.wrap-share-post .share-links li a {
height: 100%;
font-size: 1.125rem;
color: var(--white-color);
background: var(--bg-social-icon);
display: block;
}
.wrap-share-post .share-links li a:hover {
background: var(--black-color);
}
.wrap-share-post .share-links li i {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.wrap-share-post .share-links .facebook a {
background: #425BAD;
}
.wrap-share-post .share-links .twitter a {
background: #50AAF1;
}
.wrap-share-post .share-links .pinterest a {
background: #EB2723;
}
.wrap-share-post .share-links .linkedin a {
background: #0077B4;
}
.post-media {
width: 100%;
text-align: center;
display: inline-block;
margin-bottom: 30px;
font-size: 0;
}
.post-media .wp-audio-shortcode {
margin: 0 !important;
}
.post-media .post-slider li.slick-slide {
position: relative;
padding: 0 3px;
}
.post-media .slick-slide:after {
content: "";
height: 100%;
width: calc(100% - 6px);
display: block;
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 3px;
transition: all 300ms;
}
.post-media .slick-slide.slick-active:after {
opacity: 0;
}
/*Single post Nav*/
.zoo-single-post-nav {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
padding: 0;
text-align: center;
justify-content: stretch;
margin: 0 auto;
border-bottom: 1px solid var(--border-color);
}
.zoo-single-post-nav.only-1-post .zoo-single-post-nav-item {
border: none;
width: 100%;
}
.zoo-single-post-nav-item {
width: 100%;
display: flex;
align-items: flex-start;
float: left;
padding: 10px 0 10px;
position: relative;
overflow: hidden;
justify-content: center;
}
.zoo-single-post-nav-item a {
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 2;
opacity: 0;
}
.zoo-single-post-nav-item .content-single-post-nav-item {
display: flex;
align-items: center;
position: relative;
z-index: 1;
width: 100%;
}
.zoo-single-post-nav-item img {
max-width: 120px;
width: 30%;
margin-right: 30px;
}
.zoo-single-post-nav-item .wrap-text-post-nav {
display: inline-block;
width: 100%;
}
.zoo-single-post-nav-item i {
font-size: 2rem;
color: inherit;
height: 25px;
line-height: 25px;
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
}
.zoo-single-post-nav-item i:before {
line-height: 25px;
height: 25px;
}
.zoo-single-post-nav-item h4 {
margin: 0;
font-size: 1.125rem;
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
color: var(--black-color);
}
.zoo-single-post-nav-item span {
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
font-size: 0.75rem;
color: var(--date-color);
text-transform: uppercase;
justify-content: center;
font-weight: 500;
letter-spacing: 1px;
display: flex;
align-items: center;
line-height: 25px;
height: 25px;
}
@media (min-width: 556px) {
.zoo-single-post-nav-item {
width: 50%;
padding: 25px 0 30px;
}
.zoo-single-post-nav-item i {
opacity: 1;
}
.zoo-single-post-nav-item.next-post {
text-align: right;
}
.zoo-single-post-nav-item.next-post span {
justify-content: flex-end;
}
.zoo-single-post-nav-item.next-post i {
padding-left: 10px;
}
.zoo-single-post-nav-item.next-post:hover span {
transform: translateX(38px);
}
.zoo-single-post-nav-item.next-post .content-single-post-nav-item {
padding-left: 30px;
justify-content: flex-end;
}
.zoo-single-post-nav-item.next-post .content-single-post-nav-item img {
margin-left: 30px;
margin-right: 0;
order: 1;
}
.zoo-single-post-nav-item.prev-post {
text-align: left;
border-right: 1px solid var(--border-color);
}
.zoo-single-post-nav-item.prev-post span {
justify-content: flex-start;
}
.zoo-single-post-nav-item.prev-post i {
padding-right: 10px;
}
.zoo-single-post-nav-item.prev-post:hover span {
transform: translateX(-38px);
}
.zoo-single-post-nav-item.prev-post .content-single-post-nav-item {
padding-right: 30px;
}
.zoo-single-post-nav-item:hover i {
opacity: 0;
}
}
.image-navigation {
width: 100%;
font-weight: 500;
font-size: 0.875rem;
border-bottom: 1px solid var(--border-color);
}
.image-navigation .nav-links {
display: flex;
justify-content: space-between;
align-items: center;
text-transform: uppercase;
}
.image-navigation .nav-links > div {
padding: 40px 0;
border-right: 1px solid var(--border-color);
width: 50%;
}
.image-navigation .nav-links > div:last-child {
border: none;
text-align: right;
}
/*End Single post Nav*/
/*Related post*/
.post-related {
border-bottom: 1px solid var(--border-color);
}
.post-related.wrap-loop-content {
padding: 40px 0 10px;
margin-bottom: 40px;
}
.post-related .post-loop-item {
margin-bottom: 20px;
}
.has-sidebar .post-related.wrap-loop-content {
padding: 0 0 10px;
}
/*End Related post*/
/*Pagination*/
.post-item .wrap-pagination {
margin-bottom: 60px;
}
.wrap-pagination {
width: 100%;
text-align: center;
margin-bottom: 30px;
}
.wrap-pagination .pagination a, .wrap-pagination .pagination > span {
min-width: 30px;
height: 30px;
display: inline-block;
line-height: 30px;
text-align: center;
margin: 0 2px;
}
/*End Pagination*/
/*Form password*/
.zoo-form-login {
max-width: 450px;
text-align: center;
margin: 0 auto;
padding: 15px 20px;
box-shadow: 0 0 25px -5px rgba(0, 0, 0, 0.2);
}
.zoo-form-login p {
margin-bottom: 5px;
}
.zoo-form-login input {
text-align: center;
width: 100%;
}
/*End Form password*/
.main-content .title-block, .main-content .comment-reply-title {
text-align: center;
margin-bottom: 40px;
}
.post-author {
margin: 0 auto;
text-align: center;
padding: 40px 0;
border-bottom: 1px solid var(--border-color);
}
.post-author .author-content {
width: 100%;
display: inline-block;
color: var(--text-color);
}
.post-author .author-name {
margin-bottom: 25px;
text-transform: capitalize;
}
.post-author .author-img {
margin-bottom: 30px;
display: flex;
justify-content: center;
}
.post-author .author-img img {
border-radius: 50%;
overflow: hidden;
width: 150px;
}
.post-author .wrap-author-social {
width: 100%;
padding-top: 20px;
margin: 0;
}
.post-author .wrap-author-social li {
list-style: none;
display: inline-block;
}
.post-author .wrap-author-social li a {
color: #666;
width: 25px;
height: 25px;
display: block;
text-align: center;
}
.post-author .wrap-author-social li a i {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.post-author .wrap-author-social li a:hover {
color: var(--black-color);
}
@media (min-width: 768.98px) {
.post-author {
text-align: left;
display: flex;
}
.post-author .author-img {
width: 150px;
margin: 0;
}
.post-author .author-content {
width: calc(100% - 150px);
padding-left: 10%;
}
.post-author .author-content p {
margin: 0;
}
}
/*Audio Player*/
.mejs-container.mejs-audio {
background: #fae7d4;
margin-bottom: 40px;
height: auto !important;
display: flex;
align-items: center;
}
.mejs-container.mejs-audio .mejs-inner {
display: inline-block;
padding: 50px 30px;
width: 100%;
}
.mejs-container.mejs-audio .mejs-controls {
position: static;
background: transparent;
display: flex;
align-items: center;
height: auto;
}
.mejs-container.mejs-audio .mejs-controls .mejs-button button {
background: transparent;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
}
.mejs-container.mejs-audio .mejs-controls .mejs-button button:before {
font-family: cleversoft;
font-size: 1rem;
line-height: 1;
color: var(--black-color);
}
.mejs-container.mejs-audio .mejs-controls .mejs-button.mejs-playpause-button {
width: 60px;
height: 60px;
border-radius: 50%;
background: var(--white-color);
position: relative;
}
.mejs-container.mejs-audio .mejs-controls .mejs-button.mejs-playpause-button button {
padding-left: 5px;
}
.mejs-container.mejs-audio .mejs-controls .mejs-button.mejs-playpause-button button:before {
content: "쀐";
}
.mejs-container.mejs-audio .mejs-controls .mejs-button.mejs-playpause-button.mejs-pause button:before {
content: "셗";
}
.mejs-container.mejs-audio .mejs-controls .mejs-button.mejs-playpause-button:hover button:before {
color: #fd4145;
}
.mejs-container.mejs-audio .mejs-controls .mejs-button.mejs-volume-button:hover button:before {
color: #fd4145;
}
.mejs-container.mejs-audio .mejs-controls .mejs-button.mejs-volume-button button:before {
font-size: 1.2rem;
content: "삐";
}
.mejs-container.mejs-audio .mejs-controls .mejs-button.mejs-volume-button.mejs-unmute button:before {
content: "삑";
}
.mejs-container.mejs-audio .mejs-controls .mejs-horizontal-volume-slider {
border-bottom: none;
}
.mejs-container.mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
height: 5px;
}
.mejs-container.mejs-audio .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: #244076;
}
.mejs-container.mejs-audio .mejs-controls .mejs-time {
color: var(--black-color);
font-size: 0.875rem;
padding-left: 20px;
padding-top: 0;
padding-right: 20px;
}
.mejs-container.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-total {
margin-top: 8px;
background: var(--white-color);
height: 5px;
overflow: hidden;
}
.mejs-container.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-current {
background: #fd4145;
}
/*End Audio Player*/
/*Comments list*/
.comments {
width: 100%;
border-bottom: 1px solid var(--border-color);
}
#comments-list .title-block {
margin-bottom: 40px;
}
#comments-list > ol > li.comment:first-child {
border: none;
}
#comments-list > ol {
margin: 0;
}
.bypostauthor .author-name a {
border-bottom: 1px solid var(--black-color);
}
.pingback .comment-content {
width: 100%;
padding: 0;
}
.pingback .comment-meta {
margin: 0;
}
.comment > ul.children {
margin: 0;
padding-left: 70px;
}
.wrap-comments {
margin: 0;
display: inline-block;
width: 100%;
}
.wrap-comments .comment-respond {
margin: 40px 0;
}
.wrap-comments > li, li.comment {
list-style: none;
padding: 0;
}
.wrap-comments > li:first-child, li.comment:first-child {
border: none;
}
.comment-meta {
margin-bottom: 15px;
}
.comment-wrap {
width: 100%;
display: inline-block;
padding-bottom: 5px;
}
.comment-avatar {
border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
float: left;
width: 60px;
height: 60px;
display: block;
overflow: hidden;
}
.comment-avatar img {
width: 100%;
height: 100%;
}
.comment-content {
width: calc(100% - 60px);
padding-left: 30px;
float: left;
display: inline-block;
position: relative;
}
.comment-content .author-name {
margin-bottom: 5px;
}
.comment-content .author-name a {
line-height: 1;
}
.comment-meta-actions {
position: absolute;
top: 0;
right: 0;
display: inline-block;
}
.comment-reply-link, .comment-edit-link {
border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
display: inline-block;
padding: 5px;
color: var(--black-color);
background: var(--bg-block-color);
text-transform: uppercase;
font-size: 0.75rem;
line-height: 1;
letter-spacing: 1px;
}
.comment-reply-link:hover, .comment-edit-link:hover {
color: var(--white-color);
background: var(--black-color);
}
.date-post {
text-transform: uppercase;
color: var(--date-color);
font-size: 0.875rem;
}
.comment-body a {
text-decoration: underline;
}
.comment-body a:hover {
opacity: 0.8;
}
.comment-body > p:last-child {
margin-bottom: 0;
}
#respond {
width: 100%;
}
.pingback, .trackback {
margin-bottom: 20px;
}
.pingback .comment-content, .trackback .comment-content {
width: 100%;
padding: 0;
}
.pingback .comment-wrap, .trackback .comment-wrap {
padding: 0;
background: none;
margin: 0;
}
.pingback .comment-meta, .pingback .author-name, .trackback .comment-meta, .trackback .author-name {
margin: 0;
}
#commentform .form-submit {
margin: 0;
text-align: center;
}
#commentform .form-submit input {
width: 100%;
}
#commentform .wrap-text-field {
display: inline-block;
}
#commentform .wrap-text-field, #commentform p {
padding: 0 10px;
}
#commentform .comment-notes {
color: var(--text-color);
}
#commentform .comment-notes, #commentform .logged-in-as {
margin-bottom: 20px;
}
#commentform .text-field:focus {
border-color: var(--black-color);
}
.wrap-comment-form {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
padding-top: 40px;
}
.wrap-comment-form .container > .col-xs-12 {
padding: 0;
float: none;
margin: 0 auto;
}
.wrap-comment-form .row {
margin: 0 -10px;
}
.wrap-comment-form #reply-title, .wrap-comment-form .comment-notes {
padding: 0 10px;
}
.wrap-text-field {
position: relative;
float: left;
margin-bottom: 20px;
}
.wrap-text-field input[type=text], .wrap-text-field input[type=search], .wrap-text-field input[type=password], .wrap-text-field input[type=email], .wrap-text-field input[type=tel], .wrap-text-field textarea {
margin: 0;
position: relative;
z-index: 1;
background: none;
}
.wrap-text-field textarea {
width: 100%;
float: left;
}
.wrap-text-field .label-placeholder {
position: absolute;
left: 10px;
top: 0;
height: 45px;
line-height: 45px;
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
color: #959595;
}
.wrap-text-field .line {
width: calc(100% - 20px);
position: absolute;
top: 100%;
z-index: 2;
left: 10px;
height: 2px;
overflow: hidden;
}
.wrap-text-field .line:after {
height: 2px;
background: var(--black-color);
content: "";
display: block;
position: absolute;
top: 0;
right: 100%;
width: 100%;
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
}
.wrap-text-field.focus .label-placeholder {
font-size: 90%;
top: -35px;
}
.wrap-text-field.focus .line:after {
right: 0;
}
.required {
color: red;
}
.comments-navigation {
margin-bottom: 40px;
}
.comments-navigation .page-numbers {
margin: 0;
background: none;
}
.comments-navigation li {
list-style: none;
display: inline-block;
padding: 0;
margin: 0 2px;
}
.comments-navigation li .page-numbers {
display: block;
line-height: 28px;
height: 30px;
min-width: 30px;
text-align: center;
}
.no-comments {
color: var(--black-color);
font-weight: 500;
margin-bottom: 40px;
}
@media (max-width: 769px) {
.comment > ul.children {
margin: 0;
padding-left: 20px;
}
.comment-avatar {
width: 30px;
height: 30px;
}
.comment-content {
width: calc(100% - 35px);
padding-left: 5px;
}
}
@media (max-width: 481px) {
.comment-avatar {
display: none;
}
.comment-content {
width: 100%;
padding: 0;
}
}
@media (min-width: 769px) {
.header-comment-block .wrap-comments {
margin-top: 10px;
}
}
/*widget icon field*/
.wrap-comments .comment-body > ul, .wrap-comments .comment-body > ol, .wrap-comments .comment-body > p, .wrap-comments .comment-body > dl, .wrap-comments .comment-body > pre {
margin-bottom: 25px;
margin-top: 0;
}
.sidebar .widget, .wpb_widgetised_column .widget, .elementor-widget-sidebar .widget {
margin-bottom: 30px;
border-bottom: 1px solid var(--border-color);
padding-bottom: 30px;
}
.sidebar a, .wpb_widgetised_column a, .elementor-widget-sidebar a {
color: var(--link-color);
}
.sidebar a:hover, .wpb_widgetised_column a:hover, .elementor-widget-sidebar a:hover {
color: var(--link-hover-color);
}
.widget .widget-title {
margin-bottom: 20px;
font-weight: 500;
font-size: 1.125rem;
text-transform: uppercase;
position: relative;
padding-bottom: 10px;
}
.widget .widget-title:after {
content: "";
border-bottom: 2px solid;
width: 50px;
position: absolute;
left: 0;
bottom: 0;
}
.widget > ul {
margin: 0;
padding-bottom: 10px;
padding-top: 10px;
}
.widget > ul > li:first-child {
padding-top: 0;
}
.widget > ul li {
list-style: none;
padding: 8px 0;
}
.widget > ul li ul {
margin-top: 8px;
}
.widget > ul li li:last-child {
padding-bottom: 0;
}
.widget > ul > li {
border-bottom: 1px dotted var(--border-color);
padding-top: 20px;
padding-bottom: 20px;
}
.widget > ul > li:last-child {
border: none;
padding-bottom: 0;
}
.widget > ul > li:first-child {
padding-top: 0;
}
.widget > ul > li > .toggle-view {
top: 15px;
}
.widget select, .widget .search-form {
margin-bottom: 10px;
width: 100%;
display: inline-block;
}
.toggle-view {
background: none;
color: var(--black-color);
position: absolute;
right: -5px;
top: 8px;
font-size: 0.75rem;
cursor: pointer;
height: 30px;
line-height: 30px;
width: 25px;
min-width: 25px;
text-align: center;
}
.toggle-view.active:before {
content: "쀉";
}
.sidebar .widget a {
color: var(--link-color);
}
.sidebar .widget a:hover {
color: var(--link-hover-color);
}
.sidebar .widget a:hover:before {
background: var(--link-hover-color);
}
.sidebar .widget_rss li .rsswidget {
color: var(--black-color);
font-weight: 500;
}
.sidebar .widget_rss li .rsswidget:hover {
color: var(--accent-color);
}
.widget_categories li, .widget_nav_menu li, .widget_pages li {
position: relative;
}
.widget_categories ul ul, .widget_nav_menu ul ul, .widget_pages ul ul {
display: none;
}
.widget_categories > ul li, .widget_archive li {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
position: relative;
}
.widget_categories > ul li ul, .widget_archive li ul {
width: 100%;
}
.cat-item span.count, .widget_archive li span.count {
color: var(--black-color);
font-size: 0.625rem;
position: static;
background: var(--bg-block-color);
margin-left: 6px;
height: 14px;
line-height: 14px;
min-width: 14px;
padding: 0 2px;
text-align: center;
margin-right: 30px;
}
.cat-item span.count:last-child, .widget_archive li span.count:last-child {
margin: 0;
}
.widget_nav_menu > div > ul > li:first-child > .toggle-view {
top: 0;
}
.widget_categories > ul > li:first-child > .toggle-view, .widget_pages > ul > li:first-child > .toggle-view {
top: 0;
}
.widget_categories a, .widget_pages a {
display: flex;
justify-content: flex-start;
align-items: center;
}
.widget_meta li ul, .widget_categories li ul, .widget_archive li ul, .widget_nav_menu li ul, .widget_pages li ul {
margin-left: 0;
padding-left: 15px;
}
.widget_meta li li:last-child, .widget_categories li li:last-child, .widget_archive li li:last-child, .widget_nav_menu li li:last-child, .widget_pages li li:last-child {
border-bottom: none;
}
.zoo-icon-field {
width: 100%;
display: inline-block;
margin-bottom: 20px;
}
.zoo-icon-field .wrap-icon-item {
float: left;
width: 50px;
padding-top: 5px;
}
.zoo-icon-field .wrap-icon-item i {
color: var(--black-color);
font-size: 2rem;
}
.zoo-icon-field .wrap-text-content {
width: calc(100% - 50px);
float: left;
}
.zoo-icon-field h4.widget-title {
margin-bottom: 0;
font-size: 1rem;
}
.zoo-posts-widget {
width: 100%;
display: inline-block;
}
.zoo-posts-widget .post-widget-item {
margin-bottom: 25px;
width: 100%;
display: inline-block;
padding: 0;
border: none;
}
.zoo-posts-widget .post-widget-item a {
color: var(--black-color);
}
.zoo-posts-widget .post-widget-item a:hover {
color: var(--accent-color);
}
.zoo-posts-widget .post-widget-image {
float: left;
width: 75px;
overflow: hidden;
}
.zoo-posts-widget .post-widget-item-text {
width: calc(100% - 75px);
float: left;
padding-left: 20px;
}
.zoo-posts-widget .no-thumb .post-widget-item-text {
padding: 0;
width: 100%;
}
.zoo-posts-widget .title-post {
font-size: 0.875rem;
color: #000;
margin-bottom: 0;
display: inline-block;
}
.zoo-posts-widget .title-post a {
color: inherit;
line-height: 1.5;
}
.zoo-posts-widget .title-post:hover {
color: var(--black-color);
}
.zoo-posts-widget .date-post {
font-size: 0.75rem;
width: 100%;
line-height: 15px;
display: inline-block;
margin-bottom: 5px;
float: left;
}
.zoo-posts-widget .date-post i {
margin-right: 3px;
}
.widget .tagcloud {
font-size: 0;
}
.widget .tagcloud a {
font-size: 14px !important;
border: 1px solid var(--border-color);
padding: 3px 10px;
line-height: 20px;
margin: 5px 10px 5px 0;
display: inline-block;
color: var(--black-color);
}
.widget .tagcloud a:hover {
color: var(--white-color);
background: var(--black-color);
border-color: var(--black-color);
}
.zoo-wrap-pagination.simple {
width: 100%;
display: inline-block;
}
.zoo-wrap-pagination.simple .next-page {
float: right;
text-align: right;
}
.zoo-wrap-pagination.simple .prev-page {
text-align: left;
float: left;
}
.zoo-wrap-pagination.simple a {
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500;
color: #000;
border-bottom: 2px solid #000;
}
.zoo-wrap-pagination.simple a:hover {
border-color: var(--black-color);
color: var(--black-color);
}
/* Rss widget*/
.widget_rss .widget-title a {
display: inline-block;
color: inherit;
}
.widget_rss > ul li {
margin-bottom: 15px;
}
.widget_rss li .rsswidget {
width: 100%;
display: inline-block;
font-size: 1rem;
line-height: 1.5;
margin-bottom: 5px;
}
.widget_rss .rss-date {
color: #959595;
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500;
margin-bottom: 10px;
display: inline-block;
}
.widget_rss .rssSummary {
padding: 5px 0;
}
/* End Rss widget*/
/*Widget menu*/
.widget_nav_menu ul.menu, .elementor-widget-wp-widget-nav_menu ul.menu {
margin-left: 0;
}
.widget_nav_menu ul.menu > li:first-child, .elementor-widget-wp-widget-nav_menu ul.menu > li:first-child {
padding-top: 0;
}
.widget_nav_menu li, .elementor-widget-wp-widget-nav_menu li {
list-style: none;
padding: 8px 0;
}
.widget_nav_menu li ul, .elementor-widget-wp-widget-nav_menu li ul {
margin-top: 10px;
}
.widget_nav_menu li li:last-child, .elementor-widget-wp-widget-nav_menu li li:last-child {
padding-bottom: 0;
}
.sidebar .widget_nav_menu li a {
color: #666;
}
.sidebar .widget_nav_menu li a:hover {
color: var(--black-color);
}
/*End Widget menu*/
/*Search form*/
.custom-search-form {
position: relative;
}
.custom-search-form input {
border-color: #ebebeb;
margin: 0;
height: 45px;
line-height: 45px;
}
.custom-search-form button {
position: absolute;
color: var(--black-color);
right: 0;
top: calc(50% - 20px);
border: none;
font-size: 1rem;
background: none;
width: 40px;
height: 40px;
cursor: pointer;
padding: 0;
text-align: center;
}
.custom-search-form button:hover {
background: none;
color: #666;
}
/*End Search form*/
/*Widget download*/
.zoo_download_block .text-download {
width: 100%;
height: 60px;
line-height: 60px;
display: block;
letter-spacing: 0.5px;
font-weight: 400;
font-size: 0.933rem;
padding: 0 0 0 20px;
background: var(--black-color);
color: var(--white-color);
text-transform: uppercase;
white-space: nowrap;
}
.zoo_download_block .text-download i {
padding-right: 30px;
font-size: 1.4rem;
}
.zoo_download_block .text-download:hover {
background: #000;
color: var(--white-color);
}
.zoo-list-payment-method .payment-method {
list-style: none;
margin: 0 10px 0 0;
display: inline-block;
width: 45px;
height: 30px;
line-height: 25px;
padding: 5px 8px !important;
border-radius: 3px;
}
/*Recent Comment*/
.widget_recent_comments a {
color: var(--black-color);
}
.widget_recent_comments .comment-author-link a:hover {
color: var(--black-color);
}
.widget_tag_cloud .tagcloud {
padding: 10px 0;
}
.widget_archive select, .widget_categories select {
margin-top: 5px;
}
.widget_calendar .calendar_wrap {
width: 100%;
display: inline-block;
}
.widget_calendar table {
margin-bottom: 5px;
}
.wrap-loop-content {
margin-bottom: 30px;
}
.blog .main-content, .archive .main-content, .search .main-content {
padding-top: 80px;
padding-bottom: 50px;
}
.blog .main-content > .container > .row, .archive .main-content > .container > .row, .search .main-content > .container > .row {
justify-content: space-between;
}
@media (min-width: 1200px) {
.has-right-sidebar .wrap-loop-content {
padding-right: 35px;
}
.has-left-sidebar .wrap-loop-content {
padding-left: 35px;
}
}
.list-layout .list-layout-item {
margin-bottom: 50px;
text-align: center;
}
.zoo-post-inner {
padding-bottom: 10px;
border-bottom: 1px solid var(--border-color);
}
.list-cat {
margin-bottom: 10px;
color: var(--date-color);
}
.list-cat a {
text-transform: uppercase;
color: var(--date-color);
font-size: 0.75rem;
}
.list-cat a:hover {
color: var(--black-color);
}
.sticky-post-label {
text-transform: uppercase;
margin-bottom: 10px;
font-weight: 500;
color: var(--black-color);
background: var(--bg-block-color);
font-size: 0.875rem;
position: relative;
padding: 10px 15px;
line-height: 15px;
letter-spacing: 1px;
display: inline-block;
}
.wrap-media {
display: inline-block;
position: relative;
}
.wrap-media .sticky-post-label {
z-index: 2;
position: absolute;
left: 0;
bottom: 0;
margin: 0;
}
.post-loop-item .entry-title {
margin-bottom: 10px;
font-size: 1.875rem;
}
.post-loop-item .entry-title a {
color: var(--title-color);
line-height: inherit;
}
.post-loop-item .entry-title a:hover {
color: var(--title-hover-color);
}
.post-loop-item .post-info {
margin-bottom: 30px;
}
.post-loop-item .post-info li:first-child {
margin-left: 0;
}
.post-loop-item .wrap-media {
width: 100%;
display: inline-block;
overflow: hidden;
margin-bottom: 20px;
position: relative;
}
.post-loop-item .wrap-media img {
display: block;
transition: ease 500ms;
-webkit-transition: ease 500ms;
-moz-transition: ease 500ms;
-o-transition: ease 500ms;
-ms-transition: ease 500ms;
}
.post-loop-item:hover .wrap-media img {
transform: scale(1.05);
}
.post-loop-item .readmore {
--color-button: #000;
--color-hover-button: #fff;
--bg-hover-button: #000;
display: inline-block;
text-transform: uppercase;
border: 1px solid;
padding: 10px 25px;
color: var(--color-button);
position: relative;
line-height: 1.2;
margin-bottom: 30px;
font-weight: 500;
font-size: 0.8125rem;
}
.post-loop-item .readmore:hover {
background: var(--bg-hover-button);
border-color: var(--bg-hover-button);
color: var(--color-hover-button);
}
.post-loop-item .entry-content {
margin-bottom: 30px;
display: inline-block;
width: 100%;
text-align: initial;
}
.post-loop-item .entry-content > :last-child {
margin-bottom: 0;
}
.grid-layout .wrap-post-item-content {
width: 100%;
display: inline-block;
}
.grid-layout .grid-layout-item .wrap-media {
overflow: hidden;
}
.grid-layout .grid-layout-item img {
transition: all 300ms;
display: block;
}
.grid-layout .grid-layout-item .title-post {
font-size: 1.125rem;
margin-bottom: 20px;
}
.grid-layout .grid-layout-item .title-post a:hover {
color: #666;
}
.grid-layout .grid-layout-item .readmore {
display: inline-block;
}
/*Loop Pagination*/
.navigation.pagination {
margin: 20px 0;
}
.navigation.pagination h2 {
display: none;
}
.navigation.pagination .nav-links {
display: flex;
justify-content: center;
align-items: center;
}
.navigation.pagination .page-numbers {
background: none;
height: 30px;
min-width: 30px;
text-align: center;
line-height: 30px;
display: inline-block;
margin: 0 5px;
color: var(--black-color);
border: 1px solid var(--border-color);
font-weight: 500;
}
.navigation.pagination .page-numbers.current, .navigation.pagination .page-numbers:not(.dots):hover {
background: var(--black-color);
color: var(--white-color);
border-color: var(--black-color);
}
.navigation.pagination .page-numbers.next, .navigation.pagination .page-numbers.prev {
line-height: 30px;
font-size: 85%;
}
.navigation.pagination .page-numbers i {
font-size: 85%;
}
/*End Loop Pagination*/
.search-results .post-loop-item.list-layout-item {
margin-bottom: 50px;
}
.author.archive .wrap-post-author {
order: -1;
margin-bottom: 50px;
}
.author.archive .post-author {
padding: 30px;
border: 1px solid var(--black-color);
flex-direction: column;
text-align: center;
justify-content: center;
}
.author.archive .author-img {
margin: 0 auto 25px;
}
.author.archive .author-name {
font-size: 1.625rem;
}
.author.archive .author-content {
width: 100%;
padding: 0;
}
.author.archive .wrap-author-social li a {
width: 40px;
height: 40px;
font-size: 1.5rem;
}
@media (min-width: 767.98px) {
.author.archive .wrap-post-author {
order: 1;
}
}
.page .main-content > .container > .page-title {
text-align: center;
margin-top: 50px;
font-size: 3rem;
}
.page .wrap-comment-form {
margin-bottom: 80px;
}
.page.page-child .inpost-pagination {
margin-bottom: 100px;
}
.page:not(.elementor-page) .main-content {
padding-bottom: 50px;
}
.main-content .error-404 {
padding: 40px 0;
text-align: center;
}
.main-content .error-404 svg {
width: 150px;
fill: #f48369;
}
.main-content .error-404 .error-404-content {
padding: 20px 0;
position: relative;
}
.main-content .error-404 .error-404-content h1 {
font-size: 2.25rem;
margin-bottom: 5px;
}
.main-content .error-404 .error-404-content h5 {
font-weight: 400;
color: inherit;
margin-bottom: 25px;
}
.main-content .error-404 .error-404-content .custom-search-form {
max-width: 450px;
margin: 0 auto 25px;
}
.main-content .error-404 .error-404-content .back-to-home {
font-size: 0.8125rem;
color: var(--black-color);
letter-spacing: 1px;
font-weight: 500;
position: relative;
padding-bottom: 8px;
text-transform: uppercase;
}
.main-content .error-404 .error-404-content .back-to-home:After {
height: 2px;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
content: "";
display: block;
background: var(--black-color);
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
}
.main-content .error-404 .error-404-content .back-to-home:hover:after {
width: 0;
}
@media (min-width: 992px) {
.main-content .error-404 {
padding: 160px 0;
}
.main-content .error-404 .error-404-content h1 {
font-size: 3.75rem;
margin-bottom: 25px;
}
.main-content .error-404 .error-404-content h5 {
margin-bottom: 55px;
}
}
.no-results {
text-align: center;
padding: 50px 0;
}
.no-results .page-title {
margin-bottom: 30px;
padding: 0;
font-size: 3rem;
}
.no-results .custom-search-form {
max-width: 450px;
margin: 10px auto 0;
}
.no-results a {
text-transform: uppercase;
text-decoration: underline;
}
.site-footer {
text-align: center;
padding: 30px 0;
background: var(--footer-bg);
color: var(--footer-color);
}
/*Custom css of theme*/ /*Header*/
.element-nav-icon .zoo-icon-menu {
display: flex;
align-items: center;
font-size: 1.25rem;
}
.header-top {
background: #000;
color: var(--white-color);
font-size: 0.875rem;
}
.header-top a {
color: var(--white-color);
}
.header-top a:hover {
color: #666;
}
.wrap-site-header-desktop .nav-icon-label {
font-weight: 500;
}
.wrap-content-header-off-canvas .element-language-switcher .list-languages li {
color: #666;
}
.total-element-cart .amount {
color: inherit;
}
@media (min-width: 992px) {
.header-off-canvas-sidebar.is-text-dark.off-canvas-full-screen .off-canvas-close {
top: 50px;
right: 50px;
}
}
/*End Header*/
/*Custom css menu*/
.primary-menu > ul.nav-menu {
font-size: 0;
}
.primary-menu > ul.nav-menu li {
font-size: 1rem;
}
.primary-menu > ul.nav-menu > li.menu-item > a {
font-size: 1.0625rem;
font-weight: 400;
color: var(--black-color);
}
.primary-menu > ul.nav-menu > li.menu-item > a:hover {
color: var(--accent-color);
}
body:not(.elementor-editor-active) .wrap-megamenu {
position: static;
}
body:not(.elementor-editor-active) .wrap-megamenu .elementor-widget, body:not(.elementor-editor-active) .wrap-megamenu .elementor-widget-wrap, body:not(.elementor-editor-active) .wrap-megamenu .elementor-column-wrap, body:not(.elementor-editor-active) .wrap-megamenu .elementor-column {
position: static;
}
@media (min-width: 1024.98px) {
.cafe-site-menu .cafe-menu .mega-menu-content .menu-item-mega > .dropdown-toggle {
padding: 15px 0;
}
.cafe-menu .mega-menu-content .menu-item-mega > .dropdown-toggle {
padding: 15px 0;
}
.cafe-menu .mega-menu-content .menu-item-mega > .dropdown-toggle .cafe-menu-arrow {
display: none;
}
}
.mega-menu-content .menu-item-mega > a {
text-transform: capitalize;
font-weight: 500;
font-size: 1.0625rem;
}
.mega-menu-content .menu-item-mega .mega-menu-submenu a {
color: #666;
}
.mega-menu-content .menu-item-mega .mega-menu-submenu a:hover {
color: var(--black-color);
}
@media (min-width: 991.98px) {
.primary-menu > ul.nav-menu {
text-align: right;
}
.primary-menu > ul.nav-menu > li > a {
padding: 10px;
}
}
@media (min-width: 1200px) {
.primary-menu > ul.nav-menu > li > a {
padding: 10px 20px;
}
.primary-menu > ul.nav-menu > li:last-child {
padding-right: 0;
}
}
/*End Custom css menu*/
/*Element*/
.wrap-form-lb-search .btn-close-lb-search {
background: none;
}
.off-canvas-close {
width: 25px;
text-align: center;
z-index: 1;
}
.element-mobile-menu .link-before > i {
display: none;
}
.element-mobile-menu .menu-toggle {
width: 25px;
text-align: center;
z-index: 1;
}
.cover-without-slider .shop-cover-title {
margin-bottom: 0;
}
.cover-without-slider .term-description {
text-align: center;
font-size: 1.25rem;
}
.cover-without-slider .term-description p {
margin: 0;
}
.wishlist-icon {
min-width: 25px;
line-height: 25px;
min-height: 25px;
justify-content: center;
align-items: center;
}
.element-item select {
background: none;
color: inherit;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
outline: none !important;
}
.element-item select:focus {
outline: none !important;
}
.is-sticky.header-row.sticker .woocommerce-MyAccount-navigation a {
color: var(--black-color);
}
.is-sticky.header-row.sticker .woocommerce-MyAccount-navigation a:hover {
color: #666;
}
.element-header-account .wrap-dashboard-form .woocommerce-MyAccount-navigation a:hover {
color: #666;
}
.row-item-group {
position: static;
}
/*Css search lightbox*/
.header-search-box .wrap-form-lb-search .header-search-form .input-text {
color: var(--black-color);
font-size: 2rem;
}
.wrap-list-cat-search select.zoo-product-cat-options {
color: #666;
font-size: 1.2rem;
}
.header-search-box .wrap-form-lb-search .header-search-form .wrap-list-cat-search {
border-left-color: transparent;
}
.header-search-box .wrap-form-lb-search .header-search-form .wrap-list-cat-search i {
color: #666;
}
.wrap-list-cat-search i {
color: var(--black-color);
}
.header-search-box .header-search-form .button.search-submit {
color: #666;
}
.header-search-box .header-search-form .button.search-submit:hover {
color: var(--black-color);
}
.wrap-form-lb-search .zoo-live-search.searching button.search-submit i::after {
border-color: var(--black-color) var(--black-color) transparent;
}
.zoo-live-search .wrap-search-result {
top: calc(100% + 3px);
}
.btn-lb-search, .icon-element-cart, .wishlist-icon, .account-icon {
font-size: 1.25rem;
}
.wishlist-counter {
min-width: 20px;
height: 20px;
background: var(--accent-color);
color: var(--white-color);
border-radius: 50%;
text-align: center;
}
.wrap-search-result {
overflow: hidden;
padding: 10px;
max-height: 50vh;
}
.wrap-search-result .list-search-result {
max-height: calc(50vh - 20px);
overflow: hidden;
overflow-y: scroll;
}
.element-item select, .element-item select:focus {
outline: none !important;
}
.item-block-logo .site-name {
padding: 10px 0;
}
/*End element*/
@media (max-width: 782px) {
.admin-bar .wrap-header-off-canvas {
margin-top: 46px;
height: calc(100vh - 46px);
}
}
@media (max-width: 600px) {
.admin-bar .wrap-header-off-canvas {
height: 100vh;
margin-top: 0;
padding: 50px 0;
}
}
.element-language-switcher #language-options, .woo-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper span.wmc-current-currency {
font-size: 0.75rem;
text-transform: uppercase;
}
.element-language-switcher #language-options:after, .woo-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper span.wmc-current-currency:after {
font-size: 0.5rem;
}
.header-off-canvas-sidebar.off-canvas-full-screen .mobile-menu ul ul {
border: none;
}
@media (max-width: 992px) {
.header-search-box .input-text {
padding: 5px 0;
}
.wrap-header-off-canvas .header-search-box .header-search-form .button.search-submit {
margin-right: -4px;
}
}
.builder-item .items-badge {
border-radius: 0;
border: 1px solid var(--black-color);
color: var(--black-color);
text-transform: uppercase;
box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
margin-left: 5px;
}
.builder-item .items-badge.new-badge {
background: var(--new-bg);
}
.header-off-canvas-sidebar.show-on-desktop .wrap-content-header-off-canvas {
display: flex;
flex-direction: column;
padding: 0 30px;
}
.header-off-canvas-sidebar.show-on-desktop .desktop-builder-block-mobile-menu {
flex-grow: 1;
}
.header-off-canvas-sidebar.show-on-desktop .wrap-header-off-canvas {
width: 530px;
}
.header-off-canvas-sidebar.show-on-desktop.off-canvas-slide-right .wrap-header-off-canvas {
right: -530px;
}
.header-off-canvas-sidebar.show-on-desktop.off-canvas-slide-left .wrap-header-off-canvas {
left: -530px;
}
.header-off-canvas-sidebar.show-on-desktop.active.off-canvas-slide-right .wrap-header-off-canvas {
transform: translateX(-530px);
}
.header-off-canvas-sidebar.show-on-desktop.active.off-canvas-slide-left .wrap-header-off-canvas {
transform: translateX(530px);
}
.banner-title > a {
position: relative;
}
.label-new {
position: absolute;
left: 100%;
line-height: 23px;
bottom: calc(100% - 13px);
background: var(--new-bg);
border: 1px solid var(--black-color);
color: var(--black-color);
text-transform: uppercase;
padding: 0 10px;
font-weight: normal;
font-size: 0.8125rem;
box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
}
.header-search-box .wrap-form-lb-search .header-search-form {
max-width: 1200px;
}
.header-search-box .wrap-form-lb-search .header-search-form .input-text {
font-weight: bold;
}
.header-search-box .wrap-form-lb-search .header-search-form .input-text::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: var(--black-color);
}
.header-search-box .wrap-form-lb-search .header-search-form .input-text::-moz-placeholder { /* Firefox 19+ */
color: var(--black-color);
opacity: 1;
}
.header-search-box .wrap-form-lb-search .header-search-form .input-text:-ms-input-placeholder { /* IE 10+ */
color: var(--black-color);
}
.header-search-box .wrap-form-lb-search .header-search-form .input-text:-moz-placeholder { /* Firefox 18- */
color: var(--black-color);
}
.header-search-box .wrap-form-lb-search .header-search-form .wrap-list-cat-search select.zoo-product-cat-options {
font-size: 1rem;
}
.header-search-box .wrap-form-lb-search .header-search-form .wrap-list-cat-search {
font-size: 1rem;
}
.header-search-box .wrap-form-lb-search .header-search-form .button {
font-size: 2rem;
margin-left: 60px;
}
.element-logo {
padding-top: 20px;
padding-bottom: 20px;
}
.is-sticky .element-logo {
padding-top: 15px;
padding-bottom: 15px;
}
.wishlist-counter {
font-size: 0.75rem;
line-height: 1;
}
.element-language-switcher .list-languages {
text-align: left;
color: var(--black-color);
}
#alg_currency_selector {
position: relative;
}
#alg_currency_selector select {
padding-right: 15px;
position: relative;
z-index: 2;
}
#alg_currency_selector:after {
content: "쁙";
font-family: cleversoft;
position: absolute;
right: 2px;
top: 50%;
font-size: 0.625rem;
transform: translateY(-50%);
}
.woo-multi-currency.wmc-shortcode.plain-vertical {
background: none;
}
.woo-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper span.wmc-current-currency {
background: none;
padding: 6px 20px 6px 0;
border: none;
font-weight: inherit;
color: inherit;
}
.woo-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper span.wmc-current-currency img {
display: none;
}
.woo-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper span.wmc-current-currency:after {
content: "쁙";
font-family: cleversoft;
position: absolute;
right: 2px;
top: 50%;
font-size: 0.625rem;
transform: translateY(-50%);
}
.woo-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency {
display: block;
min-width: 100px;
padding: 0 !important;
box-shadow: -2px 2px 16px #ccc;
border: none;
transition: all 300ms;
top: calc(100% + 30px);
opacity: 0;
visibility: hidden;
}
.woo-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency .wmc-currency {
padding: 5px 0;
text-align: left;
}
.woo-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency .wmc-currency a {
padding: 5px 10px;
color: var(--black-color);
font-weight: 300 !important;
}
.woo-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency .wmc-currency span {
color: inherit;
text-align: left;
font-weight: 400;
}
.woo-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper .wmc-sub-currency img {
display: none;
}
.woo-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper:hover .wmc-sub-currency {
opacity: 1;
top: 100%;
visibility: visible;
z-index: 1;
}
.admin-bar .wrap-header-off-canvas {
margin-top: 32px;
height: calc(100vh - 32px);
}
.wrap-header-off-canvas .header-search-box .header-search-form .button.search-submit {
background: transparent;
padding: 0;
}
.element-cart-icon:not(.inside) .element-cart-count {
background: var(--accent-color);
color: var(--white-color);
height: 20px;
min-width: 20px;
font-size: 0.75rem;
padding: 0;
box-shadow: none;
}
.btn, input[type=submit], .button, button, .wp-block-button.is-style-squared .wp-block-button__link, .wp-block-button .wp-block-button__link {
padding: 10px 25px;
line-height: 25px;
text-transform: uppercase;
display: inline-block;
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
cursor: pointer;
font-size: 0.8125rem;
font-family: inherit;
background: var(--bg-button);
color: var(--color-button);
font-weight: 500;
border: none;
letter-spacing: 0.1rem;
text-decoration: none;
}
.btn:hover, input[type=submit]:hover, .button:hover, button:hover, .wp-block-button.is-style-squared .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:hover {
background: var(--bg-hover-button);
color: var(--color-hover-button);
}
.btn.btn-border, input[type=submit].btn-border, .button.btn-border, button.btn-border, .wp-block-button.is-style-squared .wp-block-button__link.btn-border, .wp-block-button .wp-block-button__link.btn-border {
--color-button: #000;
--color-hover-button: #fff;
--bg-hover-button: #000;
border: 1px solid;
line-height: 23px;
background: none;
font-family: inherit;
}
.btn.btn-border:hover, input[type=submit].btn-border:hover, .button.btn-border:hover, button.btn-border:hover, .wp-block-button.is-style-squared .wp-block-button__link.btn-border:hover, .wp-block-button .wp-block-button__link.btn-border:hover {
border-color: var(--bg-hover-button);
}
.wp-block-button.is-style-squared .wp-block-button__link {
border-radius: 0px;
}
.zoo-pagination {
padding: 0 15px;
display: inline-block;
}
.zoo-pagination .load-more-button {
font-size: 0.8rem;
}
.zoo-pagination .load-more-button .label {
font-size: inherit;
}
.wrap-content-header-off-canvas .button {
background: transparent;
color: var(--black-color);
}
.wp-block-button.is-style-outline .wp-block-button__link {
--color-button:#000;
background: none;
border: 2px solid;
line-height: 21px;
border-color: var(--bg-button);
background: var(--white-color);
color: var(--bg-button);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
border-color: var(--bg-button);
background-color: var(--bg-button);
color: var(--white-color);
}
/*Widget*/
.sidebar .mc4wp-form-fields p, .sidebar .mc4wp-form-fields input, .sidebar .mc4wp-form-fields select {
margin-bottom: 10px;
width: 100%;
}
.widget_tag_cloud .widget-title {
margin-bottom: 25px;
}
.text-field, textarea {
line-height: 1.6;
}
.zoo-widget-social-icon.icon li {
display: inline-block;
font-size: 1rem;
padding: 0;
margin: 0 15px 0 0;
}
.zoo-widget-social-icon.icon li:last-child {
margin: 0;
}
.zoo-widget-social-icon.icon li a {
border: none;
}
.zoo-widget-social-icon.icon li a:hover {
color: var(--black-color);
}
.zoo-widget-social-icon.icon li i {
font-size: 1.5rem;
}
.widget_recent_comments .recentcomments {
position: relative;
}
.widget_recent_comments .recentcomments .comment-author-link a:hover {
color: var(--link-hover-color);
}
.widget > ul li.recentcomments {
padding-left: 0;
}
@media (max-width: 992px) {
.wrap-form-lb-search .btn-close-lb-search {
right: 0;
top: 0;
}
}
.widget_calendar caption {
color: var(--black-color);
}
/*End Css search lightbox*/
/*End Widget*/
.zoo-image-hover a {
display: inline-block;
}
.footer-logo img {
max-width: 65px;
}
.footer-row .zoo_imghover_widget.widget {
margin-bottom: 15px;
}
.align-center {
text-align: center;
}
.align-center.tp-caption {
text-align: center !important;
}
.wp-block-gallery {
margin-left: 0;
display: flex;
justify-content: space-between;
}
.wp-block-gallery.alignleft {
margin-right: 20px;
}
.wp-block-gallery.alignright {
margin-left: 20px;
}
.wp-block-gallery li {
list-style: none;
width: 100%;
}
.wp-block-gallery.columns-2 li {
width: calc(50% - 16px);
}
.wp-block-gallery.columns-3 li {
width: calc(33.33% - 16px);
}
.wp-block-gallery.columns-4 li {
width: calc(25% - 16px);
}
.wp-block-gallery.columns-6 li {
width: calc(16.66% - 16px);
}
.post-content img.alignleft {
margin-right: 50px;
}
.post-content img.alignright {
margin-left: 50px;
}
.post-info li > span {
margin-right: 5px;
text-transform: capitalize;
}
.post-loop-item .zoo-post-inner {
padding-bottom: 35px;
}
.post-loop-item .zoo-post-inner > :last-child {
margin-bottom: 0px;
}
.post-loop-item .entry-title {
font-size: 1.25rem;
}
.post-loop-item .readmore {
background: var(--accent-color);
border-color: var(--accent-color);
color: var(--white-color);
}
.post-loop-item .readmore:hover {
background: var(--white-color);
border-color: var(--accent-color);
color: var(--accent-color);
}
.list-layout .list-layout-item {
text-align: left;
margin-bottom: 0px;
}
.grid-layout .row {
margin-left: -10px;
margin-right: -10px;
}
.grid-layout .row > .post-loop-item {
padding-left: 10px;
padding-right: 10px;
}
.grid-layout .wrap-media {
margin-bottom: 10px;
}
.grid-layout .wrap-media .sticky-post-label {
background: transparent;
}
.grid-layout .wrap-media .sticky-post-label:before {
background: var(--accent-color);
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -1;
opacity: 0.8;
}
.grid-layout .entry-content {
margin-bottom: 20px;
}
.clearfix::after, .clear-fix::after {
content: "";
clear: both;
display: table;
}
.wp-block-separator.is-style-dots {
padding: 20px 0;
}
.wp-block-image figcaption {
color: #666;
}
.wp-block-image .alignleft {
margin-right: 30px;
}
.wp-block-image .alignright {
margin-left: 30px;
}
.has-drop-cap {
font-size: 1.5rem;
}
.has-drop-cap:first-letter {
font-weight: 400 !important;
padding-top: 10px !important;
font-size: 100px !important;
line-height: 60px !important;
}
p.has-background {
font-weight: 300;
}
.wp-caption .wp-caption-text {
padding-top: 5px;
}
/*Blog cover*/
.wrap-blog-cover {
text-align: center;
padding: 120px 0;
color: var(--white-color);
background-color: #282828;
background-size: auto;
background-position: 50% 50px !important;
}
.wrap-blog-cover .blog-page-title {
margin: 0;
font-size: 3.75rem;
color: inherit;
}
.wrap-blog-cover .author-info {
max-width: 550px;
margin: 0 auto;
}
.wrap-blog-cover .author-heading, .wrap-blog-cover .author-title {
color: inherit;
font-weight: 400;
text-transform: capitalize;
margin-bottom: 15px;
}
.wrap-blog-cover .author-avatar {
margin-bottom: 10px;
}
.wrap-blog-cover .author-avatar img {
border-radius: 50%;
box-shadow: 0 0 25px -10px rgba(0, 0, 0, 0.5);
}
.wrap-blog-cover .author-bio {
margin-bottom: 0;
}
.cvca-pagination {
text-align: center;
margin: 20px 0;
}
.cvca-pagination .cvca_pagination-item {
background: none;
height: 30px;
min-width: 30px;
text-align: center;
line-height: 30px;
font-size: 1.2rem;
display: inline-block;
color: #666;
}
.cvca-pagination .cvca_pagination-item.current, .cvca-pagination .cvca_pagination-item:hover {
color: var(--black-color);
}
/*End Blog cover*/
/*Comment form*/
.comment-reply-title small {
font-size: 60%;
font-weight: 400;
}
.comment-reply-title small a {
color: #666;
}
.comment-reply-title small a:hover {
text-decoration: underline;
color: var(--black-color);
}
.wrap-comments .comment-respond .comment-form {
margin-left: -10px;
margin-right: -10px;
}
.wrap-loop-content .page-title {
padding: 0 15px;
}
.comments-navigation {
width: 100%;
display: inline-block;
}
.comments-navigation .wrap-pagination {
margin: 0;
}
.comments-navigation li .page-numbers {
font-weight: 500;
border: 1px solid var(--border-color);
color: var(--black-color);
}
.comments-navigation li .page-numbers i {
font-size: 85%;
}
.comments-navigation li span.page-numbers, .comments-navigation li .page-numbers:hover {
color: var(--white-color);
background: var(--black-color);
border-color: var(--black-color);
}
/*End Comment form*/
/* List label categories*/
.list-label-cat {
margin-bottom: 20px;
}
.list-label-cat a {
background: var(--accent-color);
border: 1px solid var(--accent-color);
color: var(--white-color);
font-weight: 500;
padding: 2px 10px;
border-radius: 3px;
margin: 0 5px;
font-size: 0.875rem;
}
.list-label-cat a:hover {
background: none;
color: var(--accent-color);
}
/* End List label categories*/
/*Single Post*/
.title-detail {
font-weight: 500;
}
.wrap-pagination .pagination a, .wrap-pagination .pagination > span {
font-weight: 500;
}
.wrap-pagination .pagination a {
border: 1px solid var(--border-color);
}
.wrap-pagination .pagination a:hover, .wrap-pagination .pagination > span {
border: 1px solid var(--black-color);
background: var(--black-color);
color: var(--white-color);
}
.post-content blockquote cite a:hover, .post-content .blockquote cite a:hover {
color: var(--black-color);
}
/*End Single Post*/
.post-related .zoo-post-inner {
border: none;
}
/*Footer*/
.entry-footer {
margin-bottom: 10px;
}
.footer-bottom {
background: #f5f5f5;
}
.footer-row {
background: var(--white-color);
color: #666;
}
.footer-row a {
color: #666;
}
.footer-row a:hover {
color: var(--black-color);
}
.footer-row .menu a, .footer-row .cat-item a, .footer-row .widget_archive a, .footer-row .widget_pages a {
position: relative;
}
.footer-row .menu a:after, .footer-row .cat-item a:after, .footer-row .widget_archive a:after, .footer-row .widget_pages a:after {
width: 100%;
height: 1px;
position: absolute;
left: 0;
bottom: -5px;
content: "";
display: block;
opacity: 0;
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
}
.footer-row .menu a:hover:after, .footer-row .cat-item a:hover:after, .footer-row .widget_archive a:hover:after, .footer-row .widget_pages a:hover:after {
opacity: 1;
}
.footer-row .widget-title {
margin-top: 5px;
margin-bottom: 25px;
text-transform: uppercase;
font-size: 0.875rem;
}
.footer-row p {
margin-bottom: 10px;
}
.footer-row .widget {
width: 100%;
margin-bottom: 30px;
display: inline-block;
}
.footer-row .widget:first-child .widget-title {
margin-top: 0;
}
.footer-row .widget:last-child {
margin-bottom: 0;
}
.footer-row .widget.ZooSocialWidget {
margin-bottom: 10px;
}
.footer-row .textwidget {
width: 100%;
display: inline-block;
}
.footer-row .widget_nav_menu li {
padding-top: 5px;
padding-bottom: 5px;
}
.footer-row .widget_nav_menu li:first-child {
padding-top: 0;
}
.footer-row .widget_nav_menu li a {
font-weight: 400;
}
.footer-row input {
font-size: inherit;
}
.footer-row .mc4wp-form .mc4wp-form-fields input {
border: none;
}
.footer-row .mc4wp-form .mc4wp-form-fields > p input[type=submit] {
text-transform: uppercase;
background: none;
color: var(--black-color);
font-size: 0.8125rem;
letter-spacing: 3px;
padding: 5px 15px;
border: none;
}
.footer-row .mc4wp-form .mc4wp-form-fields > p input[type=submit]:hover {
color: #333;
}
.footer-row .widget_mc4wp_form_widget .widget-title {
margin-bottom: 10px;
}
.footer-row .zoo-list-payment-method .payment-method {
background: #000;
margin-bottom: 10px;
}
.footer-row .zoo-list-payment-method svg {
fill: #fff;
}
.footer-row .zoo-widget-social-icon.icon li a:hover {
text-decoration: none;
}
.footer-row .widget_rss li a {
font-weight: 500;
color: var(--black-color);
}
.footer-row .widget_rss li a:hover {
color: #666;
}
.footer-row .widget_rss li:last-child {
margin: 0;
}
.footer-row .textwidget img {
margin: 5px 0 0;
}
.footer-row.footer-preset-light a {
color: #666;
}
.footer-row.footer-preset-light a:hover {
color: var(--black-color);
}
.footer-row.footer-preset-light.footer-main {
background: #f5f5f5;
color: #666;
}
.footer-row.footer-preset-light.footer-main .widget-title {
text-transform: uppercase;
color: #000;
}
.footer-row.footer-preset-light.footer-main a {
color: #666;
}
.footer-row.footer-preset-light.footer-main a:hover {
color: #000;
}
.footer-row.footer-preset-light.footer-main .social-icon {
color: #000;
}
.footer-row.footer-preset-light.footer-main .social-icon:hover {
color: #666;
}
.footer-row.footer-preset-light.footer-main .menu a:after, .footer-row.footer-preset-light.footer-main .cat-item a:after, .footer-row.footer-preset-light.footer-main .widget_archive a:after, .footer-row.footer-preset-light.footer-main .widget_pages a:after {
background: var(--black-color);
}
.footer-row.footer-preset-dark {
background: var(--black-color);
color: #fff;
}
.footer-row.footer-preset-dark a {
color: #fff;
}
.footer-row.footer-preset-dark a:hover {
color: var(--white-color);
}
.footer-row.footer-preset-dark .menu a, .footer-row.footer-preset-dark .cat-item a, .footer-row.footer-preset-dark .widget_archive a, .footer-row.footer-preset-dark .widget_pages a {
position: relative;
}
.footer-row.footer-preset-dark .menu a:after, .footer-row.footer-preset-dark .cat-item a:after, .footer-row.footer-preset-dark .widget_archive a:after, .footer-row.footer-preset-dark .widget_pages a:after {
background: var(--white-color);
}
.footer-row.footer-preset-dark .widget-title {
color: var(--white-color);
}
.footer-row.footer-preset-dark input {
background: var(--white-color);
color: #000;
border: none;
}
.footer-row.footer-preset-dark .cat-item span, .footer-row.footer-preset-dark .widget_archive li span {
background: #666;
color: var(--white-color);
}
.footer-row.footer-preset-dark .widget .tagcloud a {
background: #666;
color: var(--white-color);
}
.footer-row.footer-preset-dark .widget .tagcloud a:hover {
background: #666;
}
.footer-row.footer-preset-dark .recentcomments {
color: var(--white-color);
}
.footer-row.footer-preset-dark .recentcomments .comment-author-link {
color: #fff;
}
.footer-row.footer-preset-dark .recentcomments .comment-author-link:hover {
color: var(--white-color);
}
.footer-row .toggle-view {
top: 5px;
}
.footer-row .widget_archive select, .footer-row .widget_categories select, .footer-row .widget .search-form {
margin-top: 10px;
}
.footer-row .widget li:first-child > .toggle-view {
top: 0;
}
.footer-row .widget > ul li {
padding-top: 5px;
padding-bottom: 5px;
}
.footer-row .widget > ul li:first-child {
padding-top: 0;
}
.footer-row .widget_calendar table {
margin-bottom: 5px;
}
.footer-row .widget_recent_comments a {
color: var(--black-color);
}
.footer-row .widget_recent_comments a:hover {
color: var(--accent-color);
}
.footer-row .widget_tag_cloud .tagcloud {
padding-top: 5px;
padding-bottom: 10px;
}
.footer-main {
padding-top: 25px;
padding-bottom: 25px;
}
.footer-main .builder-item {
margin-bottom: 20px;
}
.footer-main.full-width {
padding-left: 15px;
padding-right: 15px;
}
.footer-main .mc4wp-form {
max-width: 460px;
margin: 0 auto;
text-align: center;
}
.mc4wp-form h3 {
font-size: 2.25rem;
margin-bottom: 15px;
}
.mc4wp-form .wrap-form-input {
margin-top: 50px;
position: relative;
}
.mc4wp-form .wrap-form-input input, .mc4wp-form .wrap-form-input button {
margin: 0;
}
.mc4wp-form .wrap-form-input input {
border: 2px solid #ebebeb;
height: 50px;
line-height: 30px;
border-radius: 30px;
padding: 10px 20px;
background: var(--white-color);
}
.mc4wp-form .wrap-form-input button {
width: 44px;
height: 44px;
padding: 0;
line-height: 50px;
text-align: center;
display: block;
background: var(--accent-color);
position: absolute;
right: 4px;
top: 3px;
border: none;
border-radius: 50%;
font-size: 1.375rem;
}
.mc4wp-form .wrap-form-input button:hover {
background: var(--black-color);
color: var(--white-color);
}
.footer-bottom:not(.contained) {
padding: 20px 15px 10px;
border-top: 1px solid #ebebeb;
}
.footer-bottom.contained .wrap-builder-items {
border-top: 1px solid #ebebeb;
}
.footer-bottom .builder-item:last-child .widget-area {
text-align: right;
}
.footer-bottom .widget_nav_menu ul.menu, .footer-main .widget_nav_menu ul.menu {
margin: 0;
}
.footer-bottom .widget_nav_menu > div > ul > li, .footer-main .widget_nav_menu > div > ul > li {
display: inline-block;
padding: 0;
margin: 0 10px;
}
.footer-bottom .widget_nav_menu > div > ul > li:first-child, .footer-main .widget_nav_menu > div > ul > li:first-child {
margin-left: 0;
}
.footer-bottom .widget_nav_menu > div > ul > li:last-child, .footer-main .widget_nav_menu > div > ul > li:last-child {
margin-right: 0;
}
.footer-bottom .zoo-widget-social-icon, .footer-main .zoo-widget-social-icon {
text-align: right;
}
.footer-bottom .zoo-widget-social-icon i, .footer-main .zoo-widget-social-icon i {
font-size: 1.375rem;
}
@media (min-width: 992px) {
.footer-main {
padding-top: 100px;
padding-bottom: 125px;
}
.footer-main.full-width {
padding-left: 60px;
padding-right: 60px;
}
.footer-bottom:not(.contained) {
padding: 30px 60px 20px;
}
.footer-bottom:not(.contained).footer-preset-dark {
padding: 30px 60px;
}
.footer-bottom .builder-item:not(.builder-block-footer_copyright):last-child {
text-align: right;
}
.footer-bottom .zoo-list-payment-method .payment-method:last-child {
margin: 0;
}
}
@media (max-width: 992px) {
.footer-bottom .widget_nav_menu ul.menu, .footer-main .widget_nav_menu ul.menu, .footer-bottom .zoo-widget-social-icon, .footer-main .zoo-widget-social-icon {
text-align: center;
}
}
.builder-block-footer-widget-5 .widget-area .zoo-widget-social-icon {
text-align: left;
}
.builder-block-footer-widget-5 .widget-area .widget-title {
margin-bottom: 35px;
}
.builder-block-footer-widget-5 .widget-area .zoo-widget-social-icon.icon li {
padding: 0;
margin-right: 5px;
}
.builder-block-footer-widget-5 .widget-area .zoo-widget-social-icon.icon li i {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
.builder-block-footer-widget-5 .widget-area .zoo-widget-social-icon.icon li a {
border: 2px solid;
color: var(--black-color);
width: 60px;
height: 60px;
display: inline-block;
text-align: center;
line-height: 60px;
border-radius: 50%;
}
.builder-block-footer-widget-5 .widget-area .zoo-widget-social-icon.icon li a:hover {
color: var(--accent-color);
}
.builder-block-footer-widget-6 .widget-area .widget_nav_menu a {
text-transform: uppercase;
color: var(--black-color);
font-size: 0.875rem;
}
.builder-block-footer-widget-6 .widget-area .widget_nav_menu a:hover {
color: var(--accent-color);
}
.builder-block-footer-widget-6 .widget-area .mc4wp-form {
width: 100%;
margin: 0;
text-align: left;
max-width: 100%;
}
.builder-block-footer-widget-6 .widget-area .mc4wp-form-fields > h3 {
display: none;
}
.builder-block-footer-widget-6 .widget-area .mc4wp-form .wrap-form-input {
display: flex;
align-items: center;
margin: 0;
}
.builder-block-footer-widget-6 .widget-area .mc4wp-form .wrap-form-input input {
height: 40px;
padding: 5px 15px;
border: 1px solid var(--black-color);
border-radius: 0;
width: 100%;
}
.builder-block-footer-widget-6 .widget-area .mc4wp-form .wrap-form-input button {
position: static;
margin-left: 10px;
border-radius: 0;
width: auto;
height: 40px;
padding: 5px 35px;
background: var(--black-color);
color: var(--white-color);
font-weight: 400;
font-size: 0.8125rem;
line-height: 30px;
}
.builder-block-footer-widget-6 .widget-area .mc4wp-form .wrap-form-input button i {
display: none;
}
.builder-block-footer-widget-6 .widget-area .mc4wp-form .wrap-form-input button:hover {
background: #666;
}
.builder-block-footer-widget-6 .widget-area .widget_mc4wp_form_widget, .builder-block-footer-widget-6 .widget-area .widget_text {
margin-bottom: 10px;
}
/*End Footer*/
.element-cart-content .heading-element-cart-content {
font-weight: 400;
}
.woocommerce a.button.toggle-button {
background: transparent;
border: 2px solid var(--black-color);
color: var(--black-color);
padding: 8px 20px;
}
.woocommerce a.button.toggle-button:hover {
background: var(--black-color);
color: var(--white-color);
}
@media (max-width: 576px) {
.woocommerce.archive .zoo-wrap-product-shop-loop {
padding-top: 35px;
}
li.product .wrap-product-img > .btn-quick-view {
padding: 10px 0;
}
.wrap-single-product-content, .wrap-single-product-content .wrap-single-product-images {
padding-top: 0;
}
.zoo-single-product-nav {
display: none;
}
.wrap-list-cat-search {
display: none;
}
}
.woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dt {
font-weight: 400;
color: #333;
}
/*Shop loop item*/
h3.product-loop-title {
font-weight: normal;
}
.woocommerce ul.products li.product .star-rating {
margin: 8px auto;
}
.product .zoo-cw-attr-item {
border: 1px solid #ebebeb;
color: var(--black-color);
}
.zoo-cw-attr-item {
font-size: 0.8125rem;
}
.product .zoo-cw-attribute-option.zoo-cw-active .zoo-cw-attr-item {
border-color: var(--black-color);
}
li.product .zoo-cw-type-image .zoo-cw-attr-item {
padding: 0;
}
.summary .zoo-cw-type-image .zoo-cw-attr-item {
padding: 3px;
border: none;
outline: 2px solid transparent !important;
}
.summary .zoo-cw-type-image .zoo-cw-attribute-option.zoo-cw-active .zoo-cw-attr-item {
outline-color: var(--accent-color) !important;
}
.zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attr-item {
background: var(--bg-block-color);
border: none !important;
}
.zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attr-item:hover {
background: var(--black-color);
color: var(--white-color);
}
.zoo-cw-group-attribute.zoo-cw-type-text .zoo-cw-attribute-option.zoo-cw-active .zoo-cw-attr-item {
background: var(--black-color);
color: var(--white-color);
}
.zoo-cw-attribute-option {
margin: 0 5px 10px;
}
.zoo-cw-attribute-option:first-child {
margin-left: 0;
}
.zoo-cw-attribute-option:last-child {
margin-right: 0;
}
.zoo-cw-group-attribute:last-child .zoo-cw-attribute-option {
margin-bottom: 0;
}
@media (min-width: 992px) {
.summary .zoo-cw-type-image .zoo-cw-attribute-option:not(.disabled):hover .zoo-cw-attr-item {
outline-color: var(--accent-color) !important;
}
.product .zoo-cw-attribute-option:not(.disabled):hover .zoo-cw-attr-item {
border-color: var(--black-color);
}
}
.sidebar .cw-type-color.inline .zoo-filter-item, .sidebar .cw-type-image.inline .zoo-filter-item {
margin: 0 8px 15px;
}
.sidebar .zoo-cw-filter:not(.cw-type-select) .zoo-list-cw-attribute {
margin-left: -8px;
margin-right: -8px;
}
.zoo-ln-filter-form .zoo-title-filter-block .zoo-ln-toggle-block-view {
display: none;
}
/*End Shop loop item*/
/*Single product*/
.single_add_to_cart_button .zoo_cw_add_to_cart_button_label {
line-height: 30px;
}
.zoo-cw-gallery-loading::before, .zoo-cw-gallery-loading::after {
background: var(--accent-color);
}
.summary {
--price-color: #000;
}
/*End Single product*/
.zoo-filter-block > .zoo-list-filter-item ul {
margin-left: 25px;
}
ul.zoo-list-cw-attribute:not(.zoo-list-filter-item) .cw-type {
font-size: 0;
}
/*Custom css breadcrumb*/
.wrap-breadcrumb {
padding: 25px 0;
color: var(--breakcrumb-active-color);
}
.wrap-breadcrumb .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.wrap-breadcrumb .zoo-separator {
font-style: normal;
font-size: 65%;
margin: 0 5px;
color: var(--breadcrumb-color);
}
.wrap-breadcrumb .zoo-separator:before {
font-family: "cleversoft";
content: "쀴";
}
.wrap-breadcrumb span.zoo-breadcrumb-separator {
color: inherit;
}
.wrap-breadcrumb a {
color: var(--breadcrumb-color);
}
.wrap-breadcrumb a:hover {
color: var(--breakcrumb-active-color);
}
/*End Custom css breadcrumb*/
.single .footer-main, .archive .footer-main {
padding-top: 0;
}
/*End Custom css of theme*/
/* Contact form */
.wpcf7-form .text-field, .wpcf7-form input[type=text], .wpcf7-form input[type=search], .wpcf7-form input[type=password], .wpcf7-form textarea, .wpcf7-form input[type=email], .wpcf7-form input[type=tel] {
height: 40px;
line-height: 40px;
}
.wpcf7-form .text-field, .wpcf7-form input[type=text], .wpcf7-form input[type=search], .wpcf7-form input[type=password], .wpcf7-form textarea, .wpcf7-form input[type=email], .wpcf7-form input[type=tel] {
padding: 5px 15px;
background: var(--white-color);
margin-bottom: 20px;
}
.wpcf7-form textarea {
height: 158px;
}
.wpcf7-form .align-center {
text-align: center;
}
.wpcf7-form .wpcf7-submit {
width: 100%;
}
.wpcf7-form .wpcf7-submit:hover {
background: #666;
}
.notify-form .wpcf7-form > p {
display: flex;
justify-content: center;
align-items: center;
}
.notify-form .wpcf7-form > p .wpcf7-text {
margin: 0;
}
.notify-form .wpcf7-form > p .wpcf7-submit {
border: none;
background: var(--black-color);
color: var(--white-color);
margin: 0;
}
.notify-form .wpcf7-form > p .wpcf7-submit:hover {
background: var(--accent-color);
color: var(--white-color);
}
/*End Contact form */
/*Login Popup*/
.login-form-popup .button {
width: 100%;
}
.woocommerce-form {
display: flex;
flex-wrap: wrap;
}
.woocommerce-form .form-row, .woocommerce-form .lost_password {
width: 100%;
}
.woocommerce-form .wc-social-login {
order: 999;
width: 100%;
}
.woocommerce-form .wc-social-login .ywsl-label {
margin: 0;
padding: 20px 0;
text-transform: uppercase;
text-align: center;
display: flex;
justify-content: space-between;
align-items: center;
}
.woocommerce-form .wc-social-login .ywsl-label:before, .woocommerce-form .wc-social-login .ywsl-label:after {
content: "";
flex: 1 0 0;
border-bottom: 1px solid #ebebeb;
}
.woocommerce-form .wc-social-login .ywsl-label:before {
margin-right: 20px;
}
.woocommerce-form .wc-social-login .ywsl-label:after {
margin-left: 20px;
}
.woocommerce-form .wc-social-login .socials-list {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 0;
}
.woocommerce-form .wc-social-login .socials-list a.ywsl-social {
width: 100%;
display: block;
text-align: center;
color: #fff;
position: relative;
margin: 0 0 5px;
height: 42px;
opacity: 0.9;
}
.woocommerce-form .wc-social-login .socials-list a.ywsl-social img {
width: 0;
height: 0;
}
.woocommerce-form .wc-social-login .socials-list a.ywsl-social:hover {
opacity: 1;
}
.woocommerce-form .wc-social-login .socials-list .ywsl-facebook {
background: #3b5998;
}
.woocommerce-form .wc-social-login .socials-list .ywsl-facebook:before {
content: "숴";
font-size: 22px;
font-family: cleversoft;
position: absolute;
top: 50%;
left: 15px;
z-index: 1;
transform: translateY(-50%);
}
.woocommerce-form .wc-social-login .socials-list .ywsl-facebook:after {
content: "FACEBOOK";
position: absolute;
font-size: 0.875rem;
top: 50%;
left: 50%;
z-index: 1;
transform: translate(-50%, -50%);
}
.woocommerce-form .wc-social-login .socials-list .ywsl-twitter {
background: #4099ff;
}
.woocommerce-form .wc-social-login .socials-list .ywsl-twitter:before {
content: "숸";
font-size: 22px;
font-family: cleversoft;
position: absolute;
top: 50%;
left: 15px;
z-index: 1;
transform: translateY(-50%);
}
.woocommerce-form .wc-social-login .socials-list .ywsl-twitter:after {
content: "TWITTER";
position: absolute;
font-size: 0.875rem;
top: 50%;
left: 50%;
z-index: 1;
transform: translate(-50%, -50%);
}
.woocommerce-form .wc-social-login .socials-list .ywsl-google {
background: #d34836;
}
.woocommerce-form .wc-social-login .socials-list .ywsl-google:before {
content: "숳";
font-size: 22px;
font-family: cleversoft;
position: absolute;
top: 50%;
left: 15px;
z-index: 1;
transform: translateY(-50%);
}
.woocommerce-form .wc-social-login .socials-list .ywsl-google:after {
content: "GOOGLE";
position: absolute;
font-size: 0.875rem;
top: 50%;
left: 50%;
z-index: 1;
transform: translate(-50%, -50%);
}
/*End Login Popup*/
/*Light box subscription */
.popmake-content .mc4wp-form-fields > span {
display: none;
}
.popmake-content .mc4wp-form-fields input[type=email] {
border: none;
border-bottom: 1px solid #ebebeb;
padding: 0;
width: 100% !important;
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
}
.popmake-content .mc4wp-form-fields input[type=email]:focus {
border-bottom-color: var(--black-color);
}
.popmake-content .mc4wp-form-fields input[type=submit] {
position: absolute;
right: 0;
opacity: 0;
}
.popmake-content .wrap-subcription-field {
position: relative;
}
.popmake-content .wrap-subcription-field:after {
content: "섹";
font-family: cleversoft;
position: absolute;
color: var(--black-color);
right: 0;
top: 10px;
}
.pum-container .popmake-close {
width: 40px !important;
height: 40px !important;
display: block;
overflow: hidden;
font-size: 0 !important;
}
.pum-container .popmake-close:before {
position: absolute;
height: 40px;
width: 40px;
content: "숓";
font-size: 1.6rem !important;
font-family: cleversoft;
top: 0;
right: 0;
line-height: 40px;
}
/*End Light box subscription */
.page .wrap-pagination.inpost-pagination {
padding-top: 30px;
}
.page .comments .title-block, .page .comment-reply-title {
text-align: center;
}
@media (max-width: 992px) {
.page .wrap-comment-form #reply-title, .page .wrap-comment-form .comment-notes {
padding: 0;
}
}
/*Fix css for fire fox and IE 11*/
@-moz-document url-prefix() {
.main-content {
overflow: hidden;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.main-content {
overflow: hidden;
}
}
/*For elementor*/
/*For CEA Banner*/
.border-text {
position: relative;
}
.border-text:before {
height: 10px;
width: 100%;
background: var(--star-color);
content: "";
position: absolute;
z-index: -1;
left: 0;
bottom: 10px;
}
.cafe-banner:not(.cafe-overlay-content) .cafe-banner-title {
margin: 0;
}
.cafe-banner-title {
margin-bottom: 15px;
}
h3.cafe-banner-title {
font-size: 1.875rem;
}
.cafe-banner .cafe-wrap-image img {
width: 100%;
}
.cafe-banner.normal {
overflow: visible;
}
.cafe-banner.normal .cafe-wrap-image {
overflow: hidden;
}
.cafe-banner.normal img {
transition: all 350ms;
}
.cafe-banner.normal:hover img {
transform: scale(1.1) translate(-10px, 10px);
}
.cafe-banner.cafe-overlay-content.boxed-content .cafe-banner-title {
white-space: nowrap;
margin: 0;
}
.cafe-banner.cafe-overlay-content.boxed-content .cafe-wrap-content {
width: auto;
height: auto;
padding: 25px 40px 10px;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 15px;
}
.cafe-banner.content-half-width .cafe-wrap-content {
width: 50%;
}
.cafe-banner .cafe-button.underline::before {
max-width: 30px;
}
.cafe-banner .cafe-button.underline:hover::before {
width: 100%;
max-width: 100%;
}
.cafe-button {
font-size: 0.8125rem;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 500;
}
/*End For CEA Banner*/
/*End For elementor*/
.mega-menu-content a.hide-text img {
float: right;
}
.zoo-about-me .caption {
text-align: left;
}
@media (min-width: 556px) {
.height-50 {
height: calc(20vh - 5px);
}
}
@media (min-width: 768px) {
.height-50 {
height: calc(40vh - 5px);
}
}
/*Custom header*/
body:not(.page) .cafe-site-header .elementor-section-wrap .elementor-top-section:last-child {
border-bottom: 1px solid var(--border-color);
}
.cafe-canvas-cart.count-top-right .cafe-cart-count {
left: 100%;
transform: translate(-25%, -50%);
}
.cafe-post-item {
margin-bottom: 40px;
}
.cafe-posts.default:not(.no-border) .wrap-post-item-content {
border-bottom: 1px solid var(--border-color);
}
/*Cafe*/
.cafe-icon-title {
display: inline-block;
}
.cafe-site-footer {
--footer-link-color: #959595;
}
.cafe-site-footer .elementor-text-editor :last-child {
margin-bottom: 0;
}
.cafe-site-footer .elementor-widget-wp-widget-mc4wp_form_widget .mc4wp-form-fields {
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid var(--border-color);
}
.cafe-site-footer .elementor-widget-wp-widget-mc4wp_form_widget .mc4wp-form-fields p {
width: 100%;
text-align: center;
}
.cafe-site-footer .elementor-widget-wp-widget-mc4wp_form_widget .mc4wp-form-fields input {
margin: 0;
width: auto;
padding: 15px 0;
height: auto;
border: none;
}
.cafe-site-footer .elementor-widget-wp-widget-mc4wp_form_widget .mc4wp-form-fields input[type=submit] {
background: none;
color: var(--black-color);
text-transform: capitalize;
letter-spacing: 2px;
font-size: 1rem;
}
.cafe-site-footer .elementor-widget-wp-widget-mc4wp_form_widget .mc4wp-form-fields input[type=submit]:hover {
color: var(--footer-link-color);
}
.cafe-site-footer .elementor-widget-wp-widget-mc4wp_form_widget .mc4wp-form-fields input[type=email] {
flex-grow: 1;
}
.cafe-site-footer .dark-bg .elementor-text-editor a {
color: inherit;
}
.cafe-site-footer .dark-bg .elementor-text-editor a:hover {
color: var(--white-color);
}
.cafe-site-footer .dark-bg .elementor-widget h5 {
color: var(--white-color);
text-transform: uppercase;
font-size: 1rem;
}
.cafe-site-footer .dark-bg .elementor-widget .menu-item {
padding: 12px 0;
}
.cafe-site-footer .dark-bg .elementor-widget a {
color: var(--footer-link-color);
}
.cafe-site-footer .dark-bg .elementor-widget a:hover {
color: var(--white-color);
}
.cafe-site-footer .dark-bg .elementor-widget-wp-widget-mc4wp_form_widget .mc4wp-form-fields {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.cafe-site-footer .dark-bg .elementor-widget-wp-widget-mc4wp_form_widget .mc4wp-form-fields p {
text-align: unset;
}
.cafe-site-footer .dark-bg .elementor-widget-wp-widget-mc4wp_form_widget .mc4wp-form-fields input {
border: none;
background: none;
color: var(--white-color);
line-height: 1.2;
padding: 20px 0;
}
.cafe-site-footer .dark-bg .elementor-widget-wp-widget-mc4wp_form_widget .mc4wp-form-fields input[type=submit] {
background: none;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.875rem;
}
.cafe-pagination .cafe_pagination-item {
min-width: 30px;
height: 30px;
line-height: 30px;
border: 1px solid var(--border-color);
}
.cafe-pagination .cafe_pagination-item.current, .cafe-pagination .cafe_pagination-item:hover {
border-color: var(--black-color);
}
.cafe-testimonial.default .cafe-wrap-content {
max-width: 990px;
}
.cafe-site-header .elementor-widget-clever-icon .elementor-widget-container {
display: flex;
align-items: center;
}
.cafe-button {
z-index: 1;
}
.cafe-testimonial.style-3 .cafe-wrap-content {
margin: 0 auto;
}
.cafe-testimonial.style-3 .cafe-wrap-content .cafe-wrap-testimonial-info {
margin-bottom: 30px;
flex-direction: column;
}
.cafe-testimonial.style-3 .cafe-wrap-content .cafe-wrap-testimonial-info .cafe-wrap-avatar {
position: static;
}
.cafe-testimonial.style-3 .cafe-wrap-content .cafe-testimonial-content {
margin-bottom: 30px;
}
.cafe-testimonial.carousel-layout {
--pag-color: #fff;
}
.cafe-testimonial.carousel-layout ul.slick-dots li {
width: 15px;
height: 15px;
background: transparent !important;
border: 1px solid var(--pag-color);
border-radius: 50%;
margin: 0 5px;
}
.cafe-testimonial.carousel-layout ul.slick-dots li.slick-active, .cafe-testimonial.carousel-layout ul.slick-dots li:hover {
width: 15px;
background: var(--pag-color) !important;
border-color: var(--pag-color);
}
.elementor-widget-clever-single-product .quantity {
display: none !important;
}
.elementor-widget-clever-single-product .woocommerce div.product form.cart .button.single_add_to_cart_button {
background: #E53537;
width: auto;
padding: 15px 30px;
}
.elementor-widget-clever-single-product .slick-dots {
margin-top: 30px;
}
.widget_shopping_cart_content .amount {
font-weight: 500;
}
.full-height .elementor-widget-clever-services {
height: 100%;
}
.full-height .elementor-widget-clever-services .elementor-widget-container {
height: 100%;
}
.cafe-services.inline .cafe-row {
margin: 0;
}
.cafe-services.inline .cafe-service-item {
padding: 0;
cursor: pointer;
}
.cafe-services.inline .cafe-wrap-service {
flex-wrap: wrap;
align-content: flex-end;
}
.cafe-services.inline .cafe-wrap-service-content {
width: 100% !important;
}
@media (min-width: 1025.98px) {
.cafe-services.inline .cafe-service-item:hover .cafe-service-des {
max-height: 100vh;
transition: max-height 0.3s ease-out;
}
.cafe-services.inline .cafe-service-des {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out;
}
}
.cafe-account-modal .woocommerce-form {
border: none !important;
}
.cafe-banner.style-1 .cafe-wrap-image {
overflow: hidden;
}
.cafe-banner.style-1 .cafe-wrap-image img {
transition: all 300ms;
}
.cafe-banner.style-1 .cafe-wrap-image:hover img {
transform: scale(1.1);
}
.cafe-tab-carousel-item {
cursor: pointer;
}
.elementor-element .woocommerce ul.products.carousel li.slick-slide {
margin: 0;
}
.heading-type-2 .cafe-head-product-filter, .elementor-widget-clever-product-advanced .cafe-head-product-filter {
padding: 0;
border: none;
margin-bottom: 15px;
}
.heading-type-2 .cafe-head-product-filter h3, .elementor-widget-clever-product-advanced .cafe-head-product-filter h3 {
font-size: 1.875rem;
font-weight: normal;
}
.heading-type-2 .cafe-head-product-filter:after, .elementor-widget-clever-product-advanced .cafe-head-product-filter:after {
display: none;
}
.heading-type-2 .cafe-head-product-filter .cafe-ajax-load a, .elementor-widget-clever-product-advanced .cafe-head-product-filter .cafe-ajax-load a {
border-bottom: 2px solid transparent;
padding-bottom: 5px;
text-transform: uppercase;
font-size: 0.875rem;
font-weight: 500;
}
.heading-type-2 .cafe-head-product-filter .cafe-ajax-load a.active, .heading-type-2 .cafe-head-product-filter .cafe-ajax-load a:hover, .elementor-widget-clever-product-advanced .cafe-head-product-filter .cafe-ajax-load a.active, .elementor-widget-clever-product-advanced .cafe-head-product-filter .cafe-ajax-load a:hover {
border-color: inherit;
}
.cafe-products-wrap .products:after {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
content: "";
display: block;
visibility: hidden;
opacity: 0;
background: var(--white-color);
}
.cafe-products-wrap .products:before {
width: 20px;
height: 20px;
background: var(--accent-color);
content: "";
display: block !important;
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
transform: translate(-50% -50%);
visibility: hidden;
opacity: 0;
}
.cafe-products-wrap.loading .products:after {
opacity: 0.5;
visibility: visible;
z-index: 8;
}
.cafe-products-wrap.loading .products:before {
opacity: 1;
-webkit-animation: blink 500ms infinite ease-in-out;
animation: blink 500ms infinite ease-in-out;
visibility: visible;
z-index: 9;
}
.wrap-content-hot-spot > *:last-child {
margin-bottom: 0;
}
img.cafe-hot-spots-img {
width: 100%;
display: block;
}
.cafe-wrap-account .cafe-account-modal .woocommerce-form {
padding: 0;
margin: 0;
}
/*End Cafe*/
@media (min-width: 600px) {
body {
position: relative;
}
}
@media (min-width: 1500px) {
body {
position: relative;
}
.container, .container-fluid {
padding-left: 60px;
padding-right: 60px;
}
.container .container, .container .container-fluid, .container-fluid .container, .container-fluid .container-fluid {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 992px) {
.wrap-share-post .share-links {
opacity: 1;
visibility: visible;
}
.wrap-post-thumbnail img {
width: 100%;
}
}
@media (max-width: 769px) {
blockquote, .blockquote {
padding: 50px 20px 20px;
}
blockquote:before, .blockquote:before {
font-size: 2.5rem;
}
.wrap-blog-cover .blog-page-title {
font-size: 2.5rem;
}
.single .main-content {
padding: 30px 0 50px;
}
.post-related.wrap-loop-content {
margin-bottom: 0;
}
#respond {
margin-top: 25px;
}
.alignfull {
width: 100vw;
max-width: 100vw;
}
}
@media (max-width: 560px) {
.post-content img.alignleft {
margin-right: 20px;
}
.post-content img.alignright {
margin-left: 20px;
}
.zoo-single-post-nav {
padding: 10px 0;
}
.zoo-single-post-nav-item .wrap-text span {
position: static;
opacity: 1;
}
}
@media (max-width: 782px) {
.admin-bar .wrap-header-off-canvas {
margin-top: 46px;
height: calc(100vh - 46px);
}
}
@media (max-width: 599.98px) {
.admin-bar .wrap-header-off-canvas {
margin-top: 0;
height: 100vh;
}
.admin-bar .wrap-header-off-canvas .off-canvas-close {
display: none;
}
}
/*Edd checkout table*/
#edd_checkout_wrap {
max-width: 800px;
margin: 0 auto;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
padding: 40px 30px 20px;
}
.edd-required-indicator {
color: var(--accent-color) !important;
}
#edd_checkout_cart {
margin: 0 0 20px !important;
border: 1px solid var(--border-color);
border-radius: 6px;
}
#edd_checkout_cart thead .edd_cart_header_row th {
color: var(--black-color);
padding: 15px;
}
#edd_checkout_cart tbody tr.edd_cart_item {
background: none;
}
#edd_checkout_cart tbody tr.edd_cart_item td {
padding: 20px 15px;
border-bottom: 1px solid var(--border-color);
}
#edd_checkout_cart tbody tr.edd_cart_item .edd_checkout_cart_item_title {
color: var(--black-color);
}
#edd_checkout_cart tbody tr.edd_cart_item .edd_cart_remove_item_btn {
color: var(--accent-color);
}
#edd_checkout_cart tbody tr.edd_cart_item .edd_cart_remove_item_btn:hover {
color: var(--black-color);
}
#edd_checkout_cart tfoot th.edd_cart_total {
border: none;
text-align: left;
padding: 15px;
color: var(--black-color);
font-size: 1.125rem;
}
/*End Edd checkout table*/
/* Edd Checkout Form*/
#edd_checkout_form_wrap fieldset {
border: none;
padding: 0;
}
#edd_checkout_form_wrap .edd-payment-icons {
padding: 20px 0;
text-align: center;
display: inline-block;
height: auto;
width: 100%;
}
#edd_checkout_form_wrap .edd-payment-icons .payment-icon {
max-height: 60px !important;
float: none !important;
margin: 0 5px !important;
}
#edd_checkout_form_wrap #edd_login_fields .edd-submit.button {
border: none;
height: 45px;
color: var(--white-color);
font-weight: bold;
background: var(--accent-color);
padding: 10px 30px;
}
#edd_checkout_form_wrap #edd_login_fields .edd-submit.button:hover {
background: var(--black-color);
}
#edd_checkout_form_wrap #edd_login_fields #edd-new-account-wrap {
background: none;
}
#edd_checkout_form_wrap #edd_login_fields #edd-new-account-wrap a {
color: var(--accent-color);
}
#edd_checkout_form_wrap #edd_login_fields #edd-new-account-wrap a:hover {
color: var(--black-color);
}
#edd_checkout_form_wrap #edd_checkout_user_info, #edd_checkout_form_wrap #edd_register_account_fields, #edd_checkout_form_wrap #edd_login_fields {
border: none;
padding: 0;
}
#edd_checkout_form_wrap #edd_checkout_user_info h3, #edd_checkout_form_wrap #edd_checkout_user_info legend, #edd_checkout_form_wrap #edd_register_account_fields h3, #edd_checkout_form_wrap #edd_register_account_fields legend, #edd_checkout_form_wrap #edd_login_fields h3, #edd_checkout_form_wrap #edd_login_fields legend {
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--black-color);
}
#edd_checkout_form_wrap #edd_checkout_user_info p, #edd_checkout_form_wrap #edd_register_account_fields p, #edd_checkout_form_wrap #edd_login_fields p {
width: 100%;
}
#edd_checkout_form_wrap #edd_checkout_user_info p input.edd-input, #edd_checkout_form_wrap #edd_register_account_fields p input.edd-input, #edd_checkout_form_wrap #edd_login_fields p input.edd-input {
width: 100%;
background: #f5f5f5;
padding: 10px 15px;
line-height: 25px;
height: 45px;
margin: 0;
border: none !important;
}
#edd_checkout_form_wrap #edd_checkout_user_info p label, #edd_checkout_form_wrap #edd_register_account_fields p label, #edd_checkout_form_wrap #edd_login_fields p label {
display: inline-block;
color: var(--black-color);
margin-right: 10px;
line-height: 30px;
}
#edd_checkout_form_wrap #edd_checkout_user_info p .edd-description, #edd_checkout_form_wrap #edd_register_account_fields p .edd-description, #edd_checkout_form_wrap #edd_login_fields p .edd-description {
display: inline-block;
font-style: italic;
}
#edd_checkout_form_wrap #edd_checkout_user_info #edd-login-account-wrap, #edd_checkout_form_wrap #edd_register_account_fields #edd-login-account-wrap, #edd_checkout_form_wrap #edd_login_fields #edd-login-account-wrap {
background: none;
}
#edd_checkout_form_wrap #edd_checkout_user_info #edd-login-account-wrap a, #edd_checkout_form_wrap #edd_register_account_fields #edd-login-account-wrap a, #edd_checkout_form_wrap #edd_login_fields #edd-login-account-wrap a {
color: var(--accent-color);
}
#edd_checkout_form_wrap #edd_checkout_user_info #edd-login-account-wrap a:hover, #edd_checkout_form_wrap #edd_register_account_fields #edd-login-account-wrap a:hover, #edd_checkout_form_wrap #edd_login_fields #edd-login-account-wrap a:hover {
color: var(--black-color);
}
#edd_payment_mode_select_wrap {
padding: 25px 30px;
background: #f5f5f5;
margin-bottom: 30px;
}
#edd_payment_mode_select_wrap #edd_payment_mode_select {
padding: 0;
border: none;
margin: 0;
}
#edd_payment_mode_select_wrap #edd_payment_mode_select legend {
font-size: 1rem;
text-transform: uppercase;
color: var(--black-color);
}
#edd_payment_mode_select_wrap #edd-payment-mode-wrap label {
padding: 8px 25px;
border: 2px solid var(--black-color);
font-size: 0.875rem;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--black-color);
cursor: pointer;
line-height: 25px;
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
border-radius: 6px;
}
#edd_payment_mode_select_wrap #edd-payment-mode-wrap label input {
display: none;
}
#edd_payment_mode_select_wrap #edd-payment-mode-wrap label.edd-gateway-option-selected, #edd_payment_mode_select_wrap #edd-payment-mode-wrap label:hover {
background: var(--accent-color);
border-color: var(--accent-color);
color: var(--white-color);
}
#edd_purchase_form_wrap {
margin-bottom: 30px;
}
#edd_purchase_form_wrap h3 {
font-size: 1rem;
text-transform: uppercase;
}
#edd_purchase_form_wrap .edd-loading-ajax.edd-loading {
display: block;
margin: 0 auto;
font-size: 1.75rem;
}
#edd_purchase_form_wrap #edd_checkout_user_info, #edd_purchase_form_wrap #edd_register_account_fields, #edd_purchase_form_wrap #edd_login_fields {
border: none;
padding: 25px 30px;
background: #f5f5f5;
}
#edd_purchase_form_wrap #edd_checkout_user_info p, #edd_purchase_form_wrap #edd_register_account_fields p, #edd_purchase_form_wrap #edd_login_fields p {
width: 100%;
}
#edd_purchase_form_wrap #edd_checkout_user_info p input, #edd_purchase_form_wrap #edd_register_account_fields p input, #edd_purchase_form_wrap #edd_login_fields p input {
background: var(--white-color);
padding: 5px 15px;
width: 100%;
margin: 0;
}
#edd_purchase_form_wrap #edd_checkout_user_info span, #edd_purchase_form_wrap #edd_register_account_fields span, #edd_purchase_form_wrap #edd_login_fields span {
font-style: italic;
padding: 5px 0 0;
}
#edd_purchase_form_wrap #edd_register_fields {
padding: 0;
border: none;
}
#edd_purchase_form_wrap #edd_register_account_fields h3, #edd_purchase_form_wrap #edd_login_fields h3 {
margin-bottom: 10px;
}
#edd_purchase_form_wrap #edd-login-account-wrap, #edd_purchase_form_wrap #edd-new-account-wrap {
padding: 0;
font-size: 0.875rem;
margin: 0 0 30px 0;
background: none;
}
#edd_purchase_form_wrap #edd-login-account-wrap .edd_checkout_register_login, #edd_purchase_form_wrap #edd-new-account-wrap .edd_checkout_register_login {
color: var(--black-color);
}
#edd_purchase_form_wrap #edd-login-account-wrap .edd_checkout_register_login:hover, #edd_purchase_form_wrap #edd-new-account-wrap .edd_checkout_register_login:hover {
color: var(--accent-color);
}
#edd_purchase_form_wrap #edd_login_fields {
text-align: center;
}
#edd_purchase_form_wrap #edd_login_fields input {
max-width: 350px;
text-align: center;
}
#edd_purchase_form_wrap #edd_login_fields .edd-submit.button {
padding: 8px 25px;
line-height: 25px;
display: inline-block;
width: auto;
border: 2px solid var(--black-color);
background: none;
color: var(--black-color);
font-weight: bold;
letter-spacing: 1px;
font-size: 0.875rem;
}
#edd_purchase_form_wrap #edd_login_fields .edd-submit.button:hover {
background: var(--accent-color);
color: var(--white-color);
border-color: var(--accent-color);
}
#edd_purchase_form #edd_purchase_submit {
text-align: center;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#edd_purchase_form #edd_purchase_submit #edd_final_total_wrap {
background: none;
padding: 30px 0;
width: 100%;
font-size: 2.625rem;
border: none;
color: var(--black-color);
}
#edd_purchase_form #edd_purchase_submit #edd_final_total_wrap strong {
font-size: 1.875rem;
}
#edd_purchase_form #edd_purchase_submit .edd_cart_amount {
font-weight: 600;
color: var(--accent-color);
}
#edd_purchase_form #edd_purchase_submit #edd-purchase-button {
width: 100%;
background: var(--accent-color);
font-weight: bold;
padding: 20px 30px;
line-height: 30px;
border: none;
margin-bottom: 30px;
font-size: 1.25rem;
}
#edd_purchase_form #edd_purchase_submit #edd-purchase-button:hover {
background: var(--black-color);
}
#edd_purchase_form #edd_purchase_submit #edd-privacy-policy-agreement a {
color: var(--accent-color);
}
#edd_purchase_form #edd_purchase_submit #edd-privacy-policy-agreement a:hover {
color: var(--black-color);
}
.edd-agree-to-privacy-policy a {
color: var(--accent-color);
}
.edd-agree-to-privacy-policy a:hover {
color: var(--black-color);
}
@media (min-width: 556px) {
#edd_checkout_form_wrap #edd_checkout_user_info #edd-first-name-wrap, #edd_checkout_form_wrap #edd_checkout_user_info #edd-last-name-wrap {
width: calc(50% - 15px);
float: left;
}
#edd_checkout_form_wrap #edd_checkout_user_info #edd-first-name-wrap {
margin-right: 30px;
}
#edd_checkout_form_wrap #edd_register_account_fields #edd-user-pass-wrap, #edd_checkout_form_wrap #edd_register_account_fields #edd-user-pass-confirm-wrap {
width: calc(50% - 15px);
float: left;
}
#edd_checkout_form_wrap #edd_register_account_fields #edd-user-pass-wrap {
margin-right: 30px;
}
#edd_purchase_form_wrap #edd_checkout_user_info #edd-first-name-wrap, #edd_purchase_form_wrap #edd_checkout_user_info #edd-last-name-wrap {
width: calc(50% - 15px);
float: left;
}
#edd_purchase_form_wrap #edd_checkout_user_info #edd-first-name-wrap {
margin-right: 30px;
}
#edd_purchase_form_wrap #edd_register_account_fields #edd-user-pass-wrap, #edd_purchase_form_wrap #edd_register_account_fields #edd-user-pass-confirm-wrap {
width: calc(50% - 15px);
float: left;
}
#edd_purchase_form_wrap #edd_register_account_fields #edd-user-pass-wrap {
margin-right: 30px;
}
}
/* End Edd Checkout Form*/
/*Purchase History*/
#edd_user_history {
margin: 80px 0;
border: none;
}
#edd_user_history thead .edd_purchase_row {
border-bottom: 2px solid var(--border-color);
}
#edd_user_history thead .edd_purchase_row th {
background: none;
border: none;
padding: 10px 5px;
}
#edd_user_history tbody td {
padding: 10px 5px;
}
#edd_user_history tbody td.edd_purchase_id {
color: var(--black-color);
}
#edd_user_history tbody td.edd_purchase_amount {
color: var(--price-color);
}
/*End Purchase History*/
/*Edd login form*/
.page-content #edd_login_form {
padding: 40px 30px;
}
.page-content .edd_form {
padding: 40px 0 20px;
}
.page-content #edd_login_form, .page-content #edd_register_form {
max-width: 450px;
margin: 60px auto;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
}
.page-content #edd_login_form h3, .page-content #edd_register_form h3 {
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
}
.page-content #edd_login_form label, .page-content #edd_register_form label {
color: var(--black-color);
}
.page-content #edd_login_form input.edd-input, .page-content #edd_register_form input.edd-input {
margin: 0;
background: #f5f5f5;
height: 45px;
padding: 10px 15px;
line-height: 25px;
border: none;
}
.page-content #edd_login_form .edd-login-remember, .page-content #edd_register_form .edd-login-remember {
display: flex;
justify-content: space-between;
}
.page-content #edd_login_form .edd-login-remember a, .page-content #edd_register_form .edd-login-remember a {
color: var(--accent-color);
}
.page-content #edd_login_form .edd-login-remember a:hover, .page-content #edd_register_form .edd-login-remember a:hover {
color: var(--black-color);
}
.page-content #edd_login_form input.edd-submit, .page-content #edd_register_form input.edd-submit {
width: 100%;
background: var(--black-color);
padding: 10px 15px;
line-height: 25px;
height: 45px;
border: none;
font-weight: 600;
border-radius: 0;
}
.page-content #edd_login_form input.edd-submit:hover, .page-content #edd_register_form input.edd-submit:hover {
background: #666;
}
.page-content #edd_login_form .edd-login-submit, .page-content #edd_register_form .edd-login-submit {
margin-bottom: 0;
}
/*End Edd login form*/
/*Edd profiles css*/
#edd_profile_editor_form {
max-width: 650px;
margin: 0 auto;
}
#edd_profile_editor_form fieldset {
margin-bottom: 20px;
}
#edd_profile_editor_form fieldset:last-child {
margin: 0;
}
#edd_profile_editor_form legend {
font-size: 1rem;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--black-color);
font-weight: bold;
margin-bottom: 20px;
}
#edd_profile_editor_form input.edd-input, #edd_profile_editor_form select {
background-color: #f5f5f5;
border: none;
}
#edd_profile_editor_form p {
margin-bottom: 20px;
}
#edd_profile_editor_form p input {
margin: 0;
}
#edd_profile_editor_form p label {
margin-bottom: 5px;
color: var(--black-color);
}
#edd_profile_editor_form .edd-submit {
height: 45px;
background: var(--black-color);
font-weight: bold;
padding: 10px 25px;
line-height: 25px;
border: none;
width: 100%;
}
#edd_profile_editor_form .edd-submit:hover {
background: var(--accent-color);
}
@media (min-width: 768px) {
#edd_profile_editor_form p {
display: flex;
align-items: center;
}
#edd_profile_editor_form p label {
margin: 0;
width: 250px;
}
}
/*End Edd profiles css*/
.element-header-account {
padding-left: 15px;
font-weight: bold;
color: var(--black-color);
}
.element-header-account:hover {
color: var(--accent-color);
}
.zoo-contact-button {
position: fixed;
bottom: 50px;
-webkit-animation: shake-flip 1s infinite;
animation: shake-flip 1s infinite;
z-index: 2;
}
.zoo-contact-button.right {
right: 50px;
}
.zoo-contact-button.left {
left: 50px;
}
.zoo-contact-button .zoo-contact-link {
width: 50px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
font-size: 30px;
color: var(--white-color);
transition: all 300ms;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
position: relative;
}
.zoo-contact-button .zoo-contact-link.phone-button {
background: #75eb50;
}
.zoo-contact-button .zoo-contact-link.email-button {
background: #ff643a;
}
.zoo-contact-button .zoo-contact-link.skype-button {
background: #00aff1;
}
.zoo-contact-button .zoo-contact-link.messenger-button {
background: #0084ff;
}
.zoo-contact-button .zoo-contact-link.whatsapp-button {
background: #25d466;
}
.zoo-contact-button .zoo-contact-link:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.zoo-contact-button .zoo-contact-link:before {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
background: inherit;
-webkit-animation: zoom-in 1200ms infinite;
animation: zoom-in 1200ms infinite;
z-index: -1;
border-radius: 50%;
left: 0;
top: 0;
}
:root {
--body-color: #333;
--accent-color: #fc6702;
--breadcrumb-bg: #f6f8fa;
--product-title-hover: #fc6702;
--price-color: #fc6702;
}
/*Header*/
#cafe-site-header .elementor-widget-wrap, #cafe-site-header .elementor-column, #cafe-site-header .elementor-column-wrap, #cafe-site-header .elementor-widget {
position: static;
}
body:not(.page) .cafe-site-header .elementor-section-wrap .elementor-top-section:last-child {
border-bottom: none;
}
body:not(.elementor-editor-active) #site-main-content {
overflow: hidden;
}
.cafe-canvas-cart.count-top-right .cafe-cart-count {
top: 0;
}
.page:not(.elementor-page) .main-content {
padding-top: 30px;
}
.wrap-breadcrumb {
background: var(--breadcrumb-bg);
}
.wrap-breadcrumb .zoo-breadcrumb-container, .wrap-breadcrumb .woocommerce-breadcrumb {
text-align: left;
line-height: 35px;
font-size: 0.875rem;
}
.wrap-breadcrumb .zoo-breadcrumb-container a, .wrap-breadcrumb .woocommerce-breadcrumb a {
border: 0px;
color: #000;
}
.wrap-breadcrumb .zoo-breadcrumb-container a:hover, .wrap-breadcrumb .woocommerce-breadcrumb a:hover {
color: var(--accent-color);
}
.wrap-breadcrumb .zoo-breadcrumb-container .zoo-breadcrumb-separator, .wrap-breadcrumb .woocommerce-breadcrumb .zoo-breadcrumb-separator {
color: #959595;
}
.wrap-breadcrumb .zoo-breadcrumb-container span, .wrap-breadcrumb .woocommerce-breadcrumb span {
color: var(--main-color);
}
.post-content a.wp-block-button__link {
background: var(--accent-color);
color: var(--white-color);
border-radius: 3px;
font-weight: 600;
}
.post-content a.wp-block-button__link:hover {
background: var(--sec-accent-color);
color: var(--title-color);
}
.alignleft {
margin-right: 30px;
}
.alignright {
margin-left: 30px;
}
.wp-block-image.size-full {
clear: both;
}
.gallery-columns-2 .gallery-item:nth-child(2n+1) {
clear: both;
}
.gallery-columns-3 .gallery-item:nth-child(3n+1) {
clear: both;
}
.gallery-columns-4 .gallery-item:nth-child(4n+1) {
clear: both;
}
.gallery-columns-5 .gallery-item:nth-child(5n+1) {
clear: both;
}
.gallery-columns-6 .gallery-item:nth-child(6n+1) {
clear: both;
}
.gallery-columns-7 .gallery-item:nth-child(7n+1) {
clear: both;
}
.gallery-columns-8 .gallery-item:nth-child(8n+1) {
clear: both;
}
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
clear: both;
}
.wp-block-cover {
margin-bottom: 25px;
}
.wp-block-button {
clear: both;
margin-bottom: 25px;
}
.cafe-button.normal:after, .cafe-button.normal:before, .cafe-button.outline:after, .cafe-button.outline:before {
left: 0;
}
.wp-block-search {
margin-bottom: 30px;
}
.wp-block-search .wp-block-search__input {
margin-bottom: 0px;
}
.wp-block-search .wp-block-search__button {
line-height: 25px;
border-radius: 0px;
}
.wp-block-tag-cloud .tag-cloud-link {
border-radius: 4px;
padding: 3px 10px;
line-height: 20px;
display: inline-block;
margin: 5px 3px;
font-size: 12px !important;
border: 1px solid var(--body-color);
color: var(--body-color);
background: transparent;
}
.wp-block-tag-cloud .tag-cloud-link:hover {
color: #fff;
background: var(--accent-color);
border: 1px solid var(--accent-color);
}
.wp-block-group .wp-block-group__inner-container {
padding: 15px;
margin-bottom: 20px;
}
.wp-block-group .wp-block-group__inner-container > *:last-child {
margin-bottom: 0px;
}
.wp-block-archives span.count:before {
content: "(";
}
.wp-block-archives span.count:after {
content: ")";
}
.opening-hour {
width: 100%;
color: #636363;
display: inline-block;
border-bottom: 1px dashed #ebebeb;
padding: 8px 0 12px;
}
.opening-hour:last-child {
border: none;
}
.elementor-widget-clever-time-line .cafe-timeline.list {
margin-left: 100px;
}
.elementor-widget-clever-time-line .cafe-timeline.list .cafe-timeline-item {
position: relative;
}
.elementor-widget-clever-time-line .cafe-timeline.list .cafe-timeline-item .cafe-timeline-date {
position: absolute;
left: -100px;
}
.elementor-widget-clever-time-line .cafe-timeline.list .cafe-timeline-item .cafe-timeline-date:before, .elementor-widget-clever-time-line .cafe-timeline.list .cafe-timeline-item .cafe-timeline-date:after {
left: 101px;
position: absolute;
}
.elementor-widget-clever-time-line .cafe-timeline.list .cafe-timeline-item .cafe-timeline-title {
margin-bottom: 20px;
}
.bg-title-accent .elementor-tab-title.elementor-active {
background: var(--accent-color) !important;
}
.zoo-icon-arrow-left:before {
content: "셖";
}
.zoo-icon-arrow-right:before {
content: "셒";
}
.navigation.pagination .page-numbers {
min-width: 35px;
height: 35px;
line-height: 35px;
color: var(--black-color);
font-size: 0.875rem;
font-weight: 400;
border-radius: 0px;
background: var(--border-color);
border: none;
margin: 0px 1px;
}
.navigation.pagination .page-numbers.current, .navigation.pagination .page-numbers:not(.dots):hover {
color: var(--white-color);
background: var(--accent-color);
border-color: var(--sec-accent-color);
}
.navigation.pagination .page-numbers.next, .navigation.pagination .page-numbers.prev {
line-height: 37px;
}
.wrap-pagination .pagination a, .wrap-pagination .pagination > span {
min-width: 35px;
height: 35px;
line-height: 35px;
color: var(--black-color);
font-size: 0.875rem;
font-weight: 400;
border-radius: 0px;
background: var(--border-color);
border: none;
margin: 0px 1px;
}
.wrap-pagination .pagination a.current, .wrap-pagination .pagination a:hover, .wrap-pagination .pagination > span.current, .wrap-pagination .pagination > span:hover {
color: var(--white-color);
background: var(--accent-color);
border-color: var(--sec-accent-color);
}
.comments-navigation li .page-numbers {
min-width: 40px;
height: 40px;
line-height: 40px;
color: var(--black-color);
font-size: 0.875rem;
font-weight: 400;
border-radius: 0px;
background: var(--border-color);
border: none;
margin: 0px 1px;
}
.comments-navigation li .page-numbers.current, .comments-navigation li .page-numbers:hover {
color: var(--white-color);
background: var(--accent-color);
border-color: var(--sec-accent-color);
}
.comments-navigation li .page-numbers.next, .comments-navigation li .page-numbers.prev {
line-height: 40px;
font-size: 80%;
}
.cafe-pagination {
margin-left: 0px;
}
.woocommerce div:not(.wrap-drop-down-pagination) > nav.woocommerce-pagination ul.page-numbers li .page-numbers {
min-width: 40px;
height: 40px;
line-height: 40px;
color: var(--black-color);
font-size: 1.125rem;
font-weight: 400;
border-radius: 20px;
background: var(--border-color);
border: none;
margin: 0px 1px;
padding: 0px;
}
.woocommerce div:not(.wrap-drop-down-pagination) > nav.woocommerce-pagination ul.page-numbers li .page-numbers.current, .woocommerce div:not(.wrap-drop-down-pagination) > nav.woocommerce-pagination ul.page-numbers li .page-numbers:hover, .woocommerce div:not(.wrap-drop-down-pagination) > nav.woocommerce-pagination ul.page-numbers li .page-numbers:focus {
color: var(--white-color);
background: var(--accent-color);
border-color: var(--sec-accent-color);
}
.navigation.pagination .nav-links {
display: block;
text-align: center;
}
.navigation.pagination .nav-links .page-numbers {
display: inline-block;
margin-bottom: 10px;
}
.wp-calendar-nav {
display: flex;
justify-content: space-between;
}
.wp-block-calendar {
margin-bottom: 25px;
}
.wp-block-calendar table th {
background: transparent;
font-weight: 500;
}
.wp-block-calendar a {
text-decoration: none;
}
.wp-block-calendar .wp-calendar-table {
text-align: center;
margin-bottom: 5px;
}
.wp-block-calendar tbody td, .wp-block-calendar th {
padding: 8px 0px;
}
.has-cyan-bluish-gray-background-color > blockquote, .has-cyan-bluish-gray-background-color > .blockquote {
background: transparent;
}
section.comments {
padding-top: 0px;
margin-bottom: 60px;
}
.comment > ul.children {
padding-left: 50px;
}
.wrap-comments .comment-body > ul, .wrap-comments .comment-body > ol, .wrap-comments .comment-body > p, .wrap-comments .comment-body > dl, .wrap-comments .comment-body > pre {
margin-bottom: 20px;
}
.comment-reply-link:hover, .comment-edit-link:hover {
background: var(--accent-color);
}
.wp-block-file .wp-block-file__button {
background: var(--accent-color);
}
.wp-block-file .wp-block-file__button:hover {
background: var(--sec-accent-color);
}
.display-flex-center .elementor-widget-container {
display: flex;
justify-content: center;
}
.dots-item-menu .cafe-menu > li.menu-item:before {
content: "";
height: 6px;
width: 6px;
background: var(--accent-color);
position: absolute;
border-radius: 6px;
top: 16px;
left: 0;
}
.icon-electric:after {
content: "섳";
display: block;
font-family: cleversoft;
font-size: 55px;
color: var(--accent-color);
line-height: 24px;
margin-top: 10px;
}
.icon-electric.white:after {
color: var(--white-color);
}
.white-text {
color: var(--white-color);
}
.white-text.icon-electric:after {
color: var(--white-color);
}
#commentform .form-submit input {
width: auto;
}
@media (min-width: 1200px) {
.container, .container-fluid {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 992px) {
#site-main-content .cmm4e {
display: block;
position: unset;
}
#site-main-content .cmm4e li.cmm4e-menu-item {
position: relative !important;
}
}
figure {
width: 100% !important;
}
.post-loop-item:hover img {
transform: scale(1) !important;
}
.post-loop-item:hover .wrap-media img {
transform: scale(1.1) !important;
}
.rtl {
/* footer*/
/* Blog */
/* Sidebar blog */
/* Blog Detail*/
}
.rtl .row-align-right {
text-align: left;
}
.rtl .footer-row .zoo-widget-social-icon {
text-align: left;
}
.rtl .site-footer .widget-title:after {
left: auto;
right: 0;
}
.rtl .footer-row ul li {
text-align: right;
}
.rtl .footer-row ul li a {
padding-right: 15px;
padding-left: 0 !important;
}
.rtl .footer-row ul li a:before {
left: auto !important;
right: 0;
}
.rtl .footer-row ul li i {
padding-right: 0;
padding-left: 20px;
}
.rtl .zoo-list-payment {
text-align: left;
}
@media (min-width: 1400px) {
.rtl .has-right-sidebar .wrap-loop-content {
padding-left: 75px;
padding-right: 0;
}
}
@media (min-width: 1200px) {
.rtl .has-right-sidebar .wrap-loop-content {
padding-left: 45px;
padding-right: 0;
}
}
.rtl .wrap-media .sticky-post-label {
left: auto;
right: 0;
}
.rtl .post-loop-item.list-layout-item .zoo-post-inner .zoo-post-content {
text-align: right;
padding-left: 0;
padding-right: 30px;
}
.rtl .post-loop-item.list-layout-item .zoo-post-inner .zoo-post-content .post-info li:first-child {
margin-right: 0;
}
.rtl .navigation.pagination .page-numbers.next,
.rtl .navigation.pagination .page-numbers.prev {
transform: rotate(180deg);
}
.rtl .sidebar.widget-area .widget .widget-title:after {
left: auto;
right: 0;
}
.rtl .custom-search-form button {
right: auto;
left: 0;
}
.rtl .sidebar.widget-area .widget.widget_nav_menu ul li a,
.rtl .sidebar.widget-area .widget.widget_recent_entries ul li a,
.rtl .sidebar.widget-area .widget.widget_meta ul li a,
.rtl .sidebar.widget-area .widget.widget_categories ul li a,
.rtl .sidebar.widget-area .widget.widget_archive ul li a,
.rtl .sidebar.widget-area .widget.widget_pages ul li a {
padding-left: 0;
padding-right: 15px;
}
.rtl .sidebar.widget-area .widget.widget_nav_menu ul li a:before,
.rtl .sidebar.widget-area .widget.widget_recent_entries ul li a:before,
.rtl .sidebar.widget-area .widget.widget_meta ul li a:before,
.rtl .sidebar.widget-area .widget.widget_categories ul li a:before,
.rtl .sidebar.widget-area .widget.widget_archive ul li a:before,
.rtl .sidebar.widget-area .widget.widget_pages ul li a:before {
left: auto;
right: 0;
}
.rtl .sidebar.widget-area .widget.widget_categories ul li span.count {
margin-left: 0;
margin-right: 10px;
}
.rtl .content-single .post .header-post {
text-align: right;
}
.rtl blockquote:before,
.rtl .blockquote:before {
transform: translate(0);
}
.rtl .content-single .post .header-post .post-info li:first-child {
margin-right: 0;
}
.rtl .zoo-single-post-nav.only-1-post .zoo-single-post-nav-item h4 {
text-align: center;
}
.rtl .zoo-single-post-nav-item i {
transform: rotate(180deg);
}
.rtl .zoo-single-post-nav-item.next-post {
text-align: left;
}
.rtl .zoo-single-post-nav-item.prev-post {
text-align: right;
}
/* Columns layout product*/
@media (min-width: 1200px) {
.hidden-xl {
display: none !important;
}
.grid-xl-6-cols .post, .grid-xl-6-cols .product {
flex: 0 0 16.66%;
max-width: 16.66%;
width: 100%;
}
.grid-xl-5-cols .post, .grid-xl-5-cols .product {
flex: 0 0 20%;
max-width: 20%;
width: 100%;
}
.grid-xl-4-cols .post, .grid-xl-4-cols .product {
flex: 0 0 25%;
max-width: 25%;
width: 100%;
}
.grid-xl-3-cols .post, .grid-xl-3-cols .product {
flex: 0 0 33.333333%;
max-width: 33.333333%;
width: 100%;
}
.grid-xl-2-cols .post, .grid-xl-2-cols .product {
flex: 0 0 50%;
max-width: 50%;
width: 100%;
}
.grid-xl-1-cols .post, .grid-xl-1-cols .product {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
}
@media (max-width: 1200px) {
.hidden-lg {
display: none !important;
}
.grid-lg-6-cols .post, .grid-lg-6-cols .product {
flex: 0 0 16.66%;
max-width: 16.66%;
width: 100%;
}
.grid-lg-5-cols .post, .grid-lg-5-cols .product {
flex: 0 0 20%;
max-width: 20%;
width: 100%;
}
.grid-lg-4-cols .post, .grid-lg-4-cols .product {
flex: 0 0 25%;
max-width: 25%;
width: 100%;
}
.grid-lg-3-cols .post, .grid-lg-3-cols .product {
flex: 0 0 33.333333%;
max-width: 33.333333%;
width: 100%;
}
.grid-lg-2-cols .post, .grid-lg-2-cols .product {
flex: 0 0 50%;
max-width: 50%;
width: 100%;
}
.grid-lg-1-cols .post, .grid-lg-1-cols .product {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
}
@media (max-width: 992px) {
.hidden-md {
display: none !important;
}
.grid-md-6-cols .post, .grid-md-6-cols .product {
flex: 0 0 16.66%;
max-width: 16.66%;
width: 100%;
}
.grid-md-5-cols .post, .grid-md-5-cols .product {
flex: 0 0 20%;
max-width: 20%;
width: 100%;
}
.grid-md-4-cols .post, .grid-md-4-cols .product {
flex: 0 0 25%;
max-width: 25%;
width: 100%;
}
.grid-md-3-cols .post, .grid-md-3-cols .product {
flex: 0 0 33.333333%;
max-width: 33.333333%;
width: 100%;
}
.grid-md-2-cols .post, .grid-md-2-cols .product {
flex: 0 0 50%;
max-width: 50%;
width: 100%;
}
.grid-md-1-cols .post, .grid-md-1-cols .product {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
}
@media (max-width: 768px) {
.hidden-sm {
display: none !important;
}
.grid-sm-6-cols .post, .grid-sm-6-cols .product {
flex: 0 0 16.66%;
max-width: 16.66%;
width: 100%;
}
.grid-sm-5-cols .post, .grid-sm-5-cols .product {
flex: 0 0 20%;
max-width: 20%;
width: 100%;
}
.grid-sm-4-cols .post, .grid-sm-4-cols .product {
flex: 0 0 25%;
max-width: 25%;
width: 100%;
}
.grid-sm-3-cols .post, .grid-sm-3-cols .product {
flex: 0 0 33.333333%;
max-width: 33.333333%;
width: 100%;
}
.grid-sm-2-cols .post, .grid-sm-2-cols .product {
flex: 0 0 50%;
max-width: 50%;
width: 100%;
}
.grid-sm-1-cols .post, .grid-sm-1-cols .product {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
}
@media (max-width: 576px) {
.hidden-xs {
display: none !important;
}
.grid-6-cols .post, .grid-6-cols .product {
flex: 0 0 16.66%;
max-width: 16.66%;
width: 100%;
}
.grid-5-cols .post, .grid-5-cols .product {
flex: 0 0 20%;
max-width: 20%;
width: 100%;
}
.grid-4-cols .post, .grid-4-cols .product {
flex: 0 0 25%;
max-width: 25%;
width: 100%;
}
.grid-3-cols .post, .grid-3-cols .product {
flex: 0 0 33.333333%;
max-width: 33.333333%;
width: 100%;
}
.grid-2-cols .post, .grid-2-cols .product {
flex: 0 0 50%;
max-width: 50%;
width: 100%;
}
.grid-1-cols .post, .grid-1-cols .product {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
}
/* Custom */
@media (max-width: 992px) {
.wrap-top-products-page .woocommerce-result-count {
display: none;
}
}
@media (max-width: 576px) {
.wrap-top-products-page .woocommerce-breadcrumb {
display: none;
}
}
@media (max-width: 320px) {
.wrap-top-products-page .woocommerce-ordering {
display: none;
}
}
/* custom css */
.better-amp-wrapper .hidden-xs {
display: none;
}
.better-amp-wrapper amp-img.attachment-full.size-full {
min-width: 100%;
}
.sidebar-container .sidebar-brand.type-text {
padding: 8px 0;
background: #fff;
}
body .better-amp-sidebar .close-sidebar {
right: 3px;
}
.sidebar-container .amp-menu section[expanded] {
background: #fff;
}
.sidebar-container .fa-caret-left:before {
content: "\f00d";
color: #7d7d7d;
}
.sidebar-container nav > * {
border-bottom: 1px solid #ebebeb;
}
.sidebar-container nav > *:last-child {
border-bottom: 0;
}
.better-amp-wrapper .products {
display: flex;
flex-wrap: wrap;
}
.better-amp-wrapper .products .product {
padding: 0 10px;
margin-bottom: 30px;
}
.better-amp-wrapper .products .product .wrap-product-img amp-img:nth-child(2) {
display: none;
}
.better-amp-wrapper .products .product .list-style, .better-amp-wrapper .products .product .wrap-product-info .product-description {
display: none;
}
@media (max-width: 992px) {
.better-amp-wrapper .products .product {
flex: 0 0 33.333333%;
max-width: 33.333333%;
width: 100%;
}
}
@media (max-width: 576px) {
.better-amp-wrapper .products .product {
flex: 0 0 50%;
max-width: 50%;
width: 100%;
}
}
.better-amp-wrapper .products.deal .product {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
.better-amp-wrapper.cvca-product-deal-inner.show-border.e_48171640.cvca-product-deal-inner.show-border.e_48171640 {
border: 2px solid #fc6702;
min-height: auto;
}
.amp-hidden {
display: none;
}
.better-amp-wrapper .page > h1, .better-amp-wrapper .cvca-ajax-load, .better-amp-wrapper .wrap-product-loop-detail .star-rating, .better-amp-wrapper .ef-view, .better-amp-wrapper .wrap-product-button {
display: none;
}
.better-amp-wrapper .better-amp-wrapper .title-of-deal .action-to-link {
display: none;
}
.better-amp-wrapper .better-amp-wrapper .site-header {
background: #fff;
}
.better-amp-wrapper .better-amp-wrapper .site-header .navbar-search, .better-amp-wrapper .better-amp-wrapper .site-header .navbar-toggle {
background: #fff;
color: #252525;
}
.better-amp-wrapper a {
text-decoration: unset;
}
.better-amp-wrapper ul li {
list-style-type: none;
}
.better-amp-wrapper .product-name {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.better-amp-wrapper .search-form .search-submit {
margin-bottom: 0;
}
.better-amp-wrapper .cvca-shortcode-maps, .better-amp-wrapper .page-title {
display: none;
}
.better-amp-wrapper input, .better-amp-wrapper textarea {
margin-bottom: 20px;
font-size: 12px;
line-height: 2;
padding: 2px 10px;
}
.better-amp-wrapper amp-img {
margin-bottom: 15px;
}
.better-amp-wrapper .related-posts-wrapper, .better-amp-wrapper .button-view-product {
display: none;
}
.better-amp-wrapper .prev.page-numbers, .better-amp-wrapper .next.page-numbers {
padding: 4px 18px;
border: 1px solid #d7d7d7;
color: #494949;
font-family: Roboto;
font-weight: 500;
font-size: 13px;
display: inline-block;
text-decoration: none;
background: #f7f7f7;
border-radius: 33px;
}
.better-amp-wrapper .amp-pagination {
display: inline-block;
width: 100%;
text-align: center;
}
.better-amp-wrapper .amp-pagination .prev.page-numbers {
float: left;
}
.better-amp-wrapper .amp-pagination .next.page-numbers {
float: right;
}
.better-amp-wrapper .products {
margin: 0;
padding: 0;
}
.better-amp-wrapper .products .product .product-name {
margin-bottom: 10px;
}
.better-amp-wrapper .products .product .wrap-after-shop-title {
margin-bottom: 20px;
}
.better-amp-wrapper .products .product .product-name a {
color: #363636;
text-decoration: none;
font-size: 15px;
line-height: 1.3;
}
.better-amp-wrapper .zoo-cw-wrap-shop {
display: none;
}
.better-amp-wrapper .product-archive .product .listing-grid-item-inner .post-title {
margin-bottom: 10px;
}
.better-amp-wrapper .product-archive .product .listing-grid-item-inner .woocommerce-price {
margin-bottom: 20px;
}
.better-amp-wrapper .product-archive .product .listing-grid-item-inner .button {
border-radius: 4px;
}
.better-amp-wrapper .button, .better-amp-wrapper .comments-pagination a, .better-amp-wrapper .pagination a {
border-radius: 4px;
}
.better-amp-wrapper .product-new {
position: absolute;
top: 5px;
right: 5px;
z-index: 1;
background: #fff;
border: 1px solid #ebebeb;
padding: 2px 5px;
}
.better-amp-wrapper .stock-label {
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
transform: translate(-50%, -50%);
padding: 2px 10px;
background: #000;
white-space: nowrap;
opacity: 0.5;
color: #fff;
}
.better-amp-wrapper .cvca-blog-item {
margin-bottom: 30px;
}
.better-amp-wrapper .wrap-product-img {
position: relative;
}
.better-amp-wrapper .onsale {
position: absolute;
top: 5px;
left: 5px;
z-index: 1;
background: #fff;
border: 1px solid #ebebeb;
padding: 2px 5px;
}
.better-amp-wrapper .product a {
color: #000;
}
.better-amp-wrapper .cvca-pagination {
text-align: center;
}
.better-amp-wrapper .cvca-pagination a {
padding-left: 5px;
padding-right: 5px;
}
.better-amp-wrapper label.label-placeholder {
display: block;
margin-bottom: 10px;
}
.better-amp-wrapper span.wpcf7-form-control-wrap {
display: block;
}
.better-amp-wrapper textarea.wpcf7-form-control, .better-amp-wrapper input.wpcf7-form-control {
width: 100%;
display: block;
border: 1px solid #ebebeb;
}
/* Banner */
.better-amp-wrapper .cvca-shortcode-banner {
position: relative;
}
.better-amp-wrapper .cvca-shortcode-banner .banner-content {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
transform: translate(-50%, -50%);
}
/* Blog*/
.better-amp-wrapper .zoo-blog-item {
margin-bottom: 50px;
}
.better-amp-wrapper .wrap-media a {
display: block;
overflow: hidden;
}
.elementor-slick-slider .slick-next, .elementor-slick-slider .slick-prev {
width: auto;
}
div.cafe-pagination {
width: auto;
margin: 30px 20px;
}
div.cafe-pagination > * {
border: 1px solid #ccc;
background: #f5f5f5;
border-radius: 25px;
width: 36px;
height: 36px;
min-width: 36px;
line-height: 36px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
margin: 0 6px;
}
div.cafe-pagination > *.cafe-pagination-next, div.cafe-pagination > *.cafe-pagination-prev {
min-width: 80px;
}
.pagination-ajax .view-more-button span {
border: 1px solid #ccc;
background: none;
color: #252525;
}
.pagination-ajax .scroller-status {
margin: 20px auto 30px auto !important;
}
.pagination-ajax .scroller-status .infinite-scroll-last {
padding: 0;
}
.pagination-ajax .scroller-status .infinite-scroll-last .all-tiems-loaded {
display: flex !important;
align-items: center;
justify-content: center;
white-space: nowrap;
text-transform: uppercase;
font-size: 12px;
}
.pagination-ajax .scroller-status .infinite-scroll-last .all-tiems-loaded:before {
content: "";
width: 100%;
height: 1px;
background: #ececec;
margin-right: 10px;
}
.pagination-ajax .scroller-status .infinite-scroll-last .all-tiems-loaded:after {
content: "";
width: 100%;
height: 1px;
background: #ececec;
margin-left: 10px;
}
@-webkit-keyframes circus {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes circus {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}
.loading {
position: relative;
}
.loading:after {
content: "" !important;
display: block;
width: 30px;
height: 30px;
position: absolute;
top: calc(50% - 15px);
left: calc(50% - 15px);
z-index: 6;
border: 2px solid #FB6622;
border-left: 2px solid transparent !important;
border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
background: transparent !important;
opacity: 1;
-webkit-animation: circus 400ms linear 0s infinite !important;
animation: circus 400ms linear 0s infinite !important;
}
.loading:before {
content: "" !important;
position: absolute;
top: 0;
left: 0;
z-index: 5;
width: 100%;
height: 100%;
display: block;
background: #fff;
opacity: 0.6;
}
@-webkit-keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@-webkit-keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@-webkit-keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(19px, 0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(19px, 0);
}
}
.lds-ellipsis {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
.lds-ellipsis div {
position: absolute;
top: 27px;
width: 11px;
height: 11px;
border-radius: 50%;
background: #fff;
-webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 6px;
-webkit-animation: lds-ellipsis1 0.6s infinite;
animation: lds-ellipsis1 0.6s infinite;
background: #ccc;
}
.lds-ellipsis div:nth-child(2) {
left: 6px;
-webkit-animation: lds-ellipsis2 0.6s infinite;
animation: lds-ellipsis2 0.6s infinite;
background: #ccc;
}
.lds-ellipsis div:nth-child(3) {
left: 26px;
-webkit-animation: lds-ellipsis2 0.6s infinite;
animation: lds-ellipsis2 0.6s infinite;
background: #ccc;
}
.lds-ellipsis div:nth-child(4) {
left: 45px;
-webkit-animation: lds-ellipsis3 0.6s infinite;
animation: lds-ellipsis3 0.6s infinite;
background: #ccc;
}
/**Contact form 7**/
.custom-contac-form label {
width: 100%;
padding: 5px 0;
display: block;
position: relative;
}
.custom-contac-form label .wpcf7-form-control-wrap {
display: block;
width: 100%;
}
.custom-contac-form label .wpcf7-form-control-wrap input,
.custom-contac-form label .wpcf7-form-control-wrap textarea {
margin: 0;
border-top: 0;
border-left: 0;
border-right: 0;
padding-left: 0;
}
.custom-contac-form label .wpcf7-form-control-wrap input:focus,
.custom-contac-form label .wpcf7-form-control-wrap textarea:focus {
border-color: transparent;
}
.custom-contac-form label span.text {
position: relative;
top: 30px;
left: 0;
z-index: 1;
color: #959595;
font-size: 16px;
font-weight: normal;
transition: 300ms;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
-ms-transition: 300ms;
}
.custom-contac-form label:after {
content: "";
width: 0;
height: 2px;
position: absolute;
bottom: 4px;
left: 0;
z-index: 1;
transition: 300ms;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
-ms-transition: 300ms;
}
.custom-contac-form label.focus:after {
width: 100%;
}
.custom-contac-form label.focus span.text {
top: 10px;
}
.custom-contac-form label.show-text span.text {
top: 10px;
}
.custom-contac-form label.show-text:after {
width: 100%;
}
.custom-contac-form br {
display: none;
}
.custom-contac-form .wpcf7-submit {
margin-top: 45px;
font-size: 14px;
text-transform: uppercase;
color: #fff;
font-weight: 600;
letter-spacing: 1px;
border: 0;
background: #111;
padding: 12px 30px;
border-radius: 2px;
}
.wpcf7-form-control-wrap .wpcf7-form-control:not(.wpcf7-acceptance) {
padding: 0;
border: none;
border-bottom: 1px solid #ebebeb;
}
.wpcf7-form-control-wrap .wpcf7-form-control:not(.wpcf7-acceptance).wpcf7-textarea {
margin-top: 0px;
}
.custom-contac-form {
display: flex;
text-align: center;
}
.custom-contac-form > * {
padding-left: 25px;
}
.custom-contac-form > *:first-child {
padding-left: 0;
}
.wpcf7-list-item {
margin-left: 0 !important;
}
.wpcf7-form-control.wpcf7-submit {
border-radius: 3px;
font-size: 14px !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
color: #fff !important;
border: 0;
padding: 10px 20px;
margin-top: 30px;
width: auto;
}
select:focus, .text-field:focus, input[type=text]:focus, input[type=search]:focus, input[type=password]:focus, textarea:focus, input[type=email]:focus, input[type=tel]:focus {
border-color: #FB6622;
}
.cmm4e.cmm4e-theme-categories-menu.cmm4e-vertical .cmm4e-menu-item.menu-item-has-children.cmm4e-mega {
position: static !important;
}
#site-main-content .elementor-widget-cmm4e-mega-menu .cmm4e.cmm4e-theme-categories-menu.cmm4e-vertical .cmm4e-menu-item.menu-item-has-children .cmm4e-sub-panel {
left: calc(100% + 3px) !important;
}
.cmm4e-wrapper-theme-vertical-menu {
flex-wrap: wrap;
margin: 0 !important;
}
.cmm4e-wrapper-theme-vertical-menu .cmm4e-toggle-wrapper {
display: block;
width: 100%;
margin: 0 !important;
}
.cmm4e-wrapper-theme-vertical-menu .cmm4e-toggle-wrapper .cmm4e-toggle {
display: flex;
align-items: center;
color: #fff;
background: #fc6702;
width: 100%;
padding: 5px 15px;
}
@media (max-width: 992px) {
#site-main-content .cmm4e-wrapper-theme-categories-menu .cmm4e-theme-categories-menu {
display: none;
}
}
.builder-block-html.show_verticle_menu {
background: #c9521b;
height: 60px;
padding: 0 20px;
position: relative;
display: block;
}
.builder-block-html.show_verticle_menu .cmm4e-container {
z-index: 2;
}
.builder-block-html.show_verticle_menu .cmm4e-container .cmm4e-vertical.cmm4e {
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 2;
width: 100%;
}
.builder-block-html.show_verticle_menu .cmm4e-container .cmm4e-toggle-wrapper .cmm4e-toggle {
padding: 0;
background: transparent;
font-size: 14px;
}
.cmm4e-toggle-wrapper {
position: relative;
}
.cmm4e-toggle-wrapper .cmm4e-toggle:before {
content: "쁙";
font-family: cleversoft;
color: #fff;
font-size: 13px;
position: absolute;
top: 50%;
right: 15px;
z-index: 1;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
pointer-events: none;
}
.cmm4e-active .cmm4e-toggle-wrapper .cmm4e-toggle:before {
transform: translateY(-50%) rotate(180deg);
-moz-transform: translateY(-50%) rotate(180deg);
-webkit-transform: translateY(-50%) rotate(180deg);
}
/* widget image hover */
.zoo-image-hover {
position: relative;
}
.zoo-image-hover .image-info {
position: absolute;
top: 40px;
left: 20px;
z-index: 1;
}
.zoo-image-hover .image-info p {
font-size: 28px;
color: #fff;
line-height: 35px;
}
.zoo-image-hover .image-info a {
padding: 8px 25px;
background: #c2b975;
color: #fff;
font-size: 12px;
text-transform: uppercase;
border-radius: 4px;
}
.zoo-image-hover .image-info a:hover {
background: #252525;
color: #fff;
}
/* Blog */
.post-loop-item .zoo-post-inner {
border-bottom: 1px solid #ebebeb;
padding-bottom: 35px;
margin-bottom: 35px;
}
.post-loop-item .zoo-post-inner .grid-layout .wrap-media {
margin-bottom: 25px;
}
.post-loop-item .zoo-post-inner .title-post {
font-weight: 600;
}
.post-loop-item .zoo-post-inner .post-info {
font-size: 14px;
text-transform: capitalize;
}
.post-loop-item .zoo-post-inner .readmore {
border: none;
text-transform: uppercase;
font-size: 13px;
margin-top: 10px;
font-weight: 600;
letter-spacing: 2px;
position: relative;
padding: 0;
margin: 0;
}
.post-loop-item .zoo-post-inner .readmore:after {
content: "쁷";
font-family: "cleversoft";
position: absolute;
right: -25px;
top: 50%;
z-index: 1;
transform: translateY(-50%);
transition: 200ms;
-webkit-transition: 200ms;
-moz-transition: 200ms;
-o-transition: 200ms;
-ms-transition: 200ms;
}
.post-loop-item .zoo-post-inner .readmore:hover {
background: none;
}
.post-loop-item .zoo-post-inner .readmore:hover:after {
right: -35px;
}
.navigation.pagination .nav-links {
justify-content: flex-end;
}
.navigation.pagination .nav-links .page-numbers {
min-width: 40px;
height: 40px;
line-height: 40px;
color: #252525;
text-align: center;
display: inline-block;
border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
background: #ebebeb;
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
margin-left: 10px;
}
.navigation.pagination .nav-links .page-numbers.current, .navigation.pagination .nav-links .page-numbers:hover {
background: #252525;
color: #fff;
}
.single-post .post-image {
display: flex;
align-items: center;
min-height: 550px;
padding: 35px 0;
background-repeat: no-repeat;
background-size: cover;
}
.overlay-featured-image {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
/* Standard post */
.single .content-single.no-sidebar {
padding-top: 0;
}
.single .content-single.no-sidebar .post-image:not(.single-default) {
overflow: hidden;
background-size: cover;
}
.single .content-single.no-sidebar .post-image.single-default {
background-color: #1f1b01;
background-repeat: repeat;
}
.single .content-single.no-sidebar .post-image {
display: flex;
align-items: center;
min-height: 550px;
margin-bottom: 30px;
}
.single .content-single.no-sidebar .post-image .header-post {
margin: 0 auto;
max-width: 900px;
text-align: center;
z-index: 2;
}
.single .content-single.no-sidebar .post-image .header-post .title-detail {
color: #fff;
text-align: center;
font-size: 3.75rem;
line-height: 75px;
font-weight: bold;
}
.single .content-single.no-sidebar .post-image .header-post .post-info {
color: #fff;
text-align: center;
font-size: 0.875rem;
text-transform: none;
}
.single .content-single.no-sidebar .post-image .header-post .post-info li {
margin: 0;
}
.single .content-single.no-sidebar .post-image .header-post .post-info .author-post a {
color: #fff;
text-transform: none;
font-weight: normal;
}
.single .content-single.no-sidebar .post-image .header-post .post-label {
position: absolute;
left: 50%;
top: -60px;
z-index: 1;
transform: translateX(-50%);
}
.single .content-single.no-sidebar .post-image .header-post .list-cat {
margin-bottom: 30px;
}
.single .content-single.no-sidebar .post-image .header-post .list-cat a {
padding: 7px 20px;
border-radius: 50px;
border: 2px solid #fff;
margin: 5px;
color: #fff;
font-size: 0.875rem;
display: inline-block;
}
.single .content-single.no-sidebar .post-content {
margin: 0 auto 12px auto;
float: none;
display: block;
}
.single .content-single.no-sidebar .post-content blockquote, .single .content-single.no-sidebar .post-content .blockquote {
position: relative;
padding-left: 30px;
margin: 40px 0;
font-weight: normal;
font-size: 1.125rem;
color: #252525;
padding-top: 0;
padding-bottom: 0;
}
.single .content-single.no-sidebar .post-content blockquote:before, .single .content-single.no-sidebar .post-content .blockquote:before {
content: "";
width: 5px;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
padding: 0;
background: #fc6702;
}
.single .content-single.no-sidebar .comment-block-list {
background: #f5f5f5;
}
.single .content-single.no-sidebar .comment-block-list .comment-block-inner {
margin: 0 auto;
float: none;
padding-top: 60px;
padding-bottom: 60px;
}
.single .content-single.no-sidebar .comment-block-list .comment-block-inner #comments-list {
margin-top: 0;
}
.single .content-single.no-sidebar .comment-block-list .comment-block-inner #comments-list .title-block {
margin-bottom: 0;
font-size: 1.5rem;
}
.single .content-single.no-sidebar .comment-block-list .comment-block-inner #comments-list .comment-wrap {
padding: 50px 0 15px;
}
.single .content-single.no-sidebar .comment-block-form {
border-top: 1px solid #f5f5f5;
border-bottom: 1px solid #f5f5f5;
}
.single .content-single.no-sidebar .comment-block-form .comment-block-inner {
margin: 0 auto;
float: none;
padding-top: 60px;
padding-bottom: 120px;
}
.single .content-single.no-sidebar .comment-block-form .comment-block-inner #respond {
margin-top: 0;
}
.single .content-single.no-sidebar .comment-block-form .comment-block-inner #reply-title {
font-size: 1.5rem;
}
.single .content-single.no-sidebar .mejs-time {
padding: 10px 6px 0;
}
.single .content-single.no-sidebar .mejs-horizontal-volume-slider:after {
content: none;
}
.single .content-single.no-sidebar .wrap-bottom-content-post {
float: none;
margin: 0 auto;
}
.single .content-single.no-sidebar .wrap-bottom-content-post .tags-link-wrap {
margin-top: 0;
}
.post-media {
width: 100%;
text-align: center;
display: inline-block;
margin-bottom: 40px;
float: none;
}
#site-main-content .post-loop-item .readmore {
padding: 0;
border: none;
}
#site-main-content .post-loop-item .entry-title {
font-size: 20px;
font-weight: 600;
}
.config-width {
position: relative !important;
}
.config-width .mega-menu-content {
max-width: unset !important;
left: 0 !important;
transform: translate(0) !important;
}
.cmm4e.cmm4e-theme-vertical-menu .cmm4e-menu-item.menu-item-has-children.cmm4e-mega {
position: static !important;
}
.products .product .wrap-product-loop-content .wrap-product-loop-detail .product-loop-title {
font-size: 16px;
color: #111;
font-weight: 400;
}
.woocommerce ul.products li.product .price {
font-size: 18px;
}
.product .zoo-cw-attr-item {
border: 1px solid #ccc;
color: #000;
font-size: 14px;
}
.woocommerce nav.woocommerce-pagination {
margin-top: 0px;
padding: 0;
width: 100%;
text-align: center;
display: inline-block;
}
.woocommerce nav.woocommerce-pagination .woocommerce-result-count {
padding: 0;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers {
background: none;
border: none;
margin: 0;
width: auto;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li {
border: none;
margin-left: 0px;
overflow: visible;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li span, .woocommerce nav.woocommerce-pagination ul.page-numbers li a {
display: block;
line-height: 40px;
text-align: center;
min-width: 40px;
height: 40px;
color: #252525;
background: #ebebeb;
padding: 0 5px;
border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
position: relative;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers.current, .woocommerce nav.woocommerce-pagination ul.page-numbers li a.page-numbers:hover {
color: #fff;
background: #252525;
cursor: pointer;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers.current:after, .woocommerce nav.woocommerce-pagination ul.page-numbers li a.page-numbers:hover:after {
opacity: 0.2;
top: 15px;
left: 15px;
}
.woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers.next, .woocommerce nav.woocommerce-pagination ul.page-numbers li .page-numbers.prev {
font-size: 65%;
}
.cw-type-text.inline .zoo-filter-item {
height: auto !important;
padding: 5px !important;
}
.woocommerce #review_form #respond p {
margin: 0 0 60px;
}
/* Home Header 12*/
@media (min-width: 993px) {
body.off-canvas-vertical-header {
width: calc(100% - 300px);
float: right;
}
body.off-canvas-vertical-header .container {
padding: 0;
}
body.off-canvas-vertical-header #site-footer .container {
padding: 0 15px;
}
body.off-canvas-vertical-header #site-header {
max-width: 300px;
width: 100%;
height: 100vh !important;
position: fixed;
top: 0;
left: 0;
z-index: 1;
box-shadow: 2px 0 4px 2px rgba(0, 0, 0, 0.075);
background: #fff;
}
body.off-canvas-vertical-header #site-header .off-canvas-vertical-header .wrap-header-off-canvas {
overflow: visible;
opacity: 1;
visibility: visible;
max-width: 100%;
width: 100%;
}
body.off-canvas-vertical-header #site-header .off-canvas-vertical-header .wrap-header-off-canvas .wrap-content-header-off-canvas {
overflow: visible;
padding: 0;
flex-wrap: wrap;
justify-content: center;
flex-direction: row;
}
body.off-canvas-vertical-header #site-header .off-canvas-vertical-header .wrap-header-off-canvas .wrap-content-header-off-canvas .desktop-builder-block-logo,
body.off-canvas-vertical-header #site-header .off-canvas-vertical-header .wrap-header-off-canvas .wrap-content-header-off-canvas .desktop-builder-block-menu {
width: 100%;
}
body.off-canvas-vertical-header #site-header .off-canvas-vertical-header .wrap-header-off-canvas .wrap-content-header-off-canvas .desktop-builder-block-logo {
max-height: 120px;
}
body.off-canvas-vertical-header #site-header .off-canvas-vertical-header .wrap-header-off-canvas .wrap-content-header-off-canvas .desktop-builder-block-menu {
min-height: 80%;
}
body.off-canvas-vertical-header #site-header .off-canvas-vertical-header .wrap-header-off-canvas .wrap-content-header-off-canvas .wrap-dashboard-form {
display: none;
}
body.off-canvas-vertical-header #site-header .off-canvas-vertical-header .wrap-header-off-canvas .wrap-content-header-off-canvas #primary-menu ul.menu {
flex-direction: column;
height: auto;
}
body.off-canvas-vertical-header #site-header .off-canvas-vertical-header .wrap-header-off-canvas .wrap-content-header-off-canvas #primary-menu ul.menu > li {
width: 100%;
justify-content: center;
position: relative !important;
}
body.off-canvas-vertical-header #site-header .off-canvas-vertical-header .wrap-header-off-canvas .wrap-content-header-off-canvas #primary-menu ul.menu > li .mega-menu-content, body.off-canvas-vertical-header #site-header .off-canvas-vertical-header .wrap-header-off-canvas .wrap-content-header-off-canvas #primary-menu ul.menu > li > ul {
top: 0;
right: 0;
left: 100% !important;
transform: none;
}
body.off-canvas-vertical-header #site-header .off-canvas-vertical-header .wrap-header-off-canvas .wrap-content-header-off-canvas #primary-menu ul.menu > li:not(.config-width) .mega-menu-content {
max-width: unset;
width: 950px;
}
body.off-canvas-vertical-header #site-header .off-canvas-vertical-header .wrap-header-off-canvas .wrap-content-header-off-canvas #primary-menu ul.menu > li > a {
padding: 18px 20px;
display: block;
width: 100%;
position: relative;
}
body.off-canvas-vertical-header #site-header .off-canvas-vertical-header .wrap-header-off-canvas .wrap-content-header-off-canvas #primary-menu ul.menu > li > a span {
position: absolute;
right: 15px;
top: 50%;
z-index: 1;
transform: translateY(-50%) rotate(-90deg);
}
body.off-canvas-vertical-header .item-block-logo img {
display: inline-block;
}
}
.wrap-breadcrumb {
padding: 0;
}
#commentform .wpcf7-form-control-wrap .text-field {
margin-bottom: 0;
}
#commentform .label-placeholder {
z-index: 2;
padding-left: 15px;
}
.grid-layout .row {
align-items: normal;
}
.page .main-content > .container > .page-title {
margin: 50px 0;
font-size: 36px;
}
#commentform .text-field {
border: 1px solid #eee;
}
#commentform .form-submit {
margin-top: 35px;
display: inline-block;
width: 100%;
}
.cmm4e.cmm4e-theme-categories-menu.cmm4e-vertical .cmm4e-menu-item.menu-item-has-children.cmm4e-mega {
position: static !important;
}
#site-main-content .elementor-widget-cmm4e-mega-menu .cmm4e.cmm4e-theme-categories-menu.cmm4e-vertical .cmm4e-menu-item.menu-item-has-children .cmm4e-sub-panel {
left: calc(100% + 3px) !important;
}
.cmm4e-wrapper-theme-categories-menu {
flex-wrap: wrap;
margin: 0 !important;
}
.cmm4e-wrapper-theme-categories-menu .cmm4e-toggle-wrapper {
display: block;
width: 100%;
margin: 0 !important;
}
.cmm4e-wrapper-theme-categories-menu .cmm4e-toggle-wrapper .cmm4e-toggle {
display: flex;
align-items: center;
color: #fff;
background: #fc6702;
width: 100%;
padding: 5px 15px;
}
@media (max-width: 992px) {
#site-main-content .cmm4e-wrapper-theme-categories-menu .cmm4e-theme-categories-menu {
display: none;
}
}
.cmm4e-toggle-wrapper {
position: relative;
}
.cmm4e-toggle-wrapper .cmm4e-toggle:before {
content: "쁙";
font-family: cleversoft;
color: #fff;
font-size: 13px;
position: absolute;
top: 50%;
right: 15px;
z-index: 1;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
pointer-events: none;
}
.cmm4e-active .cmm4e-toggle-wrapper .cmm4e-toggle:before {
transform: translateY(-50%) rotate(180deg);
-moz-transform: translateY(-50%) rotate(180deg);
-webkit-transform: translateY(-50%) rotate(180deg);
}
.elementor-widget-clever-product-grid-tabs .cafe-head-product-filter ul li a {
color: #000;
font-weight: 500;
}
#cafe-site-header .show_verticle_menu {
background: #c9521b;
height: 60px;
padding: 0 20px;
position: relative;
display: block;
}
#cafe-site-header .show_verticle_menu .cmm4e-content-container {
width: 950px !important;
}
#cafe-site-header .show_verticle_menu button.cmm4e-toggle {
height: 60px;
}
#cafe-site-header .show_verticle_menu .cmm4e-container {
z-index: 2;
}
#cafe-site-header .show_verticle_menu .cmm4e-container .cmm4e-vertical.cmm4e {
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 2;
width: 100%;
}
#cafe-site-header .show_verticle_menu .cmm4e-container .cmm4e-toggle-wrapper .cmm4e-toggle {
padding: 0;
background: transparent;
font-size: 14px;
}
.single-post .post-content a {
text-decoration: none;
}
.single-post .post-content a:hover {
color: var(--accent-color);
}
.single-post .post .title-detail {
font-size: 2.25rem;
font-weight: 300;
}
.single-post .post .header-post {
text-align: left;
margin-bottom: 20px;
}
.single-post .post .header-post .post-info {
margin-bottom: 15px;
}
.single-post .post .header-post .post-info li {
margin: 0 15px;
font-size: 0.6875rem;
text-transform: uppercase;
}
.single-post .post .header-post .post-info li a {
color: #000;
font-weight: bold;
border: none;
font-size: 0.6875rem;
}
.single-post .post .header-post .post-info li a:hover {
color: var(--accent-color);
}
.single-post .post .header-post .post-info li a:after {
border: none;
background: var(--accent-color);
}
.single-post .post .header-post .post-info li i {
display: none;
}
.single-post .post .header-post .post-info li:first-child {
margin-left: 0;
}
.single-post .post .header-post .post-info li:after {
display: none;
}
.single-post .post .post-media {
padding: 0;
}
.single-post .title-block, .single-post .comment-reply-title {
font-size: 1.75rem;
}
.single-post .post-related.wrap-loop-content {
border-bottom: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.single-post .post-related.wrap-loop-content .zoo-post-inner {
border-bottom: none;
padding-bottom: 0px;
margin-bottom: 0px;
}
.single-post .post-related img {
width: 100%;
}
.single-post .post-related .list-label-cat a {
display: inline-block;
}
.single-post .comments {
padding-top: 40px;
margin-bottom: 40px;
}
.single-post #commentform .text-field:focus {
border-color: var(--accent-color);
}
.single-post #commentform p {
margin-bottom: 15px;
}
.single-post #commentform .form-submit {
display: block;
}
.single-post #commentform .form-submit input {
margin-top: 15px;
width: auto;
}
.post-info a:after {
border: none !important;
}
@media (min-width: 992px) {
.wrap-post-content-has-sidebar.right {
padding-right: 35px;
}
.wrap-post-content-has-sidebar.left {
padding-left: 35px;
}
}
.wrap-bottom-content-post .tags-link-wrap:last-child, .wrap-bottom-content-post .wrap-share-post:last-child {
border-bottom: none;
}
.post-author {
margin: 0 auto;
text-align: center;
padding: 30px 0;
flex-direction: column;
align-items: center;
border-bottom: none;
}
.post-author .author-content {
margin-bottom: 30px;
width: 100%;
display: inline-block;
}
.post-author .author-name {
margin-bottom: 25px;
}
.post-author .author-img {
text-align: center;
overflow: hidden;
position: relative;
margin-bottom: 30px;
display: flex;
justify-content: center;
width: 100%;
}
.post-author .author-img:after, .post-author .author-img:before {
height: 1px;
content: "";
background: var(--border-color);
width: calc(50% - 70px);
top: 50%;
display: block;
position: absolute;
}
.post-author .author-img:after {
right: 0;
}
.post-author .author-img:before {
left: 0;
}
.post-author .author-img img {
border-radius: 50%;
overflow: hidden;
width: 100px;
height: 100px;
}
.post-author .author-content {
padding-left: 0;
text-align: center;
}
.post-author .author-content p {
color: #666;
max-width: 690px;
margin: 0 auto 20px;
}
.post-author .wrap-author-social {
margin: 0 0 20px;
text-align: center;
}
.post-author .wrap-author-social li {
list-style: none;
display: inline-block;
}
.post-author .wrap-author-social li a {
color: #666;
width: 30px;
display: block;
text-align: center;
}
.post-author .wrap-author-social li a:hover {
color: var(--main-color);
}
/*Single post Nav*/
.zoo-single-post-nav {
display: flex;
align-items: flex-start;
padding: 0;
justify-content: stretch;
margin: 0 auto 60px;
background: #f5f5f5;
border-bottom: none;
}
.zoo-single-post-nav.only-1-post .zoo-single-post-nav-item {
width: 100%;
text-align: center;
}
.zoo-single-post-nav.only-1-post .zoo-single-post-nav-item span {
justify-content: center;
}
.zoo-single-post-nav.only-1-post .zoo-single-post-nav-item.next-post:hover span {
transform: translateX(18px);
}
.zoo-single-post-nav.only-1-post .zoo-single-post-nav-item.prev-post:hover span {
transform: translateX(-18px);
}
.zoo-single-post-nav-item {
width: 50%;
display: flex;
align-items: flex-start;
float: left;
padding: 25px 30px 30px;
position: relative;
overflow: hidden;
justify-content: center;
color: var(--main-color);
}
.zoo-single-post-nav-item a {
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 2;
opacity: 0;
}
.zoo-single-post-nav-item .content-single-post-nav-item {
display: inline-block;
position: relative;
z-index: 1;
width: 100%;
}
.zoo-single-post-nav-item i {
font-size: 2rem;
color: inherit;
height: 25px;
line-height: 25px;
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
}
.zoo-single-post-nav-item i:before {
line-height: 25px;
height: 25px;
}
.zoo-single-post-nav-item h4 {
margin: 0;
font-size: 1.25rem;
font-weight: 400;
letter-spacing: 0.5px;
padding: 5px 0 0;
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
color: var(--main-color);
}
.zoo-single-post-nav-item span {
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
font-size: 0.8125rem;
color: var(--accent-color);
text-transform: uppercase;
font-weight: 500;
letter-spacing: 1px;
display: flex;
align-items: center;
line-height: 25px;
height: 25px;
}
.zoo-single-post-nav-item:hover:before {
opacity: 0.8;
}
.zoo-single-post-nav-item:hover .post-nav-item-bg {
transform: scale(1.1);
}
.zoo-single-post-nav-item:hover i {
opacity: 1;
}
.zoo-single-post-nav-item.next-post {
text-align: right;
}
.zoo-single-post-nav-item.next-post span {
justify-content: flex-end;
}
.zoo-single-post-nav-item.next-post i {
padding-left: 10px;
}
.zoo-single-post-nav-item.next-post:hover span {
transform: translateX(35px);
}
.zoo-single-post-nav-item.next-post:hover i {
opacity: 0;
}
.zoo-single-post-nav-item.prev-post {
text-align: left;
border-right: none;
}
.zoo-single-post-nav-item.prev-post i {
padding-right: 10px;
}
.zoo-single-post-nav-item.prev-post:hover span {
transform: translateX(-35px);
}
.zoo-single-post-nav-item.prev-post:hover i {
opacity: 0;
}
.woo-multi-currency.wmc-shortcode.plain-vertical .wmc-currency-wrapper span.wmc-current-currency {
background-color: transparent !important;
}
/* Carousel */
@media (min-width: 992px) {
.cafe-carousel ul.slick-dots li {
padding: 0;
}
.cafe-carousel ul.slick-dots li.slick-active {
width: 40px;
}
.cafe-carousel .cafe-carousel-btn {
opacity: 0;
transition: 350ms;
-webkit-transition: 350ms;
-moz-transition: 350ms;
-o-transition: 350ms;
-ms-transition: 350ms;
}
.cafe-carousel .cafe-carousel-btn.prev-item {
left: 100px;
}
.cafe-carousel .cafe-carousel-btn.next-item {
right: 100px;
}
.cafe-carousel:hover .cafe-carousel-btn {
opacity: 1;
}
.cafe-carousel:hover .cafe-carousel-btn.prev-item {
left: -30px;
}
.cafe-carousel:hover .cafe-carousel-btn.next-item {
right: -30px;
}
}
.elementor-section-full_width .cafe-carousel:hover .cafe-carousel-btn.prev-item {
left: 0;
}
.elementor-section-full_width .cafe-carousel:hover .cafe-carousel-btn.next-item {
right: 0;
}
/* Testimonial */
/* Icon Box */
.elementor-widget-icon-box.icon-box-has-border .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-title {
position: relative;
}
.elementor-widget-icon-box.icon-box-has-border .elementor-icon-box-wrapper .elementor-icon-box-content .elementor-icon-box-title:after {
display: block;
content: "";
height: 2px;
width: 52px;
background: #fc6702;
position: absolute;
left: 0;
bottom: -15px;
right: 0;
margin: 0 auto;
}
/* Banner */
.cafe-wrap-image img {
width: auto !important;
}
.elementor-widget-clever-banner .cafe-banner.normal .cafe-wrap-content .cafe-wrap-extend-content .cafe-button.normal:before {
content: none;
}
.elementor-widget-clever-banner .cafe-banner.normal .cafe-wrap-content .cafe-wrap-extend-content .cafe-button.normal:after {
content: none;
}
.elementor-widget-clever-banner .cafe-banner .cafe-button.underline::before {
max-width: 0px;
}
.elementor-widget-clever-banner .cafe-banner .cafe-button.underline:hover::before {
max-width: 100%;
}
.banner-handyman .cafe-banner-description {
line-height: 1;
margin: 0;
}
.banner-handyman .cafe-banner-description * {
line-height: 1;
margin: 0;
}
/* Multibanner */
.multi-banner-style-1 .cafe-row.slick-slider .cafe-col {
padding: 0;
}
.multi-banner-style-1 .cafe-row.slick-slider .cafe-col .cafe-wrap-content-inner {
background: rgba(0, 0, 0, 0.5);
padding: 15px 0;
margin: 30px;
}
.multi-banner-style-1 .cafe-row.slick-slider .cafe-col .cafe-wrap-content-inner .cafe-banner-title {
margin-bottom: 10px;
}
.multi-banner-style-1 .cafe-row.slick-slider .cafe-col .cafe-wrap-content-inner .cafe-banner-description {
margin-bottom: 0;
}
/* Deal */
.cafe-products-wrap.layout-1 .cafe-countdown-block {
display: flex;
align-items: center;
background: #000;
padding: 0 15px;
border-radius: 6px;
color: #fff;
}
.cafe-products-wrap.layout-1 .cafe-countdown-block .countdown-block .countdown-times {
display: flex;
align-items: center;
}
.cafe-products-wrap.layout-1 .cafe-countdown-block .countdown-block .countdown-times > div {
margin: 0 5px !important;
font-size: 0;
display: flex;
align-items: center;
position: relative;
height: 30px;
}
.cafe-products-wrap.layout-1 .cafe-countdown-block .countdown-block .countdown-times > div.day {
display: none;
}
.cafe-products-wrap.layout-1 .cafe-countdown-block .countdown-block .countdown-times > div.hours b:after {
content: ":" !important;
}
.cafe-products-wrap.layout-1 .cafe-countdown-block .countdown-block .countdown-times > div.hours b:before {
content: "h" !important;
}
.cafe-products-wrap.layout-1 .cafe-countdown-block .countdown-block .countdown-times > div.minutes b:after {
content: ":" !important;
}
.cafe-products-wrap.layout-1 .cafe-countdown-block .countdown-block .countdown-times > div.minutes b:before {
content: "m" !important;
}
.cafe-products-wrap.layout-1 .cafe-countdown-block .countdown-block .countdown-times > div.seconds b:before {
content: "s" !important;
}
.cafe-products-wrap.layout-1 .cafe-countdown-block .countdown-block .countdown-times > div b {
display: block;
font-size: 16px;
background: none;
margin: 0;
color: #fff;
position: relative;
width: 50px;
}
.cafe-products-wrap.layout-1 .cafe-countdown-block .countdown-block .countdown-times > div b:before {
text-transform: lowercase;
color: #fff !important;
position: absolute;
top: 50%;
right: 0px;
z-index: 1;
transform: translateY(-50%);
}
.cafe-products-wrap.layout-1 .cafe-countdown-block .countdown-block .countdown-times > div b:after {
color: #fff !important;
position: absolute;
top: 50%;
right: -20px;
z-index: 1;
transform: translateY(-50%);
}
.cafe-deal-action-link .action-link {
display: flex;
align-items: center;
}
.cafe-deal-action-link .action-link:after {
content: "쉰";
font-family: "cleversoft";
font-size: 22px;
margin-left: 5px;
}
/* Product with Banner */
.filter-tabs-title-1 .cafe-head-product-filter {
justify-content: center;
margin-bottom: 50px;
font-size: 16px;
text-transform: uppercase;
color: #666;
}
.filter-tabs-title-2 .cafe-head-product-filter {
justify-content: center;
margin-bottom: 50px;
font-size: 14px;
color: #ccc;
}
.filter-tabs-title-2 .cafe-head-product-filter ul li {
padding: 0 8px;
}
.filter-tabs-title-2 .cafe-head-product-filter ul li a {
padding: 5px 15px;
border-radius: 15px;
}
.filter-tabs-title-2 .cafe-head-product-filter ul li a.active, .filter-tabs-title-2 .cafe-head-product-filter ul li a:hover {
color: #fff;
background: #000;
}
/* Instagram */
.wrap-instagram .instagram-item {
padding: 0;
}
/* Slider */
.cafe-slider-slides .slick-slide-inner {
padding: 0 15px !important;
}
@media (min-width: 992px) {
.cafe-slider-slides .slick-arrow {
opacity: 0;
transition: 350ms;
-webkit-transition: 350ms;
-moz-transition: 350ms;
-o-transition: 350ms;
-ms-transition: 350ms;
}
.cafe-slider-slides:hover .slick-arrow {
opacity: 1;
}
}
.cafe-slider-slides ul.slick-dots li button {
background: none;
border: 2px solid #fff;
}
.cafe-slider-slides ul.slick-dots li.slick-active button {
background: #fff;
border: none;
}
.slider-kids .slick-arrow {
width: 40px;
height: 40px;
line-height: 40px;
color: #fff;
border: 0;
text-align: center;
border-radius: 50%;
background-color: #ff4d9d;
}
.slider-kids .slick-arrow:before {
display: block;
height: 40px;
}
/* Video lightbox */
.cafe-video-light-box img {
width: 100%;
}
.elementor-widget-clever-posts .cafe-pagination .cafe_pagination-item {
background: var(--border-color);
height: 40px;
min-width: 40px;
text-align: center;
line-height: 40px;
font-size: 1.125rem;
display: inline-block;
margin: 0 3px;
color: var(--black-color);
font-weight: 400;
}
.elementor-widget-clever-posts .cafe-pagination .cafe_pagination-item.current, .elementor-widget-clever-posts .cafe-pagination .cafe_pagination-item:hover {
background: var(--accent-color);
color: var(--white-color);
border-color: var(--accent-color);
}
.elementor-widget-clever-posts .list-layout .wrap-post-item-content {
border-bottom: 1px solid var(--border-color);
padding-bottom: 35px;
margin-bottom: 35px;
}
.elementor-widget-clever-posts .list-layout .wrap-post-item-content > *:last-child {
margin-bottom: 0px;
}
.elementor-widget-clever-posts .list-layout .post-info {
margin-bottom: 10px;
}
.elementor-widget-clever-posts .list-layout .post-info li {
margin-right: 10px;
}
.elementor-widget-clever-posts .list-layout .post-info li.list-cat {
text-transform: capitalize;
}
.elementor-widget-clever-posts .list-layout .post-info li.list-cat a {
text-transform: capitalize;
font-size: inherit;
}
/* Clever Team */
.cafe-team-member.style-2 .cafe-member-ava {
box-shadow: none !important;
}
.cafe-team-member.style-2 .cafe-member-ava img {
width: 100%;
}
.cafe-team-member .cafe-member-ava .mash-color {
position: absolute;
height: 100%;
width: 100%;
bottom: 0;
left: 0;
opacity: 0;
transition: all 0.3s;
z-index: 1;
}
/* Accordion */
.elementor-accordion .elementor-tab-title {
display: flex;
align-items: center;
}
.sub_cate .wrap-category-item {
margin-bottom: 20px;
}
.cafe-deal-action-link .action-link {
color: #000;
}
.cafe-site-footer .elementor-widget-wp-widget-mc4wp_form_widget .mc4wp-form-fields {
border: none;
}
.cafe-site-footer .elementor-widget-wp-widget-mc4wp_form_widget .mc4wp-form-fields .mail-form {
display: flex;
width: 100%;
}
.cafe-site-footer .elementor-widget-wp-widget-mc4wp_form_widget .mc4wp-form-fields .mail-form input {
padding: 0px 10px;
height: 40px;
background: var(--white-color);
border: 1px solid var(--border-color);
min-width: 100px;
}
.cafe-site-footer .elementor-widget-wp-widget-mc4wp_form_widget .mc4wp-form-fields .mail-form input[type=submit] {
font-size: 0.8125rem;
margin-left: 5px;
background: var(--accent-color);
color: var(--white-color);
}
.cafe-site-footer .elementor-widget-wp-widget-mc4wp_form_widget .mc4wp-form-fields .mail-form input[type=submit]:hover {
background: var(--black-color);
}
/* Product */
.view-more-button {
margin-top: 15px;
}
.list-layout .list-layout-item {
padding-left: 0px;
padding-right: 0px;
}
.post-loop-item .zoo-post-inner .zoo-post-content {
text-align: left;
}
.post-loop-item .zoo-post-inner .zoo-post-content .post-info {
margin-bottom: 15px;
}
.post-loop-item .zoo-post-inner .zoo-post-content .post-info li {
margin: 0 15px;
}
.post-loop-item .zoo-post-inner .zoo-post-content .post-info li a {
color: #000;
font-weight: bold;
border: none;
}
.post-loop-item .zoo-post-inner .zoo-post-content .post-info li a:after {
border: none;
}
.post-loop-item .zoo-post-inner .zoo-post-content .post-info li i {
display: none;
}
.post-loop-item .zoo-post-inner .zoo-post-content .post-info li:first-child {
margin-left: 0;
}
.post-loop-item .zoo-post-inner .zoo-post-content .entry-content {
display: block;
}
.post-loop-item .zoo-post-inner .zoo-post-content .entry-title {
font-size: 1.625rem;
font-weight: normal;
}
.post-loop-item .zoo-post-inner .zoo-post-content .readmore {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0;
font-weight: 400;
height: 40px;
display: inline-block;
border: 1px solid #000;
background: #fff;
color: #000;
line-height: 40px;
padding: 0 20px;
margin: 20px 0;
transition: all 0.4s;
}
.post-loop-item .zoo-post-inner .zoo-post-content .readmore:hover {
color: #fff;
}
.post-loop-item .zoo-post-inner .zoo-post-content .readmore:after {
content: none;
}
@media (max-width: 991.98px) {
.blog .main-content,
.archive .main-content, .search .main-content {
padding-top: 20px;
}
}
/* Sidebar */
.widget .search-form {
margin-top: 0;
}
.cat-item span.count,
.widget_archive li span.count {
color: inherit;
}
.widget .tagcloud a {
background: var(--accent-color);
border-color: var(--accent-color);
color: var(--white-color);
}
.widget span.zoo-icon-down {
display: none;
}
.widget li a {
display: block;
}
.sidebar.widget-area .widget, .elementor-widget-sidebar .widget {
margin-bottom: 40px;
padding-bottom: 0px;
border-bottom: none;
}
.sidebar.widget-area .widget .widget-title, .elementor-widget-sidebar .widget .widget-title {
font-size: 1.25rem;
text-transform: none;
color: #000;
border-bottom: 1px solid #ebebeb;
margin-bottom: 40px;
padding-bottom: 20px;
position: relative;
}
.sidebar.widget-area .widget .widget-title:after, .elementor-widget-sidebar .widget .widget-title:after {
content: "";
width: 50px;
height: 3px;
background: var(--accent-color);
border-bottom: none;
position: absolute;
left: 0;
bottom: -2px;
z-index: 0;
}
.sidebar.widget-area .widget ul li, .elementor-widget-sidebar .widget ul li {
padding: 12px 0;
border-bottom: 0;
}
.sidebar.widget-area .widget.widget_categories ul li, .elementor-widget-sidebar .widget.widget_categories ul li {
position: relative;
padding: 12px 0;
}
.sidebar.widget-area .widget.widget_categories ul li a, .elementor-widget-sidebar .widget.widget_categories ul li a {
font-size: 0.875rem;
color: #666;
}
.sidebar.widget-area .widget.widget_categories ul li a:hover, .elementor-widget-sidebar .widget.widget_categories ul li a:hover {
color: var(--accent-color);
}
.sidebar.widget-area .widget.widget_categories ul li ul, .elementor-widget-sidebar .widget.widget_categories ul li ul {
border: 0;
}
.sidebar.widget-area .widget.widget_categories ul li span.count, .elementor-widget-sidebar .widget.widget_categories ul li span.count {
min-width: 20px;
height: 20px;
text-align: center;
display: block;
margin-left: 10px;
line-height: 20px;
background: #f5f5f5;
border-radius: 2px;
font-size: 12px;
color: inherit;
}
.sidebar.widget-area .widget.widget_categories ul li li, .elementor-widget-sidebar .widget.widget_categories ul li li {
padding: 12px 0;
}
.sidebar.widget-area .widget.widget_categories ul li span.toggle-view, .elementor-widget-sidebar .widget.widget_categories ul li span.toggle-view {
top: 12px;
}
.sidebar.widget-area .widget.widget_categories ul.children, .elementor-widget-sidebar .widget.widget_categories ul.children {
display: none;
}
.sidebar.widget-area .widget.zoo_posts_widget .zoo-posts-widget .post-widget-item, .elementor-widget-sidebar .widget.zoo_posts_widget .zoo-posts-widget .post-widget-item {
margin-bottom: 0;
}
.sidebar.widget-area .widget.zoo_posts_widget .zoo-posts-widget .date-post i, .elementor-widget-sidebar .widget.zoo_posts_widget .zoo-posts-widget .date-post i {
color: var(--accent-color);
}
.sidebar.widget-area .widget.widget_nav_menu ul li a, .sidebar.widget-area .widget.widget_recent_entries ul li a, .sidebar.widget-area .widget.widget_meta ul li a, .sidebar.widget-area .widget.widget_categories ul li a, .sidebar.widget-area .widget.widget_archive ul li a, .sidebar.widget-area .widget.widget_pages ul li a, .elementor-widget-sidebar .widget.widget_nav_menu ul li a, .elementor-widget-sidebar .widget.widget_recent_entries ul li a, .elementor-widget-sidebar .widget.widget_meta ul li a, .elementor-widget-sidebar .widget.widget_categories ul li a, .elementor-widget-sidebar .widget.widget_archive ul li a, .elementor-widget-sidebar .widget.widget_pages ul li a {
position: relative;
padding-left: 15px;
display: inline-block;
}
.sidebar.widget-area .widget.widget_nav_menu ul li a:before, .sidebar.widget-area .widget.widget_recent_entries ul li a:before, .sidebar.widget-area .widget.widget_meta ul li a:before, .sidebar.widget-area .widget.widget_categories ul li a:before, .sidebar.widget-area .widget.widget_archive ul li a:before, .sidebar.widget-area .widget.widget_pages ul li a:before, .elementor-widget-sidebar .widget.widget_nav_menu ul li a:before, .elementor-widget-sidebar .widget.widget_recent_entries ul li a:before, .elementor-widget-sidebar .widget.widget_meta ul li a:before, .elementor-widget-sidebar .widget.widget_categories ul li a:before, .elementor-widget-sidebar .widget.widget_archive ul li a:before, .elementor-widget-sidebar .widget.widget_pages ul li a:before {
content: "";
width: 6px;
height: 6px;
border-radius: 100%;
background: var(--accent-color);
position: absolute;
top: 9px;
left: 0;
z-index: 1;
margin: 0;
}
.tagcloud {
margin-top: 25px;
}
.tagcloud a {
color: #161616;
border-radius: 30px;
padding: 5px 0 5px 5px;
}
.tagcloud a:hover {
color: #fff;
}
.recentcomments a {
display: inline-block !important;
}
@media (min-width: 1400px) {
.has-right-sidebar .wrap-loop-content {
padding-right: 35px;
}
.has-left-sidebar .wrap-loop-content {
padding-left: 35px;
}
}
@media (min-width: 1200px) {
.has-right-sidebar .wrap-loop-content {
padding-right: 35px;
}
.has-left-sidebar .wrap-loop-content {
padding-left: 35px;
}
}
.wcmp_vendor_banner_template {
display: none;
}
.warp-vendor-info {
background: #f7f7f7;
margin-bottom: 30px;
}
.warp-vendor-info .vendor-content-profile {
padding: 25px;
}
.warp-vendor-info .vendor-content-profile .vendor-title {
font-size: 20px;
margin-bottom: 8px;
margin-top: 0;
}
.warp-vendor-info .vendor-content-profile .title {
border-bottom: 1px solid #d5d5d5;
margin-bottom: 20px;
padding-bottom: 15px;
}
.warp-vendor-info .vendor-content-profile .vendor-content {
color: #252525;
font-size: 14px;
font-weight: 600;
margin-bottom: 5px;
clear: both;
}
.warp-vendor-info .vendor-content-profile .vendor-content span {
color: #7d7d7d;
font-weight: normal;
}
.warp-vendor-info .vendor-content-profile .vendor-social {
margin: 0;
width: 100%;
display: block;
}
.warp-vendor-info .vendor-content-profile .vendor-social li {
list-style-type: none;
float: left;
margin-right: 10px;
}
.warp-vendor-info .vendor-content-profile .vendor-social li a {
width: 36px;
height: 36px;
display: block;
line-height: 37px;
text-align: center;
color: #fff;
border-radius: 2px;
opacity: 0.8;
transition: 300ms;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
-ms-transition: 300ms;
}
.warp-vendor-info .vendor-content-profile .vendor-social li a:hover {
opacity: 1;
}
.warp-vendor-info .vendor-content-profile .vendor-social li.facebook a {
background: #1b4e9b;
}
.warp-vendor-info .vendor-content-profile .vendor-social li.twitter a {
background: #00aeef;
}
.warp-vendor-info .vendor-content-profile .vendor-social li.googleplus a {
background: #c30000;
}
.warp-vendor-info .vendor-content-profile .vendor-social li.linkedln a {
background: #00c1cf;
}
.warp-vendor-info .vendor-content-profile .vendor-social li.youtube a {
background: #bb0000;
}
.warp-vendor-info .vendor-content-profile .vendor-social li.instagram a {
background: #9c27b0;
}
.warp-vendor-info .vendor-rating {
display: flex;
align-items: center;
width: 100%;
border-bottom: 1px solid #d5d5d5;
margin-bottom: 20px;
padding-bottom: 15px;
}
.warp-vendor-info .vendor-rating .wcmp_total_rating_number {
display: none;
}
.warp-vendor-info .vendor-rating a {
display: block;
font-size: 0;
}
.warp-vendor-info .vendor-rating .totals-rating {
font-size: 14px;
margin-left: 15px;
}
.warp-vendor-info .vendor-rating .star-rating {
float: left;
display: inline-block;
font-size: 12px;
}
.warp-vendor-info .vendor-rating > div {
display: none;
}
.product-vendor .by-vendor-name-link {
display: none !important;
}
.wcmp-quick-info-wrapper input[type=submit] {
display: block !important;
margin: 0 auto !important;
text-transform: uppercase;
}
.comment-form input[type=button] {
border: 0 !important;
text-transform: uppercase;
font-weight: bold !important;
font-family: inherit;
}
.zoo-by-vendor-name-link {
display: block;
width: 100%;
text-align: center;
font-size: 12px;
color: #959595;
text-transform: uppercase;
}
/* Dokan Css */
.warp-dokan-vendor-info ul:not(.products) {
margin: 0;
}
.warp-dokan-vendor-info ul:not(.products) li {
list-style-type: none;
width: 100%;
display: block;
padding: 0 !important;
}
.warp-dokan-vendor-info ul:not(.products) li:before {
content: none !important;
}
.warp-dokan-vendor-info ul.store-social li {
display: inline-block;
width: auto;
}
.warp-dokan-vendor-info .profile-info-summery {
padding-top: 15px !important;
padding-left: 15px !important;
padding-right: 15px !important;
}
.warp-dokan-vendor-info .widget {
margin-bottom: 35px;
}
.warp-dokan-vendor-info .widget .widget-title {
font-size: 1.25rem;
margin-bottom: 25px;
line-height: 1.5;
text-transform: none;
color: #000;
border-bottom: 1px solid #ebebeb;
margin-bottom: 40px;
padding-bottom: 20px;
position: relative;
}
.warp-dokan-vendor-info .widget .widget-title:after {
content: "";
width: 50px;
height: 3px;
background: #000;
position: absolute;
left: 0;
bottom: -2px;
z-index: 0;
}
.warp-dokan-vendor-info .seller-form {
text-align: center;
}
.warp-dokan-vendor-info .seller-form input[type=submit] {
text-align: center;
margin: 20px auto;
border-radius: 0;
line-height: 1.9;
float: none !important;
padding: 10px 25px;
font-size: 0.875rem;
font-weight: bold;
text-tranform: uppercase;
}
.dokan-seller-search-form {
max-width: 25%;
}
.dokan-seller-search-form .search-field {
height: 35px;
line-height: 35px;
}
.star-rating * {
line-height: 1;
}
#dokan-seller-listing-wrap ul.dokan-seller-wrap li .store-content .store-info .featured-favourite {
padding: 15px 20px 0px;
}
#dokan-seller-listing-wrap ul.dokan-seller-wrap li .store-content .store-info .store-data h2 {
margin: 5px 0px;
}
#dokan-seller-listing-wrap ul.dokan-seller-wrap li .store-content .store-info .store-data p.store-address br, #dokan-seller-listing-wrap ul.dokan-seller-wrap li .store-content .store-info .store-data p.store-address .city, #dokan-seller-listing-wrap ul.dokan-seller-wrap li .store-content .store-info .store-data p.store-address .state {
display: none;
}
#dokan-seller-listing-wrap ul.dokan-seller-wrap li .store-content .store-info .store-data p.store-address span {
display: block;
width: 100%;
}
#dokan-seller-listing-wrap ul.dokan-seller-wrap li .store-content .store-info .store-data .dokan-seller-rating {
margin: 5px 0px 10px;
}
.dokan-single-store {
margin-top: 8px;
}
.dokan-single-store .profile-frame.profile-frame-no-banner .profile-layout-layout3 .profile-info-summery-wrapper .profile-info-summery {
background: #f1f1f1;
padding: 0 !important;
}
.dokan-single-store .profile-frame.profile-frame-no-banner .profile-layout-layout3 .profile-info-summery-wrapper .profile-info-summery .profile-info-head {
width: 40%;
}
.dokan-single-store .profile-frame.profile-frame-no-banner .profile-layout-layout3 .profile-info-summery-wrapper .profile-info-summery .profile-info {
width: 60%;
padding: 5px 25px;
}
.dokan-single-store .profile-frame.profile-frame-no-banner .profile-layout-layout3 .profile-info-summery-wrapper .profile-info-summery .profile-info .store-name {
font-size: 26px;
margin-bottom: 10px;
}
.dokan-single-store .profile-frame.profile-frame-no-banner .profile-layout-layout3 .profile-info-summery-wrapper .profile-info-summery .profile-info .dokan-store-rating {
border-bottom: 1px solid #ccc;
padding-bottom: 15px;
margin-bottom: 15px;
display: flex;
align-items: center;
}
.dokan-single-store .profile-frame.profile-frame-no-banner .profile-layout-layout3 .profile-info-summery-wrapper .profile-info-summery .profile-info .dokan-store-rating .seller-rating {
display: block;
margin-right: 15px;
}
.dokan-single-store .profile-frame.profile-frame-no-banner .profile-layout-layout3 .profile-info-summery-wrapper .profile-info-summery .profile-info .dokan-store-info {
padding-left: 0;
}
.dokan-single-store .profile-frame.profile-frame-no-banner .profile-layout-layout3 .profile-info-summery-wrapper .profile-info-summery .profile-info .dokan-store-info li label {
font-weight: bold;
color: #000;
}
.dokan-single-store .profile-frame.profile-frame-no-banner .profile-layout-layout3 .profile-info-summery-wrapper .profile-info-summery .profile-info .store-social-wrapper > label {
margin-bottom: 5px;
display: block;
font-weight: bold;
}
.dokan-single-store .profile-frame.profile-frame-no-banner .profile-layout-layout3 .profile-info-summery-wrapper .profile-info-summery .profile-info-head .profile-img {
margin-bottom: 0;
text-align: left;
}
.dokan-single-store .profile-frame.profile-frame-no-banner .profile-layout-layout3 .profile-info-summery-wrapper .profile-info-summery .profile-info-head .profile-img img {
width: auto;
height: auto;
border: 0;
}
.dokan-single-store .profile-frame .profile-info-box.profile-layout-layout2 .profile-info-summery-wrapper {
height: auto;
}
.dokan-single-store .profile-frame .profile-info-box.profile-layout-layout2 .profile-info-summery-wrapper .dokan-store-info {
margin-bottom: 20px !important;
}
.dokan-single-store .profile-frame .profile-info-box.profile-layout-layout2 .profile-info-summery-wrapper .dokan-store-info li {
text-align: center !important;
}
.dokan-single-store .dokan-store-tabs {
margin: 35px 0 25px 0;
}
.dokan-single-store .dokan-store-tabs .dokan-list-inline li {
padding: 10px 15px !important;
background: #ebebeb;
}
.dokan-single-store .dokan-info {
background: #fff7da;
border: 0;
}
.dokan-single-store .dokan-info:before {
background: none;
content: "설";
font-family: cleversoft;
color: #d88f10;
font-size: 20px;
padding-top: 0;
top: 10px;
}
@media (max-width: 992px) {
.warp-vendor-info .container .row {
display: block;
}
.warp-vendor-info .container .row > * {
flex: unset;
max-width: unset;
display: flex;
flex-direction: column;
}
.warp-vendor-info .container .row .vendor-img-profile {
margin-bottom: 30px;
display: block;
}
}
/* */
.loading .products {
position: relative;
}
/* Count Down Custom */
.zoo-countdown .countdown-times > div {
padding: 0 10px;
margin: 0;
}
/* Demo Store */
.woocommerce-demo-store .woocommerce-store-notice {
position: unset;
background: #d0eced;
font-size: 16px;
color: #333;
padding: 6px 0;
}
.woocommerce-demo-store .woocommerce-store-notice a {
text-decoration: none;
color: inherit;
}
.woocommerce-demo-store .woocommerce-store-notice a:hover {
color: #fc6702;
}
.woocommerce-demo-store .woocommerce-store-notice a.woocommerce-store-notice__dismiss-link {
font-size: 0;
position: absolute;
top: 5px;
right: 30px;
z-index: 1;
}
.woocommerce-demo-store .woocommerce-store-notice a.woocommerce-store-notice__dismiss-link:before {
content: "쁧";
font-family: "cleversoft";
font-size: 16px;
}
/* Shop */
.zoo-sidebar-control .text-after,
.zoo-sidebar-control .text-before {
white-space: nowrap;
}
/* Product Single */
.wrap-single-product-content .woo-multi-currency {
display: none;
}
/* Cart */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce a.added_to_cart,
.woocommerce button.button,
.woocommerce button.added_to_cart,
.woocommerce input.button,
.woocommerce input.added_to_cart,
.woocommerce-checkout #payment .button,
.woocommerce-checkout #payment .added_to_cart,
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
height: 40px;
display: flex;
padding: 0 25px;
align-items: center;
justify-content: center;
}
.woocommerce #reviews .comment-form-rating {
margin-bottom: 75px;
}
.woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout):hover,
.woocommerce-mini-cart__buttons .wc-forward.added_to_cart:not(.checkout):hover {
border-color: #000;
}
.products .product {
padding: 0 7px;
margin-bottom: 20px;
}
.products .product .wrap-product-loop-content .wrap-product-loop-detail .product-loop-title {
font-size: 14px;
color: #999;
font-weight: 400;
}
.products .product .wrap-product-loop-content .star-rating {
font-size: 13px !important;
margin: 5px auto 10px auto !important;
}
ul.products, .woocommerce ul.products {
margin-left: -7px !important;
margin-right: -7px !important;
width: calc(100% + 14px);
}
.woocommerce .widget_shopping_cart .wrap-bottom-mini-cart {
display: block !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
text-align: center;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
font-weight: bold;
padding: 8px 0;
border: none;
position: relative;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
height: 3px;
width: 0;
position: absolute;
content: "";
display: block;
border: none;
left: 0;
top: calc(100% - 2px);
z-index: 1;
transition: all 300ms;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before {
width: 100%;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: #000;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-weight: bold;
}
.wrap-single-product-content section.products h2 {
border-bottom-width: 2px;
font-weight: bold;
}
.wrap-single-product-content section.products ul.products:before {
width: calc(100% - 30px) !important;
}
.wrap-single-product-content .zoo-countdown .countdown-block > div b:after {
left: calc(100% + 11px) !important;
}
.zoo-product-solved-day {
color: #eb212e;
font-weight: 500;
}
.zoo-product-solved-day i {
-webkit-animation: blink 0.6s infinite ease-in-out;
animation: blink 0.6s infinite ease-in-out;
}
.woocommerce .woocommerce-breadcrumb {
display: block !important;
height: auto !important;
padding: 5px 0;
}
.woocommerce .wrap-top-shop-loop {
position: relative;
z-index: 2;
background: var(--border-color);
}
.woocommerce .wrap-top-shop-loop form.woocommerce-ordering select {
border: none;
height: 40px;
}
.woocommerce .wrap-top-shop-loop nav.woocommerce-pagination ul.page-numbers li .page-numbers.prev {
padding: 5px 10px;
}
.woocommerce .wrap-drop-down-pagination .woocommerce-pagination ul.page-numbers li .page-numbers {
border-radius: 0px;
}
.woocommerce ul.products li.product .wrap-product-loop-content .wrap-product-loop-detail .product-loop-title {
color: var(--main-color);
font-size: 1rem;
}
.woocommerce ul.products li.product .wrap-product-loop-content .wrap-product-loop-detail .product-loop-title:hover {
color: var(--accent-color);
}
.woocommerce ul.products li.product .price > span {
color: var(--accent-color);
}
.woocommerce ul.products li.product .price ins span {
color: var(--accent-color);
}
.woocommerce div.product .summary .product_title {
font-size: 1.875rem;
}
.woocommerce div.product .summary .price > span {
color: var(--accent-color);
}
.woocommerce div.product .summary .price ins span {
color: var(--accent-color);
}
.woocommerce div.product .summary .wrap-group-qty div.quantity, .woocommerce div.product .summary .bundle_button div.quantity {
height: 40px;
}
.woocommerce div.product .summary form.cart .button.single_add_to_cart_button,
.woocommerce div.product .summary form.cart .single_add_to_cart_button.added_to_cart {
background: var(--accent-color);
}
.woocommerce div.product .summary form.cart .button.single_add_to_cart_button:hover,
.woocommerce div.product .summary form.cart .single_add_to_cart_button.added_to_cart:hover {
background: var(--black-color);
}
.woocommerce div.product .summary .product_meta {
text-transform: capitalize;
}
.woocommerce div.product .summary .product_meta .posted_in, .woocommerce div.product .summary .product_meta .zoo-woo-share {
text-transform: capitalize;
width: 100%;
display: inline-block;
color: #666;
font-size: 1rem;
margin-bottom: 5px;
text-decoration: none;
}
.woocommerce div.product .summary .product_meta .posted_in a, .woocommerce div.product .summary .product_meta .wcmp-report-abouse-wrapper a {
text-transform: capitalize;
width: 100%;
color: #666;
font-size: 1rem;
margin-bottom: 5px;
text-decoration: none;
}
.woocommerce div.product .summary .product_meta .posted_in a:hover, .woocommerce div.product .summary .product_meta .wcmp-report-abouse-wrapper a:hover {
color: var(--accent-color);
}
.woocommerce div.product .summary .zoo-woo-share .label-share {
font-size: 1rem;
text-transform: capitalize;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
border-bottom: 1px solid var(--border-color);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
height: 3px;
width: 0;
position: absolute;
content: "";
display: block;
border: none;
left: 0;
top: calc(100% - 2px);
z-index: 1;
transition: 300ms;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
-ms-transition: 300ms;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
color: inherit;
font-size: 0.875rem;
padding: 0;
text-transform: uppercase;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover:before, .woocommerce div.product .woocommerce-tabs ul.tabs li.active:before {
background: var(--accent-color);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:hover a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: #000;
}
.woocommerce .zoo-product-data-tabs {
padding-left: 0px;
padding-right: 0px;
}
.woocommerce #review_form .comment-form-rating {
margin-bottom: 15px;
}
.woocommerce #review_form #respond p.comment-form-cookies-consent {
display: flex;
margin-bottom: 20px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce a.added_to_cart, .woocommerce button.button, .woocommerce button.added_to_cart, .woocommerce input.button, .woocommerce input.added_to_cart {
background: var(--accent-color);
}
.woocommerce .zoo-sticky-add-to-cart .button.button-sticky-add-to-cart, .woocommerce .zoo-sticky-add-to-cart .button-sticky-add-to-cart.added_to_cart {
background: var(--accent-color);
}
.woocommerce .zoo-sticky-add-to-cart .button.button-sticky-add-to-cart:hover, .woocommerce .zoo-sticky-add-to-cart .button-sticky-add-to-cart.added_to_cart:hover {
background: var(--black-color);
}
.cwpf_redraw_zone .cwpf_container .cwpf_container_inner .cwpf_block_html_items .cwpf_list li .child-title input {
margin: 0px 3px 3px 0;
}
.woocommerce-checkout #payment .button,
.woocommerce-checkout #payment .added_to_cart,
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
background: var(--accent-color);
}
.woocommerce-checkout #payment .button:hover,
.woocommerce-checkout #payment .added_to_cart:hover,
#add_payment_method .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover {
background: var(--black-color);
}
.cafe-canvas-cart-content.loading {
position: fixed;
}
.loading::before, .zoo-popup-panel .popup-mask-close.loading::before {
display: none;
}
.zoo-popup-panel .zoo-popup-inner {
z-index: 11;
}
.elementor-widget-container .woo-multi-currency.wmc-shortcode.plain-vertical {
display: block;
}
.elementor-widget-container .woo-multi-currency.wmc-shortcode.plain-vertical .wmc-current-currency-arrow {
display: none;
}
.zoo-mask-close.loading {
position: fixed;
}
.zoo-mask-close.loading::before {
display: none;
}/*# sourceMappingURL=zoo-styles.css.map */