.cb-wrapper {
	background: #fff;
	overflow: hidden
}

.cb-wrapper .cb-aqua-font {
	color: #00d7d7
}

.cb-wrapper .cb-white-font {
	color: #eeecdb
}

.cb-wrapper .cb-navy-font {
	color: #002a33
}

.cb-wrapper .cb-headers, .cb-wrapper .cb-sub-headers, .cb-wrapper .cb-community-preview-image a p {
	font-family: 'Rubik', Helvetica, Arial, sans-serif;
	font-weight: 900;
	text-transform: uppercase
}

.cb-wrapper .cb-sect .center-content h3, .cb-wrapper p {
	font-family: 'Rubik', Helvetica, Arial, sans-serif;
	font-weight: 300
}

.cb-wrapper .center-text {
	text-align: center
}

.cb-wrapper .cb-sect .center-content {
	max-width: 1240px;
	width: 100%
}

.cb-wrapper p {
	color: #4d4d4d;
	line-height: 1.7
}

.cb-wrapper .dark-sect {
	background-color: #002a33
}

.cb-wrapper .wds-button {
	background-color: #00d7d7;
	border: 1px solid #00d7d7
}

.cb-wrapper .wds-button.wds-is-active, .cb-wrapper .wds-button:active, .cb-wrapper .wds-button:focus:not(:disabled), .cb-wrapper .wds-button:hover:not(:disabled) {
	background-color: #7ce5e2;
	border-color: #7ce5e2
}

.cb-wrapper button {
	margin-top: 30px
}

.cb-wrapper .hero-gfx {
	background: url("../images/Sec-1_Hero_V2-2.png") no-repeat;
	width: 100%
}

.cb-wrapper .home-marketing-communities {
	display: flex;
	flex-wrap: wrap
}

.cb-wrapper .cb-community-preview-image {
	align-items: center;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	height: auto;
	width: 100%
}

.cb-wrapper .cb-community-preview-image .cb-preview-image {
	background-size: cover;
	border-radius: 8px;
	width: 100%
}

.cb-wrapper .cb-community-preview-image .cb-community-preview-name {
	border-bottom: solid 2.5px #00d7d7;
	color: #002a33;
	font-weight: 900;
	margin-bottom: 0;
	margin-top: 8px;
	width: auto
}

.cb-wrapper .preview-image-1 {
	background: url("../images/communities/Deadwater_Fell.png") no-repeat
}

.cb-wrapper .preview-image-2 {
	background: url("../images/communities/The_Eddy.png") no-repeat
}

.cb-wrapper .preview-image-3 {
	background: url("../images/communities/Swimsanity.png") no-repeat
}

.cb-wrapper .preview-image-1, .cb-wrapper .preview-image-2, .cb-wrapper .preview-image-3, .cb-wrapper .cb-community-preview-image a p {
	transition: opacity .3s
}

.cb-wrapper .cb-preview-image:hover {
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.5);
	transition: .5s
}

.cb-wrapper .cb-list-icon {
	background-size: contain;
	flex: 1;
	height: 50px;
	width: 50px
}

.cb-wrapper .cb-icon-1 {
	background: url("../images/icons/Sec-2_Question.png") no-repeat
}

.cb-wrapper .cb-icon-2 {
	background: url("../images/icons/Sec-2_Contribute.png") no-repeat
}

.cb-wrapper .cb-icon-3 {
	background: url("../images/icons/Sec-2_Community.png") no-repeat;
	width: 48px
}

.cb-wrapper .cb-icon-4 {
	background: url("../images/icons/Sec-2_Data.png") no-repeat
}

.cb-wrapper .cb-list-wrapper .list-grp {
	align-items: center;
	display: flex;
	flex-direction: row;
	margin-top: 60px
}

.cb-wrapper .cb-list-wrapper .list-grp p {
	flex: 6;
	margin: 0
}

.cb-wrapper .cb-add-space-ontop {
	margin-top: 65px
}

