/*
Theme Name: Expertenklasse Child
Theme URI: https://www.expertenklasse.de
Template: expertenklasse
Author: Markus Roth
Author URI: https://www.expertenklasse.de
Description: Was denkst du?
Version: 1.0
License: Deutsches Urheberrecht
Text Domain: expertenklasse-child-theme
*/

body { /*, .ease3, .ease5*/
    -webkit-animation: none!important;
    -moz-animation: none!important;
    animation: none!important;
    transition: none!important;
    -webkit-transition: none!important;
    -moz-transition: none!important;
    -ms-transition: none!important;
	background:#000;
	font-size: 18px;
	line-height:1.55em;
}

header#header #logo {
    padding: 5px;
}
header .header-container {
	/*max-width: 960px;
	margin-left:auto;
	margin-right:auto;*/
	margin-left:44px;
	margin-right:44px;
}

canvas.image-fluid {
	width:100%;
}
video, .wp-block-video {
	position:relative;
	margin:0;
}
a.muted {
	color:#fff;
}
.video-cat-description2 p a.muted {
	color:#aaaaaa;
}
.video-placeholder {
	width:100%;
	position:absolute;
	z-index:1;
}
.text-center {
	text-align:center;
}
.text-color-primary {
	color:#ffc709;
}
.text-color-second {
	color:#007f96;
}
.text-color-muted, .muted {
	color:#999;
}

li.menu-item-1298 a {
	color:#0bff56!important;
}

.mb-0 { margin-bottom:0px!important;}
.mt-0 { margin-top:0px!important;}
.mt-1 { margin-top:5px!important;}
.mt-2 { margin-top:10px!important;}
.mt-3 { margin-top:15px!important;}
.mt-4 { margin-top:20px!important;}
.mt-5 { margin-top:25px!important;}
.ml-0 { margin-left:0px!important;}
.mr-0 { margin-right:0px!important;}
.pb-0 { padding-bottom:0px!important;}
.pt-0 { padding-top:0px!important;}
.pl-0 { padding-left:0px!important;}
.pr-0 { padding-right:0px!important;}
.p-0 { padding:0px!important;}
.p-1 { padding:5px!important;}
.p-2 { padding:10px!important;}
.p-3 { padding:15px!important;}
.p-4 { padding:20px!important;}
.p-5 { padding:25px!important;}
.pl-0 { padding-left:0px!important;}
.pl-1 { padding-left:5px!important;}
.pl-2 { padding-left:10px!important;}
.pl-3 { padding-left:15px!important;}
.pl-4 { padding-left:20px!important;}
.pl-5 { padding-left:25px!important;}
.pr-0 { padding-right:0px!important;}
.pr-1 { padding-right:5px!important;}
.pr-2 { padding-right:10px!important;}
.pr-3 { padding-right:15px!important;}
.pr-4 { padding-right:20px!important;}
.pr-5 { padding-right:25px!important;}

.grecaptcha-badge { visibility: hidden; }

.trooper-head-message {
	background: #1c1c1c;
    border-bottom: 1px solid #353535;
	padding: 35px 25px 5px 25px;
	text-align:center;
}
.wp-block-column .wpvs-login-form {
    max-width: 960px;
}

.video-list-slider {
    /*overflow:hidden;*/
}

.video-slide-details p {
    line-height:1em;
}

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

@media only screen and (min-width: 960px) {
	.rvs-membership-item {
		width: 50%;
	}
}

