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

body {
	background-color: #EAEDED
}

.album.bg-light {
	background-color: #EAEDED
}
.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
}

.collapse:not(.show) {
  display: none;
}
		
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb),var(--bs-bg-opacity)) !important;
}

*, ::after, ::before {
  box-sizing: border-box;
}

/* added to change the menu toggler colour - added !important to override bootstrap formatting
    => https://www.codeply.com/go/4FdZGlPMNV
    add tooltip to button 
    => https://getbootstrap.com/docs/4.0/components/tooltips/
*/  
 .custom-toggler .navbar-toggler-icon { 
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(13, 110, 253, 0.5)' stroke-width='5' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
  }   
      .custom-toggler.navbar-toggler {
      border-color: rgb(13, 110, 253) !important;
      } 

  .btn {
    cursor: default !important;
  }
/* end button colour */

/* Remove padding*/
/* Around container of Logo and menu */
.navbar {
padding-top: .0rem !important;
padding-bottom: .5rem !important; /* needed to stop munu running into body */
}
.navbar-brand {
  padding-top: .0rem !important;
  padding-bottom: .0rem !important;
  }
/* Around menu items and About and Contact */
.col-sm-8.col-md-7.py-4 {
  padding-top: .5px !important;
  padding-bottom: 0px !important;
}
.col-sm-4.offset-md-1.py-4 {
  padding-top: .5px !important;
  padding-bottom: 0px !important;
}
/* end remove padding */

/* Bottom bar */
/* https://codepen.io/dcode-software/pen/BaBYGYW */
.bottom-bar {
  padding: 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #333333;
  color: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
}

.bottom-bar__content {
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.bottom-bar__content > * {
  display: flex;
  align-items: center;
}

.bottom-bar__text {
  padding-right: 10px;
}

.bottom-bar__close {
  background: none;
  border: none;
  color: #ffffff;
  cursor: pointer;
  font-size: 2em;
}