/* Custom fonts pulled from typography.com
 Verlag Book
 font: 300 'Verlag A', 'Verlag B', sans-serif;
 Verlag Black
 font: 800 'Verlag A', 'Verlag B', sans-serif;
 */

/* LANDING FEATURE
 ------------------------------------ */
#cb-landing #cb-feature {
	height: 500px;
	width: 100%;
	background: #FFF;
	margin-top: -23px;
}
#cb-landing #cb-feature .contain {
	position: relative;
	height: 500px;
}
#cb-landing #cb-feature .item {
	position: relative;
	height: 500px;
	width: 100%;
	overflow: hidden;
}
#cb-landing #cb-feature .image {
	position: absolute;
	width: 100%;
	height: 500px;
	background-position: top center;
	background-size: cover;
}
#cb-landing #cb-feature .box {
	width: 650px;
	position: relative;
	top: 50px;
	margin: auto;
}
#cb-landing #cb-feature .box .headline {
	text-transform: uppercase;
	padding: 0 0 15px 0;
	margin: auto;
	color: #FFF;
	font: 700 26px/30px "Verlag A", "Verlag B", sans-serif;
}
#cb-landing #cb-feature .box .copy {
	color: #FFF;
}
#cb-landing #cb-feature a.gobutton {
	background: none;
	border: 1px solid #46AE73;
}
#cb-landing #cb-feature a.gobutton:hover {
	background: #46AE73;
}

/* -- DIAGRAM -- */
#cb-diagram-home {
	background: #F5F9E0;
}
#cb-diagram-home .inside {
	background: url(/assets/images/CB21-diagram-nav.svg) no-repeat;
	background-size: 1680px 650px;
	width: 832px;
	height: 620px;
	margin-top: -30px;
	position: relative;
}
#cb-diagram-home a {
	position: absolute;
	display: block;
	height: 200px;
	width: 200px;
}
#cb-diagram-home a.flavor {
	left: 28px;
	top: 123px;
}
#cb-diagram-home a.people {
	left: 136px;
	top: 377px;
}
#cb-diagram-home a.sourcing {
	left: 492px;
	top: 379px;
}
#cb-diagram-home a.environment {
	left: 608px;
	top: 123px;
}
#cb-diagram {
	background: #f5f9e0;
}
#cb-diagram .inside {
	position: relative;
	height: 400px;
}
#cb-diagram .inside .bg {
	position: absolute;
	left: 50%;
	margin-left: -300px;
	z-index: 1;
	background: url(/assets/images/CB21-diagram-nav.svg?v1) no-repeat;
	background-size: 1200px 400px;
	width: 600px;
	height: 400px;
}
#cb-diagram .inside a {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	display: block;
	height: 147px;
	width: 147px;
	background: -9999px -9999px url(/assets/images/CB21-diagram-nav.svg?v1) no-repeat;
	background-size: 1200px 400px;
}
#cb-diagram .inside a.landing {
	top: 19px;
	left: 395px;
	height: 187px;
	width: 187px;
}
#cb-diagram .inside a.flavor {
	top: 57px;
	left: 195px;
}
#cb-diagram .inside a.flavor:hover {
	background-position: -611px -57px;
}
#cb-diagram .inside a.people {
	top: 232px;
	left: 284px;
}
#cb-diagram .inside a.people:hover {
	background-position: -700px -232px;
}
#cb-diagram .inside a.sourcing {
	top: 232px;
	left: 541px;
}
#cb-diagram .inside a.sourcing:hover {
	background-position: -957px -232px;
}
#cb-diagram .inside a.environment {
	top: 57px;
	left: 629px;
}
#cb-diagram .inside a.environment:hover {
	background-position: -1045px -57px;
}

