/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.15.1764258600
Updated: 2025-11-27 15:50:00

*/
@media (min-width: 1200px) {
.ast-plain-container.ast-no-sidebar #primary {
    margin-top: 2.5rem !important;
    margin-bottom: 3rem !important;
  }
}
.site-below-footer-wrap {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.site-above-footer-wrap, .site-below-footer-wrap {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

/* Base typography and colors */
#post-20 {
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	line-height: 1.7;
	color: #241827;
}

/* Hero-style heading area */
#post-20 .entry-header {
	padding: 1.8rem 1.8rem 1.6rem;
	border-radius: 18px;
	background: radial-gradient(circle at top left, #fdefff 0, #f5f2ff 50%, #ffffff 100%);
	box-shadow: 0 14px 40px rgba(18, 4, 38, 0.14);
	border: 1px solid rgba(134, 82, 222, 0.18);
}

#post-20 .entry-title {
	margin: 0;
	font-size: clamp(2.1rem, 2.4vw + 1.5rem, 2.9rem);
	font-weight: 700;
	letter-spacing: 0.03em;
	color: #160c21;
}

/* First paragraph under the title */
#post-20 .entry-content > p:first-of-type {
	font-size: 0.98rem;
	margin: 1.5rem 0 2rem;
	background: none;
	color: inherit;
	border-radius: 0;
	padding: 0;
	border: none;
}

/* Entry content base */
#post-20 .entry-content {
	font-size: 17px;
	padding-bottom: 3rem;
}

/* Kill any theme pseudo-decorations on paragraphs */
#post-20 .entry-content p::before,
#post-20 .entry-content p::after {
	content: none !important;
}

/* Paragraph spacing */
#post-20 .entry-content p {
	margin-bottom: 1.1em;
}

/* Inline quotes/emphasis like “Kink isn't rebellion…” (for this page) */
#post-20 .entry-content p em {
	color: #5a2958;
	background: rgba(247, 236, 255, 0.95);
	padding: 0.3em 0.3em;
	border-radius: 0.35em;
	box-shadow: 0 0 0 1px rgba(123, 58, 223, 0.14);
}

/* Highlighted quote blocks: strong + em combo (for this page) */
#post-20 .entry-content p strong em,
#post-20 .entry-content p em strong {
	display: block;
	margin: 0 0 2rem;
	padding: 1.1rem 1.4rem;
	background: #f7ecff;
	border-radius: 16px;
	border: 1px solid #e1cdfd;
	font-style: italic;
	font-weight: 600;
	color: #251533;
	position: relative;
	box-shadow: 0 14px 30px rgba(40, 12, 82, 0.18);
}

/* Decorative quote mark for big quote blocks (this page) */
#post-20 .entry-content p strong em::before,
#post-20 .entry-content p em strong::before {
	content: "“";
	position: absolute;
	left: 14px;
	top: -18px;
	font-size: 3rem;
	line-height: 1;
	color: rgba(146, 89, 223, 0.4);
}

/* Links (this page) */
#post-20 .entry-content a {
	color: #7b3adf;
	text-decoration: none;
	border-bottom: 1px solid rgba(123, 58, 223, 0.45);
	transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease,
		box-shadow 0.2s ease;
}

#post-20 .entry-content a:hover {
	color: #f03a7e;
	border-color: rgba(240, 58, 126, 0.8);
	background-color: rgba(249, 236, 255, 0.8);
	box-shadow: 0 6px 18px rgba(122, 57, 220, 0.25);
}

/* Mobile tweaks: hero/title only */
@media (max-width: 768px) {
	#post-20 .entry-header {
		margin-top: 1.8rem;
		padding: 1.4rem 1.3rem 1.3rem;
	}

	#post-20 .entry-title {
		font-size: 1.9rem;
	}
}


/* ===========================
   REUSABLE CLASSES
   =========================== */

/* 1. Section heading with icon and underline */
.k-section-heading {
	margin: 2.6rem 0 1.3rem;
	font-size: 1.6rem;
	font-weight: 700;
	color: #1c0f29;
	position: relative;
	padding: 0 0 0.35rem 2.1rem;
}

.k-section-heading::before {
	content: "✦";
	position: absolute;
	left: 0;
	top: 0.15em;
	font-size: 1.3rem;
	color: #f03a7e;
}

