/*
Theme Name: Divi Child Theme
Theme URI: http://www.projectmakers.de
Description: Child Theme
Author: Daniel Maerz
Author URI: http://www.projectmakers.de
Template: Divi
Version: 1.0.0
*/

@import url("../Divi/style.css");
/* 
 * Google Fonts (Roboto)
*/

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
	font-display: swap;
    src: url('../Divi-child/fonts/roboto-v18-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Roboto'), local('Roboto-Regular'), url('../Divi-child/fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../Divi-child/fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../Divi-child/fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../Divi-child/fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../Divi-child/fonts/roboto-v18-latin-regular.svg#Roboto') format('svg');
    /* Legacy iOS */
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
	font-display: swap;
    src: url('../Divi-child/fonts/roboto-v18-latin-700.eot');
    /* IE9 Compat Modes */
    src: local('Roboto Bold'), local('Roboto-Bold'), url('../Divi-child/fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../Divi-child/fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../Divi-child/fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../Divi-child/fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../Divi-child/fonts/roboto-v18-latin-700.svg#Roboto') format('svg');
    /* Legacy iOS */
}

/*
  * Mobile Response
  */

@media only screen and (max-width: 479px) {
    .smartphone-show {
        display: block !important;
    }
}

@media only screen and (min-width: 480px) and (max-width: 1223px) {
    .tablet-show {
        display: block !important;
    }
}

@media only screen and (max-width: 1223px) {
    .tablet-smartphone-show {
        display: block !important;
    }
}

@media only screen and (min-width: 1224px) {
    .desktop-show {
        display: block !important;
    }
    #logo {
        max-height: 100%!important;
    }
}

@media (max-width: 991px) {
    .video-player {
        min-height: auto;
    }
}

/*
 *	Input-Arrows
 */

 input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    background: #eee url(https://projectmakers.de/wp-content/uploads/2019/01/updown_arrows_smal.png) no-repeat 50% 50%;
    background-color: transparent;
    width: 16px;
    padding: 8px 2px 8px 2px;
    position: relative;
    opacity: 1;
}
 
 /**
 *	Navigation Arrows
 */
 
 .et-pb-arrow-next, .et-pb-arrow-prev {
    color: #ddd!important;
}
 
/* 
 * Newsletter Leads! 
 */

.tnp-popup-main .tnp-field-privacy label {
    background-color: transparent!important;
    font-size: 16px!important;
    padding: 0px;
}

.tnp-popup-main .tnp-field-privacy input[type=checkbox] {
    -ms-transform: scale(2);
    /* IE */
    -moz-transform: scale(2);
    /* FF */
    -webkit-transform: scale(2);
    /* Safari and Chrome */
    -o-transform: scale(2);
    /* Opera */
    padding: 10px;
}

.tnp-modal {
    font-family: Roboto !important;
    color: #fff!important;
}

.tnp-field.tnp-field-gender {
    float: left;
    margin-right: 16px;
}

div#simplemodal-container {
    bottom: 0px!important;
    /*top: auto!important;*/
}

/* 
 * Post Preview Changes! 
*/

.et_builder_inner_content {
	overflow: hidden;
}

.et_pb_image_container img, .et_pb_post a img {
    width: auto!important;
    margin: auto!important;
    display: table!important;
    vertical-align: bottom;
    box-shadow: none!important;
}

p.post-meta {
    background-color: #eee;
    padding: 9px!important;
    margin-bottom: 16px!important;
}

.et_pb_post {
    margin-bottom: 32px!important;
    border-bottom: 3px solid #262626a1;
    padding: 16px 16px 16px 16px;
    box-shadow: 6px 6px 12px;
}

/* 
 * Commentary Changes! 
*/

.comment_title {
    margin-bottom: 16px;
    padding: 12px;
    background-color: #eee;
    box-shadow: 3px 3px 6px #262626a1;
}

.comment_avatar {
    box-shadow: 3px 3px 6px #262626a1;
    border: 1px solid #262626;
}

