/** 	Q U I V I S   BO D Y **/
BODY { background-image: url(../images/website/paper.jpg);
	background-color: Silver;
	background-repeat: repeat; }

/** TEXT READABILITY CONTAINER **/
/* Base styles - fluid container on smaller screens */
.narrow-text {
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
  line-height: 1.6;
  /* No max-width here initially, so it's fluid */
}

/* On medium screens and above, apply the max-width */
@media (min-width: 768px) { /* Bootstrap's 'md' breakpoint */
  .narrow-text {
    max-width: 804px;
  }
}
/* end narrow text */

/** L O G **/
  
.logtable {	background-color: #A29B7F; 
			background-image: url(../images/website/foxed.jpg);
			border-collapse: separate;
			border-spacing: 0; /* no spaces between contiguous borders */
			font-family: 'Satisfy', cursive; }
			
/* COL 1 DATA */
.logleft { 	width: 5%;
			text-align: right;
			vertical-align: auto;}

/* COL 2 DATA */
.logtopdata {
			border-left: 0;
			border-right: 0;
			border-top: 0;
			border-bottom: 3px double maroon; }
		
.logdate { 
		width: 20%;
		border-left: 0;
		border-right: 3px double red;
		border-top: 0;
		border-bottom: 2px solid grey;
		text-decoration: none;
		padding-top: 0.5em;
		text-align: right;
		padding-right: 0.5em;
		vertical-align: top; }
		
.loglastdate { 
		width: 20%;
		border-left: 0;
		border-right: 3px double red;
		border-top: 0;
		border-bottom: 0;
		text-decoration: none;
		padding-top: 0.5em;
		text-align: right;
		padding-right: 0.5em;
		vertical-align: top; }		
		
.loglatlong { border-left: 0;
		border-right: 3px double red;
		border-top: 0;
		border-bottom: 2px solid grey;
		text-align: right; 
		vertical-align: top; 
		font-size: 0.8em;
		text-decoration: underline; }	
			
.logback { border-left: 0;
	text-align: center;
  	border-right: 3px double red;
	border-top: 3px double maroon;
  	border-bottom: 0; }			

/* COL 3 LOG ENTRIES */		
.logtopentry { 
				width: 65%;
				border-left: 0;
				border-right: 1px solid red;
				border-top: 0;
				border-bottom: 3px double maroon;
				font-size: 1.2em;
				text-align: center; }

.logentry { 
			width: 65%;
			border-left: 0;
			border-right: 1px solid red;
			border-top: 0;
			border-bottom: 2px solid grey;
			padding: 0.5em 1em 0.5em 1em;
			font-size: 1.2em;
			text-align : left; }
			  
.loglastentry { 
			width: 65%;
			border-left: 0;
			border-right: 1px solid red;
			border-top: 0;
			border-bottom: 0;
			padding: 0.5em 1em 0.5em 1em;
			font-size: 1.2em;
			text-align : left; }
	
.logpage { border-left: 0;
	border-right: 1px solid red;
	border-top: 3px double Maroon;
	border-bottom: 0;
	text-align: center;
	padding-top: 0.5em; }	

/* COL 4 RIGHT BLANK + NEXT*/

.lognext { 	border: 0;
			text-align: center; }
	
 /* end log style */
 
 /** TEXT LINKS **/
  a.textlink:link, a.textlink:visited {color:#1B6AA5;
  font-style:italic; text-decoration:none;  }

  a.textlink:hover, a.textlink:active {background:#ffefd5; color:#b93a32;
  font-style:italic; text-decoration:none; }
  /* end textlinks */ 

/** GOOGLEFONTS **/
.titlefontdiner {
font-family: 'Fontdiner Swanky', cursive; }
.titleirish {
font-family: 'Irish Grover', cursive; } 
.titlerakkas {
font-family: 'Rakkas', cursive; }
/** end googlefonts **/

/** GOOGLEFONTS HANDWRITING BS5 **/
.titlesatisfy {
font-family: 'Satisfy', cursive; color: #3c1310; } 
.titlekaushan {
font-family: 'Kaushan Script', cursive; color: #3c1310; }
.titlehomemade {
font-family: 'Homemade Apple', cursive; color: #3c1310; }
/** end googlefonts handwritinhg **/

/** COLOURS BS5 **/
.dkblue {color: #1A237E; }
.ltblue {color: #0277BD; }
.dkgreen {color: #1B5E20; }
.ltgreen {color: #2E7D32; }
.brown {color: #4E342E; }
.dumblue {color: #0D47A1; }
.red {color: #D32F2F; }
.orange {color: #F57C00; }
.grey {color: #545454; }
/* end colours */

.quote {display: block; color: Maroon; font-style: italic;
	padding: 10px 20px 5px 50px; }
.indent {text-indent: 2em; } /* Or use e.g. 30px */
.inlinequote {display: inline; color: Maroon; font-style: italic; }
.sup { vertical-align: super; font-size: smaller; font-weight: bold; }
.sub { 	vertical-align: sub; font-size: smaller; }
.boatname {font-variant: small-caps; font-weight: bold; }
.smcaps { font-variant: small-caps; }
.note { font-size: 0.8em; /* Adjust as needed) */
  color: black; font-weight: bold; }
.fnote {
    font-size: 1.0em; /* Over-rides BS5 size reduction */
	font-weight: bold; } /* or 700, 800, 900 for bolder */
/* end misc formatting */