.k-section-heading::after {
	content: "";
	position: absolute;
	left: 2.1rem;
	bottom: 0;
	width: 70px;
	height: 2px;
	border-radius: 999px;
	background: linear-gradient(90deg, #7b3adf, #f03a7e);
}

/* 2. Big quote card (block quote style) */
.k-quote-card {
	margin: 0 0 2rem;
	padding: 1.1rem 1.4rem;
	background: #f7ecff;
	border-radius: 16px;
	border: 1px solid #e1cdfd;
	font-style: italic;
	font-weight: 600;
	color: #251533;
	position: relative;
	box-shadow: 0 14px 30px rgba(40, 12, 82, 0.18);
}

.k-quote-card::before {
	content: "“";
	position: absolute;
	left: 14px;
	top: -18px;
	font-size: 3rem;
	line-height: 1;
	color: rgba(146, 89, 223, 0.4);
}

/* Make sure inner text looks normal */
.k-quote-card strong,
.k-quote-card em {
	font-style: inherit;
	font-weight: inherit;
}

/* 3. Inline highlight (for quoted phrases inside a paragraph) */
.k-inline-highlight em {
	color: #5a2958;
	background: rgba(247, 236, 255, 0.95);
	padding: 0 0.18em;
	border-radius: 0.35em;
	box-shadow: 0 0 0 1px rgba(123, 58, 223, 0.14);
}

/* 4. Fancy list card (ul/ol) */
.k-list-card {
	margin: 1.4rem 0 1.9rem 0 !important;
	padding: 1.05rem 1.6rem 1.15rem 2.4rem !important;
	list-style-position: outside;
	background: #faf5ff;
	border-radius: 16px;
	border: 1px solid rgba(123, 58, 223, 0.22);
	box-shadow: 0 10px 26px rgba(22, 8, 46, 0.16);
	position: relative;
}

.k-list-card::before {
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	bottom: 12px;
	width: 3px;
	border-radius: 999px;
	background: linear-gradient(180deg, #7b3adf, #f03a7e);
}

/* List markers and items */
.k-list-card li::marker {
	color: #7b3adf;
}

.k-list-card li {
	margin-bottom: 0.55rem;
}

/* 5. Stats / myth-reality table */
.k-stats-table table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.96rem;
	overflow: hidden;
}

.k-stats-table thead tr {
	background: linear-gradient(90deg, #2d153e, #531f72);
	color: #ffffff;
}

.k-stats-table thead td {
	padding: 0.85rem 1.1rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	border: none;
	text-align: center;
	white-space: nowrap;
}

.k-stats-table tbody tr:nth-child(odd) {
	background-color: #f9f5ff;
}

.k-stats-table tbody tr:nth-child(even) {
	background-color: #f1e8ff;
}

.k-stats-table tbody td {
	padding: 0.85rem 1.1rem;
	border: none;
	vertical-align: top;
	color: #281834;
}

.k-stats-table tbody td strong {
	color: #2b1639;
}

/* 6. Image card (rounded with shadow) */
.k-image-card img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 20px;
	box-shadow: 0 7px 16px rgba(13, 4, 32, 0.28);
}

/* 7. Links in highlighted content */
.k-list-card a,
.k-quote-card a,
.k-inline-highlight a {
	color: #7b3adf;
	text-decoration: none;
	border-bottom: 1px solid rgba(123, 58, 223, 0.45);
	transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease,
		box-shadow 0.2s ease;
}

.k-list-card a:hover,
.k-quote-card a:hover,
.k-inline-highlight a:hover {
	color: #f03a7e;
	border-color: rgba(240, 58, 126, 0.8);
	background-color: rgba(249, 236, 255, 0.8);
	box-shadow: 0 6px 18px rgba(122, 57, 220, 0.25);
}

.k-h3-casino {
	margin: 1.8rem 0 0.7rem;
	font-size: 1.25rem;
	font-weight: 700;
	color: #1e1230;
	position: relative;
	padding-left: 1rem;
}

.k-h3-casino::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.18em;
	bottom: 0.18em;
	width: 3px;
	border-radius: 999px;
	background: linear-gradient(180deg, #7b3adf, #f03a7e);
}
/* ===========================
   Mobile tweaks for reusable classes
   =========================== */
@media (max-width: 768px) {
    .ast-plain-container.ast-no-sidebar #primary {
      margin-top: 1rem !important;
      margin-bottom: 2rem !important;
    }
	.k-section-heading {
        margin: 18px 0 1.3rem;
		font-size: 1.35rem;
		padding-left: 1.8rem;
	}

	.k-section-heading::after {
		left: 1.8rem;
	}

	.k-list-card {
		margin: 1.3rem 0.75rem 1.7rem 0.75rem;
		padding: 0.9rem 1.3rem 1rem 2.1rem;
	}

	.k-image-card img {
		height: 220px;
		object-fit: cover;
	}
  .k-criteria-card {
		margin-bottom: 1.2rem;
	}
  .k-faq-section p > strong {
		font-size: 1rem;
		margin-top: 1.1rem;
		padding: 0.5rem 0.8rem 0.55rem 2.1rem;
	}
  .k-remember-card {
		margin-bottom: 2rem;
		padding: 1.1rem 1.2rem 1.2rem 1.5rem;
	}

	.k-remember-card::before {
		left: 1.15rem;
	}
  	.k-pro-card {
		margin-bottom: 0.9rem;
	}
  .k-platform-details {
		padding: 1rem 1.1rem 1.1rem 1.3rem;
	}
.k-criteria-card {
  min-height: 200px;
}
}