/* MOBILE FIXES */
body .show-mobile {
	display:none;
}
@media screen and (max-width: 959px) {
	body .show-mobile {
		display:block;
	}
	body .hide-mobile {
		display:none!important;
	}
	body .wp-block-columns.show-mobile {
		display:flex;
	}
	header .header-container {
		margin-left:11px;
		margin-right:11px;
	}
	.home #wrapper {
		margin-top:20px;
	}
	header#header .header-icons {
		padding-right:11px;
	}
	header#header .header-icons label .dashicons {
		font-size: 26px;
	}
	.wpvs-account-page .wpvs-login-form {
		margin-top: 20px;
	}
	.video-page-container, .page-container {
		margin-top: 55px!important;
	}
	.wpvs-slider-title h3 {
		white-space: pre-wrap;
		max-width: 100%;
		padding-right:5px;
	}
	.video-list-slider {
		overflow: visible; 
	}
	.video-slide-details p {
		height: 85px!important;
		font-size: 60%;
		line-height:1.1em;
	}
	a.wpvs-see-all-link {
		text-align: left;
	}
	.video-list-full .video-slide-details p {
		height:auto!important;
    	max-height: 85px!important;
	}
	.video-list-full .video-slide-details h4 {
		white-space: normal;
	}
	.video-list-full .video-item {
		display:block;
	}
	.video-list-full .video-item-content {
		margin:0 0 0 0;
		display:block;
		clear:both;
	}
	.video-list-full .video-slide-image {
		float:left;
		width:40%;
		margin-bottom:11px;
	}
	.video-list-full .video-slide-details {
		float:left;
		width:60%;
		padding-top:3px;
		margin-bottom:11px;
	}
	.video-list-full .video-item-content::after {
	  content: "";
	  clear: both;
	  display: table;
	}
	.video-list-full .slide-category {
		padding-left:0;
	}
	.wpvs-full-screen-login {
		padding-top:50px!important;
	}
	.wp-block-pb-accordion-item h5 {
		font-size: 16px;
	}
	.wp-block-columns.has-background {
		padding: 20px 10px 5px 10px;
	}
}

@media screen and (max-width: 680px) {
	.full-width-mobile {
		width:100vw!important;
		left:0!important;
		right:0!important;
		margin-left:0!important;
		margin-right:0!important;
		display:block!important;
		padding-left:0!important;
		padding-right:0!important;
		position:relative!important;
	}
	.video-cat-description .full-width-mobile {
		margin-left:-20px!important;
	}
}

.wp-block-separator {
	margin-top:50px;
	margin-bottom:50px;
}

.header-background {
    background: rgba(0,0,0,1);
}

.category-top.hug-header {
    top: 35px;
	background:#000;
}

h1,h2,h3,h4,h5,h6,.headline,.logo-font {
	font-family: itc-avant-garde-gothic-pro, lato, sans-serif!important;
	font-weight: 500!important;
	font-style: normal!important;
	color:white;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    font-size:16px;
	line-height:19px;
}

@media screen and (min-width: 960px) {
	.wp-block-columns.alignwide {
		padding: 40px 60px 40px;
		margin-left:-16px;
		
		/*max-width: 960px;
		margin-left:auto;
		margin-right:auto;*/
	}

	.container {
		max-width: 960px;
		margin-left:auto;
		margin-right:auto;
	}
}

.show-loggedin {
	display:none;
}

.logged-in .show-loggedin {
	display:block;
}

.logged-in .wp-block-columns.show-loggedin {
	display:flex;
}

.logged-in .hide-loggedin {
	display:none;
}

.button .dashicons {
    vertical-align: sub;
}

/* BUTTONS MINDESTGRÖSSE */
.button, .wp-block-button .wp-block-button__link, .rvs-button, .rvs-membership-item .rvs-button, .rvs-area .rvs-button, .rvs-primary-button, a.rvs-primary-button, input[type="submit"] {
    min-height:27px;
	line-height:27px;
}

/* FORMS */
.wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], .wpcf7 input[type="text"], .wpcf7 input[type="password"], .wpcf7 select, .wpcf7 textarea {
    max-width:100%;
}

/* FARBE BUTTONS */
.wp-block-button .wp-block-button__link, 
header#header nav#desktop ul li a.sign-in-link,
.rvs-primary-button, 
a.rvs-primary-button, 
.loadingCircle, 
.wpvs-login-form input[type="submit"], 
#wpvs-login-form input[type="submit"],
nav#mobile a:hover, .navigation span.current, .navigation a:hover, #searchform input[type="submit"], #wpvs-updating-box .loadingCircle, .loadingCircle, .net-loader, .net-loader:before, nav#mobile a.sign-in-link, header#header nav#desktop ul li a.sign-in-link, #single-wpvstheme-video-container .mejs-controls .mejs-time-rail .mejs-time-current, label.rental-time-left, .wpvs-full-screen-display #wpvs-cancel-next-video:hover, .button, input[type="submit"], .wp-block-button .wp-block-button__link, .rvs-button, .rvs-membership-item .rvs-button, .rvs-area .rvs-button, .rvs-primary-button, a.rvs-primary-button, .wpvs-thumbnail-text-label, .guti_validate_voucher button {
	background: #ffc709 !important;
	border-color: #ffc709 !important;
    color: #000 !important;
	border:1px solid #ffc709 !important;
}

