@charset "UTF-8";
/* Global*/
@keyframes circus {
  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;
  }
}
:root {
  --body-color: #374151;
  --accent-color: #4bb0b2;
  --border-color: #dfe4ea;
  --form-border-color: #dfe4ea;
  --gray: #e5e7eb;
  --border-dark: #e5e7eb;
  --quote-icon-color: #8899a8;
  --text-color: #374151;
  --bg-dark: #f3f4f6;
  --black-color: #000000;
  --white-color: #fff;
  --breadcrumb-color: #8899a8;
  --breakcrumb-active-color: #4bb0b2;
  --bg-social-icon: #333940;
  --title-color: #263d55;
  --bg-blog: #f9fafb;
  --color-button: #fff;
  --color-hover-button: #fff;
  --bg-button: #4bb0b2;
  --bg-hover-button: #2d696a;
  --product-title: #000000;
  --product-title-hover: #959595;
  --product-title-detail: #000000;
  --product-button-hover: #959595;
  --new-bg: #00aeef;
  --stock-bg: #56b400;
  --red-bg: #ee1c25;
  --block-color: #f56f5e;
  --dark-red-color: #cc0000;
  --star-color: #ffcc33;
  --star-unvoted-color: #ccc;
  --price-color: #000;
  --del-price-color: #959595;
  --sale-price-color: #000;
  --forward-btn-bg: #ebebeb;
  --bg-qty: #f7f8fa;
  --sec-accent-color: #8899a8;
  --sec-color: #8899a8;
  --border-color: #dfe4ea;
  --title-hover-color: #4bb0b2;
  --link-color: #4bb0b2;
  --link-hover-color: #2d696a;
  --date-color: #8899A8;
  --color-except: #8899a8;
  --bg-block-color: #f9fafb;
  --bg-toggle-block: #f9f9f9;
  --sidebar-color: #374151;
  --footer-color: #fff;
  --footer-bg: #000;
  --black-transparent-1: rgba(0, 0, 0, 0.1);
  --black-transparent-2: rgba(0, 0, 0, 0.2);
  --black-transparent-4: rgba(0, 0, 0, 0.4);
  --black-transparent-5: rgba(0, 0, 0, 0.5);
  --black-transparent-8: rgba(0, 0, 0, 0.8);
  --black-transparent-9: rgba(0, 0, 0, 0.9);
  --white-transparent-9: rgba(255, 255, 255, 0.9);
  --white-transparent-8: rgba(255, 255, 255, 0.8);
  --white-transparent-5: rgba(255, 255, 255, 0.5);
  --white-transparent-2: rgba(255, 255, 255, 0.2);
  --white-transparent-1: rgba(255, 255, 255, 0.1);
  /**
  * FONT SIZE
  **/
  --font-2xs: 0.625rem;
  --font-xs: 0.75rem;
  --font-sm: 0.875rem;
  --font-md: 1rem;
  --font-lg: 1.125rem;
  --font-xl: 1.25rem;
  --font-2xl: 1.5rem;
  --font-3xl: 1.75rem;
  --font-4xl: 1.875rem;
  --font-5xl: 2.5rem;
  --font-6xl: 3rem;
  --font-6xl: 3.75rem;
}

/**
* 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 var(--black-transparent-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;
}

.wp-block-columns {
  margin-left: -15px;
  margin-right: -15px;
}
.wp-block-columns .wp-block-column {
  padding-left: 15px;
  padding-right: 15px;
}
.wp-block-columns:not(.alignwide):not(.alignfull) {
  margin-top: 60px;
  margin-bottom: 40px;
}

.entry-content > .wp-block-columns:first-child {
  margin-top: 0;
}

@media (min-width: 600px) and (max-width: 768px) {
  .wp-block-columns .wp-block-column:nth-child(2n) {
    margin-left: 2em;
  }
}
.alignwide {
  margin: 32px calc(25% - 25vw);
  max-width: 100vw;
}

.alignfull {
  margin: 32px calc(50% - 50vw);
  max-width: 100vw;
  width: 100vw;
}

.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-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);
}

.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*/
.wp-block-calendar {
  margin-bottom: 30px;
}

.wp-calendar-table {
  text-align: center;
}
.wp-calendar-table caption {
  margin-bottom: 10px;
  font-weight: 500;
}
.wp-calendar-table th, .wp-calendar-table td {
  padding: 8px 0;
  text-align: center;
}
.wp-calendar-table thead {
  border: 1px solid var(--border-color);
}
.wp-calendar-table thead td, .wp-calendar-table thead th {
  border-bottom: none;
  background: none;
}
.wp-calendar-table tfoot {
  border-left: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
}
.wp-calendar-table tfoot td {
  border-right: 1px solid var(--border-color);
}
.wp-calendar-table tbody tr {
  background: none !important;
}
.wp-calendar-table tbody td {
  border-left: 1px solid var(--border-color);
  border-right: 1px solid var(--border-color);
}
.wp-calendar-table tbody #today {
  background: var(--bg-block-color);
  color: var(--black-color);
}

.wrap-site-header-mobile .is-sticky {
  box-shadow: 0 0 5px var(--black-transparent-2);
}

.wp-block-separator {
  border: 0;
  height: 0;
  border-top: 1px solid var(--border-color);
}
.wp-block-separator.is-style-default {
  max-width: 200px;
}

.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 var(--black-transparent-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: 24px;
  bottom: 30px;
  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, .zoo-about-me .wrap-sign, .zoo-about-me .caption {
  margin-bottom: 15px;
}
.zoo-about-me .caption {
  text-align: left;
}

#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: var(--sec-accent-color);
  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;
}

/*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);
}

.wp-block-search .wp-block-search__inside-wrapper {
  flex-wrap: wrap;
}
.wp-block-search .wp-block-search__inside-wrapper input, .wp-block-search .wp-block-search__inside-wrapper button {
  margin-bottom: 10px;
  width: 100%;
}

.wrap-loop-content {
  margin-bottom: 30px;
}

.blog .main-content,
.archive .main-content,
.search .main-content {
  padding-top: 30px;
  padding-bottom: 30px;
}
.blog .main-content > .container > .row,
.archive .main-content > .container > .row,
.search .main-content > .container > .row {
  justify-content: space-between;
}

.list-layout-item {
  margin-bottom: 40px;
}

.list-layout .readmore {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .blog .main-content,
  .archive .main-content,
  .search .main-content {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .list-layout-item:not(.without-thumbnail) {
    display: flex;
    justify-content: space-between;
  }
  .list-layout-item:not(.without-thumbnail) .zoo-post-inner {
    width: calc(60% - 20px);
  }
  .list-layout-item:not(.without-thumbnail) .wrap-media {
    margin: 0;
    width: 40%;
  }
  .right-section .list-layout-item:not(.without-thumbnail) .wrap-media {
    width: 40%;
  }
  .right-section .list-layout-item:not(.without-thumbnail) .zoo-post-inner {
    width: calc(60% - 20px);
  }
}
@media (min-width: 1200px) {
  .has-right-sidebar .wrap-loop-content {
    padding-right: 55px;
  }
  .has-left-sidebar .wrap-loop-content {
    padding-left: 55px;
  }
  .list-layout-item {
    margin-bottom: 62px;
  }
}
@media (min-width: 1400px) {
  .wrap-loop-content:not(.post-related) > .row {
    margin-left: -30px;
    margin-right: -30px;
  }
  .wrap-loop-content:not(.post-related) > .row > .col-12 {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.list-cat a {
  color: var(--title-color);
  font-weight: 500;
}
.list-cat a:last-child {
  margin: 0;
}
.list-cat a:hover {
  color: var(--accent-color);
}

.post-loop-item .entry-title {
  margin-bottom: 12px;
  font-size: var(--font-xl);
}
.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);
}

.zoo-post-inner .post-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 12px;
  font-size: var(--font-sm);
  font-weight: 500;
}
.zoo-post-inner .post-info.post-loop-info {
  font-size: var(--font-xs);
}
.zoo-post-inner .post-info.post-loop-info .post-read {
  color: inherit;
}

.sticky-post-label {
  background: var(--accent-color);
  border-radius: 20px;
  padding: 2px 15px;
  font-size: var(--font-xs);
  margin: 0;
  text-transform: uppercase;
  color: var(--white-color);
  letter-spacing: 1px;
  display: inline-block;
  transform: translateY(-8px);
}

.wrap-media {
  display: inline-block;
  position: relative;
  margin-bottom: 24px;
}
.wrap-media img {
  border-radius: 12px;
  width: 100%;
}
.wrap-media .sticky-post-label {
  margin: 0;
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 2;
  transform: none;
}

.post-loop-item .wrap-main-info {
  padding-left: 15px;
}
.post-loop-item .wrap-media {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
  position: relative;
}
.post-loop-item .wrap-media a {
  display: block;
}
.post-loop-item .wrap-media img {
  border-radius: 12px;
  display: block;
  transition: ease 500ms;
  -webkit-transition: ease 500ms;
  -moz-transition: ease 500ms;
  -o-transition: ease 500ms;
  -ms-transition: ease 500ms;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.post-loop-item .readmore {
  display: inline-block;
  text-transform: capitalize;
  color: var(--link-color);
  position: relative;
  margin-top: 20px;
}
.post-loop-item .readmore:hover {
  color: var(--link-hover-color);
}
.post-loop-item .wrap-post-content {
  font-size: var(--font-sm);
  font-weight: 400;
}
.post-loop-item .entry-content {
  display: inline-block;
  width: 100%;
  text-align: initial;
  color: var(--sec-accent-color);
}
.post-loop-item .entry-content:empty {
  display: none;
}
.post-loop-item .entry-content > :last-child {
  margin-bottom: 0;
}

.grid-layout .wrap-post-item-content {
  width: 100%;
  display: inline-block;
}
.grid-layout .wrap-post-item-content > p {
  margin-bottom: 15px;
}

.left-section .grid-layout-item .zoo-post-inner {
  border-radius: 12px;
  border: 1px solid var(--border-color);
  box-shadow: 0 4px 12px rgba(13, 10, 44, 0.06);
  background: var(--white-color);
  padding: 16px;
}

.grid-layout-item {
  margin-bottom: 30px;
}
.grid-layout-item .zoo-post-inner {
  display: flex;
  flex-direction: column;
}
.grid-layout-item .post-info.post-loop-info {
  font-size: var(--font-sm);
  order: -1;
  margin-bottom: 16px;
}
.grid-layout-item .list-cat {
  margin-bottom: 0;
}
.grid-layout-item .wrap-media {
  overflow: hidden;
  margin-bottom: 18px;
  border-radius: 12px;
}
.grid-layout-item img {
  transition: all 300ms;
  display: block;
  width: 100%;
}
.grid-layout-item .title-post {
  font-size: var(--font-xl);
}
.grid-layout-item .title-post a:hover {
  color: var(--accent-color);
}
.grid-layout-item .readmore {
  display: inline-block;
  margin-bottom: 0;
}

.right-section .grid-layout-item {
  height: calc(100% - 30px);
  max-width: 100%;
  width: 100%;
  padding: 0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(13, 10, 44, 0.06);
  --date-color: var(--white-color);
}
.right-section .grid-layout-item .wrap-media {
  width: 100%;
  height: 100%;
  margin: 0;
}
.right-section .grid-layout-item .wrap-media a {
  height: 100%;
}
.right-section .grid-layout-item .wrap-media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.right-section .grid-layout-item .zoo-post-inner {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background-color: rgba(4, 115, 115, 0.9);
  padding: 16px;
  z-index: 1;
}
.right-section .grid-layout-item .post-info.post-loop-info {
  order: unset;
  margin-bottom: 20px;
}
.right-section .grid-layout-item .title-post {
  font-size: var(--font-4xl);
  margin-bottom: 16px;
}
.right-section .grid-layout-item .title-post a {
  color: var(--white-color);
}
.right-section .grid-layout-item .list-cat a {
  color: var(--white-color);
}
.right-section .grid-layout-item .wrap-post-content .entry-content {
  font-size: var(--font-md);
  color: var(--white-color);
  font-weight: 400;
}

.post-excerpt {
  color: var(--sec-accent-color);
  font-size: var(--font-sm);
  font-weight: 500;
}

.post-loop-info {
  margin-bottom: 12px;
  font-size: var(--font-sm);
  font-weight: 500;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  color: var(--date-color);
}

/*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: 34px;
  min-width: 34px;
  text-align: center;
  line-height: 32px;
  display: inline-block;
  margin: 0 4px;
  color: var(--body-color);
  border: 1px solid var(--border-color);
  font-weight: 500;
  border-radius: 6px;
  font-size: var(--font-sm);
}
.navigation.pagination .page-numbers.current, .navigation.pagination .page-numbers:not(.dots):hover {
  background: var(--accent-color);
  color: var(--white-color);
  border-color: var(--accent-color);
}
.navigation.pagination .page-numbers.next, .navigation.pagination .page-numbers.prev {
  line-height: 32px;
  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: var(--font-3xl);
}
.author.archive .author-content {
  width: 100%;
  padding: 0;
}
.author.archive .wrap-author-social li a {
  width: 40px;
  height: 40px;
  font-size: var(--font-xl);
}

@media (min-width: 767.98px) {
  .author.archive .wrap-post-author {
    order: 1;
  }
  .list-layout-item.list-2 {
    margin-bottom: 55px;
  }
  .list-layout-item.list-2:not(.sticky) .zoo-post-inner {
    display: flex;
    align-items: center;
  }
  .list-layout-item.list-2:not(.sticky) .zoo-post-inner .wrap-media {
    margin: 0 30px 0 0;
    width: 33%;
  }
  .list-layout-item.list-2:not(.sticky):not(.without-thumbnail) .wrap-post-content, .list-layout-item.list-2:not(.sticky).has-post-thumbnail .wrap-post-content {
    width: calc(66% - 30px);
  }
  .post-loop-item .readmore i {
    margin-left: 5px;
  }
}
.top-blog-loop {
  margin-bottom: 30px;
}
.top-blog-loop .post-loop-item {
  padding: 0;
  margin-bottom: 32px;
  width: 100%;
  max-width: 100%;
}
.top-blog-loop .post-loop-info {
  display: none;
}

.top-blog-loop-sep {
  width: 100%;
  border-top: 4px solid;
  border-image-slice: 1;
  border-width: 5px;
  border-image-source: linear-gradient(to right, #4bb0b2, #f2cb05);
}

.left-section .list-layout-item {
  flex-direction: column;
}
.left-section .list-layout-item .wrap-media {
  margin-bottom: 32px;
}
.left-section .list-layout-item:not(.without-thumbnail) .wrap-media,
.left-section .list-layout-item:not(.without-thumbnail) .zoo-post-inner {
  width: 100%;
}

.post-loop-item .wrap-post-content p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media (min-width: 992px) {
  .top-blog-loop-sep {
    margin-top: 40px;
  }
  .top-blog-loop {
    margin-bottom: 40px;
  }
  .top-blog-loop .post-loop-item {
    padding: 0;
    margin-bottom: 24px;
  }
  .top-blog-loop .left-section .entry-title {
    font-size: var(--font-3xl);
  }
  .top-blog-loop .left-section .wrap-post-content {
    font-size: var(--font-md);
    font-weight: 400;
  }
  .top-blog-loop .right-section .entry-title {
    font-size: var(--font-md);
  }
  .top-blog-loop .right-section .entry-title,
  .top-blog-loop .right-section .zoo-post-inner .post-info {
    margin-bottom: 8px;
  }
  .left-section .grid-layout-item .zoo-post-inner {
    padding: 32px;
    height: 100%;
  }
  .left-section .grid-layout-item .zoo-post-inner .title-post a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
  }
  .right-section .grid-layout-item .zoo-post-inner {
    padding: 32px;
  }
}
/*Comments list*/
.comments {
  width: 100%;
  border-bottom: 1px solid var(--border-color);
}

