@font-face{
	font-family: 'Olive';
	font-style: normal;
	font-weight: bold;
	src: url('/fonts/Olive-Regular.otf') format('opentype');
}

@font-face{
	font-family:'Lato';
	font-style: normal;
	font-weight: 400;
	src: url('/fonts/Lato-Regular.ttf') format('truetype');
}

@font-face{
	font-family:'Lato';
	font-style: bold;
	font-weight: 700;
	src: url('/fonts/Lato-Bold.ttf') format('truetype');
}

@font-face{
	font-family:'Century';
	font-style: normal;
	font-weight: 400;
	src: url('/fonts/Century-gothic.ttf') format('truetype');
}


/* BODY */

html, body {
	background: #fff !important;
	color: #333;
	margin: 0;
	border: 0;
	padding: 0;
	height: 100%;
	font: 16px/1.2rem 'Lato', sans-serif;
	text-align: center;
}

addthisevent {
	visibility:hidden;
}


/* TEXT THINGIES */

p {
	font: 400 1.2rem/1.5rem 'Lato', Arial, sans-serif;
	text-align: justify;
	margin: 1rem 0;
}

strong {
	font-weight: bold;
}

em {
	font-style: normal;
	color: #e4346a;
}

p.disclaim {
	font-size: .8rem;
	line-height: 1rem;
	font-style: italic;
	max-width: 42rem;
}

.quote {
	margin: 1rem 5rem 1rem 13rem;
}

.quote p {
	padding-left: 10rem;
}

.quote img {
	width: 9rem;
	height: 9rem;
	border-radius: 50%;
	float: left;
	margin: 1rem 0;
}

.quote ul {
	padding-left: 12rem;
}

.quote ul li {
	list-style: disc;
	margin: 0 0 1rem 0;
}

sup, sub {
	font-size: 2rem;
}

sub {
	vertical-align: baseline;
}

h1 {
	font: 400 3.5rem/3.5rem 'Lato';
	color: #fff;
}

h2 {
	font: 400 2rem/2.5rem 'Century';
	color: #e4346a;
}

h2.refl {
	font-size: 1.5rem;
	text-align: left;
}

h3 {
	color: #232324;
}

h4, p.blue {
	color: #232324;
	text-align: center;
	font-size: 1.4rem;
	margin: .5rem 0;
}

p.blue {
	text-align: left;
	font-weight: bold;
}

h5 {
	font-size: 5rem;
	margin: 3rem 0;
}

h6 {
	font: 400 1.7rem/2.2rem 'Century';
	color: #fff;
	margin: 3rem auto 1.3rem;
}

hr {
	border: dotted;
	color: #E05A3B;
	margin: 0;
}

hr.uline {
	color: #1BB2B5;
	background-color: #1BB2B5;
	height: .3px;
	margin: -1.5rem auto 1rem;
	width: 70%;
}

hr.qa {
	border: 0;
	background: #1BB2B5;
	width: 70%;
	margin: .5rem auto;
	height: 1px;
}

small {
	font-size: .9em;
	line-height: .7em;
	text-align: center;
}

img {
	border: solid 0px #B1D2A2;
	margin: 0;
	text-align: center;
}

img.freegift {
	float: left;
	width: 15rem;
	margin: 0 1rem 0 0;
	padding: 0;
}

img.ir,
img.irt {
	float: right;
	margin: 0 0 1rem 1rem;
	width: 30%;
	min-width: 12rem;
}

img.irt {
	margin-top: 1.5rem;
}

img.il {
	float: left;
	margin: 0 1rem 1rem 0;
	width: 30%;
	min-width: 12rem;
}

ul {
	list-style: none;
	font-size: 1.1rem;
	line-height: 1.2rem;
	text-align: justify;
	margin: 0 0 2rem 0;
	padding: 0;
}

table {
	width: 60%;
	margin: 0px auto 10px auto;
	border-collapse: collapse;
}

th,
thead {
	border-bottom: solid 2px #777;
}

tr {
	border-bottom: solid 1px #777;
}

td {
	width: 50%;
	font-size: 1.2rem;
	line-height: 1.6rem;
}

td.yes {
	color: #1BB2B5;
}

table.anl {
	color:#fff;
	font-size: 1.2rem;
	width: 100%;
}

table.anl tr {
	border:none;
}

table.anl td {
	padding:.5rem .4rem;
}

td.left {
	text-align:right;
}

td.right {
	text-align:left;
}

td.center {
	width: 1rem;
	text-align: center;
}

table.features {
	width: 100%;
}

table.features thead {
	font-size: 1rem;
	color: #000;
	text-align: center;
}

table.features tr {
	padding: 5px 0px;
}

