.gso-widget-area {
	background: #fff;
	position: fixed;
	max-height: 100vh;
	width: 100vw;
	top: 0;
	left: 0;
	height: 100vh;
	overflow-y: scroll;
	padding: 40px 20px;
	text-align: center;
	z-index: 999999;
	transition: none;
}

.gso-widget-slide-in {
	border: 1px dashed #424240;
	position: fixed;
	bottom: 0;
	right: 0;
	max-width: 400px;
	width: 100%;
	background: #fff;
	padding: 40px;
	text-align: center;
	z-index: 999998;
}

.gso-widget-slide-in .enews h2 {
	font-size: 20px;
}

.gso-widget .widget {
	margin-bottom: 40px;
}

.gso-widget .widget:last-of-type {
	margin-bottom: 0;
}

.gso-widget-slide-in .enews-widget p {
	font-size: 16px;
}

.gso-widget-slide-in .enews form {
	margin-left: 0;
	margin-right: 0;
}

.gso-widget .enews-widget input[type="submit"] {
	margin-bottom: 0;
}

body button.gso-optin-close {
	background-color: #f5f5f5;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: #424240;
	margin: 0;
	position: absolute;
	line-height: 1;
	padding: 10px;
	top: 0;
	right: 0;
	width: auto;
}

body button.gso-optin-close svg {
	fill: #424240;
}

body button.gso-optin-close:hover,
body button.gso-optin-close:focus {
	background-color: #eee;
	border: 0;
	color: #424240;
}

/* Screen Reader Text
--------------------------------------------- */

.gso-widget .screen-reader-text {
	background-color: #fff;
	border: 0;
	clip: rect(0, 0, 0, 0);
	color: #222;
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

.gso-widget .screen-reader-text:focus {
	clip: auto !important;
	display: block;
	height: auto;
	padding: 20px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*----------  Slide Down  ----------*/

.gso-widget-area.theme_slideDownUp {
	-webkit-transform: translate3d( 0, -100%, 0 );
	transform: translate3d( 0, -100%, 0 );
}

.gso-widget-area.theme_slideDownUp.visible {
	-webkit-transform: translate3d( 0, 0, 0 );
	transform: translate3d( 0, 0, 0 );
}

/*----------  Slide Left  ----------*/

.gso-widget-slide-in.theme_slideLeftRight {
	-webkit-transform: translate3d( 100%, 0, 0 );
	transform: translate3d( 100%, 0, 0 );
	-webkit-transition: -webkit-transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
}

.gso-widget-slide-in.theme_slideLeftRight.visible {
	-webkit-transform: translate3d( 0, 0, 0 );
	transform: translate3d( 0, 0, 0 );
}

/*----------  Media Queries  ----------*/

@media only screen and ( min-width: 800px ) {

	.gso-widget-area {
		height: auto;
		left: 25vw;
		padding: 40px;
		width: 50vw;
	}

}


/*----------  Animations  ----------*/

#gso-overlay,
.gso-widget-area {
	animation-duration: .75s;
	animation-fill-mode: both;
}

/* Overlay Fade In */
@keyframes overlayFadeIn {
	0% {
		opacity: 0;
	}
	to {
		opacity: .7;
	}
}
.overlayFadeIn {
	animation-name: overlayFadeIn;
}

/* Overlay Fade Out */
@keyframes overlayFadeOut {
	0% {
		opacity: .7;
	}
	to {
		opacity: 0;
	}
}
.overlayFadeOut {
	animation-name: overlayFadeOut;
}

/* Slide In Down */
@keyframes slideInDown {
	0% {
		-webkit-transform: translate3d( 0, -100%, 0 );
		transform: translate3d( 0, -100%, 0 );
	}
	to {
		-webkit-transform: translate3d( 0, 0, 0 );
		transform: translate3d( 0, 0, 0 );
	}
}
.slideInDown {
	animation-name: slideInDown;
}

/* Slide Out Up */
@keyframes slideOutUp {
	0% {
		-webkit-transform: translate3d( 0, 0, 0 );
		transform: translate3d( 0, 0, 0 );
	}
	to {
		-webkit-transform: translate3d( 0, -100%, 0 );
		transform: translate3d( 0, -100%, 0 );
	}
}
.slideOutUp {
	animation-name: slideOutUp;
}

/* Slide In Left */
@keyframes slideInLeft {
	0% {
		-webkit-transform: translate3d( 100%, 0, 0 );
		transform: translate3d( 100%, 0, 0 );
	}
	to {
		-webkit-transform: translate3d( 0, 0, 0 );
		transform: translate3d( 0, 0, 0 );
	}
}
.slideInLeft {
	animation-name: slideInLeft;
}

/* Slide Out Up */
@keyframes slideOutRight {
	0% {
		-webkit-transform: translate3d( 0, 0, 0 );
		transform: translate3d( 0, 0, 0 );
	}
	to {
		-webkit-transform: translate3d( 100%, 0, 0 );
		transform: translate3d( 100%, 0, 0 );
	}
}
.slideOutRight {
	animation-name: slideOutRight;
}