.wg-view .gsc-control-cse .gs-title a {
  color: var(--primary-color);
}
.wg-view .gsc-control-cse .gs-title:hover a {
  color: var(--hover-color);
}
.wg-view .gs-snippet b {
  color: var(--primary-color);
}
.wg-view .gsc-control-cse .gsc-result .gs-title a:hover {
  color: var(--hover-color);
}
.wg-view .gsc-control-cse .gsc-result .gs-title a:hover:before {
  color: var(--hover-color);
}
.wg-view .wg-post-title .wg-post-title__now > * a {
  color: var(--primary-color);
}
.wg-view .wg-text a:not([class]) {
  color: var(--primary-color);
}
.wg-view .wg-text .wg-text__see-also ul li a {
  color: var(--primary-color);
}
.wg-view .wg-text .wg-text__see-also ul li:before {
  background-color: var(--primary-color);
}
.wg-view .wg-post-title .wg-post-title__now > * a:hover {
  color: var(--hover-color);
}
.wg-view .wg-text a:not([class]):hover {
  color: var(--hover-color);
}
.wg-view .wg-text .wg-text__see-also ul li:hover a {
  color: var(--hover-color);
}
.wg-view .wg-text .wg-text__see-also ul li:hover:before {
  background-color: var(--hover-color);
}
.wg-view .wg-content-list * .hashtag {
  color: var(--primary-color);
}
.wg-view .wg-content-list ul li:not([class]) {
  border-color: var(--card-border-color);
  background-color: var(--card-background-color);
}
.wg-view .wg-content-list ul li .info__category {
  color: var(--primary-color);
}
.wg-view .wg-content-list ul li .info__category:after {
  background-color: #C8D0D8;
}
.wg-view .wg-content-list ul li .info__title {
  color: #26303A;
}
.wg-view .wg-content-list ul li .info time,
.wg-view .wg-content-list ul li .info .icon-lock, .wg-view .wg-content-list ul li .info__resume, .wg-view .wg-content-list ul li .info__share i {
  color: #6B737F;
}
.wg-view .wg-content-list ul li .info .info__category:hover,
.wg-view .wg-content-list ul li .info .info__related:hover {
  color: var(--hover-color);
}
.wg-view .wg-content-list ul li .info .info__link:hover .info__title,
.wg-view .wg-content-list ul li .info .info__link:hover .info__resume {
  color: var(--hover-color);
}
.wg-view .link {
  color: var(--primary-color);
}
.wg-view .link:hover, .wg-view .link.link--hover {
  color: var(--hover-color);
}
.wg-view .wg-btn,
.wg-view .wg-badge {
  color: var(--btn--primary-text-color);
  background-color: var(--primary-color);
  border-color: var(--btn--primary-border-color);
}
.wg-view .wg-btn:active, .wg-view .wg-btn--active,
.wg-view .wg-badge:active,
.wg-view .wg-badge--active {
  background-color: var(--primary-color);
}
.wg-view .wg-btn:hover, .wg-view .wg-btn--hover,
.wg-view .wg-badge:hover,
.wg-view .wg-badge--hover {
  background-color: var(--hover-color);
  color: var(--btn--primary-dark-text-color);
}
.wg-view .wg-btn--secondary,
.wg-view .wg-badge--secondary {
  color: var(--btn--secondary-text-color);
  background-color: var(--secondary-color);
  border-color: var(--btn--secondary-border-color);
}
.wg-view .wg-btn--secondary:active, .wg-view .wg-btn--secondary.wg-btn--active, .wg-view .wg-btn--secondary.wg-badge--active,
.wg-view .wg-badge--secondary:active,
.wg-view .wg-badge--secondary.wg-btn--active,
.wg-view .wg-badge--secondary.wg-badge--active {
  background-color: var(--secondary-color);
}
.wg-view .wg-btn--secondary:hover, .wg-view .wg-btn--secondary.wg-btn--hover, .wg-view .wg-btn--secondary.wg-badge--hover,
.wg-view .wg-badge--secondary:hover,
.wg-view .wg-badge--secondary.wg-btn--hover,
.wg-view .wg-badge--secondary.wg-badge--hover {
  background-color: var(--hover-color);
  color: var(--btn--secondary-dark-text-color);
}
.wg-view .grid-accordion {
  border-color: var(--secondary-color);
}
.wg-view.grid__line--quiz {
  color: #1A2129;
}
.wg-view .wg-page-title {
  border-color: var(--primary-color);
}
.wg-view .wg-img-placeholder {
  background: var(--primary-color);
  background: linear-gradient(to right, var(--secondary-color) 0%, var(--primary-color) 100%);
}
.wg-view .wg-multiple-upload .upload-box__trigger:hover svg path {
  fill: var(--primary-color);
}
.wg-view .wg-multiple-upload .upload-box__trigger:hover span {
  color: var(--primary-color);
}
.wg-view .select2 .select2-selection--multiple .select2-selection__choice {
  background-color: var(--primary-color);
}
.wg-view.gradient,
.wg-view .gradient {
  background: var(--primary-color);
  background: linear-gradient(to right, var(--secondary-color) 0%, var(--primary-color) 100%);
}
.wg-view.gradient-dark,
.wg-view .gradient-dark {
  background: var(--primary-dark-color);
  background: linear-gradient(to right, var(--secondary-dark-color) 0%, var(--primary-dark-color) 100%);
}

