/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

*:not(.fa):not(.icon-salient-discord):not(.ab-icon):not(.fa-brands):not(.fa-solid) {
  font-family: "glober" !important;
}
.fa-brands {
  font-family: "Font Awesome 6 Brands" !important;
}
#breadcrumbs {
  display: none;
}
b,strong {
  font-weight:500!important;
}
.controls,
#portfolio-nav {
  display: none !important;
}
#full_width_portfolio > div.row.project-title {
  background-color: var(--main-bg-color) !important;
  color: var(--color7) !important;
}
.meta-category,
.comments-section,
#ajax-content-wrap > div.row.page-header-no-bg > div > div > span,
.pagination__next {
  display: none;
}
/* HOME START */
.fit-blog-images .row .col img {
  width: 100% !important;
  width: -moz-available !important; /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
  width: fill-available !important;
}
/* HOME END */
/*Gallery content start*/
.zero-index {
  z-index: 0;
}

#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {
  opacity: 0.7;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100% !important; /* Full width */
  height: 100% !important; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.9); /* Black w/ opacity */
}
.twentytwenty-before-label,
.twentytwenty-after-label {
  bottom: 35px !important;
}

/* Modal Content (Image) */
.modal-content {
  display: block;
  width: 200% !important;
  max-width: 200%;
}
#comparingImages {
  max-width: 1600px;
}
/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 100% !important;
  max-width: 2000px !important;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px !important;
}

/* Add Animation - Zoom in the Modal */
.modal-content,
#caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

/* The Close Button */
.close {
  position: fixed;
  top: 0%;
  right: 0%;
  width: 100%;
  height: 100%;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}
.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
.zoom {
  z-index: 30;
  position: absolute;
  bottom: 0;
  color: white;
  cursor: pointer;
  right: 10px;
}
div.work-info > div > h3 {
  display: none;
}
div.work-info > div > p {
  font-size: 20pt;
}
.twenty20 {
  margin-bottom: 0px !important;
}
.twentytwenty-container {
  margin-right: 2px !important;
  margin-bottom: 2px !important;
}
#myModal .twentytwenty-container {
  margin: 3% 10% !important;
}
.caption-text {
  display: block;
  position: absolute;
  z-index: 29192;
  top: 0%;
  opacity: 0;
  background-color: var(--color1);
  width: calc(100% - 2px);
}
nav ul:nth-child(even) {
  right: -80px !important;
}
nav ul:nth-child(even) li a {
  font-size: 10pt !important;
}
.image-title {
  z-index: 50;
  position: relative;
  display: block;
  width: 100%;
  height: 40px;
  padding: 10px;
  background-color: var(--color2);
  font-size: 24pt;
}
/*Gallery content end*/

/* Typographie */
.modded-text {
  font-size: 30px !important;
  font-weight: 500 !important;
  line-height: 30px !important;
  margin-top: -10px;
  margin-bottom: -7px !important;
}
body {
  font-weight: 300;
}
p {
  font-size: 20px;
  line-height: 30px;
}
h2 {
  font-size: 40px !important;
  font-weight: 300 !important;
  line-height: 53px !important;
  text-transform: uppercase;
}
h3 {
  font-size: 30px !important;
  font-weight: 500 !important;
  text-transform: uppercase;
}
h4 {
  font-family: glober!important;
  text-transform: uppercase;
}
p {
  padding-bottom: 10px !important;
}
.testimonial_slider[data-style*="multiple_visible"] blockquote p {
  padding-left: 45px !important;
  padding-right: 45px !important;
}
.list-style-items ul li {
  list-style-image: url("/media/Aufzahlungszeichen-pink.png");
}
.list-style-items-tiny ul li {
  list-style-image: url("/media/Aufzahlungszeichen-pink.png");
}
/* Typographie end */
/* Button */
.nectar-button {
  margin-bottom: 0px !important;
}
.gradient-button {
  background: linear-gradient(90deg, var(--color3), var(--color4));
  padding: 0;
  margin-top: 15px;
  font-family: glober!important;
}
.image-button img {
  float: left;
  position: absolute;
  margin: 0 !important;
  margin-right: 20px !important;
}
.image-button a {
  text-transform: uppercase !important;
  font-size: 25px !important;
  color: white;
  margin-left: 45px !important;
  font-weight: 400;
}
.nectar-button.image-button {
  font-size: 25px !important;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
}
/* Button end */
/* Blogbeiträge start*/
.excerpt {
  font-size: 15px;
  font-family: glober;
  line-height: 20px;
  margin-top: 10px !important;
}
.post-header {
  font-family: glober;
  font-size: 25px;
  margin: 0 !important;
}
.blog-recent[data-style="minimal"] .meta {
  margin: 0 !important;
}
.post-header .meta {
  font-family: glober;
  font-size: 15px;
  color: var(--color5);
  line-height: 1;
}
/* Blogbeiträge end */
.frontpage-header {
  height: 577px;
}
body.material .nectar-button.medium {
  width: 320px !important;
}
.gradient-left .vc_column-inner:after {
  border-radius: 1px;
  content: "";
  position: absolute;
  width: 6px;
  left: 0px;
  height: 100vh !important;
  max-height: 100% !important;
  border-radius: 1px;
  top: 0;
  background: linear-gradient(180deg, var(--color3), var(--color4));
}
.gradient-bottom .vc_column-inner:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 10px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  padding: 0px;
  width: 100% !important;
  width: -moz-available !important; /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
  width: fill-available !important;
  background: linear-gradient(90deg, var(--color3), var(--color4));
  z-index: 100;
}
.video-trailer .vc_column-inner:after {
  content: "";
  height: 5px;
  bottom: 5px;
  width: 100% !important;
  width: -moz-available !important; /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
  width: fill-available !important;
  position: absolute;
  background: linear-gradient(90deg, var(--color3), var(--color4));
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.video-trailer {
  margin: 45px auto;
  max-width: 1000px;
  padding: 0 !important;
}
.testimonial_slider[data-style*="multiple_visible"] blockquote {
  opacity: 1;
}
.testimonial_slider[data-style*="multiple_visible"] blockquote p {
  padding: 0;
}
.dark
  .testimonial_slider[data-style="multiple_visible"]
  blockquote.is-selected
  p {
  background-color: transparent;
}
.dark
  .testimonial_slider[data-style="multiple_visible"]
  blockquote.is-selected {
  border-right: 2px solid var(--color6);
  border-left: 2px solid var(--color6);
  border-radius: 0;
}
.testimonial_slider[data-style="multiple_visible"]
  blockquote
  p
  .bottom-arrow:after,
.testimonial_slider[data-style="multiple_visible"] blockquote p:before {
  content: none;
}
body .testimonial_slider blockquote span {
  position: absolute;
  right: 30px;
  padding-right: 45px;
  font-style: italic;
}
/* Frontpage end */
/* Twentytwenty related start */
.twentytwenty-after-label,
.twentytwenty-before-label {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.twentytwenty-before-label {
  left:0px!important;
  top: 35px !important;
  bottom: inherit !important;
  -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 0, 85% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 0, 100% 0, 85% 100%, 0% 100%);
  background: var(--color7);
  padding-left:10px!important;
  padding-right: 20px!important;
  padding-top:8px!important;
  font-weight:500!important;
  width:110px!important;
  font-size:15px!important;
  line-height:20px!important;
  letter-spacing:normal;
  height:35px;

}
.twentytwenty-after-label {
  right:0px!important ;
  background: linear-gradient(90deg, var(--color3), #9500f9) !important;
  -webkit-clip-path: polygon(15% 0, 100% 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(15% 0, 100% 0, 100% 0, 100% 100%, 0% 100%);
  padding-right:10px!important;
  padding-left: 20px!important;
  padding-top:8px!important;
  font-weight:500!important;
  width:110px!important;
  font-size:15px!important;
  line-height:20px!important;
  letter-spacing:normal;
  height:35px;
  text-align:right;
}
/* Twentytwenty related end */
/* Blog Post */
.blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
  div.inner-wrap {
  background-color: var(--color7);
}
.blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
  div.article-content-wrap {
  padding: 15px 20px;
}
.blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
  div.article-content-wrap
  h3.title {
  line-height: 15px;
}
.blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
  div.excerpt {
  color: var(--color17);
}
/* Header start */
#top {
  backdrop-filter: blur(10px);
}
#top nav > ul > li[class*="button_solid_color"] > a:before,
#header-outer.transparent
  #top
  nav
  > ul
  > li[class*="button_solid_color"]
  > a:before {
  height: 15px !important;
}
body #header-outer[data-transparent-header="true"].transparent {
  background: var(--color11) !important;
  height: var(--nav-bar-height);
}
#top .container .row {
  height: var(--nav-bar-height);
}
#logo {
  margin: 0 !important;
  padding: 0 !important;
}
#header-outer ul li {
  font-family: glober!important;
  font-size: 15px !important;
/*  font-weight: bold !important; */
  font-style: normal;
}
#header-outer ul li a {
  margin-left: 12.5px;
  margin-right: 12.5px;
}
#header-outer[data-transparent-header="true"].transparent #logo .starting-logo {
  width: 100%;
  margin-top: 15px;
}
#header-outer #mobile-menu:before {
  background-color: var(--color12) !important;
}
#header-outer #mobile-menu ul li a {
  color: var(--color17) !important;
}
/* Mobile Menu */
#slide-out-widget-area-bg.open.dark {
  /*background-image: url(/media/Background-Homepage-v1.png);*/
  opacity: 1;
}
#slide-out-widget-area.fullscreen-split .inner > .container {
  margin: inherit;
}
#slide-out-widget-area.fullscreen-split .inner > .container {
  padding: 0px;
}
#slide-out-widget-area.fullscreen-split .off-canvas-menu-container > ul > li {
  border-bottom: 2px solid var(--color16)fff17;
}
#slide-out-widget-area.fullscreen-split .off-canvas-menu-container > ul > li {
  padding: 10px;
  padding-left: 35px !important;
  margin-bottom: 0px;
}
#slide-out-widget-area.fullscreen-split .inner > .container {
  left: 0px !important;
}
#slide-out-widget-area.fullscreen-split
  .inner
  .off-canvas-menu-container
  li
  a:after {
  border: none !important;
}
.sf-sub-indicator {
  display: none;
}
.sub-menu {
  margin-top: inherit !important;
}
/* Header end */
/* Projects */
.extra-gradient-line-left:after {
  content: "";
  display: block;
  padding: 2px 0;
  max-width: 60px;
  max-height: 4px;
  margin-top: 10px;
  border-radius: 1px;
  background: linear-gradient(90deg, var(--color3), var(--color4));
}
.extra2-gradient-line-left:after {
  content: "";
  display: block;
  padding: 2px 0;
  max-width: 60px;
  max-height: 4px;
  margin-top: 4px;
  border-radius: 1px;
  background: linear-gradient(90deg, var(--color3), var(--color4));
}
.extra-gradient-line-left {
  font-size: 30px !important;
  line-height: 39px !important;
}
.extra2-gradient-line-left {
  font-size: 30px !important;
  line-height: 39px !important;
}
.extra-gradient-line-middle:after {
  content: "";
  display: block;
  padding: 2px 0;
  max-width: 340px;
  max-height: 4px;
  border-radius: 2px;
  margin: 0 auto;
  margin-top: 10px;
  background: linear-gradient(90deg, var(--color3), var(--color4));
}
a {
  font-size: 15px;
}
/* Projects END */
/* Patreon START */
.patreon-header {
  font-family: glober;
  margin: 0;
}
.patreon-header p {
  margin: 0;
  padding: 0;
}
.patreon-header .tier {
  font-size: 25px;
  font-weight: 500;
  display: block;
}
.patreon-header .price {
  font-size: 40px;
  font-weight: 500;
}
.patreon-header .monthly {
  font-size: 15px;
  color: var(--text-color);
  text-transform: uppercase;
  font-weight: 300;
}
.patreon-header hr {
  width: 280px;
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid var(--color6);
  padding: 0;
}
.patreon-content {
  padding-left: 5px;
  padding-right: 10px;
}
.patreon-content .list-entry {
  font-size: 20px;
  font-family: glober;
  font-weight: normal;
  line-height: 26px;
  display: list-item;
  text-align: left !important;
  padding-bottom: 5px;
  list-style-image: url("/media/Aufzahlungszeichen-pink.png");
  margin: 0;
  margin-left: 20px;
}
.patreon-content .bonus img {
  float: left;
}
.full-gradient-border {
  border-style: solid;
  border-width: 2px;
  border-image: linear-gradient(110deg, var(--color3), var(--color4)) 1;
  background-color: var(--color12);
}
.patreon-content .discord-include {
  float: left;
  margin-left: 20px;
}
.column-adjust {
  height: 100%;
}
.patreon-content .rtgi {
  background: -webkit-linear-gradient(84deg, var(--color3), var(--color4));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hover-wrap-inner .image-adjust {
  width: 150px !important;
}
/* Patreon END */
/*HELP START*/
.gradient-left-extra .vc_column-inner {
  border-left: 6px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(180deg, var(--color3), var(--color4));
  border-radius: 2px;
  transition: all 0.3s ease-in-out;
}
/*HELP END*/
/* BLOG START */
.blog-entries-style .blog-recent .col.span_3 {
  width: 86% !important;
}
.blog-entries-style .blog-recent h3 a {
  font-family: "glober" !important;
  font-size: 25px !important;
  line-height: 30px !important;
  font-weight: bold !important;
}
.blog-entries-style .blog-recent .col.span_3 .excerpt {
  display: inline;
  font-family: "glober" !important;
  font-size: 20px !important;
  line-height: 30px !important;
  font-weight: normal !important;
}
.blog-entries-style .post {
  width: 50% !important;
}
.blog-entries-style .post-header {
  width: 50%;
  float: right;
}
.blog-entries-style .post a {
  width: 50%;
  float: left;
  padding-right: 20px;
}
/* BLOG END*/
/* ABOUT START */
.flickity-viewport {
  margin: 0 auto !important;
}
.nectar-fancy-ul ul li {
  list-style-type: inherit;
  margin-bottom: 20px !important;
}
/* ABOUT END */
/* LINKS START */
.right-border {
  border-right: 1px solid var(--color6) !important;
}
.image-100 {
  width: 100px;
  height: 100px;
}
.post .content-inner {
  padding: 0 !important;
}
.blog_next_prev_buttons {
  display: none;
}
.bottom-meta {
  display: none;
}
.row {
  padding-bottom: 0px !important;
}
/* BLOGSEITEN SELBST END */
/* CHANGELOGS START */
.extra-listing .meta:before {
  content: "";
  background: url(/media/Aufzahlungszeichen.png) no-repeat;
  margin-left: -32px;
  width: 25px;
  height: 200px;
  display: block;
  float: left;
  position: absolute;
  margin-top: 21px;
  z-index: 2;
}
.extra-listing h3.title {
  font-size: 25px !important;
}
.extra-listing .post:nth-last-child(1) .title:before {
  content: "";
  background: url(/media/Aufzahlungszeichen.png) no-repeat;
  margin-left: -23px;
  width: 0px;
  height: 0%;
  display: block;
  z-index: 0;
  float: left;
  position: absolute;
  margin-top: 19px;
}
.extra-listing h3.title:before {
  content: "";
  background: url(/media/Aufzahlungszeichen.png) no-repeat;
  margin-left: -22px;
  width: 0px;
  height: 100%;
  display: block;
  z-index: 0;
  float: left;
  position: absolute;
  margin-top: 26px;
  border-left: 2px solid var(--color6);
}
.extra-listing h3.title:last-child:before {
  opacity: 1;
}
.grey-border {
  border-left: 4px solid;
  border-color: var(--color13) !important;
}
/* CHANGELOGS END */

/* RETWEET DISABLE */
.twitter-class .ctf-retweet {
  display: none;
}
.twitter-class .ctf-corner-logo {
  display: none !important;
}

.twitter-class .ctf-tweets {
  background-color: #111316;
  padding: 10px;
  margin-right: 10px;
  margin-top: -12px;
  height:100%;
}
.twitter-class .ctf-author-name {
  font-family: glober!important;
  font-size: 20px !important;
  font-weight: bold !important;
}
.twitter-class a.ctf-author-screenname,
.twitter-class a.ctf-tweet-date,
.twitter-class .ctf-screename-sep {
  font-family: glober!important;
  font-size: 15px !important;
  color: var(--color5) !important;
  font-weight: normal !important;
}
.twitter-class .ctf-tweet-text {
  font-size: 15px !important;
  font-family: glober!important;
}
#ctf .ctf-tweet-actions a {
  display: block;
  color: white !important;
}
#ctf .ctf-tweet-actions {
  margin-top: 1px !important;
}
.ctf-author-box > div.ctf-author-box-link > a.ctf-author-avatar > img {
  border-radius: 360px !important;
}
#ctf .ctf-twitterlink {
  display: none !important;
}
#ctf {
  max-height: 268px !important;
}
#ctf .ctf-tweet-actions a {
  padding-bottom: 0px;
}
#ctf .ctf-author-name {
  font-weight: 500 !important;
  margin-top: 0px;
}

