/*
Theme Name: Tattoo Expert Child
Theme URI: http://example.com/tattoo-expert-child
Description: Custom child theme for Tattoo Expert.
Author: Your Name
Author URI: http://example.com
Template: tattoo-expert
Version: 1.0.0
*/

/* Custom CSS starts here */


p {
	color: #000 !important;
}

.site-content {
	padding: 0 0 0 !important;
}
.site-info p {
	color: #fff !important;
}
.nav-menu a {
	color: #000 !important;
}

.nav-menu ul li a:active, .nav-menu ul li a:hover {
	color: #2D68C4 !important;
}
aside.widget-area a { color: #fff !important; }
.widget ul li a:focus, a:hover { color: #2D68C4 !important; }

.tx-article-box p { font-size: 16px;}

@media (max-width: 768px) {
	.site-info p {
		color: #fff !important;
	}
	.custom-logo-link img {
		margin-top: 10px !important;
		margin-bottom: -10px !important;
	}
	.tx-mobile-btn {
		display: block;
		position: absolute;
		right: 20px;
		top: 0 !important;
	}
}

ul.wp-block-list {
	margin-left: 17px;
}

p.has-text-align-center {
	font-size: 24px;
	border: 1px solid #2D68C4;
	background: #2D68C4;
}
p.has-text-align-center strong {
	color: #fff !important;
}

a {
	color: #2D68C4;
}
.schema-faq-section strong.schema-faq-question {
	background: #2D68C4;
	color: #fff !important;
	display: block;
	padding: 5px;
}
.schema-faq-question strong {
	color: #fff !important;
}

/* ==========================
TX Travel Popup
========================== */

#tx-popup-overlay{
	position:fixed;
	inset:0;
	display:none;
	justify-content:center;
	align-items:center;
	background:rgba(0,0,0,.45);
	z-index:999999;
}
#tx-popup{
	position:relative;
	width:90%;
	max-width:480px;
	background:#ffffff;
	border-radius:20px;
	padding:35px 35px;
	text-align:center;
	box-shadow:0 20px 50px rgba(0,0,0,.25);
	animation:txPopupFade .35s ease;
}
#tx-popup-close{
	position:absolute;
	top:10px;
	right:10px;
	width:36px;
	height:36px;
	border:none;
	background:transparent;
	font-size:32px;
	color:#555;
	cursor:pointer;
	line-height:1;
}
.tx-popup-heading{
	margin:0;
	color:#111;
	font-size:40px;
	font-weight:700;
	line-height:1.2;
}
.tx-popup-subtitle{
	margin:20px 0 30px;
	font-size:18px;
	font-weight:600;
	line-height:1.5;
}
.tx-call-btn{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:16px;
	width:100%;
	padding:10px 20px;
	background:#ffd95f;
	color:#000;
	text-decoration:none;
	border-radius:18px;
	font-size:20px;
	font-weight:700;
	transition:.25s;
}
.tx-call-btn:hover{
	background:#ffd34b;
	color:#000;
}
.tx-phone-icon{
	font-size:38px;
}

@keyframes txPopupFade{
	from{
		opacity:0;
		transform:translateY(-20px);
	}
	to{
		opacity:1;
		transform:translateY(0);
	}
}

@media(max-width:768px){

	#tx-popup{
		width:92%;
		padding:35px 20px;
	}
	#tx-popup-close {
		position: absolute;
		top: 10px;
		right: 5px;
	}
	.tx-popup-heading{
		font-size:30px;
	}
	.tx-popup-subtitle{
		font-size:16px;
	}
	.tx-call-btn{
		font-size:16px;
		padding:18px 10px;
		gap: 10px;
	}
	.tx-phone-icon{
		font-size:28px;
	}
}