/*
* Theme Name: TarteeleQuran
* Author: Asiqur Rahman <asiq.webdev@gmail.com>
* Author URI: https://asique.net/
* Description: A WordPress theme for TarteeleQuran Website.
* Version: 1.0
* License: GNU General Public License v2 or later
* License URI: http://www.gnu.org/licenses/gpl-2.0.html
* Text Domain: tarteelequran

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

:root {
	--font-primary: "Plus Jakarta Sans", Sans-serif;
	--font-secondary: "Urbanist", Sans-serif;
}

html {
	box-sizing: border-box;
	font-size: 16px;
}

body {
	font-family: var(--font-primary);
	font-weight: 500;
	font-style: Medium;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: 0px;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul {
	margin: 0;
	padding: 0;
}

ol,
ul {
	list-style-position: inside;
}

img {
	max-width: 100%;
	height: auto;
}

/* Start From Hello Elementor */
.page-header .entry-title,
.site-footer .footer-inner,
.site-footer:not(.dynamic-footer),
.site-header .header-inner,
.site-header:not(.dynamic-header),
body:not([class*="elementor-page-"]) .entry-content {
	margin-inline-end: auto;
	margin-inline-start: auto;
	width: 100%;
}

@media (max-width: 575px) {

	.page-header .entry-title,
	.site-footer .footer-inner,
	.site-footer:not(.dynamic-footer),
	.site-header .header-inner,
	.site-header:not(.dynamic-header),
	body:not([class*="elementor-page-"]) .entry-content {
		padding-inline-end: 10px;
		padding-inline-start: 10px;
	}
}

@media (min-width: 576px) {

	.page-header .entry-title,
	.site-footer .footer-inner,
	.site-footer:not(.dynamic-footer),
	.site-header .header-inner,
	.site-header:not(.dynamic-header),
	body:not([class*="elementor-page-"]) .entry-content {
		max-width: 500px;
	}

	.site-footer.footer-full-width .footer-inner,
	.site-header.header-full-width .header-inner {
		max-width: 100%;
	}
}

@media (min-width: 768px) {

	.page-header .entry-title,
	.site-footer .footer-inner,
	.site-footer:not(.dynamic-footer),
	.site-header .header-inner,
	.site-header:not(.dynamic-header),
	body:not([class*="elementor-page-"]) .entry-content {
		max-width: 600px;
	}

	.site-footer.footer-full-width,
	.site-header.header-full-width {
		max-width: 100%;
	}
}

@media (min-width: 992px) {

	.page-header .entry-title,
	.site-footer .footer-inner,
	.site-footer:not(.dynamic-footer),
	.site-header .header-inner,
	.site-header:not(.dynamic-header),
	body:not([class*="elementor-page-"]) .entry-content {
		max-width: 800px;
	}

	.site-footer.footer-full-width,
	.site-header.header-full-width {
		max-width: 100%;
	}
}

@media (min-width: 1200px) {

	.page-header .entry-title,
	.site-footer .footer-inner,
	.site-footer:not(.dynamic-footer),
	.site-header .header-inner,
	.site-header:not(.dynamic-header),
	body:not([class*="elementor-page-"]) .entry-content {
		max-width: 1140px;
	}

	.site-footer.footer-full-width,
	.site-header.header-full-width {
		max-width: 100%;
	}
}

.site-header+.elementor {
	min-height: calc(100vh - 320px);
}

/* End From Hello Elementor */
body.page-template-default .site-main {
	padding: 0 0 50px;
}

body.page-template-default .site-main .page-header {
	padding: 60px 20px;
	background: #101828;
}

/* Header with background image styles */
.site-main .page-header.page-header-with-bg {
	position: relative;
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	min-height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 20px;
	font-size: 30px;
	line-height: 1.3em;
	min-height: 300px;
}

.site-main .page-header.page-header-with-bg .page-header-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(16, 24, 40, 0.7);
	z-index: 1;
}

.site-main .page-header.page-header-with-bg .page-header-content {
	position: relative;
	z-index: 2;
	text-align: center;
	width: 100%;
}

.site-main .page-header.page-header-with-bg h1.entry-title {
	color: #000;
	line-height: 1.2em;
	font-weight: 700;
	font-size: 40px;
	letter-spacing: -0.1px;
	text-align: center;
}

.entry-content {
	margin: 0;
}

body.post-template-default.single-post .entry-content h2 {
	margin: 25px 0 15px;
}

body.post-template-default.single-post .entry-content p {
	margin: 0 0 15px;
}

body.page-template-default .site-main h1.entry-title {
	margin-bottom: 0;
	margin-top: 0;
	color: #000000;
	font-family: var(--font-secondary);
	font-weight: 700;
	font-size: 40px;
	line-height: 1em;
	letter-spacing: -0.1px;
	text-align: center;
	vertical-align: middle;
}