.k-criteria-card {
	background: #fff9ff;
	border: 1px solid rgba(123, 58, 223, 0.18);
	border-radius: 16px;
	padding: 1.2rem 1.4rem 1.3rem !important;
	box-shadow: 0 10px 25px rgba(24, 6, 60, 0.12);
	position: relative;
	height: 100%;
    min-height: 240px;
}


.k-criteria-card::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 3px;
	border-radius: 16px 16px 0 0;
	background: linear-gradient(90deg, #7b3adf, #f03a7e);
}


.k-criteria-card p:last-child {
	margin-bottom: 0;
}

.k-faq-section {
	margin-top: 1rem;
}

.k-faq-section p {
	margin-bottom: 0.75rem;
    margin-top:10px !important;
}

.k-faq-section p > strong {
	display: block;
	padding: 0.55rem 0.9rem 0.6rem;
	padding-left: 2.4rem;
	border-bottom: 1px solid rgba(123, 58, 223, 0.22);
	position: relative;
	font-weight: 700;
	color: #1c0f29;
}


.k-faq-section p > strong::before {
	content: "Q";
	position: absolute;
	left: 0.9rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #f03a7e;
}

.k-faq-section p:last-child {
	margin-bottom: 0;
}

.k-remember-card {
	margin: 0 auto 2.4rem;
	max-width: 780px;
	background: #fdf7ff;
	border-radius: 18px;
	border: 1px dashed rgba(123, 58, 223, 0.6);
	padding: 1.2rem 1.5rem 1.3rem 1.7rem !important;
	position: relative;
	box-shadow: 0 10px 24px rgba(18, 4, 38, 0.14);
}

.k-remember-card p {
	margin: 0;
}

.k-remember-card p:first-child strong {
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 0.85rem;
	color: #f03a7e;
}

.k-remember-card p:last-child {
	margin-top: 0.5rem;
	color: #271733;
}

.k-pro-card {
	padding: 0.9rem 1.1rem 1rem;
	border-radius: 14px;
	border: 1px solid rgba(0, 0, 0, 0.03);
	position: relative;
	height: 100%;
	box-shadow: 0 8px 20px rgba(15, 5, 40, 0.08);
}

.k-pro-card p:first-child strong {
	display: block;
	margin-bottom: 0.4rem;
	font-weight: 700;
}

.k-pro-card p:last-child {
	margin-bottom: 0;
}

.k-pro-card--good {
	background: #f3fff7;
	border-color: rgba(38, 157, 99, 0.35);
}

.k-pro-card--good p:first-child strong {
	color: #218a5a;
}


.k-pro-card--caution {
	background: #fff7f5;
	border-color: rgba(240, 90, 90, 0.35);
}

.k-pro-card--caution p:first-child strong {
	color: #d63b3b;
}

.k-platform-details {
	margin: 1.8rem 0 1.4rem;
	padding: 1.1rem 1.4rem 1.3rem;
	border-radius: 18px;
	background: #f7f9ff;
	border: 1px solid rgba(123, 58, 223, 0.15);
	box-shadow: 0 10px 24px rgba(15, 5, 40, 0.08);
	position: relative;
}

.k-platform-details::before {
	content: "";
	position: absolute;
	left: 0;
	top: 14px;
	bottom: 14px;
	width: 3px;
	border-radius: 999px;
	background: linear-gradient(180deg, #7b3adf, #4ba6ff);
}

.k-platform-details p {
	margin: 0 0 0.35rem;
}

.k-platform-details h4{
	display: block;
	margin-bottom: 0.4rem;
	font-size: 0.95rem;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	color: #394366;
}

.k-platform-details p + p strong {
	display: inline-block;
	font-weight: 700;
}

.k-platform-details p:last-child {
	margin-bottom: 0;
}

.k-cta-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	padding: 0.55rem 1.4rem;
	border-radius: 999px;
	background: linear-gradient(90deg, #7b3adf, #f03a7e);
	color: #ffffff;
	font-weight: 600;
	font-size: 0.98rem;
	letter-spacing: 0.03em;
	text-decoration: none !important;
	box-shadow: 0 10px 26px rgba(39, 12, 92, 0.35);
	transition:
		background-position 0.2s ease,
		transform 0.2s ease,
		box-shadow 0.2s ease,
		color 0.2s ease;
	background-size: 160% 100%;
	background-position: 0 0;
}


.k-cta-link:hover {
	background-position: 100% 0;
	transform: translateY(-1px);
	box-shadow: 0 14px 32px rgba(39, 12, 92, 0.42);
	color: #ffffff;
}

.k-cta-link:active {
	color: #ffffff;
}

.k-cta-link:focus, .k-cta-link:visited {
  color: #ffffff !important;
}