/**********************
tre13e.css
Copyright 2020 Derek Erb Solutions
https://derekerb.solutions
**********************/

div.dLang {
	position: absolute;
	top: 1%;
	right: 3%;

}

	/* ---------- TABLETS ------------------*/
	@media only screen and (min-width: 600px) {
		div.dLang {
			right: 15%;
		}
	}

	/* ---------- DESKTOPS ------------------ */
	@media only screen and (min-width: 1200px) {
		div.dLang {
			top: 3%;
			right: 20%;
		}
	}

.dLang a {
	background: none;
}

.dLang a button {
	padding: 0.5em;
}

	/* ------------ TABLETS ----------- */
	@media screen and (min-width: 600px) {
		.dLang a button {
			padding: 1em;
		}
	}

h3.twSubtit {
	font-weight: bold;
	color: purple;
	font-size: 2em;

	margin: 1% auto;
}



.infoButton {
	padding: 0.8em;
	background-color: var(--PgFore);
	color: white;
	white-space: nowrap;
	border-radius: 25px;
	box-shadow: 2px 2px 5px grey;
	transition: background-color 0.6s;
	inline-size: 15em;
	margin: 0 auto;
}

.infoButton:hover {
	background-color: white;
	border: solid 0.125em var(--PgFore);
}

.infoButton:focus {
	color: var(--PgBack);
}

#iTel, #iEmail {
	padding-block-end: 2em;
	block-size: 2.25em;
	display: flex;
	flex-direction: column;
}

.itemPrice, .itemTit {
	max-block-size: unset;
}

.itemPrice {
	inline-size: 15%;
}

.itemTit {
	inline-size: 85%;
}

.pNeed {
	color: red;
	border: 1px dashed red;
	padding: 1.2%;
	margin: 2% auto;
}

.tSpotify, .tExplanation, .tOrderInfo {
	border: 2px solid var(--PgFore);
	border-radius: 2em;
	padding: 1em;
	margin: 2% auto;
	text-align: center;
}

.tSpotify p {
	display: flex;
	flex-direction: column;
	padding-block-end: 2em;
	block-size: 2.25em;
}