/*!
 Theme Name:   Wario Land 4 Hack Vault Theme
 Theme URI:    https://warioforums.com
 Description:  Wario Land 4 Hack Vault theme, based on Bootstrap and using regular styling.
 Author:       CM30
 Author URI:   https://gamingreinvented.com
 Version:      1.0
*/

@import "assets/css/bootstrap.min.css";

/** Main Background **/

body {
    background-image: url("assets/background.png");
    background-color: black;
    background-repeat: repeat-x;
    background-position: fixed;
    background-size: 700px;
}
.containerforcontainer {
  padding: 20px 0;

}
.container {
    border: solid white;
    border-radius: 8px;
    background-color: white;
}
.main-title {
    font-size: 2.5rem;
    padding: 20px 0;
}
/** Navbar **/
.navbar {
    justify-content: flex-end;
    li {
        padding: 0 20px;
    }
}
.menu {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    justify-content: flex-end !important;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    width: 100%;
    @media(min-width: 992px){
        flex-direction: row;
    }
    li {
        padding: 0 20px;
    }
    a {
        display: block;
        padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
        font-size: var(--bs-nav-link-font-size);
        font-weight: var(--bs-nav-link-font-weight);
        color: var(--bs-nav-link-color);
        text-decoration: none;
        background: none;
        border: 0;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
        padding-right: var(--bs-navbar-nav-link-padding-x);
        padding-left: var(--bs-navbar-nav-link-padding-x);
    }
}


/** Hack List **/
.hack-list {
    list-style: none;
    padding: 0;
}
.hack-title {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bolder;
  a {
    color: #000;
    text-decoration: none;
  }
}
.hack-description {
    margin: 0 0 20px;
    @media (min-width: 576px) {
        margin: 0;
    }
}
.hack-info {
    margin-bottom: 0;
}
.wp-post-image {
    max-width: 100%;
}
/** Badges **/

.badge-completed {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb),var(--bs-bg-opacity)) !important;
}
.badge-easy {
  background: #28a745;
}
.badge-hard {
  background: #b70e0e;
}
.badge-normal {
    background: #ffc107;
    color: #343a40;
}
.badge-wip {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity)) !important;
}