@charset "UTF-8";
/* CSS Document */

.shellisblue{color:#193c8c}

a.btn.shelliscolour{color:#ffffff;background-color:#007bff}

/* this relates to the gallery pages*/

.container.jjgallery{
            background: #f9f9f9;
        }
  
.flex-column { 
       max-width : 260px;
	   
 img {
            margin: 5px	
        }

.scale {
            transform: scaleY(1.05);
            padding-top: 5px; 
        }
   }

/*custom navbar navigation colours see inc/nav.php*/
.container.jjnavigation{
	background: #193C8C;}
.container.jjnavigation a.nav-link{
	color:#cccc33}
.container.jjnavigation a{
	color:#cccc33}
.dropdown-menu.dropdown-menu-right.show a.dropdown-item{
	color:#193c8c}
/* change the navbar background color inline - was difficult to target*/

h1, h2, h4 {color:#193c8c}
p.jjpaddingtop5{padding-top:5%}
p.jjpaddingtop70{padding-top:20%}

.masonry { /* Masonry container */
  column-count: 4;
  column-gap: 1em;
}

.item { /* Masonry bricks or child elements */
  background-color: #eee;
  display: inline-block;
  margin: 0 0 1em;
  width: 100%;
}

.grid-item { width: 200px; }
.grid-item--width2 { width: 400px; }

html {
  position: relative;
  min-height: 100%;  /* helps keep the sticky at the bottom */
}

body {
  margin-bottom: 120px; /* Margin bottom by footer height - I increased it here to give some white space*/
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 10px; /* Vertically center the text there - this seems to work*/
  background-color: #f5f5f5;
	
}