/* -- LANDING SLIDESHOW -- */
#cb-slideshow {
	margin-top: 12px;
	position: relative;
}
#cb-slideshow .slideshow .insidebox {
	width: 980px;
	min-height: 510px;
	margin: auto;
}
#cb-pager {
	display: flex;
	list-style: none;
	margin: 0 -5px 5px -5px;
}
#cb-pager li {
	width: 25%;
	display: table;
	margin: 0 5px;
	position: relative;
}
#cb-pager li:before {
	position: absolute;
	width: 100%;
	height: 10px;
	background: #76acce;
	content: "";
}
#cb-pager li a {
	color: #FFF;
	text-transform: uppercase;
	cursor: pointer;
	text-align: center;
	padding: 25px 0 15px 0;
	vertical-align: middle;
	text-decoration: none;
	background: #062242;
	height: 100%;
	width: 100%;
	display: table-cell;
	line-height: normal;
	font-weight: 500;
}
#cb-pager li.flavor:before {
	background: #76acce;
}
#cb-pager .flavor a:hover,
#cb-pager .flavor a.active {
	background: #76acce;
}
#cb-pager li.people:before {
	background: #e8855c;
}
#cb-pager .people a:hover,
#cb-pager .people a.active {
	background: #e8855c;
}
#cb-pager li.sourcing:before {
	background: #ccde00;
}
#cb-pager .sourcing a:hover,
#cb-pager .sourcing a.active {
	background: #ccde00;
}
#cb-pager li.environment:before {
	background: #46ae73;
}
#cb-pager .environment a:hover,
#cb-pager .environment a.active {
	background: #46ae73;
}
#cb-slides .slide {
	position: relative;
}
#cb-slides .slide img {
	max-width: 100%;
}

/* -- LANDING COLUMNS -- */
.bc-columns {
	margin: 30px;
}
.bc-columns .box {
	width: 33%;
	display: inline-table;
	text-align: center;
}
#homecolumns.bc-columns .box {
	width: 49.5%;
}
.bc-columns .headline {
	margin: 15px 0 15px 0;
	font: 600 15px "Verlag A", "Verlag B", sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #264b65;
}
.bc-columns .arrow {
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #464f69;
	margin: 10px 0;
	display: inline-block;
}
.bc-columns .copytype {
	text-align: left;
	padding: 0 50px;
	color: #264b65;
}
.bc-columns .gobutton {
	background-color: transparent;
	color: #000f2f;
	border: 1px solid #000f2f;
	line-height: 15px;
}
.bc-columns .gobutton:hover {
	background-color: #000f2f;
	color: #FFF;
}
.bc-columns .gobutton.sourcing {
	border: 1px solid #b7c532;
	color: #b7c532;
}
.bc-columns .gobutton.sourcing:hover {
	background-color: #b7c532;
	color: #FFF;
}
.bc-columns .gobutton.environment {
	border: 1px solid #46AE73;
	color: #46AE73;
}
.bc-columns .gobutton.environment:hover {
	background-color: #46AE73;
	color: #FFF;
}
.bc-columns a.gobutton span {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 15px;
}
.bc-columns a.gobutton.darkblue span {
	background: url(/assets/images/arrow-darkblue.png) top left no-repeat;
}
.bc-columns a.gobutton.limegreen span {
	background: url(/assets/images/arrow-limegreen.png) top left no-repeat;
}
.bc-columns a.gobutton.green span {
	background: url(/assets/images/arrow-green.png) top left no-repeat;
}
.bc-columns a.gobutton:hover span {
	background: url(/assets/images/arrow-white.png) top left no-repeat;
}

/* -- FARM TO BAR -- */
#farmtobar {
	margin-bottom: 50px;
}
#farmtobar .inside {
	border-top: 2px solid #b0bdd1;
	padding: 30px 20px 0 20px;
}
#farmtobar .inside .box {
	background: #F5F9E0;
}
#farmtobar .left {
	display: inline-block;
	width: 435px;
	vertical-align: top;
}
#farmtobar .left img {
	display: block;
}
#farmtobar .right {
	display: inline-block;
	width: 500px;
	vertical-align: top;
}
#farmtobar .right .copy {
	padding: 80px 80px 0 80px;
	color: #264b65;
}
#farmtobar .right .copy .headline {
	font: bold 15px "Verlag A", "Verlag B", sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	color: #264b65;
}
#farmtobar .gobutton {
	background-color: transparent;
	color: #000f2f;
	border: 1px solid #000f2f;
	line-height: 15px;
}
#farmtobar .gobutton:hover {
	background-color: #000f2f;
	color: #FFF;
}

/* -- SECTION PAGE -- */
#section-page {
	margin-bottom: 30px;
}

