/*
Theme Name: Knockout
Theme URI: https://knockout.qodeinteractive.com
Description: Boxing & Martial Arts Theme
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Text Domain: knockout
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

#frontpageSidebox {
    background: rgba(64, 64, 64 , 0.95);
    min-height: 500px;
    max-width: 90%;
    min-width: 320px;
    padding: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999;
    color: white;
    border-left: 20px solid rgba(00,00,00,0.95);
}

#closeMeButton {
    position: absolute;
    background: url(assets/img/closeButton.png);
    float: right;
    top: 20px;
    right: 20px;
    background-size: cover;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.left-red-box {
    background: #dd0000!important;
    color: white;
    max-height: 600px;
    padding-top: 25px;
}
.left-red-box p, h2 {
    padding-left: 25px;
}


.left-light-grey-box {
    background: #555555!important;
    color: white;
    max-height: 600px;
    padding-top: 25px;
}
.left-light-grey-box p, h2 {
    padding-left: 25px;
}


.right-grey-box {
    background: #212121;
    color: white;
    max-height: 600px;
    padding-top: 25px;
}

.right-grey-box p, h2 {
    padding-left: 25px;
}

.right-image-box {
    display: flex;
    justify-content: center;
    overflow: hidden;
    max-height: 600px;
    vertical-align: top;
}

.right-image-box img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
    align-self: center;
}

.left-image-box {
    display: flex;
    justify-content: center;
    vertical-align: top;
    overflow: hidden;
    max-height: 550px;
}

.left-image-box img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
}

.frontpage-red-box {
    background: #dd0000!important;
    color: white;
    padding-top: 25px;
}

.frontpage-black-box {
    background: #000000!important;
    color: white;
    padding-top: 25px;
}

.frontpage-grey-box {
    background: #212121!important;
    color: white;
    padding-top: 25px;
}
.frontpage-grey-box p {
    margin: 25px;
}

.frontpage-grey-box h2 {
    color: white!important;
}

.frontpage-grey-box .wp-block-button {
    margin: 25px;
}

.frontpage-black-box h2 {
    color: white;
}
.frontpage-black-box p {
    margin: 25px;
}

.frontpage-image-box {
    min-height: 400px;
    padding-top: 0;
    display: flex;
    justify-content: center;
    vertical-align: top;
    overflow: hidden;
}

.frontpage-image-box img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
}

.frontpage-red-box p {
    margin: 25px;
}

.wp-block-columns {
    position: relative;
    margin-right: 0;
    margin-left: 0;
    gap: 0;
}

#qodef-page-inner {
    width: 100%!important;
}