table.features td.descrip {
	width: 64%;
	padding: .5em 0;
	text-align: left;
	color: #000;
}

table.features td.descrip b {
	color: #e4346a;
}

table.features td.descrip em {
	color: #000;
}

table.features td.yes {
	width: 12%;
	text-align: center;
	font-weight: bold;
	padding: .5em 0;
}

table.features thead td.yes {
	font-weight: normal;
	font-size: 1.4rem;
}

table.track {
	width: 70%;
}

table.track td.l {
	width: 30%;
	padding: 2px 10px 2px 40px;
}

table.track td.r {
	width: 70%;
	padding: 2px 10px 2px 40px;
}

a {
	font-style:normal;
	font-weight: normal;
	text-decoration: underline;
}

a:link,
a:visited {
	color: #E05A3B;
}

a:hover,
a:active,
a:focus {
	color: #E05A3B;
}

a h4 {
	color:#E05A3B;
}


/* BUTTONS */

.btn,
a.btn {
	position: relative;
	display: inline-block;
	width: 65%;
	max-width: 24rem;
	padding: .6rem 1rem 1rem;
	background: #E05A3B;
	color: #fff;
	font-variant: small-caps;
	font-weight: bold;
	margin: 1rem auto;
	font-size: 1.3rem;
	text-shadow: rgba(0,0,0,.25) 0px -1px 1px;
	box-shadow: rgba(255,255,255,.5) 0px 2px 3px inset,
	            rgba(0,0,0,.5) 0px 2px 3px;
	border-radius: 5px;
	text-decoration: none;
}

.btn.side {
	width: 28%;
	margin: 1rem;
}

.reg {
	float: right;
	margin: 3.4rem 6rem 0 0;
	padding: .2rem 1rem .5rem;
	width: auto;
	font-size: 1rem;
}

.btn a {
	color: #fff;
	text-decoration: none;
}


/* BOX THINGIES */

#banner,
#header,
#footer,
.teal,
.gray,
.white,
.rachel,
#contial {
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 1rem 6rem;
	background: #1BB2B5;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.contact {
	float: left;
}

.social {
	float: right;
	margin: 0 0 0 3rem;
	padding: 0;
}

.social img {
	width: 1.2rem;
	margin: 0 .3rem 0 0;
}

#header,
#footer {
	background: #2C8181;
	padding-top: .7rem;
	padding-bottom: .7rem;
}

#header,
#header a,
#footer,
#footer a {
	color: #fff;
}

#footer .social {
	margin-top: 1.3rem;
}

.teal p {
	color: #fff;
	text-align: center;
	line-height: 1.8rem;
}

.teal a {
	color: #fff;
	font-size: 90%;
}

.teal a img {
	margin: .5rem .3rem -.7rem;
}

.gray {
	background: #eee;
}

#banner,
.white {
	background: #fff;
}

#banner img {
	float: left;
	width: 28rem;
}

.white h1 {
	color: #000080;
}

.rachel {
	background: url(/bootcamp/images/pretty.png);
	background-size: cover;
	background-position-x: 50%;
}