/* -- SECTION FEATURE -- */
#cb-section-feature {
	height: 380px;
	width: 100%;
	background: #f5f9e0;
	margin-top: -23px;
}
#cb-section-feature .contain {
	position: relative;
	height: 380px;
}
#cb-section-feature .item {
	position: relative;
	height: 380px;
	width: 100%;
	overflow: hidden;
}
#cb-section-feature .image {
	position: absolute;
	width: 100%;
	height: 380px;
	background: top center url("/assets/images/CB21-hero-secondary.jpg") no-repeat;
}

/* -- SECTION NAVIGATION -- */
#cb-section-nav {
	background: #082341;
	margin-top: 10px;
}
#cb-section-nav ul {
	display: flex;
	list-style: none;
	background: #FFF;
	margin: 0;
	border-left: 5px solid #FFF;
	border-right: 5px solid #FFF;
}
#cb-section-nav li {
	width: 25%;
	display: table;
	margin: 0 5px;
	position: relative;
}
#cb-section-nav li:before {
	position: absolute;
	width: 100%;
	height: 10px;
	background: #76acce;
	content: "";
}
#cb-section-nav li a {
	color: #FFF;
	text-transform: uppercase;
	cursor: pointer;
	text-align: center;
	padding: 25px 0 15px 0;
	vertical-align: middle;
	text-decoration: none;
	background: #062242;
	height: 100%;
	width: 100%;
	display: table-cell;
	line-height: normal;
	font-weight: 500;
}
#cb-section-nav li.flavor:before {
	background: #76acce;
}
#cb-section-nav .flavor a:hover,
#cb-section-nav .flavor a.active {
	background: #76acce;
}
#cb-section-nav li.people:before {
	background: #e8855c;
}
#cb-section-nav .people a:hover,
#cb-section-nav .people a.active {
	background: #e8855c;
}
#cb-section-nav li.sourcing:before {
	background: #ccde00;
}
#cb-section-nav .sourcing a:hover,
#cb-section-nav .sourcing a.active {
	background: #ccde00;
}
#cb-section-nav li.environment:before {
	background: #46ae73;
}
#cb-section-nav .environment a:hover,
#cb-section-nav .environment a.active {
	background: #46ae73;
}

/* -- SECTION INTRO -- */
#section-intro {
	padding: 30px 0;
}
#section-intro .col-icon {
	display: inline-block;
	vertical-align: top;
	width: 315px;
	text-align: center;
}
#section-intro .col-icon img {
	width: 280px;
}
#section-intro .col-copy {
	display: inline-block;
	vertical-align: top;
	width: 405px;
	color: #264b65;
}
#section-intro h1 {
	color: #082341;
	font: bold 23px "Verlag A", "Verlag B", sans-serif;
	letter-spacing: 1px;
}

/* -- FLAVORS TOP PHOTO  -- */
#flavor-topphoto {
	text-align: center;
	padding-bottom: 15px;
}

/* -- FLAVORS COLUMNS -- */
#flavor-columns .inside {
	width: 925px;
	padding-bottom: 10px;
	border-bottom: 2px solid #b0bdd1;
}
#flavor-columns.bc-columns {
	margin-bottom: 35px;
}
#flavor-columns.bc-columns .box {
	width: 49%;
}
#flavor-columns.bc-columns .copytype {
	padding: 0 70px;
}

/* -- FLAVORS PHOTO BLOCK -- */
#flavor-photoblock {
	padding-bottom: 70px;
}
#flavor-photoblock .inside {
	width: 910px;
}
#flavor-photoblock .heirloom {
	width: 910px;
}
#flavor-photoblock .heirloom .block {
	background: #aed1ed;
	margin-bottom: 20px;
	display: table;
}
#flavor-photoblock .heirloom .block .image {
	display: table-cell;
	width: 435px;
	vertical-align: top;
}
#flavor-photoblock .heirloom .block .image img {
	display: block;
}
#flavor-photoblock .heirloom .block .text {
	padding: 60px;
	display: table-cell;
}
#flavor-photoblock .heirloom .block .text .title {
	text-align: center;
	padding-bottom: 40px;
	font: bold 15px "Verlag A", "Verlag B", sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #264b65;
}
#flavor-photoblock .heirloom .block .text .copy {
	padding: 0 20px;
	color: #264b65;
}
#flavor-photoblock .heirloom .photowide {
	margin-bottom: 20px;
}
#flavor-photoblock .heirloom .columns .left {
	float: left;
	width: 370px;
}
#flavor-photoblock .heirloom .columns .left .title {
	padding: 30px 0 40px 30px;
	color: #264b65;
	font: bold 15px "Verlag A", "Verlag B", sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}
