/*your custom style goes in this file*/
/*if you're overriding style blocks from genstyle.css, you only need to include the attributes you're overriding, not the whole block*/

/*Make the latest news background transparent*/
.latest_news {
	    border: 0;
	    padding-top: 0px;
            background-color: rgba(255, 255, 255, 0);
	}

/*Replace background photo in header*/
.style {
           background: url(templates/template8/img/rrsstitle2.jpg) no-repeat;
	   }

.header {
	color: #b99852;
	}

/*Define a dropdown style*/
.dropdown {
  position: relative;
  display: inline-block;
}

.dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
.dropbtn:hover, .dropbtn:focus {
	background-color:#2980B9;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
}


/*Style for history pages*/

/*Test to see if style is being applied--normally commented out*/
/*p {color: red;}*/

.hist_figure_right {
  clear:right;
  float: right;
  width: 30%;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  margin: 0.5em;
  padding: 0.5em;
}

.hist_figure_left {
  clear:left;
  float: left;
  width: 30%;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  margin: 0.5em;
  padding: 0.5em;
}
/*Create a colored background div element for histories*/
.hist_div {
	clear:both;
	background-color: lightblue;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.media_left {
	background: #211a16;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
}
.hist_center {
	max-width: 1000px;
	margin: auto;
}
.hist_center_narrow {
	max-width: 500px;
	margin: auto;
}
	
/* Override style elements from template 12 applied to the surname cloud */
div.cb-layout-cell	{
	color: #b99852;
	background-color: #E8D8C5;
}

/* styles for home page surname cloud post */
/*Was 3333CC*/
a.size1      { color: #6161D1; }
a.size1:link    { color: #6161D1; }
a.size1:visited { color: #6161D1; }

/*Was 33CCCC*/
a.size2      { color: #6161D1; }
a.size2:link    { color: #6161D1; }
a.size2:visited { color: #6161D1; }

/*Was 003333*/
a.size3      { color: #22CDCD; }
a.size3:link    { color: #22CDCD; }
a.size3:visited { color: #22CDCD; }

a.size4      { color: #993300; }
a.size4:link    { color: #993300; }
a.size4:visited { color: #993300; }

a.size5      { color: #CC0033; }
a.size5:link    { color: #CC0033; }
a.size5:visited { color: #CC0033; }

a.size6      { color: #666699; }
a.size6:link    { color: #666699; }
a.size6:visited { color: #666699; }

a.size7      { color: #CC9900; }
a.size7:link    { color: #CC9900; }
a.size7:visited { color: #CC9900; }

a.size8      { color: #00CC99; }
a.size8:link    { color: #00CC99; }
a.size8:visited { color: #00CC99; }

a.size9      { color: #987C3E; }
a.size9:link    { color: #987C3E; }
a.size9:visited { color: #987C3E; }

a.size0      { color: #b99852; }
a.size0:link    { color: #b99852; }
a.size0:visited { color: #b99852; }