#ctf.ctf-narrow .ctf-tweet-content {
  padding: 0px;
}
#ctf.ctf-narrow .ctf-author-box {
  margin-top: 6px;
}
#ctf .ctf-item {
  border-color: var(--color7) !important;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 0px;
  padding-top: 0px;
}
#ctf::-webkit-scrollbar-track {
  cursor: pointer;
  -webkit-box-shadow: solid 0 0 6px var(--color7);
  box-shadow: solid 0 0 6px var(--color7);
  border-radius: 10px;
  background-color: transparent;
}
#ctf::-webkit-scrollbar {
  cursor: pointer;
  width: 10px;
  background-color: transparent;
  margin-left: 10px;
}
#ctf::-webkit-scrollbar-thumb {
  cursor: pointer;
  border-radius: 10px;
  -webkit-box-shadow: solid 0 0 6px var(--color7);
  box-shadow: solid 0 0 6px var(--color7);
  background-color: var(--color7);
}
.read-more {
  position: absolute;
  left: 50%;
}
.read-more a {
  width: fit-content !important;
  font-family: "glober";
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
}
.read-more a span {
  color: #e232cd !important;
}
.home-blog .excerpt {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 87px;
  display: -webkit-box;
  line-height: 28px !important;
}
.home-blog .read-more {
  right: 10px;
  bottom: 10px;
  left: inherit;
  width: 100% !important;
  font-family: "glober";
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  color: #e232cd;
  position: relative;
  text-align: right;
  top: 0px !important;
}
.category-blog {
  margin-left: 0px !important;
}
.blog-recent[data-style*="classic_enhanced"] {
  align-items: center !important;
  justify-content: center !important;
}
.blog-blog .blog-recent .col {
  margin-bottom: 0px !important;
}
.blog-blog-entries .title {
  font-size: 20px !important;
}
.blog-blog-entries .new-excerpt-text {
  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 30px !important;
  height: auto !important;
}
.blog-blog-entries .post:before {
  content: "";
  position: absolute;
  width: 100% !important;
  width: -moz-available !important; /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
  width: fill-available !important;
  left: 0px;
  height: 5px;
  bottom: 0;
  z-index: 100000;
  border-bottom-left-radius: 360px;
  border-bottom-right-radius: 360px;
  background: linear-gradient(90deg, var(--color3), var(--color4));
}
.blog-blog-entries .read-more {
  right: 10px;
  left: inherit;
  width: fit-content !important;
  font-family: "glober";
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  color: #e232cd;
  z-index: 100;
  bottom: 0px !important;
  font-size: 15px;
}
.blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
  div.article-content-wrap {
  padding-bottom: 50px !important;
}
i[class*="fa-"] {
  top: inherit !important;
}
.devlog .post-featured-img img {
  width: fit-content;
}
.devlog .article-content-wrap {
  position: absolute !important;
  top: 145px !important;
  background-color: var(--color7) !important;
  padding: 5px !important;
  padding-bottom: 20px !important;
}
.blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
  div.article-content-wrap {
  padding-bottom: 6px !important;
}
.new-excerpt-text {
  padding: 0px 20px 20px 10px;
  height: 43px;
  overflow: auto;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100% !important;
  width: -moz-available !important; /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
  width: fill-available !important;
  height: 1.2em;
  white-space: nowrap;
  color: var(--color17);
}
.blog-blog-entries .article-content-wrap {
  height: 47%;
}
.blog-blog-entries .post-header {
  padding: 0px 0px 0px 10px;
}
.blog-blog-entries .post-header .meta {
  font-size: 10px;
  font-weight: 300;
  color: var(--color5);
}
.blog-blog-entries .post-header .title {
  line-height: 15px;
  color: var(--color17);
}
.blog-blog-entries .post-features-img img {
  height: 264px;
  width: 100% !important;
  width: -moz-available !important; /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
  width: fill-available !important;
}
.blog-blog-entries div.wpb_wrapper > div > div > div > a.img-link > span > img {
  width: 100% !important;
  width: -moz-available !important; /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
  width: fill-available !important;
  height: 264px;
}
.video-adjustment .nectar-video-box,
.video-adjustment .inner-wrap,
.video-adjustment img {
  height: 264px !important;
}
.video-adjustment div.inner-wrap:after {
  position: absolute;
  bottom: 0px;
  content: "";
  height: 6px;
  width: 100% !important;
  width: -moz-available !important; /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
  width: fill-available !important;
  background: linear-gradient(90deg, var(--color3), var(--color4));
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.video-adjustment .video-meta-container {
  bottom: 42px !important;
}
.video-adjustment .video-meta-container .meta-date {
  font-size: 10px !important;
}
.video-adjustment .video-meta-container .meta-title {
  font-size: 15px !important;
}
.blog-recent[data-style="minimal"] .col {
  margin-bottom: 0;
  padding: 0 !important;
}
.blog-blog-entries .article-content-wrap {
  top: 153px !important;
  height: 110px !important;
  width: inherit !important;
  padding-top: 0px !important;
}
.blog-blog-entries .read-more {
  margin-bottom: 11px;
}
.blog-blog-entries .title {
  margin-top: -6px;
}
.home-releases
  .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
  div.article-content-wrap {
  padding: 0px !important;
  margin: 10px !important;
}
.home-releases
  .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
  div.excerpt {
  padding-bottom: 25px;
}
.home-releases .blog-recent[data-style*="classic_enhanced"] .entire-meta-link {
  height: 100% !important;
  height: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
  height: fill-available !important;
}
.home-releases
  .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
  div.article-content-wrap
  h3.title {
  font-size: 25px !important;
}
.help-guides .category-guides {
  padding: 20px !important;
  margin-left: 0 !important;
}
.help-guides .category-reshade,
.help-guides .category-shader,
.help-guides .category-special {
  margin-left: 60px !important;
}
.help-guides .category-reshade-guides h3.title:before,
.help-guides .category-shader-guides h3.title:before,
.help-guides .category-special-guides h3.title:before {
  content: "";
  background: url(/media/Aufzahlungszeichen-1.png);
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: -25px;
  top: 18px;
}
.guide-row .category-reshade-guides .post-header h3,
.guide-row .category-shader-guides .post-header h3,
.guide-row .category-special-guides .post-header h3 {
  font-size: 20px !important;
  line-height: 20px !important;
}
.guide-row .category-reshade-guides .excerpt,
.guide-row .category-shader-guides .excerpt,
.guide-row .category-special-guides .excerpt {
  font-size: 15px !important;
  line-height: 20px !important;
}
.guide-row .post-header .meta,
.guide-row .post-header .meta a {
  font-size: 10px !important;
  line-height: 15px !important;
}
.guide-row .post-header h3 {
  font-size: 30px !important;
  line-height: 30px !important;
}
.guide-row .excerpt {
  font-size: 20px !important;
  line-height: 30px !important;
}
.category-reshade,
.category-shader,
.category-special {
  width: 100%;
}
.help-guides .category-reshade:first-of-type:before,
.help-guides .category-shader:before,
.help-guides .category-special:before {
  position: absolute;
  left: -60px;
  content: url("/media/ReShade-Gradient.png");
  z-index: 200;
}
.help-guides .category-reshade-guides,
.help-guides .category-shader-guides,
.help-guides .category-special-guides {
  margin-left: 94px !important;
  width: fit-content;
}
.help-guides .category-reshade-guides .row:before,
.help-guides .category-shader-guides .row:before,
.help-guides .category-special-guides .row:before {
  content: "";
  margin-left: -50px;
  width: 0px;
  height: 124px;
  display: block;
  z-index: 0;
  float: left;
  position: absolute;
  margin-top: -14px;
  border-left: 2px solid var(--color13);
  opacity: 0.6;
}
.opened-accordeon:first-of-type:before {
  content: " ";
  width: 2px;
  height: 139px;
  position: absolute;
  top: 60px;
  left: 20px;
  background-color: var(--color6);
}
.closed-accordeon {
  margin-bottom: 0px !important;
}
.closed-accordeon:first-of-type:before {
  margin-left: 18px;
  width: 0px;
  top: 24px;
  height: 100% !important;
  height: -moz-available !important; /* WebKit-based browsers will ignore this. */
  height: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
  height: fill-available !important;
  display: block;
  z-index: 0;
  float: left;
  position: absolute;
  margin-top: 21px;
  border-left: 2px solid var(--color13);
  opacity: 0;
  z-index: 100;
  position: absolute;
}
.grey-inactive-border .vc_column-inner {
  border-left: 6px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(180deg, var(--color7), var(--color7));
}
.extra-accordeon  .category-reshade-guides,
.extra-accordeon .category-shader-guides,
.extra-accordeon .category-special-guides {
  display: none;
}
.tiny-list-items .list-entry,
.devlog {
  list-style-image: url("/media/Aufzahlungszeichen-1.png") !important;
}
@media screen and (max-width:520px) {
  .tiny-list-items .list-entry,
.devlog {
  list-style-image: url("/media/12x12.png") !important;
}
}
.divider-small-border[data-color="extra-color-gradient-2"],
.divider-border[data-color="extra-color-gradient-2"],
.nectar-progress-bar .extra-color-gradient-2,
.tabbed[data-style*="minimal"][data-color-scheme="extra-color-gradient-2"]
  > ul
  li
  a:after,
.tabbed[data-style="minimal_alt"][data-color-scheme="extra-color-gradient-2"]
  .magic-line,
.wpb_row
  .nectar-post-grid-filters[data-active-color="extra-color-gradient-2"]
  a:after,
.nectar-recent-posts-single_featured.multiple_featured
  .controls[data-color="extra-color-gradient-2"]
  li:after,
.nectar-fancy-box[data-style="default"][data-color="extra-color-gradient-2"]:after {
  border-radius: 10px;
}
.link-divider .divider-small-border {
  width: 100% !important;
  width: -moz-available !important; /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
  width: fill-available !important;
}
.link-color-white a {
  color: white !important;
}
.link-color-white .wpb_text_column {
  text-align: left;
}
.category-changelogs {
  margin: 0 auto !important;
}
.mobile-only {
  display: none;
}
.blog-recent[data-style="minimal"] .col {
  padding-bottom: 25px !important;
}
.gallery-background {
  background-image: url(/media/Background-Homepage-v1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
.image-compare-row {
  width: 100% !important;
  width: -moz-available !important; /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
  width: fill-available !important;
  height: 100% !important;
  position: fixed;
  z-index: 100000000 !important;
  left: 0;
  top: 0;
  display: none;
  bottom: 0;
}
#swipebox-bottom-bar {
  display: none !important;
}
.image-compare-row .row-bg-wrap .inner-wrap .row-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(/media/Background-Homepage-v1.png) !important;
}
.image-compare-row {
  max-height: 2000px !important;
}
.image-compare-row .row_col_wrap_12 {
  height: 100%;
}
.centering-modal-image-normal {
  margin-left: 0px !important;
}
.centering-modal-image-compare {
  margin-left: 0px !important;
  height: 100%;
  left: 0;
  width: inherit;
}
#slide-out-widget-area.fullscreen-split .inner > .container {
  max-width: -webkit-fill-available;
  width: 100% !important;
  width: -moz-available !important; /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
  width: fill-available !important;
  max-width: 100% !important;
}
#header-outer #logo img {
  height: 46px !important;
  margin-top: -2px !important;
}
.col .span_3 a {
  color: white !important;
}
#top .sf-menu li ul li a {
  background-color: var(--color15);
}
#page-header-wrap {
  display: none !important;
}
.twentytwenty-handle {
  background: linear-gradient(90deg, var(--color3), var(--color4));
  margin-left: -19px !important;
}
.off-canvas-social-links {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: flex-start;
}
#slide-out-widget-area .off-canvas-social-links li i {
  font-size: 40px !important;
}
#slide-out-widget-area-bg.open.dark {
  height: 150%;
}
.changelog-projects .post:nth-last-child(1) .title:before {
  content: "" !important;
  margin-left: -23px;
  width: 0px;
  height: 100% !important;
  height: -moz-available !important; /* WebKit-based browsers will ignore this. */
  height: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
  height: fill-available !important;
  display: block;
  z-index: 0;
  float: left;
  position: absolute;
  margin-top: -14px;
  border-left: none;
}
.video-trailer {
  margin: 0px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.video-trailer .vc_column-inner .wpb_wrapper .wpb_text_column {
  margin-bottom: 0px !important;
}
.video-meta-container {
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(10px);
  width: 100% !important;
  width: -moz-available !important; /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
  width: fill-available !important;
  height: 55px;
  position: absolute;
  bottom: 0px;
  z-index: 1000;
}
.video-meta-container .meta-date {
  margin-top: 5px;
  font-size: 15px;
  line-height: 20px;
  padding-left: 10px;
}
.video-meta-container .meta-title {
  font-size: 20px;
  line-height: 21px;
  padding-left: 10px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 91px;
  display: -webkit-box;
  font-weight: 500;
}
.youtube-channel-text {
  position: absolute;
  right: 0;
}
.youtube-channel-text a {
  color: var(--color17);
}
.no-margin:not(:last-of-type) {
  margin: 0 !important;
  border-bottom: 2px solid var(--color6);
}
.blog-recent[data-style="minimal"] .col {
  padding: 0px !important;
}
.devlog-items .excerpt {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
}
.size-adjust {
  width: 20%;
  margin-right: 2%;
}
.divider-wrap div {
  background-color: var(--color6) !important;
}
.n2-ss-slider .n2-ow-all img {
  height: 160px !important;
}
div#n2-ss-1 .nextend-arrow img {
  width: inherit !important;
  height: inherit !important;
}
.patreon-button {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  justify-content: space-around;
}

.button-patreon {
  padding: 15px 20px !important;
/*  padding-left: 70px !important; */
  font-size: 25px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  width: 280px !important;
  line-height: 30px !important;
}
/* .button-patreon span:before {
  position: absolute;
  content: "";
  width: 30px;
  height: 30px;
  left: -50px;
  background-attachment: fixed;
  background-size: 100%;
  background-position: center;
  background-image: url(/media/Digital-Patreon-Logo_White.png);
} */
.guide-row .excerpt,
.guide-row .post .excerpt {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 90px !important;
  display: -webkit-box;
  width: 80%;
}
.home-releases .home-blog img {
  height: 379px !important;
  object-fit: cover !important;
}
.home-video .video-trailer .inner-wrap {
  height: 546px !important;
  border-radius: 2px !important;
}
.home-video .video-trailer img {
  height: 100%;
  object-fit: cover;
}
.help-video .video-trailer .inner-wrap {
  height: 546px !important;
  border-radius: 2px !important;
}
.showcases img {
  width: 100% !important;
  width: -moz-available !important; /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
  width: fill-available !important;
}
.guide-row .post {
  width: 100% !important;
  width: -moz-available !important; /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
  width: fill-available !important;
}
.home-releases
  .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
  div.article-content-wrap {
  margin: 15px !important;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
  div.inner-wrap:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 5px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  padding: 0px;
  width: 100% !important;
  width: -moz-available !important; /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
  width: fill-available !important;
  background: linear-gradient(90deg, var(--color3), var(--color4));
}
.quint-row b,
.tier-row b {
  font-size: 25px;
  font-weight: 500;
}

h1 {
  font-size: 40px!important;
  font-weight: 300!important;
  text-transform:uppercase!important;
  color:var(--color17)!important;
}
h2 {
  font-size:30px!important;
  font-weight: 500 !important;
  line-height: 30px !important; 
}
h3, h4 {
  font-size: 25px !important;
  font-weight: 500 !important;
  text-transform:none!important;
}
h3 {
  color: var(--color8)!important;
}
h4 {
  color: var(--color17)!important;
}
.different-heading h3.title{
  color:var(--color17)!important;

}
@media screen and (max-width:520px) {
  h1 {
    font-size: 25px!important;
    font-weight: 300!important;
    text-transform: uppercase!important;
  }
  h2 {
    font-size: 20px!important;
    font-weight: 500 !important;
   /* line-height: 30px !important;*/
  }
  h3, h4 {
    font-size: 18px !important;
    font-weight: 500 !important;
    text-transform:none!important;
  }
}