.rachel .story {
	background: #fff;
	width: 35%;
	float: left;
	margin: .5rem 0;
	padding: 1rem;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.rachel .story p {
	margin: 1rem 0;
	font-size: 1rem;
}

.price1,
.price2 {
	float: left;
	background: #fff;
	width: 48%;
	margin: 1rem 4% 1rem 0;
	padding-top: 1rem;
}

.price2 {
	margin-right: 0;
}

.price1 p,
.price2 p {
	color: #333;
}

.price1 .btn,
.price2 .btn {
	margin: 1rem auto;
	float: none;
	width: 70%;
	max-width: 10rem;
}

ul.trio,
ul.quad,
ul.boxy {
	float: left;
}

ul.trio li {
	display: inline-block;
	float: left;
	width: 30%;
	margin: 0 0 1rem 5%;
}

ul.boxy li {
	display: inline-block;
	float: left;
	width: 25%;
	margin: 0 0 1rem 5%;
	border: double 4px #1BB2B5;
	padding: 1rem;
	min-height: 3.5rem;
	text-align: center;
}

ul.trio li:first-child,
ul.boxy li:first-child {
	margin-left: 0;
}

ul.quad li {
	display: inline-block;
	float: left;
	width: 45%;
	margin: 0 10% 1rem 0;
}

ul.quad li:nth-child(2n) {
	margin-right: 0;
}

ul.quad li img {
	width: 5rem;
	margin: 1rem auto -1.5rem;
}

ul.icons {
	float: none;
	margin: 3rem auto;
	width: auto;
	text-align: center;
}

ul.icons li {
	display: inline-block;
	width: 25%;
	max-width: 10rem;
	margin: 0 1rem;
	vertical-align: top;
}

ul.icons li a {
	text-decoration: none;
}

ul.icons h3 {
	color:#E05A3B;
	text-align: center;
}

ul.icons img {
	width: 80%;
}

ul.list,
ul.circuit {
	margin: 1rem 3rem;
	font-size: 1.2rem;
}

ul.list h3,
ul.circuit h3 {
	display: inline-block;
	margin: -1.2rem 0 .5rem -.4rem;
}

ul.list li,
ul.circuit li {
	margin-bottom: 2rem;
	padding-left: 25px;
}

ul.list li:before {
	content: url('/bootcamp/images/28Day-BHolder.png');
	background:url('/bootcamp/images/28Day-Bullet.png') center center no-repeat;
	margin-left: -30px;
	margin-right: 11px;
}

ul.circuit li:before {
	content: url('/bootcamp/images/28Day-BHolder.png');
	background:url('/bootcamp/images/28Day-BulletCircuit.png') left 20% no-repeat;
	margin-left: -30px;
	margin-right: 11px;
}

ul.vid-menu {
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

ul.vid-menu li {
	display: inline;
	float: left;
	width: 25%;
	text-align: center;
	margin: 0 0 2rem;
	padding: 0 .25rem;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

ul.vid-menu li a {
	text-decoration: none;
}

ul.vid-menu li h6 {
	font-weight: bold;
	margin: 0;
}

ul.vid-menu li p {
	font-size: .8rem;
	margin: .2rem 0 1rem;
}

.clearboth {
	clear:both;
}


/* MENU */

#menu {
	position: relative;
	float: right;
	margin: .9rem 0 0 0;
	padding: 0;
	color: #777;
}

*html #menu {
	display: inline;
}

#menu li {
	display: inline;
	list-style: none;
	margin: 0 .3rem 0 .9rem;
}

#menu a {
	color: #777;
	font-size: 1.3rem;
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none;
}

#menu a:hover {
	color: #E05A3B;
}


/* =========================================================
   HAMBURGER NAVIGATION
========================================================= */

input[type=checkbox] {
	display: none;
}

@media (min-width: 701px) {

	#banner .nav-trigger + label {
		display: none !important;
	}

	#banner .nav-trigger + label img {
		display: none !important;
	}
}

@media (max-width: 700px) {

	#title {
		width: calc(100% - 70px) !important;
		float: left;
		box-sizing: border-box;
	}

	#title img {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	#banner .nav-trigger + label {
		display: block !important;
		position: absolute;
		top: 1rem;
		right: 1rem;
		width: 50px !important;
		height: 50px !important;
		margin: 0 !important;
		padding: 0 !important;
		cursor: pointer;
		z-index: 9999;
		box-sizing: border-box;
	}

	#banner .nav-trigger + label img {
		display: block !important;
		width: 50px !important;
		height: 50px !important;
		max-width: none !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	#banner #menu {
		display: none;
		position: absolute;
		top: 100%;
		right: 1rem;
		width: 80%;
		margin: 0;
		padding: 1rem;
		background: #fff;
		z-index: 1000;
		float: none;
		box-sizing: border-box;
		box-shadow: 0 3px 10px rgba(0,0,0,.25);
		text-align: left;
	}

	#banner .nav-trigger:checked ~ #menu {
		display: block;
	}

	#banner #menu li {
		display: block !important;
		float: none !important;
		width: 100%;
		margin: 0 !important;
		padding: 0;
	}

	#banner #menu a {
		display: block;
		padding: .6rem 0;
		font-size: 1.2rem;
		line-height: 1.5rem;
		text-align: left;
	}
}


/* OPT-IN */

#optinbox {
	float:right;
	margin: 0px 0px 20px 10px;
	width: 28%;
	background: #eee;
	padding: 0;
	font-size: .9em;
	text-align: center;
	-webkit-box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.5);
}

#optinbox h1 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 0px auto;
	text-align: center;
	color: #eee;
}

#optinbox h2 {
	font-size: .9em;
	font-style: italic;
	margin: 0 auto 5px;
	text-align: center;
}

#optinbox p {
	display: inline;
	text-align: center;
	margin: 0;
	padding: 0;
}

#optinbox img {
	width: 100%;
	margin: 0 0 -68px 0;
	border: none;
}


/* OTHER LAYOUT ELEMENTS */

.white.blog {
	width: 78%;
	text-align: left;
	padding-left: 1rem;
	padding-right: 1rem;
}

.floaty {
	position: relative;
	float: left;
	width: 20%;
}

.floaty #optinbox {
	display: table-cell;
	vertical-align: top;
	float: none;
	margin: 20px 0px 0px 0px;
}

