/* 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;
}
*/

/* Change Brand Logo and text to in line */
.navbar-brand {
    display: inline-flex !important;
}

.brand-logo {
	margin-right: 20px;
}

/* Change size and color of site title */
.container-header .site-description 
{
    color: #ffcc00;
    font-size: 2.5rem;
    white-space: normal;
}

/* 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.5);
}

/* Add float-none image class */

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

/* Change Footer Text for Copyright */
.footer
{
    color: #ffcc00;
    font-size: 1.5rem;
}