#commentform input[type=email], #commentform input[type=text], #commentform input[type=url], #commentform textarea {
    box-shadow: 3px 3px 3px #262626a1;
}

.comment-body {
    border-bottom: 1px solid #262626;
    padding-bottom: 9px;
}

/* 
 * SideBar
*/

#sidebar .et_pb_widget {
    padding-bottom: 9px!important;
    border-bottom: 3px solid #262626a1;
}

/* 
 * Beiträge mit Vorschaublid Widget
*/

#rpwwt-recent-posts-widget-with-thumbnails-2 img {
    width: 160px;
    height: 90px;
    display: block;
    float: none;
    box-shadow: 3px 3px 3px #262626a1;
}

.rpwwt-widget ul li {
    border-bottom: 1px solid #262626;
    padding-bottom: 9px;
}

.rpwwt-widget ul li:last-child {
    margin: 0;
    border-bottom: transparent!important;
}

/* 
 * More Social Media Icons! 
*/

.et-social-twitch a.icon:before {
    content: url(/wp-content/uploads/2018/07/Twitch_Icon.png);
}

.et-social-youtube a.icon:before {
    content: url(/wp-content/uploads/2018/07/YouTube_Icon.png);
}

.et-social-youtubelive a.icon:before {
    content: url(/wp-content/uploads/2018/07/YouTubeLive_Icon.png);
}

.et-social-patreon a.icon:before {
    content: url(/wp-content/uploads/2018/07/Patreon_Icon.png);
}

body, p, b, small, a, h1, h2, h3, h4, h5 {
    font-family: Roboto !important;
}

ul {
    padding: 0;
}

li {
    list-style-type: none;
}

.woocommerce-checkout #payment {
    background-color: #eee!important;
}

/*
*   WooCommerce Slider Buttons
*/

div.wpsp-slider-section .wpsp-cart-button a {
    color: #aa0000!important;
    background-color: #fff!important;
    border-color: #ffffff!important;
}

div.wpsp-slider-section .wpsp-cart-button a:hover {
    border-color: #ffffff!important;
    color: #fff!important;
    background-color: #aa0000!important;
}

div.wpsp-slider-section .wpsp-cart-button a:after {
    content: none!important;
}

.et_pb_button{
    color: #aa0000!important;
    background-color: #fff!important;
}

.button {
    color: #aa0000!important;
    background-color: #fff!important;
}

.et_pb_button:hover{
    color: #fff!important;
    background-color: #aa0000!important;
}

.button:hover{
    color: #fff!important;
    background-color: #aa0000!important;
}

a.et_pb_button.et_pb_promo_button{
    color: #fff !important;
    background-color: transparent !important;
    border-color: #ffffff!important;
    box-shadow: inset 4px 4px 6px 0px rgba(0, 0, 0, 0.6);
}

a.dnxt-blurb-btn.dnxt-btn-icon {
    color: #fff;
}

a.et_pb_button.et_pb_promo_button:hover{
    color: #262626 !important;
    background-color: #fff !important;
    border-color: #ffffff!important;
    box-shadow: inset 4px 4px 6px 0px rgba(0, 0, 0, 0.6);
}

.et_pb_cta_0.et_pb_promo .et_pb_button{
    color: #fff !important;
    background-color: transparent !important;
    border-color: #ffffff!important;
    box-shadow: inset 4px 4px 6px 0px rgba(0, 0, 0, 0.6);
}

.et_pb_button.et_pb_promo_button:hover {
    color: #262626 !important;
    background-color: #fff !important;
    border-color: #ffffff!important;
    box-shadow: inset 4px 4px 6px 0px rgba(0, 0, 0, 0.6);
}


#cn-accept-cookie, #cn-more-info {
    color: #fff !important;
    background-color: #262626 !important;
    border-color: #fff !important;
    background-image: none;
}

#cn-accept-cookie:hover, #cn-more-info:hover {
    color: #262626 !important;
    background-color: #fff !important;
    border-color: #fff !important;
    background-image: none;
}