/* Suchfeld */
#blog-search{
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
  align-items:center;
  background:var(--color7);
  color:var(--color5);
  border-radius:3px;
  width:75%;
}
#blog-search .icon {
  color: var(--color5);
  min-width: 50px;
  text-align: center;
}
#blog-search .search-field {
  width: 100%;
  padding: 10px;
  outline: none;
}
#blog-search .search-field:focus {
  border: 2px solid var(--color7);
  color: var(--color17)!important;
}
body #search-results .result {
  padding: 20px!important;
}
body #search-results .result a {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 50px;
  display: -webkit-box;
}
body.search-results .container.main-content {
  margin-top:-7px!important;

}
body.search-results.material .container-wrap {
  padding-bottom:0px!important;
}
#pagination {
  margin-bottom:40px!important;
  margin-top:-10px!important;
}
@media only screen and (min-width: 1px) and (max-width: 999px) {
  body:not(.single-post) #page-header-bg:not(.fullscreen-header) {
    padding-top:40px!important;
    padding-bottom:0px!important;
  }
  #pagination {
    margin-bottom:18px!important;
  }

}


/* Suchfeld Ende */
/* Suchseiten Template */
#ajax-content-wrap #page-header-bg {
  background-color:var(--color12);
}
#ajax-content-wrap #page-header-bg .result-num {
  color:var(--color17);
}
body.search-results.material .container-wrap {
  padding-top:0px!important;
}
body.search #search-results .result .inner-wrap h2 a {
  color: var(--color17)!important;
}
#search-results .result .inner-wrap{
  background-color: var(--color7);
  border:none!important;
}

#search-results {
  display:grid;
}
/* Suchseiten Template Ende */
.changelogs-logs .excerpt,
.changelogs-logs h3 {
  padding: 0 !important;
  margin: 0 !important;
}
.changelogs-logs .blog-recent[data-style="minimal"] .col > span {
  color: #e232cd !important;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  margin-top: 13px !important;
  margin-bottom: 40px !important;
}
.video-row .video-trailer {
  width: 715px !important;
}
.video-row .video-trailer .inner-wrap {
  height: 385px !important;
  border-radius: 2px !important;
}
.same-height {
  height: 550px;
  padding: 20px !important;
}
.same-height strong {
  font-weight: 500 !important;
}
.same-height .list-entry img {
  margin-top: 3px;
  margin-bottom: 0px;
}
.same-height .vc_column-inner {
  height: 100%;
}
.discord-content {
  position: absolute;
  bottom: 0px;
}
.discord-content img {
  display: inline-block;
  margin: 0 15px -5px 0px !important;
}
body[data-bg-header="true"] .container-wrap {
  padding-bottom: 0px !important;
}
.extra-accordeon .help-guides .vc_column-inner {
  padding: 20px;
}
.extra-accordeon .excerpt,
.extra-accordeon .post .excerpt {
  width: 95% !important;
}
.extra-accordeon .blog-recent[data-style="minimal"] .col > span {
  line-height: 15px !important;
  margin-top: 6px;
  font-family: "glober" !important;
  font-size: 15px;
  font-weight: bold;
}
.extra-accordeon .wpb_wrapper > div {
  margin-bottom: 0px !important;
}
.extra-accordeon .meta {
  text-transform: uppercase !important;
}
.extra-accordeon .post:not(:first-child) {
  margin-top: 37px;
}

.extra-accordeon .excerpt {
  margin-top: 10px !important;
  margin-bottom: 13px !important;
}
.blog-video .nectar-video-box {
  height: 264px !important;
}
.blog-video .nectar-video-box .inner-wrap {
  height: 264px !important;
}
.blog-video .video-meta-container {
  margin-bottom: 4px !important;
}
.blog-entry-blog .category-blog,
.blog-entry-blog .category-blog .entire-meta-link {
  height: 268px !important;
}
.blog-entry-blog .category-blog .gradient-bottom:before {
  margin-left: 0px;
  margin-right: 0px;
  height: 6px;
}
.n2-ss-slider .n2-ss-slider-controls-absolute-left {
  right: 95% !important;
}
.n2-ss-slider .n2-ss-slider-controls-absolute-right {
  left: 95% !important;
}
.carousel-slider-outer {
  padding-left: 50px;
  padding-right: 50px;
}
.carousel-slider.owl-drag .owl-item {
  width: 267px !important;
}
.carousel-slider .carousel-slider__item img {
  height: 160px !important;
  object-fit: cover;
  margin-left: 10px !important;
  margin-right: 10px !important;
  width: 267px !important;
  border-radius: 2px;
}
.carousel-slider .owl-nav .owl-prev,
.carousel-slider .owl-nav .owl-next {
  opacity: 1 !important;
}
.carousel-slider.arrows-outside .owl-nav .owl-prev,
.carousel-slider.arrows-outside .owl-nav .owl-next {
  background-color: transparent;
}
.link-row .full-gradient-border {
  width: calc(33% - 25px);
  height: 500px;
}
.link-row .full-gradient-border img {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.link-row .full-gradient-border ul {
  float: left;
}
.link-row .divider-wrap div {
  width: 90% !important;
}
.link-row .full-gradient-border ul li {
  background: url(/media/Aufzahlungszeichen-pink.png) no-repeat left center; /* <-- change `left` & `top` too for extra control */
  padding: 3px 0px 3px 27px;
  list-style: none;
  margin: 0;
}
.link-row .full-gradient-border ul a {
  color: var(--color17);
}
.link-row .span_12 {
  justify-content: center !important;
}
.divider-wrap div {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.about-row .wpb_content_element {
  margin-bottom: 0px !important;
}
.about-row p {
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}
.twenty20-1 {
  border-radius: 2px;
}
/*#footer-widgets .col {
  margin-right: 0;
}
#footer-widgets .container {
  width: 1330px;
}*/
.buttons.sf-menu {
  margin-right: 90px !important;
}
/* .fallback-header:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/media/Header-Menu.png); 
  filter: opacity(0.8);
} */
.profile-image {
  width: 481px;
  /*height: 481px !important;*/
  object-fit: cover;
}


@media (max-width: 1400px) {
  a.bar:nth-child(3n) {
    border-right: 0px solid var(--color6);
  }
  .social-link-bar {
    grid-template-columns: repeat(3, 1fr)!important;
    grid-template-rows: repeat(2, 1fr)!important;
  }
  .social-link-bar .bar {
    width:100%;
  }
  .social-link-item {
    width: auto!important;
  }
}
@media (max-width: 800px) {
  a.bar:nth-child(n + 1) {
    border-right: 1px solid var(--color6);
  }
  a.bar:nth-child(2n) {
    border-right: 0px solid var(--color6) !important;
  }
  .social-link-bar {
    grid-template-columns: repeat(2, 1fr)!important;
    grid-template-rows: repeat(3, 1fr)!important;
  }
}
@media (max-width: 520px) {
  .social-link-bar {
    grid-template-columns: 1fr!important;
    grid-template-rows: repeat(6, 1fr)!important;
  }
  a.bar {
    border-right: 0px solid var(--color6) !important;
    border-bottom: 1px solid var(--color6) !important;
    padding-bottom: 40px !important;
  }
}
/* NEW ADDED FOR RESPONSIVE */
.gradient-left-after-element
  .gradient-left-after-element
  .vc_column-inner:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100% !important;
  height: -moz-available !important; /* WebKit-based browsers will ignore this. */
  height: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
  height: fill-available !important;
  width: 5px;
  border-radius: 5px;
  background: linear-gradient(180deg, var(--color3), var(--color4));
}
/* MEDIA QUERIES */
/* vorgegebene Mobile-Größe 375px */
#slide-out-widget-area.fullscreen-split .left-side .menu,
#slide-out-widget-area .mobile-only,
#slide-out-widget-area .left-side {
  width: 100% !important;
}
/* Frontpage */
/* 100% Image Width on Smaller Screens */
/* New added for fixing */
.testimonial_slider[data-style*="multiple_visible"] blockquote p {
  margin-bottom: 0px;
}
.dgwt-jg-gallery img {
  border-radius: 2px !important;
}
/* img {
  border-radius: 2px !important;
}
*/
.image-modifier img,
.image-modifier .wpb_wrapper,
.image-modifier .img-with-aniamtion-wrap,
.image-modifier .hover-wrap-inner,
.image-modifier .hover-wrap {
  height: 100% !important;
}
.image-modifier img {
  object-fit: cover;
}
.opened-accordeon .post {
  margin-bottom: 30px !important;
}
.post-header .meta {
  text-transform: uppercase;
}

.devlog .excerpt {
  margin-top: 0px !important;
  font-size: 20px !important;
  font-weight: 300;
  line-height: 30px !important;
}
.extra-top .post:not(:first-of-type) {
  margin-top: 15px !important;
}
.blog-entries-styling {
  width: 966px;
  margin-right: 30px !important;
}
.blog-entries-styling .blog-recent[data-style*="classic_enhanced"] .inner-wrap {
  background-color: transparent !important;
}
.blog-entries-styling .article-content-wrap {
  background-color: transparent !important;
  color: var(--color17);
}
.blog-entries-styling .inner-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
}
.blog-entries-styling .article-content-wrap {
  width: 548px;
  max-width: 100%;
  padding: 0px 20px !important;
  padding-right: 0px !important;
}
.blog-entries-styling .post-featured-img {
  width: 400px;
  height: 250px;
}
.blog-entries-styling .post-featured-img img {
  width: 400px;
  height: 250px;
  object-fit: cover;
}
.blog-entries-styling .excerpt {
  -webkit-line-clamp: initial !important;
  font-size: 20px !important;
  line-height: 30px !important;
  font-weight: 300 !important;
  color: var(--color17) !important;
  margin-top: 0px !important;
}
.blog-entries-styling .blog-recent .col {
  margin-bottom: 23px !important;
}
.blog-entries-styling .blog-recent[data-style*="classic_enhanced"] .inner-wrap {
  box-shadow: none !important;
}
.blog-entries-styling
  .blog-recent[data-style*="classic_enhanced"]
  .entire-meta-link {
  height: 100% !important;
}
.blog-entries-styling h3 {
  font-size: 25px !important;
  line-height: 30px !important;
  font-weight: 500 !important;
  color: var(--color17) !important;
}
.blog-entries-styling .read-more {
  left: initial !important;
}
.all-blog-entries,
.all-dev-logs {
  display: none;
}
.mobile-extra-margin {
  margin-bottom: 40px !important;
}

.single-blog img {
  width: 500px;
  height: 250px !important;
  object-fit: cover;
  object-position: bottom;
}
.single-blog .normal-img {
  width: initial !important;
  height: initial !important;
}
.latest-entries img {
  object-fit: cover;
  height: 100% !important;
}
.latest-entries .post-featured-img {
  height: 180px;
}
.latest-entries .blog-recent[data-style*="classic_enhanced"] .entire-meta-link {
  height: 100% !important;
}
.latest-entries
  .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
  div.article-content-wrap {
  height: 100px;
}
.latest-entries .post-header .title {
  font-size: 20px !important;
  font-weight: 500 !important;
  line-height: 0px !important;
}
.latest-entries .post-header .meta {
  font-size: 10px !important;
  font-weight: 300 !important;
  line-height: 30px !important;
}
.latest-entries .excerpt {
  margin-top: 10px !important;
  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 30px !important;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 91px;
  display: -webkit-box;
}
.latest-entries
  .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
  div.article-content-wrap {
  padding: 0 10px !important;
}
.latest-entries .read-more {
  position: absolute;
  /* left: 50%; */
  right: 10px !important;
  bottom: 4px !important;
  left: initial;
}
.new-header {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: stretch;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  margin-top: 40px;
}
.new-header .new-heading-title {
  font-size: 40px;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 23px;
}
.new-author-date,
.new-author-date a {
  font-size: 15px;
  font-weight: 300;
  text-transform: uppercase;
  pointer-events: none;
  color: var(--color5);
}
.post-area .post {
  display: block !important;
}
.text-with-img img {
  width: 500px !important;
  height: 300px !important;
  object-fit: cover;
}
.changelog-title {
  text-transform: uppercase;
}
.changelog-date {
  font-size: 15px;
  font-weight: 300;
  text-transform: uppercase;
  pointer-events: none;
  color: var(--color5);
}
.changelog-page .owl-carousel .owl-stage {
  padding: 0px 0px;
}
.guide-row .blog-recent[data-style="minimal"] .col > a {
  height: 20%;
  width:125px;
  bottom: -8px !important;
  top: initial !important;
}
.guide-row .help-guides {
  cursor: auto;
}
.extra-line:before {
  content: "";
  position: absolute;
  height: 142px;
  width: 2px;
  top: -110px;
  left: -7px;
  background-color: var(--color-12);
  opacity: 0.3;
}
.guide-row-guide img {
  width: 500px !important;
  height: 300px !important;
  object-fit: cover !important;
}

.blog-entries-block
  .blog-recent[data-style*="classic_enhanced"]
  .inner-wrap:hover
  .post-featured-img
  img {
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
}
.mobile-only .extra-listing .post {
  margin-bottom: 0px !important;
}
.mobile-only .devlog-items .type-post {
  flex-direction: column !important;
}
.mobile-only .blog-entries-styling .article-content-wrap {
  padding: 0 !important;
}
.mobile-only .blog-entries-styling .excerpt {
  min-height: 230px !important;
}
.mobile-only .blog-entries-styling .post-featured-img {
  width: 100%;
}
.mobile-only .blog-entries-styling .post-featured-img img {
  width: 100%;
}
.change-controls {
  padding-left: 0px;
  padding-right: 0px;
}
@media (max-width: 520px) {
  .change-controls {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
.change-controls
  .nectar-flickity[data-controls*="arrows_overlaid"]
  .flickity-prev-next-button.previous {
  left: -50px;
  top: 35%;
}
.change-controls
  .nectar-flickity[data-controls*="arrows_overlaid"]
  .flickity-prev-next-button.next {
  top: 35%;
  right: -50px;
}
.change-controls
  .nectar-flickity[data-controls*="arrows_overlaid"]
  .flickity-prev-next-button:before {
  background-color: transparent;
}
.change-controls
  .nectar-flickity[data-controls*="arrows_overlaid"]
  .flickity-prev-next-button
  .arrow {
  fill: var(--color5);
}
.change-controls
  .nectar-flickity[data-controls*="arrows_overlaid"]
  .previous:after,
.nectar-flickity[data-controls*="arrows_overlaid"] .next:after {
  background-color: transparent !important;
}
.change-controls
  .nectar-flickity[data-controls*="arrows_overlaid"]
  .flickity-prev-next-button
  svg {
  width: 30px !important;
}
.fa-facebook:before {
  content: "\f082" !important;
}
#header-outer #social-in-menu a:hover i,
.material
  #slide-out-widget-area.slide-out-from-right
  .off-canvas-social-links
  a:hover
  i {
  transform: translateY(0%) !important;
  -webkit-transform: translateY(0%) !important;
}
.post-content .article-content-wrap {
  min-height: 100% !important;
}
body
  #header-outer.transparent
  #top
  nav
  > ul
  > li[class*="button_solid_color"]
  > a,
#header-outer[data-lhe="animated_underline"]
  #top
  nav
  > ul
  > li[class*="button_solid_color"]
  > a {
  margin-left: 0px !important;
  margin-right: 10px !important;
}
.post-content .read-more {
  bottom: -9px;
  left: initial;
  right: 0;
  font-size: 15px !important;
  line-height: 30px !important;
  color: #e232cd !important;
  font-weight: 500 !important;
}
.post-content .excerpt {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 90px;
  display: -webkit-box;
  line-height: 28px !important;
}
.post-content .post-header .title {
  font-size: 25px !important;
  line-height: 30px !important;
  font-weight: 500 !important;
}
.single .post .content-inner .post-featured-img img {
  margin-bottom: 0px !important;
}

.tiny-twenty-twenty #twenty20-1 img {
  height: 326px !important;
  width: 100%;
  object-fit: cover;
}
.rotated-img {
  transform: rotate(317deg);
  margin-top: -30px;
}
.single-post .post-content li {
  list-style-image: url(/media/Aufzahlungszeichen-pink.png) !important;
}
.full-width-img {
  width: 100%;
}
.image-gradient-bottom img {
  width: 100%;
}
.image-gradient-bottom .vc_column-inner:after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100% !important;
  width: -moz-available !important; /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
  width: fill-available !important;
  background: linear-gradient(90deg, var(--color3), var(--color4));
  z-index: 1000;
  height: 5px;
  left: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.huge-video .nectar-video-box,
.huge-video .nectar-video-box .inner-wrap {
  height: 545.2px !important;
}
.nectar-video-box img {
  height: 100% !important;
  object-fit: cover !important;
}
.guide-releases img {
  min-height: 384px !important;
  max-height: 384px !important;
  object-fit: cover;
}
body.material #header-outer #social-in-menu i {
  font-size: 22px !important;
  height: 100% !important;
  width: auto !important;
}
#header-outer #social-in-menu i {
  margin-left: 10px !important;
}
body.material #header-outer #social-in-menu .fa-youtube-play {
  font-size: 25px !important;
}
#header-outer[data-lhe="animated_underline"]
  nav
  > ul
  > li:not([class*="button_"])
  > a:after {
  border-radius: 200px !important;
  border-top: 3px solid var(--color17) !important;
}

