/* gritstoneedge.co.uk 	        */
/* version 3.0 2019-11-01 		*/

/* 	Table of contents 			*/
/*	1. Default Styles			*/
/*	2. Define the id styles  	*/
/*	3. Define the class styles  */
/*  4. Bootstrap changes        */

/*  Set up the colours */
:root {
	--background : #c0c0c0 ;
    --darkgrey : #404040 ;
	--black : #000000 ;
    --blue : #0000ff ;
    --green : #00ff00 ;
    --grey : #909090 ;
    --lightred : #f09090 ;
    --red : #ff0000 ;
	--site : #a00000 ;
	--white : #ffffff ;
}

/* 1. Redefine default htML5 Styles */
/*-------------------------------------------------*/

/*  2. Define id styles */
#advert {
    text-align : center ;
    margin-bottom : 10px ;
}
#copyright {
    border : 0px ;
}
#copyright .card-body {
    border : 0px  ;
    background-color : var(--background) ;
	color : var(--site) ;
	font-size : 0.85em ;
}
#footer .card-body{ 
    padding : 20px ;
	background-color : var(--darkgrey) ;
	color : var(--white) ;
	font-size : 0.85em ;
}
#footer .card-body a{ 
	color : var(--white) ;
}
#gritstoneedge{
    background-color : var(--background) ;
}
#header { 
    color : var(--site) ; 
    margin-top : 10px ;
}
#link .card {
    border : 2px dashed var(--black) ;
}
#MyCarousel{ padding : 0px ; }
#map {padding : 0px ; }
#notice {
    border : 1px solid var(--site) ;
    padding : 5px ;
    background-color : var(--lightred);
    color : var(--red) ; 
    font-size : 0.85rem ;
} 
#notes {
    font-size : 0.85rem ;
}
#single-image .card-body {
    padding : 0px ;
}
#single-image h1 {
    font-size : 1em ;
    color : var(--grey) ;
    text-align : center ;
}
#title{ 
    color : var(--site) ; 
    text-align : center ;
}
#weather .card-body {	
	background-color : var(--black) ;
	color : var(--white) ;
}
#weather h1 {
	font-size : 2.0em ;
	text-align : center ;
	color : var(--site) ;
}
#weather h2 {
	font-size : 1.5em ;
	text-align : center ;
	color : var(--white) ;
}
#weather h3 {
	font-size : 1.2em ;
	text-align : center ;
	color : var(--white) ;
}
/*-----------------------------------------------*/

/*  3. Define class styles */
.bold { font-weight : bold ; } 
.center {text-align : center ; }
.site { color : var(--site) ; }
.tableleft {
	text-align : right ;
	vertical-align : top ;
	width : 35% ;
}
.tableright {
	text-align : left ;
	vertical-align : top ;
	width : 65% ;
}
/*------------------------------------------------*/

/*  4. Bootstrap Changes */
.card {
    margin-bottom : 10px ; 
    border : 1px solid var(--black) ;
}
.card-header {
	background-color : var(--site) ;
	text-align : center ; 
	color : var(--white) ;
	font-size : 1.0rem ;
}

/*------------------------------------------*/