/*
Theme Name: Caliber
Theme URI: http://www.studiosimpati.co/
Description: This theme is a derivative of Super Hijinksified, custom coded for the client.
Author: Studio Simpatico
Author URI: http://www.studiosimpati.co/
Version: 1.0

*/

/***************************************************************************************************************************************************************************************/

/*HTML5 BOILERPLATE MINIFIED*/

/***************************************************************************************************************************************************************************************/

*{box-sizing:border-box;}article{display:block}aside{display:block}details{display:block}figcaption{display:block}figure{display:block;margin:0}footer{display:block}header{display:block}hgroup{display:block}nav{display:block}section{display:block}audio{display:inline;zoom:1}canvas{display:inline;zoom:1}video{display:inline;zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif;color:#222}button{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;cursor:pointer;-webkit-appearance:button;overflow:visible;margin:0}input{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;line-height:normal;margin:0}select{font-family:sans-serif;color:#222;font-size:100%;vertical-align:middle;margin:0}textarea{font-family:sans-serif;color:#222;font-size:100%;overflow:auto;vertical-align:top;resize:vertical;margin:0}body{font-size:1em;line-height:1.4;margin:0}::-moz-selection{background:#333;color:#fff;text-shadow:none}::selection{background:#333;color:#fff;text-shadow:none}a{color:#00e}a:hover{color:#06e;outline:0}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b{font-weight:700}strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;white-space:pre-wrap;word-wrap:break-word}code{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}kbd{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}q{quotes:none}q:before{content:none}q:after{content:none}small{font-size:85%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline;bottom:-.25em}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-.5em}ul{margin:1em 0;padding:0 0 0 40px}ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul{list-style:none;list-style-image:none;margin:0;padding:0}nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;white-space:normal;padding:0}input[type="button"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="reset"]{cursor:pointer;-webkit-appearance:button;overflow:visible}input[type="submit"]{cursor:pointer;-webkit-appearance:button;overflow:visible}button[disabled]{cursor:default}input[disabled]{cursor:default}input[type="checkbox"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="radio"]{box-sizing:border-box;width:13px;height:13px;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input:invalid{background-color:#f0dddd}textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}

/***************************************************************************************************************************************************************************************/

/*BODY STYLES*/

/***************************************************************************************************************************************************************************************/

:root {
  --lightGray: #F5F7F9;
  --midGray: #999;
  --midGray2: #C9CACC;
  --darkGray: #333;
  --red: #FF1400;
  --midNavy: #0C113C;
  --navy: #000632;
  --blue: #272E5F;
  --purple: #5B64A0;
  --border: #EBEBEB;
  --gradient: linear-gradient(135deg, #020838 0%, #000632 100%);
  --offSetImage: -120px;
  --shadow: 0 10px 25px rgba(0,6,50,0.15);
  --bodyFont: "benton-sans", Arial, Helvetica, sans-serif;
  --secondaryFont: "benton-sans-wide", Arial, Helvetica, sans-serif;
  --handwrittenFont: "flood-std",  Arial, Helvetica, sans-serif;
}

html {
    font-size: 100%;
    overflow-x: hidden;
}

body { 
	background: white; 
	color: var(--darkGray); 
	font: 500 1rem var(--bodyFont); 
	overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    position: relative;
}

a { 
	color: var(--red);
	text-decoration: none;
	transition: all .25s ease;
}

a:hover {
	color: var(--navy);
}

.special-link {
	font: bold .75rem var(--secondaryFont); /*12*/
	letter-spacing: .8px;
	text-transform: uppercase;
}

.special-link svg {
	display: inline-block;
	margin-left: 10px;
	transition: all .25s ease;
	vertical-align: -8px;
}

.special-link .hexagon {
	fill: var(--red);
	transition: fill .25s ease;
}

.special-link.dark:hover {
	color: var(--purple);
}

.special-link:hover svg,
a:hover .special-link svg {
	margin-left: 15px;
}

.special-link:hover .hexagon,
a:hover .special-link .hexagon {
	fill: var(--navy);
}

.special-link.dark:hover .hexagon,
a:hover .special-link.dark .hexagon {
	fill: var(--purple);
}

input[type=submit],
button {
	border-radius: 0;
	font-family: inherit;
	transition: all .25s ease;
}

.btn {
	background: var(--red);
	border: 2px solid var(--red);
	color: white;
	display: inline-block;
	font-size: .875rem; /*14*/
	font-weight: bold;
	letter-spacing: 1px;
	padding: 15px 20px;
	text-align: center;
	text-transform: uppercase;
}

.btn:hover {
	background: white;
	color: var(--red);
}

img,
svg,
iframe {
	height: auto;
	max-width: 100%;
}

h1 {
	color: var(--lightGray);
    font-size: 3.75rem; /*60*/
    letter-spacing: -.5px;
    line-height: 1.16; /*70*/
    margin: 0 0 20px;
}

h1 span {
	color: var(--red);
}

h2,
.membership-hero h1,
.image-block-container h3 {
	color: var(--navy);
    font-size: 2rem; /*32*/
	font-weight: 700;
    line-height: 1.375; /*44*/
    margin: 0 0 25px;
}

h2 span,
.membership-hero h1 span {
	color: var(--red);
}

h3,
.accordions button {
	color: var(--navy);
    font-size: 1.5rem; /*24*/
    font-weight: 600;
    line-height: 1.41; /*34*/
    margin: 0 0 10px;
}

.eyebrow {
	color: var(--midGray);
	display: block;
	font: bold .75rem var(--secondaryFont); /*12*/
	letter-spacing: .5px;
	margin-bottom: 15px;
}

p,
ul,
ol {
	font-size: 1.125rem; /*18*/
	line-height: 1.77; /*32*/
	margin: 0 0 20px;
}

header, 
section, 
footer,
article {
	width: 100%;
}

.container {
	clear: both;
	margin: 0 auto; 
	max-width: 1280px; /*1200*/
	padding: 0 40px;
	position: relative;
}

.flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.grid {
	display: grid;
}

.accessibility {
	backface-visibility: hidden;
	left: -999999999px;
	position: absolute;
}

.angle-container {
	overflow: hidden;
}

/***ANGLES***/

.image {
	margin-left: var(--offSetImage);
	position: relative;
	width: 101.33%; /*1216*/
}

.image.angle {
	left: 20px;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
}

.image.angle:before {
	background-image: linear-gradient(270deg, rgba(0,6,50,0.30) 18%, rgba(0,6,50,0.00) 100%);
	content: '';
	height: 100%;
	right: 0;
	position: absolute;
	top: 0;
	width: 32.31%; /*393*/
	z-index: 2;
}

.image img {
	border-radius: 3px;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

/*Solids & Images*/

.angle {
	overflow: hidden;
	position: relative;
}

.angle:after,
.page-template-page-faq:before,
.page-template-default:before,
.error404:before,
.post-type-archive-press::before,
.blog:before,
.single-post:before {
	background: var(--navy);
	content: '';
	height: 200%;
	position: absolute;
	top: -100px;
	transform: rotate(27deg);
}

.angle.gradient:after {
	background: var(--gradient);
}

.angle.white:after {
	background: white;
}

.angle.gray:after {
	background: var(--lightGray);
}

.angle.shallow:after,
.post-type-archive-press::before {
	transform: rotate(63deg);
}

.angle.inverse:after {
	transform: rotate(-27deg)
}

.angle.inverse.shallow:after,
.page-template-page-faq:before,
.page-template-default:before,
.error404:before,
.blog:before,
.single-post:before {
	transform: rotate(-63deg)
}

/*Large Bkg Gray Confetti*/

.bkg-confetti {
	height: auto;
	left: 0;
	max-width: none;
	position: absolute;
	width: auto;
}

/*Confetti*/

.confetti {
	background: var(--red);
	-webkit-clip-path: polygon(1.2% 0, 100% 0, 98.8% 100%, 0% 100%);
	clip-path: polygon(1.2% 0, 100% 0, 98.8% 100%, 0% 100%);
	height: 16px;
	position: absolute;
	transform: rotate(27deg) scale(-1,1) translate(50px);
	transform-origin: right 0;
	transition: all 1.5s ease;
	width: 679px;
	z-index: 3;
}

.confetti.grow {
	transform: rotate(27deg) scale(-1,1) translate(0);
}

.confetti.inverse {
	transform: rotate(-27deg) scale(1) translate(50px);
}

.confetti.inverse.grow {
	transform: rotate(-27deg) scale(1) translate(0);
}

.confetti.gray {
	background: var(--lightGray);
}

.confetti.purple {
	background: var(--purple);
}

.confetti.blue {
	background: var(--blue);
}

/***************************************************************************************************************************************************************************************/

/*HEADER STYLES*/

/***************************************************************************************************************************************************************************************/

header {
	left: 0;
	padding: 20px 30px 60px;
	position: absolute;
	top: 0;
	z-index: 3;
}

.header-gradient header {
	background: linear-gradient(to bottom, rgba(0,6,50,.8) 0%, transparent 100%);
}

header .logo {
	height: 41px;
}

header svg .letters {
	fill: var(--lightGray);
}

.dark-header header svg .letters,
.dark-logo header svg .letters {
	fill: var(--navy);
}

header li {
	display: inline-block;
}

header li a {
	display: block;
	font: bold .6875rem var(--secondaryFont); /*11*/
	letter-spacing: .8px;
	padding: 10px 18px;
	text-transform: uppercase;
}

header li a,
header li:last-child a:hover {
	color: var(--lightGray);
}

.dark-header header li a,
.dark-header header li:last-child a:hover,
.dark-menu header li a,
.dark-menu header li a:last-child a:hover {
	color: var(--navy);
}

header li a:hover,
header li:last-child a,
.dark-header header li a:hover,
.dark-menu header li a:hover
header .current-menu-item a,
.dark-header header .current-menu-item a,
.dark-menu header .current-menu-item a {
	color: var(--red);
}

/***Mobile Menu***/

header .mobile-menu {
	display: none;
}

/***************************************************************************************************************************************************************************************/

/*FOOTER STYLES*/

/***************************************************************************************************************************************************************************************/

footer {
	background: var(--midNavy);
	padding: 80px 0 20px;
}

footer.angle:before {
	background: var(--navy);
	content: '';
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 10%;
}

footer.angle:after {
	right: -50px;
	width: 44.097%;
}

footer .container {
	z-index: 2;
}

footer ul {
	margin: 0;
	padding: 0;
}

footer li {
	list-style: none;
}

/*
footer .grid {
	grid-gap: 12%;
	grid-template-columns: 166px 1fr 269px;
	position: relative;
}
*/

footer .grid {
    grid-gap: 9%;
    grid-template-columns: 166px 1fr 236px;
    position: relative;
}

footer .logo img {
    max-width: 166px;
}

/***Menu***/

#menu-footer {
	display: flex;
	justify-content: space-between;
}

#menu-footer li {
	font: bold .75rem var(--secondaryFont); /*12*/
	letter-spacing: .5px;
}

/*
#menu-footer > li {
	max-width: 195px;
	width: 45%;
}
*/

#menu-footer > li > a {
	color: var(--purple);
	display: block;
	text-transform: uppercase;
}

#menu-footer li li,
#menu-footer > li > a {
	margin-bottom: 20px;
}

#menu-footer li li a {
	color: var(--lightGray);
}

