@font-face {
	font-family: "Brandongrotesque";
	src: url("/takethepledge/wp-content/themes/array-blank/includes/font-families/Brandon Grotesque Light.otf");
	font-weight: 300
}

@font-face {
	font-family: "Brandongrotesque";
	src: url("/takethepledge/wp-content/themes/array-blank/includes/font-families/Brandon Grotesque Regular.otf");
	font-weight: 400
}

@font-face {
	font-family: "Brandongrotesque";
	src: url("/takethepledge/wp-content/themes/array-blank/includes/font-families/Brandon Grotesque Bold.otf");
	font-weight: 700
}

@font-face {
	font-family: "Greatforestsimplified";
	src: url("/takethepledge/wp-content/themes/array-blank/includes/font-families/Great Forest - Simplified.ttf");
	font-weight: 700
}

@font-face {
	font-family: "Greatforestsmallcaps";
	src: url("/takethepledge/wp-content/themes/array-blank/includes/font-families/Great Forest - Small Caps.ttf")
}

body {
	color: #fff;
	font-size: 20px
}

body .primary-heading {
	color: #fff
}

.outer-block {
	margin: 0 180px;
	padding: 80px 0
}

#page {
	background-color: #183E35;
	background-image: url(/takethepledge/wp-content/themes/array-blank/images/shell/share-back-texture.svg)
}

#navbar {
	margin-top: 20px
}

.hash{
	color: #B5862D;
}

.pledge-button {
	display: none
}

.share-wysi {
	text-align: center;
	margin: auto;
	padding: 125px 25px 5px 25px;
	min-width: 345px;
	max-width: 900px
}

.share-wysi p {
	margin: 20px
}

#share-selection {
	position: relative
}

#share-selection .share-overlay {
	position: absolute;
	z-index: 99;
	display: flex;
	justify-content: center;
	width: 100%;
	top: 130px;
	pointer-events: none
}

#share-selection .share-overlay img {
	width: 380px
}

@media only screen and (max-width: 600px) {
	#share-selection .share-overlay {
		top: 105px
	}

	#share-selection .share-overlay img {
		width: 280px
	}
}

#share-selection .share-card {
	height: 500px;
	width: 500px;
	margin: 20px 10px;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: rgba(0, 0, 0, .35) 0px 5px 15px;
	background-size: contain
}

@media only screen and (max-width: 600px) {
	#share-selection .share-card {
		height: 350px;
		width: 350px
	}
}

#share-selection .slick-dots {
	display: flex;
	justify-content: center;
	margin: 0px 0px;
	margin-left: 33px;
	margin-top: -15px;
	margin-bottom: 5px
}

#share-selection .slick-dots button {
	font-size: 0px;
	background: none;
	border: none
}

#share-selection .slick-dots li {
	opacity: .5;
	font-size: 28px;
	margin-right: 20px
}

#share-selection .slick-dots li:last-child {
	margin-right: 0
}

#share-selection .slick-dots .slick-active {
	opacity: 1
}

#share-selection .download-wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: auto;
	margin-bottom: 45px;
	max-width: 180px
}

#share-selection .download-wrapper svg,
#share-selection .download-wrapper img {
	width: 50px;
	margin-bottom: 18px
}

#share-selection .download-wrapper .download-text {
	font-size: 16px;
	font-weight: 700
}

#share-selection .download-wrapper:hover {
	opacity: .6
}

.hidden-onshare {
	display: none
}

#share-now .share-now-wysi {
	text-align: center;
	margin: 0 25px 25px
}

#share-now .share-now-wysi .secondary-heading {
	font-size: 35px;
	margin-bottom: 8px
}

#share-now .social-tray {
	justify-content: center;
	padding-bottom: 30px
}

#share-now .social-tray svg {
	width: 24px;
	height: 24px
}

#share-now .social-tray svg path {
	fill: #af6b2b
}

#share-now .social-tray a:hover {
	opacity: .73
}

/*# sourceMappingURL=share.css.map */