/* poppins-regular - latin */
@font-face {
  font-family:'Poppins';
  font-style:normal;
  font-weight:400;
  src:url('poppins-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src:local(''),
       url('poppins-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('poppins-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('poppins-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('poppins-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('poppins-v19-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
  font-display:swap;
}
/* poppins-italic - latin */
@font-face {
  font-family:'Poppins';
  font-style:italic;
  font-weight:400;
  src:url('poppins-v19-latin-italic.eot'); /* IE9 Compat Modes */
  src:local(''),
       url('poppins-v19-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('poppins-v19-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('poppins-v19-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('poppins-v19-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('poppins-v19-latin-italic.svg#Poppins') format('svg'); /* Legacy iOS */
  font-display:swap;
}
/* poppins-500 - latin */
@font-face {
  font-family:'Poppins';
  font-style:normal;
  font-weight:500;
  src:url('poppins-v19-latin-500.eot'); /* IE9 Compat Modes */
  src:local(''),
       url('poppins-v19-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('poppins-v19-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('poppins-v19-latin-500.woff') format('woff'), /* Modern Browsers */
       url('poppins-v19-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('poppins-v19-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
  font-display:swap;
}
/* poppins-500italic - latin */
@font-face {
  font-family:'Poppins';
  font-style:italic;
  font-weight:500;
  src:url('poppins-v19-latin-500italic.eot'); /* IE9 Compat Modes */
  src:local(''),
       url('poppins-v19-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('poppins-v19-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('poppins-v19-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('poppins-v19-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('poppins-v19-latin-500italic.svg#Poppins') format('svg'); /* Legacy iOS */
  font-display:swap;
}
/* poppins-600 - latin */
@font-face {
  font-family:'Poppins';
  font-style:normal;
  font-weight:600;
  src:url('/poppins-v19-latin-600.eot'); /* IE9 Compat Modes */
  src:local(''),
       url('poppins-v19-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('poppins-v19-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('poppins-v19-latin-600.woff') format('woff'), /* Modern Browsers */
       url('poppins-v19-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('poppins-v19-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
  font-display:swap;
}
/* poppins-600italic - latin */
@font-face {
  font-family:'Poppins';
  font-style:italic;
  font-weight:600;
  src:url('poppins-v19-latin-600italic.eot'); /* IE9 Compat Modes */
  src:local(''),
       url('poppins-v19-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('poppins-v19-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('poppins-v19-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('poppins-v19-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('poppins-v19-latin-600italic.svg#Poppins') format('svg'); /* Legacy iOS */
  font-display:swap;
}

.textcenter {
	text-align: center;
}

.hide-mob {
	display: none;
}

.show-mob {
	display: block;
}

.show-desk {
	display: none;
}

.right {
	float: right!important;
}

.cf:before, .cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.staysmall {
	width: auto!important;
	height: auto!important;
}

@media (max-width: 549px) {
	.container .row .columns.splitmobile {
		width: 48%;
	}
}

@media (min-width: 550px) {
	.hide-mob {
		display: block;
	}

	.show-mob {
		display: none;
	}
}

@media (min-width: 1025px) {
	.show-desk {
		display: block;
	}
}

#widthmessage {
	display: block;
	position: fixed;
	bottom: 0;
	right: 0;
	background-color: #f00;
}

@media (min-width: 550px) {
	#widthmessage:before {
		content: "tab";
	}
}

@media (min-width: 1025px) {
	#widthmessage:before {
		content: "desk";
	}
}

@media (min-width: 1459px) {
	#widthmessage:before {
		content: "max";
	}
}

h1 {
	font-size: 3.4rem;
	font-weight: 500;
	line-height: 3.4rem;
}

h2 {
	font-size: 3rem;
	font-weight: 500;
	line-height: 3rem;
}

h3 {
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 2.4rem;
}

.content h2 {
	margin-top: 60px;
}

.feature-row img {
	margin-bottom: 0!important;
}

.homecontent h2:first-of-type {
	margin-top: 30px;
}

.feature-row h2 {
	margin-top: 0!important;
}

article {
	border-bottom: 1px solid #eee;
	margin-bottom: 30px;
}

ol, ul {
	padding: 0 6%;
	list-style-position: outside;
}

.pulloutfull {
	padding: 0 0 0 30px;
	border-left: 5px solid #2b348e;
	margin: 60px 0;
}

ul div.pulloutfull {
	margin-left: -20px;
}

.pulloutfull h3 + p {
	margin-top: 0!important;
}

.pulloutfull img {
	margin-top: 30px;
	border-radius: 5px;
	width: 100%;
	height: auto;
	margin-bottom: 0;
}

.pulloutfull.smallimg img {
	width: auto;
	display: inline-block;
	float: left;
	margin: 0 30px 5px 0;
}

h3 a {
	text-decoration: none;
}

@media (min-width: 550px) {
	.content h1 {
		margin-top: 45px;
	}
}

@media (min-width: 1025px) {
	.content h1 {
		margin-top: 60px;
		font-size: 4rem;
	}
}

.navigation {
	min-height: 54px;
	padding: 0 10px;
	background: rgba(255,255,255,0.5);
	border-bottom: 1px solid #eee;
	margin-bottom: 30px;
	font-size: 1.4rem;
}

.navigation a {
	float: left;
}

.burgermenu {
	z-index: 9999;
	font-size: 30px;
	margin-right: 15px;
	margin: 11px 0;
}

.navigation .emblem img {
	height: 34px;
	margin: 10px 0;
}

.navigation .logo img {
	height: 36px;
	margin: 10px 0 0 5px;
}

.navlink {
	text-transform: uppercase;
	line-height: 54px;
	text-decoration: none;
	color: #222;
	padding: 0 15px;
}

.navlink:hover {
	background-color: #2e308e;
	color: #fff;
}

.navlinks {
	width: calc(100% - 175px);
}

.nav-course {	
	float: left;	
}

.nav-course:hover {
	background: #2e308e;
}

.nav-course:hover a.navlink {
	color: #fff;
}

.button.login {
	background: #fff;
	margin: 10px 10px 10px 20px;
	height: 34px;
	width: 72px;
	padding: 0 10px;
	line-height: 34px;
	color: #222;
	float: right;
}

.button.login:hover {
	color: #2e308e;
}

#searchformtoggle {
	background: #fff;
	margin-right: 12px;
	margin: 10px 0;
	float: right;
}

#searchformtoggle .glyphicons {
	color: #999;
	font-size: 30px;
	top: 2px;
}

#searchform {
	display: none;
	text-align: right;
	padding: 10px 10px 10px 10px;
	position: absolute;
	width: calc(100% - 50px);
	top: 0;
	right: 0;
}

#searchform.search-open {
	display: block;
}

.form-control {
	display: inline-block;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: 1px solid #cccccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	vertical-align: top;
}

#searchform .textinput {
	height: 34px;
	padding: 0 10px;
	line-height: 37px;
	width: calc(70% - 220px);
	border-radius: 0;
}

#searchform .searchbutton {
	width: 39px;
	height: 34px;
	line-height: 34px;
	padding: 0 5px;
	font-size: 20px;
	background: #2e308e;
	border: none;
	border-radius: 0;
	margin-left: -5px;
}

#searchform .searchbutton:hover {
	background: #2e308e;
}

#searchform .searchbutton .glyphicons {
	top: 7px;
	color: #fff;
}

input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"], input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-input-placeholder {
	color: #999;
}

:-moz-placeholder {
	color: #999;
	opacity: 1;
}

::-moz-placeholder {
	color: #999;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #999;
}

.nav-dropdown {
	display: none;
	margin: 0 -10px 10px -10px;
	background: #fff;
	-webkit-box-shadow: 0 0 45px 0 rgba(0,0,0,0.22);
	-moz-box-shadow: 0 0 45px 0 rgba(0,0,0,0.22);
	box-shadow: 0 0 45px 0 rgba(0,0,0,0.22);
}

.nav-dropdown a {
	display: block;
	width: 100%;
	height: 44px;
	color: #2e308e;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: 1px solid #eee;
	line-height: 44px;
	padding: 5px 10px;
}

.nav-dropdown a:first-of-type {
	border-top: 1px solid #eee;
}

#cancel-search {
	display: none;
	position: absolute;
	right: 60px;
	top: 14px;
	color: #ccc;
	font-size: 24px;
}

