@import url('https://fonts.googleapis.com/css?family=Hind:300,400,700');

@import url('https://fonts.googleapis.com/css?family=Playfair+Display');

/*main #content {
	width: 60%;
}*/

main {
	overflow: visible;
}

main #content .item {
	margin: 0 0 2em 0;
}

/*main #content div.item div {
	clear: both;
	margin: 0 0 1.5em 0;
}*/

/*.page_hacenter main #content div.item a {
	display: none;
}*/

/* die hr */
/*hr {
	display: none !important;
}*/

img {
	/*min-width: 360px;*/
	max-width: 870px;
	height: auto;
}

.alignleft {
	display: inline;
	float: left;
	margin: 20px 20px 20px 0 !important;
	max-width: 250px;
}

.alignright {
    display: inline;
    float: right;
    margin: 20px 0 20px 20px !important;
}

/*main #content div.item h3 a,*/
main #content div.item div:nth-child(2) a,
main #content div.item div p:nth-child(2) a {
	/*display: block !important;*/
}

main #content div.item div a:last-of-type {
	display: inline !important;
}

/*main #content div.item div:nth-child(2) {
	display: inline-block;
}*/

main #content div.item div p:nth-child(2) {
	display: block;
}

main #content div.item div:nth-child(2) p:nth-child(2) {
	position: relative !important;
	width: auto !important;
}

/*main #content div.item div div:nth-child(2) img,
main #content div.item div p:nth-child(2) img {
	width: 100%;
	height: 100%;
}*/

/*main #content div.item div p:nth-child(3) {
	margin-left: 2%;
    display: inline-block;
    vertical-align: top;
    width: 60%;
}*/

/*main #content div.item div p:nth-child(4),
main #content div.item div p:nth-child(5),
main #content div.item div p:nth-child(6),
main #content div.item div p:nth-child(7),
main #content div.item div p:nth-child(8),
main #content div.item div p:nth-child(9) {
	margin-left: 30%;
}*/

blockquote p:nth-child(2) {
	position: relative !important;
	width: auto !important;
}

blockquote p {
	margin-left: 0 !important;
}

iframe {
	width: 100%;
}

/* added 05/03/2017 */

h3 {
	border-bottom: 0px solid #fff;
	line-height: 1.3em;
	font-size: 2em;
	font-weight: 700;
}

p, a {
	font-size: 15px;
}

.wp-caption a {
	font-size: 13px;
	color: #000;
}

blockquote {
	/*clear: both;
	width: 60%;
	margin: 4% 5% 4% 10%;*/
	border-left: 5px solid #ccc;
    color: #999;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.33333;
    margin: 20px 0;
    padding: 0px 20px 0;
    text-align: left;
}

/*blockquote p strong {
	font-size: 18px;
}*/

/*.page_single main #content .item p:first-of-type,
.page_single main #content .item div:nth-of-type(2) {
	display: inline-block;
}*/

.page_single main #content .item div:nth-of-type(2) p {
	display: block !important;
}

/* 06/01 home page css */
main #content h3:first-of-type {
	width: 30%;
    display: inline-block;
    vertical-align: top;
    margin: 0;
}

main #content form#searchform {
	width: 69%;
    display: inline-block;
    vertical-align: top;
    margin: .5em 0 0 0;
}

main #content form#searchform input#keywords {
	width: 70%;
}

main #content .item,
main #content .item .wp-image img {
	width: 100%;
	max-width: 100%;
}

.page_hacenter main #content .item:first-of-type {
	width: 65%;
	float: left;
	position: relative;
}

main #content h2:first-of-type {
	display: none;
}

.page_single main #content h2:first-of-type {
	display: block;
}

.page_single main #content h2 {
	font-size: 64px;
	line-height: 84px;
}

main #content .item:nth-of-type(2),
main #content .item:nth-of-type(3),
main #content .item:nth-of-type(4),
main #content .item:nth-of-type(5),
main #content .item:nth-of-type(6),
main #content .item:nth-of-type(7),
main #content .item:nth-of-type(8),
main #content .item:nth-of-type(9),
main #content .item:nth-of-type(10) {
	display: inline-block;
	/* min-height: 380px; */
	width: 31%;
	margin: 0 1%;
	vertical-align: top;
}

main #content .item:nth-of-type(2),
main #content .item:nth-of-type(4),
main #content .item:nth-of-type(6),
main #content .item:nth-of-type(8),
main #content .item:nth-of-type(10) {
	float: left;
	position: relative;
}

main #content .item:nth-of-type(3),
main #content .item:nth-of-type(5),
main #content .item:nth-of-type(7),
main #content .item:nth-of-type(9) {
	float: left;
	position: relative;
}