#flavor-photoblock .heirloom .columns .left .copy {
	padding-right: 70px;
	color: #264b65;
}
#flavor-photoblock .heirloom .columns .right {
	float: right;
	width: 525px;
}

/* -- CHILD PROTECTION -- */
#child-protection {
	height: 900px;
	width: 100%;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	position: relative;
	border-bottom: 50px solid #e8855c;
}
#child-protection .title {
	text-align: center;
	margin-bottom: 10px;
	color: #411c0c;
	font: bold 15px "Verlag A", "Verlag B", sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}
#child-protection .copy {
	width: 665px;
	background: #fff6d7;
	position: absolute;
	top: 175px;
	left: 50%;
	margin-left: -332.5px;
	z-index: 30;
	padding: 35px 30px 25px 35px;
	color: #411c0c;
}
#child-protection .copy .col {
	display: inline-block;
	width: 49%;
	padding: 0 15px;
	vertical-align: top;
}

/* -- GENDER EQUALITY -- */
#gender-equal {
	height: 900px;
	width: 100%;
	background-position: top center;
	background-size: cover;
	overflow: hidden;
	position: relative;
}
#gender-equal .title {
	text-align: center;
	font: bold 15px "Verlag A", "Verlag B", sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #411c0c;
}
#gender-equal .copy {
	width: 500px;
	background: #FFF6D7;
	color: #411c0c;
	position: absolute;
	top: 135px;
	left: 50%;
	margin-left: -250px;
	z-index: 30;
	padding: 35px 50px 25px 50px;
}

/* -- LOCAL IMPACT -- */
#local-impact {
	padding: 50px 0;
}
#local-impact .intro {
	width: 400px;
	margin: 0 auto;
	color: #494f5f;
}
#local-impact .title {
	text-align: center;
	font: bold 15px "Verlag A", "Verlag B", sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #494f5f;
}

/* -- LOCAL PHOTOS -- */
#local-photos {
	background: #fedbb3;
}
#local-photos .inside {
	padding-top: 50px;
}
#local-photos .blocks {
	padding-bottom: 30px;
}
#local-photos .block {
	border-top: 1px solid #FFF;
	padding-bottom: 50px;
}
#local-photos .block .image {
	display: inline-block;
	vertical-align: top;
	width: 440px;
}
#local-photos .block.left .image {
	width: 440px;
}
#local-photos .block.right .image {
	width: 400px;
}
#local-photos .block .box {
	display: inline-block;
	vertical-align: top;
}
#local-photos .block.left .box {
	width: 535px;
}
#local-photos .block.right .box {
	width: 575px;
}
#local-photos .block .title {
	font: 600 15px "Verlag A", "Verlag B", sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 30px 0 5px 0;
}
#local-photos .block.left .title,
#local-photos .block.left .copy {
	padding-right: 230px;
	color: #4a424f;
}
#local-photos .block.right .title,
#local-photos .block.right .copy {
	padding-left: 210px;
	padding-right: 20px;
	color: #4a424f;
}

/* -- COCOA -- */
#cb-cocoa {
	height: 900px;
	width: 100%;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	position: relative;
}
#cb-cocoa .copy {
	width: 600px;
	background: #e8efac;
	color: #082341;
	position: absolute;
	top: 100px;
	left: 50%;
	margin-left: -250px;
	z-index: 30;
	padding: 35px 50px 25px 50px;
}
#cb-cocoa .copy .logo img {
	display: block;
	margin: auto;
	width: 280px;
}
#cb-cocoa .gobutton {
	background-color: transparent;
	border: 1px solid #46a36a;
	color: #46a36a;
}
#cb-cocoa .gobutton:hover {
	background-color: #46a36a;
	color: #FFF;
}
#cb-cocoa .gobutton span {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 15px;
	background: url(/assets/images/arrow-green.png) top left no-repeat;
}
#cb-cocoa .gobutton:hover span {
	background: url(/assets/images/arrow-white.png) top left no-repeat;
}

