/*
Theme Name: Roblox
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: Roblox Corporation
Author URI:  https://www.roblox.com
Template: salient
Version: 1.0
*/

@font-face {
  font-family: "roblox";
  src:url("fonts/roblox/roblox.eot");
  src:url("fonts/roblox/roblox.eot?#iefix") format("embedded-opentype"),
    url("fonts/roblox/roblox.woff") format("woff"),
    url("fonts/roblox/roblox.ttf") format("truetype"),
    url("fonts/roblox/roblox.svg#roblox") format("svg");
  font-weight: normal;
  font-style: normal;

}

h1, h2, h3, h4, h5, h6 {
	color: #000;
}

p,
.excerpt {
	color: #474747 !important;
}

/* **********************************************************************
* Desktop Header Nav Overwrites
*/
#header-outer nav a span {
	color: #CCCDD3;
	font-family: 'Gotham SSm Bold';
	font-size: 13px;
	letter-spacing: .025em;
}

#header-outer nav a[aria-current="page"] span {
	color: #00A2FF;
}

/* **********************************************************************
* Mobile Slide-out menu Overwrites
*/
#slide-out-widget-area {
	background-color: #181818;

}
#slide-out-widget-area .off-canvas-menu-container {
	margin-top: 0 !important;
}

#slide-out-widget-area .menu li {
	margin-bottom: 18px !important;
}
#slide-out-widget-area .menu a {
	color: #CCCDD3 !important;
	font-family: 'Gotham SSm Bold' !important;
}

#slide-out-widget-area .menu a[aria-current="page"] {
	color: #00A2FF !important;
}

body.material #slide-out-widget-area[class*=slide-out-from-right] .off-canvas-menu-container li a:after {
	border: 0 none;
}

/* **********************************************************************
* Homepage Hero Carousel Component Overwrites
*/
.homepage-hero-carousel .nectar-split-heading p {
	font-family: 'Gotham SSm Bold';
	color: #fff !important;
}

.homepage-hero-carousel .wpb_wrapper p {
	color: #fff !important;
}

/* **********************************************************************
* Heading text and button on hero Overwrites
* E.g. Education page.
*/
.page-hero-headings a.nectar-button {
	padding-left: 80px !important;
	padding-right: 80px !important;
	text-transform: uppercase;
}

.page-hero-headings .img-byline {
	margin-top: 3.5rem;

}

.page-hero-headings .img-byline p {
	font-size: 9px;
	color: #fff !important;
}

/* **********************************************************************
* Feature Heading Section component Overwrites
*/
.feature-heading-section a.nectar-button {
	text-transform: uppercase;
}

/* **********************************************************************
* Feature Articles component Overwrites
* E.g. The row of 3 articles in the home page.
*/
.featured-articles .feature-article-column h4,
.featured-articles .feature-article-column .excerpt,
.featured-articles .feature-article-column .img-caption {
	padding-left: 20px;
	padding-right: 20px;
}

.featured-articles h4 {
	font-size: 16px !important;
	line-height: 24px !important;
	font-family: 'Gotham SSm Bold' !important;
}

.featured-articles .img-caption {
	font-size: 8.42px;
}

.featured-articles .feature-article-column .excerpt {
	padding-bottom: 32px;
}

/* **********************************************************************
* Feature Section component Overwrites
*/

/* .feature-section h2 {
	font-family: 'Gotham SSm Black';
	font-size: 55px;
	line-height: 66px;
} */

/* **********************************************************************
* Image left Text right component Overwrites
*/
.section-one h4 {
	font-family: 'Gotham SSm Bold' !important;
}
.section-one .excerpt p {
	color: #000 !important;
	font-size: 16px;
}
.section-one .img-caption p {
	color: #676767 !important;
	font-size: 9px;
}

.section-one a.nectar-button {
	text-transform: uppercase;
	padding-left: 20px !important;
	border: 0px;
	font-size: 14px;
}
/* **********************************************************************
* Two column text component Overwrites
*/
.section-two h4 {
	font-family: 'Gotham SSm Bold' !important;
}

.section-two p {
	color: #fff !important;
	font-size: 16px;
}

