.dcore {
  position: relative
}

.dcore .attachment .thumb {
  border: 1px solid #ccc;
  display: inline-block;
  margin-right: 4px;
  width: 50px;
  height: 50px
}

.dcore .no-entry {
  font-size: 12px;
  color: #aaa;
  padding: 20px 0
}

.dcore .f-msg {
  margin-bottom: 20px
}

.text-highlight {
  background: #fd0;
  display: inline !important;
  padding: 0 !important
}

textarea.editor {
  visibility: hidden
}

.dcore-row {
  margin-bottom: 10px
}

.dcore-row input:not([type]),
.dcore-row input[type=text],
.dcore-row input[type=text].select-dropdown,
.dcore-row input[type=password],
.dcore-row input[type=email],
.dcore-row input[type=url],
.dcore-row input[type=time],
.dcore-row input[type=date],
.dcore-row input[type=datetime],
.dcore-row input[type=datetime-local],
.dcore-row input[type=tel],
.dcore-row input[type=number],
.dcore-row input[type=search],
.dcore-row select,
.dcore-row textarea {
  margin-bottom: 0
}

.dcore-message {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.dcore-message,
.dcore-message h5 {
  line-height: 2
}

.dcore-list .dcore-message {
  position: relative;
  top: auto;
  left: auto;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  height: 40vh
}

.dcore-pagination {
  margin: 2px 0
}

.dcore-pagination li a {
  transition: .3s all
}

@media(pointer: fine)and (hover: hover) {
  .dcore-pagination li a:hover:not(:disabled) {
    opacity: .5
  }
}

.dcore-pagination li a.active,
.dcore-pagination li a.hover-,
.dcore-pagination li a.current-,
.dcore-pagination li a:focus {
  opacity: .5
}

.dcore-pagination li.active {
  background-color: #333;
  border-radius: 0
}

.dcore-pagination li.active a {
  cursor: default
}

@media(pointer: fine)and (hover: hover) {
  .dcore-pagination li.active a:hover:not(:disabled) {
    opacity: 1
  }
}

.dcore-pagination li.active a.active,
.dcore-pagination li.active a.hover-,
.dcore-pagination li.active a.current-,
.dcore-pagination li.active a:focus {
  opacity: 1
}

.dcore-buttons .btn {
  margin-bottom: 5px
}

@media only screen and (max-width: 600px) {
  .dcore-buttons .btn {
    display: block;
    width: 100%
  }

  .dcore-buttons.fake-prefix {
    padding-left: 0
  }
}

.dcore-zoom-contain,
.dcore-zoom-cover {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.dcore-zoom-contain {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center
}

.dcore-zoom-cover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

.dcore-zoom-cover.top- {
  background-position: center top
}

.dcore-zoom-cover a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

@media(pointer: fine)and (hover: hover) {
  .dcore-zoom-cover a:hover:not(:disabled) {
    cursor: zoom-in
  }
}

.dcore-zoom-cover a.active,
.dcore-zoom-cover a.hover-,
.dcore-zoom-cover a.current-,
.dcore-zoom-cover a:focus {
  cursor: zoom-in
}

.dcore-zoom-in .dcore-zoom-cover,
.dcore-zoom-out .dcore-zoom-cover {
  will-change: transform;
  -webkit-transition: 3s -webkit-transform;
  -moz-transition: 3s -moz-transform;
  -ms-transition: 3s -ms-transform;
  -o-transition: 3s -o-transform;
  transition: 3s transform;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}

.dcore-zoom-in .dcore-zoom-cover {
  transform: scale3d(1, 1, 1) rotate(0deg)
}

@media(pointer: fine)and (hover: hover) {
  .dcore-zoom-in:hover:not(:disabled) .dcore-zoom-cover {
    transform: scale3d(1.05, 1.05, 1) rotate(0.001deg);
    transition: 6s transform
  }
}

.dcore-zoom-in.active .dcore-zoom-cover,
.dcore-zoom-in.hover- .dcore-zoom-cover,
.dcore-zoom-in.current- .dcore-zoom-cover,
.dcore-zoom-in:focus .dcore-zoom-cover {
  transform: scale3d(1.05, 1.05, 1) rotate(0.001deg);
  transition: 6s transform
}

.dcore-zoom-out .dcore-zoom-cover {
  transform: scale3d(1.05, 1.05, 1) rotate(0.001deg)
}

@media(pointer: fine)and (hover: hover) {
  .dcore-zoom-out:hover:not(:disabled) .dcore-zoom-cover {
    transform: scale3d(1, 1, 1) rotate(0deg);
    transition: 6s transform
  }
}

.dcore-zoom-out.active .dcore-zoom-cover,
.dcore-zoom-out.hover- .dcore-zoom-cover,
.dcore-zoom-out.current- .dcore-zoom-cover,
.dcore-zoom-out:focus .dcore-zoom-cover {
  transform: scale3d(1, 1, 1) rotate(0deg);
  transition: 6s transform
}

.dcore-thumbnails .item {
  padding-bottom: 15px;
  margin-bottom: 35px
}

.dcore-thumbnails .item.item-current {
  background-color: #f7f7f7;
  padding-top: 15px
}

.dcore-thumbnails .item.item-current a.link {
  cursor: default;
  transition: .3s opacity
}

.dcore-thumbnails .item.item-current a.link .image:before {
  opacity: .1
}

.dcore-thumbnails .item.item-current a.link .info {
  color: #777
}

.dcore-thumbnails .item.item-current a.link .info .title {
  color: #333
}

.dcore-thumbnails .item.item-current a.link .info small {
  color: #777
}

.dcore-thumbnails .item.item-current a.link .info .summary {
  border-color: #ccc
}

.dcore-thumbnails .item-hidden {
  opacity: .4 !important
}

.dcore-thumbnails a.link {
  display: block
}

.dcore-thumbnails a.link .image {
  display: block;
  position: relative;
  margin-bottom: 10px;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%
}

.dcore-thumbnails a.link .image:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  background: #000;
  mix-blend-mode: multiply;
  opacity: 0;
  transition: all .3s ease-out
}

.dcore-thumbnails a.link .image .play {
  display: block;
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  content: "";
  overflow: hidden;
  border: 10px solid rgba(0, 0, 0, 0);
  border-left: 18px solid #fff;
  margin-top: -10px;
  margin-left: -9px;
  opacity: 1;
  transition: all .3s ease-out
}

.dcore-thumbnails a.link .info {
  display: block;
  line-height: 24px;
  overflow: hidden;
  font-size: 16px;
  color: #777;
  transition: .3s color, .3s background-color, .3s border-color
}

.dcore-thumbnails a.link .info small {
  color: #bbb;
  font-size: 14px;
  transition: .3s color, .3s background-color, .3s border-color
}

.dcore-thumbnails a.link .info .spans {
  display: block;
  float: right
}

.dcore-thumbnails a.link .info .spans .span {
  display: inline-block;
  margin-left: 5px;
  font-size: 10px;
  color: #666
}

.dcore-thumbnails a.link .info .summary {
  max-height: 100px;
  font-size: 12px;
  line-height: 20px;
  display: block;
  color: #bbb
}

@media(pointer: fine)and (hover: hover) {
  .dcore-thumbnails a.link:hover:not(:disabled) {
    text-decoration: none
  }

  .dcore-thumbnails a.link:hover:not(:disabled) span.image:before {
    opacity: .1
  }

  .dcore-thumbnails a.link:hover:not(:disabled) span.image .play {
    opacity: 0
  }

  .dcore-thumbnails a.link:hover:not(:disabled) span.info {
    color: #000
  }

  .dcore-thumbnails a.link:hover:not(:disabled) span.info small {
    color: #777
  }
}

.dcore-thumbnails a.link.active,
.dcore-thumbnails a.link.hover-,
.dcore-thumbnails a.link.current-,
.dcore-thumbnails a.link:focus {
  text-decoration: none
}

.dcore-thumbnails a.link.active span.image:before,
.dcore-thumbnails a.link.hover- span.image:before,
.dcore-thumbnails a.link.current- span.image:before,
.dcore-thumbnails a.link:focus span.image:before {
  opacity: .1
}

.dcore-thumbnails a.link.active span.image .play,
.dcore-thumbnails a.link.hover- span.image .play,
.dcore-thumbnails a.link.current- span.image .play,
.dcore-thumbnails a.link:focus span.image .play {
  opacity: 0
}

.dcore-thumbnails a.link.active span.info,
.dcore-thumbnails a.link.hover- span.info,
.dcore-thumbnails a.link.current- span.info,
.dcore-thumbnails a.link:focus span.info {
  color: #000
}

.dcore-thumbnails a.link.active span.info small,
.dcore-thumbnails a.link.hover- span.info small,
.dcore-thumbnails a.link.current- span.info small,
.dcore-thumbnails a.link:focus span.info small {
  color: #777
}

.dcore-thumbnails img.thumb {
  width: 100%;
  height: auto
}

.dcore-thumbnails .dcore-list-check-item {
  display: block;
  margin: 0;
  padding: 0;
  margin-top: 5px
}

span.dcore-list-check-all {
  font-size: 0;
  display: inline-block;
  margin: 0;
  margin-right: 10px;
  width: 22px;
  height: 22px;
  vertical-align: middle
}

span.dcore-list-check-all label {
  display: block;
  padding: 0;
  width: 22px;
  height: 22px
}

.dcore-list-header {
  margin-bottom: 2.5rem
}

div.dcore-search {
  position: relative;
  margin-bottom: 1rem;
  float: right;
  width: 100%;
  max-width: 200px
}

div.dcore-search input {
  margin: 0;
  padding-right: 30px;
  width: 100%;
  box-sizing: border-box;
  height: 36px
}

div.dcore-search button {
  display: block;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: right;
  background: rgba(0, 0, 0, 0);
  border: none;
  padding: 0;
  transition: .3s color;
  color: #888
}

@media(pointer: fine)and (hover: hover) {
  div.dcore-search button:hover:not(:disabled) {
    color: #000
  }
}

div.dcore-search button.active,
div.dcore-search button.hover-,
div.dcore-search button.current-,
div.dcore-search button:focus {
  color: #000
}

.dcore-view-header {
  position: relative;
  padding-bottom: 1rem;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 2rem
}

.dcore-actions {
  position: relative;
  z-index: 10;
  float: right
}

.dcore-actions .dropdown-button {
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0) !important;
  color: #888;
  transition: .3s color
}

