/*
Blue: rgba(0, 84, 166, 1);
Gray: #CBC3C3;
*/
body {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	background: #ffffff;
	font: 400 15px/26px 'Open Sans', sans-serif;
	font-size: 15px;
	line-height: 26px;
	font-family: "Open Sans", sans-serif;
	-webkit-text-size-adjust: none;
}
a {
	text-decoration: none;
}
ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
p {
	line-height: 1.5;
}

/**
 * sf-menu from old site
 */
.sf-menu {
	display: flex;
	justify-content: space-between;

}
.sf-menu:before,
.sf-menu:after {
  content: " ";
  display: table;
  clear: both;
}
.sf-menu > li {
  position: relative;
  float: left;
  height: 2em;
}
.sf-menu ul {
	display: none;
  position: absolute;
  top: 68px;
  left: 50%;
  transform: translateX(-50%);
  width: 125px !important; /* jQuery show() */
  padding: 15px 10px 10px;
  background: rgba(27, 101, 176, 1);
  z-index: 100;
	text-align: center;
}

li.sf-with-ul > ul > li {
  position: relative;
  margin-bottom: 10px;
	opacity: 0;
	/*transition: opacity 1s ease;*/
}
/*li.sf-with-ul > ul.show > li {
	opacity: 1;
}*/
li.sf-with-ul > a {
  position: relative;
}
li.sf-with-ul > a:before {
  position: absolute;
  left: 50%;
  top: 80%;
  margin-left: -6px;
  content: '\f0d7';
  font: 400 12px/12px 'FontAwesome';
}
@media (max-width: 992px) {
	li.sf-with-ul > ul {
		top: 67px;
	}
}
@media (max-width: 767px) {
	.sf-menu {
		justify-content: space;
	}
	.menu-wrap .menu {
		margin-top: 15px;
		margin-bottom: 15px;
		display: none;
		width: 100% !important; /* jQuery show() */
  }
  .menu-wrap.show .menu {
  	display: block;
  }
  li.sf-with-ul > ul {
		top: 70px;
	}
}
.sf-menu hr {
	border: 0;
	border-top: 1px solid #fff;
}
.sf-menu a {
  display: inline-block;
  cursor: pointer;
  color: #fff;
}
.sf-menu a:hover {
  color: #CBC3C3;
}
.select-menu {
	display: none;
}
.toTop {
	display: none !important;
}
@media (max-width: 420px) {
	.sf-menu {
		flex-direction: column;
		align-items: flex-end;
	}
	.sf-menu > li {
	  position: static;
	  height: auto;
	  line-height: 1.2; /* remove <br> for small view */
	}
	.sf-menu > li > a {
	  padding: .7em 0;
	}
	li.sf-with-ul > ul {
		position: static;
		left: 0;
		top: 0;
		width: 100% !important; 
		transform: translate(0);
		padding-right: 25px;
		padding-left: 25px;
		background: transparent;
		text-align: right;
	}
	.sf-menu hr {
		border: 0;
	}
	li.sf-with-ul > a:before {
		left: -15px;
		top: 30%;
		margin-left: 0;
	}
}

/**
 * New styles
 */

/**
 * Repeated styles
 */
.text-center {
	text-align: center;
}
.big-container {
	max-width: 1530px;
	margin: 0 auto;
}
.img-wrap {
	text-align: center;
}
.img-wrap img {
	max-width: 100%;
}
.mt-0 {
	margin-top: 0;
}
.mb-10 {
	margin-bottom: 10px;
}

.btn {
	display: inline-block;
	padding: .3em 2em;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2em;
	border-radius: 5em;
	white-space: nowrap;
	max-width: 100%;
}
.btn-primary {
	background-color: #124b8e;
}
.btn-dark {
	background-color: #000;
}
.btn-danger {
	background-color: #842124;
}

/**
 * Custom
 */