.blog-recent[data-style="minimal"] .col:hover i {
  transform: translateX(0px) !important;
  -webkit-transform: translateX(0px) !important;
}
.one-liner .excerpt {
  -webkit-line-clamp: 1;
}
.one-liner .post {
  height: 284px !important;
}
.one-liner .article-content {
  height: auto !important;
  padding: 0 !important;
  min-height: initial !important;
}
.post-content .one-liner .title {
  line-height: 4px !important;
}
.post-content .one-liner .article-content-wrap {
  height: initial !important;
  min-height: initial !important;
}
.post-content .one-liner .article-content-wrap .read-more {
  bottom: -24px !important;
}
.button-flex .wpb_wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
}
/* SOCIAL SHARING */
#social-sharing-block {
  width: 100%;
  height: 100px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  margin-top: 0px;
  z-index: 99999;
  top: 0px;
  margin-right: 20px;
  right: 0px;
  align-content: center;
}
#social-sharing-block i {
  margin-right: 15px;
  margin-left: 15px;
}
#social-sharing-block .hidden {
  display: none;
}

#social-sharing-block svg {
  width: 20px;
  height: 20px;
  margin-right: 7px;
}
.share-button,
.download-button {
  background-color: var(--color8);
  color: var(--color17) !important;
  border-color: transparent !important;
}
.share-button i,
.download-button i {
  margin-left: 0px !important;
}
#social-sharing-block button,
.button {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  height: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: center;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: 2px;
  text-transform: capitalize;
  text-decoration: none;
  white-space: nowrap;
  border-radius: 4px;
  cursor: pointer;
}
#copyLink {
  height: 42px;
  width: 193px;
  background-color: transparent;
  color: white;
  border: 1px solid #F8F7F3;
  border-radius: 2px;
}

#social-sharing-block button:hover,
#social-sharing-block .button:hover {
  border-color: var(--color17);
}

#social-sharing-block .share-button,
#social-sharing-block .copy-link {
  padding-left: 30px;
  padding-right: 30px;
}

#social-sharing-block .download-button {
  margin-left: 20px;
}
#social-sharing-block .download-button i {
  margin-left: 15px !important;
}
#social-sharing-block .share-dialog {
  display: none;
  width: 95%;
  max-width: 500px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
  z-index: -1;
  border: 1px solid var(--color17);
  padding: 20px;
  padding-bottom: 100px;
  border-radius: 4px;
  background-color: var(--color12);
}
#social-sharing-block .share-dialog {
  width: 30vw;
  background-color: var(--color12);
  top: -140px;
  position: absolute;
}
#social-sharing-block .share-dialog.is-open {
  display: block;
  z-index: 2;
}
#social-sharing-block header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 13px;
}

#social-sharing-block .targets {
  grid-gap: 0px;
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  align-content: center;
  justify-content: center;
  align-items: center;
  justify-items: center;
}
#social-sharing-block .targets a {
  color: var(--color17);
}
#social-sharing-block .targets .download2{
  display:none;
}
#social-sharing-block .targets .facebook:hover {
  color: #4267b2;
}
#social-sharing-block .targets .twitter:hover {
  color: #1da1f2;
}
#social-sharing-block .targets .whatsapp:hover {
  color: #25d366;
}
#social-sharing-block .close-button {
  background-color: transparent;
  border: none;
  padding: 0;
}
#social-sharing-block .close-button svg {
  margin-right: 0;
}
#social-sharing-block .link {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  border-radius: 4px;
  background-color: var(--color12);
}
#social-sharing-block .dialog-title {
  font-size: 24px !important;
}
#social-sharing-block .pen-url {
  margin-right: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#social-sharing-block .link {
  display: none;
}
.mobile-button .aligncenter {
  width: 16px !important;
  height: 16px !important;
  line-height: 10px;
  position: absolute;
  vertical-align: middle;
  top: 0;
  left: 20px;
  bottom: 0;
  right: 0;
  margin: auto 0 !important;
}
.mobile-button {
  padding: 6px !important;
  padding-top: 5px !important;
  padding-bottom: 7px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.mobile-button a {
  margin-left: 25px !important;
}
.imprint h1 {
  font-size: 36px !important;
  line-height: 30px !important;
  font-weight: 500 !important;
  text-transform: initial !important;
}
.imprint h2 {
  font-size: 30px !important;
  line-height: 26px !important;
  font-weight: 300 !important;
  text-transform: initial !important;
  margin-bottom: 10px !important;
  margin-top: 20px !important;
}
.imprint h3 {
  font-size: 24px !important;
  line-height: 24px !important;
  font-weight: 500 !important;
  text-transform: initial !important;
  margin-top: 20px !important;
}
.imprint h4 {
  font-size: 22px !important;
  line-height: 22px !important;
  font-weight: 300 !important;
  text-transform: initial !important;
}
#header-outer[data-format="centered-menu"] #top nav > .sf-menu > li ul {
  background-color: #07080A!important;
}

#header-outer[data-format="centered-menu"] #top .span_9 .sf-menu:not(.buttons) {
	width: 75.2% !important;
}

.image-full-width img {
  width: 100% !important;
}
.video-row .video-trailer {
  width: 50% !important;
}
.mobile-only .video-row .video-trailer {
  margin-bottom: 20px !important;
  margin-top: 20px !important;
  width: 100% !important;
}
.twenty-align .twentytwenty-container.twenty20-1 {
  max-height: 322px !important;
}
.smaller-distance,
.smaller-distance b {
  line-height: 20px !important;
}
.blue-heading {
  font-size:25px!important;
}
@media screen and (max-width:520px){
  .blue-heading {
    font-size:18px!important;
  }
}

.center-button {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  justify-content: center;
  align-items: center;
}
.gradient-left .vc_column-inner {
  justify-content: center !important;
}
.home-releases .col:not(:last-of-type) {
  margin-right: 40px !important;
}

.text-patreon b {
  line-height: 25px !important;
}
.text-patreon {
  margin-top: -4px !important;
}
#slide-out-widget-area .open-submenu > .ocm-dropdown-arrow {
  transform: rotate(180deg) !important;
}
.extend {
  cursor: pointer;
}
.social {
  margin-right: 5px !important;
}

/* Font - Sizes for each Block NEW */
.heading-text h2 {
  font-size: 40px;
  line-height: 53px;
  font-weight: 300;
}
.blog-entry-blog .blog-blog-entries .article-content-wrap {
  height: fit-content !important;
  padding-bottom: 15px !important;
  top: initial !important;
  bottom: 0px !important;
}
.blog-entry-blog .blog-blog-entries .read-more {
  bottom: 0px !important;
}
.blog-entries-block .post-featured-img {
  display: inline-block !important;
  width: 50% !important;
  height: 100% !important;
}
.blog-entries-block .post-featured-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-entries-block .blog-recent[data-style*="classic_enhanced"] .inner-wrap {
  background: transparent !important;
  box-shadow: none;
}
.blog-entries-block .article-content-wrap {
  display: inline-block !important;
  width: 50% !important;
  padding: 0 !important;
  padding-left: 20px !important;
  position: absolute !important;
  background: transparent !important;
  height: 100%;
}

.blog-entries-block .entire-meta-link {
  height: 100% !important;
}
.blog-entries-block .meta {
  font-size: 15px !important;
  line-height: 30px !important;
  color: var(--color5);
  font-weight: 300 !important;
}

.blog-entries-block .title {
  font-size: 25px !important;
  line-height: 30px !important;
  color: var(--color17);
  text-transform: none;
  font-weight: 500 !important;
}

.blog-entries-block .excerpt {
  font-size: 20px !important;
  line-height: 30px !important;
  color: var(--color17) !important;
  font-weight: 300 !important;

  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 150px;
  display: -webkit-box;
}
.blog-entries-block .post {
  min-height: 250px !important;
  max-height: 250px !important;
}
.blog-entries-block .read-more {
  left: 20px;
}
.blog-entries-block .read-more a {
  font-size: 15px !important;
  line-height: 30px !important;
  font-weight: 500 !important;
}

/* DEVLOG */
.devlog-entries-block span {
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 30px !important;
}
.devlog-entries-block .meta span {
  font-weight: 300 !important;
}
.devlog-entries-block .excerpt {
  font-size: 20px !important;
  font-weight: 300 !important;
  line-height: 30px !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 60px !important;
  display: -webkit-box;
}
.devlog-entries-block .col {
  margin-bottom: 15.5px !important;
}
.devlog-entries-block .post-header .title {
  font-size: 25px !important;
  font-weight: 500 !important;
  line-height: 30px !important;
  text-transform: none !important;
}
.devlog-entries-block .post-header .title:before {
  content: "";
  position: absolute;
  background: url("/media/Aufzahlungszeichen-pink.png");
  left: -21px;
  width: 16px;
  height: 16px;
  top: 40px;
  z-index: 1;
}
.devlog-entries-block .col:not(:last-child) .excerpt:before {
  content: "";
  position: absolute;
  height: 175px;
  top: 46px;
  z-index: 0;
  width: 2px;
  background-color: var(--color6);
  left: -14px;
  z-index: 0;
}
.devlog-entries-block .post-header .meta {
  font-size: 15px !important;
  font-weight: 300 !important;
  line-height: 30px !important;
}
.devlog-entries-block .blog-recent {
  padding-left: 20px !important;
}
.guide-row h3 {
  text-transform: none !important;
}
.long-headline {
  font-size: 40px !important;
  line-height: 53px !important;
  font-weight: 300 !important;
}
@media screen and (min-width: 0px) and (max-width: 1000px) {
  .extra-listing .excerpt {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 60px;
    display: -webkit-box;
  }
  .blog-recent[data-style*="classic_enhanced"].columns-3 .span_4 {
    width: calc(100%) !important;
    margin-right: 0px !important;
  }
}

@media only screen and (min-width: 1000px) {
  .blog-recent[data-style*="classic_enhanced"].columns-3 .span_4 {
    margin-bottom: 0px !important;
    width: calc(33% - 40px);
  }
}
@media (min-width: 4024px) {
  .image-compare-column img {
    height: 100% !important;
    width: auto !important;
  }
}
@media (max-width: 1400px) {
  .extra-listing .meta:before {
    margin-top: 24px!important;
  }
  .extra-listing h3.title:before {
    margin-left: -13px !important;
    margin-top: 24px !important;
  }
  .slide-out-widget-area-toggle .close {
    display: none;
  }
/*  .top-level {
    padding-top: 0px !important;
  } */
  .right-side {
    display: -webkit-flex;
    display: flex;
    width: 100% !important;
    position: relative;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: wrap;
    bottom: 0;
    flex-direction: row;
    margin-bottom: 110px !important;
/*    margin-top:150px!important;  */
  }
  /* @media screen and (min-height:700px) {
    .right-side {
      position:absolute!important;
    }
  }
 */
  .blog-entries-style .post-header {
    width: 100%;
    position: absolute;
    top: -30px;
  }
  .blog-entries-style .blog-recent .col.span_3 {
    width: 100% !important;
  }
  .blog-entries-style .blog-recent .col.span_3 .excerpt {
    display: inline;
  }
  .nectar-fancy-ul ul li {
    list-style-image: url("/media/Aufzahlungszeichen-1.png") !important;
  }
  .list-style-items ul li {
    list-style-image: url("/media/Aufzahlungszeichen-1.png") !important;
  }
  #header-outer {
    padding: 0 !important;
  }
  #header-outer[data-transparent-header="true"].transparent
    #logo
    .starting-logo {
    width: auto !important;
    height: 30px !important;
    margin-top: 15px;
  }
  body #header-outer[data-transparent-header="true"].transparent {
    background: var(--color11) !important;
    height: 50px;
  }
  #top .container .row {
    height: 50px;
  }
  #logo:after {
    content: inherit;
  }
  .mobile-only-logo {
    top: 10px !important;
  }
  #header-outer #mobile-menu {
    top: calc(99%) !important;
  }
  ul.off-canvas-social-links:before {
    content: "";
    position: absolute;
    border-top: 5px solid black;
    width: 100% !important;
    width: -moz-available !important; /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
    width: fill-available !important;
    margin-top: -50px;
    border-image-source: var(--color10);
    border-radius: 360px;
 /*   margin-left: 50px; */
    margin-right: 50px;
    border-image-slice: 1;
    border-image-source: linear-gradient(90deg, var(--color3), var(--color4));
  }

	.blog-blog .blog-recent .col {
    margin-bottom: 40px !important;
  }
  .blog-blog .read-more {
    bottom: -35px !important;
  }
  /* FONT MARKER */
  .guide-releases
    .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
    div.excerpt {
    font-size: 12px !important;
    line-height: 15px !important;
    font-weight: 300;
  }
  .guide-releases .post-header .meta {
    font-size: 8px !important;
    line-height: 16px !important;
    font-weight: 300 !important;
  }
  .guide-releases .read-more {
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 500 !important;
    margin-bottom: 5px !important;
    bottom: 0 !important;
  }
  .guide-releases .article-content-wrap {
    height: 130px !important;
  }
  .guide-releases
    .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
    div.article-content-wrap
    h3.title {
    /* FONT MARKER */
    font-size: 15px !important;
    line-height: 0px !important;
    font-weight: 500 !important;
  }
  .help-guides .category-reshade-guides h3.title:before,
  .help-guides .category-shader-guides h3.title:before,
  .help-guides .category-special-guides h3.title:before {
    left: -22px !important;
    top: 16px !important;
  }

  /* FONT MARKER */

  .help-guides .category-reshade-guides h3.title:after,
  .help-guides .category-shader-guides h3.title:after,
  .help-guides .category-special-guides h3.title:after {
    margin-top: -10px !important;
    width: 52px !important;
    left: -74px !important;
  }
  /* FONT MARKER */
  #slide-out-widget-area .off-canvas-social-links li i {
    font-size: 30px !important;
  }
  #social-in-menu {
    display: none !important;
  }
  .video-trailer {
    max-width: 100% !important;
  }
}
@media only screen and (max-width: 1400px) {
  #slide-out-widget-area.fullscreen-split .left-side {
    width: 100%;
    display: flex; 
  }

  .devlog .article-content-wrap {
    padding-bottom: 133px !important;
  }
  .blog-blog-entries .article-content-wrap {
    height: 120px !important;
  }
  .blog-blog-entries .read-more {
    bottom: -25px !important;
  }
  .desktop-only {
    display: none;
  }
  .mobile-only {
    display: block;
  }
  .mobile-only img {
    margin: 0 auto;
  }
  .mobile-only .right-border {
    border-right: none !important;
  }
  .mobile-only .border-bottom {
    border-bottom: 2px solid var(--color6);
  }
  .right.img-with-aniamtion-wrap img {
    display: block;
  }
  .frontpage-header {
    height: 271px !important;
  }
  .extra-listing .meta:before {
    background: url(/media/Aufzahlungszeichen-1.png) no-repeat !important;
    margin-left: -20px !important;
    top: 0px !important;
  }
  .span_2 {
    width: 14%;
  }
  .blog-entries-block {
    width: 100% !important;
  }
  .devlog-entries-block {
    width: 100% !important;
  }
  .changelog-logs-block {
    width: 100% !important;
  }
}