header#header nav .current-menu-item a {
	color:#666666;
}

/* BLÖCKE */
.col-12 .wp-block-columns > .wp-block-column {
	padding-left:0;
	padding-right:0;
}

@media screen and (min-width: 960px) {
	.wp-block-columns + .wp-block-columns {
		margin-top:-20px;
	}
}

@media only screen and (max-width: 768px) { 
	.mobile-reverse .wp-block-column:nth-child(2) {order:1} 
	.mobile-reverse .wp-block-column:first-child {order:99} 
}

.kleben {
	margin-top:-8px;
}

.has-background + .has-background {
	margin-top:-20px;
}

/* NEWSLETTER */
.tnp-subscription-minimal input.tnp-submit {
	background-color:#ffc709;
	border:1px solid #ffc709;
	color:#000;
}

.tnp-subscription-minimal .tnp-privacy-field {
	 margin-top: 0px;
}

.tnp-privacy-field a {
	color:#999!important;
}

.wp-block-tnp-minimal p {
	margin-bottom:10px;
}

.tnp-subscription-minimal {
	padding-bottom:10px;
}

.tnp-profile form .tnp-field label {
    color: #fff;
	padding-bottom:5px;
}

.wpvs-login-form {
	padding-left: 15px;
	padding-right: 15px;
}

@media screen and (max-width: 1170px) {
	.wpvs-login-form {
		padding-left: 0;
		padding-right: 0;
	}
	.tnp-subscription-minimal input.tnp-email {
		width:60%;
	}
	.tnp-subscription-minimal input.tnp-submit {
		width:39%;
	}
}

/* VIDEO KURS PAGE */
.video-cat-teaserimage {
	margin-bottom:10px;
	max-width:540px;
}

.video-cat-description p {
	margin-bottom:10px;
}

.video-category h3.has-text-align-center {
	display:block;
    margin-left: auto;
    margin-right: auto;
}

h3 .circle, h4 .circle, h2 .circle {
	display:inline-block;
	padding: 3px 2px 3px 4px;
	color:#000;
	background:#ffc709;
	border-radius:30px;
	width:20px;
	height:20px;
	font-size:15px;
	line-height:20px;
	font-weight:bold;
	text-align:center;
}

.row.video-cat-description.has-headline + .video-category.slide-category.slide-container {
	margin-top: -40px;
}

.mt-price {
	color:#fff!important;
	font-weight:bold;
}

h1 .badge,
h2 .badge,
h3 .badge,
p .badge {
	display:inline-block;
	background:#007d8d;
	color:#fff;
	padding: 2px 4px;
	font-size:0.9em;
	line-height:1em;
	margin-right:7px;
	text-transform:uppercase;
	border-radius:3px;
}

.video-cat-teaserimage {
	background-size:cover;
	width:100%;
	max-width:none;
	margin-top:50px;
}
.video-cat-teaserimage img {
	visibility: hidden;
	width:100%;
	max-width:none;
}
.video-cat-headline {
	background: rgb(20,20,20);
	background: linear-gradient(0deg, rgba(20,20,20,1) 31%, rgba(20,20,20,0.8) 66%, rgba(20,20,20,0) 100%);
	margin-left: -60px;
	margin-right: -60px;
	padding: 0 60px;
}
.video-cat-headline h1 {
	text-align:center;
	font-size:4em;
	padding: 0 1em;
	text-shadow: 1px 1px 15px rgba(56,56,56,0.9);
	min-height:20vw;
}
.video-cat-headline h1 .smallausruf {
	font-size:0.3em;
	line-height:1em;
	display:block;
	color:#000;
	background:#fff;
	width:auto;
	margin:0 auto;
	max-width: fit-content;
	padding: 3px 6px;
	text-shadow: none;
}
.video-cat-teaserimage + .video-cat-intro {
	margin-top:-30vw;
	position:relative;
}

@media only screen and (min-width: 960px) { 
	.desktop-2of3 {
		padding-right:30vw;
	}
}