#signup_holder {
	width: 70%;
	text-align:center;
	margin: 0 auto;
	border: solid 3px #869AA3;
	background: #fff;
	padding: .5em 1em;
}

.floaty #signup_holder {
	width: 100%;
	text-align:center;
	margin: 0 auto;
	border: none;
	background: #fff;
	padding: .5em 0;
}

.freegift {
	float: none;
	padding-left: 16rem;
}


/* VIDEO */

.videobox {
	float:left;
}

.videobox.home {
	width: 70%;
}

.videobox.testim {
	width: 49%;
	margin: 0;
}

.videobox.single {
	width: 70%;
	float: none;
	margin: 0 auto;
}

video {
	width: 100% !important;
	height: auto !important;
}

audio {
	width: 70%;
	display: block;
	margin: 0 auto;
}


/* QUESTIONS */

.question {
	margin: .5rem 0 .5rem .7rem;
	padding: 0;
}

.question:after {
	clear: both;
}

.question:first-child {
	margin-top: 1rem;
}

.answer {
	display: none;
	-webkit-transition: .125s linear;
	-moz-transition: .125s linear;
	-ms-transition: .125s linear;
	-o-transition: .125s linear;
	transition: .125s linear;
}

.answer img {
	display: block;
	margin: .5rem auto;
}

.read_more input[type=checkbox] {
	display: none;
}

.read_more label {
	position: relative;
	display: block;
	width: 100%;
	text-align: left;
	font: 400 1.4rem/1.4rem 'Lato', sans-serif;
	font-weight: bold;
	color: #000080;
	padding: .2rem;
	margin: 0 0 0 .5rem;
	cursor: pointer;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.read_more label:hover {
	background: rgba(0,142,176,.2);
}

.read_more input[type=checkbox]:checked ~ .answer {
	display: block;
	width: 100%;
	padding: 1rem .6rem;
	font-size: 1rem;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}


/* POSSIBLES */

ul.possibles input[type="radio"] {
	display: none;
}

ul.possibles {
	position: relative;
	float: left;
	list-style-type: none;
	text-align: left;
	margin: 0 0 10rem 0;
	padding: 0;
	width: 100%;
}

ul.possibles li {
	position: absolute;
	top: 0;
	left: 5%;
	margin: 0 auto 2rem;
	width: 90%;
}

ul.possibles li h3 {
	color: #fff;
}

ul.possibles li p {
	text-align: left;
	padding-left: 16rem;
	margin-top: .5rem;
	font-size: 2rem;
	line-height: 2.2rem;
}

ul.possibles li img {
	float: left;
	width: 15rem;
}

ul.possibles li input[type="radio"] + label {
	visibility: hidden;
}

label.rarrows,
label.larrows {
	position: absolute;
	top: 1rem;
	right: -5rem;
	width: 5rem;
	height: 5rem;
	background: url('/images/arrow-right.svg');
	background-size: 100%;
	display: block;
	visibility: hidden;
}

label.larrows {
	background: url('/images/arrow-left.svg');
	background-size: 100%;
	left: -5rem;
}

ul.possibles li input[type="radio"]:checked + label,
ul.possibles li input[type="radio"]:checked + label h3,
ul.possibles li input[type="radio"]:checked + label p,
ul.possibles li input[type="radio"]:checked ~ label.larrows,
ul.possibles li input[type="radio"]:checked ~ label.rarrows {
	opacity: 1;
	visibility: visible;
}

ul#recently,
ul.archive-list {
	font-size: .9rem;
	line-height: 1rem;
}

ul#recently li,
ul.archive-list li {
	margin-bottom: .5rem;
}


/* BLOGSPOT THINGIES */

body {
	min-width: 0 !important;
}

body .navbar {
	height: 0px;
	background: #2C8181;
}

.content-outer,
.content-fauxcolumn-outer,
.region-inner {
	min-width: 0 !important;
	max-width: none !important;
}

.region-inner #header {
	float: none;
	padding: 0;
	background: none;
}

.header h1 {
	font: 400 3.5rem/3.5rem 'Lato' !important;
}

.header h1,
.header p {
	text-align: center;
}

#header-inner {
	padding: 0 6rem !important;
}

#contial.region-inner {
	float: none;
	background: #2C8181;
	padding: 0 30px;
}

#contial.region-inner .contact {
	float: none;
}

#banner.region-inner {
	margin: 0 auto 2.5rem;
	padding: 1rem 6rem;
	float: none;
}

.main-outer {
	border: none !important;
	padding: 0 6rem;
}

.main-inner .column-center-inner {
	padding: 0 15px 0 0 !important;
}

