/**
 * Other language content
 *
 * Description: Styles for the other language content div.
 * -----------------------------------------------------------------------------
 */


.other-language-content {
	.load-content-inner {
		@extend .layout-size2of3;
		@extend .layout-center;
		@extend .layout-content;
	}

	display: none;
	position: relative;
	border-bottom: em(30px) solid $grey-lighter;
	border-top: em(30px) solid $grey-lighter;
	margin-top: $margin-standard;
	outline: none;

	&[aria-hidden="false"] {
		display: block;
	}

	.close-button {
		vertical-align: middle;

		.icon {
			$font-size: 26px;
			font-size: em($font-size);
			vertical-align: middle;
		}

		position: absolute;
		top: em(10px);
		right: em(20px);
		color: $text-color;

		&:hover {
			color: $accent-color;
		}
	}
}