@media only screen and (max-width: 959px) { 
	.video-cat-headline {
		background: linear-gradient(0deg, rgba(20,20,20,1) 61%, rgba(20,20,20,0.8) 76%, rgba(20,20,20,0) 100%);
	}
	.video-cat-headline h1 {
		font-size:3em;
		padding: 0 1em;
		min-height:25vw;
	}
	.video-cat-teaserimage {
		margin-top:80px;
	}
}

@media only screen and (max-width: 768px) { 
	.video-cat-teaserimage {
		position: relative;
		width: 100vw;
		left: 0;
		/*margin-left: -20px;*/
	}
	.video-cat-teaserimage {
		margin-top:65px;
	}

	h3 .circle, h4 .circle, h2 .circle {
		width:14px;
		height:14px;
		font-size:12px;
		line-height:14px;
	}
	
	.video-cat-teaserimage + .video-cat-intro {
		margin-top:-35vw;
		position:relative;
	}
	.video-cat-headline {
		background: linear-gradient(0deg, rgba(20,20,20,1) 81%, rgba(20,20,20,0) 100%);
	}
	.video-cat-headline h1 {
		font-size:2.5em;
		padding: 0 12px;
		min-height:20vw;
		position:relative;
		margin-left:-20px;
		margin-right:-20px;
		background: linear-gradient(0deg, rgba(20,20,20,1) 54%, rgba(20,20,20,0) 100%);
	}
	.video-cat-description .wp-block-column {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media only screen and (max-width: 440px) { 
	.video-cat-teaserimage + .video-cat-intro {
		margin-top:-45vw;
		position:relative;
	}
	.video-cat-headline {
		background: linear-gradient(0deg, rgba(20,20,20,1) 81%, rgba(20,20,20,0) 100%);
	}
	.video-cat-headline h1 {
		font-size:1.7em;
		padding: 0 12px;
		min-height:35vw;
		position:relative;
		margin-left:-20px;
		margin-right:-20px;
		background: linear-gradient(0deg, rgba(20,20,20,1) 44%, rgba(20,20,20,0) 100%);
	}
}

@media only screen and (min-width: 1240px) { 
	.video-cat-headline {
		background: linear-gradient(0deg, rgba(20,20,20,1) 21%, rgba(20,20,20,0.8) 66%, rgba(20,20,20,0) 100%);
	}
	.video-cat-headline h1 {
		font-size:4em;
		padding: 0 1em;
		min-height:18vw;
	}
	.video-cat-headline {
		padding-bottom:5vw;
	}
}

@media only screen and (min-width: 1920px) { 
	.video-cat-headline h1 {
		min-height:22vw;
	}
}

/* VIDEO PAGE */

@media only screen and (max-width: 768px) { 
	.vs-video-header img.video-image {
		position: relative;
		display: block;
		width: 100%;
		min-width: 100%;
		min-height: 100%;
		transition: none;
		-webkit-transition: none;
		-moz-transition: none;
	}
	.vs-video-details {
		padding-top:0px;
	}
	.vs-video-header:before {
		display:none!Important;
	}
}

/* WORKBOOK DESCRIPTION */

.wpvs-category-browsing .video-cat-description.row-workbook {
    margin-top: 5px;
}

/* Lesson Numbers */
h4 .lessonnumber {
	display:inline-block;
	color:#000;
	font-size:11px;
	background:#ffc709;
	font-weight:bold;
	border-radius:20px;
	width:14px;
	height:14px;
	text-align:center;
	line-height:14px;
	text-shadow:none;
	margin-right:5px;
	position: relative;
    bottom: 1px;
	font-family: lato, sans-serif!important;
	letter-spacing: 0px;
}

/* ACCORDIONS */
.mtfaq-accordions {
}
.wp-block-pb-accordion-item {
	border-bottom: 1px solid #222;
}
.wp-block-pb-accordion-item h6 {
	background:#333;
	padding: 5px 42px 5px 8px;
	font-size: 16px;
	font-family: Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
	font-weight:normal !important;
	color: #fff;
}
.wp-block-pb-accordion-item p {
	margin-bottom:15px;
}
.wp-block-pb-accordion-item .c-accordion__title:after {
	font-size: 2em;
	margin:0 10px;
}
.wp-block-pb-accordion-item .c-accordion__content {
    border-left: 2px solid #555;
    padding-left: 10px;
}

/* autor avatar */
.experte-avatar {
	float:left;
	width:80px;
	margin: 0 10px 10px 0;
}
.experte-avatar-img {
	width:80px;
	height:80px;
	border-radius:50px;
	overflow:hidden;
}
.experte-avatar-name {
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	text-align:center;
	margin-top:-14px;
	position:relative;
	color:#000;
	background:#fff;
	border-radius:50px;
}


/* FOOTER */
#footer-nav {
    margin: 20px auto 30px;
}

#footer-nav li {
	border-right: 1px solid #ffc709;
	padding: 1px 3px 3px 3px;
	padding-right: 10px;
}

