* {
	box-sizing: border-box;
}

/* Create two unequal columns that floats next to each other */
/* Left column */
.leftcolumn {   
	float: left;
	width: 75%;
	padding-top:40px;
}

.leftcolumn strong {
	color: #016640;
}

/* Right column */
.rightcolumn {
	float: left;
	width: 25%;
	padding-left: 15px;
	padding-top: 40px;
	margin-top: 10px;
	margin-bottom: 30px;
	border-radius:8px;
}

.rightcolumn ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.rightcolumn ul ul {
	margin-left: 25px;
}

.intext_leftsidebar {
	float: left;
	margin-right: 12px;
}

.intext_rightsidebar {
	float: right;
	margin-left: 12px;
}

.intext_leftsidebar, .intext_rightsidebar {
	width: 35%;
	font-size: 0.9em;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 10px;
	padding-left: 10px;
	border-radius:8px;
	background-color: #dfece7;
	border: 1px dotted #016640;
	border-radius: 8px;
	line-height: 1.4;
	margin-bottom: 10px;
}

/* Add a card effect for articles */
.card {
	padding: 12px;
	margin-top: 20px;
}

.card strong {
	color: #016640;
}

.breadcrumb {
	font-size: smaller;
	color: #016640;
	font-weight: bold;
	padding-bottom: 0.5em;
	margin-bottom: 1.5em;
	border-bottom: 1px dashed #016640;
}

.cardinsection {
	margin-top: 60px;
}

.cardright {
	margin-top: 10px;
}

.cardinsection, .cardright {
	background-color: #dfece7;
	padding: 10px;
	margin-right: 12px;
	border-top: 1px dotted #016640;
	border-bottom: 1px dotted #016640;
	border-radius: 8px;
	line-height: 1.4;
}

/* Clear floats after the columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}
/* Footer */
.footer {
	font-size: 0.75em;
	padding: 5px;
	margin: 20px 10px;
	border-top: 1px dotted #016640;
	border-bottom: 1px dotted #016640;
	border-radius: 8px;
}

/* CREATED FOR POLIT FIGS BY IDENTITY */
.fakecolumn {
	float: left;
}

.leftside {
	width: 27%;
	vertical-align:top;
}

.rightside {
	width: 73%;
	padding-left: 8px;
	vertical-align:top;
}

.inside_menu {
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
}

/* Clear floats after the columns */
.sidebyside:after {
	content: \"\";
	display: table;
	clear: both;
}


.funky_shortitle {
	font-size:small;
	padding: 5px;
	margin: 20px 10px;
	color:#016640;
	line-height:5;
	font-weight:bold;
	border-top: 1px dotted #016640;
	border-bottom: 1px dotted #016640;
	border-radius: 8px;
}

.closewin {
	font-size: medium;
	font-weight: bold;
	text-align: center;
	color: darkred;
	float: right;
	margin-top: -8px;
}

