body {
	font-family: 'Fira Sans';
}

img {
	max-width: 100%;
}

a {
	color: #bd2626;
}

.btn-primary {
	background-color: #bd2626;
	border-color: #bd2626;
}

.bg-image-outer {
	/* background-image: url('/wp-content/themes/stoptrump3a/bg/reuben-9979.jpg'); */
	background-size: cover;
	background-position: center 30%;
	padding: 0;
}

.bg-image-inner {
	/* background-color: rgba(0, 0, 0, 0.2); */
	/* background: linear-gradient(transparent, transparent 30%, rgba(0, 0, 0, 1)); */
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 1))
}

.navbar-static-top {
	background-color: transparent;
	border-color: transparent;
}

@media (min-width: 768px) {
	.navbar-right {
		margin-right: 0;
	}
}

.navbar-nav > li > a {
	color: white;
	text-transform: uppercase;
}

.navbar-toggle {
	zoom: 1.5;
	/* margin-right: 7.5px; */
	margin-right: -15px;
	/* background-color: rgba(255, 255, 255, 0.5); */
	border: none;
}

.navbar-default .navbar-toggle .icon-bar {
	/* the lines in the hamburger menu */
	background-color: white;
}

.main-logo {
	max-width: 120px;
	margin: auto;   /* center dot logo */
	margin-top: 0px;
}

.navbar-brand {
	/* so top of mobile menu is in the right place */
	height: 120px;
	float: none;
}

.navbar-collapse.collapse.in,
.navbar-collapse.collapsing {
	/* bg tint for mobile slideout menu */
	background-color: rgba(0, 0, 0, 0.9);
}

.march-pledge-outer {
	/* background-color: rgba(0, 0, 0, 0.5); */
	text-align: center;
	/* position: absolute;
	bottom: 10vh; */
	width: 100%;
}

.march-pledge input,
.march-pledge textarea {
	margin-bottom: 0.5em;
}

.march-pledge h2 {
	color: white;
}

/* .march-pledge input,
.march-pledge textarea {
	opacity: 0.7;
}

.march-pledge .btn-primary {
	opacity: 1;
} */

.headline-outer {
		text-align: center;
}

.headline-outer h1 {
	/* margin-top: 30vh; */
	margin-top: 10vh;
	margin-bottom: -2px;
	padding: 20px 20px 10px 20px;
	/* border-radius: 10px 10px 0px 0px; */
	/* color: black;
	background-color: white; */
	color: white;
	mix-blend-mode: screen;
	font-weight: bold;
	/* text-transform: uppercase; */
	display: inline-block;
	font-size: 3em;

}

.headline-front {
		text-align: center;
		/* margin-top: 34vh; */
		margin-top: 18vh;
		margin-bottom: 20px;
}

.headline-front h1 {
	margin-bottom: 0px;
	/* margin-top: 10px; */
	/* padding: 10px 20px 10px 20px; */
	/* color: black; */
	/* background-color: white; */
	margin-top: 0px;
	color: white;
	mix-blend-mode: screen;
	font-weight: bold;
	/* text-transform: uppercase; */
	display: inline-block; 
	font-size: 4.5em;
}


@media (max-width: 992px) {
	.headline-outer h1 {
		font-size: 2.5em;
	}
	.headline-front h1 {
		font-size: 3.5em;    
	}
}

.main-box {
	padding-top: 2em;
	padding-bottom: 2em;
	font-size: 1.2em;
}

@media (min-width: 993px) {
	.columns {
		column-count: 2;
		break-inside: avoid;
		padding-top: 1em;
	}
}

.footer {
	background-color: white;
	padding-top: 2em;
	padding-bottom: 2em;
	border-top: 1px solid grey;
}

.under-footer {
	margin-top: 1em;
}

.larger-text {
	font-size: 1.2em;
}


/* always display hamburger menu (even on desktop) */

.navbar-collapse.collapse {
	display: none !important;
}
.navbar-collapse.collapse.in{
	display: block !important;
}
.navbar-toggle {
	display: block;
}
.navbar-nav {
	float: none !important;
}
.navbar-nav>li {
	float: none;
}

/* end always display hamburger */

.social-media, .homepage-text {
		border-top: 1px solid grey;
}

.front-menu {
	text-align: center;
}

.front-menu .menu-item a {
	color: white;
	padding: 5px 15px 5px 15px;
}

.front-menu .menu-item {
	display: inline-block;
}

/* .front-menu .menu-item:first-child {
	display: none;
} */

.social-media {
	padding-top: 20px;
	padding-bottom: 20px;
}

iframe {
	max-width: 100%;
}

.homepage-text {
	padding-top: 1em;
	padding-bottom: 0em;
	font-size: 1.2em;
	text-align: center;
}

.homepage-text h3 {
	line-height: 1.3em;
	font-size: 1.2em;
	font-weight: bold;
}

@media (max-width: 992px) {
	.front-menu .menu-item {
		display: block;
		padding: 5px;
	}
	#donateform {
		text-align: center;
	}
}

#donateform input[type="radio"] {
	opacity: 0;
	margin-top: 10px;
}

#donateform input[type="radio"] + label {
		padding: 25px;
		padding-left: 40px; padding-right: 40px;
		margin-left: -20px;
		font-size: 1.2em;
		border: 1px solid grey;
		cursor: pointer;
		border-radius: 10px; 
		box-shadow: 2px 2px 10px 0px rgba(153,153,153,1);
}

#donateform input[type="radio"]:hover + label {
		background: #ddd;
}

#donateform input[type="radio"]:checked + label {
		background: yellow;
}



#donateform .col-md-2 {
	margin-bottom: 10px;
}


.wp-block-image img {
	height: auto;
}

.highlight {
	background-color: yellow;
	border-radius: 5px;
	padding: 0.5em;
}

@media (min-width: 600px) {
	.highlight {
		margin-left: -2em;
	}
}

@media (max-width: 600px) {
	.highlight {
		margin-top: -2em;
	}
}