h2.wp-block-heading {
	margin-bottom: 10px;
}

.wp-block-heading:not(:first-of-type) {
	margin-top: 20px;
}

/* TarteeleQuran */
.elementor-widget.elementor-widget-text-editor p:not(:last-child) {
	margin-bottom: 20px;
}

.elementor-posts .elementor-post__text {
	display: grid;
}

.elementor-posts .elementor-post__meta-data {
	order: -1;
}

a.elementor-post__read-more:after {
	background-image: url("data:image/svg+xml,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.43801 9.53674e-07C9.57397 2.95639e-05 9.70686 0.0403662 9.81989 0.115911C9.93292 0.191458 10.021 0.29882 10.073 0.424426C10.1251 0.550032 10.1387 0.688243 10.1122 0.821586C10.0856 0.954927 10.0202 1.07742 9.92408 1.17356L1.17392 9.92406C1.04501 10.053 0.870148 10.1255 0.687806 10.1255C0.505466 10.1256 0.33058 10.0531 0.201623 9.92424C0.0726652 9.79532 0.000199318 9.62046 0.000167847 9.43812C0.000135422 9.25578 0.0725393 9.0809 0.201451 8.95194L8.95195 0.201439C9.0157 0.137487 9.09146 0.0867682 9.17487 0.0521984C9.25829 0.0176287 9.34772 -0.00011158 9.43801 9.53674e-07Z' fill='white'/%3E%3Cpath d='M9.43787 -7.9155e-05C9.6202 -7.9155e-05 9.79507 0.0723543 9.924 0.201286C10.0529 0.330217 10.1254 0.505085 10.1254 0.687421V7.73636C10.1254 7.91869 10.0529 8.09356 9.924 8.22249C9.79507 8.35143 9.6202 8.42386 9.43787 8.42386C9.25553 8.42386 9.08066 8.35143 8.95173 8.22249C8.8228 8.09356 8.75037 7.91869 8.75037 7.73636V0.687421C8.75037 0.505085 8.8228 0.330217 8.95173 0.201286C9.08066 0.0723543 9.25553 -7.9155e-05 9.43787 -7.9155e-05Z' fill='white'/%3E%3Cpath d='M2.38893 3.05176e-05H9.43787C9.6202 3.05176e-05 9.79507 0.0724641 9.924 0.201395C10.0529 0.330327 10.1254 0.505194 10.1254 0.687531C10.1254 0.869867 10.0529 1.04474 9.924 1.17367C9.79507 1.3026 9.6202 1.37503 9.43787 1.37503H2.38893C2.20659 1.37503 2.03172 1.3026 1.90279 1.17367C1.77386 1.04474 1.70143 0.869867 1.70143 0.687531C1.70143 0.505194 1.77386 0.330327 1.90279 0.201395C2.03172 0.0724641 2.20659 3.05176e-05 2.38893 3.05176e-05Z' fill='white'/%3E%3C/svg%3E%0A");
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	vertical-align: middle;
	margin-left: 5px;
}

