@import 'colors.css';

:root {
    --foot-height:90px;
}

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

/* exclude from printing */
@media print {
  div#foot { display:none; }
  div#buttons {display:none; }
}
/* endexclude */


/* header */

div#head {
    text-align: center;
}

img.tournament_header {
    width:100%;
    max-width:768px;
    max-height:120px;
    object-fit:contain;
}

img.landing_header {
    width: 60%;
    max-width:400px;
    margin-top:20px;
}


/* body / content */

div#body {
    margin-left:5%;
    margin-right:5%;
    padding-top:20px;
    min-width:300px;
    padding-bottom:20px;
}

div#content {
    min-height:100%;
    margin-bottom:calc(var(--foot-height) * -1);
}

div#buttons {
    margin-top:10px;

}


/* footer */

div#foot, div#push {
    width: 100%;
    height: var(--foot-height);
}

div#foot {
    border-top: 2px solid lightgray;
    background-color:white;
    display:flex;
    flex-wrap: wrap;
}

div#foot_logos {
    min-width:220px;
    height:var(--foot-height);
    flex: 1 1 220px;
}
@media (max-width: 740px) {
    div#foot_logos {
        display:none;
    }
}

@media (max-width: 520px) {
    div#foot_links {
        padding-top: 0px !important;
        height: 45px !important;
    }
}

div#foot_links {
    min-width:220px;
    height:var(--foot-height);
    padding-right:5%;
    padding-top:37px;
    text-align:right;
    flex:1 1 220px;
}

div#foot_login {
    min-width:300px;
    height:var(--foot-height);
    padding-top:12px;
    flex: 1 1 auto;
}

div#foot a {
    color:#666666;
    text-decoration: none;
}

div#foot a:hover {
    opacity:70%;
}

div#foot_login_box {
    display:flex;
}

div#foot_login_text {
    flex: 1 1 50%;
    text-align:right;
    padding:8px;
}

div#foot_login_logo {
    text-align:left;
    flex: 1 1 50%;
    padding:5px;
}

div#foot_login_logo img {
    width:140px;
}


/* Headlines */

h1 { /* tournament header */
    padding-top:30px;
    margin-bottom:0px;
    color: var(--bs-secondary-light);
    font-weight:bolder;
    font-family:"Trebuchet MS";
}

h2 {
    color:#888896;
}

h3 {
    color:#888896;
}

h4 {
    color:#444455;
}


/* Buttons */

.btn-primary {
    color:white;
    background-color:var(--bs-primary);
    border-color:var(--bs-primary);
}

.btn-primary:hover {
    background-color:var(--bs-primary-light);
    border-color:var(--bs-primary-light);
}

.btn-light:hover {
    background-color:var(--bs-primary-shade);
    border-color:var(--bs-primary-shade);
}


/* icons */

i.bold {
    -webkit-text-stroke:1px;
}

i.semibold {
    -webkit-text-stroke:0.5px;
}

i.miniicon-blue {
    color:var(--bs-primary);
}

i.miniicon-darkblue {
    color:var(--bs-primary-dark)
}

i.miniicon-orange {
    color:var(--bs-secondary)
}

.btn-icon-hover-left i {
    margin-left:3px;
    margin-right:0px;
    transition:
        margin-left 0.5s,
        margin-right 0.5s;
}

.btn-icon-hover-left:hover i {
    margin-left:0px;
    margin-right:3px;
    transition:
        margin-left 0.5s,
        margin-right 0.5s;
}

.btn-icon-hover-right i {
    margin-left:0px;
    margin-right:3px;
    transition:
        margin-left 0.5s,
        margin-right 0.5s;
}

.btn-icon-hover-right:hover i {
    margin-left:3px;
    margin-right:0px;
    transition:
        margin-left 0.5s,
        margin-right 0.5s;
}