/* Adjust CSS for Mobile Widget placement 
   Fixes expanded message white space
*/

#olark-wrapper #olark-container {
	top: auto !important;
	right: 1rem !important;
	overflow: hidden !important;
	border-radius: 0.75rem !important;
}

@media (min-width: 768px) {
	.olark-launch-button-wrapper {
		margin-right: 2rem !important;
	}

	#olark-wrapper #olark-container {
		margin-right: 2rem !important;
		right: 1.25rem !important;
	}

	.cookieBanner #olark-wrapper .olark-launch-button-wrapper {
		margin-bottom: 70px;
	}

	.cookieBanner #olark-wrapper #olark-container {
		bottom: 160px !important;
	}
}

@media (max-width: 767px) {
	#olark-wrapper #olark-container {
		bottom: 140px !important;
		width: calc(100% - 2.125rem) !important;
	}

	#olark-wrapper .olark-launch-button-wrapper {
		margin-right: -8px;
		margin-bottom: 50px;
		transition: margin-bottom 0.3s ease-out;
		z-index: 10 !important;
	}

	.cookieBanner #olark-wrapper .olark-launch-button-wrapper {
		margin-bottom: 80px;
	}
	.cookieBanner #olark-wrapper #olark-container {
		bottom: 170px !important;
	}
}

@media (max-width: 600px) {
	
	.cookieBanner #olark-container {
		bottom: 140px !important;
	}
	.cookieBanner #olark-wrapper .olark-launch-button-wrapper {
		display: none;
	}
}