#comments-list {
  padding-top: 40px;
}
#comments-list .title-block {
  margin-bottom: 40px;
}
#comments-list > ol > li.comment:first-child {
  border: none;
}
#comments-list > ol {
  margin: 0;
}

#cancel-comment-reply-link {
  margin-left: 10px;
}

.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: var(--font-xs);
  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: var(--font-sm);
}

.comment-body a {
  text-decoration: underline;
}
.comment-body a:hover {
  opacity: 0.8;
}
.comment-body > p:last-child {
  margin-bottom: 0;
}

#respond {
  width: 100%;
  max-width: 690px;
  margin: 0 auto;
}

.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: 270px;
}
#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: 40px 0 60px;
  border-bottom: 1px solid var(--border-color);
}
.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;
  padding: 0;
  border: none;
  border-bottom: 1px solid var(--border-color);
}
.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: var(--date-color);
}
.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;
  }
  .date-post {
    font-size: var(--font-xs);
  }
  .comment-content {
    width: calc(100% - 35px);
    padding-left: 15px;
  }
  .comment-content .author-name {
    margin: 0;
    font-size: var(--font-md);
  }
}
@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;
}

.zoo-contact-button {
  position: fixed;
  bottom: 50px;
  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 var(--black-transparent-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 var(--black-transparent-2);
}
.zoo-contact-button .zoo-contact-link:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  background: inherit;
  animation: zoom-in 1200ms infinite;
  z-index: -1;
  border-radius: 50%;
  left: 0;
  top: 0;
}

.site-footer {
  text-align: center;
  padding: 30px 0;
  background: var(--footer-bg);
  color: var(--footer-color);
}

.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;
  padding: 5px 0;
}
.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;
  width: 30px;
  display: inline-block;
}

.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 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: 11;
    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: "쀉";
  }
  .wrap-site-navigation .primary-menu li {
    border-bottom: 1px solid var(--border-color);
  }
  .wrap-site-navigation .primary-menu li a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .admin-bar .wrap-site-navigation .primary-menu {
    top: 46px;
    height: calc(100vh - 46px);
  }
  .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: 60px;
    transition: all 300ms;
    top: calc(100% + 30px);
    background: var(--white-color);
    width: calc(100% - 120px);
    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%;
  }
}
.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: var(--font-5xl);
  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 45px;
}
.main-content .error-404 .error-404-content .custom-search-form input {
  margin: 0;
}
.main-content .error-404 .error-404-content .back-to-home {
  font-size: var(--font-sm);
  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: var(--font-6xl);
    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;
}

@media (min-width: 1300px) {
  .container {
    max-width: 1230px;
  }
}
.single .post-detail {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
.single .header-post {
  width: 100%;
  display: inline-block;
  padding: 48px 0;
  position: relative;
}
.single .header-post .post-info {
  text-transform: none;
  display: flex;
  align-items: center;
}
.single .header-post .post-info li > span {
  text-transform: none;
}
.single .post-content {
  padding: 0 0 50px;
  display: inline-block;
}
.single .post-content img {
  border-radius: 12px;
}
.single .post-content ul,
.single .post-content ol,
.single .post-content p,
.single .post-content dl,
.single .post-content pre {
  margin-bottom: 32px;
}

.header-post-align-right .header-post {
  text-align: right;
}
.header-post-align-right .post-info {
  justify-content: flex-end;
}

.header-post-align-left .header-post {
  text-align: left;
}

.post-slider {
  margin: 0;
  text-align: center;
  position: relative;
}
.post-slider img {
  width: 100%;
}
.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: var(--font-lg);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 10px;
  color: var(--white-color);
  background: rgba(0, 0, 0, 0.6);
  height: 50px;
  width: 50px;
  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-radius: 50%;
}
.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: rgba(0, 0, 0, 0.8);
}

.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: 5px;
  -webkit-hyphens: auto;
          hyphens: auto;
  font-size: var(--font-5xl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--title-color);
}

.header-post .post-info {
  padding: 12px 0;
  gap: 8px;
  font-size: var(--font-sm);
  font-weight: 500;
}
.header-post .post-info li > span {
  margin: 0;
}

.post-read {
  color: var(--title-color);
  font-weight: 500;
}

.detail-excerpt {
  font-size: var(--font-lg);
  color: var(--title-color);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.detail-excerpt p {
  margin: 0;
}

.header-post,
.wrap-main-post-content {
  width: 100%;
}

.wrap-main-post-content {
  background-color: var(--bg-blog);
  padding: 28px 0;
}
.wrap-main-post-content .main-content {
  order: -1;
}

.post-info {
  color: var(--date-color);
  margin: 0;
}
.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;
}

.single .post-content,
.wrap-bottom-content-post,
.post-author,
.zoo-single-post-nav,
.wrap-comment-form,
.single .header-post {
  width: 100%;
}

.wrap-bottom-content-post {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 30px 0 0;
  border-top: 1px solid var(--border-color);
}
.wrap-bottom-content-post .tags-link-wrap {
  width: 100%;
  padding: 0 0 30px;
  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: flex-start;
  align-items: center;
  margin-bottom: 40px;
}
.wrap-share-post .share-links {
  margin: 0;
  display: inline-flex;
  align-items: center;
}
.wrap-share-post .share-links li {
  list-style: none;
  padding: 0;
  display: inline-flex;
  overflow: hidden;
  text-align: center;
  margin: 0 5px;
}
.wrap-share-post .share-links li a {
  height: 100%;
  color: var(--sec-color);
  display: flex;
}
.wrap-share-post .share-links li a:hover {
  color: var(--link-color);
}

.post-static {
  display: flex;
  gap: 40px;
  justify-content: flex-end;
  margin-bottom: 40px;
}
.post-static .pld-like-dislike-wrap {
  margin: 0;
}
.post-static .pld-like-dislike-wrap .pld-common-wrap {
  min-width: unset;
  margin: 0;
  font-size: var(--font-xl);
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 4px;
}
.post-static .pld-like-dislike-wrap .pld-count-wrap {
  margin: 0;
}
.post-static .pld-like-dislike-wrap .pld-like-trigger {
  width: 32px;
  height: 28px;
  display: block;
  position: relative;
}
.post-static .pld-like-dislike-wrap .pld-like-trigger::before, .post-static .pld-like-dislike-wrap .pld-like-trigger:after {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 300ms;
}
.post-static .pld-like-dislike-wrap .pld-like-trigger::before {
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAzMyAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjYzNCAzLjE2NjM5QzI1Ljg3MjEgLTIuOTY4MDcgMTYuNTAwNiAwLjY1MTY0MyAxNi41MDA2IDYuODgxMzZDMTYuNTAwNiAwLjY1MTY0MyA3LjEyODUyIC0yLjk2ODM3IDIuMzY1OTYgMy4xNjYzOUMtMi41NTYyOCA5LjUwODQ3IDIuMjk1MjMgMjAuNjE4MiAxNi41MDAzIDI3QzMwLjcwNDggMjAuNjE4MiAzNS41NTYzIDkuNTA4NDcgMzAuNjM0IDMuMTY2MzlaIiBmaWxsPSIjMjYzRDU1Ii8+Cjwvc3ZnPgo=");
}
.post-static .pld-like-dislike-wrap .pld-like-trigger:after {
  opacity: 0;
  content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAzMyAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjYzNCAzLjE2NjM5QzI1Ljg3MjEgLTIuOTY4MDcgMTYuNTAwNiAwLjY1MTY0MyAxNi41MDA2IDYuODgxMzZDMTYuNTAwNiAwLjY1MTY0MyA3LjEyODUyIC0yLjk2ODM3IDIuMzY1OTYgMy4xNjYzOUMtMi41NTYyOCA5LjUwODQ3IDIuMjk1MjMgMjAuNjE4MiAxNi41MDAzIDI3QzMwLjcwNDggMjAuNjE4MiAzNS41NTYzIDkuNTA4NDcgMzAuNjM0IDMuMTY2MzlaIiBmaWxsPSIjNEJCMEIyIi8+Cjwvc3ZnPgo=");
}
.post-static .pld-like-dislike-wrap .pld-like-trigger:hover::before, .post-static .pld-like-dislike-wrap .pld-like-trigger.pld-undo-trigger::before {
  opacity: 0;
}
.post-static .pld-like-dislike-wrap .pld-like-trigger:hover::after, .post-static .pld-like-dislike-wrap .pld-like-trigger.pld-undo-trigger::after {
  opacity: 1;
}

.post-static-item {
  font-size: var(--font-xl);
  font-weight: 500;
  display: flex;
  gap: 8px;
  align-items: center;
}

.post-media {
  width: 100%;
  text-align: center;
  display: inline-block;
  margin-bottom: 32px;
  font-size: 0;
  border-radius: 12px;
  overflow: hidden;
}
.post-media.single-image img {
  width: 100%;
  border-radius: 12px;
}
.post-media .wp-audio-shortcode {
  margin: 0 !important;
}
.post-media .post-slider li.slick-slide {
  position: relative;
  padding: 0 3px;
}
.post-media .post-slider li.slick-slide:before {
  background: rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
}
.post-media .slick-dots {
  position: absolute;
  bottom: 5%;
  left: 0;
  width: 100%;
  z-index: 1;
  padding: 0;
  margin: 0;
}
.post-media .slick-dots li {
  opacity: 1;
  position: relative;
  margin: 5px;
}
.post-media .slick-dots button {
  padding: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--white-color);
  opacity: 0.5;
  font-size: 0;
}
.post-media .slick-dots .slick-active button,
.post-media .slick-dots li:hover button {
  opacity: 1;
}

.post-slider-caption {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 20px;
  padding: 10px 20px;
  color: var(--white-color);
  position: absolute;
  max-width: 90%;
  bottom: 20%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1rem;
  z-index: 1;
  transition: all 300ms;
}
.post-slider-caption:hover {
  background: rgba(0, 0, 0, 0.6);
}