body.single article.has-post-thumbnail>img:nth-of-type(1) {
    width: auto !important;
    height: auto !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

body.single article.has-post-thumbnail .et_post_meta_wrapper>img:nth-of-type(1) {
    width: auto !important;
    height: auto !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/** Footer Style*/

#footer-info {
    float: none;
}

.footer-pb {
    float: right;
}

#main-footer {
	padding-bottom: 0px !important;
    width: 100%;
    bottom: 0;
}

/**Woocommerce single product page*/

a.woocommerce-product-gallery__trigger {
    display: none;
}

/*QuizButton*/

.wpProQuiz_button {
    background: #fff!important;
    border-radius: 3px!important;
    color: #aa0000!important;
    font-weight: 700!important;
    border: 1px solid #aa0000!important;
    box-shadow: 1px 1px 1px #333!important;
}

.wpProQuiz_button:hover {
    background: #aa0000!important;
    border-radius: 3px!important;
    color: #fff!important;
    font-weight: 700!important;
    border: 1px solid #aa0000!important;
    box-shadow: 1px 1px 1px #333!important;
}

/*404Game iframe*/

.game-player {
    width: 800px;
    height: 470px;
    margin: auto;
}

.game-player iframe {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0)!important;
    left: auto!important;
}

.text-highlight-svg svg{
	top: 80%!important;
}

/*YouTube Videos*/

.video-player {
    width: 100%;
    min-height: 420px;
    /*padding-bottom: 56.25%;*/
}

.responsive-iframe {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.5);
}

.episoden-container ul {
    height: 420px;
    max-height: 420px;
    overflow: scroll;
    overflow: hidden;
}

.episoden-container-styling {
    background-color: #262626;
    border-radius: 3px;
    border: 2px solid #262626;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.5);
}

ul li input {
    font-size: 1.0em;
    height: auto;
    color: rgba(255, 255, 255, 0.5);
    border: none;
    background: none;
    outline: none;
    padding: 12px 0 12px 0px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

ul li input:disabled {
    color: rgba(255, 255, 255, 0.2);
}

#left-area ul, .comment-content ul, .entry-content ul, body.et-pb-preview #main-content .container ul {
    padding: 5px 2px 5px 10px;
    line-height: 26px;
    list-style-type: disc;
}

ul li input:hover:enabled {
    color: rgba(255, 255, 255, 1);
    font-size: 1.2em;
}

/*Scrollbar*/

.mCSB_draggerRail {
    background-color: #727272!important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #aa0000!important;
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 10px!important;
    margin: 2px 6px!important;
}

.mCSB_scrollTools {
    width: 22px!important;
}

/* Main Menu Hover*/

.et_fixed_nav.et_show_nav #page-container {
    padding-top: 80px!important;
}

#main-header:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-clip-path:polygon(0% 0%, 0% 100%, 35% 100%, 37% 75%, 100% 75%, 100% 0%);
	clip-path: polygon(0% 0%, 0% 100%, 35% 100%, 37% 75%, 100% 75%, 100% 0%);
	background-color: #262626;
}

#main-header {
    background-color: transparent!important;
    box-shadow: none;
	-webkit-filter: drop-shadow(0px 1px 1px #ffffffa1);
    -moz-filter: drop-shadow(0px 1px 1px #ffffffa1);
    filter: drop-shadow(0px 1px 1px #ffffffa1);
}
.et-fixed-header:before {
    background-color: #161616ea!important;
    content: "";
}

/* selects and hides all elements on a page */

ul#top-menu .makeempty a:empty {
    display: none;
}

ul#top-menu {
    margin-top: -32px;
}

ul#top-menu li {
    padding-right: 0.3em!important;
}

.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
    padding: 0px;
}

nav#top-menu-nav {
    padding-bottom: 16px;
    padding-top: 16px;
}

.nav li ul {
    margin-left: -60px;
	width: 260px;
}

#top-menu li li a {
    width: 240px;
}

.portfolio-experiment a {
    color: white;
    padding: 0.7em calc(0.3em * 1.2);
    display: inline-block;
    position: relative;
    font-size: 1.5em;
    cursor: pointer;
    text-decoration-line: none;
}