.text {
	display: none;
}

.nav-course {
	display: none;
}

.burgermenu {
	display: block;
}

.emblem {
	display: none;
}

@media (min-width: 550px) {
	.nav-course {
		display: block;
	}

	.navlink.nav-resources {
		display: none;
	}	
}

@media (min-width: 760px) {
	.text {
		display: block;
	}

	.burgermenu {
		display: none;
	}

	.emblem {
		display: block;
	}

	.navlink.nav-resources {
		display: none;
	}
}

@media (min-width: 1025px) {
	.navlink.nav-resources {
		display: block;
	}
}

.headerhome img {
	max-width: 100%;
}

.headerhome .emblem {
	width: 100px;
}

.headerhome h1 {
	font-size: 2.2rem;
}

@media (orientation : landscape) {
	.headerhome .emblem {
		display: inline-block;
		width: 60px;
		vertical-align: middle;
	}

	.headerhome .logo {
		display: inline-block;
		max-width: 290px;
		vertical-align: middle;
	}

	.headerhome h1 {
		font-size: 2.5rem;
	}
}

@media (min-width: 550px) {
	.headerhome h1 {
		font-size: 3.2rem;
		line-height: 4rem;
	}

	.headerhome .logo {
		display: inline-block;
		max-width: 100%;
	}

	.headerhome .emblem {
		display: inline-block;
		width: 120px;
		margin-bottom: 1%;
	}
}