.dcore-actions .dropdown-button i {
  font-size: 30px
}

@media(pointer: fine)and (hover: hover) {
  .dcore-actions .dropdown-button:hover:not(:disabled) {
    color: #000
  }
}

.dcore-actions .dropdown-button.active,
.dcore-actions .dropdown-button.hover-,
.dcore-actions .dropdown-button.current-,
.dcore-actions .dropdown-button:focus {
  color: #000
}

.dcore-view-header .dcore-actions {
  margin-top: -4px
}

.dcore-post-actions .dcore-actions {
  margin-top: 9px
}

html.pc .dcore-view-header .dcore-actions .dropdown-button {
  opacity: 0;
  transition: .3s opacity
}

html.pc .dcore-view-header .dcore-actions .dropdown-button.active,
html.pc .dcore:hover .dcore-view-header .dcore-actions .dropdown-button {
  opacity: 1
}

.dcore-post-related .dropdown-content a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px
}

.dcore-view-header .dcore-attachments {
  position: absolute;
  right: 0;
  bottom: 1rem
}

.dcore-view-header .dcore-attachments .dropdown-content {
  margin-top: .4rem
}

.dcore-attachments-list>div {
  display: inline-block;
  margin-right: 1em
}

.dcore-attachments-list>div:last-child {
  margin-right: 0
}

.dcore-info {
  margin-top: 26px
}

.dcore-info,
.dcore-info a {
  font-size: 11px;
  color: #888
}

.dcore-info .span {
  width: auto
}

.dcore-info .dcore-info-item {
  margin-right: 1em;
  display: inline-block;
  line-height: 2
}

.dcore-info .dcore-info-item a {
  display: inline-block
}

@media(pointer: fine)and (hover: hover) {
  .dcore-info .dcore-info-item a:hover:not(:disabled) {
    text-decoration: underline
  }
}

.dcore-info .dcore-info-item a.active,
.dcore-info .dcore-info-item a.hover-,
.dcore-info .dcore-info-item a.current-,
.dcore-info .dcore-info-item a:focus {
  text-decoration: underline
}

.dcore-title {
  line-height: 1.6;
  padding-right: 60px;
  margin-top: 0
}

h2.dcore-price {
  margin-top: 0
}

h2.dcore-price small {
  display: inline-block;
  text-decoration: line-through;
  font-size: .2;
  font-weight: 300
}

.dcore-body img {
  max-width: 100% !important;
  min-width: 100% !important;
  width: auto !important;
  height: auto !important
}

.dcore-body p:first-child {
  margin-top: 0
}

.dcore-body ol,
.dcore-body ul {
  padding-left: 1.6em;
  margin-top: 0;
  margin-bottom: 1em
}

.dcore-body ol li,
.dcore-body ul li {
  margin-top: 0;
  margin-bottom: .4em
}