.gradient-bar {
	width: 40%; /* Or a specific width like 500px */
	height: 30px; /* Adjust height as needed */
	padding: 5px;
	border-radius: 8px;
	font-weight:bold;
	background: linear-gradient(to right, #e6fffe, #016640);
}

select, input {
	border-radius: 5px;
	border: 1px solid #016640;
}

h1, h2 {
	font-size: 1.4em;
	margin-top: 0.25em;
	margin-bottom: 0.4em;
	color: #016640;
}

h3 {
	font-size: 1.17em;
	margin-top: 0.25em;
	margin-bottom: 0.4em;
	color: #016640;
}

h3, h4 {
	border-bottom: 1px dotted black;
}

h4, h5, h6 {
	color: #016640;
}

mark {
	background-color: #f3ef8a;
}

.has-dropcap:first-letter {
	font-family: "Brush Script MT", cursive, Verdana, Arial, Helvetica, sans-serif;
	color: #016640;
	float: left;
 	font-size: 4rem;
	line-height: 0.65;
	margin: 0.1em 0.2em 0.2em 0;
}

.leftcolumn a:hover, .rightcolumn a:hover {
	border-bottom: 1px solid red;
}

.img_fleft {
	float:left; margin:10px;
}

.img_fright {
	float:right; margin:10px;
}

.page_photo {
	float:right;
	width:225px;
	padding:10px;
	font-size:x-small;
	text-align:right;
}

fieldset {
	border:solid 1px #016640;
	border-radius:8px;
}

legend {
	color: #016640;
	background-color: #dfece7;
	border: 1px solid silver;
	border-radius: 8px;
	padding: 8px;
	font-size: 90%;
	font-weight: bold;
	margin: 5px;
}

table.zeb tbody tr:nth-child(2n) td {
	background: #fff;
	padding:5px;
	border-bottom: 1px solid black;
}
table.zeb tbody tr:nth-child(2n+1) td {
	background: #dfece7;
	padding:5px;
	border-bottom: 1px solid black;
}

table.zeb tfoot td {
	font-size: x-small;
	font-style: italic;
	padding: 8px;
}

table.nonzeb tbody tr td {
	background: #fff;
	padding:5px;
	border-bottom: 1px solid black;
}

table.nonzeb tfoot td {
	font-size: x-small;
	padding: 8px;
}

th.boundary, td.boundary {
	border-right: 1px solid black;
}

th.boundarytoo, td.boundarytoo {
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}

th.boundarybottom, td.boundarybottom {
	border-bottom: 1px solid black;
}

th.lightboundarybottom, td.lightboundarybottom {
	border-bottom: 1px solid #c3cca8;
}

th.boundarytop, td.boundarytop {
	border-top: 1px solid black;
}

th.lightboundary, td.lightboundary {
	border-right: 1px solid #c3cca8;
}

th.tabdata_l, td.tabdata_l {
	font-family: monospace;
	text-align: left;
}

th.tabdata_c, td.tabdata_c {
	font-family: monospace;
	text-align: center;
}

th.tabdata_r, td.tabdata_r {
	font-family: monospace;
	text-align: right;
}

td.partylist {
	font-weight:bold;
	font-size:smaller;
	text-align:center;
}

td.partylist_lg {
	font-weight:bold;
	text-align:center;
}

.tab_mainheader {
	background:#016640;
	color:#fff;
	padding:6px;
	font-weight:bold;
	font-size:smaller;
}

.tab_mainsubheader {
	background:#dfece7;
	padding:6px;
	font-weight:bold;
	font-size:smaller;
}

.submitbutton {
	border: 1px solid #016640;
	border-radius: 8px;
	color:#fff;
	background-color: #016640;
	font-weight:bold;
	padding:5px;
}

.submitbutton:hover {
	background-color: #fff;
	color: #016640;
	transition: 1.5s;
}

.submitlink:hover {
	border: 1px solid #016640;
	border-radius: 8px;
	font-size: 125%;
	font-weight: bold;
	transition: 1.5s;
	padding: 5px;
	color:green;
}

#db_techsize {
	width: 300px;
	margin: 0 auto;
}

#db_techsizeDEFS {
	font-size: smaller;
	width: 750px;
	margin: 0 auto;
	padding-bottom:15px;
	/*border-bottom: 1px dotted #000;*/
}

#events_tally {
	width: 850px;
	margin: 0 auto;
}

#age_distrib, #profiles_tally, #unique_candidates {
	width: 750px;
	margin: 0 auto;
}

#electype_used, #elecresults {
	font-size: smaller;
	width: 500px;
	margin: 0 auto;
}

#votes_seats_fed, #votes_seats_fed2 {
	font-size: x-small;
	width: 850px;
	margin: 0 auto;
}

#watermark {
position:absolute;
left: 400px;
top: 130px;
border: 2px solid #016640;
border-radius: 8px;
padding: 10px;
opacity: 0.3;
}

#watermark2 {
position:absolute;
left: 400px;
top: 170px;
border: 2px solid #016640;
border-radius: 8px;
padding: 10px;
opacity: 0.3;
}

.submenucontainer {
	display: flex;
	margin: 8px;
}

.submenucontainer>DIV {
	margin: 4px;
}
      
.hiddendiv {
	display: none;
}

.ridingcard_div {
	padding-top:30px;
	width:85%;
	margin:0 auto;
	font-family:monospace;
}

.ridingcard_area {
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:20px;
	font-family:monospace;
}

.ridingcard_def {
	width:98%;
	border: 1px solid #016640;
	border-radius: 10px;
	border-spacing: 2px 1px;
	font-family:monospace;
	background-color: #f7f7f7;
}

.ridingcard_namehead {
	color:#fff;
	background-color:#016640;
	text-align:left;
	padding:0.5em;
	line-height: 1.5;
	font-size:medium;
	border-radius:8px;
}

.ridingcard_descriphead_l {
	color:grey;
	text-align:left;
	font-weight:normal;
	line-height: 1.5;
	font-size:small;
	padding-left: 4px;
}

.ridingcard_descriphead_r {
	color:grey;
	text-align:right;
	font-weight:normal;
	line-height: 1.5;
	font-size:small;
	padding-right: 4px;
}

.ridingcard_subhead {
	background-color:#dfece7;
	font-size:small;
	border: 1px solid #dfece7;
	border-radius: 8px;
	font-family:monospace;
}

/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
	.leftcolumn, .rightcolumn {   
	width: 100%;
	padding: 0;
	}
}