.cb-wrapper .dark-sect .cb-content p a {
	color: #00d7d7;
	text-decoration: underline;
	transition-duration: .3s;
	transition-property: color
}

.cb-wrapper .dark-sect .cb-content p a:hover, .cb-wrapper .dark-sect .cb-content p a:active {
	color: #7ce5e2
}

.cb-wrapper .gfx {
	flex: 1;
	width: 100%
}

.cb-wrapper .gfx-1 {
	background: url("../images/Sec-3_Community.png") no-repeat
}

.cb-wrapper .gfx-2 {
	background: url("../images/Sec-3_Tools.png") no-repeat
}

.cb-wrapper .gfx-3 {
	background: url("../images/Sec-4_Blueprint.png") no-repeat
}

.cb-wrapper .gfx-4 {
	background: url("../images/Sec-4_FANDOM_Heart_Blocks_V2.png") no-repeat
}

.cb-wrapper .gfx-1, .cb-wrapper .gfx-2, .cb-wrapper .gfx-3, .cb-wrapper .gfx-4 {
	background-size: contain
}

.cb-wrapper .cb-beige {
	background-color: #eeecdb
}

.cb-wrapper .stay-tuned p {
	margin: 0
}

@media only screen and (min-width: 320px) {
	.cb-wrapper .cb-sect {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 50px;
		max-width: 1240px
	}
	.cb-wrapper .cb-content {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0 20px
	}
	.cb-wrapper .cb-headers, .cb-wrapper .cb-sub-headers {
		line-height: 1;
		margin-bottom: 10px
	}
	.cb-wrapper .cb-headers {
		font-size: 36px
	}
	.cb-wrapper .cb-sub-headers {
		font-size: 36px
	}
	.cb-wrapper .hero-gfx {
		background-position: center;
		background-size: contain;
		height: 320px
	}
	.cb-wrapper .home-marketing-communities {
		justify-content: center;
		width: 100%
	}
	.cb-wrapper .cb-community-preview-image {
		border-radius: 8px;
		margin-top: 40px;
		width: 100%
	}
	.cb-wrapper .cb-community-preview-image .cb-preview-image {
		height: 300px
	}
	.cb-wrapper .dark-sect {
		padding-bottom: 100px;
		padding-top: 50px
	}
	.cb-wrapper .cb-list-icon {
		background-position: center;
		margin-right: 20px
	}
	.cb-wrapper .cb-sect-4 {
		padding-top: 50px
	}
	.cb-wrapper .cb-sect-4 .cb-content, .cb-wrapper .cb-sect-5 .cb-content, .cb-wrapper .cb-sect-6 .cb-content {
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 50px
	}
	.cb-wrapper .cb-sect-4 .cb-content, .cb-wrapper .cb-sect-6 .cb-content {
		flex-direction: column-reverse
	}
	.cb-wrapper .cb-sect-4 .cb-content .cb-text-block, .cb-wrapper .cb-sect-5 .cb-content .cb-text-block {
		display: flex;
		flex-wrap: wrap;
		justify-content: center
	}
	.cb-wrapper .cb-sect-4 .cb-content {
		border-bottom: dotted #bed1cf 1px
	}
	.cb-wrapper .gfx-1, .cb-wrapper .gfx-2 {
		height: 410px
	}
	.cb-wrapper .gfx-3 {
		height: 200px
	}
	.cb-wrapper .gfx-4 {
		height: 135px
	}
	.cb-wrapper .gfx-1, .cb-wrapper .gfx-2, .cb-wrapper .gfx-3, .cb-wrapper .gfx-4, .cb-wrapper .three-col-gfx-1, .cb-wrapper .three-col-gfx-2, .cb-wrapper .three-col-gfx-3 {
		background-position: center;
		background-size: contain
	}
	.cb-wrapper .three-col-gfx {
		height: 140px;
		margin: 0 auto;
		width: 140px
	}
	.cb-wrapper .three-col-gfx-3 {
		height: 110px
	}
	.cb-wrapper .cb-sect-6 .three-col-content {
		flex-direction: column
	}
}