@media (max-width: 1310px) {
  /* FONT MARKER */
  .blog-entries-styling .excerpt {
    font-size: 15px !important;
  }

  .gradient-left .vc_column-inner:after {
    height: 100% !important;
    height: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
    height: fill-available !important;
  }
  /* FONT MARKER */
  .button-patreon {
    display: flex;
    padding: 10px 20px !important;
/*    padding-left: 37px !important; */
    font-size: 16px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    width: 200px !important;
    line-height: 24px !important;
    margin: 0 auto !important;
  }
/*  .button-patreon span:before {
    top: 3px !important;
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    left: -20px;
    background-attachment: fixed;
    background-size: 100%;
    background-position: center;
    background-image: url(/media/Digital-Patreon-Logo_White.png);
  } */
  .home-releases .home-blog img {
    /*height: 236px !important;*/
    width: 100% !important;
    object-fit: cover !important;
  }
  #social-in-menu {
    position: absolute !important;
    right: 100px !important;
    top: 27px !important;
  }
}
@media (max-width: 1200px) {
  #social-sharing-block .dialog-title {
    font-size: 16px !important;
  }
}
@media (max-width: 1100px) {
  .new-header {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: stretch;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    margin-top: 40px;
  }
  /* FONT MARKER */
  .new-header .new-heading-title {
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 0px;
  }
  /* FONT MARKER */
  
  body.material .nectar-button.medium {
    width: initial !important;
  }
  #header-outer[data-transparent-header="true"].transparent
    #logo
    .starting-logo:not(.mobile-only-logo) {    
    height: 80% !important;
	width: 80% !important;
    margin-top: 5px !important;
  }
}
@media only screen and (max-width: 1000px) {
  .zoom {
    display: none;
  }
  .video-adjustment .video-meta-container {
    bottom: 6px !important;
  }
  .home-video .video-trailer .inner-wrap {
    height: 350px !important;
  }
  .blog-video .video-meta-container {
    margin-bottom: 0px !important;
  }
  .blog-entries-block .read-more {
    left: 0px !important;
  }
  .blog-entries-block .post-featured-img {
    width: 100% !important;
    max-height: 196px !important;
    display: block !important;
  }
  .blog-entries-block .article-content-wrap {
    width: 100% !important;
    padding-left: 0px !important;
    height: auto !important;
  }
  .blog-entries-block .post .inner-wrap {
    margin-bottom: 0 !important;
  }
  .blog-entries-block .post {
    min-height: 440px !important;
  }
  .blog-entries-block .col {
    margin-bottom: 12px !important;
  }
  .devlog-entries-block .col {
    margin-bottom: 12px !important;
  }
  .devlog-entries-block .col:not(:last-child) .excerpt:before {
    height: 175px !important;
  }
}
@media screen and (max-width: 1000px) {
  .video-row .video-trailer .inner-wrap {
    max-height: 321.75px !important;
  }
  .video-row .video-trailer {
    width: 100% !important;
    margin-bottom: 40px !important;
  }
}
@media (max-width: 768px) {
  .devlog-entries-block .col:not(:last-child) .excerpt:before {
    height: 175px !important;
  }
  .default-logo {
    display: none !important;
  }
  .ocm-dropdown-arrow {
    margin-right: 5px !important;
  }

  .button_solid_color_2 {
    display: none !important;
  }
  .home-releases
    .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
    div.excerpt {
    padding: 0 !important;
  }
  .video-trailer .inner-wrap {
    height: auto !important;
    max-height: 176px !important;
  }
  .vc_custom_1643705823275 {
    margin-top: 0px !important;
  }
  #ctf {
    max-height: 420px !important;
  }
  .nectar-fancy-ul ul li {
    margin-bottom: 0px !important;
  }
  .testimonial_slider .flickity-page-dots {
    bottom: -50px !important;
  }
  .changelog-projects .wpb_row > .span_12 > .column_container:last-child {
    margin-left: 0px !important;
  }
  .extra-gradient-line-left:after {
    margin-top: 0px !important;
  }
  .extra2-gradient-line-left:after {
    margin-top: 0px !important;
  }
  .video-trailer {
    margin-top: 20px !important;
    margin-bottom: 0px !important;
  }
  .video-row {
    margin-bottom: 0px !important;
  }
  .video-row .video-trailer {
    width: 685px !important;
  }
  .patreon-header hr {
    width: 100% !important;
    width: -moz-available !important; /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
    width: fill-available !important;
  }
  .hover-wrap-inner .image-adjust {
    width: 75px !important;
    height: 75px !important;
  }
  .blog-releases
    .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
    div.article-content-wrap
    .excerpt {
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 30px !important;
    display: -webkit-box;
  }
  .help-guides .excerpt,
  .post .excerpt {
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 80px !important;
    display: -webkit-box;
  }
  .mobile-only .video-trailer {
    margin-top: 0px !important;
  }
}
@media only screen and (max-width: 768px) {
  .blog-entries-block .post .excerpt {
    -webkit-line-clamp: 5 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 150px !important;
    display: -webkit-box;
    margin-top: 10px !important;
  }
}
@media only screen and (max-width: 700px) {
  .modal-content {
    width: 100%;
  }
  .blog-entries-style .blog-recent .col.span_3 .excerpt {
    padding-bottom: 25px;
  }
  .blog-entries-style .post a {
    width: 100% !important;
  }
  .read-more {
    position: absolute;
    left: 0;
    left: inherit !important;
  }
}
@media only screen and (max-width: 690px) {
  .blog-blog-entries .post:before {
    left: 0px;
    bottom: 0px;
  }
  .video-adjustment .video-meta-container {
    bottom: 2px !important;
  }
  .devlog {
    margin-top: 0px !important;
  }
  .extra-accordeon .col {
    margin-bottom: 0px !important;
  }
}
@media screen and (max-width: 690px) {
  .home-video .video-trailer .inner-wrap {
    height: 321.75px !important;
  }
}
/* FONT MARKER */
@media only screen and (max-width: 600px) {
  .patreon-content .discord-include {
    font-size: 17px;
  }
}
/* Mobile sizes (Fonts etc.) */
@media screen and (max-width: 520px) {
  .extra-accordeon .post:not(:first-child) {
    margin-top: -18px !important;
  }
  .extra-accordeon .blog-recent[data-style="minimal"] .col > span {
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
  }
  .guide-row .category-reshade-guides .excerpt,
  .guide-row .category-shader-guides .excerpt,
  .guide-row .category-special-guides .excerpt {
    font-size: 10px !important;
    font-weight: 300 !important;
    line-height: 15px !important;
  }
  .guide-row .category-reshade-guides .post-header h3,
  .guide-row .category-shader-guides .post-header h3,
  .guide-row .category-special-guides .post-header h3 {
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 17px !important;
  }
  .help-guides
    .col:not(.category-reshade):not(.category-shader):not(.category-special):before {
    /*left: -36px !important;*/
    top: -75px;
  }
  .help-guides .blog-recent .col {
    margin-bottom: 0px !important;
  }
  #top .container {
    max-width: 90% !important;
  }
  .column-adjust {
    margin-bottom: 35px !important;
  }
  .gradient-bottom .vc_column-inner:before {
    height: 5px !important;
  }
  .quint-row b,
  .tier-row b {
    font-size: 15px !important;
  }
  .extra-gradient-line-left {
    font-size: 20px !important;
    line-height: 26px !important;
  }
  .changelogs-logs .blog-recent[data-style="minimal"] .col > span {
    margin-bottom: 20px !important;
    font-size: 12px !important;
    line-height: 15px !important;
    font-weight: 500 !important;
  }
  .changelog-projects .meta {
    font-size: 8px !important;
  }
  .changelog-projects .excerpt {
    font-size: 12px !important;
  }

  .devlog .excerpt {
    line-height: 15px !important;
  }
  .devlog .post-header .meta {
    font-size: 8px !important;
  }
  .blog-entries-styling .excerpt {
    font-size: 15px !important;
  }
  .extra-listing h3.title {
    font-size: 15px !important;
    line-height: 18px !important;
  }
  .devlog .excerpt {
    font-size: 12px !important;
  }
  .guide-row .post-header .meta,
  .guide-row .post-header .meta a {
    font-size: 8px !important;
  }
  .guide-row .post-header h3 {
    font-size: 15px !important;
  }
  .guide-row .excerpt {
    font-size: 12px !important;
    line-height: 18px !important;
  }
  .video-meta-container .meta-title {
    font-size: 12px !important;
  }
  .video-meta-container .meta-date {
    font-size: 8px !important;
  }
  .category-reshade-guides:before,
  .category-shader-guides:before,
  .category-special-guides:before {
    width: 23px;
    margin-left: -38px;
  }
  .blog-recent[data-style="minimal"] .col a {
    width: 100%;
  }
  .video-meta-container .meta-date {
    margin-top: 7px;
    line-height: 8px;
  }
  .video-meta-container .meta-title {
    margin-top: 4px;
    line-height: 12px;
  }
  .video-meta-container {
    height: 35px;
  }
}
.extra-listing .blog-recent .col h3.title {
  margin-bottom: 10px !important;
}
@media only screen and (max-width: 520px) {
  .video-row .video-trailer .inner-wrap {
    max-height: 160px !important;
  }
  .extra-listing .blog-recent .col {
    margin-bottom: 0px !important;
  }
  .extra-listing .blog-recent .col .meta:before {
    margin-top: 9px !important;
  }
  .extra-listing .blog-recent .col h3.title:before {
    margin-top: 16px !important;
  }
  .blog-entries-block .read-more a {
    font-size:12px!important;
  }
  .blog-entries-block .excerpt {
    font-size: 15px !important;
    font-weight: 300 !important;
    line-height: 20px !important;
  }
  .blog-entries-block .post-header .title {
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 15px !important;
    margin-top:-5px!important;
    margin-bottom:10px;
  }
  .blog-entries-block .post-header .meta {
    font-size: 8px !important;
    font-weight: 300 !important;
    line-height: 30px !important;
  }
  .blog-entries-block .post {
    min-height: 380px !important;
  }
  .long-headline {
    font-size: 22px !important;
    line-height: 29px !important;
    font-weight: 300 !important;
  }
  .devlog-entries-block .post-header span {
    font-size: 8px !important;
    font-weight: 300 !important;
    line-height: 30px !important;
  }
  .devlog-entries-block .col:not(:last-child) .excerpt:before {
    height: 130px !important;
  }
  .devlog-entries-block .excerpt {
    font-size: 12px !important;
    font-weight: 300 !important;
    line-height: 20px !important;
  }
  .devlog-entries-block .post-header .title {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 18px !important;
  }
  .devlog-entries-block .post-header .meta {
    font-size: 8px !important;
    font-weight: 300 !important;
    line-height: 30px !important;
    height: 20px !important;
  }
}
@media screen and (max-width: 520px) {
  #ctf {
    max-height: 178px !important;
  }
  #ctf .ctf-author-name {
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 16px !important;
  }
  #ctf .ctf-tweet-text {
    font-size: 10px !important;
    font-weight: 300 !important;
    line-height: 13px !important;
  }
  #ctf .ctf-author-screen-name {
    font-size: 9px !important;
    font-weight: 300 !important;
    line-height: 11px !important;
  }
  #ctf .ctf-author-tweet-date {
    font-size: 9px !important;
    font-weight: 300 !important;
    line-height: 11px !important;
  }
  .gradient-bottom:before {
    margin-left: 3px;
    margin-right: 3px;
  }
  .mobile-extra-margin {
    margin-bottom: 15px !important;
  }
  .mobile-extra-margin {
    margin-bottom: 15px !important;
  }
}
.big-text {
  font-weight: 500 !important;
}
@media screen and (max-width: 520px) {
  body[data-col-gap="30px"] .vc_row-fluid .wpb_column {
    padding-left: 30px;
    padding-right: 30px;
  }
  .home-releases .excerpt {
    -webkit-line-clamp: 3;
  }
  .excerpt {
    margin-top: 20px !important;
  }
  .home-releases
    .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
    div.article-content-wrap {
    margin: 10px !important;
    margin-top: 0px !important;
  }
  /* Schriftgrößen */
  h1 {
    font-size: 25px !important;
    line-height: 33px !important;
  }
  h2 {
    font-size: 25px !important;
    line-height: 33px !important;
  }
  .big-text {
    font-weight: 500 !important;
  }
  h3 {
    font-size: 18px !important;
    line-height: 20px !important;
  }
  h4 {
    font-size: 18px !important;
    line-height: 30px !important;
  }
  p {
     /* VORHER 12px */
    font-size: 15px !important;
    line-height: 20px !important;
  }
  li {
    font-size: 12px !important;
    line-height: 20px !important;
  }
  .image-button a {
    font-size: 16px !important;
    font-weight: 500 !important;
  }
  .modded-text {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 30px !important;
  }
  .home-blog
  .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
  div.article-content-wrap
  .excerpt {
    margin-top:0px!important;
  }
  
  .home-blog
    .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
    div.article-content-wrap
    h3.title {
    font-size: 18px !important;
    line-height: 20px !important;
  }
  .home-blog .post-header .meta {
    font-size: 8pt !important;
    line-height: 16px !important;
  }
  .home-blog .excerpt {
    font-size: 15px !important;
    line-height: 20px !important;
  }
  .nectar-button.image-button {
    line-height: 20px !important;
  }
  .patreon-header .tier {
    font-size: 20px !important;
    line-height: 30px !important;
  }
  .patreon-header .price {
    font-size: 25px !important;
    line-height: 30px !important;
  }
  .patreon-header .monthly {
    font-size: 10px !important;
    line-height: 30px !important;
  }
  .patreon-content .list-entry {
    margin-top: 5px !important;
  }
  .discord-include {
    font-size: 12px !important;
    line-height: 16px !important;
    font-style: italic;
  }
  strong {
    font-weight: 500 !important;
  }
}
@media (max-width: 425px) {
  .heading-text h2 {
    font-size: 22px !important;
    line-height: 29px !important;
    font-weight: 300 !important;
  }
}
#top .span_9 > .slide-out-widget-area-toggle,
#top #mobile-cart-link,
#top .mobile-search,
#header-outer #top .mobile-user-account {
  padding: 0px !important;
}
.invis {
  display: none;
}
/* FONT SIZES */
#slide-out-widget-area .inner .off-canvas-menu-container li a {
  font-weight: 500 !important;
}
body .testimonial_slider blockquote span {
  font-size: 15px !important;
}
.help-guides
  .col:not(.category-reshade):not(.category-shader):not(.category-special):before {
    content: " ";
    position: absolute;
    left: -74px;
    top: 25px;
    z-index: 2;
    width: 50px;
    opacity: 1;
    height: 2px;
    background-color: var(--color6);
 
  }
  @media screen and (max-width:1400px) {
    .help-guides
    .col:not(.category-reshade):not(.category-shader):not(.category-special):before {
      left: -74px;
      top: 23px;
      width: 53px;
    } 
  }
  @media screen and (max-width:520px) {
    .help-guides
    .col:not(.category-reshade):not(.category-shader):not(.category-special):before {
      left: -74px;
      top: 23px!important;
      width: 53px;
    } 
  }