.dcore-body ul,
.dcore-body ul li {
  list-style-type: disc
}

.dcore-body ul ul,
.dcore-body ul ul li {
  list-style-type: circle
}

.dcore-body table {
  width: 100% !important
}

.dcore-actions-comment {
  text-align: right;
  margin-bottom: 10px
}

.dcore-replies {
  margin-bottom: 30px
}

.dcore-reply {
  margin-bottom: 10px;
  position: relative
}

.dcore-reply .info {
  font-size: 12px;
  color: #777;
  margin-top: 12px
}

.dcore-reply .dcore-actions {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px
}

.dcore-image-slide {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  margin-bottom: 20px
}

.dcore-image-slide img {
  max-width: 100%;
  height: auto
}

.dcore-image-slide a.link {
  display: block;
  text-decoration: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top
}

@media(pointer: fine)and (hover: hover) {
  .dcore-image-slide a.link:hover:not(:disabled) {
    cursor: zoom-in
  }
}

.dcore-image-slide a.link.active,
.dcore-image-slide a.link.hover-,
.dcore-image-slide a.link.current-,
.dcore-image-slide a.link:focus {
  cursor: zoom-in
}

.dcore-image-slide a.link .caption {
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  color: #fff;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
  padding: 10px 15px;
  text-align: left
}

.dcore-image-view p {
  margin-top: 0;
  margin-bottom: 15px
}

@media(pointer: fine)and (hover: hover) {
  .dcore-image-view a:hover:not(:disabled) {
    cursor: zoom-in
  }
}

.dcore-image-view a.active,
.dcore-image-view a.hover-,
.dcore-image-view a.current-,
.dcore-image-view a:focus {
  cursor: zoom-in
}

.dcore-image-view img {
  display: block;
  width: 100%;
  height: auto
}

.dcore-image-view .image {
  display: block;
  text-decoration: none;
  position: relative;
  width: 100%;
  height: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-bottom: 24px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
  .dcore-image-view .image {
    margin-bottom: 18px
  }
}

@media only screen and (max-width: 600px) {
  .dcore-image-view .image {
    margin-bottom: 12px
  }
}

.dcore-image-view .image a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.dcore-image-view .caption {
  margin-top: -10px;
  margin-bottom: 20px;
  font-size: 12px
}

.dcore-image-wrap {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.dcore-image-wrap img {
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  object-fit: cover
}

.dcore-contain .dcore-image-wrap img {
  object-fit: contain
}

.dcore-video-wrap {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}

.dcore-video-wrap video {
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  object-fit: cover
}

.dcore-contain .dcore-video-wrap video {
  object-fit: contain
}

.dcore-add-to-wishlist {
  font-size: 20px
}

.dcore-add-to-wishlist a {
  color: #ccc
}

.dcore-add-to-wishlist a.active {
  color: #c00
}

.dcore-post-actions {
  margin-top: 2rem
}

table.dcore-list-table {
  color: #555
}

@media only screen and (max-width: 600px) {
  table.dcore-list-table {
    min-width: calc(100vw - var(--side-margin)*2)
  }
}

table.dcore-list-table th,
table.dcore-list-table td {
  padding: 0;
  border-radius: 0
}

table.dcore-list-table th>span,
table.dcore-list-table th>button,
table.dcore-list-table th>a,
table.dcore-list-table td>span,
table.dcore-list-table td>button,
table.dcore-list-table td>a {
  display: block;
  color: #555;
  line-height: 20px;
  padding: 15px 12px;
  position: relative
}

@media print {

  table.dcore-list-table th>span,
  table.dcore-list-table th>button,
  table.dcore-list-table th>a,
  table.dcore-list-table td>span,
  table.dcore-list-table td>button,
  table.dcore-list-table td>a {
    display: block
  }
}

@media only screen and (min-width: 993px) {

  table.dcore-list-table th>span,
  table.dcore-list-table th>button,
  table.dcore-list-table th>a,
  table.dcore-list-table td>span,
  table.dcore-list-table td>button,
  table.dcore-list-table td>a {
    display: block
  }
}

table.dcore-list-table th>span .fa:last-child,
table.dcore-list-table th>button .fa:last-child,
table.dcore-list-table th>a .fa:last-child,
table.dcore-list-table td>span .fa:last-child,
table.dcore-list-table td>button .fa:last-child,
table.dcore-list-table td>a .fa:last-child {
  margin-right: 0
}

table.dcore-list-table th>span.image,
table.dcore-list-table th>button.image,
table.dcore-list-table th>a.image,
table.dcore-list-table td>span.image,
table.dcore-list-table td>button.image,
table.dcore-list-table td>a.image {
  padding: 0;
  margin: 0 6px;
  width: 60px;
  font-size: 0;
  line-height: 0;
  position: relative
}

table.dcore-list-table th {
  white-space: nowrap;
  vertical-align: middle
}

@media print {
  table.dcore-list-table .dcore-list-check-item {
    width: 1%;
    white-space: nowrap
  }
}

@media only screen and (min-width: 993px) {
  table.dcore-list-table .dcore-list-check-item {
    width: 1%;
    white-space: nowrap
  }
}

table.dcore-list-table .dcore-list-check-item>span {
  width: 48px
}

table.dcore-list-table .dcore-list-check-item label {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 12px;
  width: 18px;
  height: 18px;
  padding: 0
}

table.dcore-list-table.bordered tr:last-child {
  border-bottom: none !important
}

table.dcore-list-table .mine {
  color: #08c
}

table.dcore-list-table tr.sticky {
  background-color: #fffde7
}

table.dcore-list-table tr.current {
  background-color: #f7f7f7
}

table.dcore-list-table>tbody>tr.sticky>td.active:hover,
table.dcore-list-table>tbody>tr.sticky>th.active:hover,
table.dcore-list-table>tbody>tr.sticky:hover>td,
table.dcore-list-table>tbody>tr.sticky:hover>th {
  background-color: #faebcc
}

table.dcore-list-table .private,
table.dcore-list-table .private a {
  color: #999
}

@media only screen and (max-width: 992px) {
  table.dcore-list-table.responsive-table {
    font-size: 0
  }

  table.dcore-list-table.responsive-table .packed {
    width: auto
  }

  table.dcore-list-table.responsive-table tr {
    font-size: 1rem
  }

  table.dcore-list-table.responsive-table th>span,
  table.dcore-list-table.responsive-table th>a,
  table.dcore-list-table.responsive-table th>button,
  table.dcore-list-table.responsive-table td>span,
  table.dcore-list-table.responsive-table td>a,
  table.dcore-list-table.responsive-table td>button {
    padding: 5px 10px
  }

  table.dcore-list-table.responsive-table th.dcore-list-check-item label {
    left: auto;
    right: 12px
  }
}

#ui-datepicker-div {
  font-size: 12px
}

