/*
* 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);
}

/* 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/01/arrows.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.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
    z-index: 999999;
}
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;
}
/* 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: 150px;
    z-index: -1;
    transition: 0.8s;
    opacity: 0;
    visibility: hidden;
}
	.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);
}
}