/*
Theme Name: BV Mania
Theme URI: https://bvmania.com.au/
Author: BV Mania
Description: Restoration of the BV Mania club site.
Version: 1.0.4
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: bvmania
*/

* {box-sizing: border-box;}
body {font-family: Arial, Helvetica, sans-serif;background-image: url("assets/bg.jpg");}
.header {padding: 10px;margin: auto;border-radius: 25px;display: flex;
a:link {color:#114595}
a:visited {color:#029EF3}
a:hover {color:#0970C3}
a:active {color:#114595}
}
.headercontainer {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 20px;text-align: center;text-justify: inter-word;margin: auto;padding: 10px;font-size: 20px;
.p.business {color: #114595;font-size: 85px;text-shadow: 2px 2px #000000;}
.p.slogan {color: #000000;font-style: italic;font-size: 30px;}
.p.number {color: #000000;font-size: 30px;}
}
.menu {background-color: #FFFFFF;padding: 30px;position: sticky;top: 0;text-align: center;z-index: 2;
a:link {color:#114595}
a:visited {color:#029EF3}
a:hover {color:#0970C3}
a:active {color:#114595}
font-size: 25px;display: flex;justify-content: space-between;width: 60%;margin: auto;margin-top: 10px;border-top: solid #029EF3;border-bottom: solid #029EF3;border-radius: 25px;opacity: 0.9;}
.menu a {text-decoration: none;}
.home {background-color: #FFFFFF;text-align: center;
a:link {color:#114595}
a:visited {color:#029EF3}
a:hover {color:#0970C3}
a:active {color:#114595}
font-size: 25px;width: 100%;margin-top: 10px;}
.column {float: left;margin-top: 20px;margin-bottom: 20px;text-align: center;background-color: #FFFFFF;
a:link {color:#114595}
a:visited {color:#029EF3}
a:hover {color:#0970C3}
a:active {color:#114595}
}
.column.side {width: 20%;text-align: center;background-color: #FFFFFF;}
.column.middle {width: 60%;background-color: #FFFFFF;text-align: left;}
.column.middle p, .home p {color: #000000;}
.row::after {content: "";display: table;clear: both;}
.footer {background-color: #FFFFFF;padding: 10px;text-align: center;}
.copyright {background-color: #029EF3;padding: 10px;text-align: center;}
.copyright a:link, .copyright a:visited {color: #114595;}
.schedule-wrap {width: 100%;max-width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;}
.schedule {width: 100%;height: 1200px;border: 0;background: #fff;display: block;}
@media (max-width: 700px) {
.header {padding: 4px;}
.headercontainer {grid-template-columns: 1fr;padding: 4px 8px;grid-gap: 4px;}
.headercontainer .p.business {font-size: 34px;line-height: 1;text-shadow: 1px 1px #000000;}
.headercontainer .p.slogan {font-size: 18px;}
.headercontainer .p.number {font-size: 18px;}
.p.business img {height: 46px;}
.menu {width: 94%;padding: 12px 8px;font-size: 16px;flex-wrap: wrap;justify-content: space-around;row-gap: 6px;}
.column.side {display: none;}
.column.middle, .home {width: 100%;float: none;margin-top: 8px;}
.home {font-size: 18px;}
.container {font-size: 17px;padding: 12px;}
.schedule-wrap .schedule {width: 640px;max-width: none;height: 1400px;}
}
.container {display: grid;grid-template-columns: 1fr;grid-gap: 20px;text-align: left;padding: 20px;font-size: 20px;}
.p.business img {height: 76px;width: auto;vertical-align: middle;margin-right: 8px;}
.home h1 {font-size: 25px;font-weight: bold;line-height: 1.3;margin: 12px 16px 8px;color: #000000;}
.column.middle h1 {font-size: 22px;font-weight: bold;line-height: 1.3;margin: 0 0 10px;color: #000000;text-align: left;}
.sheet-wrap {width: 100%;max-width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;background: #fff;}
.sheet {border-collapse: collapse;background: #fff;color: #000;font-size: 14px;min-width: 640px;}
.sheet td {border: 1px solid #cccccc;padding: 3px 6px;white-space: nowrap;}
@media (max-width: 700px) {
.home h1 {font-size: 18px;margin: 8px 12px;}
.column.middle h1 {font-size: 20px;}
}
body.login {background: transparent url("assets/bg.jpg");font-family: Arial, Helvetica, sans-serif;min-height: 100vh;}
body.login #login {width: 60%;max-width: 720px;margin: 10px auto 20px;padding: 24px 28px 12px;background: #FFFFFF;border: 0;border-radius: 0;box-shadow: none;float: none;}
body.login #login h1.wp-login-logo {display: none;}
body.login h1.bvmania-login-title {font-size: 22px;font-weight: bold;line-height: 1.3;margin: 0 0 16px;color: #000000;text-align: left;}
body.login form {margin-top: 0;padding: 0;background: transparent;border: 0;box-shadow: none;}
body.login label {color: #000000;font-size: 16px;}
body.login form .input,
body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"] {font-size: 18px;border: 1px solid #029EF3;border-radius: 0;background: #FFFFFF;color: #000000;box-shadow: none;}
body.login .button.button-primary {background: #114595;border-color: #114595;color: #FFFFFF;text-shadow: none;box-shadow: none;}
body.login .button.button-primary:hover,
body.login .button.button-primary:focus {background: #0970C3;border-color: #0970C3;}
body.login #nav,
body.login #backtoblog {text-align: left;padding: 0;}
body.login #nav a,
body.login #backtoblog a {color: #114595;}
body.login .message,
body.login .success,
body.login #login_error {box-shadow: none;border-left-color: #114595;}
body.login .language-switcher {width: 60%;max-width: 720px;margin: 0 auto 16px;}
body.login .footer {margin-top: 12px;}
@media (max-width: 700px) {
body.login #login,
body.login .language-switcher {width: 100%;margin-top: 8px;padding-left: 12px;padding-right: 12px;}
body.login h1.bvmania-login-title {font-size: 20px;}
}