/*****************************************/
/* General: Fonts
/*****************************************/
@font-face {
	font-family: 'Social Pug';
	src:url('../fonts/socialpug.eot?gd6mr8');
	src:url('../fonts/socialpug.eot?#iefix') format('embedded-opentype'),
		url('../fonts/socialpug.woff') format('woff'),
		url('../fonts/socialpug.ttf') format('truetype'),
		url('../fonts/socialpug.svg#socialpug') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*****************************************/
/* Opt-in general styles
/*****************************************/
.opt-in-hound-opt-in-wrapper { overflow: hidden; }

.opt-in-hound-opt-in-content-wrapper,
.opt-in-hound-opt-in-form-wrapper,
.opt-in-hound-opt-in-success-message-wrapper { padding: 20px; }

.opt-in-hound-opt-in-content-wrapper * { padding-top: 0; padding-bottom: 0; }
.opt-in-hound-opt-in-content-wrapper :first-child { margin-top: 0; }
.opt-in-hound-opt-in-image-wrapper { margin: 1em 0; text-align: center; }
.opt-in-hound-opt-in-image-wrapper img { max-width: 100%; height: auto; }

.opt-in-hound-opt-in-success-message-wrapper { display: none; width: 100%; }
.opt-in-hound-opt-in-success-message-wrapper :last-child { margin-bottom: 0; }

.opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-content-wrapper .opt-in-hound-opt-in-heading p { margin: 0; }

.opt-in-hound-opt-in-form:after { content: ''; display: block; clear: both; height: 0; }


/*****************************************/
/* Opt-in with form on the right
/*****************************************/
.opt-in-hound-opt-in-wrapper.opt-in-hound-opt-in-form-position-right {
	display: flex;
}

.opt-in-hound-opt-in-wrapper.opt-in-hound-opt-in-form-position-right .opt-in-hound-opt-in-content-wrapper {
	flex: 1;
}

.opt-in-hound-opt-in-wrapper.opt-in-hound-opt-in-form-position-right .opt-in-hound-opt-in-form-wrapper {
	flex: 0 250px;
}


/*****************************************/
/* Opt-in Content styling
/*****************************************/
.opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-content-wrapper h1,
.opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-content-wrapper h2,
.opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-content-wrapper h3,
.opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-content-wrapper h4,
.opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-content-wrapper h5,
.opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-content-wrapper h6,
.opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-content-wrapper p,
.opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-success-message-wrapper p {
	margin: 0.75em 0;
}

.opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-content-wrapper :first-child {
	margin-top: 0;
}

.opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-content-wrapper :last-child {
	margin-bottom: 0;
}

/**
 * Overwrite some form defaults that are not taken care of in the customiser
 */
.opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-form .opt-in-hound-opt-in-form-input input[type=text],
.opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-form .opt-in-hound-opt-in-form-input input[type=email],
.opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-form .opt-in-hound-opt-in-form-input input[type=text]:focus,
.opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-form .opt-in-hound-opt-in-form-input input[type=email]:focus,
.opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-form .opt-in-hound-opt-in-form-button button {
	border: 0;
	border-radius: 0;
	padding: 0 0.75em;
	height: 36px;
	width: 100%;
	line-height: 1;
	font-weight: normal;
	font-size: 14px;
}

.opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-form .opt-in-hound-opt-in-form-button button {
	transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}

.opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-form .opt-in-hound-opt-in-form-button button .oih-loading-spinner {
	display: none;
}

.opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-form {
	display: flex;
}

.opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-form .opt-in-hound-opt-in-form-input {
	flex: 1;
	padding-right: 10px;
}

.opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-form .opt-in-hound-opt-in-form-button {
	flex: 0 175px;
}

.opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-form-errors {
	color: #e74c3c;
    font-size: 12px;
    margin: 0;
    text-align: center;
}

.opt-in-hound-opt-in-wrapper .opt-in-hound-opt-in-form-errors.opt-in-hound-active {
	margin: 1em 0 0 0;
}

/*****************************************/
/* Narrow opt-in and
/* Opt-ins with the form on the right
/*****************************************/
.opt-in-hound-opt-in-wrapper.opt-in-hound-narrow .opt-in-hound-opt-in-form,
.opt-in-hound-opt-in-wrapper.opt-in-hound-opt-in-form-position-right .opt-in-hound-opt-in-form {
	display: block;
}

.opt-in-hound-opt-in-wrapper.opt-in-hound-narrow .opt-in-hound-opt-in-form-input,
.opt-in-hound-opt-in-wrapper.opt-in-hound-narrow .opt-in-hound-opt-in-form-button,
.opt-in-hound-opt-in-wrapper.opt-in-hound-opt-in-form-position-right .opt-in-hound-opt-in-form-input,
.opt-in-hound-opt-in-wrapper.opt-in-hound-opt-in-form-position-right .opt-in-hound-opt-in-form-button {
	padding-right: 0;
}

.opt-in-hound-opt-in-wrapper.opt-in-hound-narrow .opt-in-hound-opt-in-form-input,
.opt-in-hound-opt-in-wrapper.opt-in-hound-opt-in-form-position-right .opt-in-hound-opt-in-form-input {
	margin-bottom: 0.75em;
}

.opt-in-hound-opt-in-wrapper.opt-in-hound-narrow.opt-in-hound-opt-in-form-position-right {
	display: block;
}

/*****************************************/
/* Opt-In form submit button animation
/*****************************************/
.oih-loading-spinner {
	text-align: center;
}

.oih-loading-spinner > div {
	width: 8px;
	height: 8px;
	background-color: #fff;

	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.oih-loading-spinner .oih-loading-spinner-bounce-1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.oih-loading-spinner .oih-loading-spinner-bounce-2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	} 40% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}


