.goog-te-gadget-simple {
white-space: nowrap; border-radius: 20px; padding-left: 10px; padding-right: 10px; margin-right: 5px; height: 100%;
}
google_translate_element {
position: fixed; bottom: .25rem; right: .25rem!important; z-index: 99999;
} .goog-te-gadget {
font-family: Roboto, 'Open Sans', sans-serif!important; text-transform: uppercase; font-weight: 500; &:hover { color: $white; }
} .goog-te-gadget-simple {
background-color: rgba(255,255,255,0.85)!important; border: 1px solid rgba(0,0,0,0.95) !important; padding: 8px!important; border-radius: 4px!important; font-size: 1rem!important; line-height:2rem!important; display: inline-block; transition: background-color .2s; cursor: pointer; zoom: 1; &:hover { background-color: rgba(0, 123, 255, 0.85)!important; } &:focus { background-color: rgba(0, 123, 255, 0.85)!important; }
} .goog-te-menu2 {
max-width: 100%; width: 100%;
} .goog-te-gadget-simple:hover .goog-te-menu-value {
color: $white !important;
} .goog-te-menu-value {
color: #000 !important; text-decoration: none !important; &:before { font-family: 'Material Icons'; content: "\E927"; margin-right: 16px; font-size: 2rem; vertical-align: -10px; // width:32px!important; }
} .goog-te-menu-value span:nth-child(5) {
display:none;
} .goog-te-menu-value span:nth-child(3) {
border:none!important; font-family: 'Material Icons'; &:after { font-family: 'Material Icons'; content: "\E5C5"; font-size: 1.5rem; vertical-align: -6px; }
}
.goog-te-gadget-icon {
background-image: url(https://placehold.it/32)!important; background-position: 0px 0px; height: 32px!important; width: 32px!important; margin-right: 8px!important; // OR display: none;
}
// ============ HIDE TOP BAR ============ .goog-te-banner-frame.skiptranslate {display: none!important;} body {top: 0px!important;}
/* ================================== *\
Mediaqueries
* ================================== */ @media (max-width: 667px) {
#google_translate_element { bottom: .25rem; left: 16px!important; width: 100%!important; goog-te-gadget { width:100%!important; } .skiptranslate { width:100%!important; } .goog-te-gadget-simple { width: calc(100% - 32px)!important; text-align: center; } }
} a.goog-te-menu-value {
text-decoration: none !important; &:hover { text-decoration: none !important; }
}