/*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: 20px;
}
.zoo-single-post-nav-item .wrap-text-post-nav {
  display: inline-block;
  width: 100%;
}
.zoo-single-post-nav-item h4 {
  margin: 0;
  font-size: var(--font-2xl);
  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: var(--font-sm);
  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 .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: 20px;
    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 .content-single-post-nav-item {
    padding-right: 30px;
  }
  .zoo-single-post-nav-item:hover h4 {
    color: var(--link-hover-color);
  }
}
.image-navigation {
  width: 100%;
  font-weight: 500;
  font-size: var(--font-sm);
  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-top: 4px solid;
  border-image-slice: 1;
  border-width: 5px;
  border-image-source: linear-gradient(to right, #4bb0b2, #f2cb05);
}
.post-related.wrap-loop-content {
  padding: 40px 0;
  margin-top: 0;
  margin-bottom: 0;
}
.post-related .post-loop-item {
  margin-bottom: 20px;
}

/*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 var(--black-transparent-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: left;
  margin-bottom: 32px;
  font-size: var(--font-4xl);
}

.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: 15px;
  text-transform: capitalize;
  font-weight: 500;
}
.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: 15px;
  margin: 0;
}
.post-author .wrap-author-social li {
  list-style: none;
  display: inline-block;
}
.post-author .wrap-author-social li a {
  width: 25px;
  height: 25px;
  display: block;
  text-align: center;
  font-size: var(--font-xl);
}
.post-author .wrap-author-social li a i {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@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: 8%;
  }
  .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: var(--font-sm);
  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*/
@media (min-width: 768px) {
  .single .post-content {
    padding-bottom: 62px;
  }
  .single .header-post {
    padding: 98px 0;
  }
  .post-related.wrap-loop-content {
    padding: 62px 0 40px;
  }
  .post-related > .container {
    padding-left: 25px;
    padding-right: 25px;
  }
  .post-related > .container > .row {
    margin-left: -30px;
    margin-right: -30px;
  }
  .post-slider .zoo-carousel-btn.prev-item {
    left: 50px;
  }
  .post-slider .zoo-carousel-btn.next-item {
    right: 50px;
  }
}
@media (min-width: 992px) {
  .wrap-main-post-content .main-content {
    order: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .wrap-share-post .share-links {
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
  }
  .wrap-share-post .share-links li {
    margin: 0;
  }
  .post-static {
    flex-direction: column;
    align-items: flex-end;
  }
  .post-static-item {
    flex-direction: column;
    min-width: 44px;
  }
  .pld-common-wrap {
    flex-direction: column;
  }
}
.main-content .single-image,
.main-content .post-content {
  max-width: 980px;
}

@media (min-width: 1400px) {
  .post-detail .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.sidebar .widget,
.wpb_widgetised_column .widget,
.elementor-widget-sidebar .widget {
  margin-bottom: 40px;
  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.about-me-widget {
  padding-bottom: 15px;
}
.widget .widget-title {
  margin-bottom: 20px;
  position: relative;
}
.widget > ul {
  margin: 0;
  padding: 0;
}
.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: 10px;
  padding-bottom: 10px;
}
.widget > ul > li:last-child {
  border: none;
  padding-bottom: 0;
}
.widget > ul > li:first-child {
  padding-top: 0;
}
.widget > ul > li > .toggle-view {
  top: 8px;
}
.widget > ul > li:first-child > .toggle-view {
  top: 15px;
}
.widget select,
.widget .search-form {
  margin-bottom: 10px;
  width: 100%;
  display: inline-block;
}
.widget .search-form input {
  margin: 0;
}

.toggle-view {
  background: none;
  color: var(--black-color);
  position: absolute;
  right: -5px;
  top: 8px;
  font-size: var(--font-xs);
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  width: 25px;
  min-width: 25px;
  text-align: center;
}
.toggle-view.active:before {
  content: "쀉";
}

.sidebar :not(.cwapf-widget) a {
  color: var(--link-color);
}
.sidebar :not(.cwapf-widget) a:hover {
  color: var(--link-hover-color);
}
.sidebar :not(.cwapf-widget) a:hover:before {
  background: var(--link-hover-color);
}
.sidebar .widget_rss li .rsswidget {
  color: var(--black-color);
  font-weight: 600;
}
.sidebar .widget_rss li .rsswidget:hover {
  color: var(--accent-color);
}

.mc4wp-form-fields input {
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}
.mc4wp-form-fields input[type=email] {
  background: var(--bg-block-color);
  border-color: var(--bg-block-color);
}
.mc4wp-form-fields .btn-no-bg {
  background: none;
  padding: 0;
  color: var(--link-color);
}
.mc4wp-form-fields .btn-no-bg span.submit-label {
  display: none;
}
.mc4wp-form-fields .btn-no-bg:hover {
  color: var(--link-hover-color);
}

.cafe-site-footer .mc4wp-form-fields {
  display: flex;
  border-bottom: 1px solid var(--accent-color);
}
.cafe-site-footer .mc4wp-form-fields .btn-no-bg {
  font-size: var(--font-6xl);
}
.cafe-site-footer .mc4wp-form-fields input {
  margin: 0;
}
.cafe-site-footer .mc4wp-form-fields input[type=email] {
  text-align: left;
  padding: 0;
  height: auto;
  font-size: var(--font-6xl);
  background: none;
  border: none;
}

.wp-block-search {
  margin-bottom: 30px;
}

.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;
}

.wp-block-archives,
.wp-block-latest-posts,
.wp-block-rss {
  margin: 0 0 30px;
}
.wp-block-archives a,
.wp-block-latest-posts a,
.wp-block-rss a {
  text-decoration: none;
}
.wp-block-archives li,
.wp-block-latest-posts li,
.wp-block-rss li {
  list-style: none;
}

.wp-block-archives li,
.wp-block-latest-posts:not(.is-grid) li,
.wp-block-rss li {
  border-bottom: 1px solid var(--border-color);
  padding: 10px 0;
}
.wp-block-archives li:last-child,
.wp-block-latest-posts:not(.is-grid) li:last-child,
.wp-block-rss li:last-child {
  border: none;
}

.wp-block-tag-cloud a {
  text-decoration: none;
  margin-right: 10px;
}

.widget_categories > ul li,
.widget_archive li,
.wp-block-archives li {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}
.widget_categories > ul li ul,
.widget_archive li ul,
.wp-block-archives li ul {
  width: 100%;
}

.cat-item span.count,
.widget_archive li span.count,
.wp-block-archives span.count {
  color: var(--black-color);
  font-size: var(--font-2xs);
  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,
.wp-block-archives 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_archive li ul,
.widget_nav_menu li ul,
.widget_pages li ul,
.wp-block-archives li ul {
  margin-left: 0;
  padding-left: 15px;
}
.widget_meta li li:last-child,
.widget_archive li li:last-child,
.widget_nav_menu li li:last-child,
.widget_pages li li:last-child,
.wp-block-archives li li:last-child {
  border-bottom: none;
}

.wp-block-latest-comments .wp-block-latest-comments__comment-meta a {
  text-decoration: none;
  font-weight: 500;
}

.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: flex;
  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;
  display: flex;
  flex-direction: column;
}
.zoo-posts-widget .no-thumb .post-widget-item-text {
  padding: 0;
  width: 100%;
}
.zoo-posts-widget .title-post {
  font-weight: 400;
  margin-bottom: 5px;
  display: inline-block;
  order: -1;
}
.zoo-posts-widget .title-post a {
  color: inherit;
}
.zoo-posts-widget .title-post:hover {
  color: var(--black-color);
}
.zoo-posts-widget .date-post {
  width: 100%;
  line-height: 15px;
  display: inline-block;
  margin-bottom: 5px;
  float: left;
}
.zoo-posts-widget .date-post i {
  display: none;
}

.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);
}
.widget .wp-block-search {
  margin: 0;
}

.wp-block-search__button {
  height: 50px;
}

.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: var(--title-color);
  border-bottom: 2px solid var(--title-color);
}
.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: var(--font-md);
  line-height: 1.5;
  margin-bottom: 5px;
}
.widget_rss .rss-date {
  color: var(--date-color);
  font-size: var(--font-xs);
  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;
  margin-bottom: 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 ul.menu > li:last-child,
.elementor-widget-wp-widget-nav_menu ul.menu > li:last-child {
  border-bottom: none;
}
.widget_nav_menu ul.menu a,
.elementor-widget-wp-widget-nav_menu ul.menu a {
  color: var(--sec-accent-color);
}
.widget_nav_menu ul.menu li.active > a,
.widget_nav_menu ul.menu a:hover,
.elementor-widget-wp-widget-nav_menu ul.menu li.active > a,
.elementor-widget-wp-widget-nav_menu ul.menu a:hover {
  color: var(--accent-color);
  font-weight: 600;
}
.widget_nav_menu a > span.zoo-icon-down,
.elementor-widget-wp-widget-nav_menu a > span.zoo-icon-down {
  display: none;
}
.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: 8px;
}
.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: var(--sec-accent-color);
}
.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.search-field {
  border-color: var(--border-color);
  margin: 0;
}
.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: var(--sec-accent-color);
}

/*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: var(--title-color);
  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,
.wp-block-tag-cloud .tagcloud {
  padding: 0 0 10px;
}

.widget_archive select,
.widget_categories select,
.wp-block-categories select,
.wp-block-archive select {
  margin-top: 5px;
  padding: 10px;
  line-height: 1.3;
}

.widget_calendar .calendar_wrap,
.wp-block-calendar .calendar_wrap {
  width: 100%;
  display: inline-block;
}
.widget_calendar table,
.wp-block-calendar table {
  margin-bottom: 5px;
}
.widget_calendar .wp-calendar-nav,
.wp-block-calendar .wp-calendar-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.widget_calendar .wp-calendar-nav-next,
.wp-block-calendar .wp-calendar-nav-next {
  text-align: right;
}

/* Icon */
@keyframes circus {
  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;
  }
}
:root {
  --body-color: #374151;
  --accent-color: #4bb0b2;
  --border-color: #dfe4ea;
  --form-border-color: #dfe4ea;
  --gray: #e5e7eb;
  --border-dark: #e5e7eb;
  --quote-icon-color: #8899a8;
  --text-color: #374151;
  --bg-dark: #f3f4f6;
  --black-color: #000000;
  --white-color: #fff;
  --breadcrumb-color: #8899a8;
  --breakcrumb-active-color: #4bb0b2;
  --bg-social-icon: #333940;
  --title-color: #263d55;
  --bg-blog: #f9fafb;
  --color-button: #fff;
  --color-hover-button: #fff;
  --bg-button: #4bb0b2;
  --bg-hover-button: #2d696a;
  --product-title: #000000;
  --product-title-hover: #959595;
  --product-title-detail: #000000;
  --product-button-hover: #959595;
  --new-bg: #00aeef;
  --stock-bg: #56b400;
  --red-bg: #ee1c25;
  --block-color: #f56f5e;
  --dark-red-color: #cc0000;
  --star-color: #ffcc33;
  --star-unvoted-color: #ccc;
  --price-color: #000;
  --del-price-color: #959595;
  --sale-price-color: #000;
  --forward-btn-bg: #ebebeb;
  --bg-qty: #f7f8fa;
  --sec-accent-color: #8899a8;
  --sec-color: #8899a8;
  --border-color: #dfe4ea;
  --title-hover-color: #4bb0b2;
  --link-color: #4bb0b2;
  --link-hover-color: #2d696a;
  --date-color: #8899A8;
  --color-except: #8899a8;
  --bg-block-color: #f9fafb;
  --bg-toggle-block: #f9f9f9;
  --sidebar-color: #374151;
  --footer-color: #fff;
  --footer-bg: #000;
  --black-transparent-1: rgba(0, 0, 0, 0.1);
  --black-transparent-2: rgba(0, 0, 0, 0.2);
  --black-transparent-4: rgba(0, 0, 0, 0.4);
  --black-transparent-5: rgba(0, 0, 0, 0.5);
  --black-transparent-8: rgba(0, 0, 0, 0.8);
  --black-transparent-9: rgba(0, 0, 0, 0.9);
  --white-transparent-9: rgba(255, 255, 255, 0.9);
  --white-transparent-8: rgba(255, 255, 255, 0.8);
  --white-transparent-5: rgba(255, 255, 255, 0.5);
  --white-transparent-2: rgba(255, 255, 255, 0.2);
  --white-transparent-1: rgba(255, 255, 255, 0.1);
  /**
  * FONT SIZE
  **/
  --font-2xs: 0.625rem;
  --font-xs: 0.75rem;
  --font-sm: 0.875rem;
  --font-md: 1rem;
  --font-lg: 1.125rem;
  --font-xl: 1.25rem;
  --font-2xl: 1.5rem;
  --font-3xl: 1.75rem;
  --font-4xl: 1.875rem;
  --font-5xl: 2.5rem;
  --font-6xl: 3rem;
  --font-6xl: 3.75rem;
}

[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: "슓";
}

/* Theme */
.blog .wrap-breadcrumb {
  display: none;
}

.sticky-post-label {
  font-family: var(--body-font);
}

.align-center {
  text-align: center;
}
.align-center.tp-caption {
  text-align: center !important;
}

.single-format-gallery.single .main-content {
  padding-top: 35px;
}