#ui-datepicker-div select {
  width: auto;
  height: auto
}

.dcore-event-calendar .calendar-area {
  position: relative
}

.dcore-event-calendar #loading {
  position: absolute;
  top: 50%;
  left: 50%;
  display: none
}

.dcore-event-calendar .fc-header-left span {
  display: inline-block;
  padding: 0 4px
}

.dcore-event-calendar .fc-header-left a {
  display: inline-block;
  line-height: 24px
}

@media(pointer: fine)and (hover: hover) {
  .dcore-event-calendar .fc-header-left a:hover:not(:disabled) {
    color: #333
  }
}

.dcore-event-calendar .fc-header-left a.active,
.dcore-event-calendar .fc-header-left a.hover-,
.dcore-event-calendar .fc-header-left a.current-,
.dcore-event-calendar .fc-header-left a:focus {
  color: #333
}

.dcore-event-calendar .fc-header-left a.prev {
  margin-right: 5px
}

.dcore-event-calendar .fc-header-center span {
  display: inline-block;
  padding: 0 4px
}

.dcore-event-calendar .fc-header-center a {
  display: inline-block;
  line-height: 24px;
  padding: 0 4px
}

@media(pointer: fine)and (hover: hover) {
  .dcore-event-calendar .fc-header-center a:hover:not(:disabled) {
    color: #333
  }
}

.dcore-event-calendar .fc-header-center a.active,
.dcore-event-calendar .fc-header-center a.hover-,
.dcore-event-calendar .fc-header-center a.current-,
.dcore-event-calendar .fc-header-center a:focus {
  color: #333
}

.dcore-event-calendar .fc-header-center a.next {
  margin-left: 5px
}

.dcore-event-calendar .fc-border-separate th {
  padding: .7em .3em;
  background: #f0f0f0
}

.dcore-event-calendar .fc-border-separate td {
  width: 1%
}

.dcore-event-calendar .fc-widget-header {
  font-size: 12px
}

.dcore-event-calendar .fc-day-number {
  font-size: 12px;
  padding: 6px
}

.dcore-event-calendar .fc-button-content {
  font-family: Arial, sans-serif
}

.dcore-event-calendar .fc-button-effect span {
  background: rgba(0, 0, 0, 0)
}

.dcore-event-calendar .fc-grid .fc-day-number {
  padding-top: 5px;
  padding-right: 5px
}

.dcore-event-calendar a.fc-event {
  opacity: .8
}

@media(pointer: fine)and (hover: hover) {
  .dcore-event-calendar a.fc-event:hover:not(:disabled) {
    opacity: 1
  }
}

.dcore-event-calendar a.fc-event.active,
.dcore-event-calendar a.fc-event.hover-,
.dcore-event-calendar a.fc-event.current-,
.dcore-event-calendar a.fc-event:focus {
  opacity: 1
}

.dcore-event-calendar .fc-event-title {
  word-wrap: break-word
}

.dcore-event-calendar .page-header,
.dcore-event-calendar .page-header h3 {
  margin-top: 0
}

.dcore-event-calendar .end-of-body {
  height: 30px;
  overflow: hidden
}

form.dcore-add-to-cart {
  position: relative
}

form.dcore-add-to-cart .block-screen {
  position: absolute;
  z-index: 99999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  user-select: none
}

form.dcore-add-to-cart .buttons {
  position: relative;
  margin-bottom: 10px
}

form.dcore-add-to-cart .loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

form.dcore-add-to-cart .loading .spinner {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%
}

form.dcore-add-to-cart .loading .screen {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: .5
}

.dcore-cart {
  position: relative;
  min-height: 100px
}

.dcore-cart .loading {
  position: absolute;
  z-index: 9999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.dcore-cart .loading .screen {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  opacity: .5
}

.dcore-cart .loading .spin {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%
}

.dcore-cart-items>.item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ebebeb
}

.dcore-cart-items>.item:after {
  content: "";
  display: table;
  clear: both
}

.dcore-cart-items>.item>.image {
  float: left;
  width: 150px;
  max-width: calc(100% - 160px)
}

.dcore-cart-items>.item>.image a,
.dcore-cart-items>.item>.image span {
  display: block
}

.dcore-cart-items>.item>.image a img,
.dcore-cart-items>.item>.image span img {
  display: block;
  width: 100%
}

.dcore-cart-items>.item>.info {
  float: left;
  width: calc(100% - 150px);
  min-width: 160px;
  padding-left: 20px
}

.dcore-cart-items>.item>.info>div {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 5px
}

.dcore-cart-items>.item>.info>div:after {
  content: "";
  display: table;
  clear: both
}

.dcore-cart-items>.item>.info>div .title {
  width: 40%;
  float: left;
  padding-right: 10px
}

.dcore-cart-items>.item>.info>div .data {
  width: 60%;
  float: left;
  white-space: normal
}

.dcore-cart-items>.item>.info>div.item-title {
  font-size: 16px;
  margin-bottom: 15px;
  white-space: normal
}

.dcore-cart-items>.item>.info>div.item-title a {
  text-align: left
}

.dcore-cart-items>.item:last-child {
  margin-bottom: 0
}

.dcore-cart-items.dcore-cart-list>.item {
  position: relative
}

.dcore-cart-items.dcore-cart-list>.item>.info>div.item-title {
  padding-right: 30px
}

.dcore-cart-items.dcore-cart-list>.item>.info>div .data .dcore-quantity {
  min-width: 0;
  max-width: none;
  width: 80px
}

.dcore-cart-items.dcore-cart-list>.item>.info>div .data .dcore-quantity button {
  padding: 0
}

.dcore-cart-items.dcore-cart-list>.item>.remover {
  position: absolute;
  top: 0;
  right: 0
}

.dcore-cart-items.dcore-cart-list>.item .msg-out-of-stock {
  display: block;
  color: red
}

.dcore-cart-items.dcore-cart-list>.item:not(.out-of-stock) .msg-out-of-stock {
  display: none
}

@media print {
  .dcore-cart-summary {
    border-top: 1px solid #555
  }
}

@media only screen and (min-width: 601px) {
  .dcore-cart-summary {
    border-top: 1px solid #555
  }
}

.dcore-cart-summary>.items>.item {
  border-bottom: 1px solid #555;
  padding: 20px 0
}

.dcore-cart-summary>.items>.item:after {
  content: "";
  display: table;
  clear: both
}