@media (min-width: 550px) and (orientation : portrait) {
	.headerhome .emblem {
		margin-bottom: 5%;
	}
}

@media (min-width: 1025px) {
	.headerhome .emblem {
		display: inline-block;
	}

	.headerhome h1 {
		font-size: 4.5rem;
		margin-bottom: 20px;
	}
}

.home .row {
	margin-bottom: 0;
}

.box {
	border-radius: 0;
	border: 1px solid rgba(0,0,0,0.1);
	padding: 10px;
	margin-bottom: 3vw;
	float: left;
}

#dynamicboxes .fasttrack {
	height: 100px;
}

.fasttrack {
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,0) 0%, rgba(244,244,244,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(244,244,244,1)));
	background: -webkit-linear-gradient(-45deg, rgba(255,255,255,0) 0%,rgba(244,244,244,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(255,255,255,0) 0%,rgba(244,244,244,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(255,255,255,0) 0%,rgba(244,244,244,1) 100%);
	background: linear-gradient(135deg, rgba(255,255,255,0) 0%,rgba(244,244,244,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f4f4f4',GradientType=1 );
}

#dynamicboxes .fasttrack a {
	display: inline-block;
	background: #FFA726;
	border: none;
	width: 48%;
	padding: 0 10px;
}

#dynamicboxes .fasttrack a:hover {
	background: #FF9800;
	cursor: pointer;
}

.fasttrack h2 {
	margin-bottom: 15px;
	font-size: 1.8rem;
}

@media (min-width: 400px) {
	.fasttrack h2 {
		font-size: 2rem;
	}
}

.fasttrack .glyphs {
	width: 48%;
	float: left;
	font-size: 28px;
	color: #eee;
	padding-top: 6px;
}

.fasttrack .glyphs span:first-of-type {
	margin-right: 5px;
}

#dynamicboxes .whatbox, #dynamicboxes .howbox {
	background: #2e308e url("https://www.world-of-lucid-dreaming.com/img/questionmark.png") no-repeat right;
	background-size: 160px;
	color: #fff;
	border: none;
}

