/*
    Created on : 21/05/2025, 10:54:18
    Author     : ferna
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 29, 2018, 11:28:33 AM
    Author     : mv
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 27, 2018, 3:04:21 PM
    Author     : mv
*/
body {
  /*overflow-x: hidden;*/
}
#homepage,
#page {
  background: #fff !important;
}
.zz-matchbox {
  background: #EEEEEE;
  max-width: 100vw;
  overflow: hidden;
}
body.zz-site-desktop .zz-matchbox .menu-comps li {
  color: #567;
}
body.zz-site-desktop .zz-matchbox .menu-comps li.active {
  color: #000;
}
.zz-container {
  min-width: 1240px;
  max-width: 1440px;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}
.zz-header-top,
.zz-header-bottom {
  width: 100%;
  /*.zz-container-mixin();*/
}
.zz-header-top {
  align-items: center;
  gap: 16px;
  /*	& > div{
		flex-grow: 0;
		width: auto !important;
	}*/
  /*	.zz-header-search{
		flex-grow: 1;
	}*/
}
.zz-header-top:before,
.zz-header-top:after {
  display: none;
  content: none;
}
.zz-header-search form {
  max-width: 360px;
  margin: auto;
}
.zz-header-search #searchbox {
  left: 50%;
  right: auto;
  margin: auto;
  transform: translateX(-50%);
}
.zz-header-user .logged-user {
  display: block;
  height: 32px;
}
#zz-menu-section-223 .zz-menu-type-menulinks {
  display: flex;
}
#zz-menu-section-223 .zz-menulinks-main {
  flex-basis: 300px;
}
#zz-menu-section-223 .zz-menulinks-sub {
  flex-grow: 1;
  display: flex;
}
#zz-menu-section-223 .zz-menulinks-sub .block {
  flex-basis: 0;
  flex-grow: 1;
}
/*
#zz-menu-section-475 .zz-menulinks-sub{
	width: auto !important;
}

.zz-header-menu-placeholder .container{
	width: auto;
}

body.zz-site-desktop .zz-header-hotlinks li{
	width: calc(20% - 8px);
	overflow: hidden;
	
	img{
		object-fit: cover;
	}
}
*/
/*
.zz-menu-type-mainlinks,
.zz-menu-type-menulinks{
	float:left;
	width: 20%;
}

.zz-menu-type-news,
.zz-menu-type-hotlinks,
.zz-menu-type-compcombos,
.zz-menu-type-sublinks,
.zz-menu-type-encyclopedia{
	float:left;
	width: 80%;
}
*/
/*.zz-menu-type-menulinks{
	display: flex;
}

.zz-menulinks-main{
	flex-grow: 2;
}

.zz-menulinks-sub{
	flex-grow: 10;
	display: flex;
	gap: 16px;
	
	.block{
		flex-grow: 1;
		flex-basis: 0;
		margin: 0;
	}
}*/
#footer .container {
  min-width: 1240px;
  max-width: 1440px;
  width: auto;
}
.zz-footer-container {
  padding: 16px;
  display: flex;
  gap: 16px;
}
.zz-footer-container .column {
  flex-grow: 1;
  width: auto !important;
  flex-basis: 0;
  margin: 0 !important;
}
.zz-footer-container .column.is-big {
  flex-grow: 3;
}
.zz-footer-container .column.is-small {
  flex-grow: 2;
}
#page_header_container {
  min-width: 1240px;
  max-width: 1440px;
  width: auto;
  display: block;
}
#page_main.full,
#page_main_wiki.full,
#page_main_admin.full {
  width: 100%;
  box-sizing: border-box;
  float: none;
}
.entity_h2_nomenu,
.entity_h2 {
  width: auto;
}
.entity_h2_nomenu:before,
.entity_h2_nomenu:after {
  content: " ";
  display: table;
}
.entity_h2_nomenu:after {
  clear: both;
}
.entity_h2_nomenu .h2 {
  width: 100%;
  box-sizing: border-box;
}
#container {
  min-width: 1240px;
  max-width: 1440px;
  width: auto;
  display: block;
}
#container #page_header_container {
  width: auto;
  display: block;
}
#container .entity_h2 {
  position: relative;
}
#container .entity_h2 .h2 {
  width: calc(100% - 160px);
  box-sizing: border-box;
}
#container .entity_homepage_menu {
  height: auto;
  top: 50px;
  overflow: visible !important;
}
#container #page_main.home,
#container #page_main.themes,
#container #page_main_wiki.home,
#container #page_main_admin.home {
  width: calc(100% - 320px);
  box-sizing: border-box;
}
#container .video_keyw,
#container .video_title,
#container .video_info {
  width: auto;
}
#container .awards .trophy,
#container .trophy_line .trophy,
#container .staff_line .staff {
  width: 50%;
}
#container {
  /*	.home #highlights{
		display: block;
		width: 100%;
		overflow: hidden;
	}*/
  /*	padding: 10px 10px 10px 10px;
	margin: 0px 0px 10px 0px;
	float: none;*/
}
#container .game_report_header {
  display: flex;
  justify-content: center;
}
#container table.match_block {
  margin: auto;
}
#container .box.is-mundial2022 {
  background-image: none;
}
#container .box.is-mundial2022 .box,
#container .box.is-mundial2022 .box_container,
#container .box.is-mundial2022 .box .section_620 {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
#container .box.is-mundial2022 .staff_line .staff {
  width: 100%;
}
#container #highlights.multimedia_zztv .items-row {
  height: auto;
}
#container #highlights.multimedia_zztv .item .item-img {
  height: auto;
}
#container #highlights.multimedia_zztv .item .item-img img {
  width: auto;
  height: auto;
  overflow: hidden;
  aspect-ratio: 194/100;
  width: 100%;
}
#news_body .info_bar {
  width: auto;
}
#news_body .photo_frame {
  max-width: calc(1440px - 32px - 600px - 32px);
  width: auto;
}
#news_body .photo_frame .photo {
  width: auto;
  max-height: none;
}
#news_body .photo_frame .photo img {
  width: 100% !important;
  max-height: 600px;
  object-fit: contain;
  display: block;
  aspect-ratio: 600/413;
}
.slider .list,
.slider2 .list {
  display: flex;
  gap: 16px;
}
.slider .list .column_200,
.slider2 .list .column_200 {
  width: 33.33%;
  margin: 0;
}
.slider .list .column_200 .newsphoto,
.slider2 .list .column_200 .newsphoto {
  margin: 0;
  width: 100%;
  display: block;
  max-height: none;
}
.slider .list .column_200 .newsphoto img,
.slider2 .list .column_200 .newsphoto img {
  width: 100%;
  aspect-ratio: 200/134;
  height: auto;
  object-fit: cover;
}
body.zz-tplwider {
  /*#page_header_container*/
}
body.zz-tplwider .fake_container {
  overflow: unset;
}
body.zz-tplwider #highlights {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 10px;
}
body.zz-tplwider #container {
  width: unset;
  min-width: unset;
  max-width: unset;
  display: block;
  box-shadow: unset;
}
body.zz-tplwider #page_menu {
  display: none;
}
body.zz-tplwider #page_submenu {
  background: #eaedf4;
}
body.zz-tplwider #page_submenu:before,
body.zz-tplwider #page_submenu:after {
  content: " ";
  display: table;
}
body.zz-tplwider #page_submenu:after {
  clear: both;
}
body.zz-tplwider .zz-tpl-lb #page_menu {
  display: block;
}
body.zz-tplwider #page_content {
  min-width: 1240px;
  max-width: 1440px;
  padding-left: 16px;
  padding-right: 16px;
  margin: 0 auto;
  float: none;
}
body.zz-tplwider .rbbox {
  padding: 0;
}
.textover_image {
  aspect-ratio: 620/276;
  width: 100%;
  height: auto;
  float: none;
  position: relative;
  background-color: #131a20;
}
.textover_image .container {
  width: 100%;
  height: 100%;
}
.textover_image .container div.image {
  width: 100%;
  height: 100%;
  right: 0;
}
.textover_image .container div.image img {
  width: auto;
  height: 100%;
}
.textover_image div.wrapper {
  height: 100%;
  width: 100%;
}
.textover_image div.wrapper .keywords {
  z-index: 5;
  padding: 0;
}
.textover_image div.title_gradient {
  height: 100%;
  bottom: 0;
  width: 75%;
}
.textover_image div.title {
  /*padding-bottom: 16px;*/
  left: 0;
}