.dcore-cart-summary>.items>.item>.title,
.dcore-cart-summary>.items>.item>.data {
  width: 50%;
  float: left
}

.dcore-cart-summary>.items>.item>.data {
  text-align: right
}

.dcore-cart-summary>.items>.item:last-child {
  border-bottom: none
}

.dcore-section-action-summary {
  font-size: 11px;
  margin-left: 10px
}

@media print {
  .dcore-section {
    margin-bottom: 60px
  }
}

@media only screen and (min-width: 993px) {
  .dcore-section {
    margin-bottom: 60px
  }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
  .dcore-section {
    margin-bottom: 45px
  }
}

@media only screen and (max-width: 600px) {
  .dcore-section {
    margin-bottom: 39.996px
  }
}

@media print {
  .dcore-section.narrow-margin {
    margin-bottom: 30px
  }
}

@media only screen and (min-width: 993px) {
  .dcore-section.narrow-margin {
    margin-bottom: 30px
  }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
  .dcore-section.narrow-margin {
    margin-bottom: 22.5px
  }
}

@media only screen and (max-width: 600px) {
  .dcore-section.narrow-margin {
    margin-bottom: 19.998px
  }
}

.dcore-section.no-margin {
  margin-bottom: 0
}

.dcore-section-images.narrow-margin {
  margin-bottom: 0
}

.dcore-section-images.no-margin {
  margin-bottom: -24px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
  .dcore-section-images.no-margin {
    margin-bottom: -18px
  }
}

@media only screen and (max-width: 600px) {
  .dcore-section-images.no-margin {
    margin-bottom: -12px
  }
}

.dcore-sections-wrap {
  position: relative
}

.dcore-sections-wrap .loading {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.dcore-sections-wrap .loading .spin {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%
}

.dcore-sections-wrap .loading:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  opacity: .5
}

.product-options .card .actions,
.dcore-sections .card .actions {
  font-size: 0
}

.product-options .card .actions a,
.product-options .card .actions button,
.dcore-sections .card .actions a,
.dcore-sections .card .actions button {
  font-size: 1rem;
  display: inline-block;
  padding: 0;
  margin: 0;
  margin-right: 0 !important;
  margin-left: 1rem;
  color: #ccc !important;
  outline: none;
  background: none;
  border: none;
  transition: .3s color
}

@media(pointer: fine)and (hover: hover) {

  .product-options .card .actions a:hover:not(:disabled),
  .product-options .card .actions button:hover:not(:disabled),
  .dcore-sections .card .actions a:hover:not(:disabled),
  .dcore-sections .card .actions button:hover:not(:disabled) {
    color: #333 !important
  }
}

.product-options .card .actions a.active,
.product-options .card .actions a.hover-,
.product-options .card .actions a.current-,
.product-options .card .actions a:focus,
.product-options .card .actions button.active,
.product-options .card .actions button.hover-,
.product-options .card .actions button.current-,
.product-options .card .actions button:focus,
.dcore-sections .card .actions a.active,
.dcore-sections .card .actions a.hover-,
.dcore-sections .card .actions a.current-,
.dcore-sections .card .actions a:focus,
.dcore-sections .card .actions button.active,
.dcore-sections .card .actions button.hover-,
.dcore-sections .card .actions button.current-,
.dcore-sections .card .actions button:focus {
  color: #333 !important
}

.product-options .card .card-action,
.dcore-sections .card .card-action {
  cursor: move;
  transition: .3s background-color
}

@media(pointer: fine)and (hover: hover) {

  .product-options .card .card-action:hover:not(:disabled),
  .dcore-sections .card .card-action:hover:not(:disabled) {
    background-color: #f7f7f7
  }
}

.product-options .card .card-action.active,
.product-options .card .card-action.hover-,
.product-options .card .card-action.current-,
.product-options .card .card-action:focus,
.dcore-sections .card .card-action.active,
.dcore-sections .card .card-action.hover-,
.dcore-sections .card .card-action.current-,
.dcore-sections .card .card-action:focus {
  background-color: #f7f7f7
}

@media print {
  .dcore-section-body_with_image .row .col.l- {
    width: 50%
  }
}

@media only screen and (min-width: 601px) {
  .dcore-section-body_with_image .row .col.l- {
    width: 50%
  }
}

@media only screen and (max-width: 600px) {
  .dcore-section-body_with_image .row .col.l- {
    width: 100%
  }

  .dcore-section-body_with_image .row .col.l- .dcore-image-view .image {
    margin-bottom: 0
  }
}

@media print {
  .dcore-section-body_with_image .row .col.r- {
    width: 50%
  }
}

@media only screen and (min-width: 601px) {
  .dcore-section-body_with_image .row .col.r- {
    width: 50%
  }
}

@media only screen and (max-width: 600px) {
  .dcore-section-body_with_image .row .col.r- {
    width: 100%;
    margin-top: 20px
  }
}

@media print {
  .dcore-section-body_with_image .row.r3_2- .col.l- {
    width: 60%
  }
}

@media only screen and (min-width: 601px) {
  .dcore-section-body_with_image .row.r3_2- .col.l- {
    width: 60%
  }
}

@media print {
  .dcore-section-body_with_image .row.r3_2- .col.r- {
    width: 40%
  }
}

@media only screen and (min-width: 601px) {
  .dcore-section-body_with_image .row.r3_2- .col.r- {
    width: 40%
  }
}

@media print {
  .dcore-section-body_with_image .row.r2_1- .col.l- {
    width: 66.6666%
  }
}

@media only screen and (min-width: 601px) {
  .dcore-section-body_with_image .row.r2_1- .col.l- {
    width: 66.6666%
  }
}

@media print {
  .dcore-section-body_with_image .row.r2_1- .col.r- {
    width: 33.3333%
  }
}

@media only screen and (min-width: 601px) {
  .dcore-section-body_with_image .row.r2_1- .col.r- {
    width: 33.3333%
  }
}

@media print {
  .dcore-section-body_with_image .row.r1_2- .col.l- {
    width: 33.3333%
  }
}

@media only screen and (min-width: 601px) {
  .dcore-section-body_with_image .row.r1_2- .col.l- {
    width: 33.3333%
  }
}

@media print {
  .dcore-section-body_with_image .row.r1_2- .col.r- {
    width: 66.6666%
  }
}

@media only screen and (min-width: 601px) {
  .dcore-section-body_with_image .row.r1_2- .col.r- {
    width: 66.6666%
  }
}

@media print {
  .dcore-section-body_with_image .row.r2_3- .col.l- {
    width: 40%
  }
}

@media only screen and (min-width: 601px) {
  .dcore-section-body_with_image .row.r2_3- .col.l- {
    width: 40%
  }
}

