/*
blue = #00abe0;
md blue = #005671;
dk blue = #11455b;
md orange = #9a4d00;
dk orange = #743a00;
md green = #729700;
dk green = #275100;
md pink = #9b279b;
dk pink = #741f74;
md yellow = #999a3e;
dk yellow = #73742f;
dk gray = #333;
md gray = #444;
dk red = #750905;
md red = #980a02;
*/
.pink-tx {color: #9b279b;}
.orange-tx {color: #f60;}
.green-tx {color: #729700}
.blue-tx {color: #00abe0;}

/* REDEFINITION OF BOOTSTRAP STYLES */
.btn {
	border-radius: 0;
	text-transform: uppercase;
}
a.btn-outline-light {
	border: 1px solid rgba(256,256,256,.4) !important;
	color: rgba(256,256,256,.8)
}
a.btn-outline-light:hover {
	border: 1px solid #fff;
	cursor: pointer;
	background: #fff;
}
a.btn-outline {
	border-color: #00abe0;
	color: #00abe0;
}
a.btn-outline:hover {
	border: 1px solid #00abe0;
	color: #fff;
	background: #00abe0;
}
a.btn-outline-main {
	border: 1px solid rgba(256,256,256,.1) !important;
	color: rgba(256,256,256,.8);
	font-size: 15px;
	padding: .375rem 1rem;
	text-transform: none;
}
a.btn-outline-main:hover {
	border: 1px solid rgba(256,256,256,.6) !important;
	cursor: pointer;
}
a.main-design:hover {
	color: #f60;
}
a.main-books:hover {
	color: #729700;
}
a.main-articles:hover {
	color: #00abe0;
}


body {
	font-family: "Open Sans", sans-serif;
	text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	/*font-family: "facitweb-1","facitweb-2",sans-serif;*/
	color: #111;
	font-size: 16px;
}
h1, h2, h3, h4, h5 {
	font-family: "Alice", serif;
}
a {
	color: #00abe0;
	/*border-bottom: 1px dotted #ccc;*/
}
a:hover {
	transition: color 0.4s ease;
	color: #111;
	text-decoration: none;
	/*border: none;*/
}
.blue a {
	color: rgba(256,256,256,.8);
	border-bottom: 1px dotted #ccc;
}
.blue a:hover {
	transition: color 0.4s ease;
	color: #111;
	text-decoration: none;
	border: none;
}
hr {
	border-color: rgba(256,256,256,.2);
}
.white hr {
	border-color: #ddd;
}
.gray {
	background: #f4f4f4;
}
.blue {
	background: #00abe0;
	color: #fff;
}
.sec-reg {
	padding: 100px 0;
}
.bot-space-10 {
	margin-bottom: 100px;
}
acronym {
	text-decoration: none;
	border-bottom: 1px dotted rgba(256,256,256,.5);
	cursor: help;
}
.grad {
  height: 6px;
	width: 100%;
	background-image:
    linear-gradient(
      to right, 
      #00abe0, 
      #89b700, 
      #f60, 
      #9b279b
    );
}
.next-title .grad {
	margin-top: 100px;
	margin-bottom: 120px;
	height: 3px;
}

header .container {
	margin-top: 90px;
}
header nav {
	margin-top: 20px;
}
header nav a {
	display: inline-block;
	margin: 15px 20px;
	text-transform: uppercase;
	border: none;
	color: #777;
}
header nav a:hover {
	color: #00abe0;
}
@media screen and (max-width: 400px) {
	header nav a {
		font-size: 14px;
		margin: 15px 15px;
	}
}
header h1 {
	font-size: 28px;
	margin: 0;
	padding: 0;
}
header h1 span {
	background: #ddd;
	height: 1px;
	overflow: visible;
	display:block;
}
header h1 a {
	padding-right: 10%;
	padding-left: 10%;
	background: #fff;
	position:relative;
	top: -15px;
	border: none;
	color: #111;
}

.intro {
	margin-top: 100px;
	text-align: left;
}
.intro p {
	font-family: "Alice", sans-serif;
	font-size: 40px;
	line-height: 1.2em;
}

.questions {
	margin-top: 100px;
	margin-bottom: 100px;
	text-align:center;
}
.questions h5 {
	font-size: 26px;
	margin-bottom: 0;
}
.questions p {
	font-size: 18px;
}
.questions a {
	border-bottom: 1px dotted #ccc;
}
.questions a:hover {
	border: none;
}
@media screen and (max-width: 767px) {
	.intro p {
		font-family: "Alice", sans-serif;
		font-size: 30px;
		line-height: 1.2em;
	}
	.questions h5 {
		font-size: 20px;
	}
	.questions p {
		font-size: 16px;
	}
}
@media screen and (max-width: 575px) {
	.intro p {
		font-family: "Alice", sans-serif;
		font-size: 24px;
		line-height: 1.2em;
	}
	.questions h5 {
		font-size: 26px;
	}
	.questions p {
		font-size: 18px;
	}
}


.main-port {
	padding: 160px 0;
	color: #fff;
}
.main-port a {
	border: none;
}
.main-port p {
	margin-top: 60px;
}
.main-port a.btn {
	margin-top: 30px;
}
.mp-info {
	padding-bottom: 60px;
	text-align: center;
}
.mp-info h2 {
	margin-bottom: 40px;
	line-height:1.2em;
	font-size: 34px;
	text-align: left;
}
.mp-info h6 {
	text-transform: uppercase;
	letter-spacing: .05em;
	color: rgba(256,256,256,.7);
	text-align: left;
}
.mp-info p {
	text-align: left;
}
.mp-info p a {
	color: #fff;
	border-bottom: 1px dotted rgba(256,256,256,.5);
}
.mp-info p a:hover {
	color: #000;
	border: none;
}
.mp-info h5, .mp-info ul, .mp-info li {
	text-align: left;
}
.mp-img {
	text-align: center;
}
.mp-img img {
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	.mp-info h2 {
		font-size: 30px;
	}
}
@media screen and (max-width: 550px) {
	.mp-info h2 {
		font-size: 24px;
	}
}
@media screen and (max-width: 400px) {
	.mp-info h2 {
		font-size: 22px;
	}
	.mp-info img {
		margin: 0 auto;
	}
}

.pink-orange {
  background-image:
    linear-gradient(
      45deg, 
      #9B279B, #f60
    );
}
.orange-green {
  background-image:
    linear-gradient(
      45deg, 
      #f60, #89B700
    );
}
.green-blue {
  background-image:
    linear-gradient(
      45deg, 
      #89B700, #00abe0
    );
}
.grad-gray {
  background-image:
    linear-gradient(
      45deg, 
      #eee, #fff
    );
}

.fit-header h6 {
	text-align: center;
	text-transform:uppercase;
	letter-spacing: .05em;
	color: #999;
}


.port-start {
	margin-top: 100px;
}

.port-hero img {
	margin: 0 auto;
}
.port-details {
	padding: 100px 0;
	color: #fff;
}
@media screen and (max-width: 991px) {
	.port-details.restart {
		padding-top: 40px;
	}
}
.port-details p {
	color: rgba(256,256,256,.8);
}

.pink-orange-straight {
	width: 100%;
	background-image:
    linear-gradient(
      to right, 
      #9B279B, 
			#f60
    );
}
.pink-orange-straight img {
	-webkit-filter: drop-shadow(0px 0px 40px rgba(73,18,73,1));
  filter: drop-shadow(0px 0px 40px rgba(73,18,73,1));
}
.prov31 {
	background: transparent url(../img21/p31-hero.png) no-repeat top right;
}
.prov31-theme {
	background: transparent url(../img21/p31-theme-2.jpg) no-repeat top left;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	text-align: center;
	color: #111;
}
.prov31-theme h3 {
	text-shadow: 0px 0px 30px rgba(256,256,256,1);
	font-family: "learning-curve",sans-serif;
	font-size: 40px;
	font-weight: bold;
}
.small-replace {
	display: none;
}

@media screen and (max-width: 450px) {
	.prov31-theme h3 {
		font-size: 30px;
	}
	.small-replace {
		display: block;
	}
	.small-hidden {
		display: none;
	}
}

.orange-green-straight {
	width: 100%;
	background-image:
    linear-gradient(
      to right, 
      #f60, 
			#89B700
    );
}
.orange-green-straight img {
	-webkit-filter: drop-shadow(0px 0px 40px rgba(60,79,0,1));
  filter: drop-shadow(0px 0px 40px rgba(60,79,0,1));
}
.raised {
	background: transparent url(../img21/raised-hero.png) no-repeat top right;
}
.raised-theme {
	background: transparent url(../img21/rd-theme.jpg) no-repeat center center;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	text-align: center;
	color: #111;
}
.raised-theme h3 {
	text-shadow: 0px 0px 30px rgba(256,256,256,1);
	line-height:1.4em;
}
.small-replace {
	display: none;
}
@media screen and (max-width: 767px) {
	.raised-theme h3 {
		font-size: 24px;
	}
}
@media screen and (max-width: 500px) {
	.raised-theme h3 {
		font-size: 20px;
	}
}
@media screen and (max-width: 450px) {
	.small-replace {
		display: block;
	}
	.small-hidden {
		display: none;
	}
	.small-bot-zero {
		padding-bottom: 0 !important;
	}
}

.green-blue-straight {
	width: 100%;
	background-image:
    linear-gradient(
      to right, 
      #89B700, 
			#00abe0
    );
}
.paddle {
	background: transparent url(../img/kalkomey-hero.png) no-repeat center center;
}


.utb-store {
	background: transparent url(../img21/hero-utb.png) no-repeat center center;
}


.coachnet {
	background: transparent url(../img21/coachnet-hero.png) no-repeat center top;
}
.coachnet-theme {
	background: transparent url(../img21/coachnet-theme.jpg) no-repeat bottom center;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	text-align: center;
	color: #fff;
}
.coachnet-theme h3 {
	text-shadow: 0px 0px 30px rgba(0,0,0,.8);
}

@media screen and (max-width: 767px) {
	.coachnet-theme h3 {
		font-size: 24px;
	}
}
@media screen and (max-width: 500px) {
	.coachnet-theme h3 {
		font-size: 20px;
	}
}


.skip {
	background: transparent url(../img21/skip-hero.png) no-repeat top right;
}
.skip-theme {
	background: transparent url(../img21/skip-theme.jpg) no-repeat top left;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	text-align: center;
	color: #111;
}
.skip-theme h3 {
	
}
.small-replace {
	display: none;
}
@media screen and (max-width: 767px) {
	.skip-theme h3 {
		font-size: 24px;
	}
}
@media screen and (max-width: 500px) {
	.skip-theme h3 {
		font-size: 20px;
	}
}
@media screen and (max-width: 450px) {
	.small-replace {
		display: block;
	}
}


.capitalism img {
	-webkit-filter: drop-shadow(0px 0px 40px rgba(73,18,73,1));
  filter: drop-shadow(0px 0px 40px rgba(73,18,73,1));
}
.capitalism {
	background: transparent url(../img21/cap-hero.png) no-repeat top left;
}
.cap-theme {
	background: transparent url(../img21/cap-theme.jpg) no-repeat center center;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	text-align: center;
	min-height: 450px;
}
.cap-theme h3 {
	text-shadow: 0px 0px 30px rgba(256,256,256,.8);
	font-family: "learning-curve",sans-serif;
	font-size: 40px;
	font-weight: bold;
}

@media screen and (max-width: 450px) {
	.cap-theme {
		display: none;
	}
}





.port-hero {
	padding: 150px 20px;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	text-align: center;
}
@media screen and (max-width: 600px) {
	.port-hero {
		padding: 80px 20px;
	}
}

.home-info {
	padding: 100px 0;
}
.home-info h2 {
	text-align: center;
	margin-bottom: 60px;
}
.extra {
	margin-top: 40px;
	font-style: italic;
	font-family: "Alice", serif;
	font-size: 20px;
}
.next-title hr {
	display: block;
	margin-top: 80px;
	margin-bottom: 80px;
	border-color: #ddd;
}

.fit-items {
	text-align: center;
}
.fit-items p {
	text-align: left;
	font-size: 15px;
}
.fit-items span {
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	line-height:40px;
	border: 1px solid #ccc;
	color: #888;
	text-align: center;
	margin: 0 auto 15px;
}


.invite {
	text-align:center;
}
.invite hr {
	border-color:#d4d4d4;
}
.invite h6 {
	text-transform: uppercase;
	color: #888;
	margin-top: 60px;
	margin-bottom: 20px;
}
.invite h2 {
	margin-bottom: 30px;
}
.invite a.btn {
	margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
	.invite h2 {
		font-size: 26px;
	}
}
@media screen and (max-width: 400px) {
	.invite h2 {
		font-size: 22px;
	}
}

.port-details .invite {
	margin-top: 100px;
	color: #fff;
}
.port-details .invite hr {
	border-color: rgba(256,256,256,.2);
}
.port-details .invite h6 {
	color: rgba(256,256,256,.7);
}
.port-details .port-invite a.btn {
	margin-bottom: 40px;
}


footer {
	padding-top: 100px;
	padding-bottom: 60px;
	background: #111;
	/*border-top: 15px solid #00abe0;*/
}
footer {
	border-top: none;
}
footer h1 {
	font-size: 24px;
	margin-bottom: 50px;
	text-transform:none;
}
footer h1 a {
	border: none;
	color: #aaa;
}
footer h1 a:hover {
	color: #fff;
}
footer nav a {
	display: inline-block;
	margin: 15px 20px;
	text-transform: uppercase;
	border: none;
}
footer nav a:hover {
	color: #fff;
}
@media screen and (max-width: 400px) {
	footer nav a {
		font-size: 14px;
		margin: 15px 15px;
	}
}

footer small {
	display: block;
	margin-top: 50px;
	color: #999;
}

/* new 2021 styles for andyrutledge ------------------------------------------------------- */
.commence {
	background: #111;/*#17171F;*/
	min-height: 99vh;
	font-family: "Alice", serif;
	position: relative;
}
.primary {
	margin-top: 12%;
}
.primary p {
	font-size: 24px;
	width: 70%;
	line-height: 1.2em;
	color: rgba(256,256,256,.6);
}
.primary p span {
	color: #fff;
}
.primary-links {
	margin-top: 100px;
}
.primary-links i {
	font-style: normal;
}
.primary-links div {
	margin-bottom: 30px;
	font-family: "open sans", sans-serif;
}
.primary p.faint {
	color: rgba(256,256,256,.3);
}
@media screen and (max-width: 1000px) {
	.primary {
		margin-top: 10%;
	}
	.primary p {
		font-size: 20px;
		width: 70%;
		line-height: 1.3em;
	}
}
@media screen and (max-width: 767px) {
	.primary {
		margin-top: 10%;
	}
	.primary p {
		font-size: 18px;
		width: 100%;
		line-height: 1.3em;
	}
	.primary-links {
		margin-top: 50px;
	}
	.primary-links i {
		display: none;
	}
}
@media screen and (max-width: 509px) {
	.primary p {
		font-size: 17px;
		color: #ccc;
	}
	.primary p.faint {
		color: rgba(256,256,256,.5);
	}
	a.btn-outline-main {
		font-size: 13px;
	}
}
@media screen and (max-width: 409px) {
	.primary p {
		font-size: 15px;
		color: #eee;
		line-height: 1.4em;
	}
	.primary p.faint {
		color: rgba(256,256,256,.5);
	}
	a.btn-outline-main {
		font-size: 11px;
	}
}

.design-intro {
	padding: 80px 0;
	color: #fff;
}
.design-intro h4 {
	font-size: 22px;
}

.details-header {
	background: #111;
	height: 80px;
}
.details-header img.home {
	max-width: 50px;
	margin-top: 15px;
}

img.detail-logo {
	webkit-filter: drop-shadow(0px 0px 40px rgba(73,18,73,1));
    filter: drop-shadow(0px 0px 40px rgba(73,18,73,1));
}
.study-logo {
	display: block;
	margin-bottom: 60px;
}

.mybooks {
	background: #222;
}
.the-books {
	text-align:center;
	padding-top: 80px;
	padding-bottom: 0;
}
.the-books hr {
	border-color:#444;
}
.the-books h6 {
	text-transform: uppercase;
	color: #888;
	margin-top: 60px;
	margin-bottom: 20px;
}
.the-books h2 {
	margin-bottom: 30px;
	color: #fff;
}
.the-books a.btn {
	margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
	.the-books h2 {
		font-size: 26px;
	}
}
@media screen and (max-width: 400px) {
	.the-books h2 {
		font-size: 22px;
	}
}
.mybooks .main-port a:hover {
	color: #777;
}
.mybooks .main-port h2 a {
	color: #fff;
	border-bottom: 1px dotted #777;
}
.mybooks .main-port h2 a:hover {
	border-bottom: none;
}

.articles {
	background: #00abe0;
	padding: 100px 0;
}
.the-articles {
	text-align:center;
}
.the-articles hr {
	border-color: rgba(256,265,256,.3);
}
.the-articles h6 {
	text-transform: uppercase;
	color: rgba(256,265,256,.7);
	margin-top: 60px;
	margin-bottom: 20px;
}
.the-articles h2 {
	margin-bottom: 30px;
	color: #fff;
}
.the-articles a.btn {
	margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
	.the-articles h2 {
		font-size: 26px;
	}
}
@media screen and (max-width: 400px) {
	.the-articles h2 {
		font-size: 22px;
	}
}
.articles .main-port a:hover {
	color: #777;
}
.articles .main-port h2 a {
	color: #fff;
	border-bottom: 1px dotted #777;
}
.articles .main-port h2 a:hover {
	border-bottom: none;
}

.articles ul {
	margin-top: 80px;
}
.articles ul li {
	margin-bottom: 40px;
}
.articles li a {
	color: #fff;
}
.articles li a:hover {
	color: #222;
}



.article-wrap h1, .article-wrap h2, .article-wrap h3, .article-wrap h4, .article-wrap h5 {
	font-family: "Alice", serif;
	text-transform: none;
}


.boysgirls {
	background: #111 url(../img21/boysgirls.jpg) no-repeat center center / cover;
}
.risk {
	background: #111 url(../img21/risk.jpg) no-repeat center center / cover;
}