/*
Default template CSS - if you change anything here then updating will be a bit more tricky than you might want
*/
/**= Desktop only */
.columns {
	margin-left: -10px;
}
.col {
	box-sizing: border-box;
	float: left;
	padding: 0px 30px 10px;
	width: 50%;
}
.col-left {
	padding-left: 0px;
}
.col img {
	width: 100%;
}

/* Footer */

.external .col-left p:first-child {
	margin-top: 0px;
}

.external .col h3:first-child {
	margin-top: 0px;
}

.external .col-right p {
	margin-top: 0px;
}

.external h3 {
	text-transform: none;
	font-size: 1.4em;
}

.external .col a.sidebar-button {
	max-width: 200px;
	margin: 0;
  box-sizing: border-box;
}


#mc_embed_signup{
	background: transparent; 
	clear:left; 
	font:14px Helvetica,Arial,sans-serif; 
}

#mc_embed_signup form {
	padding: 0px;
}

#mc_embed_signup input.email {
  font-family: "sofia-pro", Helvetica, Verdana, Arial, sans-serif;
  width: 65%;
  box-sizing: border-box;
  min-height: 45px;
  float: left;
  margin-right: 8px;
}

#mc_embed_signup input.button {
	background-color: #fc6e1f;
	font-family: "sofia-pro", Helvetica, Verdana, Arial, sans-serif;
	width: 30%;
	max-width: 200px;
	margin: 0;
	font-size: 1.2rem;
	padding: .67em;
	line-height: 1.2rem;
	min-height: 45px;
	clear: none;
}

@media screen and (max-width: 930px) {

	#mc_embed_signup input.email {
		width: 100%;
		float: none;
	}
	#mc_embed_signup input.button {
		clear: both;
		width: 100%;
	}

}

@media screen and (max-width: 620px) {

	.col {
		float: none;
		width: 100%;
		padding: 0 0 20px 0;
	}

}

/* Masthead */

#nav {
	width: 100%;
	background-color: black;
	margin-top: 0px;
	top: 0px;
	height: 50px;
}

#nav #navblock {
	display: block;
	margin: 0 auto;
	margin-top: 15px;
	width: 980px;
}

#nav ul {
	color: white;
	font-size: .9em;
}
nav li {
	padding-top: 15px;
	display: inline;
}
#nav li a {
	color: white;
	padding: 1em 15px;

}

/**= Overrides from devices.css */
.busta {
	max-width: 980px;
	padding: 0 20px 150px;
	margin: 0 auto;
}
.partners h2 {
	line-height: 75px;
	margin-bottom: 1em;
}
.partners ul {
	margin: 1.1125em 0 1.1125em 20px;
}

/**= And now time for your styles */
/* Template overrides */
#ONlogo {
	display: block;
}
.partners h2 {
	line-height: 50px;
}
#brand img {
	width: auto;
}
.main_col {
	width: 68%;
	float: left;
}

/*blockquote.orange-highlight {
  padding: 0 20px;
  display: block;
  line-height: 1.6rem;
  border-left: 8px solid #ffdfce;
  margin: 30px 0 40px 30px;
  font-size: 1.2em;
  color: #888;
}*/

small {
	font-size: 1rem;
}

.fellowsbox {
	padding-bottom: 20px;
	padding-right: 10px;
	padding-top: 18px;
	margin-top: 20px;
	width: 30%;
	float: right;
	padding-left: 24px;
	border-left: 1px solid #C6C6C6;
}
.fellowsbox .photo {
	width: 40%;
}

#brand img {
	margin-top: 80px;
}

header.opengraph {
	margin-bottom: 40px;
}


#ONlogo {
margin-right: 40px;
}
#fellowside {
	border-top: none;
}

.multicolumn {
	-moz-column-count: 3;
	-moz-column-gap: 20px;
	-webkit-column-count: 3;
	-webkit-column-gap: 20px;
	column-count: 3;
	column-gap: 20px;
}

.hamburger, #fellowside select {
	display: none;
}

#fellowside ul {
display: inline;
}

img.fellowssmall {
	display: none;
}

#navlist h3.first {
	margin-top: 20px;
}

#navlist ul {
	padding-left: 10px;
}

img.section {
	margin-top: 40px;
}