@media print {
  .dcore-section-body_with_image .row.r2_3- .col.r- {
    width: 60%
  }
}

@media only screen and (min-width: 601px) {
  .dcore-section-body_with_image .row.r2_3- .col.r- {
    width: 60%
  }
}

.dcore-section-body_with_image .row.bi- .col.l- {
  float: right
}

.dcore-section-body_with_image .row.bi- .col.r- {
  float: left
}

@media print {
  .dsticky {
    zoom: 1;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0
  }

  .dsticky:before,
  .dsticky:after {
    content: "";
    display: table
  }

  .dsticky:after {
    clear: both
  }

  .dsticky-wrapper {
    position: relative
  }
}

@media only screen and (min-width: 601px) {
  .dsticky {
    zoom: 1;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0
  }

  .dsticky:before,
  .dsticky:after {
    content: "";
    display: table
  }

  .dsticky:after {
    clear: both
  }

  .dsticky-wrapper {
    position: relative
  }
}

.dcore-loading {
  position: fixed;
  z-index: 1000;
  cursor: wait;
  background-color: var(--background-color);
  overflow: hidden;
  display: none
}

.dcore-loading .preloader-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -32px;
  margin-left: -32px
}

.dcore-loading .progress {
  background-color: rgba(var(--foreground-rgb), 0.2)
}

.dcore-loading .progress .indeterminate {
  background-color: var(--primary-color)
}

.dcore-loading {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: .3s opacity
}

html.loading-next .dcore-loading,
html.is-exiting .dcore-loading {
  display: block
}

html.loading-next-end .dcore-loading,
html.is-exiting-end .dcore-loading {
  opacity: 1
}

html.is-exited .dcore-loading {
  display: block;
  opacity: 1
}

html.is-exited-end .dcore-loading {
  opacity: 0
}

html.loading-next .dcore-loading {
  background-color: rgba(0, 0, 0, 0) !important
}

.dcore-tabs {
  white-space: nowrap;
  font-size: 0;
  visibility: hidden
}

.dcore-tabs.installed- {
  visibility: visible
}

.dcore-tabs .dcore-tab {
  display: inline-block;
  font-size: 1rem;
  vertical-align: bottom;
  float: none !important
}

.dcore-tabs .dcore-tab a {
  display: block;
  text-align: center;
  transition: .3s background-color;
  padding: 0 1rem
}

@media(pointer: fine)and (hover: hover) {
  .dcore-tabs .dcore-tab a:hover:not(:disabled) {
    color: #fff;
    background-color: rgba(255, 255, 255, .1)
  }
}

.dcore-tabs .dcore-tab a.active,
.dcore-tabs .dcore-tab a.hover-,
.dcore-tabs .dcore-tab a.current-,
.dcore-tabs .dcore-tab a:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, .1)
}

.dcore-tabs .dcore-tab a.active {
  font-weight: 700;
  background-color: rgba(0, 0, 0, .1)
}

.dcore-tabs .dcore-tab a .chip {
  font-size: 12px;
  font-weight: 500;
  height: auto;
  line-height: 1.5;
  padding: 0 .6em
}

.black .dcore-tabs .dcore-tab a.active {
  background-color: rgba(255, 255, 255, .1)
}

.dcore-tabs-contents {
  padding-top: 20px
}

.dcore-cart-count {
  transition: .3s opacity
}

.dcore-cart-count.dcore-cart-count-0 {
  opacity: 0
}

.dcore-cart-count-outer {
  position: relative;
  z-index: 100;
  overflow: visible !important
}

.dcore-cart-count-outer .dcore-cart-count {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -16px;
  right: -2px;
  background: #e00;
  line-height: 16px;
  height: 16px;
  color: #fff;
  border-radius: 8px;
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  min-width: 16px
}

.dcore-cart-count-outer .dcore-cart-count-items {
  display: none
}

@media print {
  .dcore-cart-count-outer .dcore-cart-count-items {
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 340px;
    margin-left: -170px;
    transition: .3s opacity;
    height: 0;
    opacity: 0;
    overflow: hidden
  }

  .dcore-cart-count-outer .dcore-cart-count-items .dcore-cart-count-items-outer {
    background-color: #fff;
    font-size: 14px;
    border: 1px solid #e6e6e6;
    border-top: none
  }

  .dcore-cart-count-outer .dcore-cart-count-items .dcore-cart-count-items-outer .dcore-cart-count-items-inner {
    padding: 15px;
    padding-top: 5px;
    padding-bottom: 0;
    max-height: calc(100vh - 165px);
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
  }

  .dcore-cart-count-outer .dcore-cart-count-items .dcore-cart-count-items-outer .dcore-cart-count-items-inner .dcore-cart-items {
    margin: 0 -10px
  }

  .dcore-cart-count-outer .dcore-cart-count-items .dcore-cart-count-items-outer .dcore-cart-count-items-inner .dcore-cart-items>.item>.image,
  .dcore-cart-count-outer .dcore-cart-count-items .dcore-cart-count-items-outer .dcore-cart-count-items-inner .dcore-cart-items>.item>.info {
    width: 50%;
    padding: 0 10px
  }

  .dcore-cart-count-outer .dcore-cart-count-items .dcore-cart-count-items-outer .dcore-cart-count-items-checkout {
    border-top: 1px solid #e6e6e6;
    padding: 15px
  }

  .dcore-cart-count-outer .dcore-cart-count-items .dcore-cart-count-items-outer .dcore-cart-count-items-checkout .row {
    margin: 0 -10px
  }

  .dcore-cart-count-outer .dcore-cart-count-items .dcore-cart-count-items-outer .dcore-cart-count-items-checkout .row .col {
    padding: 0 10px
  }

  .dcore-cart-count-outer.active- .dcore-cart-count-items,
  .dcore-cart-count-outer:hover .dcore-cart-count-items {
    height: auto;
    overflow: visible;
    opacity: 1
  }
}