#dynamicboxes .whatbox {
	background: #2a7baf url("https://www.world-of-lucid-dreaming.com/img/questionmark.png") no-repeat right;
	background-size: 160px;
}

#dynamicboxes .whatbox:hover, #dynamicboxes .howbox:hover {
	background: rgba(43,52,142,0.8) url("https://www.world-of-lucid-dreaming.com/img/questionmark.png") no-repeat right;
	background-size: 160px;
	cursor: pointer;
}

#dynamicboxes .whatbox {
	height: 160px;
	height: 46vw;
	position: relative;
}

#dynamicboxes .howbox {
	height: 160px;
	height: 46vw;
	float: right;
	position: relative;
}

#dynamicboxes .whatbox h3, #dynamicboxes .howbox h3 {
	margin-bottom: 0;
}

#dynamicboxes .whatbox p, #dynamicboxes .howbox p {
	font-weight: 300;
	margin-bottom: 20px;
}

#dynamicboxes .whatbox i, #dynamicboxes .howbox i {
	text-align: right;
	color: #fff;
	font-size: 3rem;
	bottom: 10px;
	padding: 0 10px;
	position: absolute;
	top: auto!important;
	right: 0;
}

#dynamicboxes.what-open .whatbox, #dynamicboxes.how-open .howbox {
	width: 100%;
	background: none;
	border: none;
	padding: 0;
}

#dynamicboxes.what-open .howbox, #dynamicboxes.how-open .whatbox {
	width: 26%;
	display: none;
}

#dynamicboxes.what-open .howbox h3, #dynamicboxes.how-open .whatbox h3 {
	font-size: 2rem;
}

#dynamicboxes.what-open .howbox p, #dynamicboxes.how-open .whatbox p {
	margin-bottom: 10px;
	font-size: 1.1rem;
	font-size: 3.5vw;
}

#dynamicboxes.what-open .howbox i, #dynamicboxes.how-open .whatbox i {
	text-align: center;
}

#dynamicboxes a {
	display: none;
}

#dynamicboxes.what-open .whatbox a, #dynamicboxes.how-open .howbox a {
	width: 100%;
	background: none;
	display: block;
	border-radius: 5px;
	color: #2b348e;
	height: auto;
	padding: 1rem 0;
	text-indent: 0;
	text-decoration: none;
	line-height: 3.6rem;
	font-size: 1.6rem;
}

#dynamicboxes span {
	display: inline-block;
	float: left;
	color: #2b348e;
	margin-right: 10px;
	margin-right: 4vw;
	font-size: 1.7rem;
	line-height: 1.8rem;
	font-size: 5vw;
	line-height: 6vw;
}

#dynamicboxes.what-open .whatbox a:hover, #dynamicboxes.how-open .howbox a:hover {
	background: none;
	color: #2b348e;
	cursor: pointer;
}

#dynamicboxes.what-open .whatbox a:first-of-type, #dynamicboxes.how-open .howbox a:first-of-type {
	margin-top: 0;
}

#dynamicboxes.what-open .whatbox h3, #dynamicboxes.how-open .howbox h3, #dynamicboxes.what-open .whatbox p, #dynamicboxes.how-open .howbox p, #dynamicboxes.what-open .whatbox i, #dynamicboxes.how-open .howbox i {
	display: none;
}

#dynamicboxes h3 {
	font-size: 2rem;
	font-size: 3rem;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (min-width: 550px) {
	#dynamicboxes .whatbox {
		height: 160px;
	}

	#dynamicboxes .howbox {
		height: 160px;
	}

	#dynamicboxes h3 {
		font-size: 3rem;
		line-height: 4rem;		
	}

	#dynamicboxes h3 + p {
		font-size: 1.6rem;
		line-height: 2.2rem;		
	}

	#dynamicboxes.what-open .whatbox a, #dynamicboxes.how-open .howbox a {
		padding: 0 0 1rem;
		font-size: 1.6rem;
		line-height: 3.6rem;
	}

	#dynamicboxes span {
		margin-right: 10px;
		margin-right: 2vw;
		font-size: 2.5rem;
		line-height: 2.7rem;
		font-size: 3.3vw;
	}

	#dynamicboxes.what-open .whatbox, #dynamicboxes.how-open .howbox {
		width: 66%;
	}

	#dynamicboxes.what-open .howbox, #dynamicboxes.how-open .whatbox {
		display: none;
	}	
}

