html {
	 font-size: 100%;
	 text-size-adjust: 100%;
}
 html, html a {
	 -webkit-font-smoothing: antialiased;
	 text-shadow: rgba(0, 0, 0, 0.004) 1px 1px 1px;
}
 .hero h1 span, .hero p {
	 text-shadow: rgb(204, 204, 204) 1px 1px;
}
 button, html, input, select, textarea {
	 font-family: "Varela Round", sans-serif;
}
 body {
	 font-size: 1em;
}
 p {
	 color: rgb(80 84 86);
	 word-spacing: 1px;
	 line-height: 25px;
	 font-size: 1.2em;
}
 li {
	 color: rgb(75 85 88);
}
 .section-padding {
	 padding: 1.5em 0px 0px;
}
 .intro {
	 background: rgb(243, 245, 248);
}
 .intro p {
	 font-size: 1.3em;
	 line-height: 150%;
}
 h1.arrow {
	 text-transform: inherit;
	 font-size: 2.8em;
	 color: rgb(59, 51, 101);
	 background: url("/about/presidential-searches/2020/img/h1-bg.png") center bottom no-repeat;
	 padding-bottom: 0px;
}
 .effect2::after, .effect2::before, ul.legals li:last-child::after {
	 content: "";
}
 .effect2::after, .effect2::before {
	 z-index: -1;
	 position: absolute;
	 bottom: 2.5em;
	 left: 15px;
	 width: 100%;
	 top: 97%;
	 max-width: 300px;
	 height: 30px;
	 background: rgb(119, 119, 119);
	 box-shadow: rgb(119, 119, 119) 0px 10px 20px;
	 transform: rotate(-2deg);
}
 .effect2::after {
	 transform: rotate(2deg);
	 right: 15px;
	 left: auto;
}
 #content ul li {
	 text-align: left;
}
 #sidebar-first {
	 display: none;
}
 .row .nine {
	 width: 100%;
}
 .push-three {
	 left: 0px;
}
 nav.subnav {
}
 #checkbox3, .toggle {
	 display: none;
}
 .submenu {
	 padding: 0px;
	 margin: 0px;
	 height: 50px;
	 border-radius: 5px;
	 display: flex;
	 flex-direction: row;
	 justify-content: space-around;
	 align-items: center;
	 list-style-type: none;
}
 #content-body ul.submenu li {
	 list-style: none;
	 background-image: none;
	 padding-left: 0px;
}
 .submenu li a {
	 text-decoration: none;
	 align-self: center;
	 border-radius: 5px;
	 font-size: 1.3em;
	 padding: 17px 15px;
	 transition: background 0.2s linear 0s;
	 width: 100%;
}
 .submenu li:hover .dropdown-content {
	display: flex;
	flex-direction: column;
	float: left;
}

 .dropdown-content {
	display: none;
	margin-top: 1.3em;
	position: absolute;
	background-color: rgb(253, 179, 152);
	min-width: 200px;
	padding: 10px 0px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 16px 0px;
	z-index: 1;
}
.last{right:0;margin-right: 3%;}
 .submenu li a:hover {
	 background-color: rgb(253, 179, 152);
}
 nav.submenu li a {
	 box-sizing: border-box;
	 white-space: nowrap;
	 display: block;
	 font-size: 16px;
}
 @media screen and (max-width: 600px) {
	 .submenu li a {
		 font-size: 1em;
	}
}
 @media screen and (max-width: 550px) {
	 .toggle {
		 clear: both;
		 display: block;
		 text-align: center;
		 line-height: 40px;
		 cursor: pointer;
		 width: 100%;
		 height: 40px;
		 font-size: 18px;
		 color: rgb(89, 89, 89);
		 background: rgb(219, 219, 219);
		 border-bottom-left-radius: 5px;
		 border-bottom-right-radius: 5px;
		 transition: all 0.1s linear 0s;
	}
	 .toggle:hover {
		 background: rgb(206, 206, 206);
	}
	 #checkbox3:checked + label .third li {
		opacity: 1;
		visibility: visible;
		transition: all 0.7s linear 0s;
		flex-flow: column;
		line-height: 0em;
	}
	 #checkbox3:checked + label .third {
		height: auto;
	}
	 .submenu {
		 border-radius: 5px 5px 0px 0px;
		 display: flex;
		 flex-direction: column;
		 justify-content: space-around;
		 align-items: center;
		 height: 0px;
		 transition: height 0.3s linear 0s;
	}
	 .submenu li {
		 display: flex;
		 align-self: center;
		 width: 95%;
		 opacity: 0;
		 visibility: hidden;
	}
	 .submenu li a {
		/* width: 100%;
		 */
		/* text-align: center;
		 */
		/* align-self: center;
		 */
		/* align-content: center;
		 */
		/* color: #85936d;
		 */
	}
	 .dropdown-content {
		 width: 100px;
		 display: contents !important;
	}
	 .dropdown-content a::before {
		margin-left: 1.5em;
		text-align: left;
		content: "» ";
	}
}
 .third {
	 background: rgb(238, 238, 238);
}
 .third li a {
	 color: rgb(96, 96, 96);
}
 .third li a:hover {
	 background: rgb(213, 213, 213);
}