/*  Customised by MJC.

See also custom CSS in the JEvents module

*/

/*
// this makes the banner background image a sensible height
/* CLASSIC BANNER */
.container-banner .banner-overlay { 
        height: max(300px, 50vh); 
}
@media (min-width: 768px) {
    .container-banner .banner-overlay {  
              height: max(300px, 45vh);
    }
}
@media (min-width: 992px) {
    .container-banner .banner-overlay { 
        height: max(300px, 40vh);
    }
}
@media (min-width: 1200px) {
    .container-banner .banner-overlay { 
        height: max(300px, 35vh);
    }
}

/* this makes the banner background image a sensible size */
#mod-custom118 {
	background-attachment: scroll;
	background-position: center;    
}

.container-banner .banner-overlay .overlay {
  justify-content: start;
  
}

.container-banner .banner-overlay .overlay h1 {
  font-size: calc(3.375rem + 1.5vw);
}


/* this make an image in below-top fit edge-to-edge with no padding */
.grid-child.container-below-top {
	padding: 0 !important;
}


/* set colours */
:root{
--body-bg: rgb(35,29,29);
--link-color: rgb(138,138,138);
--link-hover-color: rgb(137,136,134);
--body-color: rgb(138,138,138);
  
  /*3. Adjust Cassiopeia Color Scheme*/
	--cassiopeia-color-primary: rgb(137,136,134);
	--cassiopeia-color-link: rgb(138,138,138);
	--cassiopeia-color-hover: rgb(137,136,134); 
}



/* style the intro images for the articles */
.mod-articles-image img{
  border: 7px solid rgb(138,138,138);;
  border-radius: 40% 20%;
	/* border-radius: 100%; */
    /* border: 10px solid #000; */

}

/* remove border from Intro text (note this probably removes it from elsewhere also :-(  */
.card{
  --card-border-width: 0;
}