@media (min-width: 1024px) {
	
	#dynamicboxes .whatbox h3, #dynamicboxes .howbox h3, #dynamicboxes .whatbox p, #dynamicboxes .howbox p {
		padding-left: 10px;
	}

	#dynamicboxes.how-open .whatbox h3, #dynamicboxes.what-open .howbox h3, #dynamicboxes.how-open .whatbox p, #dynamicboxes.what-open .howbox p {
		padding-left: 0;
	}

	#dynamicboxes h3 {
		font-size: 4rem;
		line-height: 4rem;
	}

	#dynamicboxes h3 + p {
		font-size: 2rem;
		line-height: 3rem;
	}

	#dynamicboxes.what-open .whatbox a, #dynamicboxes.how-open .howbox a {
		padding: 0 0 1rem;
		font-size: 1.6rem;
		line-height: 3.6rem;
	}

	#dynamicboxes span {
		margin-right: 10px;
		margin-right: 2vw;
		font-size: 2.5rem;
		line-height: 2.7rem;
	}

	#dynamicboxes.what-open .whatbox, #dynamicboxes.how-open .howbox {
		width: 40%;
	}

	#dynamicboxes.what-open .howbox, #dynamicboxes.how-open .whatbox {
		display: inline-block;
		width: 20%;
	}

	#dynamicboxes.what-open .howbox h3, #dynamicboxes.how-open .whatbox h3, #dynamicboxes.what-open .howbox p, #dynamicboxes.how-open .whatbox p {
		font-size: 2rem;
		line-height: 2rem;
		display: inline;
	}

	#dynamicboxes.what-open .howbox p, #dynamicboxes.how-open .whatbox p {
		padding-left: 5px;
	}	
}

@media (min-width: 1459px) {
	.box {
		margin-bottom: 44px;
	}
	
	#dynamicboxes.what-open .whatbox, #dynamicboxes.how-open .howbox {
		width: 37%;
	}

	#dynamicboxes.what-open .howbox, #dynamicboxes.how-open .whatbox {
		display: inline-block;
		width: 23%;
	}

	#dynamicboxes.what-open .howbox h3, #dynamicboxes.how-open .whatbox h3, #dynamicboxes.what-open .howbox p, #dynamicboxes.how-open .whatbox p {
		font-size: 3rem;
		line-height: 3.5rem;
		display: inline;
	}
}

a.feature {
	text-decoration: none;
}

.feature .caption {
	text-transform: uppercase;
	font-weight: 400;
	color: #2b348e;
	padding: 0;
	font-size: 1.3rem;
	line-height: 1.3rem;
	display: inline-block;
	border-radius: 0;
}

.feature-container {
	background: #fff;
	position: relative;
	color: #222;
	border-radius: 0;
}

.feature-container img {
	width: 100%;
	height: auto;
	border-radius: 0;
	margin-bottom: 0!important;
}

.feature-container p {
	margin: 0;
	padding: 0 0;
}

@media (min-width: 260px) {
	.feature-row {
		margin-top: 2%;
	}

	.feature-container {				
		overflow: hidden;
	}

	.feature-container h2 {
		font-size: 2rem;
		line-height: 2.8rem;
		padding: 2% 4% 0;
	}
}

.content .fasttrack a {
	display: inline-block;
	background: #FFA726!important;
	border: none;
	width: 48%;
	padding: 0;
	margin-bottom: 0;
}

.fasttrack a:hover {
	background: #FF9800!important;
	cursor: pointer;
}