@media only screen and (min-width: 375px) {
	.cb-wrapper .hero-gfx {
		height: 370px
	}
	.cb-wrapper .cb-community-preview-image {
		width: 340px
	}
	.cb-wrapper .cb-community-preview-image .cb-preview-image {
		height: 340px
	}
	.cb-wrapper .dark-sect {
		padding-top: 90px
	}
	.cb-wrapper .dark-sect .cb-headers {
		margin: 0 auto;
		width: 330px
	}
	.cb-wrapper .cb-sect-5, .cb-wrapper .cb-sect-6 {
		padding-top: 30px
	}
}

@media only screen and (min-width: 414px) {
	.cb-wrapper .hero-gfx {
		height: 400px
	}
	.cb-wrapper .cb-community-preview-image {
		width: 380px
	}
	.cb-wrapper .cb-community-preview-image .cb-preview-image {
		height: 380px
	}
}

@media only screen and (min-width: 568px) {
	.cb-wrapper .hero-gfx {
		background-position: center;
		height: 460px
	}
}

@media only screen and (min-width: 768px) {
	.cb-wrapper .cb-sect {
		align-items: center;
		flex-wrap: nowrap;
		margin: 50px auto 0
	}
	.cb-wrapper .cb-content {
		width: 100%
	}
	.cb-wrapper .cb-headers {
		font-size: 52px
	}
	.cb-wrapper .cb-sub-headers {
		margin: 35px auto;
		margin-bottom: 15px;
		width: 700px
	}
	.cb-wrapper .cb-sect-1 {
		margin: 20px auto 90px;
		width: 768px
	}
	.cb-wrapper .sect-1-content {
		flex: 1
	}
	.cb-wrapper .cb-sect-1 .cb-content {
		justify-content: left
	}
	.cb-wrapper .hero-gfx {
		background-position: left;
		flex: 2
	}
	.cb-wrapper .home-marketing-communities {
		justify-content: space-around
	}
	.cb-wrapper .cb-community-preview-image {
		width: 230px
	}
	.cb-wrapper .cb-community-preview-image .cb-preview-image {
		height: 230px
	}
	.cb-wrapper .dark-sect {
		margin-top: 90px;
		max-width: 100%
	}
	.cb-wrapper .dark-sect .cb-headers {
		margin-bottom: 10px;
		max-width: 1150px;
		width: 100%
	}
	.cb-wrapper .cb-list-wrapper {
		margin: 0 auto;
		width: 490px
	}
	.cb-wrapper .dark-sect .cb-content .cb-text-block {
		margin: 65px auto 0;
		width: 710px
	}
	.cb-wrapper .cb-sect .center-content h3 {
		margin-bottom: 0
	}
	.cb-wrapper .cb-sect-4 .cb-content, .cb-wrapper .cb-sect-5 .cb-content, .cb-wrapper .cb-sect-6 .cb-content {
		flex-direction: row;
		margin: 20px auto 0;
		width: 670px
	}
	.cb-wrapper .cb-sect-4 .cb-content .cb-text-block, .cb-wrapper .cb-sect-5 .cb-content .cb-text-block, .cb-wrapper .cb-sect-6 .cb-content .cb-text-block {
		align-self: center;
		display: initial;
		flex: 1
	}
	.cb-wrapper .cb-sect-4 .cb-headers, .cb-wrapper .cb-sect-6 .cb-headers {
		margin: 40px auto 10px;
		width: 550px
	}
	.cb-wrapper .cb-sect-4 .cb-content .cb-text-block p, .cb-wrapper .cb-sect-5 .cb-content .cb-text-block p, .cb-wrapper .cb-sect-6 .cb-content .cb-text-block p {
		text-align: left
	}
}

@media only screen and (min-width: 812px) {
	.cb-wrapper .sect-1-content {
		margin-right: 25px
	}
}

