/*
Theme Name: Wafelek
Text Domain: wafelek
Version: 1.5
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

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.
*/

:root {
    --main-dark:#1f1f1f;    

}
* {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html {
    margin-top: 0px !important;
}

html, body {padding: 0; margin:0; height:100%; outline: none;}

body {
    font-size:14px;
    font-family: 'normalna';
    color:#fff;
    background:var(--main-dark);
    background:url(https://gamesboard.pl/wp-content/webp-express/webp-images/themes/wafelek/assets/images/pattern.webp);
}

.wrapper {
    max-width:960px; /** PREV: 1060px **/
    margin:0 auto;
    padding-top:20px;
}

.archive {
    padding:0 !important;
}

.is-provider-youtube {
    text-align:center;
}

.playerlist {
    border-bottom: 1px solid rgb(41,41,41);  
}

.playerlist div {
    padding:12px;
}

/** ID **/
.playerlist div:nth-child(1){
    width:5%;
}

/** NICK Z GRY **/
.playerlist div:nth-child(2){
    width:20%;
}

/** NICK Z DC **/
.playerlist div:nth-child(3){
    width:30%;
}

/** RUNDA 1 **/
.playerlist div:nth-child(4){
    width:10%;
    text-align:center;
    border-right: 1px solid rgb(41,41,41);
}

/** RUNDA 2 **/
.playerlist div:nth-child(5){
    width:10%;
    text-align:center;
    border-right: 1px solid rgb(41,41,41);
}

/** RUNDA 3 **/
.playerlist div:nth-child(6){
    width:10%;
    text-align:center;
    border-right: 1px solid rgb(41,41,41);
}


/** PODSUMOWANIE **/
.playerlist div:nth-child(7){
    width:15%;
    text-align:center;
}


/*
main {
    min-height: 100vh;
}
*/

.discord {
    border: 1px solid #3d3d3d;
    border-radius:6px;
}

.wp-block-image {
    text-align:center;
}

.wp-block-image figcaption {
    margin:0 auto;
}

.wp-block-image img {
    max-width:800px;
    width:100%;
    height:auto;
}

figcaption {
    margin-top: -6px !important;
    margin-bottom: 1em;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #000;
    padding-left: 10px;
    font-size: 13px;
    padding-top: 9px;
    padding-bottom: 10px;
    text-align:center;
    max-width:800px;
    width:100%;
}

.wp-block-video {
    margin:0 auto;
    max-width:800px;
    width:100%;
}

.menu-wrapper {
    max-width:920px; /** PREV 1020px **/
    margin:0 auto;
    display:flex;
    justify-content: space-between;
    align-items: center;
    padding-top:15px;
    padding-bottom:15px;
}

#wpadminbar {
    bottom:0px !important;
    top: auto !important;
}


.screen-reader-text {
    display:none;
}

.search-field {
    width:400px;
    padding:10px;
    background:#161616;
    border:1px solid rgb(41,41,41);
    color:#ddd;
}


input {
    outline: none;
}

/* Change the white to any color ;) */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #161616 inset !important;
}

/*Change text in autofill textbox*/
input:-webkit-autofill {
    -webkit-text-fill-color:#ddd !important;
}

input:focus {
    border:1px solid orange;
}

.search-submit {
    padding:10px;
    color:#fff;
    background: #1d1d1d;
    border:1px solid rgb(41,41,41);
    cursor: pointer;
    border-radius:6px;
}

.search-submit:hover {
    background:#1f1f1f;
}



.main-menu {
    height:auto; 
    width:100%; 
    background:#1f1f1f;
    box-shadow: 0 6px 4px -20px rgba(0,0,0,0.5600000000000001), 0 4px 22px 0 rgba(0,0,0,0.12), 0 2px 0px -1px rgba(0,0,0,0.2); border-bottom:1px solid rgb(41,41,41);
}

footer {
    margin-top:30px;
    background:var(--main-dark);
    padding-top:5px;
    padding-bottom:5px;
    border-top:1px solid rgb(41,41,41);
    width:100%;  
}
.foot-inside {
    margin:0 auto;
    max-width:1060px;
    display:flex;
    justify-content: space-around;
}


.content-box, .category-picker div {
    box-shadow: 0 6px 4px -20px rgba(0,0,0,0.5600000000000001), 0 4px 22px 0 rgba(0,0,0,0.12), 0 2px 0px -1px rgba(0,0,0,0.2);
}

.content-box {
    background:var(--main-dark);
    width:100%;
    position:relative;
    margin-bottom:20px;
}