#menu-footer li.red > a {
	color: var(--red);
}

#menu-footer li li a:hover,
#menu-footer > li > a:hover {
	opacity: .6;
}

/***Newsletter***/

footer .newsletter h2 {
	color: var(--lightGray);
	font-size: 1.125rem;
	font-weight: normal;
	line-height: 1.77; /*32*/
    margin-bottom: 20px;
}

footer .newsletter input[type=text],
footer .newsletter input[type=email] {
	background: var(--blue);
	box-shadow: inset 0 5px 10px 0 rgba(0,6,50,0.15);
	border-radius: 3px;
	border: none;
	color: var(--lightGray);
	font-family: inherit;
	font-size: .875rem; /*14*/
	height: 42px;
	margin-bottom: 20px;
	padding: 0 10px;
	width: 100%;
}

footer .newsletter button,
footer .newsletter input[type=submit] {
	display: block;
	height: 40px;
	margin: 0 0 0 auto;
	padding: 0 20px;
}

._form-thank-you {
	color: white!important;
}

/***Copyright***/

footer .flex-container {
	align-items: center;
	margin-top: 80px;
}

footer .copyright {
	color: var(--lightGray);
	font-size: .75rem; /*12*/
	font-weight: 600;
	margin: 0 20px 0 0;
	opacity: .3;
}

/***Social***/

footer .social li {
	display: inline-block;
	margin-left: 28px;
}

footer .social a {
	color: var(--red);
	font-size: 1.125rem; /*18*/
}

footer .social a:hover {
	color: white;
}

/***************************************************************************************************************************************************************************************/

/*HOME STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.hero {
	background: no-repeat center var(--navy);
	background-size: cover;
}

.hero:after {
	left: 0;
	top: -500px;
	width: 49%;
}

.hero img {
	height: 100%;
	object-fit: cover;
	position: absolute;
	right: 0;
	top: 0;
	width: 70.13%; /*1010*/
}

.hero .tp-logo {
	position: relative;
	display: block;
}

.hero .tp-logo img {
	left: 0;
    top: 25px;
    width: 150px;
    height: auto;
    position: relative;
}

.hero article {
	color: var(--lightGray);
	padding: 211px 0 205px;
	position: relative;
	width: 56.91%; /*683*/
	z-index: 2;
}

.hero h1 {
	color: var(--lightGray);
	margin-bottom: 26px;
}

.home .hero h1 {
	font-size: 4rem; /*90*/
	line-height: 1.15; /*104*/
}

.hero p {
	max-width: 440px;
}

/***Image Content***/

.image-content {
	padding-top: 160px;
	position: relative;
}

.image-content .bkg-confetti,
.fitness-goals .bkg-confetti {
	top: -80px;
}

.image-content .confetti.inverse,
.fitness-goals .confetti.inverse {
	right: -10px;
	top: -202px;
}

.image-content .flex-container {
	align-items: center;
}

.image-content .image {
	box-shadow: 0 20px 40px rgba(0,6,50,0.15);
	width: 58.25%; /*699*/
}

.image-content .image .confetti {
	left: -1171px;
	top: -170px;
}

.image-content .image img:nth-of-type(1) {
	border-radius: 3px;
}

.image-content .image img:nth-of-type(2) {
	right: -30px;
	position: absolute;
	top: -20px;
	width: 44.92%; /*314*/
}

.image-content .image.clbr-home-method {
    width: 40%;
	margin-left: 0;
}

.image-content .image.clbr-home-method + article {
    width: 45%;
}

.image-content .image.clbr-home-method img:nth-of-type(2) {
    right: -10%;
    position: absolute;
    top: 7%;
    width: 40%;
    height: auto;
}

.image-content article {
	width: 39.75%; /*477*/
}

/***Icon Columns***/

.icon-columns {
	padding-top: 184px;
	position: relative;
}

.icon-columns .confetti {
	left: -1151px;
	top: -165px;
}

.icon-columns h2 {
	max-width: 579px;
	margin-bottom: 60px;
}