#footer-nav li:last-child {
	border: none;
}
@media screen and (max-width: 959px) {
	#footer-nav li {
		border:none;
		padding: 3px 0 3px 0;
	}
}

/* WORKBOOK NICE 
from: https://scastiel.dev/posts/2020-07-23-animated-3d-book-css/ */

.workbook-nice {
	width:100%;
	max-width:300px;
	margin: 20px auto;
}
.book-container {
  width: 200px;
  height: 300px;
  margin: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  perspective: 400px;
}

.book {
  transform: rotateY(-30deg);
  position: relative;
  transform-style: preserve-3d;
  width: 200px;
  height: 300px;
  transition: transform 1s ease;
  animation: 1s ease 0s 1 initAnimation;
}

.book:hover {
  transform: rotate(0deg);
}

@keyframes initAnimation {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(-30deg);
  }
}

.book > :first-child {
  position: absolute;
  background: #0d47a1aa;
  width: 200px;
  height: 300px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  box-shadow: 5px 5px 20px #222;
}

.book::before {
  content: ' ';
  background: #fff;
  height: calc(300px - 2 * 3px);
  width: 21px;
  top: 3px;
  position: absolute;
  transform: translateX(calc(200px - 21px / 2 - 3px)) rotateY(90deg) translateX(calc(21px / 2))
}

.book::after {
  content: ' ';
  position: absolute;
  left: 0;
  width: 200px;
  height: 300px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background: #007d8d; /*#01060f;*/
  transform: translateZ(-21px);
  box-shadow: -10px 0 21px 10px #222;
}

/** GUTSCHEIN REDEEM **/
.message-success {
	color:#25f025;
}
.message-info {
	color:#eebb28;
}
.message-error {
	color:#f02541;
}

/** NICE LISTS ***/
.nicelist {
  list-style: none;
	list-style-type: none;
  padding: 0;
  margin: 0;
}

.nicelist li {
	padding-left: 29px;
  list-style: none;
	list-style-type: none;
}

.nicelist li::before {
	content: "✅";
	position:absolute;
	margin-left:-29px;
}

/** VIDEO PLAYER **/
.mt-scroll-side-box {
	overflow:hidden;
	overflow:scroll;
	overflow-x: hidden;
	overflow-y: scroll;
	background-color:#000;
	padding:0px 15px 5px 15px;
	border:5px solid #000;
}
.mt-above-scroll-box .button {
	margin-top:0px;
}
.mt-videobox .mt-button-open,
.mt-videobox .mt-button-close {
	display:none;
}

@media only screen and (max-width: 960px) { 
	.mt-above-scroll-box .button {
		margin-top:15px;
	}
	.mt-scroll-side-box {
		overflow:hidden!important;
		max-height:none!important;
	}
	.mt-videobox.open .mt-scroll-side-box {
		overflow:auto!important;
		max-height:10000px!important;
	}
	.mt-videobox .wp-block-pb-accordion-item:nth-child(n+5) {
		display:none;
	}
	.mt-videobox.open .wp-block-pb-accordion-item:nth-child(n+5) {
		display:block;
	}
	.mt-videobox .mt-button-open {
		display:block;
	}
	.mt-videobox .mt-button-open,
	.mt-videobox .mt-button-close {
		width:100%;
		margin-top:0;
		background:#ddd!important;
		border-color:#ddd!important;
		color:#333!important;
	}
	.mt-videobox.open .mt-button-open {
		display:none;
	}
	.mt-videobox.open .mt-button-close {
		display:block;
	}
}


/** CRAZY fixes ?!?! **/
@media (min-width: 782px) {
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) {
		margin-left: var(--wp--style--block-gap);
	}
}