/* Brian Currin CSS for Rock.co.za and SugarMan.org */

/* Supplement to W3.css */

body {
	background-color: ghostwhite;
}

/* Google Search Box */

.gsc-control-cse {
    border-radius: 12px;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		background-color: #ffffcb !important;
}
	.gsc-search-button .gsc-search-button-v2 {background-color:#36845d;}
	


/* responsiveness for embeds and things */

iframe {
	border: none;
	overflow: hidden;
	padding-bottom: 20px;
}

.iframe {width: 60%;}

.youtube {width: 60%;}

.searchbox {width: 60%}

.spotify {width: 60%;
border-radius: 10px;}

@media screen and (max-width: 600px) 
{
.youtube {width: 90%}
.iframe {width: 90%;}
.searchbox {width: 90%}
.spotify {width: 90%}
	}

/* end of responsiveness for embeds and things */
	
/* img-shadow same as w3-card-4 */
	
.img-shadow {
	
	border: 0px solid black;	
	box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)
}

.quote-title {text-align: center; font-weight: bold;}

/* fix for internal links jumping too low */

.anchor::before {
	display: block;
	content: " ";
	margin-top: -100px;
	height: 100px;
	visibility: hidden;
	pointer-events: none;
}

	
.container {
	background-color: white;
	padding-top: 50px;
	width: 1000px;
	margin: auto;
	box-shadow: 0 4px 8px 0 gray, 0 6px 20px 0 gray;
	
}

.w3-top {box-shadow: 0 8px 6px -6px gray;}

/* Vagabond's World */

.vw-bg {background-color: #c1d9fd;}

.vw-padding-top {padding-top: 200px}

@media screen and (max-width: 600px) 
{
.vw-padding-top {padding-top: 350px}
		}

/* use class below for highlighting with span tag */

.yellow {background-color: yellow}

h5.caption {font-style: italic;}

.caption {font-style: italic;}

.fc-caption {
text-align: center; 
background-color:#00aa00; 
color:white; 
padding: 5px; 
font-size: small; 
font-style: italic;
}

.fc-img-table {float: right}

.lowercase {text-transform: lowercase;}

h4 {font-weight: bold;}

h5 {font-style: italic;}

blockquote {
	border: 1px solid black;
	color: black;
	padding: 16px;
	background-color: #F6F6F6;
	font-size: large;
	background-image: url(comma-big.png);
	background-repeat: no-repeat;
	background-size: 130px 90px
		}
		
.cr-blockquote {
	border: 1px solid forestgreen;
	color: black;
	padding: 16px;
	background-color: #ffff7fff;
	font-size: large;
	background-image: none;

	
		}
		


cite {
		 font-weight:bold;		 
		 font-style: italic;
		 
}

cite::before {
	content: "-- ";
}

p {
	font-size: large;
}

ol li {
	font-size: large;
}

ul li {
	font-size: large;
}

.cr-audio::-webkit-media-controls-play-button

 {
     background-color: #ffff7fff;
     color: black;
     }
     
.cr-audio::-webkit-media-controls-panel

 {
     background-color: #ffff7fff;
     color: black;
     }

hr.orange {
	border: 1px solid orange;
	display: block;
	margin-top: 50px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 80%
		
}


hr.green {
	border: 1px solid forestgreen;
	display: block;
	margin-top: 50px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 80%

}




hr.black {
	border: 1px solid black;
	display: block;
	margin-top: 50px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 80%

}



a:link {
	color: #d11415; /* dodgerblue */
	font-weight: bold;
    text-decoration: none;
}

a:visited {
  font-weight: bold;
  text-decoration:black; /* orangered */
}

a:hover {
	font-weight: bold;
    text-decoration: underline;
}

a:active {
	font-weight: bold;
    text-decoration: underline;
}


h1, h2 {
	font-weight: bold;
}

h3 {
	font-weight: bold;
}

h2 {
text-align: center;}

/* table orange */

table.table-orange {
	width: 100%;
	margin: auto;
	padding: 6px;
	background-color: #ffff80;
	border: 0px solid black;
	overflow-x: auto;
	box-shadow: 0 4px 8px 0 gray, 0 6px 20px 0 gray;
}

table.table-orange td {
	text-align: center;
	background-color: orange;
	border: 1px solid black;
	padding: 6px;
	
}

table.table-orange a {
	
	color: black}

table.table-orange td.table-orange-header {
	background-color: #ffff80;
	font-size: large;
	font-weight: bold;
}

/* end of table orange */




/* Classic Look */

.bg-green
{
	background-color:#008442; /* green */
}

.bg-beige
{
	background-color:#ffffcc /* beige */
}

.cr-bg-body {
	background-color:#008442; /* green */
}

.cr-bg-container {
	background-color:#ffffcc /* beige */
}

.classic-background {
   background-image: url(http://rock.co.za/files/bgafricanhut.gif);
   background-position:10px 40px;
}



.sample-entry

{margin:20px 40px 10px 40px}	
	

#menu-orange a {color: black;
}

#menu-orange a:hover {
	background: #ffaa00;
	
	
}

#menu-black a:hover {
	background: black;
	

}

#footer a:hover {
	background: black;
	
	
}