.content .fasttrack h2 {
	margin-top: 10px;
}

.aboutheauthor {
	margin-top: 30px;
}

.aboutheauthor img {
	margin: 0 0 15px 15px;
	float: right;
	width: 75px;
	height: auto;
}

.aboutheauthor h2 {
	margin-top: 0!important;
}

.mailchimp {
	margin-bottom: 30px;
}

.mailchimp img {
	margin: 20px 0 15px 15px;
	float: right;
	width: 85px;
	height: auto;
}

.mailchimp input.email {
	width: calc(100% - 20px);
}

.mailchimp .button {
	float: right;
}

.sharebox .inline {
	display: inline-block;
	width: 100px;
	float: left;
	line-height: 0;
}

.sharebox {
	padding-bottom: 30px;
	border-bottom: 1px #eee solid;
	margin-bottom: 30px;
}

.footer {
	background: #2b348e;
	text-align: center;
	padding: 40px 0;
}

.footerlinks {
	border-top: 1px solid #fff;
	max-width: 600px;
	margin: 30px auto;
	padding-top: 30px;
}

.footerlinks p {
	margin-bottom: 10px;
}

.footer a, .footer {
	color: #fff;
	text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;
	color: #fff;
}

.guestauthor div.aboutheauthor {
	display: none!important;
}

@media (min-width: 550px) {
	.content .fasttrack {
		padding: 30px;
	}

	.content .fasttrack a {
		width: 150px;
	}

	.mailchimp img, .aboutheauthor img {
		margin: 0 15px 45px 0;
		float: left;
		width: 100px;
		height: auto;
	}

	.mailchimp h2 {
		margin-top: 10px!important;
	}

	.mailchimp input.email {
		width: calc(100% - 150px);
		height: 44px;
		padding: 0 10px;
		float: left;
	}

	.mailchimp input.button {
		width: 110px;
		height: 44px;
		float: left;
		margin-left: 15px;
		padding: 0;
	}

	.footer {
		padding: 60px 30px;
	}

	.footerlinks div:first-of-type {
		text-align: left;
	}

	.footerlinks div:last-of-type {
		text-align: right;
	}
}

@media (min-width: 1025px) {
	.mailchimp img, .aboutheauthor img {
		margin: 0 15px 0 0;
		float: left;
		width: 100px;
		height: auto;
	}

	.mailchimp input.email {
		width: calc(100% - 200px);
	}

	.mailchimp input.button {
		width: 160px;
	}

	.mailchimp {
		margin-top: 30px;
	}

	.content .mailchimp img {
		margin-bottom: 0;
	}
}

.sidebox {
	border-radius: 5px;
	margin-bottom: 30px;
	width: 100%;
	height: auto;
}

.sidebox a {
	display: block;
	width: 100%;
	padding: 0;
}

.sidebox a img {
	display: block;
	width: 100%;
	margin: 0;
}

.sidebox.button {
	white-space: normal;
	padding: 15px;
	line-height: 1.5rem;
}

.no-border-radius {
	border-radius: 0!important;
}

.sidebox img {
	width: 100%;
	height: auto;
	border-radius: 0;
}

[data-tooltip] {
	position: relative;
	z-index: 1500;
	cursor: pointer;
}

[data-tooltip]:before, [data-tooltip]:after {
	visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	opacity: 0;
	pointer-events: none;
}

[data-tooltip]:before {
	position: absolute;
	bottom: 150%;
	left: 50%;
	margin-bottom: 5px;
	margin-left: -80px;
	padding: 7px;
	width: 160px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #000;
	background-color: hsla(0, 0%, 20%, 0.9);
	color: #fff;
	content: attr(data-tooltip);
	text-align: center;
	font-size: 14px;
	line-height: 1.2;
}

[data-tooltip]:after {
	position: absolute;
	bottom: 150%;
	left: 50%;
	margin-left: -5px;
	width: 0;
	border-top: 5px solid #000;
	border-top: 5px solid hsla(0, 0%, 20%, 0.9);
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	content: " ";
	font-size: 0;
	line-height: 0;
}