.post-content img.alignleft {
  margin-right: 50px;
}
.post-content img.alignright {
  margin-left: 50px;
}

.entry-content iframe {
  max-width: 100%;
}

.clearfix::after,
.clear-fix::after {
  content: "";
  clear: both;
  display: table;
}

.wp-block-separator.is-style-dots {
  padding: 20px 0;
}

.post-content > .wp-block-image {
  margin-bottom: 50px;
}

.wp-block-image figcaption {
  color: var(--sec-accent-color);
}

.wp-block-image .alignleft {
  margin-right: 30px;
}

.wp-block-image .alignright {
  margin-left: 30px;
}

.has-drop-cap {
  font-size: var(--font-2xl);
}
.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 {
  padding: 48px 0 40px;
  color: var(--white-color);
  background-color: var(--accent-color);
}
.wrap-blog-cover .blog-page-title {
  margin: 0;
  font-size: var(--font-5xl);
  color: inherit;
}
.wrap-blog-cover .wrap-breadcrumb {
  margin: 0;
  --bg-block-color: transparent;
  --breadcrumb-color: var(--white-color);
  --breakcrumb-active-color:var(--black-color) ;
}
.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 var(--black-transparent-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: var(--sec-accent-color);
}
.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: var(--sec-accent-color);
}
.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: var(--font-sm);
}
.list-label-cat a:hover {
  background: none;
  color: var(--accent-color);
}

/* End List label categories*/
/*Single Post*/
.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);
}

.post-related .post-loop-item .entry-title {
  font-size: var(--font-xl);
}

/*End Single Post*/
.wp-block-search .wp-block-search__button {
  margin-left: 0;
}

.wp-block-categories select {
  padding: 10px 15px;
}

.zoo-form-login input[type=password] {
  margin-bottom: 20px;
}

@media (max-width: 556px) {
  .zoo-single-post-nav-item img {
    display: 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: 30px;
  text-transform: capitalize;
  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: var(--font-md);
  font-family: inherit;
  background: var(--bg-button);
  color: var(--color-button);
  font-weight: 500;
  border: none;
  text-decoration: none;
  border-radius: 12px;
}
.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: 28px;
  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: 0;
}

.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;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  border-color: var(--bg-hover-button);
  background-color: var(--bg-hover-button);
}

/*Footer*/
.entry-footer {
  margin-bottom: 10px;
}

.footer-bottom {
  background: var(--bg-block-color);
}

.footer-row {
  background: var(--white-color);
  color: var(--sec-accent-color);
}
.footer-row a {
  color: var(--sec-accent-color);
}
.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: var(--font-sm);
}
.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: var(--font-sm);
  letter-spacing: 3px;
  padding: 5px 15px;
  border: none;
}
.footer-row .mc4wp-form .mc4wp-form-fields > p input[type=submit]:hover {
  color: var(--body-color);
}
.footer-row .widget_mc4wp_form_widget .widget-title {
  margin-bottom: 10px;
}
.footer-row .zoo-list-payment-method .payment-method {
  background: var(--footer-bg);
  margin-bottom: 10px;
}
.footer-row .zoo-list-payment-method svg {
  fill: var(--footer-color);
}
.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: var(--sec-accent-color);
}
.footer-row .widget_rss li:last-child {
  margin: 0;
}
.footer-row .textwidget img {
  margin: 5px 0 0;
}
.footer-row.footer-preset-light a {
  color: var(--sec-accent-color);
}
.footer-row.footer-preset-light a:hover {
  color: var(--black-color);
}
.footer-row.footer-preset-light.footer-main {
  background: var(--bg-block-color);
  color: var(--sidebar-color);
}
.footer-row.footer-preset-light.footer-main .widget-title {
  text-transform: uppercase;
  color: var(--title-color);
}
.footer-row.footer-preset-light.footer-main a {
  color: var(--sidebar-color);
}
.footer-row.footer-preset-light.footer-main a:hover {
  color: var(--title-color);
}
.footer-row.footer-preset-light.footer-main .social-icon {
  color: var(--title-color);
}
.footer-row.footer-preset-light.footer-main .social-icon:hover {
  color: var(--sidebar-color);
}
.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: var(--footer-color);
}
.footer-row.footer-preset-dark a {
  color: var(--footer-color);
}
.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: var(--title-color);
  border: none;
}
.footer-row.footer-preset-dark .cat-item span,
.footer-row.footer-preset-dark .widget_archive li span {
  background: var(--color-except);
  color: var(--white-color);
}
.footer-row.footer-preset-dark .widget .tagcloud a {
  background: var(--color-except);
  color: var(--white-color);
}
.footer-row.footer-preset-dark .widget .tagcloud a:hover {
  background: var(--sec-accent-color);
}
.footer-row.footer-preset-dark .recentcomments {
  color: var(--white-color);
}
.footer-row.footer-preset-dark .recentcomments .comment-author-link {
  color: var(--footer-color);
}
.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: var(--font-5xl);
  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 var(--border-color);
  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: var(--font-xl);
}
.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 var(--border-color);
}

.footer-bottom.contained .wrap-builder-items {
  border-top: 1px solid var(--border-color);
}

.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: var(--font-xl);
}

@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: var(--font-sm);
}
.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: var(--font-sm);
  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: var(--sec-accent-color);
}
.builder-block-footer-widget-6 .widget-area .widget_mc4wp_form_widget,
.builder-block-footer-widget-6 .widget-area .widget_text {
  margin-bottom: 10px;
}

.cafe-site-footer .footer-home-3 .mc4wp-form-fields {
  border-radius: 50px;
  background: var(--white-color);
  border: none;
}
.cafe-site-footer .footer-home-3 .mc4wp-form-fields input[type=email] {
  font-size: 1rem;
  padding: 15px 20px;
  line-height: 20px;
}
.cafe-site-footer .footer-home-3 .mc4wp-form-fields .btn-no-bg {
  font-size: 1rem;
  font-weight: bold;
  color: var(--white-color);
  background: #699479;
  white-space: nowrap;
  padding: 15px 30px;
  border-radius: 50px;
  line-height: 20px;
  letter-spacing: 0;
}
.cafe-site-footer .footer-home-3 .mc4wp-form-fields .btn-no-bg i {
  display: none;
}
.cafe-site-footer .footer-home-3 .mc4wp-form-fields .btn-no-bg span.submit-label {
  display: block;
}
.cafe-site-footer .footer-home-3 .mc4wp-form-fields .btn-no-bg:hover {
  background: var(--black-color);
}

.footer-extend-link {
  position: fixed;
  right: 16px;
  bottom: 150px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 2;
}
.footer-extend-link .extend-link-item {
  display: flex;
  flex-direction: column;
  border-radius: 50%;
  box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.1);
  align-items: center;
  cursor: pointer;
  width: 50px;
  height: 50px;
  color: var(--white-color);
  background-color: var(--accent-color);
  font-size: var(--font-sm);
  font-weight: 500;
  transition: all 300ms;
  justify-content: center;
}
.footer-extend-link .extend-link-item svg {
  color: var(--white-color);
  width: 100%;
}
.footer-extend-link .extend-link-item:hover {
  color: var(--accent-color);
}
.footer-extend-link .extend-link-item:hover .list-chat {
  opacity: 1;
  visibility: visible;
}
.footer-extend-link .list-chat {
  display: flex;
  position: absolute;
  bottom: 100%;
  padding-bottom: 20px;
  right: 0;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  width: 100%;
  transition: all 300ms;
  visibility: hidden;
  opacity: 0;
}

.zalo-chat-widget {
  bottom: 80px !important;
  right: 10px !important;
}

@media (min-width: 992px) {
  .footer-extend-link {
    position: fixed;
    right: 20px;
    bottom: 150px;
    gap: 16px;
  }
  .zalo-chat-widget {
    bottom: 80px !important;
    right: 16px !important;
  }
}
/*End Footer*/
/*Header*/
.zoo-css-icon-menu {
  color: var(--black-color);
}

.element-nav-icon .zoo-icon-menu {
  display: flex;
  align-items: center;
  font-size: var(--font-xl);
}

.header-top {
  background: var(--title-color);
  color: var(--white-color);
  font-size: var(--font-sm);
}
.header-top a {
  color: var(--white-color);
}
.header-top a:hover {
  color: var(--sec-accent-color);
}

.wrap-site-header-desktop .nav-icon-label {
  font-weight: 500;
}

.wrap-content-header-off-canvas .element-language-switcher .list-languages li {
  color: var(--sec-accent-color);
}

.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: var(--font-lg);
  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 {
  display: inline-block;
  text-transform: capitalize;
  font-weight: 500;
  font-size: var(--font-lg);
}
.mega-menu-content .menu-item-mega .mega-menu-submenu a {
  color: var(--sec-accent-color);
}
.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;
  }
  .primary-menu li.menu-item .zoo-icon-down {
    width: auto;
    margin-left: 5px;
  }
}
/*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: var(--font-xl);
}
.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: var(--sec-accent-color);
}

.element-header-account .wrap-dashboard-form .woocommerce-MyAccount-navigation a:hover {
  color: var(--sec-accent-color);
}

.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: var(--sec-accent-color);
  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: var(--sec-accent-color);
}

.wrap-list-cat-search i {
  color: var(--black-color);
}

.header-search-box .header-search-form .button.search-submit {
  color: var(--sec-accent-color);
}
.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: var(--font-xl);
}

.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: var(--font-xs);
  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: var(--font-2xs);
}

.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: var(--font-4xl);
  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: var(--font-xs);
  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: var(--font-2xs);
  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: var(--font-2xs);
  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: var(--font-xs);
  padding: 0;
  box-shadow: none;
}

.cafe-site-offcanvas.hamburger.cafe-hamburger-off-canvas-effect .cafe-menu {
  padding: 0;
}

.cafe-site-offcanvas .mega-menu-content {
  position: static;
  visibility: visible;
  opacity: 1;
  width: 100%;
  box-shadow: none;
  padding-left: 10px;
}
.cafe-site-offcanvas .mega-menu-content .row > div {
  width: 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
body .main-content {
  flex-grow: 1;
}
body:not(.elementor-page) {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  overflow-y: auto;
}

/*Custom css breadcrumb*/
.wrap-breadcrumb {
  background: var(--bg-block-color);
  color: var(--breadcrumb-color);
  font-size: var(--font-sm);
  margin-bottom: 28px;
}
.wrap-breadcrumb .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wrap-breadcrumb .container nav.woocommerce-breadcrumb {
  margin: 0;
}
.wrap-breadcrumb .zoo-breadcrumb-container {
  padding: 8px 0;
}
.wrap-breadcrumb .zoo-separator {
  font-style: normal;
  margin: 0 4px;
  color: var(--breadcrumb-color);
}
.wrap-breadcrumb .zoo-separator:before {
  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: 10px 8px;
  background: var(--white-color);
  margin-bottom: 4px;
}
.wpcf7-form textarea {
  height: 158px;
  padding: 0 8px;
}
.wpcf7-form .align-center {
  text-align: center;
}
.wpcf7-form .wpcf7-submit {
  width: 100%;
}
.wpcf7-form .wpcf7-submit:hover {
  background: var(--sec-accent-color);
}
.wpcf7-form input:not(.wpcf7-submit),
.wpcf7-form select,
.wpcf7-form textarea {
  border: 1px solid var(--border-color);
  border-radius: 6px;
  width: 100%;
  font-size: var(--font-sm);
  margin-bottom: 4px;
}
.wpcf7-form input:not(.wpcf7-submit),
.wpcf7-form select {
  padding: 10px 8px;
}
.wpcf7-form textarea {
  padding: 0 8px;
}
.wpcf7-form .selected-flag {
  border-right: 1px solid var(--border-color);
}
.wpcf7-form p {
  width: 100%;
  margin-bottom: 12px;
}
.wpcf7-form h6 {
  font-size: var(--font-md);
}
.wpcf7-form .row {
  margin-left: -12px;
  margin-right: -12px;
}
.wpcf7-form .col-12 {
  padding-left: 12px;
  padding-right: 12px;
}
.wpcf7-form .wpcf7-not-valid-tip {
  font-size: var(--font-sm);
}

.wrap-submit {
  width: 100%;
  position: relative;
  text-align: center;
  margin-bottom: 32px;
}
.wrap-submit p {
  margin: 0;
}
.wrap-submit .wpcf7-submit {
  width: auto;
  text-transform: none;
}
.wrap-submit .wpcf7-spinner {
  position: absolute;
  margin: 0;
}

.form-info {
  margin-bottom: 16px;
}

.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 var(--border-color);
}
.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: var(--font-sm);
  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: var(--font-sm);
  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: var(--font-sm);
  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 var(--border-color);
  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*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .main-content {
    overflow: hidden;
  }
}
.cafe-posts {
  margin-left: -15px;
  margin-right: -15px;
}

.cafe-pagination .cafe_pagination-item {
  padding: 14px 10px;
  min-width: 50px;
  height: 50px;
  line-height: 20px;
  margin: 0 5px;
  border: 1px solid var(--border-color);
}

