/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			prosilver (the default phpBB 3.3.x style)
	Based on style:
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		phpBB Limited ( https://www.phpbb.com/ )
    --------------------------------------------------------------
*/

@import url("normalize.css?hash=48eb3f89");
@import url("base.css?hash=7c5543be");
@import url("utilities.css?hash=d8f72c42");
@import url("common.css?hash=843d5d5f");
@import url("links.css?hash=18286e16");
@import url("content.css?hash=d0e24377");
@import url("buttons.css?hash=56f0d25f");
@import url("cp.css?hash=50d868ab");
@import url("forms.css?hash=9016b55c");
@import url("icons.css?hash=64da33ce");
@import url("colours.css?hash=fcb2f289");
@import url("responsive.css?hash=c9d32cba");

#site-description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    float: left;
    margin: 0;
    padding: 0;
}

#logo {
    display: block;
    margin: 0 0 8px 0;
}

.site_logo {
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 300px;
    height: 80px;
}

#site-description p {
    display: block;
    margin: 0;
    padding: 0;
    white-space: normal;
}

#site-description .skiplink {
    display: none;
}

.headerbar .inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

#search-box {
    margin-top: 0;
}

#site-description {
    display: flex;
    flex-direction: column;
}

@media (max-width: 700px) {
    #site-description {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    #logo,
    .site_logo,
    #site-description p {
        display: block !important;
    }

    .site_logo {
        width: 220px !important;
        height: 60px !important;
        background-size: contain !important;
    }
}




#site-description {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}

#logo {
    display: block;
    margin-bottom: 10px;
}

#site-description h1,
#site-description p {
    margin-left: 0;
    text-align: left;
}