.wg-view .dark .wg-post-title .wg-post-title__now > * a, .wg-view.dark .wg-post-title .wg-post-title__now > * a,
.wg-view [data-shade=dark] .wg-post-title .wg-post-title__now > * a,
.wg-view .widget-skin--dark .wg-post-title .wg-post-title__now > * a {
  color: var(--primary-dark-color);
}
.wg-view .dark .wg-text a:not([class]), .wg-view.dark .wg-text a:not([class]),
.wg-view [data-shade=dark] .wg-text a:not([class]),
.wg-view .widget-skin--dark .wg-text a:not([class]) {
  color: var(--primary-dark-color);
}
.wg-view .dark .wg-text .wg-text__see-also ul li a, .wg-view.dark .wg-text .wg-text__see-also ul li a,
.wg-view [data-shade=dark] .wg-text .wg-text__see-also ul li a,
.wg-view .widget-skin--dark .wg-text .wg-text__see-also ul li a {
  color: var(--primary-dark-color);
}
.wg-view .dark .wg-text .wg-text__see-also ul li:before, .wg-view.dark .wg-text .wg-text__see-also ul li:before,
.wg-view [data-shade=dark] .wg-text .wg-text__see-also ul li:before,
.wg-view .widget-skin--dark .wg-text .wg-text__see-also ul li:before {
  background-color: var(--primary-dark-color);
}
.wg-view .dark .wg-post-title .wg-post-title__now > * a:hover, .wg-view.dark .wg-post-title .wg-post-title__now > * a:hover,
.wg-view [data-shade=dark] .wg-post-title .wg-post-title__now > * a:hover,
.wg-view .widget-skin--dark .wg-post-title .wg-post-title__now > * a:hover {
  color: var(--hover-color);
}
.wg-view .dark .wg-text a:not([class]):hover, .wg-view.dark .wg-text a:not([class]):hover,
.wg-view [data-shade=dark] .wg-text a:not([class]):hover,
.wg-view .widget-skin--dark .wg-text a:not([class]):hover {
  color: var(--hover-color);
}
.wg-view .dark .wg-text .wg-text__see-also ul li:hover a, .wg-view.dark .wg-text .wg-text__see-also ul li:hover a,
.wg-view [data-shade=dark] .wg-text .wg-text__see-also ul li:hover a,
.wg-view .widget-skin--dark .wg-text .wg-text__see-also ul li:hover a {
  color: var(--hover-color);
}
.wg-view .dark .wg-text .wg-text__see-also ul li:hover:before, .wg-view.dark .wg-text .wg-text__see-also ul li:hover:before,
.wg-view [data-shade=dark] .wg-text .wg-text__see-also ul li:hover:before,
.wg-view .widget-skin--dark .wg-text .wg-text__see-also ul li:hover:before {
  background-color: var(--hover-color);
}
.wg-view .dark .link, .wg-view.dark .link,
.wg-view [data-shade=dark] .link,
.wg-view .widget-skin--dark .link {
  color: var(--primary-dark-color);
}
.wg-view .dark .link:hover, .wg-view .dark .link.link--hover, .wg-view.dark .link:hover, .wg-view.dark .link.link--hover,
.wg-view [data-shade=dark] .link:hover,
.wg-view [data-shade=dark] .link.link--hover,
.wg-view .widget-skin--dark .link:hover,
.wg-view .widget-skin--dark .link.link--hover {
  color: var(--hover-color);
}
.wg-view .dark .grid-accordion, .wg-view.dark .grid-accordion,
.wg-view [data-shade=dark] .grid-accordion,
.wg-view .widget-skin--dark .grid-accordion {
  border-color: var(--primary-color);
}
.wg-view .dark .grid-accordion .grid-accordion__title span, .wg-view.dark .grid-accordion .grid-accordion__title span,
.wg-view [data-shade=dark] .grid-accordion .grid-accordion__title span,
.wg-view .widget-skin--dark .grid-accordion .grid-accordion__title span {
  color: white;
}
.wg-view .dark.grid__line--quiz, .wg-view.dark.grid__line--quiz,
.wg-view [data-shade=dark].grid__line--quiz,
.wg-view .widget-skin--dark.grid__line--quiz {
  color: white;
}
.wg-view .dark .gsc-control-cse *, .wg-view.dark .gsc-control-cse *,
.wg-view [data-shade=dark] .gsc-control-cse *,
.wg-view .widget-skin--dark .gsc-control-cse * {
  color: white;
}
.wg-view .dark .gsc-control-cse .gs-title a b, .wg-view.dark .gsc-control-cse .gs-title a b,
.wg-view [data-shade=dark] .gsc-control-cse .gs-title a b,
.wg-view .widget-skin--dark .gsc-control-cse .gs-title a b {
  color: var(--primary-dark-color);
}
.wg-view .dark .gsc-control-cse .gs-title:hover a,
.wg-view .dark .gsc-control-cse .gs-title:hover b, .wg-view.dark .gsc-control-cse .gs-title:hover a,
.wg-view.dark .gsc-control-cse .gs-title:hover b,
.wg-view [data-shade=dark] .gsc-control-cse .gs-title:hover a,
.wg-view [data-shade=dark] .gsc-control-cse .gs-title:hover b,
.wg-view .widget-skin--dark .gsc-control-cse .gs-title:hover a,
.wg-view .widget-skin--dark .gsc-control-cse .gs-title:hover b {
  color: var(--hover-color);
}
.wg-view .dark .gs-snippet b, .wg-view.dark .gs-snippet b,
.wg-view [data-shade=dark] .gs-snippet b,
.wg-view .widget-skin--dark .gs-snippet b {
  color: var(--primary-dark-color);
}
.wg-view .dark .gsc-webResult .gsc-result, .wg-view.dark .gsc-webResult .gsc-result,
.wg-view [data-shade=dark] .gsc-webResult .gsc-result,
.wg-view .widget-skin--dark .gsc-webResult .gsc-result {
  background: transparent;
}
.wg-view .dark .wg-btn,
.wg-view .dark .wg-badge, .wg-view.dark .wg-btn,
.wg-view.dark .wg-badge,
.wg-view [data-shade=dark] .wg-btn,
.wg-view [data-shade=dark] .wg-badge,
.wg-view .widget-skin--dark .wg-btn,
.wg-view .widget-skin--dark .wg-badge {
  color: var(--btn--primary-dark-text-color);
  background-color: var(--primary-dark-color);
  border-color: var(--btn--primary-dark-border-color);
}
.wg-view .dark .wg-btn:active, .wg-view .dark .wg-btn--active,
.wg-view .dark .wg-badge:active,
.wg-view .dark .wg-badge--active, .wg-view.dark .wg-btn:active, .wg-view.dark .wg-btn--active,
.wg-view.dark .wg-badge:active,
.wg-view.dark .wg-badge--active,
.wg-view [data-shade=dark] .wg-btn:active,
.wg-view [data-shade=dark] .wg-btn--active,
.wg-view [data-shade=dark] .wg-badge:active,
.wg-view [data-shade=dark] .wg-badge--active,
.wg-view .widget-skin--dark .wg-btn:active,
.wg-view .widget-skin--dark .wg-btn--active,
.wg-view .widget-skin--dark .wg-badge:active,
.wg-view .widget-skin--dark .wg-badge--active {
  background-color: var(--primary-dark-color);
}
.wg-view .dark .wg-btn:hover, .wg-view .dark .wg-btn--hover,
.wg-view .dark .wg-badge:hover,
.wg-view .dark .wg-badge--hover, .wg-view.dark .wg-btn:hover, .wg-view.dark .wg-btn--hover,
.wg-view.dark .wg-badge:hover,
.wg-view.dark .wg-badge--hover,
.wg-view [data-shade=dark] .wg-btn:hover,
.wg-view [data-shade=dark] .wg-btn--hover,
.wg-view [data-shade=dark] .wg-badge:hover,
.wg-view [data-shade=dark] .wg-badge--hover,
.wg-view .widget-skin--dark .wg-btn:hover,
.wg-view .widget-skin--dark .wg-btn--hover,
.wg-view .widget-skin--dark .wg-badge:hover,
.wg-view .widget-skin--dark .wg-badge--hover {
  background-color: var(--hover-color);
  color: var(--btn--primary-dark-text-color);
}
.wg-view .dark .wg-btn--secondary,
.wg-view .dark .wg-badge--secondary, .wg-view.dark .wg-btn--secondary,
.wg-view.dark .wg-badge--secondary,
.wg-view [data-shade=dark] .wg-btn--secondary,
.wg-view [data-shade=dark] .wg-badge--secondary,
.wg-view .widget-skin--dark .wg-btn--secondary,
.wg-view .widget-skin--dark .wg-badge--secondary {
  color: var(--btn--secondary-dark-text-color);
  background-color: var(--secondary-dark-color);
  border-color: var(--btn--secondary-dark-border-color);
}
.wg-view .dark .wg-btn--secondary:active, .wg-view .dark .wg-btn--secondary.wg-btn--active, .wg-view .dark .wg-btn--secondary.wg-badge--active,
.wg-view .dark .wg-badge--secondary:active,
.wg-view .dark .wg-badge--secondary.wg-btn--active,
.wg-view .dark .wg-badge--secondary.wg-badge--active, .wg-view.dark .wg-btn--secondary:active, .wg-view.dark .wg-btn--secondary.wg-btn--active, .wg-view.dark .wg-btn--secondary.wg-badge--active,
.wg-view.dark .wg-badge--secondary:active,
.wg-view.dark .wg-badge--secondary.wg-btn--active,
.wg-view.dark .wg-badge--secondary.wg-badge--active,
.wg-view [data-shade=dark] .wg-btn--secondary:active,
.wg-view [data-shade=dark] .wg-btn--secondary.wg-btn--active,
.wg-view [data-shade=dark] .wg-btn--secondary.wg-badge--active,
.wg-view [data-shade=dark] .wg-badge--secondary:active,
.wg-view [data-shade=dark] .wg-badge--secondary.wg-btn--active,
.wg-view [data-shade=dark] .wg-badge--secondary.wg-badge--active,
.wg-view .widget-skin--dark .wg-btn--secondary:active,
.wg-view .widget-skin--dark .wg-btn--secondary.wg-btn--active,
.wg-view .widget-skin--dark .wg-btn--secondary.wg-badge--active,
.wg-view .widget-skin--dark .wg-badge--secondary:active,
.wg-view .widget-skin--dark .wg-badge--secondary.wg-btn--active,
.wg-view .widget-skin--dark .wg-badge--secondary.wg-badge--active {
  background-color: var(--secondary-dark-color);
}
.wg-view .dark .wg-btn--secondary:hover, .wg-view .dark .wg-btn--secondary.wg-btn--hover, .wg-view .dark .wg-btn--secondary.wg-badge--hover,
.wg-view .dark .wg-badge--secondary:hover,
.wg-view .dark .wg-badge--secondary.wg-btn--hover,
.wg-view .dark .wg-badge--secondary.wg-badge--hover, .wg-view.dark .wg-btn--secondary:hover, .wg-view.dark .wg-btn--secondary.wg-btn--hover, .wg-view.dark .wg-btn--secondary.wg-badge--hover,
.wg-view.dark .wg-badge--secondary:hover,
.wg-view.dark .wg-badge--secondary.wg-btn--hover,
.wg-view.dark .wg-badge--secondary.wg-badge--hover,
.wg-view [data-shade=dark] .wg-btn--secondary:hover,
.wg-view [data-shade=dark] .wg-btn--secondary.wg-btn--hover,
.wg-view [data-shade=dark] .wg-btn--secondary.wg-badge--hover,
.wg-view [data-shade=dark] .wg-badge--secondary:hover,
.wg-view [data-shade=dark] .wg-badge--secondary.wg-btn--hover,
.wg-view [data-shade=dark] .wg-badge--secondary.wg-badge--hover,
.wg-view .widget-skin--dark .wg-btn--secondary:hover,
.wg-view .widget-skin--dark .wg-btn--secondary.wg-btn--hover,
.wg-view .widget-skin--dark .wg-btn--secondary.wg-badge--hover,
.wg-view .widget-skin--dark .wg-badge--secondary:hover,
.wg-view .widget-skin--dark .wg-badge--secondary.wg-btn--hover,
.wg-view .widget-skin--dark .wg-badge--secondary.wg-badge--hover {
  background-color: var(--hover-color);
  color: var(--btn--secondary-dark-text-color);
}
.wg-view .dark .wg-content-list * .hashtag, .wg-view.dark .wg-content-list * .hashtag,
.wg-view [data-shade=dark] .wg-content-list * .hashtag,
.wg-view .widget-skin--dark .wg-content-list * .hashtag {
  color: var(--primary-dark-color);
}
.wg-view .dark .wg-content-list ul li:not([class]), .wg-view.dark .wg-content-list ul li:not([class]),
.wg-view [data-shade=dark] .wg-content-list ul li:not([class]),
.wg-view .widget-skin--dark .wg-content-list ul li:not([class]) {
  border-color: var(--card-dark-border-color);
  background-color: var(--card-dark-background-color);
}
.wg-view .dark .wg-content-list ul li .img i, .wg-view.dark .wg-content-list ul li .img i,
.wg-view [data-shade=dark] .wg-content-list ul li .img i,
.wg-view .widget-skin--dark .wg-content-list ul li .img i {
  background-color: rgba(255, 255, 255, 0.2);
  color: #555F69;
}
.wg-view .dark .wg-content-list ul li .info__category, .wg-view.dark .wg-content-list ul li .info__category,
.wg-view [data-shade=dark] .wg-content-list ul li .info__category,
.wg-view .widget-skin--dark .wg-content-list ul li .info__category {
  color: var(--primary-dark-color);
}
.wg-view .dark .wg-content-list ul li .info__category:after, .wg-view.dark .wg-content-list ul li .info__category:after,
.wg-view [data-shade=dark] .wg-content-list ul li .info__category:after,
.wg-view .widget-skin--dark .wg-content-list ul li .info__category:after {
  background-color: #26303A;
}
.wg-view .dark .wg-content-list ul li .info__resume, .wg-view .dark .wg-content-list ul li .info__title, .wg-view.dark .wg-content-list ul li .info__resume, .wg-view.dark .wg-content-list ul li .info__title,
.wg-view [data-shade=dark] .wg-content-list ul li .info__resume,
.wg-view [data-shade=dark] .wg-content-list ul li .info__title,
.wg-view .widget-skin--dark .wg-content-list ul li .info__resume,
.wg-view .widget-skin--dark .wg-content-list ul li .info__title {
  color: white;
}
.wg-view .dark .wg-content-list ul li .info time, .wg-view .dark .wg-content-list ul li .info__share i, .wg-view.dark .wg-content-list ul li .info time, .wg-view.dark .wg-content-list ul li .info__share i,
.wg-view [data-shade=dark] .wg-content-list ul li .info time,
.wg-view [data-shade=dark] .wg-content-list ul li .info__share i,
.wg-view .widget-skin--dark .wg-content-list ul li .info time,
.wg-view .widget-skin--dark .wg-content-list ul li .info__share i {
  color: #C8D0D8;
}
.wg-view .dark .wg-content-list ul li .info .icon-lock, .wg-view.dark .wg-content-list ul li .info .icon-lock,
.wg-view [data-shade=dark] .wg-content-list ul li .info .icon-lock,
.wg-view .widget-skin--dark .wg-content-list ul li .info .icon-lock {
  color: white;
}
.wg-view .dark .wg-page-title, .wg-view.dark .wg-page-title,
.wg-view [data-shade=dark] .wg-page-title,
.wg-view .widget-skin--dark .wg-page-title {
  border-color: var(--primary-dark-color);
}
.wg-view .dark .wg-post-title .wg-post-title__now > * a, .wg-view.dark .wg-post-title .wg-post-title__now > * a,
.wg-view [data-shade=dark] .wg-post-title .wg-post-title__now > * a,
.wg-view .widget-skin--dark .wg-post-title .wg-post-title__now > * a {
  color: var(--primary-dark-color);
}
.wg-view .dark .wg-img-placeholder, .wg-view.dark .wg-img-placeholder,
.wg-view [data-shade=dark] .wg-img-placeholder,
.wg-view .widget-skin--dark .wg-img-placeholder {
  background: var(--primary-dark-color);
  background: linear-gradient(to right, var(--secondary-dark-color) 0%, var(--primary-dark-color) 100%);
}
.wg-view .dark .wg-form label, .wg-view.dark .wg-form label,
.wg-view [data-shade=dark] .wg-form label,
.wg-view .widget-skin--dark .wg-form label {
  color: white;
}
.wg-view .dark .wg-text p, .wg-view.dark .wg-text p,
.wg-view [data-shade=dark] .wg-text p,
.wg-view .widget-skin--dark .wg-text p {
  color: white;
}
.wg-view .dark .wg-text ol, .wg-view.dark .wg-text ol,
.wg-view [data-shade=dark] .wg-text ol,
.wg-view .widget-skin--dark .wg-text ol {
  color: white;
}
.wg-view .dark .wg-lightbox-link__trigger, .wg-view.dark .wg-lightbox-link__trigger,
.wg-view [data-shade=dark] .wg-lightbox-link__trigger,
.wg-view .widget-skin--dark .wg-lightbox-link__trigger {
  color: white;
}
.wg-view .dark .wg-post-title h1,
.wg-view .dark .wg-post-title h2,
.wg-view .dark .wg-post-title__now span,
.wg-view .dark .wg-post-title__now time, .wg-view.dark .wg-post-title h1,
.wg-view.dark .wg-post-title h2,
.wg-view.dark .wg-post-title__now span,
.wg-view.dark .wg-post-title__now time,
.wg-view [data-shade=dark] .wg-post-title h1,
.wg-view [data-shade=dark] .wg-post-title h2,
.wg-view [data-shade=dark] .wg-post-title__now span,
.wg-view [data-shade=dark] .wg-post-title__now time,
.wg-view .widget-skin--dark .wg-post-title h1,
.wg-view .widget-skin--dark .wg-post-title h2,
.wg-view .widget-skin--dark .wg-post-title__now span,
.wg-view .widget-skin--dark .wg-post-title__now time {
  color: white;
}
.wg-view .dark .wg-continue-reading::after, .wg-view.dark .wg-continue-reading::after,
.wg-view [data-shade=dark] .wg-continue-reading::after,
.wg-view .widget-skin--dark .wg-continue-reading::after {
  background: linear-gradient(to bottom, rgba(26, 33, 41, 0) 0, #1A2129 100%);
}
.wg-view .dark .wg-gallery,
.wg-view .dark .wg-gallery .photos button.slick-arrow, .wg-view.dark .wg-gallery,
.wg-view.dark .wg-gallery .photos button.slick-arrow,
.wg-view [data-shade=dark] .wg-gallery,
.wg-view [data-shade=dark] .wg-gallery .photos button.slick-arrow,
.wg-view .widget-skin--dark .wg-gallery,
.wg-view .widget-skin--dark .wg-gallery .photos button.slick-arrow {
  background: var(--card-dark-background-color);
  border-color: var(--card-dark-border-color);
}
.wg-view .dark .wg-gallery .count, .wg-view.dark .wg-gallery .count,
.wg-view [data-shade=dark] .wg-gallery .count,
.wg-view .widget-skin--dark .wg-gallery .count {
  color: white;
}
.wg-view .dark .wg-text .wg-text__see-also .title,
.wg-view .dark .wg-text .wg-text__quote span, .wg-view.dark .wg-text .wg-text__see-also .title,
.wg-view.dark .wg-text .wg-text__quote span,
.wg-view [data-shade=dark] .wg-text .wg-text__see-also .title,
.wg-view [data-shade=dark] .wg-text .wg-text__quote span,
.wg-view .widget-skin--dark .wg-text .wg-text__see-also .title,
.wg-view .widget-skin--dark .wg-text .wg-text__quote span {
  color: white;
}
.wg-view .dark.gradient,
.wg-view .dark .gradient, .wg-view.dark.gradient,
.wg-view.dark .gradient,
.wg-view [data-shade=dark].gradient,
.wg-view [data-shade=dark] .gradient,
.wg-view .widget-skin--dark.gradient,
.wg-view .widget-skin--dark .gradient {
  background: var(--primary-color);
  background: linear-gradient(to right, var(--secondary-color) 0%, var(--primary-color) 100%);
}
.wg-view .dark.gradient-dark,
.wg-view .dark .gradient-dark, .wg-view.dark.gradient-dark,
.wg-view.dark .gradient-dark,
.wg-view [data-shade=dark].gradient-dark,
.wg-view [data-shade=dark] .gradient-dark,
.wg-view .widget-skin--dark.gradient-dark,
.wg-view .widget-skin--dark .gradient-dark {
  background: var(--primary-dark-color);
  background: linear-gradient(to right, var(--secondary-dark-color) 0%, var(--primary-dark-color) 100%);
}

.font-text-title {
  font-size: var(--font-size-title);
  line-height: normal;
}

.font-text-feature {
  font-size: var(--font-size-feature);
  line-height: normal;
}

.font-text-subfeature {
  font-size: var(--font-size-subfeature);
  line-height: calc(var(--font-size-subfeature) * 1.5);
}

.font-text-subtitle {
  font-size: var(--font-size-subtitle);
  line-height: calc(var(--font-size-subtitle) * 1.5);
}

.font-text-paragraph {
  font-size: var(--font-size-paragraph);
  line-height: calc(var(--font-size-paragraph) * 1.5);
}

.font-text-small {
  font-size: var(--font-size-small);
  line-height: calc(var(--font-size-small) * 1.5);
}

.font-text-minimal {
  font-size: var(--font-size-minimal);
  line-height: calc(var(--font-size-minimal) * 1.5);
}

.font-text-infos {
  font-size: var(--font-size-infos);
  line-height: calc(var(--font-size-infos) * 1.5);
}

.font-widget-56 {
  font-size: 56px;
  line-height: normal;
}

.font-widget-46 {
  font-size: 46px;
  line-height: normal;
}

.font-widget-36 {
  font-size: 36px;
  line-height: normal;
}

.font-widget-33 {
  font-size: 33px;
  line-height: normal;
}

.font-widget-31 {
  font-size: 31px;
  line-height: normal;
}

.font-widget-27 {
  font-size: 27px;
  line-height: normal;
}

.font-widget-25 {
  font-size: 25px;
  line-height: normal;
}

.font-widget-23 {
  font-size: 23px;
  line-height: normal;
}

.font-widget-21 {
  font-size: 21px;
  line-height: calc(21px * 1.5);
}

.font-widget-19 {
  font-size: 19px;
  line-height: calc(19px * 1.5);
}

.font-widget-17 {
  font-size: 17px;
  line-height: calc(17px * 1.5);
}

.font-widget-15 {
  font-size: 15px;
  line-height: calc(15px * 1.5);
}

.font-widget-13 {
  font-size: 13px;
  line-height: calc(13px * 1.5);
}

.font-widget-11 {
  font-size: 11px;
  line-height: calc(11px * 1.5);
}

.skin--font-family-primary {
  font-family: var(--font-family);
}

.skin--font-family-secondary {
  font-family: var(--font-family-secondary);
}

.skin--font-size-title {
  font-size: var(--font-size-title);
}

.skin--font-size-feature {
  font-size: var(--font-size-feature);
}

.skin--font-size-subfeature {
  font-size: var(--font-size-subfeature);
}

.skin--font-size-subtitle {
  font-size: var(--font-size-subtitle);
}

.skin--font-size-paragraph {
  font-size: var(--font-size-paragraph);
}

.skin--font-size-small {
  font-size: var(--font-size-small);
}

.skin--font-size-minimal {
  font-size: var(--font-size-minimal);
}

.skin--font-size-infos {
  font-size: var(--font-size-infos);
}

.skin--primary-color {
  color: var(--primary-color);
}

.skin--secondary-color {
  color: var(--secondary-color);
}

.skin--primary-dark-color {
  color: var(--primary-dark-color);
}

.skin--secondary-dark-color {
  color: var(--secondary-dark-color);
}

.skin--hover-color {
  color: var(--hover-color);
}

.skin--link-text-decoration {
  -webkit-text-decoration: var(--link-text-decoration);
  text-decoration: var(--link-text-decoration);
}

.skin--link-font-weight {
  font-weight: var(--link-font-weight);
}

.skin--link-text-transform {
  text-transform: var(--link-text-transform);
}

.skin--btn--primary-box-shadow {
  box-shadow: var(--btn--primary-box-shadow);
}

.skin--btn--primary-text-color {
  color: var(--btn--primary-text-color);
}

.skin--btn--primary-border-radius {
  border-radius: var(--btn--primary-border-radius);
}

.skin--btn--primary-border-style {
  border-style: var(--btn--primary-border-style);
}

.skin--btn--primary-border-color {
  border-color: var(--btn--primary-border-color);
}

.skin--btn--primary-border-width {
  border-width: var(--btn--primary-border-width);
}

.skin--btn--primary-height {
  height: var(--btn--primary-height);
}

.skin--btn--primary-font-weight {
  font-weight: var(--btn--primary-font-weight);
}

.skin--btn--primary-text-transform {
  text-transform: var(--btn--primary-text-transform);
}

.skin--btn--secondary-box-shadow {
  box-shadow: var(--btn--secondary-box-shadow);
}

.skin--btn--secondary-text-color {
  color: var(--btn--secondary-text-color);
}

.skin--btn--secondary-border-radius {
  border-radius: var(--btn--secondary-border-radius);
}

.skin--btn--secondary-border-style {
  border-style: var(--btn--secondary-border-style);
}

.skin--btn--secondary-border-color {
  border-color: var(--btn--secondary-border-color);
}

.skin--btn--secondary-border-width {
  border-width: var(--btn--secondary-border-width);
}

.skin--btn--secondary-height {
  height: var(--btn--secondary-height);
}

.skin--btn--secondary-font-weight {
  font-weight: var(--btn--secondary-font-weight);
}

.skin--btn--secondary-text-transform {
  text-transform: var(--btn--secondary-text-transform);
}

.skin--btn--primary-dark-text-color {
  color: var(--btn--primary-dark-text-color);
}

.skin--btn--primary-dark-border-color {
  color: var(--btn--primary-dark-border-color);
}

.skin--btn--secondary-dark-text-color {
  color: var(--btn--secondary-dark-text-color);
}

.skin--btn--secondary-dark-border-color {
  color: var(--btn--secondary-dark-border-color);
}

.skin--input-size {
  height: var(--input-size);
}

.skin--input-border-radius {
  border-radius: var(--input-border-radius);
}

.skin--card-background-color {
  background-color: var(--card-background-color);
}

.skin--card-dark-background-color {
  background-color: var(--card-dark-background-color);
}

.skin--card-box-shadow {
  box-shadow: var(--card-box-shadow);
}

.skin--card-border-radius {
  border-radius: var(--card-border-radius);
}

.skin--card-border-style {
  border-style: var(--card-border-style);
}

.skin--card-border-color {
  border-color: var(--card-border-color);
}

.skin--card-dark-border-color {
  border-color: var(--card-dark-border-color);
}

.skin--card-border-width {
  border-width: var(--card-border-width);
}