/*
Theme Name: Zoom Lite
Author: GhozyLab
Theme URI: https://themes.ghozylab.com/zoom
Description: Zoom Lite is a free WordPress theme. It's perfect for web agency business, business portfolio, corporate business, blogs, one page, landing page, personal, photography sites or freelancer. Zoom Lite is 100% responsive, clean, modern, flat and minimal. Zoom Lite is ecommerce (WooCommerce) Compatible, WPML, RTL and also SEO Friendly. This theme also translation-ready, supports image header, gallery, featured images, has three widget in footer areas and includes a sliding menu for mobile screens and includes a full-width template.
Version: 1.0.0.53
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: zoom-lite
Tags: custom-header, left-sidebar, right-sidebar, blog, custom-background, custom-colors, custom-menu, featured-images, full-width-template, sticky-post, threaded-comments, theme-options, translation-ready, editor-style, custom-logo, two-columns, one-column, grid-layout, footer-widgets, flexible-header, post-formats, photography, portfolio

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Zoom Lite is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/


/*----------------------------------------------------------------------------------
The main css stylesheet of the Zoom Lite theme is located in /assets/css/main.css.
-----------------------------------------------------------------------------------*/ 


/*
Developers Recommendation
To make it easy to update your theme, you should NOT add your custom css rules to this file. Instead use
a child theme to add your styles. You can copy a style from /assets/css/main.css and paste in the child
theme's style.css and it will override the style in this file. You have been warned! :)

If you don't know what a child theme is, you really want to spend 5 minutes learning how to use child themes in WordPress, you won't regret it :) !
https://codex.wordpress.org/Child_Themes
*/



.my_post{text-align: justify;}

.my_post .gallery{display:block;text-align:center;margin:20px 0 10px 0;}
.my_post .gallery img{padding:5px;display: inline !important;width:190px !important;}
.my_post h2{text-align: center;font-size:24px;}

.blog_games_button{display:block;margin:15px auto 15px auto;background:#d83131;text-align: center;width:230px;padding:5px 15px;border-radius: 3px;}
.blog_games_button:hover{background-color:#b12929;}
.blog_games_button a{color:#ffffff !important;}

.game_video{margin:15px auto 5px auto;display: block;width:100%; height: auto;background-color:#000000}
@media (min-width:600px){.game_video{width:90%;}}
.iframe_video{width:90%;height:385px;border:none;display:block;margin:10px auto;}
@media (max-width:660px){.iframe_video{height:320px;}}
@media (max-width:470px){.iframe_video{height:235px;width:98%;}}

.my_widget{text-align: justify;}
.my_widget a {text-decoration: underline;}
.entry-content {text-align: justify;}

.article_bottom_banner{text-align: center;margin:15px 0;}
.article_bottom_banner img{margin-top:15px;width:95%;}

.top_games{text-align:center !important;margin:0 0 20px 0;font-size: 16px;}
.top_games span{display:block;margin-bottom:10px;}
.top_games_item img{display:block;margin-bottom:5px;}
.top_games_item a{font-size: 12px;}
.top_games_item{display:inline-block;}
.star{position:relative;top:5px;display:inline;font-size:34px;color: red;}

.page-title{font-size:24px !important;margin:10px 0 0 0;}
.taxonomy-description{text-align: justify;}

.mycode_main h1{font-size: 22px;}
.mycode_main p{text-align: justify;}

.my_post_random h3{text-align: center;}
.my_post_random_elem{display:inline-block;margin:5px 5px;width:30.5%;font-size:14px;text-align: center;vertical-align: top;}
.my_post_random_elem img{max-width:100%;margin-bottom:5px;}

.thanks {display:block;text-align:center;margin:20px 0 10px 0;}
.thanks img{padding:10px;display: inline-block !important;max-width:300px !important;}

.entry-content span nav li{display: block;list-style-type: decimal !important;display:list-item;}
.entry-content span nav {border: 1px solid;padding:10px 0 10px 10px;width:95%;margin:10px 10px;}
.entry-content span span {font-weight:bold;text-decoration:underline;font-size:16px;}
.entry-content span nav span {text-decoration:none}


.game-grid {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 1em 0;
}

.game-box {
  background: #888888;
  border-radius: 8px;
  width: calc(33.333% - 11px); /* for 3 in a row with spacing */
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  transition: background 0.3s;
}

.game-box:hover {
  background: #e0e0e0;
}

.game-box img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  display: block;
  margin-bottom: 8px;
}

.game-box a {
  text-decoration: none;
  color: #000;
  font-size: 16px;
  font-family: Arial, sans-serif;
  display: inline-block;
  margin-top: 4px;
}


/* Grid fix tylko dla list wpisów, nie dla pojedynczych postów */
body.home .fixed-post-grid,
body.blog .fixed-post-grid,
body.archive .fixed-post-grid,
body.category .fixed-post-grid,
body.tag .fixed-post-grid,
body.search .fixed-post-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
  align-items: start !important;
  height: auto !important;
}

body.home .fixed-post-card,
body.blog .fixed-post-card,
body.archive .fixed-post-card,
body.category .fixed-post-card,
body.tag .fixed-post-card,
body.search .fixed-post-card {
  position: static !important;
  float: none !important;
  clear: none !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

body.home .fixed-post-card img,
body.blog .fixed-post-card img,
body.archive .fixed-post-card img,
body.category .fixed-post-card img,
body.tag .fixed-post-card img,
body.search .fixed-post-card img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

body.home .fixed-post-card .wp-post-image,
body.blog .fixed-post-card .wp-post-image,
body.archive .fixed-post-card .wp-post-image,
body.category .fixed-post-card .wp-post-image,
body.tag .fixed-post-card .wp-post-image,
body.search .fixed-post-card .wp-post-image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  body.home .fixed-post-grid,
  body.blog .fixed-post-grid,
  body.archive .fixed-post-grid,
  body.category .fixed-post-grid,
  body.tag .fixed-post-grid,
  body.search .fixed-post-grid {
    grid-template-columns: 1fr !important;
  }
}