.cafe-account-modal {
  padding: 40px;
}
.cafe-account-modal .heading-account-modal {
  display: inline-block;
  font-weight: 500;
}
.cafe-account-modal .heading-account-modal .lb-login {
  text-transform: capitalize;
  color: var(--title-color);
  font-size: var(--font-xl);
}
.cafe-account-modal .close-cafe-account-modal {
  position: absolute;
  cursor: pointer;
  top: 15px;
  right: 15px;
  width: 35px;
  height: 35px;
  display: block;
  padding: 7px;
}

.woocommerce-form .before-button-login {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.woocommerce-form .before-button-login p {
  margin-bottom: 15px;
}
.woocommerce-form .lost_password {
  text-align: right;
}
.woocommerce-form .woocommerce-button.woocommerce-form-login__submit {
  margin-bottom: 20px;
}
.woocommerce-form p.aligncenter {
  margin-bottom: 0;
}

.cafe-words-wrapper b {
  font-weight: inherit;
}

.cafe-banner:not(.cafe-overlay-content).style-1 .cafe-wrap-content {
  position: relative;
}
.cafe-banner:not(.cafe-overlay-content).style-1 .cafe-wrap-extend-content {
  width: 100%;
  position: absolute;
  top: 30px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 300ms;
}
.cafe-banner:not(.cafe-overlay-content).style-1 .cafe-banner-title {
  transition: all 300ms;
}
.cafe-banner:not(.cafe-overlay-content).style-1:hover .cafe-banner-title {
  opacity: 0;
  visibility: hidden;
}
.cafe-banner:not(.cafe-overlay-content).style-1:hover .cafe-wrap-extend-content {
  top: 0;
  opacity: 1;
  visibility: visible;
}

.elementor-widget-clever-multi-banner .cafe-carousel img {
  border-radius: 8px;
  box-shadow: 0 40px 60px -40px var(--black-transparent-2);
}

.cafe-slide-btn,
.cafe-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.cafe-slide-btn i.clever-icon-arrow-right-4,
.cafe-button i.clever-icon-arrow-right-4 {
  font-size: 200%;
}

.cafe-banner.roxy.cafe-overlay-content .cafe-wrap-content {
  transition: all 300ms;
}

@media (min-width: 768px) {
  .cafe-banner.roxy.cafe-overlay-content .cafe-wrap-content {
    opacity: 0;
  }
  .cafe-banner.roxy.cafe-overlay-content:hover .cafe-wrap-content {
    opacity: 1;
  }
}
.cafe-button.outline::after {
  transform: scale(1);
}

.cafe-button.outline:hover::before {
  opacity: 0;
  transform: none;
}

.cafe-language-options {
  display: flex;
  gap: 8px;
  align-items: center;
}

.cafe-language-options:after {
  display: none;
}

.cafe-button.underline {
  font-family: var(--heading-font);
  position: relative;
  z-index: 1;
}
.cafe-button.underline:before {
  z-index: -1;
  top: -8px;
}

.cafe-slider-wrapper .cafe-slider-slides .slick-dots li button {
  padding: 0;
}

.elementor-element .woocommerce ul.products.carousel li.slick-slide {
  padding: 0;
}

.cafe-site-menu.horizontal .menu-item > ul {
  transition: position 300ms, opacity 300ms;
}

.cafe-site-footer .rounded-newletter .mc4wp-form-fields {
  border: none;
  background: var(--bg-block-color);
  padding: 15px 30px;
  border-radius: 50px;
  font-size: var(--font-5xl);
}
.cafe-site-footer .rounded-newletter .mc4wp-form-fields input {
  font-size: inherit;
  font-weight: 400;
}

.cafe-button.slide {
  position: relative;
  border-bottom: 2px solid transparent;
}
.cafe-button.slide i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  right: calc(100% + 30px);
  transition: all 300ms;
}
.cafe-button.slide:hover {
  border-color: inherit;
}
.cafe-button.slide:hover i {
  opacity: 1;
  right: calc(100% + 10px);
}

.cafe-wrap-block-heading {
  position: relative;
}

.elementor-widget-clever-pricing-table .cafe-badge.circle {
  width: auto;
  height: auto;
  border-radius: 6px;
  display: inline-block;
  transform: none;
  top: 8px;
  right: 0;
}
.elementor-widget-clever-pricing-table .cafe-badge.circle .badge-text {
  display: block;
}

.cafe-wrap-price-duration {
  display: flex;
  gap: 8px;
  align-items: center;
  text-align: left;
}
.cafe-wrap-price-duration .cafe-price {
  white-space: nowrap;
}

.cafe-duration-des {
  text-align: left;
  padding-top: 8px;
}

.elementor-widget-clever-pricing-table .cafe-button {
  text-align: center;
  border: 1px solid #dfe4ea;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.0745098039);
}
.elementor-widget-clever-pricing-table .cafe-button:hover {
  border-color: transparent;
  box-shadow: none;
}

.elementor-widget-clever-pricing-table .cafe-wrap-list-features li {
  display: flex;
  align-items: center;
}
.elementor-widget-clever-pricing-table .cafe-wrap-list-features li i {
  display: inline-flex;
  align-items: center;
}

.cafe-testimonial.carousel-layout.default .cafe-wrap-content {
  position: relative;
  max-width: 100%;
}
.cafe-testimonial.carousel-layout.default .cafe-quotation {
  opacity: 0.1;
  position: absolute;
  left: 0;
  top: 0;
}
.cafe-testimonial.carousel-layout.default .cafe-wrap-testimonial-info {
  justify-content: space-between;
}
.cafe-testimonial.carousel-layout.default .cafe-wrap-author-info {
  order: -1;
  border-top: 1px solid #dfe4ea;
  padding: 16px 0 0;
}
.cafe-testimonial.carousel-layout.default .cafe-wrap-avatar {
  max-width: 124px;
  height: auto !important;
  width: auto;
  border-radius: 12px;
}
.cafe-testimonial.carousel-layout.default .cafe-wrap-avatar img {
  border-radius: 12px;
}
.cafe-testimonial.carousel-layout.default ul.slick-dots li {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin: 0 4px;
}

.cafe-testimonial-item .cafe-wrap-content,
.cafe-testimonial-item .wrap-right-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cafe-testimonial .row {
  margin-left: -15px;
  margin-right: -15px;
  align-items: stretch;
}
.cafe-testimonial .slick-list {
  border-radius: 24px;
  overflow: hidden;
  margin-bottom: 32px;
  background: var(--white-color);
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.1);
}
.cafe-testimonial .cafe-testimonial-item {
  margin: 0;
  flex: unset;
}
.cafe-testimonial .cafe-testimonial-item .row {
  height: 100%;
}
.cafe-testimonial .cafe-testimonial-avatar {
  display: block;
}
.cafe-testimonial .slick-track {
  display: flex !important;
}
.cafe-testimonial .slick-slide {
  height: inherit !important;
}
.cafe-testimonial.style-3 .cafe-wrap-content {
  max-width: unset;
}
.cafe-testimonial.style-3 .cafe-author-name {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  width: 100%;
}
.cafe-testimonial.style-3 .cafe-testimonial-author {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.cafe-testimonial.style-3 .cafe-testimonial-rate {
  width: unset;
}
.cafe-testimonial.style-3 .cafe-rate-star {
  display: flex;
  white-space: nowrap;
}

.cafe-testimonial-rate .cafe-rate-star {
  letter-spacing: 3px;
}
.cafe-testimonial-rate .cafe-rate-star::before {
  content: "썃썃썃썃썃";
}
.cafe-testimonial-rate .cafe-rate-star.stars-5:after {
  content: "썃썃썃썃썃";
}
.cafe-testimonial-rate .cafe-rate-star.stars-4:after {
  content: "썃썃썃썃";
}
.cafe-testimonial-rate .cafe-rate-star.stars-3:after {
  content: "썃썃썃";
}
.cafe-testimonial-rate .cafe-rate-star.stars-2:after {
  content: "썃썃";
}
.cafe-testimonial-rate .cafe-rate-star.stars-1:after {
  content: "썃";
}

.cafe-control-item {
  text-align: center;
  color: inherit;
  padding: 0 28px;
}
.cafe-control-item .cafe-wrap-control-item {
  padding: 8px 0;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  display: inline-flex;
  align-items: center;
  margin: 0 auto;
}
.cafe-control-item svg {
  width: 38px;
  height: 38px;
  color: var(--sec-color);
}
.cafe-control-item .cafe-title {
  margin: 0;
  color: var(--body-color);
  font-size: var(--font-lg);
  font-weight: 500;
}
.cafe-control-item.slick-current .cafe-wrap-control-item {
  border-color: var(--accent-color);
}
.cafe-control-item.slick-current svg {
  color: var(--accent-color);
}
.cafe-control-item.slick-current .cafe-title {
  font-weight: 600;
  color: var(--accent-color);
}

@media (min-width: 768px) {
  .cafe-testimonial.style-3 .cafe-wrap-content {
    max-width: unset;
    flex-direction: row;
  }
}
.cafe-wrap-control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 1030px;
  margin: 0 auto 24px;
}

