.cms-language-switcher{
	.trp-language-switcher{
		vertical-align: top;
		position: relative;
		> div{
			border: none;
			background: transparent;
			@include border-radius(0);
			@include transition();
			vertical-align: top;
			width: auto!important;
			cursor: pointer;
			> a{
				padding: 0;
				@include border-radius(0);
				color: inherit;
				display: flex;
				align-items: center;
				color: $primary-color;
				white-space: nowrap;
				> img{
					width: 35px;
					height: auto;
					margin: 0 10px 0 0;
					[dir="rtl"] &{
						margin: 0 0 0 10px;
					}
				}
				&:hover{
					background: transparent;
					color: $accent-color;
				}
			}
		}
		.trp-ls-shortcode-language{
			display: block !important;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			height: unset;
			z-index: 9;
			visibility: hidden;
			@include opacity(0);
			overflow: visible;
			@include transition();
			> a{
				margin-bottom: 15px;
				position: relative;
				z-index: 1;
				&:last-child{
					margin-bottom: 0;
				}
				&:hover{
					color: $accent-color;
				}
			}
		}
		&:hover{
			.trp-ls-shortcode-current-language{
				visibility: hidden;
				opacity: 0;
			}
			.trp-ls-shortcode-language{
				visibility: visible;
				@include opacity(1);
			}
		}
	}
	&.cms-hidden-text{
		a{
			font-size: 0;
			img{
				margin: 0!important;
			}
		}
	}
}

// layout 01
.cms-language-switcher.cms-ls-layout-1{
	.trp-language-switcher{
		color: $body-font-color;
		font-size: 13px;
		padding-right: 15px;
		[dir="rtl"] &{
			padding-right: 0;
			padding-left: 15px;
		}
		&:after{
			@include font-cmsi("\e91d", 12px);
			position: absolute;
			right: 0;
			top: 50%;
			@include transform(translateY(-50%));
			z-index: 1;
			color: $white;
			[dir="rtl"] &{
				left: 0;
				right: auto;
			}
		}
	}
	.trp-language-switcher {
		> div > a{
			color: $white;
			&:hover{
				color: $accent-color;
			}
		}
		&:hover{
			color: $primary-color;
			> div > a{
				color: $primary-color;
				&:hover{
					color: $accent-color;
				}
			}
		}
	}
	.trp-ls-shortcode-language{
		&:before{
			content: '';
			display: block;
			position: absolute;
			top: -15px;
			right: -15px;
			bottom: -15px;
			left: -15px;
			background: $white;
			@include border-radius(6px);
			@include box-shadow(0px 5px 83px 0px rgba(9, 29, 62, 0.5));
		}
	}
	&.cms-hidden-text .trp-language-switcher{
		padding-right: 0;
		[dir="rtl"] &{
			padding-left: 0;
		}
		&:after{
			display: none;
		}
	}
}