@media screen and (max-width: 520px) {
  .opened-accordeon .post {
    margin-bottom: 15px !important;
  }
  .help-guides
    .col:not(:nth-last-of-type(1)):not(.category-reshade):not(.category-shader):not(.category-special):before {
    content: "";
    position: absolute;
    left: -74px;
    top: 22px;
    z-index: 2;
    width: 2px;
    opacity: 1;
    border-left: 1px solid #5d5f62;
    width: 52px;
  }
}
.blog-entries-block.invis {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.devlog-entries-block {
  padding-left: 0px !important;
}
@media (max-width: 1000px) {
  .devlog-entries-block.invis:before {
    left: 5px;
  }
}
@media (max-width: 690px) {
  .devlog-entries-block.invis:before {
    height: 188px;
    top: -146px;
  }
}
.blog-releases
  .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
  .post-featured-img {
  max-height: 180px !important;
}
.blog-releases
  .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
  div.article-content-wrap
  h3.title {
  font-size: 20px !important;
  line-height: 0px !important;
  font-weight: 500 !important;
}
.blog-releases
  .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
  div.excerpt {
  font-size: 15px !important;
  line-height: 30px !important;
  font-weight: 300 !important;
}
.blog-releases .post-header .meta {
  font-size: 10px !important;
  line-height: 30px !important;
  font-weight: 300 !important;
}
.blog-releases
  .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
  div.article-content-wrap {
  margin: 10px !important;
}
.blog-releases
  .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
  div.article-content-wrap
  .excerpt {
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 30px;
  display: -webkit-box;
}
.blog-releases
  .blog-recent[data-style*="classic_enhanced"]
  .article-content-wrap {
  height: 100px !important;
}
.image-fit-to-row .vc_column-inner,
.image-fit-to-row .column-bg-overlay-wrap,
.image-fit-to-row .wpb_wrapper,
.image-fit-to-row .img-with-aniamtion-wrap,
.image-fit-to-row .inner,
.image-fit-to-row .hover-wrap,
.image-fit-to-row .hover-wrap-inner,
.image-fit-to-row .hover-wrap-inner img {
  height: 100%;
}
.image-fit-to-row .hover-wrap-inner img {
  object-fit: cover !important;
}
.home-blog .read-more span {
  font-size: 15px !important;
}
@media screen and (max-width: 520px) {
  .home-blog .read-more span {
    font-size: 12px !important;
  }
  .blog-releases
    .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
    div.article-content-wrap
    h3.title {
    font-size: 15px !important;
    line-height: 0px !important;
    font-weight: 500 !important;
  }
  .blog-releases
    .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
    div.article-content-wrap
    .excerpt {
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    max-height: 30px !important;
    display: -webkit-box !important;
  }
  .blog-releases
    .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
    div.excerpt {
    font-size: 10px !important;
    line-height: 15px !important;
    font-weight: 300 !important;
    margin-top: 15px !important;
  }
  .blog-releases .post-header .meta {
    font-size: 8px !important;
    line-height: 30px !important;
    font-weight: 300 !important;
  }
  .blog-releases .read-more {
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 500 !important;
    margin-top: 5px !important;
  }
}
.blog-recent[data-style*="classic_enhanced"]
  .inner-wrap:hover
  .post-featured-img
  img {
  transform: scale(1);
  -webkit-transform: scale(1);
}
.nectar-flickity[data-controls*="arrows_overlaid"]
  .flickity-prev-next-button
  svg {
  width: 26px !important;
  height: 30px !important;
}
.nectar-flickity.nectar-carousel[data-column-padding="50px"] .inner-wrap {
  padding: 40px 50px !important;
}
.testimonial-slider .nectar-flickity {
  margin-bottom: -20px !important;
}
.testimonial-slider .is-selected[aria-selected="true"]:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 0% !important;
  top: 0;
  background-color: var(--color6);
  margin-top: 6%;
}
.testimonial-slider .is-selected[aria-selected="true"]:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 0% !important;
  top: 0;
  background-color: var(--color6);
  margin-top: 6%;
  right: 0;
}
@media only screen and (min-width: 1000px) and (max-width: 1300px) {
  .testimonial-slider
    .is-selected[aria-selected="true"]:nth-child(2n + 2):before {
    content: "";
    position: absolute;
    width: 1px;
    height: 65% !important;
    top: 0;
    left: -30px;
    background-color: var(--color6);
    margin-top: 40px;
  }
}
@media (min-width: 1300px) {
  .testimonial-slider .is-selected[aria-selected="true"]:nth-child(3n + 1) {
    padding-left: 100px !important;
  }
  .testimonial-slider .is-selected[aria-selected="true"]:nth-child(3n + 2) {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .testimonial-slider .is-selected[aria-selected="true"]:nth-child(3n + 3) {
    padding-right: 100px !important;
  }
  .testimonial-slider
    .is-selected[aria-selected="true"]:nth-child(3n + 1)
    .inner-wrap,
  .testimonial-slider
    .is-selected[aria-selected="true"]:nth-child(3n + 3)
    .inner-wrap {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .testimonial-slider .testimonial-username p {
    color: var(--color5);
    font-size: 15px !important;
  }
  .testimonial-slider
    .is-selected[aria-selected="true"]:nth-child(3n + 2):before {
    /*content: "";
    position: absolute;
    width: 1px;
    height: 64% !important;
    top: 0;
    background-color: var(--color6);
    margin-top: 6%;*/
    content: "";
    position: absolute;
    width: 1px;
    height: 64% !important;
    top: 0;
    background-color: var(--color6);
    /* margin-top: 6%; */
    top: 47%;
    height: 150px!important;
    margin-top: -75px;
    
  }
  .testimonial-slider
    .is-selected[aria-selected="true"]:nth-child(3n + 2):after {
    /*content: "";
    position: absolute;
    width: 1px;
    height: 64% !important;
    top: 0;
    background-color: var(--color6);
    margin-top: 6%;
    right: 0;*/

    content: "";
    position: absolute;
    width: 1px;
    height: 64% !important;
    top: 0;
    background-color: var(--color6);
    /* margin-top: 6%; */
    top: 47%;
    height: 150px!important;
    margin-top: -75px;
    right:0;
  }
}
.nectar-flickity[data-controls*="arrows_overlaid"]
  .flickity-prev-next-button:before {
  background-color: transparent !important;
}
.nectar-flickity[data-controls*="arrows_overlaid"]
  .flickity-prev-next-button
  .arrow {
  fill: var(--color5) !important;
}
.nectar-flickity[data-controls*="arrows_overlaid"] .previous:after,
.nectar-flickity[data-controls*="arrows_overlaid"] .next:after {
  background-color: transparent !important;
}
.testimonial-slider .testimonial-username p {
  color: var(--color5);
}
.nectar-flickity[data-controls*="arrows_overlaid"]
  .flickity-prev-next-button.previous {
  left: 0px !important;
}
.nectar-flickity[data-controls*="arrows_overlaid"]
  .flickity-prev-next-button.next {
  right: 0px !important;
}
#copyright {
  height: 50px !important;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.guide-row.extra-accordeon .opened-accordeon h3.title {
  height: 30px;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 30px;
  display: -webkit-box;
}
@media (min-width: 521px) and (max-width: 690px) {
  .guide-row.extra-accordeon .opened-accordeon .excerpt:after {
    height: 122px !important;
  }
}
@media (min-width: 690px) and (max-width: 999px) {
  .guide-row.extra-accordeon .opened-accordeon .excerpt:after {
    height: 122px !important;
  }
}
#copyright .container {
  max-width: 1550px !important;
  padding: 0px !important;
  padding-left: 90px !important;
  padding-right: 90px !important;
}
@media only screen and (min-width: 1000px) {
  #copyright .container {
    max-width: 1550px !important;
    padding: 0px !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}
@media (max-width: 1650px) {
  #copyright .container {
    padding-left: 90px !important;
    padding-right: 90px !important;
  }
}
#copyright .container .col:not(.col_last) p {
  text-align: left;
}
.nectar-flickity[data-controls*="arrows_overlaid"]
  .flickity-prev-next-button.next,
.nectar-flickity[data-controls*="arrows_overlaid"]
  .flickity-prev-next-button.previous {
  top: calc(50% - 25px);
}
@media only screen and (max-width: 1000px) {
  .link-row .full-gradient-border {
    width: 100% !important;
  }
  .link-row .wpb_column.child_column.left_margin_20px {
    margin-left: 0px !important;
  }
  .link-row .wpb_column.child_column.right_margin_20px {
    margin-right: 0px !important;
  }
  #copyright .container {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #copyright .col {
    margin-bottom: 0px !important;
  }
  #copyright {
    height: 80px !important;
  }
  #copyright .col.span_5 {
    margin-bottom: 10px !important;
  }
  #copyright .container .col.span_5 {
    width: 100% !important;
  }
}
.hover-zoom .vc_column-inner .wpb_wrapper .blog-recent .col:hover {
  transform: scale(1.02);
  transition: all 0.3s ease-in-out;
}
.blog-hover .inner-wrap:hover .read-more span {
  filter: brightness(1.5);
}
.blog-hover-color .inner-wrap:hover .meta,
.blog-hover-color .inner-wrap:hover .read-more span,
.devlog-entries-block .post:hover span,
.changelogs-logs .post:hover span,
.blog-hover-color .post span:hover {
  filter: brightness(1.5);
}
.youtube-embed .vc_column-inner:after {
  bottom: 5px;
}
.logo-spacing {
  display: none;
}
ul.sf-menu.sf-js-enabled {
  width: 75.2% !important;
}
.wpb_text_column a {
  font-size: 20px !important;
}
@media (max-width: 520px) {
  .wpb_text_column a {
    font-size: 15px !important;
  }
}
a:any-link:not(.social-link-bar a):not(figure a):not(.image-link):not(#logo):not(.nectar-button):hover {
  filter: brightness(1.5);
}

a.more-button {
  font-size: 20px !important;
  line-height: 20px !important;
  font-weight: 500 !important;
  margin-right: 10px;
}
a.visit-gallery {
  font-size: 15px !important;
  line-height: 20px !important;
  font-weight: 300 !important;
  margin-right: 68px;
}
a.show-all {
  font-size: 15px !important;
  line-height: 30px !important;
  font-weight: 300 !important;
}
@media (max-width: 520px) {
  a.show-all {
    font-size: 10px !important;
    line-height: 13px !important;
    font-weight: 300 !important;
  }
  a.visit-gallery {
    font-size: 12px !important;
    line-height: 13px !important;
    font-weight: 300 !important;
    margin-right:51px!important;
  }
  a.more-button {
    font-size: 10px !important;
    line-height: 13px !important;
    font-weight: 500 !important;
  }
}

.special-patreon-break-mobile {
  display: none;
}
.special-patreon-break-desktop {
  display: block;
}
@media (min-width: 1000px) and (max-width: 1400px) {
  .grid-row-patreon .row_col_wrap_12_inner {
    display: grid!important;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    column-gap: 40px;
    row-gap: 0px;
  }
  .grid-row-patreon .row_col_wrap_12_inner .vc_col-sm-4, .grid-row-patreon .row_col_wrap_12_inner .vc_col-sm-8 {
    width:100%;
  }
  
}
@media screen and (max-width:999px) {
  .special-break-image-text .wpb_column img {
    max-height: 350px !important;
  }
  
}
@media (max-width: 1400px) {
  
  .special-patreon-break-mobile .full-gradient-border {
    margin-bottom: 30px !important;
  }
  .special-patreon-break-mobile img {
    margin: 0 auto;
  }
  .special-patreon-break-mobile .tier {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .special-patreon-break-mobile {
    display: block;
  }
  .special-patreon-break-desktop {
    display: none;
  }
}
.image-within-text {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 0px;
}
.left-right .image-within-text .image-content {
  grid-area: 1 / 1 / 2 / 2;
}
.left-right .image-within-text .image-content img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.left-right .image-within-text .text-content {
  grid-area: 1 / 2 / 2 / 3;
}
.right-left .image-within-text .image-content {
  grid-area: 1 / 2 / 2 / 3;
}
.right-left .image-within-text .image-content img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.right-left .image-within-text .text-content {
  grid-area: 1 / 1 / 2 / 2;
}
.tablet-image-modifier img {
  width: 100% !important;
}
@media (max-width: 1400px) {
  #slide-out-widget-area .ocm-dropdown-arrow {
    right: 10px !important;
  }
  .left-side .off-canvas-menu-container .button_solid_color_2 {
    display: none !important;
  }
}
@media (max-width: 1000px) {
  .default-logo {
    display: none !important;
  }
  .extra-listing h3.title:before {
    height: 100% !important;
  }
  .image-within-text {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(1, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .left-right .image-within-text .image-content,
  .right-left .image-within-text .image-content {
    margin-bottom: 30px;
    grid-area: 1 / 1 / 2 / 2;
  }
  .left-right .image-within-text .text-content,
  .right-left .image-within-text .text-content {
    grid-area: 2 / 1 / 3 / 2;
  }
}
@media (max-width: 520px) {
  .new-author-date,
  .new-author-date a {
    font-size: 10px;
    font-weight: 300;
    text-transform: uppercase;
    pointer-events: none;
    color: var(--color5);
  }
  .devlog-entries-block .post-header .title:before {
    top: 23px;
  }
  .devlog-entries-block .col:not(:last-child) .excerpt:before {
    top: 30px !important;
  }
  .devlog-entries-block.invis:before {
    height: 149px !important;
    left: 3px !important;
    top: -121px !important;
  }
  .extra2-gradient-line-left {
    font-size: 20px !important;
    line-height: 26px !important;
  }
  .home-blog .read-more {
    margin-top: 2px !important;
  }
  .extra-listing h3.title:before {
    height: 100% !important;
  }
  .link-row .full-gradient-border {
    height: auto !important;
    padding-bottom: 10px !important;
  }
}
.no-padding-blog div.excerpt {
  padding-bottom: 0px !important;
}
.unordered-list .vc_col-sm-6 {
  width: 50% !important;
}
@media (max-width: 690px) {
  .divider-small-border {
    width: 80% !important;
  }
}
.ytp-cued-thumbnail-overlay:after {
  content: "";
  background-color: red;
  width: 100%;
  position: absolute;
  height: 2px;
  bottom: 0;
}
/* HIDE Hamburger Elements */
/*@media screen and (max-height: 750px) {
  .right-side {
    display: none !important;
  }
  .left-side .off-canvas-menu-container .button_solid_color_2 {
    display: block !important;
  }
}*/
@media screen and (min-width: 1000px) and (max-width: 1400px) {
  #header-outer[data-transparent-header="true"].transparent
    #logo
    .starting-logo {
    height: 80% !important;
    margin-top: 5px !important;
  }
  .guides-mobile .article-content-wrap {
    height: 190px !important;
  }
  .full-width-image {
    width: 100%;
    max-height: 300px !important;
    object-fit: cover !important;
  }
}
.image-compare-column {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center !important;
  justify-content: center !important;
  align-items: center !important;
}
.before-after-image-scaler {
  max-width: 60% !important;
  margin: 0 auto;
}
@media screen and (max-width: 1400px) {
  .before-after-image-scaler {
    max-width: 100% !important;
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .guides-mobile .article-content-wrap {
    height: 150px !important;
  }
}
@media (max-width: 520px) {
  .guides-mobile .article-content-wrap {
    height: 125px !important;
  }
}
@media (max-width:1333px) {
  .home-releases .col:not(:last-of-type) {
    margin-right:0px!important;
  }
}
.column-breaker .blog-recent {
  display:grid!important;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  column-gap: 40px;
  row-gap: 40px;
  justify-items:center;
}
.column-breaker .blog-recent .col:nth-child(1) {
  justify-self:right;
  width:420px!important;
  grid-area: 1 / 1 / 2 / 2;
  margin-right:0px!important;
  margin:0!important
}
.column-breaker .blog-recent .col:nth-child(2) {
  width:420px!important;
  grid-area: 1 / 2 / 2 / 3;
  margin-right:0px!important;
  margin:0 !important;
}
.column-breaker .blog-recent .col:nth-child(3) {
  width:420px!important;
  grid-area: 1 / 3 / 2 / 4; 
  margin-right:0px!important;
  margin:0 !important;
  justify-self:left;
}
.column-breaker .blog-recent .col:nth-child(4) {
  justify-self:right;
  width:420px!important;
  grid-area: 2 / 1 / 3 / 2; 
  margin-right:0px!important;
  margin:0 !important;
}
.column-breaker .blog-recent .col:nth-child(5) {
  width:420px!important;
  grid-area: 2 / 2 / 3 / 3;
  margin-right:0px!important;
  margin:0 !important;
}
.column-breaker .blog-recent .col:nth-child(6) {
  width:420px!important;
  grid-area: 2 / 3 / 3 / 4;
  margin-right:0px!important;
  margin:0 !important;
  justify-self:left;
}
@media (max-width:1667px) {
  .column-breaker {
    margin-bottom:0px!important;
  }
  .column-breaker .blog-recent {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    column-gap: 40px;
    row-gap: 40px;
    justify-items:center;
  }
  .column-breaker .blog-recent .col:nth-child(1) {
    grid-area: 1 / 1 / 2 / 2;
    width:420px!important;
    justify-self:right;
  }
  .column-breaker .blog-recent .col:nth-child(2) {
    width:420px!important;
    grid-area: 1 / 2 / 2 / 3;
    justify-self:left;
  }
  .column-breaker .blog-recent .col:nth-child(3) {
    width:420px!important;
    grid-area: 2 / 1 / 3 / 2;
    justify-self:right;
  }
  .column-breaker .blog-recent .col:nth-child(4) {
    width:420px!important;
    grid-area: 2 / 2 / 3 / 3;
    justify-self:left;
  }
  .column-breaker .blog-recent .col:nth-child(5) {
    width:420px!important;
    grid-area: 3 / 1 / 4 / 2;
    justify-self:right;
  }
  .column-breaker .blog-recent .col:nth-child(6) {
    width:420px!important;
    grid-area: 3 / 2 / 4 / 3;
    justify-self:left;
  }
}
@media (max-width:1000px) {
  .column-breaker {
    margin-bottom:-40px!important;
  }
  .column-breaker .blog-recent {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(6, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-items:center;
  }
  .column-breaker .blog-recent .col:nth-child(1) {
    width:420px!important;
    grid-area: 1 / 1 / 2 / 2;
    margin:0!important;
    justify-self:center;
  }
  .column-breaker .blog-recent .col:nth-child(2) {
    width:420px!important;
    grid-area: 2 / 1 / 3 / 2;
    position:relative;
    margin:0!important;
    justify-self:center;
  }
  .column-breaker .blog-recent .col:nth-child(3) {
    width:420px!important;
    grid-area: 3 / 1 / 4 / 2;
    margin:0!important;
    justify-self:center;
  }
  .column-breaker .blog-recent .col:nth-child(4) {
    width:420px!important;
    grid-area: 4 / 1 / 5 / 2;
    position:relative;
    margin:0!important;
    justify-self:center;
  }
  .column-breaker .blog-recent .col:nth-child(5) {
    width:420px!important;
    grid-area: 5 / 1 / 6 / 2;
    margin:0!important;
    justify-self:center;
  }
  .column-breaker .blog-recent .col:nth-child(6) {
    width:420px!important;
    grid-area: 6 / 1 / 7 / 2;
    position:relative;
    margin:0!important;
    justify-self:center;
  }
}
@media (max-width:479px) {
  .column-breaker .blog-recent .col:nth-child(1),.column-breaker .blog-recent .col:nth-child(2),.column-breaker .blog-recent .col:nth-child(3),.column-breaker .blog-recent .col:nth-child(4),.column-breaker .blog-recent .col:nth-child(5),.column-breaker .blog-recent .col:nth-child(6) {
    width:320px!important;
  }
}
.column-breaker .post-featured-img img {
  height:357px!important;
}
.home-blog {
  max-width:1440px!important;
}
.column-breaker-three .blog-recent {
  display:grid!important;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  column-gap: 40px;
  row-gap: 40px;
  justify-items:center;
}
.column-breaker-three .blog-recent .col:nth-child(1) {
  justify-self:right;
  width:420px!important;
  grid-area: 1 / 1 / 2 / 2;
  margin-right:0px!important;
  margin:0!important
}
.column-breaker-three .blog-recent .col:nth-child(2) {
  width:420px!important;
  grid-area: 1 / 2 / 2 / 3;
  margin-right:0px!important;
  margin:0 !important;
}
.column-breaker-three .blog-recent .col:nth-child(3) {
  width:420px!important;
  grid-area: 1 / 3 / 2 / 4; 
  margin-right:0px!important;
  margin:0 !important;
  justify-self:left;
}
@media (max-width:1667px) {
  .column-breaker-three .blog-recent {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    column-gap: 40px;
    row-gap: 40px;
    justify-items:center;
  }
  .column-breaker-three .blog-recent .col:nth-child(1) {
    grid-area: 1 / 1 / 2 / 2;
    width:420px!important;
    justify-self:right;
  }
  .column-breaker-three .blog-recent .col:nth-child(2) {
    width:420px!important;
    grid-area: 1 / 2 / 2 / 3;
    justify-self:left;
  }
  .column-breaker-three .blog-recent .col:nth-child(3) {
    width:420px!important;
    grid-area: 2 / 1 / 3 / 2;
    justify-self:right;
  }
}
@media (max-width:1000px) {
  .column-breaker-three {
    margin-bottom:-40px!important;
  }
  .column-breaker-three .blog-recent {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-items:center;
  }
  .column-breaker-three .blog-recent .col:nth-child(1) {
    width:420px!important;
    grid-area: 1 / 1 / 2 / 2;
    margin:0!important;
    justify-self:center;
  }
  .column-breaker-three .blog-recent .col:nth-child(2) {
    width:420px!important;
    grid-area: 2 / 1 / 3 / 2;
    position:relative;
    margin:0!important;
    justify-self:center;
  }
  .column-breaker-three .blog-recent .col:nth-child(3) {
    width:420px!important;
    grid-area: 3 / 1 / 4 / 2;
    margin:0!important;
    justify-self:center;
  }
}
@media (max-width:479px) {
  .column-breaker-three .blog-recent .col:nth-child(1),.column-breaker-three .blog-recent .col:nth-child(2),.column-breaker-three .blog-recent .col:nth-child(3){
    width:320px!important;
  }
}
/* New Footer start */
#footer-outer .row {
  padding-top: 30px!important;
  padding-bottom: 30px!important;
}
#footer-outer .widget {
  margin-bottom:0px!important;
}
#footer-widgets a {
  font-size:15px!important;
  line-height:25px!important;
  font-weight:300!important;
}
#footer-widgets h4 {
  font-size: 30px!important;
  line-height:39px!important;
  font-weight:500!important;
  color:var(--color17)!important;
}
#footer-widgets h4:after {
  content: "";
  display: block;
  padding: 2px 0;
  max-width: 60px;
  max-height: 4px;
  margin-top: 4px;
  border-radius: 1px;
  background: linear-gradient(90deg, var(--color3), var(--color4));
}
#footer-widgets {
  background-color:var(--color9)!important;
}
#footer-widgets .container .row {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: 1fr;
  column-gap: 0px;
  row-gap: 0px;
  margin:0 auto;
  max-width:1150px!important;
  justify-items:center;
}
#footer-widgets .container .row .col:nth-child(1) {
  grid-area: 1 / 1 / 2 / 2;
}
#footer-widgets .container .row .col:nth-child(2) {
  grid-area: 1 / 2 / 2 / 3; 
}
#footer-widgets .container .row .col:nth-child(3) {
  grid-area: 1 / 3 / 2 / 4;
}
#footer-widgets .container .row .col:nth-child(4) {
  grid-area: 1 / 4 / 2 / 5; 
}
#footer-widgets .container .row .col:nth-child(5) {
  grid-area: 1 / 5 / 2 / 6;
}
#copyright .col.span_5 {
  width:50%!important;
}
#copyright .col.span_7 {
  width:48%!important;
}
@media (max-width:1000px) {
  #footer-outer #copyright .container div:last-child {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: center;
  }
  #copyright .col.span_5 {
    width:100%!important;
  }
  #copyright .col.span_7 {
    width:100%!important;
  }
  #footer-widgets .container {
    min-width:300px!important;
    max-width:600px!important;
  }
  #footer-widgets .container .col {
    margin-left:0px!important;
  }
  #footer-widgets .container .row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    max-width:1150px;
    padding-bottom:25px!important;
    padding-top:37px!important;
  }
  #footer-widgets .container .row .col:nth-child(1) {
    grid-area: 1 / 1 / 2 / 2;
    width: 150px!important;
  }
  #footer-widgets .container .row .col:nth-child(2) {
    grid-area: 1 / 2 / 2 / 3; 
    width: 150px;
  }
  #footer-widgets .container .row .col:nth-child(3) {
    grid-area: 1 / 3 / 2 / 4;
    width: 150px;
  }
  #footer-widgets .container .row .col:nth-child(4) {
    grid-area: 2 / 1 / 3 / 2;
    width: 150px;
  }
  #footer-widgets .container .row .col:nth-child(5) {
    grid-area: 2 / 2 / 3 / 3;
    width:150px;
  }
}
#footer-outer .row#copyright{
  padding-top:0px!important;
  padding-bottom:0px!important;
}
#copyright p {
  text-align:center!important;
  font-size:15px!important;
  line-height:20px!important;
  font-weight:500!important;
  color:var(--color17)!important;
  padding-bottom:0px!important;
}
#footer-outer #copyright li a i {
  color:var(--color17)!important;
}
#footer-outer div#copyright {
  text-align: center;
  background: linear-gradient(90deg, var(--color3), var(--color4));
}