/*****************************************/
/* Pop-up opt-ins
/*****************************************/
.opt-in-hound-opt-in-pop-up-overlay {
	position: fixed;
	z-index: 100000;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	background: #000;
	opacity: 0;

	-moz-transition: opacity 0.25s ease-in-out, margin 0.25s ease-in-out;
	-webkit-transition: opacity 0.25s ease-in-out, margin 0.25s ease-in-out;
	-o-transition: opacity 0.25s ease-in-out, margin 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out, margin 0.25s ease-in-out;
}

.opt-in-hound-opt-in-pop-up-overlay.opened {
	width: 100%;
	height: 100%;
	opacity: 0.65;
}

.opt-in-hound-opt-in-pop-up {
	position: fixed;
	z-index: 100001;
	max-width: 600px;
	width: 100%;
	opacity: 0;
	visibility: hidden;

	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.opt-in-hound-opt-in-pop-up.opened {
	opacity: 1;
	visibility: visible;
}

.opt-in-hound-opt-in-pop-up-close {
	position: absolute;
	right: -10px;
	top: -10px;
	display: block;
	width: 28px;
	height: 28px;
	color: #333;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 28px;
	vertical-align: middle;
	font-size: 16px;
	box-shadow: -1px 1px 2px 0 rgba( 0, 0, 0, 0.3 );
}

.opt-in-hound-opt-in-pop-up-close:after {
	font-family: "Social Pug";
	content: '\e881';
}


/*****************************************/
/* Fly-in opt-ins
/*****************************************/
.opt-in-hound-opt-in-fly-in {
	position: fixed;
	z-index: 100001;
	max-width: 400px;
	width: 100%;
	opacity: 0;
	visibility: hidden;

	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.opt-in-hound-opt-in-fly-in.opt-in-hound-bottom-left {
	bottom: 0;
	left: 0;
}

.opt-in-hound-opt-in-fly-in.opt-in-hound-bottom-right {
	bottom: 0;
	right: 0;
}

.opt-in-hound-opt-in-fly-in.opened {
	opacity: 1;
	visibility: visible;
}

.opt-in-hound-opt-in-fly-in-close {
	position: absolute;
	right: -10px;
	top: -10px;
	display: block;
	width: 28px;
	height: 28px;
	color: #333;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	line-height: 28px;
	vertical-align: middle;
	font-size: 16px;
	box-shadow: -1px 1px 2px 0 rgba( 0, 0, 0, 0.3 );
}

.opt-in-hound-opt-in-fly-in.opt-in-hound-bottom-right .opt-in-hound-opt-in-fly-in-close {
	right: 10px;
}

.opt-in-hound-opt-in-fly-in-close:after {
	font-family: "Social Pug";
	content: '\e881';
}


/*****************************************/
/* Integrations
/*****************************************/
#edd_checkout_form_wrap .oih-subscribe-field-wrapper { margin-top: 1em; }