.weglot_box{text-align: right; position: absolute; top: 30px; right: 0; width: 54px; height: 20px; border: solid 0px orange }

.weglot-container{border: solid 0px blue !important; position: static !important; width: 100% !important; height: 20px;}

aside.weglot_switcher{border: solid 0px fuchsia !important; position: static !important; width: 100% !important; height: 20px; padding: 0;}

aside.weglot_switcher ul, aside.weglot_switcher ul li { width:  100% !important; } 
aside.weglot_switcher ul li:after{display: none; content: '';}

aside.weglot_switcher ul li.wg-li{border: solid 0px lime;  display: block; /*width: 100%;*/ color: black; color: var(--main); text-align: right;}

.wg-li a, .wg-li a:visited{color: var(--font); padding: 0 !important; height: 20px !important;  font-size: 14px !important;  font-family: 'Open Sans'; font-weight: 400; }
.wg-li a:hover, .wg-li a:focus{color: var(--main); text-decoration: underline; }


.wgcurrent.wg-li {border: 0 !important}
.wgcurrent.wg-li a, .wgcurrent.wg-li a:visited{color: var(--font); text-decoration: none !important; padding: 0; font-size: 14px !important; font-family: 'Open Sans';font-weight: 400;}
.wgcurrent.wg-li a:hover, .wgcurrent.wg-li a:focus{color: var(--main); text-decoration: underline;}

/* gets rid of the arrow */
.wg-drop.country-selector .wgcurrent:after, .wg-drop.country-selector.closed .wgcurrent:after {content: "";display: none; }

/*M*/
@media only screen and (max-width: 991px) {
	.weglot_box{top: 25px; /*right: 240px;*/ right: auto; left: calc(100% - 320px); width: 85px; height: 30px; padding-left: 25px;}
	.weglot_box:before{content: '\f0ac'; font-family: 'Font Awesome 6 Pro'; font-weight: 400; position: absolute; top: 0; left: 0; }
	.weglot_box:hover:before{color: var(--main);}
	.weglot-container{display: inline-block;width: 50px; !important; position: absolute; top: 0; right: 0; }
}

/*XS*/
@media only screen and  (max-width: 575px){
	.weglot_box{top: 88px; right: auto; left: 0px; border: solid 0px lime; z-index: 101}
	.weglot_box:before, .weglot_box:hover:before,  .wgcurrent.wg-li a, .wgcurrent.wg-li a:visited, .wgcurrent.wg-li a:hover, .wgcurrent.wg-li a:focus{color: white; }
	.wgcurrent.wg-li a{background-color: var(--main);}
}