@media only screen and (min-width: 993px) {
  .dcore-cart-count-outer .dcore-cart-count-items {
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    width: 340px;
    margin-left: -170px;
    transition: .3s opacity;
    height: 0;
    opacity: 0;
    overflow: hidden
  }

  .dcore-cart-count-outer .dcore-cart-count-items .dcore-cart-count-items-outer {
    background-color: #fff;
    font-size: 14px;
    border: 1px solid #e6e6e6;
    border-top: none
  }

  .dcore-cart-count-outer .dcore-cart-count-items .dcore-cart-count-items-outer .dcore-cart-count-items-inner {
    padding: 15px;
    padding-top: 5px;
    padding-bottom: 0;
    max-height: calc(100vh - 165px);
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
  }

  .dcore-cart-count-outer .dcore-cart-count-items .dcore-cart-count-items-outer .dcore-cart-count-items-inner .dcore-cart-items {
    margin: 0 -10px
  }

  .dcore-cart-count-outer .dcore-cart-count-items .dcore-cart-count-items-outer .dcore-cart-count-items-inner .dcore-cart-items>.item>.image,
  .dcore-cart-count-outer .dcore-cart-count-items .dcore-cart-count-items-outer .dcore-cart-count-items-inner .dcore-cart-items>.item>.info {
    width: 50%;
    padding: 0 10px
  }

  .dcore-cart-count-outer .dcore-cart-count-items .dcore-cart-count-items-outer .dcore-cart-count-items-checkout {
    border-top: 1px solid #e6e6e6;
    padding: 15px
  }

  .dcore-cart-count-outer .dcore-cart-count-items .dcore-cart-count-items-outer .dcore-cart-count-items-checkout .row {
    margin: 0 -10px
  }

  .dcore-cart-count-outer .dcore-cart-count-items .dcore-cart-count-items-outer .dcore-cart-count-items-checkout .row .col {
    padding: 0 10px
  }

  .dcore-cart-count-outer.active- .dcore-cart-count-items,
  .dcore-cart-count-outer:hover .dcore-cart-count-items {
    height: auto;
    overflow: visible;
    opacity: 1
  }
}

.dcore-product-badges {
  display: block;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0
}

.dcore-product-badges .dcore-product-badge {
  display: block;
  background-color: #4c4c4c;
  color: #fff;
  font-size: 11px;
  line-height: 20px;
  padding: 2px 15px;
  float: left
}

.dcore-product-groups {
  position: relative;
  z-index: 1;
  font-size: 0;
  margin: -8px
}

.dcore-product-groups .item {
  display: inline-block;
  padding: 8px
}

.dcore-product-groups .item a {
  display: inline-block;
  position: relative
}

.dcore-product-groups .item a span {
  display: block
}

.dcore-product-groups .item a span.color {
  background-color: #ebebeb;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(0, 0, 0, .1);
  position: relative;
  overflow: hidden
}

.dcore-product-groups .item a span.color:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  opacity: 0;
  transition: .3s opacity;
  border-radius: 50%
}