.main-inner .column-center-inner .section {
	margin: 0 15px 0 0 !important;
}

.content {
	font-size: 12px;
	text-align: left;
}

.post-body {
	font-size: 130% !important;
}

.post-body img {
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#menu.region-inner {
	text-align: right;
	margin: 1rem auto;
	padding: 0 6rem;
	float: none;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.column-right-inner img.freegift {
	width: 100%;
	margin: 0 0 1rem 0;
}

ul.hierarchy,
ul.posts {
	font-size: 12px;
	text-align: left;
}

h3 a:link,
h3.post-title {
	text-transform: uppercase;
	color: #e4346a;
}

h3.post-title {
	border-bottom: solid .3rem #1BB2B5;
}

.footer-3 {
	display: none;
}


/* RESPONSIVE */

@media (max-width: 950px) {

	.rachel .story {
		width: 45%;
	}

	ul.possibles li p {
		margin-top: 0;
	}
}

@media (max-width: 700px) {

	p {
		margin: 1rem;
	}

	h2.refl {
		margin-left: 1rem;
	}

	ul.list,
	ul.trio,
	ul.quad,
	ul.icons {
		margin: 1rem;
	}

	ul.trio li {
		width: 100%;
		margin-left: 0;
	}

	.teal,
	.gray,
	.white,
	.rachel,
	.main-outer,
	#menu.region-inner,
	#banner.region-inner {
		padding: 1rem;
	}

	#header {
		padding: .3rem;
	}

	#header-inner {
		padding: 0 !important;
	}

	.contact {
		float: none;
		margin: .5rem auto;
		font-size: .8rem;
	}

	.social {
		float: none;
		margin: 0;
	}

	#banner {
		padding: 1rem;
	}

	#banner img {
		width: 100%;
		margin: 0;
	}

	.reg {
		margin: 1rem 1.7rem .5rem 0;
	}

	.quote img {
		margin: 1rem;
	}

	.quote p {
		padding: 0;
		clear: both;
	}

	.quote ul {
		padding-left: 3rem;
	}

	ul.possibles li p {
		padding-left: 15rem;
		font-size: 1.8rem;
		line-height: 2rem;
	}

	label.rarrows {
		right: -4rem;
	}

	label.larrows {
		left: -4rem;
	}

	.main-inner .fauxcolumn-right-outer,
	.main-inner .column-right-outer {
		width: 220px !important;
	}

	.main-inner .column-right-outer {
		margin-right: -220px !important;
	}

	.main-inner .columns {
		padding-right: 220px !important;
	}
}

@media (max-width: 550px) {

	.videobox.testim,
	.videobox.home {
		width: 100%;
		margin-bottom: .5rem;
	}

	#optinbox {
		float: none;
		clear: both;
		width: 60%;
		margin: .5rem auto 30px;
	}

	ul.possibles {
		margin-bottom: 16rem;
	}

	ul.possibles li {
		width: 80%;
		left: 10%;
	}

	ul.possibles li img {
		width: 100%;
		margin-bottom: 1rem;
	}

	ul.possibles li p {
		padding: 0;
		font-size: 1.2rem;
		line-height: 1.4rem;
	}

	label.rarrows,
	label.larrows {
		top: 3rem;
	}

	.white.blog,
	.floaty {
		width: 100%;
	}

	.floaty {
		text-align: center;
	}
}

@media (min-width:1200px) {

	.teal,
	.gray,
	.white,
	.rachel,
	.main-outer,
	#header-inner {
		padding-left: 12rem;
		padding-right: 12rem;
	}

	.reg {
		margin-right: 12rem;
	}
}


/* =========================================================
   HOMEPAGE + SITE-WIDE RESTORATION FIXES
========================================================= */


/* HERO */

.teal:has(.videobox.home) {
	text-align: center;
}

.teal:has(.videobox.home) h1 {
	color: #fff;
	text-align: center;
}

.teal:has(.videobox.home) > p {
	color: #fff !important;
	text-align: center !important;
	font-size: 1.25rem;
	line-height: 1.55rem;
	font-weight: bold;
	margin: 1.5rem auto;
}


/*
   Desktop hero uses the original site layout:
   70% video on the left
   28% opt-in on the right
*/

@media (min-width: 701px) {

	.teal:has(.videobox.home) .videobox.home {
		float: left;
		width: 70%;
		margin: 0;
		box-sizing: border-box;
	}

	.teal:has(.videobox.home) #optinbox {
		float: right;
		width: 28%;
		margin: 0 0 20px 10px;
		box-sizing: border-box;
		background: #eee;
		box-shadow: 5px 5px 10px 1px rgba(0,0,0,0.5);
	}

	.teal:has(.videobox.home) .videobox.home video {
		display: block;
		width: 100% !important;
		height: auto !important;
	}
}