.content-box .inner {
    border-left:1px solid rgb(41,41,41);
    border-right:1px solid rgb(41,41,41);
    border-bottom:1px solid rgb(41,41,41);
}

.post {
    display:flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    justify-content: space-between;
    align-items: center;
    position:absolute;
    width:100%;
    top:-10px;
    flex-flow: row wrap;
}

.post div:nth-child(1) {
    height:1px;
    max-width:100%;
    flex-grow:1;
    background: rgb(41,41,41);
    transition: all 0.5s ease;
    background: linear-gradient(90deg, rgba(41,41,41,1) 0%, rgba(46,46,46,1) 77%, rgba(13,196,0,1) 100%);
    position:relative;
}

.category-pc .post div:nth-child(1) {
    background: linear-gradient(90deg, rgba(41,41,41,1) 0%, rgba(46,46,46,1) 77%, rgba(255,165,0,1) 100%) !important;
}

.category-nintendo-switch .post div:nth-child(1) {
    background: linear-gradient(90deg, rgba(41,41,41,1) 0%, rgba(46,46,46,1) 77%, rgba(255,0,72,1) 100%) !important;
}

.category-xbox .post div:nth-child(1) {
    background: linear-gradient(90deg, rgba(41,41,41,1) 0%, rgba(46,46,46,1) 77%, rgb(52,182,0) 100%);
}

.post div:nth-child(1):after {
    content: '';
    height:1px;
    width: 0%;
    position:absolute;
    right:0;
    -webkit-transition: .6s ease;
    transition: .6s ease;
    z-index: 50;
    bottom: 0;
}

.content-box:hover > .post div:nth-child(1):after {
    content: '';
    background: rgb(255,165,0);
    height:1px;
    width: 100%;
    position:absolute;
    right:0;
    -webkit-transition: .6s ease;
    transition: .6s ease;
    z-index: 50;
    bottom: 0;
}

.content-box:hover > .category-xbox div:nth-child(1):after {
    background: rgb(52,182,0);
}

.content-box:hover > .category-pc div:nth-child(1):after {
    background: rgb(255,165,0,1);
}

.content-box:hover > .category-nintendo-switch div:nth-child(1):after {
    background: rgb(255,0,72,1);
}



.content-box:after, .content-box:hover:after {
    content: '';
    position:absolute;
    -webkit-transition: .6s ease;
    transition: .6s ease;
    right:0;
    z-index: 50;
    top: 0;        
}
.content-box:after {
    height:0%;
    width: 0%;
}

.content-box:hover:after {
    background: rgb(13,196,0,1);
    height:100%;
    width: 1px;
}

.category-pc:hover:after {
    background: rgb(255,165,0,1);
}

.category-nintendo-switch:hover:after {
    background: rgb(255,0,72,1);
}


.category-xbox:hover:after {
    background: rgb(52,182,0);
}



.post div:nth-child(2) {
    padding-left:15px;
    padding-right:15px;
    width:auto;
    background-image: linear-gradient(to top, var(--main-dark) 40%, transparent);
}

.post div:nth-child(3) {
    height:1px;
    background: rgb(13,196,0,1);
    width:3%;
}

.category-pc .post div:nth-child(3) {
    background: rgb(255,165,0);
}

.category-nintendo-switch .post div:nth-child(3) {
    background: rgb(255,0,72);
}

.category-xbox .post div:nth-child(3) {
    background: rgb(52,182,0);
}

a {
    text-decoration:none;
    color:#fff;
}

.content-box-title a {
    font-size:2em;
}

.content-box .inner  {
    display:flex;
    padding:15px;
    align-items:center;
}

.left {
}

.right {
    line-height:25px;
    flex-direction:column; 
    padding-left:15px; 
    flex-grow:1;
}

/** TAGS **/
.tag-runner {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom:15px;
}

.tag-runner .tag {
    border:1px solid #3d3d3d;
    padding:10px;
    background:#1d1d1d; 
    margin-right:10px; 
    border-radius:6px;
    margin-bottom:5px;
}

.tag-runner .tag:hover {
    background:#1b1b1b;
}

/** CATEGORY PICKER **/
.category-picker {
    display:flex;
    justify-content: space-between;
    align-items: center;
    height:50px;
    margin-top:0px;
    margin-bottom:20px;
}

.category-picker a {
    border:1px solid #3d3d3d;
    width:19%;
    padding:10px;
    background:#1d1d1d;
}

