/* =========================================================
   JOOMLA ARTICLE ALIGNMENT

   Default article content to left alignment.
   Individual paragraphs/headings may still be explicitly
   centred, right-aligned, etc. within an article.
   ========================================================= */

body .item-page.layout-default.no-sidebar .top-article-info {
    text-align: left !important;
}


/* =========================================================
   DREAMWEAVER HEADER THUMBNAIL

   Thumbnail displayed beside the text-based site logo:
       DreamWeaver
       1985 Catalina 30 Mk I

   LOGO PLACEMENT:
       Set --dw-logo-placement to either:
           left
           right

   Example:
       --dw-logo-placement: left;

   The image is displayed smaller than its native 56 x 80 px
   size to keep it visually balanced with the site-name text.
   ========================================================= */

:root {
    --dw-logo-placement: left;

    --dw-logo-width: 32px;
    --dw-logo-height: 46px;
    --dw-logo-gap: 8px;
}


/* Allow the logo block to shrink-wrap the thumbnail + text */
.logo-text {
    display: inline-block;
    min-height: var(--dw-logo-height);
    vertical-align: middle;
}


/* DreamWeaver thumbnail image */
.logo-text::before {
    content: "";
    float: var(--dw-logo-placement);

    width: var(--dw-logo-width);
    height: var(--dw-logo-height);

    margin-left: var(--dw-logo-gap);
    margin-right: var(--dw-logo-gap);

    background-image: url("/images/SiteAssets/Thumbnails/DW_at_Georgian_Shores_Marina_IMG_5483_2016-06-17_cropped_56x80_ws.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}