/*
Theme Name: The Paella Guy
Theme URI: https://thepaellaguy.com.au/
Author: Uptech Solution
Author URI: https://uptechwebsolution.com.au/
Description: Custom WordPress theme for The Paella Guy, built with Elementor support.
Version: 1.0.0
Text Domain: thepaellaguy
*/

.tm-floating-action-menu {
	position: fixed;
	left: 15px;
	bottom: 50px;
	z-index: 9;
}

.tm-floating-action-menu .button {
	display: flex;
	align-items: center;
	justify-content: center;
}

.tm-floating-action-menu .floating-menu-items ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.tm-floating-action-menu .floating-menu-items ul .button {
	border-radius: 50%;
	width: 50px;
	height: 50px;
	background: var(--tpg-primary-color, #fb524f);
	margin-bottom: 10px;
	color: var(--bs-white);
	animation: grow-shrink 1s infinite;
}

.tm-floating-action-menu .floating-action-btn {
	border-radius: 50%;
	width: 40px;
	height: 40px;
}

.default-page-content .entry-title {
	margin-bottom: 20px;
}

.default-page-content .entry-content > :last-child {
	margin-bottom: 0;
}

.header-section .main-menu ul li.current-menu-item > a,
.header-section .main-menu ul li.current-menu-ancestor > a,
.mobile-menu .menu .mobile-menu-area .mobile-menu-area-inner ul li.current-menu-item > a,
.mobile-menu .menu .mobile-menu-area .mobile-menu-area-inner ul li.current-menu-ancestor > a {
	color: var(--tpg-primary-color, #fb524f);
}

.footer .footer-top .footer-area .footer-menu ul li.current-menu-item > a,
.footer .footer-top .footer-area .footer-menu ul li.current-menu-ancestor > a {
	color: var(--tpg-primary-color, #fb524f);
}

.footer .footer-top .footer-area .footer-description {
	max-width: 720px;
	margin: 20px auto 18px;
	color: #fff;
	font-size: 17px;
	line-height: 1.8;
}

.footer .footer-top .footer-area .footer-description p {
	margin-bottom: 0;
}

.footer .footer-top .footer-area .footer-contact {
	margin: 18px 0 10px;
}

.footer .footer-top .footer-area .footer-contact ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer .footer-top .footer-area .footer-contact li {
	display: inline-flex;
	margin: 0 12px 12px;
}

.footer .footer-top .footer-area .footer-contact li,
.footer .footer-top .footer-area .footer-contact li a {
	color: #fff;
}

.footer .footer-top .footer-area .footer-contact li a,
.footer .footer-top .footer-area .footer-contact li > span {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	font-size: 16px;
	line-height: 1.6;
}

.footer .footer-top .footer-area .footer-contact .footer-contact-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	flex: 0 0 38px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.14);
	color: #fff;
	font-size: 18px;
}

.footer .footer-top .footer-area .footer-contact .footer-contact-text {
	text-align: left;
}

.footer .footer-top .footer-area .footer-contact li a:hover,
.footer .footer-top .footer-area .footer-contact li a:focus {
	color: var(--tpg-primary-color, #fb524f);
}

@media screen and (max-width: 767px) {
	.footer .footer-top .footer-area .footer-contact li {
		display: flex;
		justify-content: center;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	width: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	clip: auto !important;
	clip-path: none;
	display: block;
	height: auto;
	left: 5px;
	top: 5px;
	width: auto;
	z-index: 100000;
	background: #fff;
	padding: 15px 23px 14px;
	color: #000;
}

@keyframes grow-shrink {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

@media screen and (min-width: 40em) {
	.tm-floating-action-menu .floating-action-btn {
		width: 56px;
		height: 56px;
	}
}