.cafe-carousel-item {
  text-align: center;
  border-radius: 32px;
  background: linear-gradient(180deg, #61b9b9, #ffffff);
  overflow: hidden;
}
.cafe-carousel-item img {
  margin: 0 auto;
  width: 100%;
}

.cafe-langs li a {
  color: inherit;
  width: 100%;
  display: flex;
  gap: 8px;
  align-items: center;
}

@media (min-width: 1300px) {
  .elementor-page .main-content .container {
    max-width: 1260px;
  }
}
.footer-blog-wiget .widget_categories h5,
.elementor-widget-wp-widget-categories h5 {
  font-size: var(--font-4xl);
}
.footer-blog-wiget .widget_categories ul,
.elementor-widget-wp-widget-categories ul {
  display: flex;
  margin: 0;
  gap: 16px;
  flex-wrap: wrap;
}
.footer-blog-wiget .widget_categories ul li,
.elementor-widget-wp-widget-categories ul li {
  list-style: none;
  padding: 0;
}
.footer-blog-wiget .widget_categories ul a,
.elementor-widget-wp-widget-categories ul a {
  padding: 12px 16px;
  border-radius: 8px;
  color: var(--title-color);
  font-weight: 500;
  background-color: var(--border-color);
  display: block;
}
.footer-blog-wiget .widget_categories ul a:hover,
.elementor-widget-wp-widget-categories ul a:hover {
  color: var(--white-color);
  background-color: var(--accent-color);
}

.yt-video-item {
  margin-bottom: 32px;
}
.yt-video-item.high_light {
  height: 300px;
}
.yt-video-item.high_light .wrap-yt-video {
  height: 100%;
  background: var(--bg-img) center center/cover no-repeat;
}
.yt-video-item.high_light .wrap-yt-video-title {
  position: relative;
  z-index: 2;
  color: var(--white-color);
  font-weight: 600;
  padding: 32px 16px;
}
.yt-video-item.high_light .title-yt-video {
  width: calc(100% - 52px);
  color: inherit;
  font-size: var(--font-md);
}
.yt-video-item.high_light .wrap-yt-video::before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0) 50%);
}
.yt-video-item .wrap-yt-video {
  color: var(--white-color);
  border-radius: 12px;
  align-items: flex-end;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  display: flex;
}
.yt-video-item .wrap-yt-video-title {
  width: 100%;
  display: flex;
  gap: 16px;
  align-items: flex-end;
  cursor: pointer;
}
.yt-video-item .play-video {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background-color: var(--accent-color);
}
.yt-video-item .title-yt-video {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.yt-video-item .title-yt-video:hover {
  color: var(--accent-color);
}
.yt-video-item img {
  width: 100%;
  border-radius: 12px;
  display: block;
}
.yt-video-item.grid .wrap-yt-video {
  margin-bottom: 16px;
}
.yt-video-item.grid .play-video {
  position: absolute;
  right: 16px;
  bottom: 16px;
}
.yt-video-item.grid .title-yt-video {
  font-size: var(--font-lg);
  color: var(--title-color);
  width: 100%;
}

.wrap-load-more-video {
  text-align: center;
}
.wrap-load-more-video .load-more-video {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-transform: none;
  margin-bottom: 20px;
}
.wrap-load-more-video .load-more-video.disabled {
  display: none;
}
.wrap-load-more-video .lds-ring {
  color: inherit;
  overflow: hidden;
  width: 0;
  transition: all 300ms;
}

.video-cat-filter {
  margin: 0 0 40px 0;
  border-bottom: 1px solid var(--border-color);
  position: relative;
  overflow: hidden;
  overflow-x: auto;
  display: none;
}
.video-cat-filter li {
  list-style: none;
  display: inline-block;
  position: relative;
  color: var(--sec-accent-color);
  padding: 12px 0;
  margin: 0 32px 0 0;
  font-size: var(--font-xl);
  font-weight: 600;
  cursor: pointer;
}
.video-cat-filter li:after {
  content: "";
  display: block;
  height: 2px;
  background-color: var(--accent-color);
  position: absolute;
  bottom: -1px;
  left: 0;
  opacity: 0;
  transition: all 300ms;
  width: 100%;
}
.video-cat-filter li.active, .video-cat-filter li:hover {
  color: var(--accent-color);
}
.video-cat-filter li.active::after, .video-cat-filter li:hover::after {
  opacity: 1;
}

.video-search-form {
  background-color: var(--accent-color);
  border-radius: 6px;
  padding: 16px;
  margin-bottom: 40px;
}
.video-search-form .wrap-search-video-input {
  max-width: 722px;
  margin: 0 auto;
  position: relative;
}
.video-search-form input[type=text] {
  margin: 0;
  border-radius: 6px;
  background-color: var(--white-color);
  height: 56px;
  padding: 16px 56px;
}
.video-search-form .video-icon-search {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  left: 0;
  color: var(--sec-accent-color);
  font-size: var(--font-xl);
}

.wrap-video-loading {
  display: none;
  align-items: center;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: all 300ms;
  margin-bottom: 20px;
}

.lds-ring {
  /* change color here */
  color: var(--accent-color);
}

.lds-ring,
.lds-ring div {
  box-sizing: border-box;
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 22px;
  height: 22px;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  border: 3px solid currentColor;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: currentColor transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.list-youtube-video .search-section {
  display: none;
}
.list-youtube-video.loading .video-search-value {
  pointer-events: none;
}
.list-youtube-video.on-search .video-cat-filter,
.list-youtube-video.on-search .list-video-cat:not(.search-section) {
  display: none;
}
.list-youtube-video.on-search .search-section,
.list-youtube-video.on-search .search-section .wrap-content-tab-video {
  display: block;
}

.list-video-cat.loading .load-more-video {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.8;
}
.list-video-cat.loading:not(.on-loadmore) .wrap-video-loading {
  display: flex;
  opacity: 1;
  visibility: visible;
}
.list-video-cat.loading.on-loadmore .load-more-video .lds-ring {
  width: 22px;
}

.list-video-data {
  position: relative;
}
.list-video-data::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: var(--white-color);
  left: 0;
  top: 0;
  visibility: hidden;
}

.control-video-mobile {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  cursor: pointer;
  color: var(--sec-color);
}
.control-video-mobile .control-video-mobile-label {
  font-weight: 600;
  font-size: var(--font-xl);
}

.wrap-content-tab-video {
  position: relative;
}
.wrap-content-tab-video > .row {
  overflow: hidden;
  overflow-x: auto;
  flex-wrap: nowrap;
}

.list-video-cat {
  border-bottom: 1px solid var(--border-color);
}
.list-video-cat .wrap-content-tab-video {
  display: none;
}
.list-video-cat.active .wrap-content-tab-video {
  display: block;
}
.list-video-cat.active .control-video-mobile-icon {
  transform: rotateX(180deg);
}
.list-video-cat.active .control-video-mobile .control-video-mobile-label {
  color: var(--accent-color);
}

@media (max-width: 992px) {
  .yt-video-item {
    width: 290px;
    max-width: 290px;
  }
}
@media (min-width: 992px) {
  .video-search-form {
    padding: 32px;
    margin-bottom: 60px;
  }
  .video-cat-filter {
    margin-bottom: 60px;
    display: block;
  }
  .yt-video-item.high_light:first-child .title-yt-video {
    width: calc(100% - 62px);
    font-size: var(--font-2xl);
  }
  .yt-video-item.high_light:first-child .play-video {
    width: 54px;
    height: 54px;
  }
  .yt-video-item.grid {
    margin-bottom: 60px;
    padding-bottom: 16px;
  }
  .control-video-mobile,
  .list-video-cat:not(.active):not(.search-section) {
    display: none;
  }
  .list-video-cat {
    border: none;
  }
  .wrap-content-tab-video > .row {
    flex-wrap: wrap;
  }
}
.blog-archive-footer {
  background-color: var(--accent-color);
  padding: 32px;
  border-radius: 12px;
  margin-bottom: 10px;
}
.blog-archive-footer .col-12 {
  display: flex;
  align-items: center;
}
.blog-archive-footer .heading-footer-url {
  margin: 0;
  font-size: 32px;
  line-height: 40px;
  font-weight: 600;
  color: var(--white-color);
}
.blog-archive-footer .btn-white {
  background-color: var(--white-color);
  color: var(--accent-color);
  white-space: nowrap;
  text-transform: none;
}
.blog-archive-footer .btn-white i {
  margin-left: 8px;
}
.blog-archive-footer .btn-white:hover {
  background-color: #2d696a;
  color: var(--white-color);
}

.footer-blog-wiget {
  padding: 0 0 40px;
}
.footer-blog-wiget .widget .widget-title {
  margin-bottom: 16px;
  font-size: var(--font-4xl);
  font-weight: 600;
}

@media (min-width: 1200px) {
  .blog-archive-footer {
    padding: 32px 105px;
    margin-bottom: 30px;
  }
  .blog-archive-footer .heading-footer-url {
    font-size: 48px;
    line-height: 58px;
  }
  .wrap-footer-button-url {
    justify-content: flex-end;
  }
  .footer-blog-wiget {
    padding: 10px 0 60px;
  }
}
#pricing-template-content {
  background-color: #f9f9f9;
  padding-top: 50px;
  padding-bottom: 80px;
}

.pricing-heading {
  margin-bottom: 50px;
}
.pricing-heading h1 {
  font-size: var(--font-3xl);
  font-weight: 500;
  margin-bottom: 8px;
}
.pricing-heading .pricing-heading-des {
  font-size: var(--font-lg);
  color: var(--sec-color);
  margin-bottom: 16px;
}

#pricing-content {
  margin-bottom: 60px;
}

#compare-packages {
  overflow: hidden;
  overflow-x: auto;
}

#compare-packages-content,
.compare-packages-content,
.wrap-heading-compare-section {
  min-width: 980px;
}

.small-plans {
  width: 966px;
  margin: 0 auto;
}

.heading-comparative-block {
  color: var(--white-color);
  background-color: var(--body-color);
  border-radius: 12px;
  padding: 12px;
  display: flex;
  align-items: center;
}
.heading-comparative-block h3 {
  font-size: var(--font-xl);
  margin: 0;
  font-weight: 600;
  padding: 4px 12px;
  width: calc(100% - 34px);
  color: inherit;
}
.heading-comparative-block .toggle-button {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.hide-content .toggle-button {
  transform: rotateX(180deg);
}

.criteria-item {
  padding: 12px 24px;
  border-bottom: 1px dashed var(--border-color);
}
.criteria-item .row {
  align-items: center;
}

.criteria-heading,
.criteria-value {
  padding-top: 8px;
  padding-bottom: 8px;
}

.criteria-heading {
  font-size: var(--font-md);
  font-weight: 500;
}

.criteria-value {
  font-size: var(--font-md);
  display: flex;
  justify-content: center;
  text-align: center;
}
.criteria-value.is-minus-label {
  font-size: var(--font-lg);
}

.comparative-item {
  margin-bottom: 24px;
}
.comparative-item .btn {
  width: 100%;
  color: var(--white-color);
}
.comparative-item .btn:hover {
  color: var(--white-color);
}

.wrap-heading-compare-section {
  padding: 16px 0;
}
.wrap-heading-compare-section > .row {
  align-items: center;
}
.wrap-heading-compare-section .heading-compare-section,
.wrap-heading-compare-section .right-compare-section {
  padding-top: 8px;
  padding-bottom: 8px;
}
.wrap-heading-compare-section .heading-plan {
  padding: 0;
  margin: 0;
  flex-direction: column;
  border: none;
}
.wrap-heading-compare-section .heading-plan .popular-label {
  padding: 4px 6px;
}
.wrap-heading-compare-section .wrap-title-plan {
  justify-content: center;
}
.wrap-heading-compare-section .description {
  text-align: center;
}

.heading-compare-section {
  font-size: var(--font-2xl);
  line-height: 1.3;
  font-weight: 600;
  text-align: center;
}

.plan-item {
  box-shadow: 0 4px 12px rgba(13, 10, 44, 0.06);
  border-radius: 24px;
  background-color: var(--white-color);
  padding: 24px 14px;
  height: calc(100% - 16px);
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.plan-item .wrap-features {
  flex-grow: 1;
  margin-bottom: 24px;
}
.plan-item .wrap-features h6 {
  font-size: var(--font-sm);
  margin-bottom: 8px;
}
.plan-item .btn-pay {
  width: 100%;
  text-align: center;
  text-transform: none;
  color: var(--white-color);
}
.plan-item .btn-pay:hover {
  color: var(--white-color);
}
.plan-item .plan-feature {
  padding: 8px 0;
  display: flex;
  gap: 12px;
}
.plan-item .plan-feature-content {
  font-weight: 500;
  line-height: 20px;
  font-size: var(--font-sm);
  width: calc(100% - 32px);
}
.plan-item .price-tab {
  display: inline-flex;
  max-width: 100%;
  background-color: #e5e7eb;
  border-radius: 100px;
  align-items: center;
  justify-content: center;
  margin: 0 auto 16px;
  align-self: center;
}
.plan-item .price-tab[data-total="3"] .price-tab-item {
  padding: 12px;
  max-width: 33.33%;
}
.plan-item .price-tab-item {
  width: 120px;
  max-width: 50%;
  border-radius: 100px;
  padding: 12px 24px;
  font-size: var(--font-sm);
  font-weight: 500;
  position: relative;
  transition: all 300ms;
  text-align: center;
  cursor: pointer;
}
.plan-item .price-tab-item.active, .plan-item .price-tab-item:hover {
  background-color: var(--accent-color);
  color: var(--white-color);
}
.plan-item .price-tab-item:last-child .discount-tag {
  background-color: #f97316;
}
.plan-item .discount-tag {
  position: absolute;
  bottom: calc(35% + 1.1rem);
  right: 0;
  font-size: 10px;
  font-weight: 700;
  background-color: rgb(251, 146, 60);
  height: 1.5rem;
  width: 1.5rem;
  display: block;
  color: var(--white-color);
  transform: rotate(-45deg);
}
.plan-item .discount-tag .discount-tag-inside {
  width: 100%;
  height: 100%;
  background-color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotate(45deg);
}
.plan-item .discount-tag .discount-tag-inside:before,
.plan-item .discount-tag .discount-tag-inside:after, .plan-item .discount-tag:before, .plan-item .discount-tag:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  z-index: -1;
  transform: rotate(30deg);
}
.plan-item .discount-tag .discount-tag-inside:after, .plan-item .discount-tag:after {
  transform: rotate(-30deg);
}

.heading-plan {
  border-bottom: 1px solid var(--border-color);
  padding-bottom: 16px;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.heading-plan .description {
  font-size: var(--font-md);
  color: var(--sec-color);
  font-weight: 500;
}
.heading-plan .wrap-title-plan {
  display: flex;
  align-items: center;
  gap: 8px;
}
.heading-plan .wrap-title-plan .title-plan {
  color: var(--accent-color);
  font-size: var(--font-2xl);
  font-weight: 700;
  margin: 0;
}
.heading-plan .wrap-title-plan .free-label {
  color: #f2cb05;
  font-size: var(--font-sm);
  font-weight: 500;
  font-style: italic;
}
.heading-plan .popular-label {
  font-size: var(--font-sm);
  background-color: #f2cb05;
  border-radius: 6px;
  padding: 8px;
  font-weight: 500;
}

.wrap-heading-plan {
  flex-grow: 1;
}

.price-block {
  margin-bottom: 28px;
}

.top-price {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.plan-price {
  font-size: var(--font-5xl);
  font-weight: 600;
}

.plan-price-by-time,
.plan-price-des {
  font-size: var(--font-sm);
  color: var(--sec-color);
  line-height: 22px;
}

.plan-price-des {
  font-weight: 500;
}

.plan-price-by-time {
  font-style: italic;
}

.plan-price-cal {
  padding-top: 8px;
  font-size: var(--font-lg);
  font-weight: 600;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.plan-price-cal .total-amount-not-discount {
  font-size: var(--font-md);
  font-weight: 500;
  color: var(--sec-color);
  text-decoration: line-through;
}
.plan-price-cal .total-discount {
  font-weight: 500;
  font-size: var(--font-xs);
  color: #f97316;
  padding: 4px 6px;
  border-radius: 16px;
  background-color: #fed7aa;
}

.pricing-cal-tool {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}
.pricing-cal-tool .wrap-input-box {
  width: 146px;
}
.pricing-cal-tool .fix-value,
.pricing-cal-tool .wrap-input-box {
  padding: 8px;
  border-radius: 6px;
  background-color: var(--white-color);
  box-shadow: 0 4px 12px rgba(13, 10, 44, 0.0588235294);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pricing-cal-tool .change-input-val {
  padding: 6px;
  height: 36px;
  width: 36px;
  color: var(--accent-color);
  cursor: pointer;
}
.pricing-cal-tool .change-input-val:hover {
  color: var(--link-hover-color);
}
.pricing-cal-tool input {
  border: none;
  border-bottom: 1px solid var(--border-color);
  height: 36px;
  padding: 0;
  text-align: center;
  width: 50px;
  font-weight: 600;
  font-size: var(--font-lg);
  font-family: inherit;
}
.pricing-cal-tool .wrap-list-fix-val {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
}
.pricing-cal-tool .fix-value {
  width: 50px;
  padding: 12px 6px;
  font-weight: 500;
  font-size: var(--font-lg);
  transition: all 300ms;
  cursor: pointer;
}
.pricing-cal-tool .fix-value.active, .pricing-cal-tool .fix-value:hover {
  background-color: var(--accent-color);
  color: var(--white-color);
}

@media (max-width: 992px) {
  #compare-packages {
    width: calc(100% + 15px);
  }
}
@media (min-width: 992px) {
  #compare-packages {
    overflow: visible;
  }
  #pricing-template-content {
    padding-bottom: 180px;
  }
  #pricing-content {
    margin-bottom: 120px;
  }
  .pricing-heading {
    margin-bottom: 100px;
  }
  .pricing-heading h1 {
    font-size: var(--font-5xl);
    margin-bottom: 16px;
  }
  .heading-plan {
    margin-bottom: 32px;
  }
  .heading-plan .description {
    font-size: var(--font-lg);
  }
  .heading-plan .wrap-title-plan .title-plan {
    color: var(--accent-color);
  }
  .plan-item {
    padding: 40px 32px;
  }
  .plan-item .wrap-features {
    margin-bottom: 32px;
  }
  .price-block {
    margin-bottom: 42px;
  }
  .pricing-cal-tool .fix-value {
    width: 60px;
    padding: 12px 8px;
  }
  .pricing-cal-tool .wrap-list-fix-val {
    gap: 10px;
  }
  .heading-compare-section {
    font-size: var(--font-3xl);
    text-align: left;
  }
}
.cafe-contact-form-7 .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
  width: 88px;
}

