/* vim: set ft=css:
   usefull: set nodiff, set nofoldenable */

/* CSS pre index.php */

#mainContent {
    max-width: 60rem;
}
#mainContainer {
    padding: 0 ;
}
#loginFormContainer {
    display: inline-block;
    width: 48%;
    margin-top: 2rem;
}
.loginFormHeader {
    font-size: 2rem;
    text-align: center;
    color: rgba(0, 0, 0, 0.7);
    background-color: DarkGray;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    line-height: 3.5rem;
}
#loginForm {
    min-height: 16.5rem;
    border-top: solid .2rem var(--supp_borders_color);
    background-color: var(--headers_bg_color);
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
    padding-bottom: 0.3rem;
}
#widgetsContainer {
    margin: 0 1rem 0 1rem;
}
#widgetContainer {
    color: var(--headers_color);
    display: inline-block;
    width: 48%;
    margin-top: 2rem;
    float: right;
}
input {
    border-radius: .3rem;
    display: block;
    margin: 1.2rem auto;
}
#widget {
    padding: 1rem;
    background-color: var(--headers_bg_color);
    border-top: solid .2rem var(--supp_borders_color);
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
}
#widget div {
    padding-top: 0.5rem;
}
#widget hr {
    height: 1px;
    background-color: gray;
    width: 70%;
}
#privacy_policy {
    background-color: var(--help_bg_color);
    font-size: 1rem;
    text-align: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
#okrasny_pasik {
    position: absolute;
    left: 0;
    width: 100%;
    height: 5.5rem;
    background-color: var(--menu_bg_color);
    z-index: -1;
}
#navBar {
    border: 0;
    padding-left: 1rem;
}
/* na intex stránke môže byť prítomné tlačidlo na prihlásenie prostredníctvom tretej strany */
.thirdPartyLoginButton {
    width: 90%;
    border-radius: .5rem;
    margin: 1rem auto 1rem auto;
    padding: .3rem;
    background-color: var(--inputs_bg_color);
    color: var(--inputs_color);
    line-height: 3rem;
}
.thirdPartyLoginButton:hover {
    filter: brightness(0.95);
}

/* begin bottom_framework_info */
.bottom_framework_info {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    opacity: 0.4;
    border-top: solid red 1px;
    height: 60px;
    width: 140px;
}
.bottom_framework_info_vspacer {
    display: inline-block; height: 100%;
}
.HTML5_Logo {
    position: absolute;
    top: 5px;
    width: 50px;
    height: 50px;
}
.HTML5_Styling {
    position: absolute;
    top: 24px;
    left: 43px;
    width: 22px;
    height: 22px;
}
.HTML5_Semantics {
    position: absolute;
    top: 20px;
    left: 62px;
    width: 20px;
    height: 22px;
}
.powered_by {
    text-align: center;
}
/* end bottom_framework_info */

/* responsive dizajn pre velmi uzke zariadenia */
@media screen and (max-width: 320px) {

    #loginFormContainer {
        display: block;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    #widgetContainer {
        display: block;
        float: none;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}