.category-picker a:hover {
    background:#1b1b1b;
}

.category-picker span {
    display:inline-block;
    height:12px;
    width:12px;
    margin-right:5px;    
}

.category-picker .category-pc {
    background:orange;
}

.category-one, .category-one:hover {
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

.category-one:hover {
    border:1px solid orange;
}

.category-picker .category-mobile {
    background:#7300ff;
}

.category-two, .category-two:hover {
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

.category-two:hover {
    border:1px solid #7300ff;
}

.category-picker .category-xbox {
    background:#34b600;
}

.category-three, .category-three:hover {
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

.category-three:hover {
    border:1px solid #34b600;
}

.category-picker .category-playstation {
    background:#006c99;
}

.category-four, .category-four:hover {
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

.category-four:hover {
    border:1px solid #006c99;
}

.category-picker .category-nintendo {
    background:#ff0048;
}

.category-five, .category-five:hover {
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

.category-five:hover {
    border:1px solid #ff0048;
}


/** CONTENT IMAGE NEWS **/
.content-image {

}

.content-image img, .content-image img:hover {
    -webkit-transition: .3s ease;
    transition: .3s ease;
}

.content-image .news-image {
    width:100%; 
    height:auto;
}

.news-image img {
    border:1px solid #333;
    border-radius:6px;
    width:220px;
    height:auto;
}


/** AUTHOR **/
.content-box-author {
    display:flex;
    justify-content: start;
    flex-direction: row;
    align-items: center;
    margin-top:5px;
}

.content-box-author div {
    padding-right:5px;
}

.content-box-author div:nth-child(1) {
    overflow:hidden;
}

.content-box-author div:nth-child(1) img {
    border-radius:50%;
    height:20px;
    width:20px;
    margin-top:7px;
}

.content-box-author div:nth-child(3) {
    color:#aaa;
}


/** BOTTOM NAVIGATION BUTTONS **/

.nav-links {
    display:flex;
    justify-content: space-around;
    align-items:center;
}

.next, .prev {
    padding-left:15px;
    padding-right:15px;
    padding-top:10px;
    padding-bottom:10px;
    background:#161616;
    border:1px solid rgb(41,41,41);
}

.current {
    padding-left:15px;
    padding-right:15px;
    padding-top:10px;
    padding-bottom:10px;    
    background:#161616;
    border:1px solid rgb(41,41,41);   
}

.page-numbers, .tag-runner .tag {
    -webkit-transition: .6s ease;
    transition: .6s ease;
}

.page-numbers {
    padding-left:15px;
    padding-right:15px;
    padding-top:10px;
    padding-bottom:10px;    
    background:#1f1f1f;
    border:1px solid rgb(41,41,41);
}

.page-numbers:hover, .current, .tag-runner .tag:hover {
    background:rgb(20, 20, 20);
    border:1px solid orange;
    -webkit-transition: .6s ease;
    transition: .6s ease;
}

/** TITLES && ARTICLE TEXT && IMAGES INSIDE ARTICLES **/
h1 {
    font-size:3em;
    margin-bottom:0px;
    margin-top:0px;
}

h1::first-letter {
    text-transform: capitalize;
}

.content-padding {
    padding-left:40px;
    padding-right:40px;
    padding-top:20px;
    padding-bottom:0px;
}

.entry-content {
    font-size:1.3em;
    font-family: 'cienka';
    text-align: justify;
    color:#b6b3af;
}

.entry-content img {
    border:1px solid rgb(41,41,41);
    box-shadow: 0 6px 4px -20px rgba(0,0,0,0.5600000000000001), 0 4px 22px 0 rgba(0,0,0,0.12), 0 2px 0px -1px rgba(0,0,0,0.2); 
    border-bottom:1px solid rgb(41,41,41);
}

.entry-content h1 {
    margin-top:10px;
    margin-bottom:10px;
}

article {
    display:flex; 
    flex-direction:column; 
    background:#1f1f1f; 
    border:1px solid rgb(41,41,41);
    box-shadow: 0 6px 4px -20px rgba(0,0,0,0.5600000000000001), 0 4px 22px 0 rgba(0,0,0,0.12), 0 2px 0px -1px rgba(0,0,0,0.2);
    border-radius:8px;
    overflow:hidden;
}

.article-category {
    display:flex;
    align-items: center;
    justify-content: center;
    margin-top:-10px;
    flex-wrap: nowrap;
    white-space: nowrap; 
    z-index:400;
}

.article-category div:nth-child(1) {
    background: rgb(255,165,0);
    height:1px;
    width:50%;
}

.article-category div:nth-child(2) {
    height:18px;
    width:auto;
    padding-left:15px;
    padding-right:15px;
    background-image: linear-gradient(to top, var(--main-dark) 60%, transparent);
}

.article-category div:nth-child(3) {
    background: rgb(255,165,0);
    height:1px;
    width:50%;
}

.article-image-set {
    width:100%; 
    height:300px; 
    overflow:hidden;
    position:relative;
    z-index:50;
}

.article-image-setting img {
    margin-top:-50px;
    width:100%;
}


.article-image-set:after {
    content:'';
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    background-image: linear-gradient(to top, var(--main-dark) 2%, transparent);
    z-index:100;
}



/** NAVIGATION **/
.pagination-single-inner {
    display:flex;
    justify-content: space-around;
    align-items: center;
}

.next-post {

}

.next-post .arrow {
    float:right;
    padding-left:5px;
}


/** HEIGHT FIX **/
#site-content {
}


/** SEARCH **/
.search-placement {
    display:flex; 
    flex-direction:row;
}

.discord_mobile {display:none;}

.error404-content {
    margin:0 auto;
    max-width:1060px;
    display:flex;
    justify-content: space-around;
    flex-direction: column; 
}

/** SINGLE PAGE REGULAMIN **/
.page-template-default .article-image-set {
    display:none;
}

.page-template-default span.kebab {
    display:none;
}

.page-template-default .entry-content li {
    padding-top:5px;
    padding-bottom:5px;
}

/** MOBILE **/
@media (max-width:4000px) {
    .is-provider-youtube iframe {
        width:800px;
        height:450px;
    }
}

@media (max-width: 800px) {
    .content-padding {
        padding:20px;
    }
    .content-box-author div:nth-child(1) {
        display:none;
    }
    .discord_mobile {
        display:flex;
        align-items:center;
        width:96%;
        margin:0 auto;
        background:#8a9cfe;
        height:35px;
        border-radius:6px;
        justify-content: space-between;
    }

    .discord_mobile img, .discord_mobile p {
        display:inline-flex;
    }
    
    .discord_mobile p {
        padding-right:10px;
        font-weight: bold;
    }

    .discord_mobile .discord {
        border:0px !important;
    }

    .main-menu {
        margin-bottom:10px;
    }

    .wp-block-image img {
        width:100%;
        height:auto;
    }
    figure {
        margin-inline-start: 0px;
        margin-inline-end: 0px;
    }
    figcaption {
        width:100%;
    }
    .wrapper {
        padding-left:5px;
        padding-right:5px;
    }
    .menu-wrapper {
        flex-direction: column;
    }
    .search-placement, .category-picker {
        display:none;
    }
    .inner {
        flex-direction: column;
    }
    .content-box .inner {
        align-items: inherit;
    }
    .news-image img {
        width:100%;
    }
    .right {
        padding-left:0px;
        padding-top:10px;
    }
    #wpadminbar {
        position:fixed;
        bottom:0px !important;
    }
    .article-image-set, .article-image-setting img, .wp-block-image img {
        height:auto;
    }
    h1 {
        font-size:2em;
    }
    .article-image-setting img {
        margin-top:0px;
    }
    .page-numbers {
        display:none;
    }
    .prev, .next {
        display:block;
    }
    .foot-inside {
        flex-direction: column;
        padding-left:10px;
    }
}


@font-face {
    font-family: 'normalna';
    src: URL('assets/fonts/OpenSans-Regular.ttf') format('truetype');
    font-display: swap;
  }

  @font-face {
    font-family: 'cienka';
    src: URL('assets/fonts/OpenSans-Light.ttf') format('truetype');
    font-display: swap;
  }  

  @font-face {
    font-family: 'gruba';
    src: URL('assets/fonts/OpenSans-Bold.ttf') format('truetype');
    font-display: swap;
  }


  .lyte-wrapper {
      width:100% !important;
      overflow:hidden;
      border-radius:10px;
  }

  .wp-block-embed-youtube figcaption {
      display:none !important;
  }


  /** DEBUGER **/
  /**
  table {
      width:100%;
      border:0px;
  }
  th {
      background:#0d0d0d;
      color:#fefefe;
      padding:5px;
      border:1px solid #2d2d2d;
  }
  td {
      background:#1d1d1d;
      color:#fafafa;
      padding:5px;
      border:0px;
      border-bottom:1px solid #2d2d2d;
  }
  **/