/* Wear the Prayer — English / Español switch (matches the site's form colors) */

.wtp-tr {
	display: inline-flex;
	padding: 3px;
	background: #fff;
	border: 2px solid #1380c3;
	border-radius: 999px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 1;
}

.wtp-tr .wtp-tr__opt {
	margin: 0 !important;
	padding: 7px 14px !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	color: #1380c3 !important;
	-webkit-text-fill-color: #1380c3 !important;
	font: 700 14px/1 "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	cursor: pointer;
	min-height: 0 !important;
	height: auto !important;
}
.wtp-tr .wtp-tr__opt:hover { background: #e6f3fb !important; }
.wtp-tr .wtp-tr__opt.is-active {
	background: #1380c3 !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	cursor: default;
}

/* Floating version */
.wtp-tr--float {
	position: fixed;
	bottom: 18px;
	z-index: 99990;
	box-shadow: 0 3px 12px rgba(0, 0, 0, .18);
}
.wtp-tr--bottom-left { left: 18px; }
.wtp-tr--bottom-right { right: 18px; }

@media (max-width: 600px) {
	.wtp-tr--float { bottom: 12px; }
	.wtp-tr--bottom-left { left: 12px; }
	.wtp-tr--bottom-right { right: 12px; }
	.wtp-tr .wtp-tr__opt { padding: 6px 11px !important; font-size: 13px !important; }
}

/* Hide Google's own toolbar, tooltips and highlight so only our switch shows. */
iframe.skiptranslate,
.goog-te-banner-frame,
#goog-gt-tt,
.goog-te-balloon-frame,
.VIpgJd-ZVi9od-ORHb-OEVmcd,
.VIpgJd-ZVi9od-aZ2wEe-wOHMyf { display: none !important; }
body { top: 0 !important; }
.goog-text-highlight { background: none !important; box-shadow: none !important; }