/*
Theme Name: Simba
Version: 1.1
Description: Simba
Author: Florianmatthias	
Author URI: https://florianmatthias.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html 
*/
/*--------------------------------------------- COMMON STYLES
---------------------------------------------*/
html, body { padding: 0; margin: 0; line-height: 0; }

* { box-sizing: border-box; }

.logo { padding: 20px 0; text-align: center; /*Media Query for phone screens - < 768px */ }
.logo .d-inline-block { display: inline-block; }
@media (max-width: 767px) { .logo { padding: 15px 0; } }
.logo img { max-height: 50px; max-width: 100%; }
.logo img.limg { /*Media Query for phone screens - < 768px */ }
@media (max-width: 767px) { .logo img.limg { display: none; } }
.logo img.limg.mobile { display: none; max-height: 20px; margin: 0 auto; /*Media Query for phone screens - < 768px */ }
@media (max-width: 767px) { .logo img.limg.mobile { display: block; } }

.mute { position: absolute; top: 18px; right: 18px; cursor: pointer; /*Media Query for phone screens - < 768px */ }
@media (max-width: 767px) { .mute { top: 11px; right: 11px; }
  .mute img { max-height: 25px; } }
.mute .hide { display: none; }

video { width: 100%; height: calc(100vh - 90px); object-fit: contain; /*Media Query for phone screens - < 768px */ }
@media (max-width: 767px) { video { display: none; } }
video.mobile { display: none; /*Media Query for phone screens - < 768px */ }
@media (max-width: 767px) { video.mobile { display: block; } }