.portfolio-experiment a .warenkorb:before {
    margin-right: 4px;
    margin-left: 4px;
    content: "\e07a";
    text-shadow: 0 0;
    font-family: ETmodules!important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 0.5em;
    text-transform: none;
    speak: none;
}

#et-info-email, #et-info-phone, .et-cart-info span {
    display: none;
}

.portfolio-experiment a.link:after {
    position: absolute;
    content: '';
    bottom: 6px;
    left: calc(0.3em * 1.2);
    right: calc(0.3em * 1.2);
    height: 2px;
    background: #aa0000;
    transition: transform 0.8s cubic-bezier(1, 0, 0.37, 1) 0.2s, right 0.2s cubic-bezier(0.04, 0.48, 0, 1) 0.6s, left 0.4s cubic-bezier(0.04, 0.48, 0, 1) 0.6s;
    transform-origin: left;
}

.portfolio-experiment .line {
    position: absolute;
    background: #aa0000;
}

.portfolio-experiment .line.-right, .portfolio-experiment .line.-left {
    width: 2px;
    bottom: 6px;
    top: 6px;
    transform: scale3d(1, 0, 1);
}

.portfolio-experiment .line.-top, .portfolio-experiment .line.-bottom {
    height: 2px;
    left: -3px;
    right: -3px;
    transform: scale3d(0, 1, 1);
}

.portfolio-experiment .line.-right {
    right: -3px;
    transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.23s;
    transform-origin: top;
}

.portfolio-experiment .line.-top {
    top: 6px;
    transition: transform 0.08s linear 0.43s;
    transform-origin: left;
}

.portfolio-experiment .line.-left {
    left: -3px;
    transition: transform 0.08s linear 0.51s;
    transform-origin: bottom;
}

.portfolio-experiment .line.-bottom {
    bottom: 6px;
    transition: transform 0.3s cubic-bezier(1, 0, 0.65, 1.01);
    transform-origin: right;
}

.portfolio-experiment a:hover .text, .portfolio-experiment a:active .text {
    transform: translate3d(0, 0, 0);
    transition: transform 0.6s cubic-bezier(0.2, 0, 0, 1) 0.4s;
}

.portfolio-experiment a:hover:after, .portfolio-experiment a:active:after {
    transform: scale3d(0, 1, 1);
    right: -3px;
    left: -3px;
    transform-origin: right;
    transition: transform 0.2s cubic-bezier(1, 0, 0.65, 1.01) 0.17s, right 0.2s cubic-bezier(1, 0, 0.65, 1.01), left 0s 0.3s;
}

.portfolio-experiment a:hover .line, .portfolio-experiment a:active .line {
    transform: scale3d(1, 1, 1);
}

.portfolio-experiment a:hover .line.-right, .portfolio-experiment a:active .line.-right {
    transition: transform 0.1s cubic-bezier(1, 0, 0.65, 1.01) 0.2s;
    transform-origin: bottom;
}

.portfolio-experiment a:hover .line.-top, .portfolio-experiment a:active .line.-top {
    transition: transform 0.08s linear 0.4s;
    transform-origin: right;
}

.portfolio-experiment a:hover .line.-left, .portfolio-experiment a:active .line.-left {
    transition: transform 0.08s linear 0.48s;
    transform-origin: top;
}

.portfolio-experiment a:hover .line.-bottom, .portfolio-experiment a:active .line.-bottom {
    transition: transform 0.5s cubic-bezier(0, 0.53, 0.29, 1) 0.56s;
    transform-origin: left;
}

/* Spreadshirt Changes*/

.sprd-social-bar.sprd-social-bar--header.sprd-bg-m1 {
    display: none;
}

.sprd-social-bar.sprd-bg-m1 {
    display: none;
}

/* Pay wat you want */

label.pwyw_label {
    font-size: 1.5em;
}

.pwyw_price {
    font-size: 26px;
    color: #aa0000;
}