/*main #content .item a:last-of-type {
	display: none;
}*/

main #content .item h4 a:last-of-type {
	display: block !important;
}

.page_single main #content .item a:last-of-type {
	display: inline !important;
}

main #content .item h3 {
	width: 100%;
}

.page_hacenter main #content .item h3 {
	width: 90%;
	line-height: 1;
	position: absolute;
	height: 100%;
	background: rgba(255,255,255,0.7);
	padding: 2% 5%;
	text-transform: uppercase;
}

main #content .item:first-of-type h3 a {
	font-size: 60px;
	line-height: 1;
}

main #content .item h3 a {
	display: block !important;
	font-size: 26px;
}

main #content small {
	background: #000;
	color: #fff;
	padding: 0 2%;
	font-size: 14px;
	position: absolute;
}

.page_hacenter main #content small {
	right: 3px;
	bottom: 35px;
}

#sidebar {
	display: none;
}

/* temp */
main #maincol {
	width: 100%;
}

/* 06/01 single page css */
.page_single main #content div {
	margin: 0 0 1em 0;
}

.page_single main #content .item .article {
	width: 70%;
	margin: 0px auto;
	clear: both;
}

.page_single main #content .item div:first-of-type {
	/*display: none;*/
	/*background: #000;*/
    padding: 10px 20px 10px 0px;
}

.page_single main #content .item div.article div:first-of-type,
.page_single main #content .item div.jetpack-video-wrapper div:first-of-type {
	display: block;
}

.page_single main #maincol #content .item .article p img.size-full {
	width: 100%;
}

.page_single main #maincol #content .item h3:first-of-type {
	font-size: 60px;
	border-bottom: 8px solid #acacac;
	line-height: 68px;
}

.page_single main #maincol #content .art_title {
	/* float: left;
	width: 40%; */
	/*background: #333;*/
}

.page_single main #maincol #content .art_title h2 {
	font-family: 'Playfair Display', sans-serif;
	font-size: 48px;
	font-weight: 300;
	display: block !important;
	/*color: #fff;*/
	margin: 15px 0 5px 0;
	line-height: 52px;
}

.page_single main #maincol #content .wp-caption {
    max-width: 100%;
    margin-bottom: 20px;
}

.page_single main #maincol #content .wp-caption img[class*='wp-image-'] {
    display: block;
    margin: 1.2% auto 0;
    max-width: 98%;
}

.page_single main #maincol #content .ex-image {
	display: none;
}

.page_hacenter main #maincol #content .ex-image img {
	width: 100%;
}

/* search page */
.page_search #content .item h4 {
	line-height: 1.3em;
}

.page_search #content .item img {
	width: 100%;
}

.page_search #content hr {
	float: left;
}

.page_search #content .button {
	display: block;
	clear: both;
}

#campaign-blockquote {
	margin: 0 50px;
}

#campaign-blockquote p {
	margin-left: 0 !important;
    font-size: 26px;
    font-family: Georgia;
    font-style: italic;
    color: #be1d23;
}

#perks-list li div {
	padding: 0 !important;
	font-size: 14px;
}

#topnav>ul>li {
	padding: 0;
}

.page_single a.button {
	text-decoration: none;
    color: #fff;
    margin: 10px auto;
    background: #c30000;
    padding: 10px 20px;
    border-radius: 25px;
    box-shadow: 1px 1px 1px #000;
}

#videocol #content {
	width: 95% !important;
}

#videocol #content h3, #videocol #content .subtitle3 {
	margin-top: 10px;
}

#videocol h4 {
	line-height: 1.3em;
}

#videocol #content ul.videorow li {
	min-height: 300px;
}

@media screen and (max-width: 768px) {
	#logo {
		background-size: 60% !important;
	}

	#logo img {
		display: none;
	}

	.page_single main #content .item .article {
		width: 80%;
	}

	.page_hacenter main #maincol {
		overflow: visible;
	}

	.page_hacenter main #maincol #content {
		padding: 10px 20% 20px 20% !important;
	}

	.page_hacenter main #content .item {
		width: 100% !important;
	}

	main #content .item:first-of-type h3 a {
		font-size: 26px;
	}
}

@media screen and (max-width: 539px) {
	#logo {
		background-size: 300px 81px !important;
	}

	.page_single main #content .item .article {
		width: 85%;
	}

	.page_single main #content .item .article img {
		width: 100%;
	}

	main #content form#searchform {
		width: 100%;
	}
}

@media screen and (max-width: 440px) {
	.page_single main #maincol #content .item h3:first-of-type {
		font-size: 44px;
		line-height: 48px;
	}

	.page_hacenter main #maincol #content {
		padding: 10px 5% 20px 5% !important;
	}

	.article img {
		width: 70%;
	}

}