@media only screen and (min-width: 1024px) {
	.cb-wrapper .sect-1-content {
		margin-left: 45px
	}
	.cb-wrapper .hero-gfx {
		flex: 1;
		height: 490px
	}
	.cb-wrapper .cb-community-preview-image {
		width: 265px
	}
	.cb-wrapper .cb-community-preview-image .cb-preview-image {
		height: 265px
	}
	.cb-wrapper .dark-sect .cb-headers {
		width: 925px
	}
	.cb-wrapper .cb-sect-4 .cb-headers, .cb-wrapper .cb-sect-6 .cb-headers {
		margin-bottom: 20px;
		width: 800px
	}
	.cb-wrapper .cb-sect-4 .cb-content, .cb-wrapper .cb-sect-5 .cb-content, .cb-wrapper .cb-sect-6 .cb-content {
		margin: 0 auto;
		width: 790px
	}
	.cb-wrapper .cb-sect-4 .cb-content .cb-text-block, .cb-wrapper .cb-sect-5 .cb-content .cb-text-block {
		flex: 1.2
	}
	.cb-wrapper .gfx-1, .cb-wrapper .gfx-2, .cb-wrapper .gfx-3 {
		height: 330px
	}
	.cb-wrapper .gfx-2 {
		background-position: left
	}
	.cb-wrapper .gfx-3 {
		background-position: right
	}
	.cb-wrapper .cb-sect-5 .cb-content-md {
		padding-bottom: 40px;
		width: 630px
	}
	.cb-wrapper .cb-sect-6 .cb-content .cb-text-block {
		flex: 1;
		padding-right: 40px
	}
	.cb-wrapper .cb-sect-6 .cb-content {
		justify-content: space-evenly
	}
	.cb-wrapper .three-col-item {
		width: 220px
	}
	.cb-wrapper .three-col-item .cb-text-block {
		padding: 0
	}
	.cb-wrapper .three-col-gfx-3 {
		background-position-y: bottom;
		height: 140px
	}
}

@media only screen and (min-width: 1140px) {
	.cb-wrapper .sect-1-content {
		flex: 1.5;
		margin-left: 70px
	}
	.cb-wrapper button {
		margin-bottom: 0
	}
	.cb-wrapper .cb-sect-1 {
		width: 1140px
	}
	.cb-wrapper .hero-gfx {
		background-position: right;
		flex: 2;
		height: 560px
	}
	.cb-wrapper .home-marketing-communities {
		margin: 0 auto;
		width: 1040px
	}
	.cb-wrapper .cb-sub-headers {
		margin-top: 0
	}
	.cb-wrapper .cb-community-preview-image {
		width: 295px
	}
	.cb-wrapper .cb-community-preview-image .cb-preview-image {
		height: 295px
	}
	.cb-wrapper .dark-sect .cb-content {
		flex-direction: column
	}
}

@media only screen and (min-width: 1440px) {
	.cb-wrapper .cb-content {
		margin: 0 auto;
		width: 60%
	}
	.cb-wrapper .cb-headers {
		font-size: 66px;
		margin-bottom: 30px
	}
	.cb-wrapper .sect-1-content {
		flex: 1
	}
	.cb-wrapper .hero-gfx {
		height: 700px
	}
	.cb-wrapper .cb-sub-headers {
		font-size: 40px;
		width: 790px
	}
	.cb-wrapper .home-marketing-communities {
		width: 1240px
	}
	.cb-wrapper .cb-community-preview-image {
		width: 365px
	}
	.cb-wrapper .cb-community-preview-image .cb-preview-image {
		height: 365px
	}
	.cb-wrapper .dark-sect .cb-headers {
		width: 1150px
	}
	.cb-wrapper .cb-sect-4 .cb-headers {
		width: 1000px
	}
	.cb-wrapper .cb-sect-6 .cb-headers {
		padding-bottom: 40px;
		width: 1000px
	}
}