/* Opt-in image */

#optinbox img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 -68px 0;
	border: none;
}

#optinbox h1,
#optinbox h2,
#optinbox p,
#optinbox a,
#optinbox strong,
#optinbox span {
	text-align: center;
}


/* Keep hero floats contained */

.teal:has(.videobox.home)::after {
	content: "";
	display: table;
	clear: both;
}


/* LOWER HOMEPAGE COPY */

.white p,
.gray p,
.rachel p {
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}


/* =========================================================
   WORK WITH RACHEL
========================================================= */


/* INTRO */

.work-intro {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.work-intro h1 {
	margin: 0 0 2rem;
}

.work-intro p {
	color: #fff;
	text-align: center;
	max-width: 60rem;
	margin: 1rem auto;
	line-height: 1.7rem;
}

.work-intro p.intro-lead {
	font-family: 'Century', sans-serif;
	font-size: 1.5rem;
	line-height: 2rem;
	margin-bottom: 1.5rem;
}

.work-intro p:last-child {
	font-family: 'Century', sans-serif;
	font-size: 1.5rem;
	line-height: 2rem;
	margin-top: 2rem;
}


/* PATHWAY */

.pathway-section {
	padding-top: 4rem;
	padding-bottom: 5rem;
}

.pathway-section h2 {
	margin-top: 0;
}

.pathway-section hr.uline {
	margin-bottom: 3rem;
}

.pathway {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2rem;
	width: 100%;
	max-width: 72rem;
	margin: 0 auto;
	text-align: left;
}


/* PATH CARDS */

.path-card {
	position: relative;
	display: block;
	background: #f1f1f1;
	padding: 2.5rem 2.5rem 2.3rem;
	min-height: 18rem;
	box-sizing: border-box;
	border: 2px solid transparent;
	border-radius: 3px;
	text-decoration: none !important;
	color: #333 !important;
	transition:
		transform .2s ease,
		box-shadow .2s ease,
		border-color .2s ease;
}

.path-card:hover,
.path-card:focus {
	transform: translateY(-4px);
	border-color: #1BB2B5;
	box-shadow: 0 8px 20px rgba(0,0,0,.12);
	text-decoration: none !important;
}

.path-content {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.path-label {
	font-family: 'Lato', sans-serif;
	font-size: .85rem;
	line-height: 1rem;
	font-weight: bold;
	letter-spacing: .12rem;
	color: #1BB2B5;
	margin-bottom: 1rem;
}

.path-card h3 {
	font-family: 'Century', sans-serif;
	font-size: 1.7rem;
	line-height: 2rem;
	font-weight: 400;
	color: #e4346a;
	margin: 0 0 1.2rem;
}

.path-card p {
	font-family: 'Lato', sans-serif;
	font-size: 1.1rem;
	line-height: 1.55rem;
	text-align: left;
	color: #333;
	margin: 0 0 1.5rem;
}

.path-link {
	display: block;
	margin-top: auto;
	font-family: 'Lato', sans-serif;
	font-size: .95rem;
	font-weight: bold;
	letter-spacing: .04rem;
	color: #E05A3B;
}


/* BREAKTHROUGH */

.breakthrough-section {
	padding-top: 3.5rem;
	padding-bottom: 3.5rem;
	text-align: center;
}

.breakthrough-section h2 {
	margin-top: 0;
}

.breakthrough-section p {
	max-width: 48rem;
	margin: 1rem auto 1.8rem;
	text-align: center;
}

.breakthrough-section button,
.final-breakthrough button {
	margin: .5rem auto;
}


/* =========================================================
   TESTIMONIAL COLLAGE
========================================================= */

.testimonial-collage-section {
	padding-top: 4rem;
	padding-bottom: 5rem;
	overflow: hidden;
}

.testimonial-collage-section h2 {
	margin-top: 0;
}

.testimonial-collage-section hr.uline {
	margin-bottom: 3.5rem;
}

.testimonial-collage {
	position: relative;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-auto-rows: minmax(1rem, auto);
	gap: 1.5rem;
	max-width: 75rem;
	margin: 0 auto;
	text-align: left;
}


/* TESTIMONIAL CARDS */

.testimonial-card {
	position: relative;
	background: #f1f1f1;
	padding: 1.5rem;
	box-sizing: border-box;
	text-align: left;
}

.testimonial-card img {
	display: block;
	width: 7rem;
	height: 7rem;
	object-fit: cover;
	border-radius: 50%;
	margin: 0 0 1.2rem;
}

.testimonial-text p {
	font-family: 'Lato', sans-serif;
	font-size: 1rem;
	line-height: 1.45rem;
	text-align: left;
	margin: 0 0 1rem;
}

.testimonial-text span {
	display: block;
	font-family: 'Lato', sans-serif;
	font-size: .85rem;
	line-height: 1.2rem;
	color: #555;
}


/* INDIVIDUAL COLLAGE POSITIONS */

.testimonial-sasha {
	grid-column: 1 / 6;
	grid-row: 1 / 5;
	padding: 2rem;
	transform: rotate(-1deg);
}

.testimonial-sasha img {
	width: 9rem;
	height: 9rem;
}

.testimonial-sasha .testimonial-text p {
	font-size: 1.15rem;
	line-height: 1.6rem;
}

.testimonial-ram {
	grid-column: 7 / 13;
	grid-row: 1 / 6;
	padding: 1.8rem;
	transform: rotate(1deg);
}

.testimonial-marla {
	grid-column: 3 / 9;
	grid-row: 5 / 10;
	padding: 2rem;
	transform: rotate(-1deg);
	z-index: 2;
}

.testimonial-marla img {
	width: 8rem;
	height: 8rem;
}

.testimonial-melany {
	grid-column: 9 / 13;
	grid-row: 7 / 11;
	padding: 1.5rem;
	transform: rotate(1deg);
}

.testimonial-danny {
	grid-column: 1 / 6;
	grid-row: 9 / 13;
	padding: 1.7rem;
	transform: rotate(-1deg);
}


/* MARLA PULL QUOTE */

.testimonial-pullquote {
	font-family: 'Century', sans-serif;
	font-size: 1.7rem;
	line-height: 2.1rem;
	color: #e4346a;
	margin: 0 0 1.5rem;
}


/* =========================================================
   METHOD SECTION
========================================================= */

.method-section {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.method-inner {
	display: flex;
	align-items: flex-start;
	gap: 4rem;
	max-width: 72rem;
	margin: 0 auto;
	text-align: left;
}

.method-photo {
	width: 38%;
	flex: 0 0 38%;
}

.method-photo img {
	display: block;
	width: 100%;
	height: auto;
}

.method-copy {
	width: 62%;
	flex: 1;
}

.method-copy h2 {
	margin-top: 0;
}

.method-copy hr.uline {
	margin-left: 0;
	width: 100%;
	margin-bottom: 2rem;
}

.method-copy p {
	font-size: 1.1rem;
	line-height: 1.6rem;
	text-align: left;
	margin: 0 0 1.25rem;
}

.method-copy p.method-emphasis {
	font-family: 'Century', sans-serif;
	font-size: 1.7rem;
	line-height: 2rem;
	color: #e4346a;
	margin: 1.8rem 0;
}


/* METHOD PILLARS */

.method-pillars {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
	max-width: 72rem;
	margin: 4rem auto 0;
}

.method-pillar {
	background: #fff;
	padding: 2rem 1.5rem;
	box-sizing: border-box;
	text-align: center;
}

.method-pillar h3 {
	font-family: 'Lato', sans-serif;
	font-size: 1rem;
	letter-spacing: .15rem;
	color: #1BB2B5;
	margin: 0 0 1rem;
}

.method-pillar p {
	font-size: 1rem;
	line-height: 1.4rem;
	text-align: center;
	margin: 0;
}


/* METHOD PULLOUT */

.method-pullout {
	max-width: 55rem;
	margin: 4rem auto 0;
	padding: 2rem 3rem;
	border-top: 3px solid #1BB2B5;
	border-bottom: 3px solid #1BB2B5;
	text-align: center;
	box-sizing: border-box;
}

.method-pullout h3 {
	font-family: 'Century', sans-serif;
	font-size: 1.8rem;
	line-height: 2.2rem;
	font-weight: 400;
	color: #e4346a;
	margin: 0 0 1rem;
}

.method-pullout p {
	font-family: 'Lato', sans-serif;
	font-size: 1.1rem;
	line-height: 1.6rem;
	text-align: center;
	margin: 0;
}


/* FINAL BREAKTHROUGH */

.final-breakthrough {
	padding-top: 3rem;
	padding-bottom: 3rem;
	text-align: center;
}

.final-breakthrough button {
	margin: 0 auto;
}


/* =========================================================
   WORK WITH RACHEL - TABLET
========================================================= */

@media (max-width: 950px) {

	.pathway {
		gap: 1.25rem;
	}

	.path-card {
		padding: 2rem;
	}

	.path-card h3 {
		font-size: 1.5rem;
		line-height: 1.8rem;
	}

	.testimonial-collage {
		gap: 1rem;
	}

	.testimonial-sasha {
		grid-column: 1 / 7;
	}

	.testimonial-ram {
		grid-column: 7 / 13;
	}

	.testimonial-marla {
		grid-column: 2 / 9;
	}

	.testimonial-melany {
		grid-column: 9 / 13;
	}

	.testimonial-danny {
		grid-column: 1 / 6;
	}

	.method-inner {
		gap: 2.5rem;
	}
}


/* =========================================================
   WORK WITH RACHEL - MOBILE
========================================================= */

@media (max-width: 700px) {

	.work-intro {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.work-intro h1 {
		font-size: 2.4rem;
		line-height: 2.7rem;
		margin-bottom: 1.5rem;
	}

	.work-intro p {
		font-size: 1.05rem;
		line-height: 1.5rem;
	}

	.work-intro p br {
		display: none;
	}

	.work-intro p.intro-lead,
	.work-intro p:last-child {
		font-size: 1.3rem;
		line-height: 1.7rem;
	}

	.pathway-section {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.pathway-section h2 {
		font-size: 1.7rem;
		line-height: 2.1rem;
	}

	.pathway {
		display: block;
		width: 100%;
	}

	.path-card {
		width: 100%;
		min-height: 0;
		margin-bottom: 1.25rem;
		padding: 1.8rem;
	}

	.path-card:last-child {
		margin-bottom: 0;
	}

	.path-card h3 {
		font-size: 1.45rem;
		line-height: 1.8rem;
	}

	.path-card p {
		font-size: 1rem;
		line-height: 1.45rem;
	}

	.path-card:hover,
	.path-card:focus {
		transform: none;
	}

	.breakthrough-section {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.breakthrough-section h2 {
		font-size: 1.7rem;
		line-height: 2.1rem;
	}

	.breakthrough-section p {
		font-size: 1rem;
		line-height: 1.45rem;
	}

	.breakthrough-section button,
	.final-breakthrough button {
		max-width: 90%;
		padding: 14px 20px !important;
		font-size: .9rem !important;
	}


	/* TESTIMONIALS */

	.testimonial-collage-section {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.testimonial-collage-section h2 {
		font-size: 1.7rem;
		line-height: 2.1rem;
	}

	.testimonial-collage {
		display: block;
	}

	.testimonial-card {
		width: 100%;
		margin: 0 0 1.5rem;
		padding: 1.5rem;
		transform: none;
	}

	.testimonial-card img {
		width: 6.5rem;
		height: 6.5rem;
	}

	.testimonial-sasha,
	.testimonial-ram,
	.testimonial-marla,
	.testimonial-melany,
	.testimonial-danny {
		grid-column: auto;
		grid-row: auto;
	}

	.testimonial-sasha .testimonial-text p {
		font-size: 1.05rem;
		line-height: 1.5rem;
	}

	.testimonial-pullquote {
		font-size: 1.5rem;
		line-height: 1.9rem;
	}


	/* METHOD */

	.method-section {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.method-inner {
		display: block;
	}

	.method-photo {
		width: 100%;
		margin-bottom: 2rem;
	}

	.method-copy {
		width: 100%;
	}

	.method-copy h2 {
		font-size: 1.7rem;
		line-height: 2.1rem;
	}

	.method-copy hr.uline {
		width: 70%;
		margin-left: auto;
	}

	.method-copy p {
		font-size: 1rem;
		line-height: 1.5rem;
	}

	.method-copy p.method-emphasis {
		font-size: 1.5rem;
		line-height: 1.9rem;
		text-align: center;
	}

	.method-pillars {
		display: block;
		margin-top: 2.5rem;
	}

	.method-pillar {
		margin-bottom: 1rem;
		padding: 1.5rem;
	}

	.method-pillar:last-child {
		margin-bottom: 0;
	}

	.method-pullout {
		margin-top: 2.5rem;
		padding: 1.5rem;
	}

	.method-pullout h3 {
		font-size: 1.5rem;
		line-height: 1.9rem;
	}

	.method-pullout p {
		font-size: 1rem;
		line-height: 1.5rem;
	}
}


/* =========================================================
   WORK WITH RACHEL - SMALL MOBILE
========================================================= */

@media (max-width: 550px) {

	.path-card {
		padding: 1.5rem;
	}

	.path-label {
		font-size: .78rem;
	}

	.path-card h3 {
		font-size: 1.35rem;
		line-height: 1.7rem;
	}

	.path-card p {
		font-size: .98rem;
		line-height: 1.4rem;
	}

	.testimonial-card {
		padding: 1.25rem;
	}

	.testimonial-card img {
		width: 5.5rem;
		height: 5.5rem;
	}

	.testimonial-text p {
		font-size: .95rem;
		line-height: 1.4rem;
	}

	.method-pillar p {
		font-size: .95rem;
	}
}