.dcore-product-groups .item a span.fa {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  text-align: center;
  line-height: 30px;
  opacity: 0;
  transition: .3s opacity;
  color: #fff;
  font-size: 14px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.dcore-product-groups .item a:hover span.color:before,
.dcore-product-groups .item a.active span.color:before {
  opacity: .03
}

.dcore-product-groups .item a:hover span.fa,
.dcore-product-groups .item a.active span.fa {
  opacity: 1
}

.dcore-order h5 {
  font-size: 18px;
  font-weight: 500;
  margin-top: 0;
  border-bottom: 1px solid #555;
  margin-bottom: 20px;
  padding-bottom: 10px;
  line-height: 26px
}

.dcore-order strong {
  color: #777
}

.dcore-order-detail>.row>.col {
  margin-top: 5px
}

.dcore-prices {
  display: block;
  font-size: 14px
}

.dcore-prices span {
  display: inline-block
}

.dcore-prices span.regular-price {
  text-decoration: line-through
}

.dcore-prices span.sale-price {
  color: red
}

@media print {
  .dcore-list-filters>.button {
    margin-right: 10px
  }
}

@media only screen and (min-width: 601px) {
  .dcore-list-filters>.button {
    margin-right: 10px
  }
}

.dcore-newsletter .title {
  text-align: right
}

@media only screen and (max-width: 600px) {
  .dcore-newsletter .title {
    text-align: left;
    line-height: 1
  }
}

.dcore-newsletter form {
  display: block;
  position: relative
}

.dcore-newsletter form input[type=text] {
  margin: 0;
  padding-right: 80px;
  box-sizing: border-box
}

.dcore-newsletter form .button {
  position: absolute;
  right: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.dcore-newsletter form .button:disabled {
  color: rgba(0, 0, 0, .2) !important
}

.dcore-quantity {
  position: relative
}

.dcore-quantity input {
  text-align: center
}

.dcore-quantity input.no-border- {
  box-sizing: border-box;
  border: none !important;
  box-shadow: none !important;
  display: inline-block;
  margin: 0;
  padding: 0;
  min-width: 80px;
  height: auto
}

.dcore-quantity button {
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  padding: 0 10px;
  background: rgba(0, 0, 0, 0);
  border: none;
  margin: 0
}

.dcore-quantity button.decrease- {
  left: 0
}

.dcore-quantity button.increase- {
  right: 0
}

.dcore-admin-wrap {
  position: relative;
  min-height: 44px
}

.dcore-admin-wrap .dcore-admin-trigger {
  position: absolute;
  z-index: 980;
  right: 5px;
  top: 5px;
  opacity: 0;
  transition: .3s opacity
}

.dcore-admin-wrap .dcore-admin-trigger>a {
  width: 46px;
  height: 34px;
  line-height: 34px;
  padding: 0;
  color: var(--foreground-color) !important;
  border: 1px solid var(--foreground-color) !important;
  background-color: var(--background-color) !important;
  mix-blend-mode: difference
}

.dcore-admin-wrap .dcore-admin-trigger>a .fa {
  margin: 0
}

@media(pointer: fine)and (hover: hover) {
  .dcore-admin-wrap .dcore-admin-trigger>a:hover:not(:disabled) {
    color: var(--background-color) !important;
    border-color: var(--foreground-color) !important;
    background-color: var(--foreground-color) !important
  }
}

.dcore-admin-wrap .dcore-admin-trigger>a.active,
.dcore-admin-wrap .dcore-admin-trigger>a.hover-,
.dcore-admin-wrap .dcore-admin-trigger>a.current-,
.dcore-admin-wrap .dcore-admin-trigger>a:focus {
  color: var(--background-color) !important;
  border-color: var(--foreground-color) !important;
  background-color: var(--foreground-color) !important
}

.dcore-admin-wrap.bottom- .dcore-admin-trigger {
  top: auto;
  bottom: 5px
}

.dcore-admin-wrap:hover .dcore-admin-trigger {
  opacity: 1
}

.dcore-share-post ul {
  margin: 0;
  padding: 0
}

.dcore-share-post ul:after {
  content: "";
  display: table;
  clear: both
}

.dcore-share-post ul li {
  display: block;
  float: left;
  margin-right: 12px
}

.dcore-share-post ul li a {
  display: block
}

.dcore-add-to-wishlist>.default- {
  display: block
}

.dcore-add-to-wishlist>.active- {
  display: none
}

.dcore-add-to-wishlist.active->.default- {
  display: none
}

.dcore-add-to-wishlist.active->.active- {
  display: block
}

.dmodal-content.alert- .button.clean- {
  font-size: 0 !important;
  width: 20px;
  height: 20px;
  position: relative;
  overflow: hidden;
  opacity: .5;
  transition: .3s opacity
}

.dmodal-content.alert- .button.clean- .fa.fa-check {
  display: block;
  position: absolute;
  border: 1px solid #000;
  border-top: 0;
  border-left: 0;
  width: 16px;
  height: 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -7px;
  left: 0
}

@media(pointer: fine)and (hover: hover) {
  .dmodal-content.alert- .button.clean-:hover:not(:disabled) {
    opacity: 1
  }
}

.dmodal-content.alert- .button.clean-.active,
.dmodal-content.alert- .button.clean-.hover-,
.dmodal-content.alert- .button.clean-.current-,
.dmodal-content.alert- .button.clean-:focus {
  opacity: 1
}

.dcore-popups {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 0;
  line-height: 0;
  text-align: center
}

.dcore-popups .dmodal-close {
  display: none
}

.dcore-popups>.outer {
  display: table;
  width: 100%;
  height: 100%
}

.dcore-popups>.outer>.inner {
  display: table-cell;
  vertical-align: middle;
  padding-top: 50px
}

.dcore-popups>.outer>.inner>.group {
  display: inline-block;
  vertical-align: top;
  max-width: 996px
}

.dcore-popups>.outer>.inner>.group:after {
  content: "";
  display: table;
  clear: both
}

.dcore-popups>.outer>.inner>.group>.item {
  position: relative;
  z-index: 10;
  display: inline-block;
  float: left;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 50px;
  max-width: calc(100vw - 50px)
}

@media only screen and (max-width: 992px) {
  .dcore-popups>.outer>.inner>.group>.item {
    display: inline-block;
    float: none
  }
}

.dcore-popups>.outer>.inner>.group>.item .header {
  background-color: #000;
  position: relative;
  height: 40px;
  overflow: hidden
}

.dcore-popups>.outer>.inner>.group>.item .header button {
  display: block;
  outline: none;
  position: absolute;
  border: none;
  margin: 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
  transition: .3s opacity
}

@media(pointer: fine)and (hover: hover) {
  .dcore-popups>.outer>.inner>.group>.item .header button:hover:not(:disabled) {
    opacity: .6
  }
}

.dcore-popups>.outer>.inner>.group>.item .header button.active,
.dcore-popups>.outer>.inner>.group>.item .header button.hover-,
.dcore-popups>.outer>.inner>.group>.item .header button.current-,
.dcore-popups>.outer>.inner>.group>.item .header button:focus {
  opacity: .6
}

.dcore-popups>.outer>.inner>.group>.item .header .close-today {
  left: 12px;
  top: 0;
  color: #fff;
  font-size: 14px;
  line-height: 40px;
  padding-left: 20px
}

.dcore-popups>.outer>.inner>.group>.item .header .close-today:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.dcore-popups>.outer>.inner>.group>.item .header .closer {
  top: 0;
  right: 0;
  width: 40px;
  height: 40px
}

.dcore-popups>.outer>.inner>.group>.item .header .closer:before,
.dcore-popups>.outer>.inner>.group>.item .header .closer:after {
  content: "";
  height: 2px;
  position: absolute;
  background-color: #fff;
  top: 50%;
  margin-top: -1px;
  left: 10px;
  right: 10px
}

.dcore-popups>.outer>.inner>.group>.item .header .closer:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.dcore-popups>.outer>.inner>.group>.item .header .closer:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}

.dcore-popups>.outer>.inner>.group>.item .body {
  position: relative
}

.dcore-popups>.outer>.inner>.group>.item .body a.link {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.dcore-popups>.outer>.inner>.group>.item .body .image {
  display: block;
  overflow: hidden
}

.dcore-popups>.outer>.inner>.group>.item .body .image img {
  display: block;
  width: 100%
}

.dcore-popups>.outer>.inner>.group>.item .body .summary {
  background-color: #fff;
  font-size: 14px;
  color: #333;
  line-height: 1.875;
  text-align: left;
  padding: 24px 33px
}

textarea.dcore-sections-external {
  display: block;
  margin-top: 20px;
  outline: none;
  border: 1px solid #ccc;
  padding: 15px;
  font-family: "monospace";
  font-size: 14px;
  line-height: 20px;
  height: 132px
}

.dcore-acco>.items>.item .trigger {
  cursor: pointer
}

.dcore-acco>.items>.item .body {
  display: none
}

.dcore-acco.faq->.items {
  border-top: 1px solid var(--foreground-color)
}

.dcore-acco.faq->.items>.item {
  border-bottom: 1px solid var(--foreground-color)
}

.dcore-acco.faq->.items>.item .trigger {
  color: var(--foreground-color);
  padding: .5em 0
}

.dcore-acco.faq->.items>.item .body>.inner {
  padding: .5em 0;
  padding-bottom: 1.5em;
  border-top: 1px solid rgba(var(--foreground-rgb), 0.1)
}

.dcore-accd>.items>.item {
  position: relative
}

.dcore-accd>.items>.item label {
  display: block;
  cursor: pointer;
  height: auto;
  position: relative;
  padding-left: 0
}

.dcore-accd>.items>.item label:before,
.dcore-accd>.items>.item label:after {
  display: none
}

.dcore-accd>.items>.item .body {
  overflow: hidden;
  transition: .3s max-height;
  padding: 0 !important
}

.dcore-accd>.items>.item input[type=checkbox],
.dcore-accd>.items>.item input[type=radio] {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0
}

.dcore-accd>.items>.item input[type=checkbox]:not(:checked)~.body,
.dcore-accd>.items>.item input[type=radio]:not(:checked)~.body {
  max-height: 0 !important
}

.dcore-accd.faq->.items {
  border-top: 1px solid var(--foreground-color)
}

.dcore-accd.faq->.items>.item {
  border-bottom: 1px solid var(--foreground-color)
}

.dcore-accd.faq->.items>.item label {
  color: var(--foreground-color);
  padding: .5em 0
}

.dcore-accd.faq->.items>.item .body>.inner {
  padding: .5em 0;
  padding-bottom: 1.5em;
  border-top: 1px solid rgba(var(--foreground-rgb), 0.1)
}

.dcore-ajax-board .dcore-message {
  display: none
}

.dcore-checkout-naverpay-warning ul {
  padding-left: 1.4em
}

.dcore-checkout-naverpay-warning ul li {
  list-style: disc
}