.wpcf7-form-control-wrap input[type=date],
.wpcf7-form-control-wrap input[type=time] {
  display: block;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  min-height: 40px;
  width: 100%;
  min-width: 95%;
  background-color: var(--white-color);
  border: 1px solid var(--border-color);
}

.cafe-banner.style-3 img {
  margin: 0 auto;
}

.cafe-content-video-light-box.button-type .cafe-title {
  transition: all 330ms;
  display: inline-flex;
  align-items: center;
}

/* Reset tags */
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;
}

/* Better Font Rendering =========== */
.better-font-rendering {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  font-size: 1rem;
  color: var(--body-color);
  line-height: 1.5;
  letter-spacing: 0.4px;
  font-family: "Plus Jakarta Sans", sans-serif;
}

* {
  -webkit-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(--link-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: var(--link-hover-color);
}

h1 {
  font-size: var(--font-6xl);
}

h2 {
  font-size: var(--font-5xl);
}

h3 {
  font-size: var(--font-4xl);
}

h4 {
  font-size: var(--font-3xl);
}

h5 {
  font-size: var(--font-2xl);
}

h6 {
  font-size: var(--font-xl);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.27;
  margin-bottom: 16px;
  margin-top: 0;
  font-weight: 600;
  color: var(--title-color);
}

ul,
ol,
p,
dl,
pre {
  margin-bottom: 20px;
  margin-top: 0;
}

b,
strong {
  font-weight: bold;
}

dt {
  font-weight: 600;
  color: var(--black-color);
  margin-bottom: 5px;
}

dd {
  margin-bottom: 16px;
}

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: 4px;
}
ul ol,
ol ol {
  margin-left: 20px;
}

ul > li {
  list-style: disc;
}

li {
  padding: 4px 0;
}
li li:last-child {
  padding-bottom: 0;
}

code,
kbd,
pre,
samp,
tt {
  font-family: monospace, serif;
  -webkit-hyphens: none;
          hyphens: none;
}

code {
  background: var(--bg-block-color);
  padding: 3px 5px;
  border-radius: 3px;
}

ins,
pre {
  background: var(--bg-block-color);
}

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=date],
input[type=time] {
  display: block;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  min-height: 40px;
  min-width: 90%;
}

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 {
  width: 100%;
  border: 1px solid var(--form-border-color);
  color: var(--black-color);
  background-color: white;
  background-image: url("../images/down-arrow.svg");
  background-position: calc(100% - 10px) 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 0;
  display: block;
  margin-bottom: 30px;
  padding: 10px;
  line-height: 1.3;
}

img {
  max-width: 100%;
  height: auto;
}

a img {
  display: block;
}

figure {
  margin: 0 0 30px;
  max-width: 100%;
}

figcaption,
.blocks-gallery-caption,
.wp-block-image figcaption {
  text-align: center;
  font-size: var(--font-sm);
}

blockquote,
.blockquote,
.wp-block-quote {
  position: relative;
  padding: 6% 10%;
  margin: 6% 0;
  font-size: var(--font-2xl);
  min-height: 50px;
  text-align: center;
  color: var(--black-color);
  z-index: 1;
  background: #fff3ee;
}
blockquote p,
.blockquote p,
.wp-block-quote p {
  margin-bottom: 15px;
}
blockquote cite,
.blockquote cite,
.wp-block-quote cite {
  margin: 0 auto;
  font-style: normal;
  font-size: var(--font-sm);
  text-transform: uppercase;
  color: var(--date-color);
  position: relative;
  padding-left: 40px;
  display: inline-block;
  font-weight: 600;
}
blockquote cite:before,
.blockquote cite:before,
.wp-block-quote 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,
.wp-block-quote cite a {
  color: inherit;
}
blockquote cite a:hover,
.blockquote cite a:hover,
.wp-block-quote cite a:hover {
  color: var(--black-color);
}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p,
.wp-block-pullquote p {
  line-height: 1.3;
}

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: 700;
}

.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;
  line-height: 30px;
  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: 120px;
}

.accent-color {
  color: var(--accent-color);
}