[data-tooltip]:hover:before, [data-tooltip]:hover:after {
	visibility: visible;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.articles .feature .feature-container h2 {
	color: #fff;
	text-align: center;
	font-size: 2rem;
	z-index: 1200;
	position: relative;
}

.articles .feature .feature-container {
	background: #2b348e;
	height: auto;
}

@media (min-width: 550px) {
	.articles .feature .feature-container h2 {
		font-size: 1.8rem;
	}
}

@media (min-width: 790px) {
	.articles .feature .feature-container h2 {
		font-size: 2rem;
	}
}

.content {
	margin-top: 30px;
}

.breadcrumbs, .breadcrumbs a {
	color: #bbb;
	text-decoration: none;
}

.breadcrumbs a:hover {
	color: #2b348e;
}

.breadcrumbs {
	display: block;
	width: 100%;
	margin: -10px 0 20px 0;
	text-transform: uppercase;
	font-size: 11px;
}

.bc1 {
	display: inline-block;
	float: left;
	text-align: center;
	width: 100%;
}

.bc1:last-of-type, .bc1:first-of-type {
	display: none;
}

.content img {
	max-width: 100%;	
	margin: 5% 0;
}

.author, .author a {
	width: 100%;
	text-align: center;
	text-decoration: none;
	color: #000000;
	margin-bottom: 10px;
}

.author a {
	color: #2b348e;
	text-decoration: underline;
}

.x-rightfloat {
	width: 100%;
	height: auto;
}

.z-leftfloat {
	width: 100%;
	height: auto;
}

.v-fullwidth {
	width: 100%;
	height: auto;
}

.next {
	display: none;
	border-radius: 5px;
	background: #2b348e;
	color: #fff;
	text-decoration: none;
	padding: 10px;
	margin-bottom: 30px;
}

.next a, .next a:hover {
	text-decoration: none;
	color: #fff;
}

.next:hover {
	background: #2e308e;
}

.next img {
	float: left;
	margin: 0 10px;
}

.category h3 > a > img {
	border-radius: 50%;
	width: 85px;
	height: 85px;
	display: block;
	margin: 60px calc(50% - 42px) 15px;
}

@media (min-width: 550px) {
	.breadcrumbs {
		margin: -10px 0 20px 0;
		font-size: 12px;
	}

	.bc1 {
		text-align: left;
		width: auto;
		padding-left: 4px;
	}

	.bc1:first-of-type {
		padding-left: 0;
	}

	.bc1:last-of-type, .bc1:first-of-type {
		display: inline-block;
	}

	.content img.x-rightfloat {
		width: auto;
		max-width: 50%;
		float: right;
		margin: 0 0 30px 30px;
	}

	.content img.z-leftfloat {
		width: auto;
		max-width: 50%;
		float: left;
		margin: 0 30px 30px 0;
	}

	.author {
		margin-bottom: 0;
	}

	.category h3 {
		margin-bottom: 10px;
	}

	.category h3 + p {
		margin-left: 115px;
		min-height: 48px;
		margin-bottom: 30px;
	}

	.category h3 > a > img {
		margin: 0 30px 0 0;
	}
}

@media (min-width: 1025px) {
	.hover {
		transition: all 0.25s ease;
		-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.25);
		-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.25);
		box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.25);
	}

	.hover:hover {
		-webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.15);
		-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.15);
		box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.15);
	}

	.articles .hover:hover {
		-webkit-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.35);
		-moz-box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.35);
		box-shadow: 0px 15px 30px 0px rgba(0,0,0,0.35);
	}
}

.homecontent span.glyphicons {
	color: #2b348e;
	float: left;
	font-size: 60px;
	width: 80px;
}

.mob-only {
	display: block;
	width: 130%;
	margin-left: -15%;
}

@media (min-width: 550px) {
	.mob-only {
		display: none;
	}
}