/* see https://coolcat-creations.com/en/blog/customize-your-cassiopeia-template */
/* Import font from Google - Go to fonts.google.com, select a font and look for the import command */

/* Commented out for now
@import url('https://fonts.googleapis.com/css2?family=Georama:wght@100&display=swap');
*/

/* Use the importeed font (See first lines of the document) on the page: On Google you can also find the CSS instruction for using the font. If you put this in the body element then the font will be used on the whole website. */

/* Commented out for now
body {
    font-family: 'Georama', sans-serif;
}
*/

/* Smaller banner */

.container-banner .banner-overlay
{
    background-position:50% 75%;
    height: 40vh;
}

/* Lighten Banner Overlay Text Background so that you can see the image more clearly. */
.container-banner .banner-overlay .overlay
{
    background-color:rgba(0,0,0,0);
}

/* Add float-none image class */

.none.item-image
{
    float: none;
}