/* **********************************************************************
* Highlight Article component Overwrites
*/
.highlight-article a.nectar-button {
	text-transform: uppercase;
}

/* **********************************************************************
* Impact Statement Section Overwrites
*/
.impact-statement-section .number,
.impact-statement-section .subject {
	color: #000;
}

.impact-statement-section .add-greater-than-sign-column .number h2 span:before {
	/* font-size: 80px;
	line-height: 96px; */
	content: '>';
}

.impact-statement-section .subject {
	/* font-size: 30px !important;
	line-height:896px !important; */
}

.impact-statement-section .symbol {
	font-family: 'Gotham SSm Black';
}

/* **********************************************************************
* Testimonial Slider Overwrites
*/
.testimonial_slider .controls {
	display: none;
}

.testimonial_slider .slides p {
	font-size: 26px;
	color: #373F41;
}

.testimonial_slider .slides blockquote .testimonial-name,
.testimonial_slider .slides blockquote .title {
	font-size: 14px !important;
	color: #737B7D !important;
	text-transform: uppercase;
}

.testimonial_slider blockquote span:not(.title) {
	transform: scale(1) !important;
}

.testimonial_slider .controls .control-wrap,
.testimonial_slider .controls .out-of,
.testimonial_slider .controls .total {
	font-size: 0; /* 14px; */
}

.testimonial_slider[data-style=minimal] .testimonial-next-prev .prev {
	left: 0 !important;
}

.testimonial_slider[data-style=minimal] .testimonial-next-prev .next  {
	right: 0 !important;
}

.testimonial_slider[data-style=minimal] .testimonial-next-prev .next,
.testimonial_slider[data-style=minimal] .testimonial-next-prev .prev {
	/* top: 50% !important; */
	/* margin-top: 0 !important; */
	color: #B5B5B5 !important;
	font-size: 42px;
}

.testimonial_slider[data-style=minimal] .testimonial-next-prev .next:after,
.testimonial_slider[data-style=minimal] .testimonial-next-prev .prev:after {
	/* content: "\f104"; */
	background-color: transparent;
}

/* **********************************************************************
* Call-To-Action Section Overwrites
* E.g. "Contact Us", "Teach With Us"
*/
.cta-section a.nectar-button {
	text-transform: uppercase;
}

/* **********************************************************************
* Kids Safe Section Overwrites
*/
.kids-safe-section2__mobile {
	display: none;
}

.kids-safe-section2__desktop
.kids-safe-section2__mobile {
	max-width: 1200px;
	margin: 0 auto;
}