.icon-columns .grid {
	grid-gap: 40px;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.icon-columns .grid h3 {
	margin: 15px 0;
}

.icon-columns .grid p {
	margin: 0;
}

/***Icon + Messages Block***/

.image-messages {
	margin-top: 160px;
	position: relative;
	z-index: 2;
}

.image-messages .confetti {
	bottom: 202px;
	left: -790px;
}

.image-messages .angle:after {
	right: -400px;
	top: -250px;
	width: 500px;
	z-index: 3;
}

.image-messages .messages {
	margin: 0 0 0 auto;
	padding: 0;
	width: 373px;
}

.image-messages .messages li {
	list-style: none;
	margin-bottom: 56px;
	padding-left: 80px;
	position: relative;
}

.image-messages .messages li svg {
	bottom: -36px;
	height: auto;
	left: 0;
	position: absolute;
	width: 60px;
}

.image-messages .messages li svg image {
	height: 100%;
}

.image-messages .message {
	background: var(--lightGray);
	border: 1px solid var(--border);
	box-shadow: var(--shadow);
	border-radius: 3px;
	padding: 10px 20px 10px 20px;
    position: relative;
    width: 100%;
}

.image-messages .message img {
    max-width: 170px;
    margin: 0 auto;
    display: block;
}

.image-messages .message + .message {
	display: inline-block;
	margin-top: 10px;
}

.image-messages .message:last-child::after {
	border-style: solid;
	border-width: 0 0 10px 10px;
	border-color: transparent transparent var(--lightGray); 
	bottom: -1px;
	content: '';
	height: 0;
	left: -9px;
	position: absolute;
	width: 0;
}

.image-messages .message span,
.page-content .wp-caption-text {
	color: var(--midGray);
	display: block;
	font-size: .75rem; /*12*/
	margin-bottom: 5px;
}

.image-messages .staff-icon .message span:before {
	background: url('svgs/hexagon-fill.svg');
	content: '';
	display: inline-block;
	height: 8px;
	margin-right: 5px;
	vertical-align: 1px;
	width: 7px;
}

.image-messages .message p {
	font-size: .875rem; /*14*/
	line-height: 1.375; /*22*/
	margin: 0;
}

/***Logs Intro***/

.logs-intro {
	background: var(--gradient);
	padding: 460px 0 0;
	margin-top: -300px;
}

.logs-intro:before {
	background: white;
	bottom: 0;
	content: '';
	height: 96px;
	left: 0;
	position: absolute;
	width: 100%;
}

.logs-intro.angle:after {
	right: 0;
	top: -1250px;
	width: 800px;
}

.logs-intro .confetti.purple:not(.alt),
.logs-intro .confetti.gray:not(.alt) {
	bottom: 386px;
	-webkit-clip-path: polygon(2.3% 0, 100% 0, 98.3% 100%, 0% 100%);
	clip-path: polygon(2.3% 0, 100% 0, 98.3% 100%, 0% 100%);
	left: -23px;
	width: 380px;
	z-index: 0;
}

.logs-intro .confetti.gray:not(.alt) {
	bottom: 341px;
}

.logs-intro .confetti.purple.alt,
.logs-intro .confetti.gray.alt {
	-webkit-clip-path: polygon(2.2% 0, 100% 0, 98.2% 100%, 0% 100%);
	clip-path: polygon(2.2% 0, 100% 0, 98.2% 100%, 0% 100%);
	right: 26px;
	top: 5px;
	width: 420px;
}

.logs-intro .confetti.purple.alt {
	top: 40px;
}

.logs-intro h2,
.logs-hero h1 {
	color: var(--purple);
	font: 5.75rem/.9 var( --handwrittenFont);
	margin-bottom: 80px;
	max-width: 375px;
	text-transform: uppercase;
}

.logs-intro h2 span,
.logs-hero h1 span {
	color: var(--purple);
	display: block;
	font-size: 2.5rem;
	margin-bottom: 2px;
}

.logs-intro p {
	color: var(--lightGray);
	font-size: 1.5rem;
	margin: 0;
}

.logs-intro p span {
	color: var(--red);
	font: 1.75rem var( --handwrittenFont); /*28*/
	text-transform: uppercase;
}

.carousel {
	margin-top: -40px;
	padding: 86px 0 0 309px;
	position: relative;
	z-index: 4;
}

.carousel .slick-track {
	display: flex;
}

.carousel .slick-arrow {
	background: none;
	border: none;
	height: 45px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 39px;
	z-index: 2;
}

.carousel .slick-arrow.slick-prev {
	right: 50px;
	transform: rotate(180deg);
}

.carousel .slick-arrow:focus {
	outline: none;
}

.carousel .slick-arrow svg {
	width: 100%;
}

.carousel .slick-arrow .hexagon {
	fill: var(--red);
	transition: fill .25s ease;
}

.carousel .slick-arrow.slick-disabled .hexagon,
.carousel.carousel-alt .slick-arrow:focus .hexagon,
.carousel.carousel-alt .slick-arrow:hover .hexagon {
	fill: var(--blue);
}

.carousel .slick-arrow:focus .hexagon,
.carousel .slick-arrow:hover .hexagon {
	fill: var(--lightGray);
}

.carousel .slick-arrow .arrow {
	fill: var(--navy);
}

.card {
	padding: 0 20px 40px 30px;
	width: 390px;
}

.card:focus {
	outline: none;
}

.card a {
	background: white;
	box-shadow: var(--shadow);
	border-radius: 3px;
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 0 0 10px;
}

.card .featured-image {
	border-radius: 3px 3px 0 0;
	height: 234px;
	overflow: hidden;
	position: relative;
}

.card img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.card h3 {
	font: bold 1.25rem/1.5 var(--secondaryFont); /*20*/
	padding: 30px 30px 0;
	margin-bottom: 15px;
}

.card h3 span {
	color: var(--blue);
	display: block;
	font: 1rem var(--handwrittenFont); /*16*/
	letter-spacing: .2px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.card a .special-link-container {
	margin: auto 30px 20px;
	width: calc(100% - 60px);
}

.card a .special-link-container .special-link {
	display: inline-block;
	text-align: left;
	width: auto;
}

.card a:hover .special-link svg {
	right: -15px;
}

/***Text Callout***/

.text-callout {
	padding: 177px 0 120px;
	position: relative;
}

.text-callout .confetti.red:not(.inverse),
.text-callout .confetti.gray:not(.inverse) {
	bottom: 263px;
	left: -990px;
}

.text-callout .confetti.gray:not(.inverse) {
	bottom: 387px;
	left: -1161px;
}

.text-callout .confetti.red.inverse,
.text-callout .confetti.gray.inverse {
    right: 100px;
	top: -174px;
}

.text-callout .confetti.red.inverse {
	top: -139px;
}

.text-callout .grid {
	grid-gap: 12%;
	grid-template-columns: 39.75% 48.25%;
}

.text-callout h2 {
	color: var(--red);
	margin: 0;
}

.text-callout p {
	margin-top: 34px;
}

.text-callout h3 {
	color: var(--red);
	margin-bottom: 20px;
}

/***************************************************************************************************************************************************************************************/

/*DEFAULT PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

.alignleft { 
	float: left; 
	margin-right: 15px; 
}

.alignright { 
	float: right; 
	margin-left: 15px; 
}

.aligncenter {
    display: block;
    margin: 0 auto 20px;
}

.alignnone {
    display: block;
    margin: 0 0 20px;
}

.wp-caption {
    max-width: 100%;
}

/***Page Content***/

.page-content {
	padding: 200px 0 160px;
}

.page-content .container {
	max-width: 840px;
}

.page-content h1 {
	color: var(--navy);
}

.page-content .size-post-thumbnail {
	margin: 30px 0 60px;
}

.page-content h2 {
	margin-top: 60px;
}

.page-content blockquote {
	border-left: 10px solid var(--red);
	color: var(--blue);
	margin: 60px 0;
	padding: 0 0 0 50px;
}

.page-content blockquote p {
	font: 500 italic 1.5rem/1.4 var(--secondaryFont);
}

.page-content .wp-caption-text {
	margin: 0;
	padding-top: 5px;
}

/***IE11 Banner***/

.ie-11-banner {
	align-items: center;
	background: #29375B !important;
	display: none;
	height: 100%;
	justify-content: center;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999999999 !important;
}

.ie-11-banner .container {
	text-align: center;
	margin: 0;
}

.ie-11-banner .container h1 {
	color: #fff;
	font-size: 3rem;
	margin: 0;
}

.ie-11-banner .container p {
	color: #FFF;
	font-size: 1.25rem;
	margin: 2rem 0 0;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	body, html {
		overflow: hidden;
	}

	.ie-11-banner {
		display: flex;
	}

	header {
		display: none !important;
	}
}

/***************************************************************************************************************************************************************************************/

/*FAQs STYLES*/

/***************************************************************************************************************************************************************************************/

.page-template-page-faq:before,
.page-template-default:before,
.error404:before,
.post-type-archive-press::before,
.blog:before,
.single-post:before {
	background: var(--lightGray);
	height: 3000px;
	right: -1000px;
	top: -2400px;
	width: 3000px;
}

/***Hero***/

.faq-hero {
	padding: 205px 0 60px;
}

.faq-hero h1,
.faq-hero p {
	color: var(--navy);
}

.faq-hero p {
	font-weight: 600;
	margin: 0;
}

/***FAQs***/

.faqs {
	padding-bottom: 140px;
}

.accordions {
	list-style: none;
	margin: 0;
	padding: 0;
}

.accordions h2 {
	margin: 0;
}

.accordions button {
	background: none;
	border: none;
	color: var(--navy);
	font-family: inherit;
	margin: 0;
	padding: 20px 40px 20px 0;
	position: relative;
	text-align: left;
	width: 100%;
}

.accordions button:hover {
	color: var(--red);
}

.accordions button:focus {
	outline: none;
}

.accordions button svg {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: opacity .25s ease;
}

.accordions button:hover svg {
	opacity: .5;
}

.accordions button .hexagon {
	fill: var(--red);
	transition: fill .25s ease;
}

.accordions .active button .hexagon {
	fill: var(--midGray2);
}

.accordions button .close,
.accordions .active button .open {
	display: none;
}

.accordions .active button .close  {
	display: block;
}

/***************************************************************************************************************************************************************************************/

/*ABOUT STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero**/

.image-hero {
	height: 600px;
	margin-bottom: 120px;
	padding-top: 233px;
	position: relative;
}

.image-hero.no-bottom-padding {
	margin-bottom: 0;
}

.image-hero .image {
	height: 100%;
	left: auto;
	right: 0;
	top: 0;
	transform: none;
	width: 62.98%;
}

.image-hero .image:after {
	left: -337px;
    top: -250px;
    width: 500px;
}

.image-hero article {
	max-width: 476px;
	position: relative;
}

.image-hero h1 {
	color: var(--navy);
}

/***Intro**/

.intro-text {
	position: relative;
}

.intro-text .confetti {
	right: -410px;
	top: -405px;
}

.intro-text .grid {
	grid-gap: 8.33%;
	grid-template-columns: 34.41% 57%;
}
		
/***Centered Text Callout**/

.cta {
	background: white;
	padding: 160px 0;
	position: relative;
	text-align: center;
}

.cta .bkg-confetti {
	top: -120px;
	z-index: -1;
}

.cta .confetti {
	bottom: 270px;
	left: -990px;
}

/***************************************************************************************************************************************************************************************/

/*MEMBERSHIP STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.membership-hero .confetti.blue,
.membership-hero .confetti.gray {
	bottom: 200px;
	left: -980px;
}

.membership-hero .confetti.gray {
	bottom: 165px;
}

.membership-hero .confetti.inverse {
	bottom: 255px;
	right: -410px;
}

/***Content Blocks***/

.image-messages.alt {
	margin-bottom: 120px;
}

.image-messages.alt:last-child {
	margin-bottom: 0;
} 

.image-messages.alt .flex-container {
	align-items: center;
}

.image-messages.alt .image-container {
	height: 600px;
	margin-left: var(--offSetImage);
	position: relative;
	width: 61.66%; /*740*/
}

.image-messages.alt:nth-of-type(even) .image-container {
	margin: 0px var(--offSetImage) 0px 0px;
	order: 2;
}

.image-messages.alt .image-container .image.angle {
	height: 100%;
	left: 0;
	margin: 0;
	position: relative;
	transform: none;
	top: 0;
	width: 100%;
}

.image-messages.alt:nth-of-type(even) .image.angle::before {
	background-image: linear-gradient(-270deg, rgba(0,6,50,0.30) 18%, rgba(0,6,50,0.00) 100%);
	left: 0;
	right: auto;
}

.image-messages.alt:nth-of-type(even) .angle::after {
	left: -400px;
	right: auto; 
	transform: rotate(27deg);
}

.image-messages.alt .messages {
	bottom: 20px;
	left: 0;
	position: absolute;
	z-index: 3;
}

.image-messages.alt:nth-of-type(odd) .messages {
	left: auto;
	right: 0;
}

.image-messages.alt:nth-of-type(odd) .messages li {
	padding: 0 80px 0 0;
}

.image-messages.alt:nth-of-type(odd) .messages li svg {
	left: auto;
	right: 0;
}

.image-messages.alt:nth-of-type(odd) .message:last-child::after {
	left: auto;
	right: -9px;
	transform: scale(-1,1);
}

.image-messages.alt .secondary-image {
	position: absolute;
	right: 0;
	top: 40px;
	z-index: 3;
}

.image-messages.clbr-membership-nutrition .secondary-image {
    top: 45px;
    width: 40%;
    left: 0px !important;
    filter: drop-shadow(5px 5px 20px rgba(0,6,50,0.15));
}

.image-messages.clbr-membership-content .secondary-image {
    top: 0;
    width: 35%;
}

.image-messages.clbr-membership-app .secondary-image {
    top: 15px;
	right: 20px;
    width: 35%;
}

.image-messages.clbr-membership-lessons .secondary-image {
    top: 0;
    width: 35%;
}

.image-messages.alt:nth-of-type(even) .secondary-image {
	left: 0;
	right: auto;
}

.image-messages.alt article {
	width: 39.75%; /*477*/
}

.image-messages.alt.count-2 .confetti:not(.inverse) {
	bottom: 180px;
    left: -1160px;
}

.image-messages.alt.count-2 .confetti.inverse {
	left: auto;
	right: -500px;
	top: -370px;
}

.image-messages.alt.count-3 .confetti.red {
	left: auto;
	right: -4px;
	top: -240px;
}

.image-messages.alt.count-3 .confetti.gray {
	left: auto;
	right: -300px;
	top: -350px;
}

/***Text Callout***/

.page-template-page-membership .text-callout .confetti:not(.inverse) {
	left: -1153px;
	top: -182px;
}

.page-template-page-membership .text-callout .confetti.purple:not(.inverse) {
	left: -1084px;
	top: -180px;
}

.page-template-page-membership .text-callout .confetti.purple.inverse {
	bottom: 350px;
	right: -310px;
}

/***************************************************************************************************************************************************************************************/

/*PRESS ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

.post-type-archive-press::before {
	right: -200px;
	top: -2800px;
	width: 5000px;
}

/***Hero***/

.press-hero {
	padding: 205px 0 120px;
	text-align: center;
}

.press-hero h1 {
	color: var(--navy);
}

.press-hero p {
	font-size: 1.5rem; /*24*/
	font-weight: 600;
	margin: 0;
}

/***Press***/

.press {
	margin-bottom: 120px;
}

.press .grid {
	grid-gap: 140px 40px;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.press .press-item:nth-of-type(3n+2) {
	position: relative;
	top: 20px;
}

.press-item a {
	background: white;
	box-shadow: var(--shadow);
	border-radius: 3px;
}

.press-item a {
	align-items: center;
	overflow: hidden;
	padding: 30px 30px 40px;
}

.press-item a:after {
	left: -240px;
	top: 240px;
	transition: all .25s ease;
	width: 600px;
}

.press-item a:hover::after {
	top: 175px;
}

.press-item a * {
	position: relative;
	z-index: 2;
}

.press-item h2, 
.press-item h3 {
	color: var(--blue);
	font-size: 1.25rem; /*20*/
	line-height: 1.6; /*32*/
	margin-bottom: 50px;
	width: 100%;
}

.press-item img {
	width: 42.81%; /*134*/
}

.press-item .special-link,
.card .special-link {
	display: block;
	font-size: .6875rem; /*11*/
	line-height: 1.27; /*14*/
	padding-right: 36px;
	position: relative;
	text-align: right;
	width: 38.33%; /*120*/
}

.press-item .special-link span {
	left: 0;
	position: relative;
	transition: left .25s ease;
}

.press-item a:hover .special-link span {
	left: -15px;
}

.press-item .special-link svg,
.card .special-link svg {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

/*Nav*/

.wp-pagenavi {
	font: bold 1rem var(--secondaryFont);
	margin-top: 140px;
	text-align: center;
}

.wp-pagenavi * {
	margin: 0 15px;
}

.wp-pagenavi a {
	color: var(--blue);
}

.wp-pagenavi,
.wp-pagenavi a:hover {
	color: var(--red);
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink {
	background: url('svgs/hexagon-arrow-bkg.svg');
	display: inline-block;
	height: 30px;
	position: relative;
	vertical-align: middle;
	width: 26px;
}

.wp-pagenavi .previouspostslink {
	transform: rotate(180deg);
}

.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover {
	opacity: .5;
}

/***************************************************************************************************************************************************************************************/

/*BLOG ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

.blog:before {
	background: var(--gradient);
}

/***Featured Post***/

.featured-post {
	padding: 242px 0 158px;
}

.featured-post .flex-container {
	align-items: center;
}

.featured-post .featured-image {
	border-radius: 3px;
	box-shadow: var(--shadow);
	overflow: hidden;
	width: 55.25%; /*663*/
}

.featured-post article {
	width: 39.75%; /*477*/
}

.featured-post .post-date,
.featured-post .post-author {
	color: var(--purple);
	display: block;
	font: bold .75rem var(--secondaryFont); /*12*/
	letter-spacing: .5px;
	margin-bottom: 18px;
}

.featured-post h2 a,
.featured-post p,
.featured-post article .post-author {
	color: var(--lightGray);
}

.featured-post h2 a:hover {
	opacity: .5;
}

.featured-post h2 {
	margin-bottom: 20px;
}

.featured-post p {
	margin-bottom: 16px;
}

.featured-post .post-author {
	font-style: italic;
	font-weight: 500;
	margin-bottom: 38px;
}

/*Share Links*/

.share-post {
	margin: 0;
	padding: 0;
}

.share-post li {
	display: inline-block;
	margin-left: 26px;
}

.share-post li a {
	color: var(--purple);
	font-size: 1rem;
}

.share-post li a:hover {
	color: var(--lightGray);
}

/***Blogroll***/

.blog-content,
.logs-content {
	padding-bottom: 160px;
}

.blog-content .grid,
.logs-content .grid {
	grid-gap: 70px 76px;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.blog-content .grid li {
	background: white;
	box-shadow: var(--shadow);
	border-radius: 3px;
	display: flex;
	flex-direction: column;
	font-family: var(--secondaryFont);
	overflow: hidden;
	padding-bottom: 20px;
}

.blog-content .grid img {
	height: 234px;
	object-fit: cover;
	width: 100%;
}

.blog-content .grid .post-date,
.blog-content .grid .post-author {
	color: var(--midGray);
	display: block;
	font-size: .75rem; /*12*/
	font-weight: bold;
	letter-spacing: .5px;
	padding: 30px 30px 10px;
}

.blog-content .grid h2 {
	font-size: 1.25rem; /*20*/
	line-height: 1.5; /*30*/
    margin-bottom: 10px;
    margin-top: 20px;
	padding: 0 30px;
}

.blog-content .grid .post-author {
	color: var(--purple);
	font-style: italic;
	font-weight: 600;
	padding: 0 30px 20px;
}

.blog-content .grid .post-author span,
.featured-post .post-author span {
	font-style: normal;
	font-weight: bold;
}

.blog-content .grid .special-link {
	margin: auto 30px 0;
}

.blog-content .wp-pagenavi {
	margin-top: 80px;
}

/***************************************************************************************************************************************************************************************/

/*LOGS ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.logs-hero {
	background: var(--gradient);
	margin-bottom: 160px;
	padding: 136px 0 100px;
}

.logs-hero:after {
	height: 2000px;
	right: -1000px;
	top: -1520px;
	width: 3000px;
}

.logs-hero .container {
	z-index: 2;
}

.logs-hero .flex-container,
.featured-logs .flex-container {
	align-items: center;
	position: relative;
}

.logs-hero article,
.featured-logs article {
	left: 8.58%; /*103*/
	position: relative;
	width: 39.75%; /*477*/
	z-index: 2;
}

.logs-hero article:before,
.log-intro blockquote:before,
.featured-logs .featured:first-child article:before {
	background: url('svgs/icon-quotes.svg') no-repeat;
	content: '';
	height: 122px;
	left: -103px;
	position: absolute;
	top: -10px;
	width: 166px;
}

.logs-hero article h2,
.featured-logs article h2 {
	color: var(--lightGray);
	font-family: var(--secondaryFont);
	font-weight: bold;
}

.logs-hero article h2 span,
.featured-logs article h2 span {
	color: var(--red);
	display: block;
	font: 1.75rem var(--handwrittenFont); /*28*/
	margin-bottom: 16px;
}

.logs-hero article .log-author,
.featured-logs article .log-author {
	color: var(--purple);
	display: block;
	font: 700 .875rem var(--secondaryFont); /*14*/
	margin-bottom: 22px;
	text-transform: uppercase;
}

.logs-hero article .log-author span,
.featured-logs article .log-author span {
	font-weight: 600;
}

.logs-hero .featured-image,
.log-intro .image,
.featured-logs .featured-image {
	border-radius: 3px;
	box-shadow: 0 20px 40px rgba(0,6,50,.15);
	overflow: hidden;
	position: relative;
	width: 57%; /*684*/
}

.logs-hero .featured-image:before,
.logs-hero .featured-image:after,
.log-intro .image:before,
.log-intro .image:after,
.featured-logs .featured-image:before,
.featured-logs .featured-image:after,
.logs-intro .card .featured-image:before,
.logs-intro .card .featured-image:after {
	background: var(--midNavy);
	content: '';
	height: 100%;
	left: 0;
	mix-blend-mode: screen;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 3;
}

.logs-hero .featured-image:before,
.log-intro .image:before,
.featured-logs .featured-image:before,
.logs-intro .card .featured-image:before {
	background: var(--midGray);
	mix-blend-mode: color;
	z-index: 2;
}

/***Content***/

.logs-content .grid {
	grid-gap: 101px 72px;
}

.logs-content .card {
	padding: 0;
	width: auto;
}

.logs-content li:nth-of-type(3n+2) {
	position: relative;
	top: 20px;
}

/***************************************************************************************************************************************************************************************/

/*LOGS SINGLE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Intro**/

.log-intro {
	background: var(--gradient);
	padding: 232px 0 289px;
	position: relative;
}

.log-intro:before {
	color: var(--lightGray);
	content: 'Success \A Stories';
	font: 250px/.8 var(--handwrittenFont);
	position: absolute;
	right: -102px;
	top: 267px;
	white-space: pre;
	z-index: 2;
}

.log-intro:after {
	height: 3000px;
	left: -800px;
	top: -1800px;
	width: 5000px;
}

.log-intro .confetti.blue:not(.inverse) {
	left: -1000px;
	top: 480px;
}

.log-intro .confetti.gray {
	left: -1150px;
	top: 440px;
}

.log-intro .container {
	z-index: 2;
}

.log-intro article {
	margin-bottom: 84px;
	max-width: 580px;
}

.log-intro h1 {
	color: var(--navy);
}

.log-intro h1 span {
	color: var(--red);
}
		
/*Reasons*/

.log-intro .reasons {
	min-height: 688px;
	padding-top: 344px;
	position: relative;
}
	
.log-intro blockquote {
	color: white;
	font: 800 italic 3.1875rem/1.25 var(--secondaryFont); /*51,64*/
	letter-spacing: -.28px;
	margin: 0;
	max-width: 683px;
	padding: 0;
	position: relative;
	z-index: 2;
}

.log-intro blockquote::before {
	left: -90px;
	top: -50px;
}

.log-intro .image {
	height: 688px;
	margin: 0;
	right: var(--offSetImage);
	position: absolute;
	top: 0;
	width: 84.16%; /*1010*/
}
		
/***Details**/

.log-details {
	margin-bottom: 160px;
	position: relative;
}

.log-details .confetti {
	right: -480px;
	top: -445px;
}

.log-details .confetti + .confetti {
	right: -200px;
    top: -265px;
}

.log-details .bkg-confetti {
	top: 700px;
    transform: scale(-1,1);
    display: none;
}

.log-details article {
	margin-top: -163px;
	padding: 90px 10.47% 0;
	position: relative;
	z-index: 2;
}

.log-details article:before {
	background: white;
	content: '';
	height: 163px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.log-details article > * {
	position: relative;
}

.log-details h3 {
	color: var(--blue);
	width: 100%;
}

/*Stats*/

.log-details .stats {
	margin: 0 0 34px;
	padding: 0;
}

.log-details .stats li {
	color: var(--midNavy);
	font-weight: bold;
	list-style: none;
	margin-bottom: 29px;
	width: 45%;
}

.log-details .stats span {
	color: var(--purple);
	display: block;
	font: bold .75rem var(--secondaryFont); /*12*/
	letter-spacing: .5px;
	margin-bottom: 9px;
	text-transform: uppercase;
}

/*Before/After*/

.log-details .short {
	margin-bottom: 99px;
}

.log-details .short .short-image {
	/*box-shadow: 0 20px 40px rgba(0,6,50,.15);*/
	border-radius: 3px;
	float: right;
	margin: 0 0 60px 30px;
    width: 47.45%; /*373*/
    position: relative;
}

.log-details .short img {
    margin: 0;
}

.log-details .short img:nth-of-type(2) {
    right: 2%;
    position: absolute;
    bottom: -11%;
    width: 40%;
    height: auto;
    /*filter: drop-shadow(5px 5px 20px rgba(0,6,50,0.15));*/
}

/*Long Desc*/

.log-details ul:not(.stats):not(.share-links) {
	margin: 0 0 70px;
	padding: 0;
}

.log-details ul:not(.stats):not(.share-links) li {
	list-style: none;
	margin-bottom: 11px;
	padding-left: 27px;
	position: relative;
}

.log-details ul:not(.stats):not(.share-links) li:before {
	background: url('svgs/hexagon-fill.svg') no-repeat;
	background-size: 100% auto;
	content: '';
	height: 9px;
	left: 0;
	position: absolute;
	top: 9px;
	width: 8px; 
}

.log-details img {
	margin: 70px 0;
}

.log-details p + h3 {
	margin-top: 72px;
}

/*Share*/

.log-details .share-links {
	align-items: center;
	border-bottom: 1px solid #E1E1E1;
	justify-content: flex-end;
	margin: 69px 0 0;
	padding: 0 0 26px;
}

.log-details .share-links li {
	font-size: 1.125rem;
	list-style: none;
	margin-left: 28px;
}

.log-details .share-links li:first-child {
	margin: 0 auto 0 0;
}

.log-details .share-links h3 {
	color: var(--midGray);
	font: bold .75rem var(--secondaryFont); /*12*/
	letter-spacing: .5px;
	margin: 0;
}

/***More Logs***/

.more-logs {
	overflow: visible;
}

.more-logs h2 {
	margin-bottom: 30px;
}

.more-logs li:nth-of-type(3n+2) {
	top: 0;
}

.more-logs:after {
	height: 3000px;
	left: -1000px;
	top: 700px;
    width: 5000px;
    z-index: -1;
}

/***************************************************************************************************************************************************************************************/

/*WHY STRENGTH STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.why-hero {
	background: var(--gradient);
	height: 600px;
	padding: 205px 0 0;
}

.why-hero.angle:after {
	height: 3000px;
	right: -2225px;
	top: -1000px;
	width: 3000px;
}

.why-hero .confetti:not(.blue):not(.purple) {
	left: -1155px;
	top: -140px;
}

.why-hero .confetti.blue {
	left: -500px;
	top: 440px;
	z-index: 0;
}

.why-hero .confetti.purple {
	right: -470px;
	top: -120px;
}

.why-hero .container {
	z-index: 2;
}

.why-hero h1 {
	width: 39.66%; /*476*/
}

.why-hero p {
	color: var(--blue);
	font-size: 1.5rem; /*24*/
	font-weight: 600;
	line-height: 1.41; /*34*/
	margin: 0;
	width: 48.33%; /*580*/
}

.why-hero p span {
	color: var(--red);
}

/***Stats***/

.stats {
	padding: 160px 0 0;
	position: relative;
}

.stats .bkg-confetti {
	left: 50%;
	top: -1100px;
	transform: scale(-1,1);
}

.stats .confetti.gray {
	clip-path: polygon(1.9% 0, 100% 0, 98.1% 100%, 0% 100%);
	left: -140px;
    top: -50px;
    width: 460px;
}

.stats .confetti.purple {
	right: 500px;
	top: 0;
}

.stats .confetti.blue {
	bottom: -55px;
	left: -400px;
}

.stats h2 {
	margin-bottom: 40px;
	max-width: 580px;
}

.stats .carousel {
	padding-left: 0;
}

.stats .carousel .slick-arrow .arrow {
	fill: white;
}

.stats .carousel .press-item {
	padding: 0 20px;
	width: 373px;
}

.stats .carousel .press-item:nth-of-type(even) {
	position: relative;
	top: 20px;
}

.stats .carousel .press-item img {
	max-width: 100px;
}

.stats .carousel .press-item .special-link {
	width: 120px;
}
		
/***Featured Logs***/

.featured-logs {
	overflow: visible;
	padding: 288px 0 75px;
}

.featured-logs:after {
	height: 3000px;
	right: -100px;
	top: -260px;
	width: 5000px;
}

.featured-logs .confetti.red:not(.alt) {
	bottom: 355px;
	left: -550px;
}

.featured-logs .confetti.red.alt {
	right: -340px;
	top: 530px;
}

.featured-logs .confetti.blue {
	clip-path: polygon(1.9% 0, 100% 0, 98.1% 100%, 0% 100%);
	right: 100px;
	top: 780px;
    width: 360px;
}

.featured-logs .container {
	z-index: 3;
}

.featured-logs .featured {
	align-items: flex-start;
}

.featured-logs .featured:not(:first-child) {
	padding-top: 196px;
	width: 43.08%; /*517*/
}

.featured-logs .featured:first-child {
	justify-content: flex-start;
	margin-bottom: 100px;
	width: 100%;
}

.featured-logs .featured:last-child {
	margin-top: 40px;
}

.featured-logs .featured:not(:first-child) .featured-image {
	height: 255px;
	max-width: 374px;
	position: absolute;
	right: 0;
	top: 0;
}

.featured-logs .featured:first-child .featured-image {
	height: 395px;
	max-width: 580px;
}

.featured-logs .featured-image img {
	height: 100%;
	object-fit: cover;
}

.featured-logs .featured:first-child article {
	padding-top: 46px;
}

.featured-logs .featured:not(:first-child) article {
	left: 0;
	width: 59.96%; /*310*/
}

.featured-logs .featured:not(:first-child) article h2 {
	font-size: 1.5rem; /*24*/
}

.featured-logs .featured:not(:first-child) article h2 span {
	font-size: 1.25rem; /*20*/
}

.featured-logs .featured:not(:first-child) article .log-author {
	display: none;
}
		
/***Centered Callout***/

.page-template-page-why .cta .confetti.blue {
	left: -980px;
	top: -250px;
}

.page-template-page-why .cta .confetti.red {
	bottom: 230px;
	left: auto;
	right: -270px;
}

.page-template-page-why .cta .confetti.gray {
	bottom: 265px;
	left: auto;
	right: -270px;
	z-index: 0;
}

/***************************************************************************************************************************************************************************************/

/*PRINCIPLES STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.principles-hero {
	background: url('svgs/principles-hero.svg') no-repeat left top;
	background-size: 100% auto;
	margin-bottom: 160px;
	padding-top: 205px;
}

.principles-hero .confetti.gray {
	left: -1160px;
	top: 0px;
}

.principles-hero .confetti.red {
	left: -1100px;
	top: 65px;
}

.principles-hero .confetti.red.alt {
	clip-path: polygon(4.3% 0, 100% 0, 95.7% 100%, 0% 100%);
	left: 130px;
	top: 880px;
	width: 200px;
}

.principles-hero .confetti.purple.inverse {
	right: -500px;
	top: -80px;
}

.principles-hero .confetti.blue.inverse {
	clip-path: polygon(2.2% 0, 100% 0, 98.3% 100%, 0% 100%);
	right: 140px;
	top: 600px;
	width: 400px;
}

.principles-hero .confetti.red.inverse {
	left: auto;
	right: 140px;
	top: 634px;
	z-index: 0;
}

.principles-hero .container {
	z-index: 2;
}

.principles-hero article {
	margin: 0 auto 114px;
	max-width: 786px;
	text-align: center;
}

.principles-hero p {
	color: var(--lightGray);
	font-size: 1.5rem; /*24*/
	font-weight: 600;
	margin: 0;
}

.principles-hero svg,
.principle7 svg:not(.bkg-confetti) {
	display: block;
	margin: 0 auto;
	max-width: 579px;
	width: 100%;
}

.principles-hero svg image,
.principle7 svg image {
	height: 100%;
}

/***Principles***/

.principle {
	margin-bottom: 160px;
	position: relative;
}

.principle .bkg-confetti {
	z-index: -1;
}

.principle article {
	margin: 0 auto;
	max-width: 778px;
	position: relative;
	text-align: center;
}

.principle h2 span {
	align-items: center;
	background: url('svgs/hexagon-outline.svg') no-repeat;
	display: flex;	
	height: 48px;
	font-size: .875rem; /*14*/
	margin: 0 auto 20px;
	justify-content: center;
	width: 40px;
}

.principle p {
	margin: 0;
}

/*Principle 1*/

.principle1 .bkg-confetti {
	top: -400px;
	z-index: 0;
}

.principle1 .confetti.blue.inverse {
	left: -400px;
	top: 0;
}
		
/*Principle 2*/

.principle2 article,
.principle4 article,
.principle7 article {
	margin-bottom: 160px;
}

.principle2 .images {
	align-items: flex-start;
	display: flex;
	flex-wrap: nowrap;
}

.principle2 .images span {
	flex-shrink: 0;
	position: relative;
}

.principle2 .images span:first-of-type {
	margin-top: 80px;
	left: var(--offSetImage);
	width: 75.58%; /*907*/
}

.principle2 .images span:last-of-type {
	right: 279px;
	width: 57.66%; /*692*/
}
		
/*Principle 3*/

.principle3 .confetti.blue {
	left: -1100px;
	top: -140px;
}

.principle3 .confetti.red {
	left: -1050px;
	top: -80px;
}
		
/*Principle 4*/

.principle4 .parallax {
	margin-left: 8.58%;
	max-width: 889px;
	position: relative;
	top: 0;
}

.principle4 .confetti.blue {
	right: 850px;
	top: 780px;
	z-index: 0;
}

.principle4 .confetti.red {
	clip-path: polygon(1.8% 0, 100% 0, 98.2% 100%, 0% 100%);
	right: 650px;
	top: 920px;
	width: 450px;
}

.principle4 .confetti.gray {
	right: -400px;
	top: 85px;
}

.principle4 .confetti.blue.inverse {
	right: -500px;
	top: 0;
}
		
/*Principle 5*/
	
.principle5 .bkg-confetti {
	top: -270px;
}
	
/*Principle 6*/

.principle6 .confetti.blue {
	left: -477px;
	top: 561px;
	z-index: 0;
}

.principle6 .confetti.red {
	clip-path: polygon(1.8% 0, 100% 0, 98.2% 100%, 0% 100%);
	left: -250px;
	top: 520px;
	width: 450px;
}

.principle6 article {
	margin-bottom: 80px;
}

.principle6 .parallax {
	margin-left: 17.16%; /*206*/
	max-width: 889px;
	position: relative;
	top: 0;
}
		
/*Principle 7*/

.principle7 .bkg-confetti {
	top: -1042px;
	transform: scale(-1,1);
}

.principle7 .confetti.red {
	clip-path: polygon(1.8% 0, 100% 0, 98.2% 100%, 0% 100%);
	left: -350px;
	top: 475px;
	width: 450px;
}

.principle7 .confetti.blue {
	left: -477px;
	top: 561px;
	z-index: 0;
}

.principle7 .confetti.red.inverse {
	left: auto;
	right: 177px;
	top: 761px;
	z-index: 0;
}

/***Principles Review***/

.principles-review,
.two-column-content,
.account-features {
	background: var(--navy);
	margin-top: 187px;
	padding: 0 0 160px;
	position: relative;
}

.principles-review:before,
.two-column-content:before,
.account-features:before {
	background: url('svgs/principles-hero.svg') no-repeat left bottom;
	background-size: 100% auto;
	content: '';
	left: 0;
	height: 485px;
	position: absolute;
	transform: scale(1,-1);
	transform-origin: 0 0;
	top: 0;
	width: 100%;
	z-index: -1;
}

.principles-review .confetti.gray {
	bottom: 100px;
	clip-path: polygon(1.8% 0, 100% 0, 98.2% 100%, 0% 100%);
	right: 190px;
	width: 450px;
}

.principles-review .confetti.red {
	bottom: 162px;
	right: -19px;
	z-index: -1;
}

.principles-review ul {
	grid-gap: 60px 40px;
	grid-template-columns: 1fr 1fr;
	list-style: none;
	margin: 0;
	padding: 0;
}

.principles-review h3 {
	color: var(--red);
	font-size: 1.25rem;
	margin-bottom: 20px;
}

.principles-review p {
	color: var(--lightGray);
	margin: 0;
}

/***************************************************************************************************************************************************************************************/

/*CAREERS STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.careers-hero {
	height: 1124px;
	padding-top: 205px;
	position: relative;
}

.careers-hero:after {
	height: 3000px;
	left: -1000px;
	top: -2900px;
	width: 5000px;
	z-index: -1;
}

.careers-hero article {
	position: relative;
	z-index: 2;
	width: 56.91%; /*683*/
}

.careers-hero p {
	color: var(--lightGray);
	margin-bottom: 30px;
}

.careers-hero .honeycomb {
	grid-template-columns: repeat(12,1fr);
	grid-template-rows: repeat(5,1fr);
	position: absolute;
	right: -190px;
	top: 20px;
	width: 90.625%; /*1160*/
}

.careers-hero svg {
	margin-top: -21%;
	width: 95.5%; /*185*/
}

.careers-hero .honeycomb-item image {
	height: 100%;
}

.careers-hero svg:nth-of-type(1) {
	grid-column: 6 / span 2;
	grid-row: 1;
}

.careers-hero svg:nth-of-type(2) {
	grid-column: 1 / span 2;
	grid-row: 3;
}

.careers-hero svg:nth-of-type(3) {
	grid-column: 5 / span 2;
	grid-row: 3;
}

.careers-hero svg:nth-of-type(4) {
	grid-column: 7 / span 2;
	grid-row: 3;
}

.careers-hero svg:nth-of-type(5) {
	grid-column: 2 / span 2;
	grid-row: 4;
}

.careers-hero svg:nth-of-type(6) {
	grid-column: 4 / span 2;
	grid-row: 4;
}

.careers-hero svg:nth-of-type(7) {
	grid-column: 8 / span 2;
	grid-row: 4;
}

.careers-hero svg:nth-of-type(8) {
	grid-column: 10 / span 2;
	grid-row: 4;
}

.careers-hero svg:nth-of-type(9) {
	grid-column: 1 / span 2;
	grid-row: 5;
}

.careers-hero svg:nth-of-type(10) {
	grid-column: 5 / span 2;
	grid-row: 5;
}

.careers-hero svg:nth-of-type(11) {
	grid-column: 7 / span 2;
	grid-row: 5;
}

.careers-hero svg:nth-of-type(12) {
	grid-column: 11 / span 2;
	grid-row: 5;
}

.careers-hero svg:nth-of-type(13) {
	grid-column: 9 / span 2;
	grid-row: 3;
}

.careers-hero svg:nth-of-type(14) {
	grid-column: 11 / span 2;
	grid-row: 3;
}

.careers-hero svg:nth-of-type(15) {
	grid-column: 9 / span 2;
	grid-row: 5;
}

.careers-hero .hexagon-fill-empty polygon {
	fill: var(--lightGray);
}

/***Listings***/

.career-listings {
	padding: 120px 0 130px;
	position: relative;
}

.career-listings .bkg-confetti {
	top: 150px;
}

.career-listings .container {
	max-width: 866px; /*786*/
}

.career-listings ul {
	margin: 30px 0 0;
	padding: 0;
}

.career-listings li {
	list-style: none;
	margin-bottom: 30px;
}

.career-listings li a {
	background: white;
	box-shadow: var(--shadow);
	border-radius: 3px;
	display: block;
	padding: 24px 40px;
	position: relative;
}

.career-listings li span {
	color: var(--midGray);
	display: inline-block;
	font: bold .75rem var(--secondaryFont); /*12*/
	letter-spacing: .5px;
	margin-right: 38px;
}

.career-listings li span svg {
	color: var(--midGray2);
	font-size: .875rem; /*14*/
	margin-right: 8px;
	vertical-align: middle;
}

.career-listings li .special-link {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}

/***************************************************************************************************************************************************************************************/

/*LANDING STYLES*/

/***************************************************************************************************************************************************************************************/

/***Fitness Goals***/

.fitness-goals {
	padding: 206px 0 152px;
	position: relative;
	text-align: center;
}

.fitness-goals h2 {
	margin-bottom: 48px;
}

.fitness-goals .grid {
	grid-gap: 75px;
	grid-template-columns: repeat(3,1fr);
	list-style: none;
	margin: 0;
	padding: 0;
}

.fitness-goals .grid li:nth-of-type(3n+2) {
	margin-top: 16px;
}

.fitness-goals .grid a {
	background: white;
	border-top: 7px solid var(--purple);
	box-shadow: var(--shadow);
	border-radius: 3px;
	color: var(--blue);
	display: block;
	font-size: 1.25rem; /*20*/
	font-weight: bold;
	padding: 85px 20px 40px;
	position: relative;
}

.fitness-goals .grid a:hover {
	transform: scale(1.1);
}

.fitness-goals .grid a img {
	left: 50%;
	max-width: 57px;
	position: absolute;
	top: 50px;
	transform: translateX(-50%);
}

.fitness-goals .grid li:nth-of-type(2) img {
	top: 40px;
}

.fitness-goals .special-link {
	display: block;
	margin-top: 15px;
}

.fitness-goals .special-link svg {
	margin: 0;
}

/***Text Block***/

.text-block {
    padding-bottom: 165px;
    position: relative;
}

.text-block .confetti.blue {
    bottom: 710px;
    right: -350px;
}

.text-block .confetti.gray {
    bottom: 650px;
    right: -300px;
}

.text-block .grid {
	grid-gap: 0 100px;
	grid-template-columns: 412px 1fr;
}


/***Image Messages***/

.page-template-page-opt .image-messages.alt:only-child {
	margin: 0 0 130px;
}

/***Icon Text Blocks***/

.icon-text-blocks {
	padding: 0 0 300px;
	position: relative;
	z-index: 2;
}

.icon-text-blocks .bkg-confetti {
	top: -650px;
	transform: scale(1,-1);
}

.icon-text-blocks .confetti.red {
	left: -1000px;
	top: -190px;
}

.icon-text-blocks .confetti.gray {
	left: -1150px;
	top: -230px;
}

.icon-text-blocks article {
	margin: 0 auto 62px;
	max-width: 788px;
	text-align: center;
}

.icon-text-blocks h2 {
	margin: 20px 0;
}

/***Testimonials***/

.testimonials {
	margin-top: -350px;
	padding-bottom: 80px;
}

.testimonials.logs-intro {
    padding: 400px 0 60px;
}

.testimonials.angle::before {
	display: none;
}

.testimonials.angle::after {
	top: -1100px;
}

.testimonials h2 {
	background: url('svgs/icon-quotes.svg') no-repeat left top;
	color: white;
	font: bold 2rem var(--bodyFont); /*32*/
	margin: 0 0 40px;
	max-width: 100%;
	padding: 66px 0 12px 40px;
	text-transform: none;
}

.testimonials h2 span {
	color: var(--red);
	display: inline;
	font-size: 2rem; /*32*/
	margin: 0;
}

.testimonials .carousel {
    margin-top: -96px;
    padding: 120px 0 0;
}

.testimonials .card:nth-of-type(even) {
	margin-top: 20px;
}

.testimonials .card-content {
	background: white;
	box-shadow: var(--shadow);
	border-radius: 3px;
	padding: 0 0 38px;
}

.testimonials .card .featured-image::before,
.testimonials .card .featured-image::after {
	display: none;
}

.testimonials blockquote {
	color: var(--navy);
	font: bold 1.1rem/1.5 var(--secondaryFont); /*20,30*/
	margin: 0;
	padding: 33px 30px 15px;
}

.testimonials cite {
	color: var(--purple);
	font: bold .75rem var(--secondaryFont); /*12*/
	letter-spacing: .5px;
	padding: 0 30px;
}

.testimonials cite em {
	font-weight: 500;
}

/***CTAs***/

.cta.gray,
.cta.navy {
	background: var(--lightGray);
	margin-bottom: 245px;
	padding: 111px 0 120px;	
}

.cta.navy {
	background: var(--navy);
	margin-bottom: 160px;
}

.cta.gray .confetti.red {
	bottom: 160px;
	left: auto;
	right: 0;
}

.cta.gray .confetti.blue {
	bottom: 255px;
	left: auto;
	right: -260px;
}

.cta.navy h2 {
	color: white;
}

/***Content Message Blocks***/

.page-template-page-opt .image-block-container {
	margin-bottom: 120px;	
	position: relative;
}

.page-template-page-opt .image-block-container > article {
    margin: 0 auto;
    max-width: 827px;
    text-align: center;
    padding: 0 20px;
}

.page-template-page-opt .image-block-container > article h2 {
	margin-bottom: 20px;
}

.page-template-page-opt .image-block-container .image-messages {
	margin-top: 120px;
}

.image-messages .points {
	list-style: none;
	margin: 28px 0 0;
	padding: 0;
}

.image-messages .points li {
	padding-left: 38px;
	position: relative;
}

.image-messages .points li:before {
	background: url('svgs/icon-check.svg') no-repeat;
	content: '';
	height: 28px;
	left: 0;
	position: absolute;
	top: 2px;
	width: 24px;
}

.image-messages .points h4 {
	color: var(--blue);
	font-size: 1.25rem; /*20*/
	line-height: 1.6; /*32*/
	margin: 0 0 4px;
}

/***Two Column Content***/

.two-column-content {
	color: white;
	margin-top: 1050px;
	padding-bottom: 0;
}

.two-column-content .confetti.red:not(.inverse) {
	clip-path: polygon(1.2% 0, 100% 0, 97.8% 100%, 0% 100%);
	left: 0;
	top: -820px;
	width: 400px;
}

.two-column-content .confetti.blue {
	left: -200px;
	top: -745px;
	z-index: -1;
}

.two-column-content .confetti.red.inverse {
	right: 300px;
	top: -600px;
	z-index: -1;
}

.two-column-content img {
	left: 50%;
	position: absolute;
	top: -965px;
	transform: translateX(-50%);
	width: 749px;
}

.two-column-content article {
	margin: 0 auto;
	max-width: 993px;
	position: relative;
	text-align: center;
	top: -100px;
}

.two-column-content h2 {
	color: white;
}

.two-column-content p.large {
	font-size: 1.25rem; /*20*/
	font-weight: bold;
	line-height: 1.6; /*32*/
	margin-bottom: 42px;
}

.two-column-content .columns {
	column-count: 2;
	column-gap: 40px;
    text-align: left;
    padding: 0 0 40px;
    max-height: 500px;
}

.two-column-content .columns p {
	break-inside: avoid;
}

/***Tool Icon Columns***/

.tool-icon-columns {
	padding: 0 0 252px;
	text-align: center;
}

.tool-icon-columns article {
	margin: 0 auto 76px;
	max-width: 787px;
}

.tool-icon-columns ul {
	grid-gap: 60px 40px;
	grid-template-columns: repeat(3,1fr);
	margin: 0;
	padding: 0;
}

.tool-icon-columns li {
	list-style: none;
	max-width: 373px;
}

.tool-icon-columns li:nth-of-type(4),
.tool-icon-columns li:nth-of-type(5) {
	grid-column: 1 / span 2;
	grid-row: 2;
	margin: auto;
	width: 48%;
}

.tool-icon-columns li:nth-of-type(5) {
	grid-column: 2 / span 2;
}

.tool-icon-columns li h3 {
	margin: 15px 0;
}

.tool-icon-columns li p {
	margin: 0;
}

/***Features Content***/

.features-content {
	background: var(--gradient);
	color: var(--lightGray);
	margin-top: -252px;
	overflow: hidden;
	padding: 362px 0 90px;
	position: relative;
}

.features-content:after {
	right: 0;
	top: -1100px;
	width: 800px;
}

.features-content .flex-container {
	align-items: flex-start;
	z-index: 2;
}

.features-content article {
	width: 48.33%; /*580*/
}

.features-content h2,
.account-features h2 {
	color: var(--lightGray);
}

.features-content h2 span,
.account-features h2 span {
	display: block;
}

.features-content ul {
	font-weight: bold;
	margin: 50px 0 0;
	padding: 0;
}

.features-content li {
	list-style: none;
	margin-bottom: 26px;
	padding-left: 50px;
	position: relative;
}

.features-content li:before {
	background: url('svgs/icon-check-purple.svg') no-repeat;
	background-size: 100% auto;
	content: '';
	height: 36px;
	left: 0;
	position: absolute;
	top: 2px;
	width: 30px;
}

.features-content img {
	position: absolute;
	right: -150px;
	top: -50px;
	width: 69.68%;
}

/***Faqs Content***/

.faqs-opened {
	padding: 0 0 323px;
	position: relative;
}

.faqs-opened .bkg-confetti {
	top: 900px;
}

.faqs-opened h2 {
	margin-bottom: 62px;
	text-align: center;
}

.faqs-opened ul {
	margin: 0 auto;
	max-width: 992px;
	padding: 0;
}

.faqs-opened li {
	list-style: none;
	margin-bottom: 42px;
}

.faqs-opened h3 {
	margin-bottom: 20px;
}

/***Account Features***/

.account-features {
	color: var(--lightGray);
	padding: 0;
	text-align: center;
}

.account-features .container {
	top: -250px;
}

.account-features h2 {
	margin-bottom: 50px;
}

.account-features ul {
	grid-gap: 40px;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.account-features li {
	padding-top: 35px;
	position: relative;
}

.account-features li:before {
	background: url('svgs/icon-check-purple.svg') no-repeat;
	background-size: 100% auto;
	content: '';
	height: 29px;
	left: 50%;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 24px;
}

.account-features h3 {
	color: var(--lightGray);
	font-size: 1.25rem; /*20*/
	margin-bottom: 4px;
}

/***Text Callout***/

.page-template-page-opt .text-callout {
	background: white;
	margin-top: -150px;
}

/***************************************************************************************************************************************************************************************/

/*MQ MIN-WIDTH 1700*/

/***************************************************************************************************************************************************************************************/

@media only screen and (min-width: 106.25em) {
	
	/***Blog***/
	
	.blog::before {
    	top: -2000px;
	}
	
	/***Logs***/
	
	.post-type-archive-caliber-logs header svg .letters {
		fill: var(--lightGray);
	}
	
	/***Careers***/
	
	.careers-hero:after {
		top: -2600px;
	}
	
	/***Why***/
	
	.why-hero.angle:after {
		right: -2025px;
	}
	
	/***Principles***/
	
	.principles-hero {
		background-position: left -400px;
	}
	
}

/***************************************************************************************************************************************************************************************/

/*MQ MIN-WIDTH 2100*/

/***************************************************************************************************************************************************************************************/

@media only screen and (min-width: 131.25em) {
	
	/***About***/
	
	.image-hero .image {
		width: 54.98%;
	}
	
	/***Logs***/
	
	.log-intro:after {
		top: -2000px;
	}
	
	/***Why***/
	
	.why-hero.angle:after {
		right: -1825px;
	}
    
    /***Landing***/
	
	.features-content::after {
		right: 100px;
    	top: -1300px;
    	width: 1200px;
	}

}

/***************************************************************************************************************************************************************************************/

/*MQ MIN-WIDTH 2400*/

/***************************************************************************************************************************************************************************************/

@media only screen and (min-width: 150em) {
	
	/***Blog***/
	
	.blog::before {
		right: -1200px;
    	top: -2300px;
		width: 3400px;
	}
	
	/***Why***/
	
	.why-hero.angle:after {
		right: -1725px;
	}

	
}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 1100*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 68.75em) {
	
	html.active,
	html.active body {
		height: 100%;
		overflow: hidden;
	}
	
	h1 {
		font-size: 3rem;
	}
	
	.confetti {
		display: none !important;
	}
	
	.image.angle {
		height: 350px;
		left: 0;
		margin: 0;
		position: relative;
		transform: none;
		top: 0;
		width: 100%;
	}
	
	.image.angle::before {
		display: none;
	}
	
	.image.angle::after,
	.image-messages.alt:nth-of-type(2n) .angle::after {
		bottom: -154px;
		height: 200px;
		left: auto;
		right: -200px;
		top: auto;
		transform: rotate(-7deg);
		width: 200%;
	}

	/***Header***/
	
	header .mobile-menu, 
	header.active .mobile-menu .fa-times,
	header.active nav {
		display: block;
	}
	
	header .mobile-menu .fa-times,
	header.active .mobile-menu .fa-bars,
	header nav {
		display: none;
	}
	
	header {
		background: var(--navy);
		align-items: center;
		padding: 10px 40px;
		z-index: 99;
	}
	
	header svg .letters {
		fill: var(--lightGray) !important;
	}
	
	header .mobile-menu {
		background: none;
		border: none;
		border-radius: 0;
		color: var(--lightGray);
		font-size: 1.875rem;
		height: 42px;
		padding: 0;
	}

	header nav {
		background: var(--navy);
		height: calc(100vh - 70px);
		left: 0;
		padding: 20px;
		overflow: hidden;
		position: absolute;
		top: 100%;
		width: 100%;
		z-index: 99;
	}
	
	header ul {
		flex-wrap: wrap;
		height: 100%;
		overflow: auto;
		text-align: center;
	}
	
	header li {
		display: block;
		margin: 0 0 10px;
		width: 100%;
	}
	
	header li a {
		border: none;
		color: var(--lightGray) !important;
		display: block;
		height: auto;
		margin: 0;
		padding: 20px;
	}
	
	header li a:hover {
		color: var(--red) !important;
	}
	
	/*Dropdowns*/
	
	header li.menu-item-has-children {
		position: relative;
	}
	
	header li.menu-item-has-children .open-children {
		border-left: 1px solid #ddd;
		position: absolute;
		right: 0;
		text-align: center;
		text-rendering: auto;
		top: 0;
	    -webkit-font-smoothing: antialiased;
	    width: 60px;
	}
	
	header li.menu-item-has-children.active > .open-children svg {
		transform: rotate(-180deg);
	}
	
	#menu-main .sub-menu {
		background: none;
		box-shadow: none;
		display: none;
		padding: 0;
		position: static;
		width: 100%;
	}
	
	#menu-main li:hover .sub-menu {
		display: none;
	}
	
	#menu-main li.menu-item-has-children.active:hover > .sub-menu,
	#menu-main li.menu-item-has-children.active > .sub-menu {
		display: block;
	}
	
	/***Footer***/
	
	footer {
		padding-top: 40px;
	}
	
	footer:before,
	footer:after {
		display: none;
	}
	
	footer .grid,
	footer .logo {
		display: block;
	}
	
	footer .logo,
	#menu-footer {
		margin-bottom: 30px;
	}
	
	footer .flex-container {
		margin-top: 30px;
	}
	
	/***Homepage***/
	
	.hero::after {
		height: 300px;
    	left: -100px;
		top: 430px;
		transform: rotate(7deg);
		width: 200%;
	}
	
	.hero img,
	.hero article,
	.image-content article,
	.image-messages .messages {
		width: 100%;
	}

	.image-content .image.clbr-home-method + article {
		width: 100%;
	}
	
	.hero img {
		height: 450px;
		position: static;
	}
	
	.hero article {
		padding: 0 0 80px;
		z-index: 5;
	}
	
	.home .hero h1 {
		font-size: 3rem;
	}
	
	.hero p {
		max-width: 100%;
	}
	
	.image-content,
	.icon-columns,
	.logs-intro {
		padding-top: 80px;
	}
	
	.image-content .image {
		margin: 0 auto 30px;
		width: auto;
    }
    
    .image-content .image.clbr-home-method {
		margin: 0 auto 30px 0;
		width: 90%;
    }
	
	.image-content .image img:nth-of-type(2) {
		right: 20px;
		width: 50%;
	}
	
	.image-messages,
	.logs-intro {
		margin-top: 80px;
	}
	
	.image-messages .messages {
		margin-top: -60px;
		position: relative;
		z-index: 4;
	}
	
	.logs-intro:after {
		display: none;
	}
	
	.carousel {
		margin-top: 15px;
		padding-left: 0;
	}
	
	.text-callout {
		padding: 80px 0;
	}
	
	.home .text-callout {
		padding-top: 20px;
	}
	
	.text-callout .grid {
		display: block;
	}
	
	/***FAQs***/
	
	.page-template-page-faq:before,
	.page-template-default:before,
	.error404:before,
	.post-type-archive-press::before,
	.single-post:before {
		top: -2700px;
	}
	
	.faq-hero,
	.page-content,
	.press-hero {
    	padding: 120px 0 40px;
	}
	
	.faqs {
		padding-bottom: 60px;
	}
	
	/***About***/
	
	.image-hero {
		height: auto;
		margin-bottom: 60px;
		padding: 67px 0 0;
	}
	
	.image-hero .image::after {
		left: auto;
	}
	
	.image-hero article {
		max-width: 100%;
		padding-top: 40px;
	}
	
	.intro-text .grid {
		display: block;
	}
	
	.cta,
	.cta.gray, 
	.cta.navy {
		padding: 80px 0;
	}
	
	/***Membership***/
	
	.image-messages.alt {
		margin-bottom: 80px;
	}
	
	.image-messages.alt .image-container,
	.image-messages.alt:nth-of-type(2n) .image-container {
		margin: 0;
		order: 0;
		width: 100%;
	}
	
	.image-messages.alt article {
		margin-top: 40px;
		width: 100%;
	}
	
	/***Press***/
	
	.press {
		margin-bottom: 60px;
	}
	
	.press .grid {
		grid-gap: 40px;
	}
	
	.wp-pagenavi {
		margin-top: 40px;
	}
	
	/***Blog***/
	
	.blog::before {
		display: none;
	}
		
	.featured-post {
		background: var(--gradient);
		margin-bottom: 60px;
		padding: 120px 0 40px;
	}
	
	.featured-post .featured-image,
	.featured-post article {
		width: 100%;
	}
	
	.featured-post article {
		margin-top: 30px;
	}
	
	.blog-content,
	.logs-content {
		padding-bottom: 80px;
	}
	
	.blog-content .grid,
	.logs-content .grid {
		grid-gap: 40px;
	}
	
	.blog-content .wp-pagenavi {
		margin-top: 40px;
	}
	
	/***Default / Blog Single***/
	
	.page-content blockquote {
		border-left-width: 5px;
		padding-left: 30px;
	}
		
	.page-content blockquote p {
		font-size: 1.125rem;
	}
	
	/***Logs Archive***/
	
	.logs-hero {
		margin-bottom: 80px;
		padding: 67px 0 40px;
	}
	
	.logs-hero::after {
		display: none;
	}
	
	.logs-hero h1 {
		left: 40px;
		position: absolute;
		top: 40px;
		z-index: 2;
	}
	
	.logs-hero h1,
	.logs-hero h1 span {
		color: var(--navy);
	}
	
	.logs-hero .featured-image,
	.logs-hero article,
	.featured-logs article,
	.featured-logs .featured-image {
		width: 100% !important;
	}
	
	.logs-hero article {
		left: 0;
		margin: 30px 0 0;
		order: 2;
	}
	
	.logs-content li:nth-of-type(3n+2) {
		top: 0;
	}
	
	/***Logs Single***/
	
	.log-intro {
		padding: 120px 0 60px;
	}
	
	.log-intro::before {
		font-size: 150px;
		top: 167px;
	}
	
	.log-intro::after {
		top: -1900px;
	}
	
	.log-intro article {
		margin-bottom: 40px;
	}
	
	.log-intro .reasons {
		display: flex;
		flex-wrap: wrap;
		min-height: 0;
		padding-top: 0;
	}
	
	.log-intro .image {
		height: auto;
		position: relative;
		right: 0;
		width: 100%;
	}
	
	.log-intro blockquote {
		font-size: 2rem;
		margin-top: 30px;
		max-width: 100%;
		order: 2;
	}
	
	.log-details {
		margin-bottom: 80px;
	}
	
	.log-details article {
		margin-top: 0;
		padding: 60px 0 0;
	}
	
	/***Careers***/
	
	.careers-hero {
		background: var(--gradient);
		height: auto;
		padding: 120px 0 260px;
	}
	
	.careers-hero.inverse:after {
		background: white;
		bottom: -200px;
		height: 300px;
		left: -40px;
		top: auto;
		transform: rotate(7deg);
		width: 2000px;
		z-index: 0;
	}
	
	.careers-hero .container {
		display: flex;
		flex-direction: column;
	}
	
	.careers-hero article {
		margin-top: 30px;
		order: 2;
		width: 100%;
	}
	
	.careers-hero .honeycomb {
		grid-template-rows: auto;
		position: static;
		width: 100%;
	}
	
	.careers-hero .hexagon-fill-empty {
		opacity: .2;
	}
	
	.career-listings {
		margin-top: -60px;
		padding: 0 0 60px;
	}
	
	/***Why***/
	
	.why-hero {
		height: auto;
		padding: 120px 0 60px;
	}
	
	.why-hero.angle::after,
	.featured-logs.angle:after {
		display: none;
	}
	
	.why-hero h1,
	.why-hero p {
		width: 100%;
	}
	
	.why-hero p {
		color: var(--lightGray);
	}
	
	.stats {
		padding-top: 80px;
	}
	
	.featured-logs {
		background: var(--gradient);
		margin-top: 80px;
		padding: 80px 0 0;
	}
	
	.featured-logs .featured:first-child,
	.featured-logs .featured {
		margin-bottom: 60px;
	}
	
	.featured-logs .featured:last-child {
		margin-top: 0;
	}
	
	.featured-logs .featured article {
		order: 2;
	}
	
	.featured-logs .featured:first-child article {
		left: 0;
		padding: 0;
	}
	
	.featured-logs .featured .featured-image {
		height: auto;
		margin-bottom: 30px;
	}
	
	.featured-logs .featured:not(:first-child) .featured-image {
		position: relative;
	}
	
	.featured-logs .featured:not(:first-child) {
		padding: 0;
		width: 100%;
	}
	
	/***Principles***/
	
	.principles-hero {
		background: var(--navy);
		height: 550px;
		margin-bottom: 260px;
		padding: 120px 0 0;
	}
	
	.principles-hero article {
		margin-bottom: 60px;
	}
	
	.principles-hero svg,
	.principle7 svg:not(.bkg-confetti) {
		max-width: 350px;
	}
	
	.principle,
	.principle2 article, 
	.principle4 article, 
	.principle7 article {
		margin-bottom: 80px;
	}
	
	.principle2 .images {
		flex-wrap: wrap;
	}
	
	.principle2 .images span:first-of-type {
		left: 0;
		margin: 0 0 40px;
		width: 100%;
	}
	
	.principle2 .images span:last-of-type {
		right: 0;
		width: 100%;
	}
	
	.principle2 .images span svg {
		width: 100%;
	}
	
	.principle6 article {
		margin: 0;
	}
	
	.principle4 .parallax,
	.principle6 .parallax {
		margin: 0;
		max-width: 100%;
	}
	
	.principle7 svg:not(.bkg-confetti) {
		position: relative;
		z-index: 2;
	}
	
	.principles-review {
		margin-top: -300px;
		padding: 300px 0 80px;
	}
	
	.principles-review:before,
	.two-column-content:before,
	.account-features:before {
		display: none;
	}
	
	/***Landing***/
	
	.fitness-goals {
		padding: 80px 0;
	}
	
	.fitness-goals .grid {
		grid-gap: 20px;
		grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	}
	
	.fitness-goals .grid li:nth-of-type(3n+2) {
		margin-top: 0;
	}
	
	.text-block {
		padding-bottom: 40px;
	}
	
	.text-block .grid {
		grid-template-columns: 1fr;
	}
	
	.page-template-page-opt .image-block-container,
	.page-template-page-opt .image-messages.alt:only-child {
		margin-bottom: 60px;
	}
	
	.icon-text-blocks {
		padding-bottom: 0;
	}
	
	.logs-intro.testimonials {
		padding-bottom: 0;
	}
	
	.logs-intro.testimonials h2 {
		font-size: 1.5rem;
		padding: 0;
	}
	
	.testimonials .carousel {
		margin-top: -76px;
	}
	
	.testimonials blockquote {
		font-size: 1.125rem;
		padding: 30px 20px 10px;
	}
	
	.testimonials cite {
		padding: 0 20px;
	}
	
	.cta.gray, 
	.cta.navy {
		margin-bottom: 80px;
	}
	
	.page-template-page-opt .image-block-container .image-messages {
		margin-top: 80px;
	}
	
	.image-messages .points h4 {
		font-size: 1.125rem;
	}
	
	.two-column-content {
		margin-top: 200px;
		padding-top: 100px;
	}
	
	.two-column-content h2 br {
		display: none;
	}
	
	.tool-icon-columns {
		padding-bottom: 60px;
	}
	
	.two-column-content img {
		top: -300px;
		width: 250px;
	}
	
	.two-column-content article {
		top: 0;
	}
	
	.two-column-content .columns {
        column-count: 1;
        max-height: unset;
	}
	
	.tool-icon-columns ul {
		grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	}
	
	.tool-icon-columns li {
		max-width: 100%;
	}
	
	.tool-icon-columns li:nth-of-type(4), 
	.tool-icon-columns li:nth-of-type(5) {
		grid-column: auto;
		grid-row: auto;
		width: 100%;
	}
	
	.features-content {
		margin-top: 50px;
		overflow: visible;
		padding: 60px 0;
    }
    
    .features-content::after {
		display: none;
	}
    .features-content article {
        order: 2;
        width: 100%;
    }

    .features-content img {
        position: static;
        width: 100%;
    }
    
    .faqs-opened {
		padding: 0;
	}
	
	.account-features {
		margin-top: 0;
		padding: 60px 0;
	}
	
	.account-features .container {
		top: 0;
	}
	
	.page-template-page-opt .text-callout {
		margin-top: 0;
	}
}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 600*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: 37.5em) {
	
	h1 {
		font-size: 2rem;
	}
	
    h2,
	.image-block-container h3 {
		font-size: 1.5rem;
	}
	
	h3,
	.accordions button {
		font-size: 1.125rem;
	}
	
	p {
		font-size: 1rem;
	}
	
	.container {
		padding: 0 20px;
	}
	
	/***Header***/
	
	header {
		padding: 10px 20px;
	}
	
	header .logo {
		height: 30px;
		width: 150px;
	}
	
	/***Footer***/
	
	footer {
		text-align: center;
	}
	
	#menu-footer {
		flex-wrap: wrap;
	}
	
	#menu-footer > li,
	footer .copyright,
	footer .social {
		max-width: 100%;
		width: 100%;
	}
	
	#menu-footer > li + li {
		margin-top: 20px;
	}
	
	footer .copyright {
		margin: 0 0 15px;
	}
	
	footer .social li {
		margin: 0 10px;
		text-align: center;
	}
	
	/***Homepage***/
	
	.home .hero h1 {
		font-size: 2rem;
	}
	
	.image-messages .messages li {
		margin-bottom: 16px;
		padding-left: 64px;
	}
	
	.image-messages svg {
		bottom: -15px;
		width: 30px;
	}
	
	.logs-intro h2,
	.logs-hero h1 {
		font-size: 3.75rem;
		margin-bottom: 40px;
	}
	
	.logs-intro h2 span,
	.logs-hero h1 span {
		font-size: 2rem;
	}
	
	.logs-intro p {
		font-size: 1.125rem;
	}
	
	.logs-intro p span {
		font-size: 1.25rem;
	}
	
	.carousel {
		left: -20px;
		width: calc(100% + 40px);
	}
	
	.card {
		padding: 0 10px 40px 10px;
	}
	
	.carousel .card {
		/* max-width: 300px; */
	}
	
	.card h3 {
		font-size: 1rem;
		padding: 30px 20px 0;
	}
	
	.card .special-link {
		margin: auto 20px 20px;
	}
	
	.carousel .slick-arrow {
		right: 20px;
	}
	
	.carousel .slick-arrow.slick-prev {
		right: 70px;
	}
	
	.cta h2 br {
		display: none;
    }
    
    /***Membership***/

    .image-messages.alt .image-container {
        position: relative;
    }

    .image-messages.alt .secondary-image {
        position: absolute;
        top: unset;
        right: 0;
        bottom: -90px;
    }

    .image-messages.alt .messages {
        position: relative;
        bottom: 30px;
    }

    .image-messages.alt.clbr-membership-method article, .image-messages.alt.clbr-membership-content article {
        margin-top: 120px;
    }

    .image-messages.alt.clbr-membership-habits article {
        margin-top: 330px;
    }

    .image-messages.clbr-membership-nutrition .secondary-image {
        width: 80%;
        bottom: -165px;
    }

	.image-messages.alt.clbr-membership-nutrition article {
        margin-top: 200px;
    }

	.image-messages.clbr-membership-coach .secondary-image {
        width: 80%;
        bottom: -200px;
    }

	.image-messages.alt.clbr-membership-coach article {
        margin-top: 200px;
    }

	.image-messages.alt.clbr-membership-app .inverse img {
        object-position: 10%;
    }

	.image-messages.alt.clbr-membership-app .secondary-image {
        width: 60%;
        bottom: -190px;
		left: 15px;
    }

	.image-messages.alt.clbr-membership-app article {
        margin-top: 220px;
    }

	.image-messages.alt.clbr-membership-habits img {
		object-position: 19% -85px;
	}

    .image-messages.clbr-membership-lessons .secondary-image {
        width: 65%;
        bottom: -165px;
    }

	.image-messages.alt.clbr-membership-lessons article {
        margin-top: 185px;
    }

    /*** OPT LP ***/

    .image-messages.alt.clbr-opt-text-msgs .image img {
        object-position: left;
    }

    .image-messages.alt.clbr-opt-text-msgs article {
        margin-top: 320px;
    }

    .image-messages.alt.clbr-opt-workout-feature article {
        margin-top: 105px;
    }

    .image-messages.alt.clbr-opt-support-feature article {
        margin-top: 325px;
    }
	
	/***FAQs***/
	
	.page-template-page-faq:before,
	.page-template-default:before,
	.error404:before,
	.post-type-archive-press::before,
	.single-post:before {
		top: -3000px;
	}
	
	/***About***/
	
	.image-hero {
		padding-top: 62px;
	}
	
	/***Press***/
	
	.press-hero p {
		font-size: 1.125rem;
	}
	
	.press .grid a {
		padding: 30px 20px;
	}
	
	.press .grid .special-link {
		margin-top: 15px;
		width: 100%;
	}
	
	.press .grid .special-link svg {
		top: -8px;
	}
	
	/***Blog***/
	
	.blog-content .grid .post-date {
		padding: 30px 20px 10px;
	}
	
	.blog-content .grid h2 {
		padding: 0 20px;
	}
	
	.blog-content .grid .post-author {
		padding: 0 20px 20px;
	}
	
	.blog-content .grid .special-link {
		margin: 0 20px;
	}
	
	.featured-post .flex-container {
		justify-content: flex-start;
		margin-top: 20px;
		width: 100%;
	}
	
	.featured-post .flex-container li {
		margin: 0 20px 0 0;
	}
	
	/***Logs Archive***/
	
	.logs-hero h1 {
		position: static;
	}
	
	.logs-hero h1,
	.logs-hero h1 span {
		color: var(--lightGray);
	}
	
	/***Log Single***/
	
	.log-intro blockquote {
		font-size: 1.5rem;
	}
	
	.log-details .stats li,
	.log-details div.flex-container div,
	.log-details div.flex-container img {
		width: 100%;
	}
	
	.log-details div.flex-container,
	.log-details ul:not(.stats):not(.share-links) {
		margin-bottom: 40px;
	}
	
	.log-details img {
		margin: 50px 0;
	}
	
	.log-details p + h3 {
		margin-top: 40px;
	}
	
	.log-details .share-links {
		justify-content: flex-start;
	}
	
	.log-details .share-links li:first-child {
		margin-bottom: 15px;
		width: 100%;
	}
	
	.log-details .share-links li {
		margin: 0 15px 0 0;
	}
	
	/***Careers***/
	
	.career-listings {
		margin-top: -120px;
	}
	
	.career-listings li a {
		padding: 20px;
	}
	
	.career-listings li .special-link {
		display: none;
	}
	
	.career-listings li span {
		margin: 0 0 10px;
		width: 100%;
	}
	
	/***Why***/
	
	.why-hero p,
	.principles-hero p {
		font-size: 1.125rem;
		padding: 0;
	}
	
	.featured-logs .featured:not(:first-child) article h2 {
		font-size: 1.125rem;
	}
	
	.stats .carousel .press-item {
		/* max-width: 300px; */
		padding: 0 10px;
	}
	
	.stats .carousel .press-item a {
		padding: 20px;
	}
	
	/***Principles***/
	
	.principles-hero h1 br {
		display: none;
	}
	
	.principles-review ul {
		grid-template-columns: 1fr;
	}
	
}