/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
html,
body {
	height: 100%;
}

@media screen and (min-width: 960px) {
    html {
        overflow-y: scroll;
    }
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-thumb {
	background: var(--bricks-color-11b3f7);
	border-radius: 5px;
}

::-webkit-scrollbar-track {
	background: #ffffff;
}

ol li::marker {
	font-size: 1.6rem;
}

.ar, .ayat {
	direction: rtl;
	font-size: 32px;
	line-height: 1.7;
	margin-bottom: 10px;
}

.ayat {
	font-family: "Uthman Hafs", Helvetica, sans-serif;
}

@media (max-width: 767px) {
	.ar, .ayat {
		font-size: 28px;
	}
}

.brxe-button {
	cursor: pointer;
	transition: var(--transition);
}

.bricks-mobile-menu-wrapper {
	padding: var(--s40) var(--s30);
}

.bricks-mobile-menu {
	width: 100%;
}

.s__dropdown:hover,
.s__dropdown.active {
	background-color: var(--border-lighter);
}

.s__dropdown.active button {
	color: var(--link-secondary);
}

.surah__title-ar {
	font-family: "Helvetica", sans-serif;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-feature-settings: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1.2;
/* 	color: #2e7474; */
	-webkit-font-smoothing: antialiased;
}

.s__sura__title-ar-:before {
content: "\e903";
}
.s__sura__title-ar-1:before {
content: "\e904";
}
.s__sura__title-ar-2:before {
content: "\e905";
}
.s__sura__title-ar-3:before {
content: "\e906";
}
.s__sura__title-ar-4:before {
content: "\e907";
}
.s__sura__title-ar-5:before {
content: "\e908";
}
.s__sura__title-ar-6:before {
content: "\e90b";
}
.s__sura__title-ar-7:before {
content: "\e90c";
}
.s__sura__title-ar-8:before {
content: "\e90d";
}
.s__sura__title-ar-9:before {
content: "\e90e";
}
.s__sura__title-ar-10:before {
content: "\e90f";
}
.s__sura__title-ar-11:before {
content: "\e910";
}
.s__sura__title-ar-12:before {
content: "\e911";
}
.s__sura__title-ar-13:before {
content: "\e912";
}
.s__sura__title-ar-14:before {
content: "\e913";
}
.s__sura__title-ar-15:before {
content: "\e914";
}
.s__sura__title-ar-16:before {
content: "\e915";
}
.s__sura__title-ar-17:before {
content: "\e916";
}
.s__sura__title-ar-18:before {
content: "\e917";
}
.s__sura__title-ar-19:before {
content: "\e918";
}
.s__sura__title-ar-20:before {
content: "\e919";
}
.s__sura__title-ar-21:before {
content: "\e91a";
}
.s__sura__title-ar-22:before {
content: "\e91b";
}
.s__sura__title-ar-23:before {
content: "\e91c";
}
.s__sura__title-ar-24:before {
content: "\e91d";
}
.s__sura__title-ar-25:before {
content: "\e91e";
}
.s__sura__title-ar-26:before {
content: "\e91f";
}
.s__sura__title-ar-27:before {
content: "\e920";
}
.s__sura__title-ar-28:before {
content: "\e921";
}
.s__sura__title-ar-29:before {
content: "\e922";
}
.s__sura__title-ar-30:before {
content: "\e923";
}
.s__sura__title-ar-31:before {
content: "\e924";
}
.s__sura__title-ar-32:before {
content: "\e925";
}
.s__sura__title-ar-33:before {
content: "\e926";
}
.s__sura__title-ar-34:before {
content: "\e92e";
}
.s__sura__title-ar-35:before {
content: "\e92f";
}
.s__sura__title-ar-36:before {
	content: '\e930';
}
.s__sura__title-ar-37:before {
	content: '\e931';
}
.s__sura__title-ar-38:before {
	content: '\e909';
}
.s__sura__title-ar-39:before {
	content: '\e90a';
}
.s__sura__title-ar-40:before {
	content: '\e927';
}
.s__sura__title-ar-41:before {
	content: '\e928';
}
.s__sura__title-ar-42:before {
	content: '\e929';
}
.s__sura__title-ar-43:before {
	content: '\e92a';
}
.s__sura__title-ar-44:before {
	content: '\e92b';
}
.s__sura__title-ar-45:before {
	content: '\e92c';
}
.s__sura__title-ar-46:before {
	content: '\e92d';
}
.s__sura__title-ar-47:before {
	content: '\e932';
}
.s__sura__title-ar-48:before {
	content: '\e902';
}
.s__sura__title-ar-49:before {
	content: '\e933';
}
.s__sura__title-ar-50:before {
	content: '\e934';
}
.s__sura__title-ar-51:before {
	content: '\e935';
}
.s__sura__title-ar-52:before {
	content: '\e936';
}
.s__sura__title-ar-53:before {
	content: '\e937';
}
.s__sura__title-ar-54:before {
	content: '\e938';
}
.s__sura__title-ar-55:before {
	content: '\e939';
}
.s__sura__title-ar-56:before {
	content: '\e93a';
}
.s__sura__title-ar-57:before {
	content: '\e93b';
}
.s__sura__title-ar-58:before {
	content: '\e93c';
}
.s__sura__title-ar-59:before {
	content: '\e900';
}
.s__sura__title-ar-60:before {
	content: '\e901';
}
.s__sura__title-ar-61:before {
	content: '\e941';
}
.s__sura__title-ar-62:before {
	content: '\e942';
}
.s__sura__title-ar-63:before {
	content: '\e943';
}
.s__sura__title-ar-64:before {
	content: '\e944';
}
.s__sura__title-ar-65:before {
	content: '\e945';
}
.s__sura__title-ar-66:before {
	content: '\e946';
}
.s__sura__title-ar-67:before {
	content: '\e947';
}
.s__sura__title-ar-68:before {
	content: '\e948';
}
.s__sura__title-ar-69:before {
	content: '\e949';
}
.s__sura__title-ar-70:before {
	content: '\e94a';
}
.s__sura__title-ar-71:before {
	content: '\e94b';
}
.s__sura__title-ar-72:before {
	content: '\e94c';
}
.s__sura__title-ar-73:before {
	content: '\e94d';
}
.s__sura__title-ar-74:before {
	content: '\e94e';
}
.s__sura__title-ar-75:before {
	content: '\e94f';
}
.s__sura__title-ar-76:before {
	content: '\e950';
}
.s__sura__title-ar-77:before {
	content: '\e951';
}
.s__sura__title-ar-78:before {
	content: '\e952';
}
.s__sura__title-ar-79:before {
	content: '\e93d';
}
.s__sura__title-ar-80:before {
	content: '\e93e';
}
.s__sura__title-ar-81:before {
	content: '\e93f';
}
.s__sura__title-ar-82:before {
	content: '\e940';
}
.s__sura__title-ar-83:before {
	content: '\e953';
}
.s__sura__title-ar-84:before {
	content: '\e954';
}
.s__sura__title-ar-85:before {
	content: '\e955';
}
.s__sura__title-ar-86:before {
	content: '\e956';
}
.s__sura__title-ar-87:before {
	content: '\e957';
}
.s__sura__title-ar-88:before {
	content: '\e958';
}
.s__sura__title-ar-89:before {
	content: '\e959';
}
.s__sura__title-ar-90:before {
	content: '\e95a';
}
.s__sura__title-ar-91:before {
	content: '\e95b';
}
.s__sura__title-ar-92:before {
	content: '\e95c';
}
.s__sura__title-ar-93:before {
	content: '\e95d';
}
.s__sura__title-ar-94:before {
	content: '\e95e';
}
.s__sura__title-ar-95:before {
	content: '\e95f';
}
.s__sura__title-ar-96:before {
	content: '\e960';
}
.s__sura__title-ar-97:before {
	content: '\e961';
}
.s__sura__title-ar-98:before {
	content: '\e962';
}
.s__sura__title-ar-99:before {
	content: '\e963';
}
.s__sura__title-ar-100:before {
	content: '\e964';
}
.s__sura__title-ar-101:before {
	content: '\e965';
}
.s__sura__title-ar-102:before {
	content: '\e966';
}
.s__sura__title-ar-103:before {
	content: '\e967';
}
.s__sura__title-ar-104:before {
	content: '\e968';
}
.s__sura__title-ar-105:before {
	content: '\e969';
}
.s__sura__title-ar-106:before {
	content: '\e96a';
}
.s__sura__title-ar-107:before {
	content: '\e96b';
}
.s__sura__title-ar-108:before {
	content: '\e96c';
}
.s__sura__title-ar-109:before {
	content: '\e96d';
}
.s__sura__title-ar-110:before {
	content: '\e96e';
}
.s__sura__title-ar-111:before {
	content: '\e96f';
}
.s__sura__title-ar-112:before {
	content: '\e970';
}
.s__sura__title-ar-113:before {
	content: '\e971';
}
.s__sura__title-ar-114:before {
	content: '\e972';
}

.s__sura__in-grids:hover .s__sura__number,
.s__juz__in-grids:hover .juz__number {
	border-color: var(--link-primary);
}

.s__sura__in-grids:hover .s__surah__title-ru h3,
.s__juz__in-grids:hover .juz__box__content {
	color: var(--link-primary);
}

.s__sura__title:before,
.s__sura__title:after,
.s__ayat__number::before,
.s__ayat__number::after {
	position: absolute;
    font-weight: 400;
	color: var(--link-primary);
    font-family: "Uthman Naskh", Helvetica, sans-serif;
}
.s__sura__title:before,
.s__sura__title:after {
	font-size: 4rem;
	top: -9px;
}
.s__sura__title:before {
	content: '﴾';
	left: -13px;
}
.s__sura__title:after {
	content: '﴿';
	right: -13px;
}

.s__juz__num__in-sura:not(:last-child):after,
.s__juz__num__in-sura:last-child:after {
	position: relative;
}
.s__juz__num__in-sura:not(:last-child):after {
	content: ",";
}
.s__juz__num__in-sura:last-child:after {
	content: ".";
}

.s__ayat__number::before,
.s__ayat__number::after {
	font-size: 30px;
    left: 7px;
	transform: rotateZ(-90deg);
}
.s__ayat__number::before {
	content: '﴿';
	top: -10px;
}
.s__ayat__number::after {
	content: '﴾';
	bottom: -10px;
}

.brxe-button[data-balloon-pos=top]:before,
.s__btn__c_like[data-balloon-pos=top]:before{
	border-top-color: var(--border-lighter);
}
.brxe-button[data-balloon]:after,
.s__btn__c_like[data-balloon]:after{
	background-color: var(--border-lighter);
	color: var(--body-color);
	font-weight: 400;
}

.s__ayat__loop,
.s__sura__loop {
	overflow-y: auto;
}

.s__ayat__link_active,
.s__ayat__link_current,
.s__sura__link_current {
	background-color: var(--border-lighter);
}

.s__ayat__navs.brxe-post-navigation {
	flex-wrap: nowrap;
}
.swiper-button {
	display: flex;
	transition: var(--transition);
}

.s__ayat__audio,
.s__ayat__tafseer {
	opacity: 0;
}
.s__ayat__audio.is__block,
.s__ayat__tafseer.is__block{
	opacity: 1;
}

.s__ayat__tafseer {
	height: 0;
}
.s__ayat__tafseer > * {
	display: none;
}
.s__ayat__tafseer.is__block {
	height: 100%;
}
.s__ayat__tafseer.is__block > *{
	display: flex;
}

/*
 * Filters 
 */
.s__place__filter > li {
    padding: var(--s2) var(--s6);
    border-radius: 5px;
	transition: var(--transition);
}

.s__place__filter > li:hover,
.s__place__filter > li.brx-option-active,
.s__drop__down:hover,
.s__drop__down.active {
	background-color: var(--border-lighter);
}

.s__place__filter.brxe-filter-radio label{
	gap: 0.2em;
}

.s__place__filter.brxe-filter-radio input[type="radio"] {
	display: none;
}

/**
 * Search btns
**/ 
.s__search__overlay.brxe-search button.close {
	color: var(--white);
}


/**
 * Jetengine customize
**/
.jet-data-store-link-wrapper {
	z-index: 5;
}