.kids-safe-section2__desktop .col,
.kids-safe-section2__mobile .col {
	padding: 1rem 0rem !important;
}
.kids-safe-section2__desktop .img-col,
.kids-safe-section2__mobile .img-col {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.kids-safe-section2__desktop .img-col img {
	width: 70% !important;
}

.kids-safe-section2__desktop .cta-text-col {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding-left: 0 !important;
	padding-right: 0 !important;
	font-size: 16px;
}

.kids-safe-section2__desktop .cta-text-col .text-block p,
.kids-safe-section2__mobile .cta-text-col .text-block p {
	color: #fff !important;
	text-align: center;
}

.kids-safe-section2__desktop .cta-wrapper {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.kids-safe-section2__desktop .cta-wrapper a.nectar-button,
.kids-safe-section2__mobile .cta-text-col a.nectar-button {
	display: flex;
	border: 0 none;
	margin-bottom: 0 !important;
	justify-content: flex-end;
	align-items: center;
	font-size: 14px;
	text-transform: uppercase;
	color: #fff !important;
	padding-right: 10px !important;
}

.kids-safe-section2__desktop .cta-wrapper a.nectar-button i {
	right: 1px;
}
/* **********************************************************************
* Peek-Through Slider Overwrites
* A slider that shows parts of the previous and/or next slide.
*/
.peek-through-slider a.nectar-button {
	text-transform: uppercase;
}

/* **********************************************************************
* News Carousel
* Currently located above the footer in the Homepage.
* The functionality is driven by SwiperJS (see functions.php)
* The HTML structure is implemented as raw HTML Salient Element.
* The look is determined by this CSS block
*/
.carousel__container {
	max-width: 1380px;
	margin: 0 auto;
}

.carousel__container .swiper {
	padding-bottom: 60px;
}

.carousel__container .carousel-wrapper {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap; /*wrap;*/
    justify-content: space-between;

	background-color: #fff;
}

.carousel__container .carousel-wrapper .carousel__content {
	flex: 1 0 100%;
	order: 2;
	display: flex;
	align-items: center;
}

.carousel__container .carousel__content .content-wrapper {
	margin: 48px;
}

.carousel__container .carousel__content .carousel__logo {
	margin-bottom: 24px;
	text-align: center;
}

.carousel__container .carousel__content h2 {
	margin-bottom: 0;
	font-family: 'Gotham SSm Regular';
	font-size: 18px;
	line-height: 1.2;
	text-align: center;
}

.carousel__container .carousel__content h2 a {
	color: #000;
}

.carousel__container .carousel__content h2 a:hover {
	text-decoration: underline;
}

.carousel__container .carousel__media {
	flex: 1 0 100%;
	order: 1;
	display: flex;
	align-items: center;
}

.carousel__container .carousel__media .media-wrapper {
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 320px;
    max-height: 640px;
	width: 100%;
	height: 100vw;
}

.carousel__container .swiper-button-next,
.carousel__container .swiper-button-prev {
	color: #fff !important;
	text-shadow: 2px 2px 4px #191a1b;
}

.carousel__container .swiper-pagination .swiper-pagination-bullet {
	background-color: #afafaf;
}

.carousel__container .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #000;
}

/* **********************************************************************
* Footer 1 Overwrites
* This is the footer from the left (Company and Resources)
*/
#footer-outer {
	background-color: #fff !important;
}
#footer-outer h2 {
	text-transform: uppercase;
	color: #00A2FF;
	font-size: 13px !important;
	font-family: 'Gotham SSm Bold';
	margin-bottom: 0;
	line-height: 30px;
}

.material #footer-outer #footer-widgets .col ul li {
	padding: 0 !important;
}

#footer-outer,
#footer-outer a:not(.nectar-button) {
	color: #868E96 !important;
	font-family: 'Gotham SSm Bold';
	font-size: 13px;
}

/* **********************************************************************
* Footer 2 Overwrites
* This is the column that contains the Social Media icons
* The contents can be found in WP Admin > Appearance > Menus
* Menu name is Social Media
*/

#nav_menu-2 {
	margin-bottom: 0 !important;
}

#nav_menu-2 .menu-social-menu-container ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

#nav_menu-2 .menu-social-menu-container li:last-child a {
	/* width: auto; */
}
/* Twitter Icon */
#nav_menu-2 .menu-social-menu-container li:nth-child(2) a {
	/* border: 1px solid blue; */
	margin-top: -3px;
}
/* LinkedIn Icon */
#nav_menu-2 .menu-social-menu-container li:nth-child(3) a {
	/* border: 1px solid blue; */
	margin-top: -3px;
}

#nav_menu-2 .menu-social-menu-container a {
	overflow: hidden;
	position: relative;
	display: block;
	height: 38px;
	width: 38px;
	text-align: right;
}

#nav_menu-2 .menu-social-menu-container i {
	top: 0;
	bottom: 0;
	margin-right: 0;
	background: 0 none;
}
#nav_menu-2 .menu-social-menu-container i:before {
	font-size: 20px;

}
#nav_menu-2 .menu-social-menu-container i.icon-facebook:before {
	font-size: 21px;
}

#nav_menu-2 .menu-social-menu-container i.icon-twitter:before {
	font-size: 25px;
}

#nav_menu-2 .menu-social-menu-container i.icon-linkedin:before {
	font-size: 23px;
}

#nav_menu-2 .menu-social-menu-container i.icon-youtube-play:before {
	font-size: 21px;
}

/* **********************************************************************
* Extra Footer Specs
* Contains the copyright and legal menu
*/
.extra-footer {
	background: #fff;
	color: #868E96 !important;
	font-size: 9px;
	font-family: 'Gotham SSm Bold';
	padding-bottom: 1rem;
}

.extra-footer #copyright {
	display: flex;
}

