/* 
Theme Name: Frag_X Theme
Theme URI: https://github.com/elementor/hello-theme/
Description: Frag_X ist ein Theme für die Museumspädagogik der TLDA
Author: XPDT
Author URI: https://xpdt.de
Template: hello-elementor
Version: 1.0.1
Text Domain: frag_x
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/* Replace Eicons Hamburger Menu with FontAwesome
.elementor-menu-toggle i:before {
	font-family: "Font Awesome 5 Pro";
	font-size: 1em;
	line-height: 1.4em;
    content: "\f0c9";
    font-style: normal;
    display: inline-block;
    text-align: center;
    width: 1.4em;
    height: 1.2em;
}
.elementor-menu-toggle.elementor-active i:before { content: "\f00d"; }

.cn-button.wp-default { background-color: #004059; transition: all 0.5s ease-in-out; box-shadow: 0px 1px 4px rgba(0,0,0,0.5); }
.cn-button.wp-default:hover { background-color: rgba(255,255,255,0.9); color: #004059; box-shadow: 0px 2px 12px rgba(0,0,0,0.4); }
#cookie-notice { box-shadow: 0px -2px 16px rgba(0,0,0,0.4); backdrop-filter: blur(5px); }  */

/* responsive unity --> does not work with WebGL
.unity-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 75%; // <-- 4:3 aspect ratio | 16:9 --> 56,25 | 3:2 --> 66,66
}

// Then style the iframe to fit in the container div with full height and width
canvas#unity-canvas {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
*/

/*fixing cookie notice*/
.cn-buttons-container a { display: inline-block; background: rgba(255, 255, 255, 0.95); box-shadow: 2px 4px 8px rgba(0,0,0,0.4); padding: 0.5em 0.75em; margin: 0 0.5em; border-radius: 2px;  }
.cn-buttons-container a:hover { background: rgba(255, 255, 255, 0.8); box-shadow: 1px 2px 4px rgba(0,0,0,0.6); }

/*fixing audio player in slider on frontpage*/
body.home rs-fullwidth-wrap .mejs-container { background: none; min-width: 130px !important; padding: 0 10px 40px 20px; height: 60px !important; }
body.home rs-fullwidth-wrap .mejs-controls { background: rgba(255,255,255,0.3); border-radius: 20px; color: #000 !important; padding: 10px !important; }
body.home rs-fullwidth-wrap .mejs-time-rail, body.home rs-fullwidth-wrap .mejs-time { display: none; }
body.home rs-fullwidth-wrap .mejs-horizontal-volume-total { background-color: rgba(255,255,255,0.2) !important; }
body.home rs-fullwidth-wrap .mejs-horizontal-volume-current { background-color: rgba(255,255,255,0.5) !important; }