/*
    Author: Laim McKenzie
    URL: https://gametrakr.laim.scot
    Copyright 2022 (c) Laim McKenzie
    Version: 3.0.0
    Note: Changing this file will affect all webpages on this website.  Ensure that changes are correctly tested in pre-prod first.
*/

:root {
    --href-grey: #adb5bd;
    --href-blue: #45bbe0;
    --off_white: #f2f8fb;
    --grayblue: #2c3440;
    --grayblueborder: #374655;
    --yellow: #F9F871;
}

html {
    position: relative;
    min-height: 100%;
}
  
body {
    background-color:var(--grayblue) !important;
    margin-top:20px;
}
  
body > .container {
    padding: 60px 15px 0;
}

header {
    margin-top: -20px !important;
}

hr {
    color: var(--grayblueborder);
}

nav.gt-bg-transparent {
    background-color: rgba(0,0,0,0.6);
}

.card {
    background-color: var(--grayblue) !important;
    border: 1px solid var(--grayblueborder) !important;
    border-radius: 3px !important;

}

.card-body {
    color: var(--off_white) !important;
}

.wd-85 { /* wd instead of w so i know its not bootstrap */
    width: 85% !important;
}

.fw-b {
    font-weight: bold;
}

h2.profile-page-heading {
    color: var(--href-grey);
    border-bottom: 1px solid var(--grayblueborder);
    font-size: 1rem;
    letter-spacing: .1rem;
    margin-bottom: 5px;
    padding-bottom: 5px;
    text-transform: uppercase;
}

div.profile-page-header {
    position: relative;
}

.blur-2p {
    filter: blur(2px);
    -webkit-filter: blur(2px);
}

.dropdown-toggle {
    color: white;
}

.dropdown-toggle:hover {
    color: #ecf2f5;
}

@media only screen and (max-width: 600px) {
    .wd-85 {
        width: 100% !important;
    }
}

footer#footer.container { 
    padding-right: 15px;
    padding-left: 15px;
}
  
footer#footer #footer-links a {
    color: var(--href-grey);
    text-decoration: none;
}
  
footer#footer #footer-links a:hover {
    color: var(--href-blue);
    text-decoration: none;
}