.extra-footer .legal-menu {
	display: flex;
	justify-content: flex-end;
	color: inherit;
	margin: 0;
}

.extra-footer .legal-menu li {
	list-style-type: none;
}

.extra-footer .legal-menu li:first-child {
	padding-left: 0;
}
.extra-footer .legal-menu li:first-child:before {
	background: 0 none;
}

.extra-footer .legal-menu li {
	padding-left: 20px;
	position: relative;
}

.extra-footer .legal-menu li:before {
	background-color: #868e96;
	border-radius: 5px;
	content: "";
	height: 3px;
	left: 9px;
	position: absolute;
	top: 11px;
	width: 3px;
}

.extra-footer .legal-menu a {
	font-size: 12px;
	letter-spacing: .025em;
	vertical-align: top;
	color: #868E96 !important;
}

/* **********************************************************************
* Copyright Overwrites
* The copyright generated through Salient Settings (inactive currently)
*/
body #footer-outer #copyright p {
	color: #868E96 !important;
	font-size: 9px;
}

/* **********************************************************************
* Roblox Font Setup
* Added to replicate the look and setup of the Corp Site's Socil Media
* Footer menu.
*/
[class^="icon-roblox"]:before,
[class*="icon-roblox"]:before {
  font-family: "roblox" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-marker:before {
  content: "\61";
}
.icon-facebook:before {
  content: "\62";
}
.icon-twitter:before {
  content: "\63";
}
.icon-but-arrow:before {
  content: "\64";
}
.icon-linkedin:before {
  content: "\65";
}
.icon-youtube-play:before {
  content: "\6c";
}
.icon-ios-close-empty:before {
  content: "\68";
}
.icon-twitch:before {
  content: "\6d";
}
.icon-instagram:before {
  content: "\6e";
}
.icon-glass-door:before {
  content: "\6f";
}
.icon-globe:before {
  content: "\67";
}
.icon-filters:before {
  content: "\69";
}
.icon-arrow:before {
  content: "\6a";
}
.icon-down-arrow:before {
  content: "\6b";
}

/* **********************************************************************
* Media Queries
*/
/* @media screen and (max-width: 1224px) {
	.kids-safe-section2__desktop .cta-wrapper a.nectar-button {
		padding-right: 20px !important;
		font-size: 12px;
	}
}
@media screen and (max-width: 1176px) {
	.kids-safe-section2__desktop .cta-wrapper a.nectar-button {
		font-size: 12px;
	}
}

@media screen and (max-width: 1089px) {
	.kids-safe-section2__desktop .cta-wrapper a.nectar-button {
		padding-right: 15px !important;
	}
}

@media screen and (max-width: 1089px) {
	.kids-safe-section2__desktop .cta-wrapper a.nectar-button {
		padding-right: 12px !important;
	}
} */
/* @media screen and (max-width: 1173px) {
	.kids-safe-section2__desktop .cta-text-col {
		font-size: 14px;
	}
}*/
@media screen and (max-width: 1116px) {
	.kids-safe-section2__desktop .cta-text-col {
		font-size: 14px;
	}
	.kids-safe-section2__desktop .cta-wrapper a.nectar-button,
	.kids-safe-section2__desktop .cta-wrapper a.nectar-button i {
		font-size: 12px;
	}
}
/*
@media screen and (max-width: 1028px) {
	.kids-safe-section2__desktop .cta-wrapper a.nectar-button {
		padding-right: 5px !important;
	}
} */

@media screen and (max-width: 999px) {
	/* .section-two  {
		margin-top: 3rem;
		margin-bottom: 3rem !important;
	} */
	.kids-safe-section2__desktop {
		display: none;
	}

	.kids-safe-section2__mobile {
		display: flex;
	}

	.kids-safe-section2__mobile .col {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.kids-safe-section2__mobile .img-col {
		width: 40%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.kids-safe-section2__mobile .cta-text-col {
		width: 60%;
		padding-left: 10px !important;
	}

	.kids-safe-section2__mobile .cta-text-col .wpb_wrapper {
		flex-direction: column;
	}

	.kids-safe-section2__mobile .cta-text-col .text-block {
		font-size: 14px;
		margin-left: 15px !important;
	}
	.kids-safe-section2__mobile .cta-text-col .text-block p {
		text-align: left !important;
		margin-bottom: 1rem;
	}
	.kids-safe-section2__mobile .cta-text-col a.nectar-button {
		font-size: 12px;
		width: 90%;
		margin: 0 auto;
		justify-content: flex-start;
		padding-left: 13px;
		margin-left: 15px !important;
	}

	.kids-safe-section2__mobile .cta-text-col a.nectar-button i {
		left: 80px;
	}

	.nectar-flickity:not(.masonry) .flickity-viewport {
		margin-top: 30px;
	}

	#footer-widgets .col {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.extra-footer .col {
		width: 48%;
	}
}

/* @media only screen and (min-width: 690px) and (max-width: 999px) {
	#footer-widgets .col {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.extra-footer .col {
		width: 48%;
	}
} */

@media screen and (max-width: 691px) {
	.homepage-hero-carousel .nectar-split-heading p {
		font-size: 38px;
	}
	.homepage-hero-carousel .wpb_text_column span {
		font-size: 12px;
	}

	/* .section-two  {
		margin-bottom: 0 !important;
	} */

	.testimonial_slider .slides p {
		font-size: 20px;
	}
}

@media screen and (max-width: 690px) {

	#footer-widgets .col,
	.extra-footer .col {
		width: 100% !important;
		margin: 0 !important;
	}

	#footer-widgets .row {
		/* padding-bottom: 0; */
	}


	#nav_menu-2 .menu-social-menu-container ul,
	.extra-footer #copyright,
	.extra-footer .legal-menu {
		justify-content: center;
	}

	#nav_menu-2 .menu-social-menu-container a {
		text-align: left;
	}
}