@media (max-width: 520px) {
  #footer-widgets .container .row .col:nth-child(1) {
    justify-self: left!important;
  }
  #footer-widgets .container .row .col:nth-child(3) {
    justify-self: right!important;
  }
  #footer-widgets .container .row .col:nth-child(4) {
    justify-self: left!important;
  }
  #copyright p {
    text-align:center!important;
    font-size:10px!important;
    line-height:13px!important;
    font-weight:500!important;
  }
  #footer-widgets .container .row .col:nth-child(1),#footer-widgets .container .row .col:nth-child(2),#footer-widgets .container .row .col:nth-child(3),#footer-widgets .container .row .col:nth-child(4),#footer-widgets .container .row .col:nth-child(5)  {
    width:75px!important;
  }
  #footer-widgets h4 {
    font-size: 15px!important;
    line-height:20px!important;
    font-weight:500!important;
    color:var(--color17)!important;
  }
  #footer-widgets a {
    font-size:10px!important;
    line-height:13px!important;
    font-weight:300!important;
  }
}
@media only screen and (min-width: 0px) {
  #footer-widgets[data-cols="5"] .container .row >div:first-child {
    width: auto;
  }
  #footer-widgets[data-cols="5"] .container .row >div {
    width:auto;
  }
}
/* New footer end */
.extra-accordeon .blog-recent[data-style="minimal"] .col:hover span {
  filter:brightness(1.5);
}
.special-line-desktop {
  position: absolute;
  z-index: 3;
  height: calc(126.6px * 4);
  left: 20px;
  background-color: var(--color6);
  width: 2px;
  top: 26px;
}
.opened-accordeon .excerpt {
  height:60px!important;
}
@media screen and (max-width:1400px) {
  .special-line-desktop {
    top: 24px;
  }
}
@media screen and (max-width:520px) {
  .special-line-desktop {
    top: 12px;
  }
}
.children-of-accordeon .col {
  height:105px!important;
}
@media only screen and (max-width: 768px){
  .column-breaker-three .article-content-wrap {
    height:140px!important;
  }
}
@media only screen and (max-width: 690px){
  .opened-accordeon .post {
    margin-bottom:30px!important;
  }
}
@media only screen and (max-width:520px){
  .column-breaker-three .article-content-wrap {
    height:115px!important;
  }
  .opened-accordeon .excerpt {
    height:36px!important;
  }
  .guide-row .blog-recent[data-style="minimal"] .col > a {
    height:30%!important;
  }
  .opened-accordeon:first-of-type:before {
    height:58px!important;
  }
  .children-of-accordeon .col:first-of-type {
    margin-top:10px!important;
  }
}
.blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"]
  div.article-content-wrap
  h3.title {
  line-height: 15px!important;
}
/* Links */
.column-breaker-links .row_col_wrap_12_inner{
  display: grid!important;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 40px;
  grid-row-gap: 0px
}
.column-breaker-links .full-gradient-border{
  width:400px!important;
}
.column-breaker-links .full-gradient-border:nth-child(1) {
  justify-self:right;
  grid-area: 1 / 1 / 2 / 2;
}
.column-breaker-links .full-gradient-border:nth-child(2) {
  justify-self:center;
  grid-area: 1 / 2 / 2 / 3;
}
.column-breaker-links .full-gradient-border:nth-child(3) {
  justify-self:left;
  grid-area: 1 / 3 / 2 / 4;
}
@media screen and (max-width:1300px) {
  .column-breaker-links .row_col_wrap_12_inner{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
  .column-breaker-links .full-gradient-border{
    width:400px;
  }
  .column-breaker-links .full-gradient-border:nth-child(1) {
    justify-self:right;
    grid-area: 1 / 1 / 2 / 2;
  }
  .column-breaker-links .full-gradient-border:nth-child(2) {
    justify-self:left;
    grid-area: 1 / 2 / 2 / 3;
  }
  .column-breaker-links .full-gradient-border:nth-child(3) {
    justify-self:right;
    grid-area: 2 / 1 / 3 / 2;
  }
}

@media screen and (max-width:1000px) {
  .column-breaker-links .row_col_wrap_12_inner{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 40px;
  }
  .column-breaker-links .full-gradient-border{
    width:400px;
  }
  .column-breaker-links .full-gradient-border:nth-child(1) {
    justify-self:center;
    grid-area: 1 / 1 / 2 / 2;
  }
  .column-breaker-links .full-gradient-border:nth-child(2) {
    justify-self:center;
    grid-area: 2 / 1 / 3 / 2;
  }
  .column-breaker-links .full-gradient-border:nth-child(3) {
    justify-self:center;
    grid-area: 3 / 1 / 4 / 2; 
  }
}

@media screen and (max-width:520px) { 
  .column-breaker-links .full-gradient-border{
    width:280px!important;
  }

}
/* Links end */
.full-sizes-image .vc_column-inner,
.full-sizes-image .wpb_wrapper, 
.full-sizes-image .img-with-aniamtion-wrap,
.full-sizes-image .inner, 
.full-sizes-image .hover-wrap, 
.full-sizes-image .hover-wrap-inner, 
.full-sizes-image .img-with-animation  {
  height:100%;
}
@media screen and (max-width:1000px) { 
  .full-sizes-image .vc_column-inner,
  .full-sizes-image .wpb_wrapper, 
  .full-sizes-image .img-with-aniamtion-wrap,
  .full-sizes-image .inner, 
  .full-sizes-image .hover-wrap, 
  .full-sizes-image .hover-wrap-inner, 
  .full-sizes-image .img-with-animation  {
    width:100%;
  }
}
body.material .nectar-button.regular.m-extra-color-gradient-1:before{
  background:none!important;
}
.button-patreon:hover {
  filter:brightness(1.25);
}
#copyright .span_5 p {
  text-align:center!important;
}
@media screen and (max-width:1000px) {
  #copyright .span_5 p {
    text-align:center!important;
  }
}

#top nav > ul > li > a {
  font-size:15px!important;
  line-height:19px!important;
  font-weight:500!important;
  color:var(--color17)!important;
}
#top nav > ul > .button_solid_color_2 > a {
  font-size:12px!important;
  line-height:15px!important;
  font-weight:500!important;
}

.video-post .vc_column-inner:after {
bottom:-5px!important;
}

#blog-embed {
  background: linear-gradient(90deg, var(--color3), var(--color4))  left bottom transparent no-repeat;
  background-size:100% 5px ;/* if linear-gradient, we need to resize it */
  padding-bottom:5px;
  border-radius: 3px;
}
@media screen and (max-width:1000px) { 
  #footer-outer #copyright li {
    margin-left:10px!important;
  }
}
.text-gradient-line{
  margin-left:27px;
}
@media screen and (max-width:520px) {
  h2.extra-gradient-line-left {
    font-size:20px!important;
  }
  #footer-widgets .container .row {
    max-width:320px!important;
  }
  .blog-blog-entries .title {
    font-size:15px!important;
    line-height:18px!important;
  }
  .text-gradient-line{
    margin-left:10px;
  }
  .gradient-left .vc_column-inner:after {
    width:3px!important;
  }
  #footer-widgets h4 {
    margin-bottom:5px!important;
  }
  #footer-widgets h4:after {
    max-width:30px;
    margin-top:0px!important;
    padding:1px 0;
  }
}
@media screen and (max-width:520px) {
  .category-reshade-guides:before, .category-shader-guides:before, .category-special-guides:before {
    margin-left:0px!important
  }
}
.extra-accordeon .wpb_wrapper > div {
  margin-bottom: 0px !important;
}
.extra-accordeon .wpb_wrapper > .children-of-accordeon {
  margin-bottom: 16px!important;
}
@media screen and (max-width:768px) {
  .extra-accordeon .excerpt{
    -webkit-line-clamp:2!important;
  }
}
@media screen and (max-width:520px) {
  .blog-releases .blog-recent[data-style="classic_enhanced"][data-color-scheme="dark"] div.article-content-wrap h3.title {
    line-height:20px!important;
    margin-top:-5px!important;
  }
  .column-breaker .post-featured-img img {
    height:300px!important;
  }
  .extra-accordeon .wpb_wrapper > .children-of-accordeon {
    margin-bottom:0px!important;
  }
  
 .guide-row .post-header .meta {
   margin-bottom:-8px!important;
 }
 .extra-accordeon .excerpt {
   margin-top:-10px!important;
   margin-bottom:-6px!important;
 }
 .children-of-accordeon .excerpt {
  margin-top:-3px!important;
  margin-bottom:-3px!important;
 }
 .children-of-accordeon .post-header .meta {
  margin-bottom:-2px!important;
 }
}
.max-twenty-twenty .twenty20, .twenty-twenty-more-text .wpb_wrapper{
  max-width: 50%;
  margin: 0 auto;
}

