/* This increases the left hand gap between the edge of the screen and the text */
.site-grid {
   grid-gap: 0 1.5em;
}

/* Change mobile device hamburger to UKRAA yellow */
{}.container-header .navbar-toggler {
    border: 1px solid #ffff33;
    color: #ffff33;
    cursor: pointer;
}

.header {
   background-color: #0043BF;
   background-image: url("/images/AndrewBanner.jpg");
   background-repeat: no-repeat;
   background-size: cover;
}

/* @media only screen and (max-width: 768px) {
    .header {
        background-color: #0043BF;
        background-image: url("/images/header768.png");
        background-repeat: no-repeat;
        background-size: cover;
        }
}

@media (max-width: 1919px)  and (min-width: 769px) {
    .header {
        background-color: #0043BF;
        background-image: url("/images/header1024.png");
        background-repeat: no-repeat;
        background-size: cover;
        }
}

@media only screen and (min-width: 1920px) {
    .header {
        background-color: #0043BF;
        background-image: url("/images/header1920.png");
        background-repeat: no-repeat;
        background-size: cover;
        }
} */

/* .container-header {
    background-color: #0043BF !important;
    background-image: none !important;
} */

body {
   font-family: "Lucida Sans Unicode","Lucida Grande","Garuda","Malayalam",Arial,sans-serif;
   font-size: 1.0em;
   line-height: 1.3em;
   color: #333;
   background-color: #f4f6f7;
} 

H1 {
    font-size: 1.83em;
    line-height: 1.3em;
    color: #08C;
}

H2 {
    font-size: 1.5em;
    line-height: 1.3em;
    color: #08C;
}

H3 {
    font-size: 1.17em;
    line-height: 1.17em;
    color: #08C; 
}

H4 {
    font-size: 0.84em;
    line-height: 1.17em;
    color: #08C; 
}

a:hover {
    color: #0043BF;
    text-decoration: underline;
}

a {
    color: #08C; 
}

.breadcrumb-item.active {
    color: #FF3;
}

/* Change the colour of the footer */
.footer {
   background-color: #0043BF; 
   background-image: none;
}

/* added this so that custom footer module is displayed below breadcrumbs */
.footer .grid-child {
   display: block;
   padding-bottom: 5px ;
}

footer div.mod-footer {
    font-size: 14px;
    color: #FF3;
    align-items: left;
    padding-left: 16px; 
}

/* removed the top padding from header */
.grid-child {
   padding-top: 0px !important ;
}

/* reduce padding around navigation */
.grid-child .container-nav {
   padding-bottom: 0px !important ;
   padding-top: 0px !important ;
}

/* added a top border to articles and add a little padding underneath border */
/* .page-header { */
.item-content {
    border-top: 1px solid #bbb;
    padding-top: 10px ;
}

.item-page_ukraapage {
    border-top: none;
}

/* Remove the bottom margin from the banner */
.container-banner {
    margin-bottom: 0px !important ;
}

/* Change the pagination active colour to ukraa blue */
.page-item.active .page-link {
    background-color: #0043BF !important;
}

/* Change the top menu items from white to ukraa yellow */
.container-header .mod-menu {
    color: #ffff33;
}

/* Button colours */
.btn {
    background-color: #0043BF;
    color: #ffff33;
}

.btn:hover {
    background-color: #ffff33;
    color: #0043BF;
}

.btn-info {
    background-color: #30638D !important;
    color: #fff !important;
}

.btn-info:hover {
    background-color: #295478 !important;
    color: #fff !important;
}

/* Remove category name from under image on shop categories page */
.category_name {
    display: block;
    visibility: hidden;
    font-size: 1.5rem
    margin-top: 5px;
    margin-bottom: 5px;
}