/* -- INGREDIENT SOURCING -- */
#ingredient-sourcing {
	padding: 50px 0;
	background: #e8efac;
}
#ingredient-sourcing .intro {
	width: 400px;
	margin: 0 auto;
	color: #494f5f;
}
#ingredient-sourcing .title {
	text-align: center;
	font: bold 15px "Verlag A", "Verlag B", sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #494f5f;
}

/* -- CERTIFIED COCOA -- */
#certified {
	background: #e8efac;
}
#certified .inside {
	width: 765px;
	margin: auto;
}
#certified .left {
	float: left;
	width: 344px;
}
#certified .left img {
	display: block;
}
#certified .right {
	float: right;
	width: 370px;
}
#certified .copy {
	padding-top: 30px;
	color: #082341;
}
#certified .copy .title {
	text-align: center;
	font: bold 15px "Verlag A", "Verlag B", sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #082341;
}

/* -- INGREDIENTS -- */
#ingredients {
	padding: 60px 0;
	background: #E8EEAC;
}
#ingredients .intro .copy {
	width: 400px;
	margin: auto;
	color: #082341;
}
#ingredients .boxtitle {
	text-align: center;
	margin: 30px 0;
	font: bold 15px "Verlag A", "Verlag B", sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #082341;
}
#ingredients .slide-boxes .slidebox {
	width: 24%;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}
#ingredients .slide-boxes .arrow {
	margin: 0;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #464f69;
	display: inline-block;
}
#ingredients .slide-boxes h2  {
	text-transform: uppercase;
	font-size: 13px;
	color: #082341;
}
#ingredients .slide-boxes .copy {
	padding: 0 25px;
	text-align: left;
	color: #082341;
}
#ingredients .slide-boxes .icon {
	display: block;
	text-align: center;
	height: 60px;
}

/* -- FORESTS -- */
#forests {
	height: 650px;
	width: 100%;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	position: relative;
}
#forests .copy {
	width: 500px;
	background: #e3feed;
	color: #375e43;
	position: absolute;
	top: 135px;
	left: 50%;
	margin-left: -250px;
	z-index: 30;
	padding: 35px 50px 25px 50px;
}
#forests .title {
	text-align: center;
	font: bold 15px "Verlag A", "Verlag B", sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #375e43;
}
#forests .center {
	text-align: center;
}
#forests .gobutton {
	background-color: transparent;
	border: 1px solid #46a36a;
	color: #46a36a;
}
#forests .gobutton:hover {
	background-color: #46a36a;
	color: #FFF;
}
#forests .gobutton span {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 15px;
	background: url(/assets/images/arrow-green.png) top left no-repeat;
}
#forests .gobutton:hover span {
	background: url(/assets/images/arrow-white.png) top left no-repeat;
}

/* -- ENVIRONMENT COLUMNS -- */
.environ-columns {
	background: #f4f8df;
	padding: 100px 0;
}
.environ-columns .box {
	width: 33%;
	display: inline-table;
	text-align: center;
}
.environ-columns .headline {
	margin: 15px 0 15px 0;
	font: 600 15px "Verlag A", "Verlag B", sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #264b65;
}
.environ-columns .arrow {
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #464f69;
	margin: 10px 0;
	display: inline-block;
}
.environ-columns .copytype {
	text-align: left;
	padding: 0 50px;
	color: #264b65;
}

/* -- RENEWABLE -- */
#renewable {
	height: 700px;
	width: 100%;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	position: relative;
}
#renewable .copy {
	width: 500px;
	background: #d0e7d7;
	color: #38445a;
	position: absolute;
	top: 135px;
	left: 50%;
	margin-left: -250px;
	z-index: 30;
	padding: 35px 50px 25px 50px;
}
#renewable .title {
	text-align: center;
	font: bold 15px "Verlag A", "Verlag B", sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #38445a;
}

/* -- PACKAGING -- */
#packaging {
	margin: 130px 0 0 0;
}
#packaging .inside {
	background: #8fd69a;
}
#packaging .left {
	float: left;
	width: 435px;
}
#packaging .left img {
	display: block;
}
#packaging .right {
	float: left;
	width: 544px;
}
#packaging .copy {
	padding: 70px 130px 0 130px;
	color: #6f5872;
}
#packaging .copy .title {
	text-align: center;
	font: bold 15px "Verlag A", "Verlag B", sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #6f5872;
}

/* -- ENV CIRCLES -- */
#env-columns {
	padding: 50px 0;
}
#env-columns .slide-boxes .slidebox {
	width: 33%;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}
