@import "../node_modules/bootstrap/scss/bootstrap";


body {
background-image:url(../images/background.jpg);
background-repeat:repeat;
}

/*************************** Container Styling  ***************************/



/*************************** Logo Styling  ****************************/

#logo {
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  width:100%; 
}

#ljplogo {padding:0rem; max-width:150px; margin-bottom:.25rem;}

/*************************** Top Bar With Collage  ****************************/

.headerbar {
   -webkit-filter: drop-shadow(5px 5px 5px #222);
    filter: drop-shadow(5px 5px 5px #222);
    background-image:url(/images/header.jpg);
    background-repeat:repeat-x;
    min-height:183px;
}


/**************************** The left sidebar and nav  ****************************/

.navcolumn {background-color:#fff; color:#000; padding-top:2rem;}

/* Stop the hamburger icon from jiggling on hover */
.navbar-toggler {
  padding:0!important;   
  margin-left: auto;
  margin-right: auto;
}


.navbar-nav {
  display:block; 
  width:100%; 
  margin-top: .25rem;
  text-indent:10%;
}

/* Change nav link colour */
.navbar-light .navbar-nav .nav-link {
  color: #000;
  font-size:14pt;
  background-color:whitesmoke;
  padding:.25rem;
  margin-bottom:.25rem;
}

.navbar-light:hover .navbar-nav:hover .nav-link:hover {
  color:#fff;
  background-color:#7a5fa0; 
}

.icons {text-align:center; margin-top:1rem;}
.icons img {margin:0rem .2rem 1rem .2rem;}


/**************************** General Styling  ****************************/

.col {text-align:center;}

.centered {text-align:center;}

h1 {margin-bottom:2rem;}

a.whitelink {color: #fff; text-decoration:underline;}

.transparent {background:transparent;}

li {margin-bottom:5px;}

/**************************** The content area  ****************************/

.contentcolumn {padding:1rem;}
.contentcontainer {background-color:#fff; padding:1rem;}

/**************************** Back to top button  ****************************/

#btn-back-to-top {
  position: fixed;
  bottom: 60px;
  right: 20px;
  display: none;
}

button {
  color: #5e5e5e;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
  background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
  background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
  background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
  background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb);
border: 1px solid #ccc;
  border-radius: 3px;
  font-family: inherit;
  padding: 6px;
}

button:hover {
  color: #5e5e5e;
  background-color: #ebebeb;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
  background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
  background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
  background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
  background-image: linear-gradient(to bottom, #f9f9f9, #ebebeb);
border: 1px solid #ccc;
  border-radius: 3px;
  font-family: inherit;
  padding: 6px;
}

.scrollup {z-index:1000; }

/**************************** Footer bar  ****************************/

#copyright {
  padding-top:1rem!important;
  padding-bottom:1rem!important;
  color:#fff;
	background:#7a5fa0; 
	z-index:-999; 
	min-height:50px; 
	-webkit-box-shadow: 0px -4px 15px -1px #222; 
	box-shadow: 0px -4px 15px -1px #222;
  }


/**************************** Media queries  ****************************/

/* Larger than desktop */
@media (min-width: 1081px) {
.hideonlarge {display:none; height:auto;}
.contentcontainer {background-color:#fff; padding:4rem; max-width: 1200px;
    margin-left: auto;
    margin-right: auto;}
.contentcolumn {padding:2rem;}
}

/* Smaller than desktop */
@media (max-width: 809px) {

.hideonsmall {display:none;}

.navbar-nav {
  display:block; 
  width:70%; 
  margin-top: .25rem;
  margin-left:auto;
  margin-right:auto;
  text-indent:1rem;
}