@media screen and (max-width: 689px) {
	/* For Facebook Icon */
	#nav_menu-2 .menu-social-menu-container li:first-child a {
		/* width: auto; */
	}
	/* For Facebook Icon */
	#nav_menu-2 .menu-social-menu-container li:first-child a i {
		/* margin-left: -5px; */
		/* margin-right: 7px; */
	}
}

@media screen and (max-width: 479px) and (min-width: 426px) {
	.page-hero-headings #students-families-btn {
		padding-left: 45px !important;
		padding-right: 45px !important;
	}
}

@media screen and (max-width: 425px) {
	#header-outer .container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.wpb_wrapper > h2,
	.wpb_wrapper h2.vc_custom_heading {
		font-size: 38px !important;
		line-height: 45.6px !important;
	}

	.page-hero-headings a.nectar-button {
		margin-top: 0 !important;
		padding-left: 64px !important;
		padding-right: 64px !important;
	}

	.page-hero-headings .img-byline p {
		text-align: left !important;
	}

	.container {
		max-width: 100%;
	}

	#header-outer,
	#footer-outer {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	.section-one h4,
	.section-one .excerpt,
	.section-one a.nectar-button,
	.section-one .img-caption,

	/* .feature-heading-section, */
	/* .highlight-article .content, */
	.impact-statement-section,
	.cta-section,
	/* .peek-through-slider-heading, */
	.page-hero-headings {
		margin-left: 30px !important;
		margin-right: 30px !important;
	}

	.highlight-article > .row_col_wrap_12 {
		flex-direction: column-reverse !important;
	}
	.highlight-article .content {
		margin-top: 3rem;
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	/* .feature-heading-section {
		padding-left: 30px;
		padding-right: 30px;
	} */
	.feature-heading-section,
	.featured-articles,
	.kids-safe-section2__mobile {
		padding-left: 30px;
		padding-right: 30px;
		width: auto;
	}

	.peek-through-slider-heading {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}

	.page-hero-headings,
	.page-hero-headings h4 {
		text-align: center !important;
	}

	/* .section-two {
		margin-bottom: 0 !important;
	} */

	.impact-statement-section .number h2 span,
	.impact-statement-section .symbol {
		font-size: 60px;
	}
	.impact-statement-section .subject {
		font-size: 16px;
	}

	.cta-section h2 {
		font-size: 38px !important;
	}

	.testimonial_slider[data-style=minimal] .testimonial-next-prev .prev {
		left: 6% !important;
	}

	.testimonial_slider[data-style=minimal] .testimonial-next-prev .next  {
		right: 6% !important;
	}

	.testimonial_slider .slides blockquote .testimonial-name,
	.testimonial_slider .slides blockquote .title {
		font-size: 12px !important;
		width: 70%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 345px) {
	#slide-out-widget-area {
		width: 100% !important;
	}

	.slide-out-widget-area-toggle .unhidden-line {
		right: 27px;
	}
}

/* Media Queries for News Carousel (mobile-first) setup
*/
@media (min-width: 375px) {
	.carousel__container .carousel__content .carousel__logo {
		margin-bottom: 32px;
	}
	.carousel__container .carousel__content h2 {
		font-size: 20px;
	}
	.carousel__container .carousel__media .media-wrapper {
		height: 375px;
	}
}

@media (min-width: 480px) {
	.carousel__container .carousel__content .carousel__logo {
		margin-bottom: 48px;
	}
	.carousel__container .carousel__content h2 {
		font-size: 24px;
	}
	.carousel__container .carousel__media .media-wrapper {
		height: 480px;
	}
}

@media (min-width: 640px) {
	.carousel__container .carousel__content h2 {
		font-size: 26px;
	}
}

@media (min-width: 768px) {
	.carousel__container .carousel-wrapper {
		max-width: 768px;
	}
	.carousel__container .swiper-slide {
		width: auto !important;
	}
	.carousel__container .carousel-wrapper .carousel__content {
		flex: 0 0 50%;
	  	order: 1;
	}
	.carousel__container .carousel__content .carousel__logo {
		margin-bottom: 64px;
	}
	.carousel__container .carousel__content h2 {
		font-size: 28px;
		text-align: left;
	}
	.carousel__container .carousel__media {
		flex: 0 0 50%;
	  	order: 2;
	}
}

/*
 * WPML Custom Language Switcher
 ===================================================== */
.globe {
	margin: 0 auto;
	width: 44px;
	height: 44px;
	display: block;
	position: relative;
	z-index: 10;
	background: transparent url('assets/imgs/globe.png') no-repeat left center;
	background-size: 17px 17px;
	background-position: center;
	cursor: pointer;
	-webkit-transition: opacity .25s;
	-moz-transition: opacity .25s;
	transition: opacity .25s;
}

.globe:hover {
	opacity: .5;
}

.language-switcher.mobile .globe {
	display: none;
	margin-left: 1rem;
}

@media screen and (max-width: 999px) {
	.language-switcher.mobile .globe {
		display: block;
	}
	.language-nav-active .language-switcher.mobile .wpml-ls-legacy-list-horizontal ul {
		display: block;
	}
}
.language-switcher li.wpml-ls-item:not(:last-child) a {
	padding-bottom: 0.6rem;
}

.wpml-ls-legacy-list-horizontal {
	padding: 0 0 0 1rem !important;
}

.language-switcher.desktop .wpml-ls-legacy-list-horizontal ul,
.language-switcher.mobile .wpml-ls-legacy-list-horizontal ul {
	width: auto !important;
	display: none;
}

#header-outer #top nav .language-switcher ul li a.wpml-ls-link:hover,
#header-outer:not([data-format="left-header"]) #top nav .language-switcher ul li a.wpml-ls-link:hover {
	background-color: transparent !important;
	color: #00A2FF !important;
}

#header-outer:not([data-format="left-header"]) #top nav .language-switcher ul li a span:hover {
	color: #00A2FF !important;
}

.wpml-ls-current-language a span {
	color: #00A2FF !important;
}

/* An overwrite: Enables the options of the custom language switcher to be clickable */
.sf-menu .language-switcher ul {
	pointer-events: auto;
}

.language-switcher.mobile .wpml-ls-legacy-list-horizontal ul {
	width: auto !important;
	position: absolute;
    top: 150%;
    right: 0;
	background-color: black;
	padding: 10px;
}

.language-switcher.mobile .wpml-ls-legacy-list-horizontal .wpml-ls-item {
	display: block;
}

.language-switcher.mobile .wpml-ls-legacy-list-horizontal .wpml-ls-item span {
	color: #fff;
}