nav.elementor-pagination {
	margin-top: 70px;
	margin-bottom: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

nav.elementor-pagination svg {
	width: 35px;
}

nav.elementor-pagination>.page-numbers {
	display: flex;
	width: 50px;
	height: 50px;
	justify-content: center;
	align-items: center;
	background: var(--e-global-color-primary);
	color: #fff;
	border-radius: 50%;
	transition: 0.8s;
	margin: 0 !important;
}

nav.elementor-pagination>.page-numbers:hover,
nav.elementor-pagination>span.page-numbers.current {
	background: var(--e-global-color-accent);
}
/* LOGIN ICON */
.menu-login > a::before {
	position: absolute;
	content: "";
	width: 15px;
	height: 15px;
	background: url('https://www.tarteelequran.com/wp-content/uploads/2026/02/enter.png');
	background-size: 100% auto !important;
	background-position: center center !important;
	opacity: 1 !important;
	left: -15px;
}
/* SIGNUP ICON */
.menu-signup > a::before {
	position: absolute;
	content: "";
	width: 15px;
	height: 15px;
	background: url('https://www.tarteelequran.com/wp-content/uploads/2026/02/user.png');
	background-size: 100% auto !important;
	background-position: center center !important;
	opacity: 1 !important;
	left: -15px;

}
/* End custom CSS */
.elementor-posts .elementor-post {
	position: relative;
}

span.elementor-post-date {
	position: absolute;
	top: 0;
	left: 50px;
	background: var(--e-global-color-primary);
	display: grid;
	grid-template-columns: 1fr;
	justify-content: center;
	padding: 15px 18px 20px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	grid-gap: 3px;
}

span.blog-published-day::before {
	display: none;
}

span.blog-published-date {
	font-size: 26px;
	font-weight: 700;
}

span.elementor-post-date * {
	color: #fff;
	text-align: center;
}

span.blog-published-day {
	font-size: 16px;
}


// new css written on 27/01/2026
form.custom-form h5 {
	font-family: "Urbanist", Sans-serif;
	font-weight: 500;
	font-size: 20px;
	color: #687799;
}

.custom-form input, .custom-form textarea, .custom-form select {
	width: 100% !important;
	margin-bottom: 10px;
	height: 50px;
	padding: 10px;
	background: #EFF5FF;
	border: none;
	border-radius: 16px;
	font-family: "Urbanist", Sans-serif;
	font-size: 16px;
	outline: none !important;
}
.custom-form textarea{
	min-height: 100px;
}
.custom-form input#button1 {
	margin-top: 20px;
	margin-bottom: 0px;
	padding: 10px !important;
	border-radius: 16px !important;
}
.custom-form p {
	font-size: 16px;
	font-weight: 400;
}
span.elementor-post-author {
	display: none;
}
.elementor-page-11282 .elementor-posts-container{
	padding: 0px 20px;
}
header nav ul * {
	text-transform: uppercase;
}
li.menu-item.menu-item-has-children {
	position: relative;
	padding-right: 10px;
}
li.menu-item.menu-item-has-children::after, li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-has-children::after {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 20px;
	height: 20px;
	content: "";
	background: url(/wp-content/uploads/2026/02/add.png);
	background-position: center center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	border: none;
	transform: translateY(-50%);
}
li.menu-item.menu-item-has-children::after{
	transform: translateY(-50%) rotate(-90deg);
}
.elementor-element.elementor-element-314124f {
	z-index: 999;
}
span.elementor-post-date {
	display: none;
}
.single-blog-navigation a {
	display: flex;
	background: #77A4F4;
	margin: 20px;
	padding: 10px 20px;
	border-radius: 28px;
}
.single-blog-navigation .elementor-post-navigation * {
	width: auto !important;
}
a#slider-2-slide-6-layer-11:hover,
a#slider-2-slide-5-layer-11:hover {
	color: #77A4F4 !important;
	border: 2px solid #77A4F4 !important;
	background-color: #EEF5FF !important;
}
/* large display css */
@media only screen and (min-width: 1367px) and (max-width: 1667px){
	.elementor-element.elementor-element-314124f {
		display: grid;
		grid-template-columns: 250px 1fr 200px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.elementor-element.elementor-element-314124f * {
		font-size: 14px !important;
	}
}
@media only screen and (min-width: 1367px) and (max-width: 1450px){
	.e-con-inner {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.elementor-25 .elementor-element.elementor-element-4c40ea3 .elementor-nav-menu--main .elementor-item {
		margin: 0px 3px;
		padding: 0px 10px;
	}
}
@media only screen and (min-width: 1050px) and (max-width: 1366px){
	.elementor-element.elementor-element-b88b44f {
		max-width: 100%;
	}
	.elementor-element.elementor-element-314124f.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
		padding: 20px;
	}
	.elementor-element.elementor-element-deff15b {
		width: 200px !important;
	}

	.elementor-element.elementor-element-31f91f6 {
		width: 160px !important;
	}

	.elementor-element.elementor-element-4c40ea3 {
		width: calc(100% - 420px) !important;
	}
	.elementor-25 .elementor-element.elementor-element-4c40ea3 .elementor-nav-menu--main .elementor-item {
		padding: 0px 10px;
	}
}
@media only screen and (min-width: 1550px){
	.elementor-element.elementor-element-314124f * {
		font-size: 14px !important;
	}

}

/* mobile resposnive css */
@media only screen and (max-width: 767px){
	.elementor-element.elementor-element-314124f {
		flex-wrap: nowrap;
		gap: 20px;
		display: grid;
		grid-template-columns: 1fr 50px 50px;
	}

	.elementor-element.elementor-element-314124f > div {
		width: auto !important;
		flex: unset;
	}
	.elementor-element.elementor-element-c50677c .elementor-icon-wrapper {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.elementor-element.elementor-element-caa29bd {
		position: absolute;
		top: 190px;
		z-index: -1;
		transition: 0.8s;
		opacity: 0;
		visibility: hidden;
	}
	body.admin-bar .elementor-element.elementor-element-caa29bd {
		top: 235px;
	}
	.elementor-element.elementor-element-caa29bd.active{
		z-index: 999;
		opacity: 1;
		visibility: visible;
	}
	.elementor-element.elementor-element-314124f {
		/*     position: fixed;
		top: 0;
		left: 0; */
		width: 100%;
		height: auto;
		z-index: 999;
		background: #fff;
		padding: 10px 20px;
	}

	.elementor-element.elementor-element-9eaf997 {
		text-align: left;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.elementor-element.elementor-element-caa29bd {
		padding: 20px;
	}

	.elementor-element.elementor-element-d58407c ul.elementor-icon-list-items.elementor-inline-items {
		display: flex;
		flex-wrap: wrap;
		gap: 20px;
	}

	.elementor-element.elementor-element-d58407c ul.elementor-icon-list-items.elementor-inline-items li {
		width: 100%;
	}

	.elementor-25 .elementor-element.elementor-element-4c40ea3 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-25 .elementor-element.elementor-element-4c40ea3 .elementor-nav-menu__container.elementor-nav-menu--dropdown {
		margin-top: 27px !important;
	}
	.elementor-element.elementor-element-194a58d {
		order: 2;
	}

	.elementor-element.elementor-element-19905e4 {
		order: 1 !important;
	}
	.elementor-element.elementor-element-5fa5480 {
		display: none;
	}
	li.menu-item.menu-item-has-children::after{
		transform: translateY(-50%) rotate(0deg);
	}
	.menu-top-or-not.active {
		position: fixed;
		top: 88px;
	}
	rs-arrow.tp-leftarrow.tparrows.hephaistos {
		position: absolute;
		bottom: 0 !important;
		top: unset !important;
		left: 30% !important;
		/* transform: translate(10px, 10px) !important; */
	}

	rs-arrow.tp-rightarrow.tparrows.hephaistos {
		position: absolute;
		top: unset !important;
		bottom: 0 !important;
		left: 70% !important;
	}
	rs-layer#slider-2-slide-6-layer-0 {
		left: unset !important;
		right: 20px !important;
		top: 31px;
	}
	rs-layer#slider-2-slide-5-layer-0 {
		right: 20px;
	}
	rs-layer#slider-2-slide-5-layer-0 {
		right: 20px;
	}

	rs-arrow.tp-rightarrow.tparrows.hephaistos * {
		font-size: 14px !important;
	}

	rs-layer#slider-2-slide-5-layer-10 {
		font-size: 8px !important;
		line-height: 1.3 !important;
	}

	rs-layer#slider-2-slide-5-layer-5 {
		font-size: 8px !important;
	}

	a#slider-2-slide-5-layer-11 {
		font-size: 10px !important;
		padding: 5px !important;
	}


	rs-layer#slider-2-slide-5-layer-0 {
		right: 20px;
	}

	rs-arrow.tp-rightarrow.tparrows.hephaistos * {
		font-size: 14px !important;
	}

	rs-layer#slider-2-slide-5-layer-10 {
		font-size: 8px !important;
		line-height: 1.3 !important;
	}

	rs-layer#slider-2-slide-5-layer-5 {
		font-size: 8px !important;
	}

	a#slider-2-slide-5-layer-11 {
		font-size: 10px !important;
		padding: 5px !important;
	}

	rs-group#slider-2-slide-5-layer-9 {
		margin-top: -27px;
	}

	rs-layer#slider-2-slide-6-layer-5 {
		font-size: 10px !important;
		line-height: 1.3 !important;
	}

	rs-layer#slider-2-slide-6-layer-10 {
		font-size: 9px !important;
		line-height: 1.2 !important;
	}

	rs-group-wrap.rs-parallax-wrap {
		width: 119px !important;
		left: 20px !important;
	}

	rs-group#slider-2-slide-6-layer-9 {
		width: 157px !important;
	}

	a#slider-2-slide-6-layer-11 {
		font-size: 10px !important;
		padding: 5px !important;
	}
}

.entry-content h2,
.entry-content h3 {
	margin-top: 30px;
	margin-bottom: 15px;
}

.entry-content p {
	margin-bottom: 18px;
}

.entry-content p {
	margin-top: 15px;
	margin-bottom: 15px;
	line-height: 1.8;
}
/* Reduce space below headings */
h2, h3 {
	margin-top: 20px !important;
	margin-bottom: 10px !important;
}

/* Reduce paragraph spacing */
.entry-content p {
	margin-bottom: 12px !important;
}

/* Reduce bullet spacing */
.entry-content ul {
	margin-top: 8px !important;
	margin-bottom: 12px !important;
}

.entry-content ul li {
	margin-bottom: 6px !important;
}

/* Reduce gap between paragraph and next heading */
p + h2,
p + h3 {
	margin-top: 15px !important;
}
#wpadminbar .quicklinks ul {
	margin: 0 !important;
}