/* Header */
header {
	box-shadow: 0 3px 5px 0 rgba(0,0,0,0.3);
	position: relative;
}
.header-bottom .shadowed {

}
.bg-image {
	position: absolute;
	height: 100%;
	top: 0;
	pointer-events: none;
}
.bg-image.left {
	left: 0;
}
.bg-image.right {
	right: 0;
	text-align: right;
}
.bg-image {
	width: 50%;
}
.bg-image img {
	max-width: 100%;
	max-height: 100%;
}
@media (max-width: 650px) {
	.bg-image.left {
		width: 100%;
	}
	.bg-image.right {
		display: none;
	}
}
.header-top {
	background-color: rgba(0, 84, 166, 1);
	padding-top: 25px;
	padding-bottom: 25px;
}
.header-top h1 {
	margin-top: 5px;
	margin-bottom: 10px;
}
.header-top h1 a {
	color: #fff;
	text-transform: uppercase;
	font-family: 'Georgia', sans-serif;
	font-size: 1.3em;
}
@media (max-width: 991px) {
	.header-top h1 a {
		font-size: 1.1em;
	}
}
@media (max-width: 330px) {
	.header-top h1 a {
		font-size: 1em;
	}
}
.header-top .nav {
	text-align: right;
}
.header-bottom {
	padding-top: 25px;
	padding-bottom: 35px;
	background: #fff;
	position: relative;
	overflow: hidden;
}


/* Menu */
.menu-btn {
	display: none;
	position: relative;
	width: 25px;
	height: 15px;
	cursor: pointer;
}
.menu-btn .line {
	position: absolute;
	top: 0;
	left: 0;
	height: 2px;
	width: 100%;
	background-color: #fff;
}
.menu-btn .line:nth-child(2) {
	top: 47%;
}
.menu-btn .line:nth-child(3) {
	top: auto;
	bottom: 0;
}
@media (max-width: 768px) {
	.menu-btn {
		display: inline-block;
	}
}

/* Content */
.content {
	background: #f2f2f2;
	padding-top: 90px;
	/*padding-bottom: 25px;*/
}
@media (max-width: 1200px) {
	.content {
		padding-top: 60px;
		/*padding-bottom: 0;*/
	}
}

.podcast-link {
	line-height: 0;
	margin-bottom: 10px;
}
.podcast-link img {
	max-width: 152px;
}

/* Cards */
.cards-container {
	position: relative;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);
	z-index: 2;
}
.cards > div {
	padding-bottom: 50px;
}
.card-wrap {
	background: #fff;
	border-radius: 2em;
	padding: 50px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);
	height: 100%;
}
.bulging-img .img-wrap img {
	margin-top: -100px;
}
@media (max-width: 1280px) {
	.card-wrap {
		padding: 35px;
	}
	.bulging-img .img-wrap img {
		margin-top: -76px;
	}
}
@media (max-width: 980px) {
	.bulging-img .img-wrap img {
		margin-top: -56px;
	}
}
.card-wrap .btn-wrap {
	padding-top: 10px;
}

.card-wrap .additional {
	padding-top: 10px;
	text-align: center;
}
.card-wrap .patreon {
	margin-bottom: 20px;
}
.card-wrap .patreon img {
	border-radius: 3em;
	max-width: 100%;
	height: auto;
}
.card-wrap input {
	display: inline-block;
	padding: 0.6em 1em;
	margin: 0 5px 10px;
	max-width: 100%;
	border: 1px solid #f2f2f2;
	border-radius: 1em;
	box-shadow: 0px 1px 5px 0 rgba(0,0,0,0.1);
	outline: none;
}
.card-wrap input[type="submit"] {
	background: rgba(0, 0, 0, 0.5);
	margin-bottom: 0;
	cursor: pointer;
	color: #fff;
}
.card-wrap #mc_embed_signup_scroll {
	display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* Footer */
footer {
	background-color: rgba(0, 84, 166, 1);
	padding-top: 15px;
	padding-bottom: 15px;
	color: #fff;
}
footer a {
	color: #fff;
}
footer .social {
	margin-bottom: 10px;
}
footer .social a {
	margin: 0 5px;
	margin-bottom: 5px;
	transition: color 300ms ease;
}
footer .social a:hover {
	color: #CBC3C3;
}
footer p {
	margin-top: 0;
}