@media screen and (max-width:1000px){
  .max-twenty-twenty .twenty20, .twenty-twenty-more-text .wpb_wrapper{
    max-width: 100%;
    margin: 0 auto;
  }
  .blog-entries-block .post-header {
    margin-bottom:10px!important;
  }
  .blog-entries-block .col:not(:first-child) {
    margin-top:15px!important;
  }
  .blog-entries-block h3.title {
    margin-top:-10px!important;
  }
}
.container-wrap.no-sidebar {
  background-color: #111316
}
.blur {
  filter: blur(20px);
}
.image-compare-row .row-bg-wrap{
  display:none!important;

}
.image-info{
  max-width:45%;
  position: absolute;
  top: 20px;
  left: 30px;
  z-index:200;
}
@media screen and (max-width:520px) {
  .image-info .image-name, .image-info .image-creator{
    font-size:15px!important;
    line-height:15px!important;
  }  
}

.gallery-row figure:hover {
  transform: scale(1.02);
  z-index:100;
  transition:0.3s ease-in-out all;
}
.image-compare-row .twentytwenty-overlay{
  width:100%!important;
}
.twentytwenty-handle {
  width: 2px;
  background: transparent!important;
  border: 4px solid #ddd;
  height: 70px;
  text-align: center;
  padding: 0;
  outline: 0;
  cursor: ew-resize;
  box-shadow: 0 0 2px rgb(0 0 0 / 50%);
  margin-left:-5px!important;
  border-radius:0px!important;
  top:50%;
  margin-top:-40px;
}
.twentytwenty-handle span{
  display:none!important;
}
@media screen and (max-width:999px)  {
  .menu-logo:before {
    content: "";
    position: absolute;
    left: 30px;
    top: 15px;
    background: url(/media/martys_mods_no_logo.png);
    width: 200px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
  }
}
@media screen and (max-width: 768px) {
  .devlog-entries-block .excerpt{
    -webkit-line-clamp:2!important;
  }
}
@media screen and (max-width: 1000px) {
  .carousel-slider .carousel-slider__item img {
    margin-left:0px!important;
    margin-right:0px!important;
  }
}

.extra-accordeon 
.chevron-accordeon {
  position:absolute;
  right:0px;
  top:50%;
  width:50px;
  height:50px;
  margin-top:-25px;
  color:rgba(255, 255, 255, 0.689);
  z-index:1000;
}
.chevron-accordeon:hover {
color:white;
cursor:pointer;
}
.chevron-accordeon .fa-solid {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(-50%);
}

.extra-accordeon .blog-recent .col {
  pointer-events: none;
}
.extra-accordeon .blog-recent .col a {
  pointer-events: all;
}
body.search #page-header-bg {
  height: 210px;
}
body.search-no-results[data-header-resize] .container-wrap {
  padding:0px;
}
#search-results .result .title a {
  background-image:none!important;
}
.devlog-entries-block h3 {
  color:var(--color17)!important;
}
.symbol-text {
  display:flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
.symbol-text .the-text {
  margin-left:10px;
}
/* added late  might break stuff checking*/
.row .col img {
  margin-bottom:0px!important;
}
.search-results #blog-search {
  margin:0 auto;
  margin-top:20px;
}
.extra-accordeon .grey-inactive-border .columns-1:nth-child(odd) .col,.extra-accordeon .opened-accordeon .col {
  width:85%!important;
}

@media screen and (max-width:520px) {
  .do-list li {
    font-size:15px!important;
  }
  
  .nectar-fancy-ul ul li {
    list-style-image:url("/media/Aufzahlungszeichen-1.png") !important;
  }
  .do-list ul li{
    list-style-image: url('/media/12x12-1.png')!important;   
  }
  .extra-accordeon .grey-inactive-border .columns-1:nth-child(odd) .col h3 {
    height: 30px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 30px;
    display: -webkit-box;
  }
  .extra-accordeon .grey-inactive-border .columns-1:nth-child(odd) .col,.extra-accordeon .opened-accordeon .col {
    width:70%!important;
  }
  .chevron-accordeon {
    right:-20px!important;
  }
}
.normal-column-breaker .row_col_wrap_12_inner.col.span_12 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 32px;
  grid-row-gap: 0px;
}
.normal-column-breaker .row_col_wrap_12_inner.col.span_12 .col {
  width:100%;
}
@media screen and (max-width:1000px) {
  .blog-entry-blog .category-blog, .blog-entry-blog .category-blog .entire-meta-link {
    height:340px!important;
  }
}
@media screen and (min-width:1000px){
  #blog-embed {
    height:269px!important;
  }
}
.search-results .container-wrap img{
  height:250px!important;
  object-fit:cover;

}
@media only screen and (min-width: 1px) and (max-width: 999px) {
  #footer-widgets .container .col {
    margin-bottom:31px!important;
  }
}
 
.do-list li {
  list-style-position: inside!important;
}
.carousel-images .owl-stage {
  padding:0px!important;
  padding-top:10px!important;
}
.post-area .wpb_text_column .wpb_wrapper p {
  margin-bottom:0px!important;
  padding-bottom:20px!important;
}
/*.post-area .wpb_text_column .wpb_wrapper p:last-of-type {
  padding-bottom:0px!important;
}
*/
.social-link-bar {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 40px;
  justify-items: center;
  align-items: center;
  justify-content: center;
  font-style: italic;
  font-weight: 500;
  flex-wrap: wrap;
}
.social-link-bar img {
  margin: 0 auto;
}

a.bar {
  border-right: 1px solid var(--color6);
}

.social-link-item {
  text-align: center !important;
  font-size: 20px !important;
  color: white;
  width: 200px;
}

.social-link-bar .social-link-item img {
  width: 100px !important;
  height: 100px !important;
  margin-bottom: 10px !important;
}
#reviews .nectar-flickity[data-controls*="arrows_overlaid"] .flickity-prev-next-button.previous {
  left:-10px!important;
}
#reviews .nectar-flickity[data-controls*="arrows_overlaid"] .flickity-prev-next-button.next {
  right:-10px!important;
}
@media screen and (max-width:1400px) {
  body.single-post.material[data-bg-header="true"] .container-wrap {
    padding-top:50px!important;
  }
}

.youtube-channel-text .visit-gallery{
  margin-right:3px!important;
}
@media only screen and (min-width: 1px) and (max-width: 1400px) {
  #top .container {
    max-width: 100%!important;
    padding: 0px!important;
    padding-left:30px!important;
    padding-right:20px!important;
  }
}

/* Patreon new Stylings */
.patreon-container {
  display:grid;
  grid-template-rows: 1fr;
  grid-template-columns: 0.5fr 1.5fr;
}
.patreon-container h4 {
  margin-bottom:0px!important;
}
.patreon-container p:not(:last-of-type) {
  padding-bottom: 27px!important;
}
.patreon-container p:last-of-type {
  padding-bottom: 0px!important;
}
.patreon-container .patreon-left-class {
  position:relative;
  border-style: solid;
  border-width: 2px;
  border-image: linear-gradient(110deg, var(--color3), var(--color4)) 1;
  background-color: var(--color12);
  min-height:540px;
  min-width:470px;
  padding:30px;
  padding-top:25px;
  padding-left:30px;
  padding-right:30px;
  padding-bottom:30px;
}
.patreon-container .patreon-left-class .patreon-benef {
  margin-bottom: 8px;
}
.patreon-container .patreon-left-class .patreon-discord-extra-class {
  position: absolute;
  bottom:20px;
}
.patreon-container .patreon-left-class .patreon-discord-extra-class img {
  display: inline;
}
.patreon-container .patreon-left-class .patreon-discord-extra-class .discord-logo-text {
  position:relative;
  margin-left:15px;
  bottom:3px;
  font-style:italic;
}
.patreon-container .patreon-header-information-class {
  text-align: center;
  text-transform: uppercase;
}
.patreon-container .patreon-header-information-class hr {
  border:none;
  border-bottom: 1px solid var(--color6);
  width:80%;
  margin-bottom:17px;
}
.patreon-container .patreon-information-class ul {

  margin-left:0px;
  margin-bottom:0px;
  margin-left:23px;
}
.patreon-container .patreon-information-class ul li {
  list-style-position: outside;
  list-style-image: url("/media/Aufzahlungszeichen-pink.png");
  margin-bottom: 2px;
}

.patreon-container .patreon-header-information-class .patreon-tier-class {
  font-size:25px;
  line-height:30px;
  font-weight:500;
  margin-bottom:24px;
}
.patreon-container .patreon-header-information-class .patreon-price-class {
  font-size:40px;
  line-height:30px;
  font-weight:500;
  margin-bottom:8px;
}
.patreon-container .patreon-header-information-class .patreon-monthly-class {
  font-size:15px;
  line-height:30px;
  font-weight:300;
  margin-bottom:16px;
  color: var(--color5);
}
.patreon-reset {
  padding-left:0px!important;
  padding-right:0px!important;
}

.patreon-container .patreon-right-class {
  margin-left:30px;
}

.patreon-container .patreon-right-class .patreon-more-information-text-container .text-container .symbol-image {
  position:absolute;
  bottom:0;
  right:0;
  z-index:10;
}
.patreon-container .patreon-right-class .patreon-more-information-text-container .text-container .information-text {
  position: relative;
  z-index:20;
}
.patreon-container .patreon-left-class .hidden-tier-logo {
  display:none;
  width:75px;
  height:75px;
  margin: 0 auto;
  margin-top:-10px;
  margin-bottom:20px;
}
.patreon-container .patreon-left-class .rtgi-access-class {
  margin-left:4px!important;
  margin-bottom:5px!important;
}
.patreon-container .patreon-left-class .list-text {
  display:block;
  margin-left:4px!important;
}
@media screen and (max-width:1100px){
  .patreon-container .patreon-left-class .hidden-tier-logo {
    display:block;
  }
  .patreon-container .patreon-right-class .symbol-image {
    display:none;
  }
  .patreon-container .patreon-right-class {
    margin-left:0px;
    margin-top:35px;
  }
  .patreon-container {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
  }
  .patreon-container .patreon-left-class {
    margin: 0 auto;
    min-width:100%;
    min-height:600px;
  }

}
@media screen and (max-width:520px) {
  .patreon-container .patreon-left-class .patreon-benef {
    font-size:15px!important;
    margin-left:5px!important;
  }
  .patreon-container .patreon-left-class .rtgi-access-class {
    height:15px;
    width:auto;
  }
  .patreon-container .patreon-header-information-class hr {
    margin-bottom:18px;
  }
  .patreon-container .patreon-header-information-class .patreon-monthly-class {
    font-size:12px!important;
    margin-top:-5px!important;
  }
  .patreon-container .patreon-header-information-class .patreon-tier-class {
    font-size:20px!important;
    margin-bottom:22px;
  }
  .patreon-container .patreon-header-information-class .patreon-price-class {
    font-size:25px!important;
    margin-bottom:0px;
  }
  .patreon-container .patreon-information-class ul li {
    font-size:15px!important;
    list-style-image: url(/media/11x11.png);
    margin-bottom:10px;
  }
  .patreon-container .patreon-left-class .discord-logo-text {
    font-size:15px!important;
  }
  .patreon-container .patreon-left-class {
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    padding-top:15px;
  }
   .patreon-container .patreon-left-class .patreon-discord-extra-class {
     position: absolute;
     bottom: 0px;
     margin-left:5px;
   }
}


/* Patreon new stylings end */

.bal-container {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: grab;
  overflow: hidden;
}
.bal-after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.bal-before {
  display: block;
  position: absolute;
  top: 0;
  /* right: 0; */
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 15;
  overflow: hidden;
}
.bal-before-inset {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.bal-after img,
.bal-before img {
  object-fit: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  object-position: 50% 50%;
  top: 0;
  bottom: 0;
  left: 0;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.bal-beforePosition {
  background: #121212;
  color: var(--color16);
  left: 0;
  pointer-events: none;
  border-radius: 0.2rem;
  padding: 2px 10px;
}
.bal-afterPosition {
  background: #121212;
  color: var(--color16);
  right: 0;
  pointer-events: none;
  border-radius: 0.2rem;
  padding: 2px 10px;
}
.beforeLabel {
  position: absolute;
  bottom: 0;
  margin: 1rem;
  font-size: 1em;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.afterLabel {
  position: absolute;
  bottom: 0;
  margin: 1rem;
  font-size: 1em;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.bal-handle {
  height: 41px;
  width: 41px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -21px;
  border: 2px solid var(--color16);
  border-radius: 1000px;
  z-index: 20;
  pointer-events: none;
  box-shadow: 0 0 10px rgb(12, 12, 12);
}
.handle-left-arrow,
.handle-right-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute;
  top: 50%;
  margin-top: -6px;
}
.handle-left-arrow {
  border-right: 6px solid var(--color16);
  left: 50%;
  margin-left: -17px;
}
.handle-right-arrow {
  border-left: 6px solid var(--color16);
  right: 50%;
  margin-right: -17px;
}
.bal-handle::before {
  bottom: 50%;
  margin-bottom: 20px;
  box-shadow: 0 0 10px rgb(12, 12, 12);
}
.bal-handle::after {
  top: 50%;
  margin-top: 20.5px;
  box-shadow: 0 0 5px rgb(12, 12, 12);
}
.bal-handle::before,
.bal-handle::after {
  content: " ";
  display: block;
  width: 2px;
  background: var(--color16);
  height: 9999px;
  position: absolute;
  left: 50%;
  margin-left: -1.5px;
}
@media screen and (max-height:500px) {
  .twentytwenty-container {
    max-height:300px!important;
  }
}
.image-compare-column {
  padding-left: 20px!important;
  padding-right: 20px!important;
}

#ctf {
  height:280px;
  max-height:280px!important
}
.site-gallery img{
  height:160px!important;
  width: 100vw !important;
  object-fit: cover;
}
.slick-dots {
  display:none!important;
}
.slick-prev i:hover, .slick-next i:hover {
  color:white!important;
}

.twentytwenty-overlay:hover {
  background: rgba(0, 0, 0, 0.2)
}

.close-modal {
  cursor: pointer;
}

.single .heading-title {
	border-bottom: 0px solid transparent;
}

h2:after {
  content: "";
  display: block;
  padding: 2px 0;
  max-width: 60px;
  max-height: 4px;
  margin-top: 10px;
  border-radius: 1px;
  background: linear-gradient(90deg, var(--color3), var(--color4));
}

#twenty20-1 {
	max-width:100%;
}
@media screen and (max-width:1667px) {
	.column-breaker .blog-recent {
		grid-template-rows:inherit!important;
	}
}

/* Style for video blocks background */
 .mm-video-1
{
 background-image: url(https://www.martysmods.com/media/video-placeholder-2c.webp?id=7738);
 background-repeat: no-repeat
}

 .mm-video
{
 background-image: url(https://www.martysmods.com/media/accept-cookies4.png?id=7850);
 background-repeat: no-repeat;
 background-position: center; 
 background-size: contain; 
 background-color: #000000B3;
}

 .mm-video-0
{
 background-image: url(https://www.martysmods.com/media/video-placeholder-1c.webp?id=7737);
 background-repeat: no-repeat
}


/* - Fixes to fonts and spacings */

.wpb_text_column li {
	/*font-weight: 100;** /*this broke font weight in enumerations*/
	line-height: 30px;
} 

.wpb_text_column.wpb_content_element ul
{
	margin-bottom: 20px!important;
}

@media only screen and (min-width: 1025px) {
.patreon-unreset {
	margin-left: -15px!important;
}
}

@media only screen and (max-width: 1024px) {
.patreon-unreset {
	margin-left: -5px!important;
	}
}

/* Press page styling */
  
.press-cover img
{
border-style: solid;
border-width: 2px;
border-image: linear-gradient(110deg, var(--color3), var(--color4)) 1;
background-color: #000000;
}

/* Tiktok icon */
.icon-salient-tiktok:before {
    content: '\e07b'; /* Unicode character for the TikTok icon in the Brands set */
    font-family: 'Font Awesome 5 Brands'; /* Use the FontAwesome Brands font */
}

.math {
    color: var(--color17);
}
.MathJax_Display {
  color: #FFF !important;
}

/* New header styles */
.no-gradient-line h2
{
  font-size: 40px!important;
  font-weight: 300!important;
  text-transform:uppercase!important;
  line-height: 62px!important;
  color:var(--color17)!important;
}

.no-gradient-line h2:after {
   content: none;
}

@media screen and (max-width: 520px) {
.no-gradient-line h2 {
    font-size: 25px !important;
    line-height: 33px !important;
  }
}

.white-heading h3 {
    color: white!important;
    padding-top: 15px;
}

.menu-title-text {
	font-size: 16px;
	line-height: 32px;
}

#header-outer .sub-menu li:hover {
	background-color: #3d3d3d;
	border-radius: 5px;
}

#header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) .sfHover > a, #header-outer #top nav > ul > li:not(.megamenu) .sfHover > a {
		background-color: #3d3d3d!important;
}