/**
 * This file provides the design styles for the page footer
 *
 * @author Jana Deutschlaender <deutschlaender@cosmocode.de>
 */


/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* no print */

@media screen {
    .page-footer {
        min-height: @page-header_height;
        background-color: @background_page-header;
        border-top: 1px solid @color-border-light;
        border-radius: 0 0 @fix_border-radius @fix_border-radius; // @border-radius vs. @fix_border-radius
        font-size: @font-size-default;
        text-align: right;
        padding: @margin-small @margin-default;

        bdi {
            font-weight: bold;
        }
    }

    #dokuwiki__footer {
        .main-footer {
            position: relative;
            z-index: 2;
            box-sizing: border-box;
            background-color: @color-site-bg;
        }

        p {
            font-size: @font-size-default;
            margin: 0;
        }
    }
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* min-width: 1024px */

@media @screen_min-md {
    #dokuwiki__footer {
        .col-xs-12 {
            float: right;
            width: 100%;
        }

        .main-footer {
            padding: @margin-default 0;
        }
    }

    .showSidebar {
        #dokuwiki__footer {
            .col-xs-12 {
                width: 73%;
            }
        }
    }

    .wide-content {
        &.showSidebar {
            #dokuwiki__footer {
                .col-xs-12 {
                    margin-left: @toggle-showsidebar_width;
                }
            }
        }
    }
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 1023px */

@media @screen_max-md {
    #dokuwiki__footer {
        .main-footer {
            margin-top: .5rem;
            padding: (@margin-default - .5) 0 @margin-default;
        }
    }
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 768px */

@media @screen_max-xs {
    .page-footer {
        padding-left: @margin-small;
        padding-right: @margin-small;
    }

    #dokuwiki__footer {
        .main-footer {
            > * {
                padding-left: 0;
                padding-right: 0;
            }
        }
    }
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* max-width: 480px */

@media @screen_max-xxs {
    #dokuwiki__footer {
        .main-footer {
            > * {
                padding-left: @margin-small;
                padding-right: @margin-small;
            }
        }
    }
}