.text-gradient {
  background: -webkit-linear-gradient(left, rgb(75, 176, 178) 5%, rgb(242, 203, 5) 95%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.font-lg {
  font-size: var(--font-lg);
}

.font-sm {
  font-size: var(--font-sm);
}

.font-xs {
  font-size: var(--font-xs);
}

.font-bold {
  font-weight: 700;
}

.font-semibold {
  font-weight: 600;
}

.font-medium {
  font-weight: 500;
}

.font-normal {
  font-weight: 400;
}

/*Widget*/
.widget .widget-title, .widget .widgettitle {
  font-size: var(--font-2xl);
}

.sidebar .mc4wp-form-fields {
  position: relative;
}
.sidebar .mc4wp-form-fields p, .sidebar .mc4wp-form-fields input, .sidebar .mc4wp-form-fields select {
  margin-bottom: 10px;
  width: 100%;
}
.sidebar .mc4wp-form-fields input {
  text-align: left;
}
.sidebar .mc4wp-form-fields button {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  padding: 0 8px;
}

.widget_tag_cloud .widget-title, .widget_tag_cloud .widgettitle {
  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: var(--font-2xl);
}

.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, .wp-block-calendar caption {
  color: var(--black-color);
  background: var(--bg-block-color);
  margin: 0;
  padding: 8px;
}

.sidebar .widget_categories li a {
  color: var(--body-color);
}

.zoo-posts-widget .date-post {
  text-transform: capitalize;
  font-size: var(--font-sm);
}

.zoo-posts-widget .title-post {
  font-size: var(--font-xl);
}

.wp-block-group__inner-container > h2 {
  font-size: var(--font-3xl);
}

/*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;
}

.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);
}

.cwpf_redraw_zone .cwpf_submit_search_form_container {
  margin: 0;
}
.cwpf_redraw_zone .cwpf_submit_search_form_container .cwpf_reset_search_form {
  margin-bottom: 15px;
}

.cwpf_redraw_zone .cwpf_container .cwpf_container_inner .cwpf_block_html_items .cwpf_list li {
  padding: 9px 0;
}
.cwpf_redraw_zone .cwpf_container .cwpf_container_inner .cwpf_block_html_items .cwpf_list li:last-child {
  padding-bottom: 0;
}

.cwpf_radio_label,
.cwpf_checkbox_label {
  color: var(--body-color);
}

.cwpf_checkbox_count, .cwpf_radio_count {
  color: var(--black-color);
}

.cwpf_color_term.checked::before, .cwpf_color_term:hover::before {
  border-width: 4px;
}

.cwpf_color_term.checked::after, .cwpf_color_term:hover::after {
  border-width: 2px;
}

.cwpf_color_term::after {
  border-color: var(--accent-color);
}

@media (max-width: 576px) {
  .woocommerce.archive .zoo-wrap-product-shop-loop {
    padding-top: 0;
  }
  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: var(--body-color);
}

/*Shop loop item*/
.wrap-product-loop-detail {
  padding-top: 20px;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
  padding: 0;
  margin-bottom: 5px;
}

h3.product-loop-title {
  font-weight: normal;
}

.woocommerce ul.products li.product .price {
  color: var(--price-color);
}

.woocommerce ul.products li.product .price ins {
  font-weight: 400;
}

.woocommerce ul.products li.product .price del {
  opacity: 1;
  color: var(--del-price-color);
}
.woocommerce ul.products li.product .price del .amount {
  color: inherit;
}

.woocommerce ul.products li.product .star-rating {
  margin: 8px auto;
}

.product .zoo-cw-option-display-shape-square {
  border-radius: 2px;
}
.product .zoo-cw-attr-item {
  border: 1px solid var(--border-color);
  color: var(--black-color);
}
.product .zoo-cw-attr-item:hover {
  border-color: var(--black-color);
}
.product .zoo-cw-label-text {
  padding: 0 5px;
}
.product .zoo-cw-attribute-option.zoo-cw-active .zoo-cw-attr-item {
  border-color: var(--black-color);
}

.zoo-cw-attr-item {
  font-size: var(--font-sm);
}

.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-attribute-option {
  margin: 0 15px 10px 0;
}
.zoo-cw-attribute-option:first-child {
  margin-left: 0;
}
.zoo-cw-attribute-option:last-child {
  margin-right: 0;
}

.zoo-cw-attr-row div.label {
  margin-bottom: 20px;
}

.zoo-cw-group-attribute:last-child .zoo-cw-attribute-option {
  margin-bottom: 0;
}

.zoo-cw-attr-row {
  margin-bottom: 30px;
}
.zoo-cw-attr-row:last-child {
  margin-bottom: 0;
}

.product_meta {
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  padding: 15px 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*/
.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;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  text-transform: capitalize;
  background: var(--bg-button);
  color: var(--color-button);
  line-height: 20px;
  font-weight: 400;
  padding: 15px 20px;
  border-radius: 0;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
  background: var(--bg-hover-button);
  color: var(--color-hover-button);
}

.summary .product_title {
  font-weight: 400;
  margin-bottom: 10px;
}

.woocommerce div.product .woocommerce-product-rating {
  margin-bottom: 25px;
  line-height: 1.2;
  display: inline-flex;
  align-items: center;
}
.woocommerce div.product .woocommerce-product-rating .star-rating {
  margin: 0 5px 0 0;
}

.woocommerce div.product p.price {
  color: var(--price-color);
  width: 100%;
  font-weight: 500;
  margin-bottom: 25px;
}
.woocommerce div.product p.price .amount {
  font-size: var(--font-4xl);
}

.woocommerce div.product .stock {
  padding: 3px 8px;
  border-radius: 2px;
  background: var(--stock-bg);
  color: var(--white-color);
  text-transform: uppercase;
  font-size: var(--font-xs);
  display: inline-block;
}
.woocommerce div.product .stock.out-of-stock {
  background: var(--wc-red);
}
.woocommerce div.product .stock.available-on-backorder {
  background: var(--block-color);
  color: var(--black-color);
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-weight: 400;
}

.elementor-clever-single-add-to-cart .zoo-wishlist-button i, .elementor-clever-single-add-to-cart .zoo-compare-button i {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #FFDEDE;
  border-radius: 50%;
  font-size: 15px;
}

.woocommerce .woocommerce-tabs ul.tabs li {
  font-weight: 400;
  font-size: var(--font-2xl);
}
.woocommerce .woocommerce-tabs ul.tabs li.active {
  color: var(--black-color);
}

.cwpf_redraw_zone .cwpf_container .cwpf_container_inner .cwpf_block_html_items .cwpf_list li .cwpf_radio_label .cwpf_radio_count,
.cwpf_redraw_zone .cwpf_container .cwpf_container_inner .cwpf_block_html_items .cwpf_list li .cwpf_checkbox_label .cwpf_checkbox_count {
  border-color: var(--body-color);
}

.woocommerce .elementor-clever-single-sale-badge span.onsale {
  z-index: 1;
}

@media (max-width: 992px) {
  .wrap-top-shop-loop .left-top-shop-loop,
  .center-top-shop-loop .woocommerce-result-count {
    text-align: left;
    margin-bottom: 10px;
  }
  .right-top-shop-loop {
    justify-content: space-between;
  }
  .cwpf_products_top_panel ul {
    flex-wrap: wrap;
  }
}
/*Remove button*/
.mini_cart_item .remove {
  width: 10px;
  height: 10px;
  padding: 3px;
}

.cafe-heading-cart-content .cafe-close-cart {
  width: 36px;
  height: 36px;
  padding: 8px;
}

.cafe-wrap-search .cafe-search-close {
  width: 35px;
  height: 35px;
}

.cafe-heading-cart-content .cafe-close-cart, .cafe-wrap-search .cafe-search-close, .cwb-close-popup-page {
  font-size: 0;
}
.cafe-heading-cart-content .cafe-close-cart i, .cafe-wrap-search .cafe-search-close i, .cwb-close-popup-page i {
  display: block;
  margin: 0;
  position: relative;
  height: 100%;
  width: 100%;
}
.cafe-heading-cart-content .cafe-close-cart i:before, .cafe-heading-cart-content .cafe-close-cart i:after, .cafe-wrap-search .cafe-search-close i:before, .cafe-wrap-search .cafe-search-close i:after, .cwb-close-popup-page i:before, .cwb-close-popup-page i:after {
  content: "" !important;
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background-color: #000;
  transform-origin: 50% 50%;
  opacity: 1;
  transition: transform ease 0.3s;
}
.cafe-heading-cart-content .cafe-close-cart i:before, .cafe-wrap-search .cafe-search-close i:before, .cwb-close-popup-page i:before {
  transform: rotate(45deg);
}
.cafe-heading-cart-content .cafe-close-cart i:after, .cafe-wrap-search .cafe-search-close i:after, .cwb-close-popup-page i:after {
  transform: rotate(-45deg);
}
.cafe-heading-cart-content .cafe-close-cart:hover i:before, .cafe-heading-cart-content .cafe-close-cart:hover i:after, .cafe-wrap-search .cafe-search-close:hover i:before, .cafe-wrap-search .cafe-search-close:hover i:after, .cwb-close-popup-page:hover i:before, .cwb-close-popup-page:hover i:after {
  transform: rotate(0);
  background: var(--link-hover-color);
}

.widget_shopping_cart_content .return-to-shop {
  margin: 0;
  width: 100%;
  text-align: center;
}
.widget_shopping_cart_content .return-to-shop .button {
  padding: 15px 25px;
}

.woocommerce-review-link {
  color: var(--text-color);
}

.single.single-clever-woo-builder .post-related.wrap-loop-content,
.single.single-clever-woo-builder .header-post, .single.single-clever-woo-builder .wrap-bottom-content-post, .single.single-clever-woo-builder .post-author, .single.single-clever-woo-builder .zoo-single-post-nav {
  display: none;
}
.single.single-clever-woo-builder .wrap-post-content-without-sidebar, .single.single-clever-woo-builder .post-content {
  width: 100%;
  max-width: 100%;
}

.elementor-clever-single-meta .product_meta {
  border: none;
  padding: 0;
}

.single.single-product.elementor-default .main-content {
  padding: 0;
}

.woocommerce div.product .clever-single-tabs__wrap .woocommerce-tabs {
  margin: 0;
}

.elementor-element .clever-woo-builder ul.products.list-layout li.product {
  border: none;
  padding-bottom: 0;
}
.elementor-element .clever-woo-builder ul.products.list-layout li.product .button, .elementor-element .clever-woo-builder ul.products.list-layout li.product .zoo-cw-wrap-shop, .elementor-element .clever-woo-builder ul.products.list-layout li.product .zoo-stock-label {
  display: none;
}
.elementor-element .clever-woo-builder ul.products.list-layout li.product .product-loop-title {
  font-size: 1rem;
  margin-bottom: 5px;
}
.elementor-element .clever-woo-builder ul.products.list-layout li.product .price {
  margin: 0;
  justify-content: flex-start;
}
.elementor-element .clever-woo-builder ul.products.list-layout li.product .wrap-product-img {
  width: 30%;
}
.elementor-element .clever-woo-builder ul.products.list-layout li.product .wrap-product-loop-detail {
  width: 70%;
  padding: 0 0 0 20px;
  text-align: inherit;
}
.elementor-element .clever-woo-builder ul.products.list-layout li.product .wrap-product-loop-content {
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  display: flex;
}

.woocommerce td.product-name p.backorder_notification {
  margin: 0;
}

i.zoo-icon-close, .tab-heading .clever-icon-close-1 {
  display: block;
  margin: 0;
  position: relative;
  height: 100%;
  width: 100%;
}
i.zoo-icon-close:before, i.zoo-icon-close:after, .tab-heading .clever-icon-close-1:before, .tab-heading .clever-icon-close-1:after {
  content: "" !important;
  position: absolute;
  height: 2px;
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -1px;
  background-color: #282828;
  transform-origin: 50% 50%;
  opacity: 1;
  transition: transform ease 0.3s;
}
i.zoo-icon-close:before, .tab-heading .clever-icon-close-1:before {
  transform: rotate(45deg);
}
i.zoo-icon-close:after, .tab-heading .clever-icon-close-1:after {
  transform: rotate(-45deg);
}

i.zoo-icon-close:hover:before, i.zoo-icon-close:hover:after, .tab-heading .clever-icon-close-1:hover:before, .tab-heading .clever-icon-close-1:hover:after {
  transform: rotate(0);
  background: var(--link-hover-color);
}

.tab-heading .clever-icon-close-1 {
  width: 25px;
  height: 25px;
}

.cafe-canvas-cart-content .woocommerce-mini-cart__empty-message {
  padding: 0;
  margin-bottom: 30px;
}

.cafe-canvas-cart-content.cart-empty .widget_shopping_cart_content {
  justify-content: center;
}

.woocommerce .cafe-account-modal form.login, .woocommerce .cafe-account-modal form.register {
  padding: 0;
  margin: 0;
  border: none;
}
.woocommerce .cafe-account-modal .form-row {
  text-align: left;
}
.woocommerce .cafe-account-modal .woocommerce-form-login__submit {
  margin-right: 0;
}
.woocommerce .cafe-account-modal .lost_password {
  line-height: 30px;
}

.product-quantity .quantity, .cart .quantity {
  background: var(--bg-qty);
  border: none !important;
  justify-content: center;
  padding: 0 5px;
  display: flex;
}
.product-quantity .quantity .input-text.qty, .cart .quantity .input-text.qty {
  min-width: 30px;
  font-size: 1rem;
}
.product-quantity .qty-nav, .cart .qty-nav {
  font-size: 0 !important;
}
.product-quantity .qty-nav:before, .cart .qty-nav:before {
  font-family: cleversoft;
  font-size: 0.65rem;
}
.product-quantity .qty-nav.increase:before, .cart .qty-nav.increase:before {
  content: "쀐";
}
.product-quantity .qty-nav.decrease:before, .cart .qty-nav.decrease:before {
  content: "슑";
}

.woocommerce .comment-text .star-rating::before {
  color: #999999;
}

.cwb-wrap-content-popup-page {
  padding: 40px 0;
}
.cwb-wrap-content-popup-page .cwb-content-popup-page {
  padding: 0 40px;
}
.cwb-wrap-content-popup-page .cwb-close-popup-page {
  background: none;
  padding: 8px;
  transform: none;
  width: 35px;
  height: 35px;
  top: 10px;
  right: 10px;
}
.cwb-wrap-content-popup-page .cwb-close-popup-page:hover {
  background: none;
}
.cwb-wrap-content-popup-page .wpcf7-form p {
  margin: 0;
}

.zoo-wrap-popup-content .product_meta {
  border: none;
  padding: 0;
}
.zoo-wrap-popup-content .product_meta > span {
  margin-right: 20px;
}
.zoo-wrap-popup-content .product_meta > span:last-child {
  margin: 0;
}
.zoo-wrap-popup-content .product-cart i {
  display: none;
}
.zoo-wrap-popup-content .product-remove-wishlist {
  text-align: center;
}
.zoo-wrap-popup-content .remove-from-wishlist {
  background: none;
  padding: 3px;
}
.zoo-wrap-popup-content .remove-from-products-compare {
  width: 35px;
  padding: 8px;
  height: 35px;
  display: block;
  margin: 0 auto;
}
.zoo-wrap-popup-content .product-price {
  color: var(--price-color);
}

.zoo-popup-panel .popup-close-btn {
  padding: 8px;
}
.zoo-popup-panel .popup-close-btn i.zoo-icon-close::before, .zoo-popup-panel .popup-close-btn i.zoo-icon-close::after {
  background: var(--white-color);
}

.woocommerce table.shop_attributes {
  border: none;
}
.woocommerce table.shop_attributes th {
  border: none;
  width: auto;
  padding-left: 0;
}
.woocommerce table.shop_attributes td {
  border: none;
  padding-right: 0;
}
.woocommerce table.shop_attributes tr:nth-child(2n) th, .woocommerce table.shop_attributes tr:nth-child(2n) td {
  background: none;
}

.cart.grouped_form {
  flex-direction: column;
}
.cart.grouped_form .woocommerce-grouped-product-list-item__quantity .add_to_cart_button {
  white-space: nowrap;
}
.cart.grouped_form .woocommerce-grouped-product-list-item__quantity .add_to_cart_button i {
  display: none;
}

.woocommerce .quantity .qty {
  border: none;
  background: none;
  height: 100%;
}

.woocommerce div.product form.cart .group_table td {
  vertical-align: middle;
}

.product-sidebar .widget.cwapf-widget .widget-title, .product-sidebar .widget.cwapf-widget .widgettitle {
  font-size: var(--font-5xl);
  line-height: 1;
}

.cwapf-layered-nav.cwapf-hierarchy > ul > li > a {
  font-size: var(--font-xl);
  line-height: 1;
}
.cwapf-layered-nav.cwapf-hierarchy > ul > li > a .name::after {
  top: 5px;
}
.cwapf-layered-nav.cwapf-hierarchy > ul > li > a .count, .cwapf-layered-nav.cwapf-hierarchy > ul > li > a .count:before, .cwapf-layered-nav.cwapf-hierarchy > ul > li > a .count:after {
  color: var(--text-color);
}
.cwapf-layered-nav.cwapf-hierarchy > ul > li > ul {
  padding: 10px 0;
}
.cwapf-layered-nav.cwapf-hierarchy > ul ul a {
  color: var(--text-color);
}
.cwapf-layered-nav.cwapf-hierarchy > ul ul a .count, .cwapf-layered-nav.cwapf-hierarchy > ul ul a .count:before, .cwapf-layered-nav.cwapf-hierarchy > ul ul a .count:after {
  color: inherit;
}
.cwapf-layered-nav.cwapf-hierarchy > ul ul li.chosen > a, .cwapf-layered-nav.cwapf-hierarchy > ul ul a:hover {
  color: var(--accent-color);
}

.cwapf-layered-nav.cwapf-swatch li a {
  color: var(--text-color);
}

.cwapf-swatch li .cwapf-swatch-circle {
  width: 36px;
  height: 36px;
  padding: 0;
  margin-right: 10px;
  position: relative;
}
.cwapf-swatch li .cwapf-swatch-circle:after {
  transform: rotate(45deg);
  content: "";
  width: 8px;
  height: 12px;
  display: block;
  border: solid var(--white-color);
  border-width: 0 3px 3px 0;
  position: absolute;
  top: 10px;
  left: 12px;
  opacity: 0;
  transition: all 300ms;
}
.cwapf-swatch .chosen .cwapf-swatch-circle:after, .cwapf-swatch a:hover .cwapf-swatch-circle:after {
  opacity: 1;
}

.sidebar .cwapf-layered-nav.cwapf-swatch .chosen a, .sidebar .cwapf-layered-nav.cwapf-swatch a:hover {
  color: var(--black-color);
}

.cwapf-widget .widget-title span, .cwapf-widget .widgettitle span {
  line-height: 1;
  position: relative;
  display: inline-block;
}
.cwapf-widget .widget-title span:after, .cwapf-widget .widgettitle span:after {
  position: absolute;
  content: "";
  border-bottom: 15px solid;
  color: #00FFF7;
  bottom: 0;
  width: 100%;
  display: block;
  z-index: -1;
}

.cwapf-widget .cwapf-list a:hover {
  color: var(--black-color);
}

@media (min-width: 768px) {
  .woocommerce-page.archive .main-content {
    padding-top: 40px;
  }
}
@media (min-width: 992px) {
  .zoo-popup-inner .wishlist-items-table .product-title {
    width: 20%;
  }
  .zoo-popup-inner .wishlist-items-table .product-cart {
    width: 220px;
  }
  .zoo-popup-inner .wishlist-items-table .product-price {
    width: 180px;
  }
  .products-compare-table th {
    width: 220px;
  }
}
@media (min-width: 1366px) {
  .left-sidebar-layout .product-sidebar, .right-sidebar-layout .product-sidebar {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .left-sidebar-layout .zoo-products-shop-loop, .right-sidebar-layout .zoo-products-shop-loop {
    flex: 0 0 80%;
    max-width: 80%;
  }
}/*# sourceMappingURL=zoo-styles.css.map */