#env-columns .slide-boxes .arrow {
	margin: 0;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #464f69;
	display: inline-block;
}
#env-columns .slide-boxes h2  {
	font: bold 15px "Verlag A", "Verlag B", sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #0A2342;
}
#env-columns .slide-boxes .copy {
	padding: 0 20px;
	text-align: left;
	color: #0A2342;
}
#env-columns .slide-boxes .icon {
	text-align: center;
}
#env-columns .slide-boxes .icon img {
	width: 48px;
}

/* CULTIVATING COCOA
 ------------------------------------ */
#cultivatingcocoa {
	position: relative;
	background: #e8eeac;
}
#cultivatingcocoa .opening {
	padding-top: 50px;
	width: 600px;
	margin: auto;
}
#cultivatingcocoa .opening .title {
	margin-bottom: 30px;
	text-align: center;
	font: 600 17px "Verlag A", "Verlag B", sans-serif;
}
#cultivatingcocoa #our-process {
	padding-top: 50px;
}
#cultivatingcocoa #our-process .intro .title {
	text-transform: uppercase;
	text-align: center;
	margin: 40px 0 15px 0;
	font: 600 17px "Verlag A", "Verlag B", sans-serif;
}
#cultivatingcocoa #our-process .process {
	height: 1310px;
	position: relative;
	padding-top: 50px;
}
#cultivatingcocoa #our-process .text {
	display: table;
}
#cultivatingcocoa #our-process .process .title {
	border-left: 1px solid #5d7588;
	padding: 0 50px 0 30px;
	display: table-cell;
	font: 600 15px "Verlag A", "Verlag B", sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#cultivatingcocoa #our-process .fresh {
	position: absolute;
	top: 50px;
	left: 420px;
	width: 560px;
}
#cultivatingcocoa #our-process .fresh .copy {
	width: 335px;
	display: table-cell;
}
#cultivatingcocoa #our-process .fresh .image {
	padding: 50px 0 0 125px;
}
#cultivatingcocoa #our-process .fermenting {
	position: absolute;
	top: 300px;
	left: 30px;
	width: 440px;
}
#cultivatingcocoa #our-process .fermenting .image {
	padding: 50px 0 0 0;
}
#cultivatingcocoa #our-process .dried {
	position: absolute;
	top: 740px;
	left: 485px;
	width: 495px;
}
#cultivatingcocoa #our-process .dried .image {
	padding: 50px 0 0 0;
}

/* MAKING CHOCOLATE
 ------------------------------------ */
#making {
	position: relative;
	padding-top: 80px;
}
#making .intro .title {
	margin-bottom: 50px;
	text-align: center;
	font: 600 17px "Verlag A", "Verlag B", sans-serif;
}
#making .intro .copy {
	margin: 0 auto;
	width: 375px;
	margin-bottom: 60px;
}
#making .process .intro2 .title {
	text-align: center;
	margin: 30px 0 0 0;
	font: 600 17px "Verlag A", "Verlag B", sans-serif;
}
#making .steps {
	position: relative;
	min-height: 1530px;
}
#making .steps .one {
	position: absolute;
	top: 60px;
	left: 500px;
	width: 490px;
}
#making .steps .two {
	position: absolute;
	top: 280px;
	left: 0;
	width: 490px;
}
#making .steps .three {
	position: absolute;
	left: 445px;
	top: 570px;
	width: 490px;
}
#making .steps .four {
	position: absolute;
	top: 1100px;
	left: 100px;
	width: 490px;
}
#making .steps .box {
	border-left: 1px solid #8e8d9f;
	padding-left: 30px;
}
#making .steps .box .title {
	display: inline-block;
	width: 125px;
	vertical-align: top;
	font: 600 15px "Verlag A", "Verlag B", sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#making .steps .box .title span {
	display: block;
	text-transform: uppercase;
	padding-bottom: 5px;
	font-weight: normal;
}
#making .steps .box .copy {
	display: inline-block;
	width: 300px;
	vertical-align: top;
}
#making .steps .box .copy p {
	margin-top: 0;
}
#making .steps .image {
	margin-top: 40px;
}

@supports (-webkit-touch-callout: none) {
	#child-protection,
	#cb-cocoa,
	#forests,
	#renewable {
		background-attachment: scroll;
	}
}