/* common.css - styles shared by every page: WP block presets (used inside imported chapter/page
   HtmlContent), global theme tweaks, banner (offhome), sidebar quran-options/audio (footer mobile
   widget), comments/discussion, typography, stretch + fade-in fallbacks. Page-specific styles live
   in css/pages/*.css, linked from each view's Styles section. */
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
img.wp-smiley,img.emoji{
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}
@media (min-resolution:192dpi){
:root{--wp-admin-border-width-focus:1.5px}
}
.wp-element-button{cursor:pointer}
:root .has-very-light-gray-background-color{background-color:#eee}
:root .has-very-dark-gray-background-color{background-color:#313131}
:root .has-very-light-gray-color{color:#eee}
:root .has-very-dark-gray-color{color:#313131}
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}
:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}
:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}
:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}
:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}
:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}
:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}
:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}
.has-regular-font-size{font-size:1em}
.has-larger-font-size{font-size:2.625em}
.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}
.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}
:root .has-text-align-center{text-align:center}
:root .has-text-align-left{text-align:left}
:root .has-text-align-right{text-align:right}
.has-fit-text{white-space:nowrap!important}
#end-resizable-editor-section{display:none}
.aligncenter{clear:both}
.items-justified-left{justify-content:flex-start}
.items-justified-center{justify-content:center}
.items-justified-right{justify-content:flex-end}
.items-justified-space-between{justify-content:space-between}
.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
html :where(.has-border-color){border-style:solid}
html :where([style*=border-color]){border-style:solid}
html :where([style*=border-top-color]){border-top-style:solid}
html :where([style*=border-right-color]){border-right-style:solid}
html :where([style*=border-bottom-color]){border-bottom-style:solid}
html :where([style*=border-left-color]){border-left-style:solid}
html :where([style*=border-width]){border-style:solid}
html :where([style*=border-top-width]){border-top-style:solid}
html :where([style*=border-right-width]){border-right-style:solid}
html :where([style*=border-bottom-width]){border-bottom-style:solid}
html :where([style*=border-left-width]){border-left-style:solid}
html :where(img[class*=wp-image-]){height:auto;max-width:100%}
:where(figure){margin:0 0 1em}
html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}
@media screen and (max-width:600px){
html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}
}
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}
.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #fff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--virtue-primary: #2d5c88;--wp--preset--color--virtue-primary-light: #6c8dab;--wp--preset--color--very-light-gray: #eee;--wp--preset--color--very-dark-gray: #444;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}
:where(body){ margin: 0; }
:where(.is-layout-flex){gap: 0.5em;}
:where(.is-layout-grid){gap: 0.5em;}
body .is-layout-flex{display: flex;}
.is-layout-flex{flex-wrap: wrap;align-items: center;}
.is-layout-flex > :is(*,div){margin: 0;}
body .is-layout-grid{display: grid;}
.is-layout-grid > :is(*,div){margin: 0;}
body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
:root :where(.wp-element-button,.wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}
.has-black-color{color: var(--wp--preset--color--black) !important;}
.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.has-white-color{color: var(--wp--preset--color--white) !important;}
.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}
.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}
.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}
.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}
.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}
.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}
.has-virtue-primary-color{color: var(--wp--preset--color--virtue-primary) !important;}
.has-virtue-primary-light-color{color: var(--wp--preset--color--virtue-primary-light) !important;}
.has-very-light-gray-color{color: var(--wp--preset--color--very-light-gray) !important;}
.has-very-dark-gray-color{color: var(--wp--preset--color--very-dark-gray) !important;}
.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}
.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}
.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}
.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}
.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}
.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}
.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}
.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}
.has-virtue-primary-background-color{background-color: var(--wp--preset--color--virtue-primary) !important;}
.has-virtue-primary-light-background-color{background-color: var(--wp--preset--color--virtue-primary-light) !important;}
.has-very-light-gray-background-color{background-color: var(--wp--preset--color--very-light-gray) !important;}
.has-very-dark-gray-background-color{background-color: var(--wp--preset--color--very-dark-gray) !important;}
.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}
.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}
.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}
.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}
.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}
.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}
.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}
.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}
.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}
.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}
.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}
.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}
.has-virtue-primary-border-color{border-color: var(--wp--preset--color--virtue-primary) !important;}
.has-virtue-primary-light-border-color{border-color: var(--wp--preset--color--virtue-primary-light) !important;}
.has-very-light-gray-border-color{border-color: var(--wp--preset--color--very-light-gray) !important;}
.has-very-dark-gray-border-color{border-color: var(--wp--preset--color--very-dark-gray) !important;}
.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}
.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}
.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}
.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}
.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}
.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}
.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}
.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}
.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}
.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}
.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}
.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}
.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
p.zeno_font_resizer .screen-reader-text{
			border: 0;
			clip: rect(1px, 1px, 1px, 1px);
			clip-path: inset(50%);
			height: 1px;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute;
			width: 1px;
			word-wrap: normal !important;
		}
.tp-caption,.yith-wcan-list li,.yith-wcan .yith-wcan-reset-navigation,ul.yith-wcan-label li a,.price{font-family:Lato;}
#kadbreadcrumbs{font-family:Open Sans;}
.sidebar a,.product_price,.select2-container .select2-choice,.kt_product_toggle_container .toggle_grid,.kt_product_toggle_container .toggle_list,.kt_product_toggle_container_list .toggle_grid,.kt_product_toggle_container_list .toggle_list{color:#191919;}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{ -webkit-appearance: none; margin: 0; }
input[type=number]{-moz-appearance: textfield;}
.quantity input::-webkit-outer-spin-button,.quantity input::-webkit-inner-spin-button{display: none;}
.sidebar a,.product_price,.select2-container .select2-choice,.kt_product_toggle_container .toggle_grid,.kt_product_toggle_container .toggle_list,.kt_product_toggle_container_list .toggle_grid,.kt_product_toggle_container_list .toggle_list{color:#191919;}
.portfolionav{padding: 10px 0 10px;}
.woocommerce-ordering{margin: 16px 0 0;}
.product_item .product_details h5{text-transform: none;}
.product_item .product_details h5{min-height:40px;}
#kad-head-cart-popup ul.cart_list li,#kad-head-cart-popup p.woocommerce-mini-cart__empty-message{color: #383838;}
.kad-hidepostauthortop,.postauthortop{display:none;}
.subhead .postedintop,.kad-hidepostedin{display:none;}
.postcommentscount{display:none;}
.postdate,.kad-hidedate,.postdatetooltip,.recentpost_date{display:none;}
[class*="wp-image"]{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border:none;}
[class*="wp-image"]:hover{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;border:none;}
.light-dropshaddow{-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}
.entry-content p{ margin-bottom:16px;}
.img-pad-zero{padding:0}
.img-mar-zero{margin:0 !important}
.titleline{height:8px;border:0;margin:0;margin-bottom:0px;text-align: left;width: 90px;margin-bottom: 1.5rem;background-color: #50b7e8}
.widget-title{text-transform: uppercase}
.home-widget-txt p{max-width:550px}
.lg-kad-btn{padding:16px 30px}
.kad-btn{padding:8px 30px;font-weight:bold}
.emphasis{font-size:24px;font-weight:bold}
#ktsidebar{/*margin-top:33px*/margin-top:28px}
#ktsidebar h3{font-size:24px}
.form-submit .submit{background:#4eb8e9 !important}
.contentclass .container{width:70%}
select{border:none}
.nextpageAK{text-align:center}
.search-results #ktsidebar,.search-no-results #ktsidebar{display:none}
.search-results .main.col-lg-9,.search-no-results .main.col-lg-9{width:100%}
.search-results h1,.search-no-results h1{font-size:28px}
.search-no-results #ktmain .form-search{display:none}
.a2a_kit{display:none}
#quranoptions .a2a_kit{display:block}
.quranoptionsbutton,.testbutton{display:none}
#quranoptionsmobile{display:none}
#quranoptionsmobile{display:none;position:fixed;top:240px;right:22px;max-width:180px;width:150px;max-height:calc(100vh - 260px);overflow-y:auto;-webkit-overflow-scrolling:touch;}
#quranoptionsmobile #quranoptions h3{font-size:14px;}
#quranoptionsmobile #quranoptions{margin-top:0;font-size:12px;border:1px solid #666}
.quranoptionsbutton{display:none;cursor:pointer}
.postid-837 .testbutton{display:block}
.quranoptionsbutton{position:fixed;top:200px;right:5px;z-index:9999}
.quranoptionsbutton .fa-square{color:#4eb8e9}
.kad-post-navfoot .kad-next-link a:hover,.kad-post-navfoot .kad-previous-link a:hover,#commentform .form-submit #submit:hover,.readquransubmit button:hover,.blogposts .kad-next-link a:hover,.blogposts  .kad-previous-link a:hover{background:#2d5c88 !important}
.kad-post-navfoot .kad-next-link a,.kad-post-navfoot .kad-previous-link a,#commentform .form-submit,.readquransubmit button{transition: background .6s ease-out;
-webkit-transition: background .6s ease-out;
-moz-transition: background .6s ease-out;
-o-transition: background .6s ease-out}
.kad-post-navfoot .kad-next-link a{padding: 8px 6px 8px 12px}
.kad-post-navfoot .kad-previous-link a{padding:8px 12px 8px 6px}
.single-post .contentclass{/*background:#e8e8e8*/ background:#f0f0f0;}
#quranoptions{/*margin-top:70px;*/text-align:center}
#quranoptions{
/*background:#fadda5;*/
background: rgb(154,176,176);
background: linear-gradient(0deg, rgba(154,176,176,1) 0%, rgba(205,217,217,1) 100%);
padding:15px 15px 0 15px;color:#383838}
#quranoptions h3{/*color:#383838;margin-bottom:20px;*/display:none}
#quranoptions button{/*border:1px solid #383838;*/border:none;/*background:transparent;*/margin-right:3px}
#quranoptions button{color:#383838;width:100%;margin-top:2px;margin-bottom:2px;background: rgba(255,255,255,1);}
#quranoptions .fa-share-alt{margin-bottom:10px}
#quranoptionsmob{/*margin-top:70px;*/text-align:center}
#quranoptionsmob{
/*background:#fadda5;*/
background: rgb(154,176,176);
background: linear-gradient(0deg, rgba(154,176,176,1) 0%, rgba(205,217,217,1) 100%);
padding:15px 15px 0 15px;color:#383838}
#quranoptions h3{/*color:#383838;margin-bottom:20px;*/display:none}
#quranoptionsmob button{/*border:1px solid #383838;*/border:none;/*background:transparent;*/margin-right:3px}
.mobilebuttons{color:#383838;width:100%;margin-top:2px;margin-bottom:2px;background: rgba(255,255,255,1);}
#quranoptionsmob .fa-share-alt{margin-bottom:10px}
#quranoptionsmob .mejs-button > button{
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
margin: 10px 0px;
}
.quranaudio{padding:0 15px 15px 15px;background:#9cb1b1}
.quranaudio .mejs-container .mejs-controls{background:#cd3824}
#quranoptionsmobile .quranaudio button{z-index:99999}
#quranoptionsmobile .quranaudio .mejs-time,#quranoptionsmobile .quranaudio .mejs-time-rail,#quranoptionsmobile .quranaudio .mejs-volume-button,#quranoptionsmobile .quranaudio .mejs-horizontal-volume-slider{display:none}
#reply-title,#commentform label{font-size:20px !important;line-height:30px;color: #383838;}
#comments h3{font-size:20px}
.comment .media-body{background:#fff}
#comments h5.media-heading{font-size:18px}
.comment .media-body{font-size:16px}
.panel-heading.discussion-panel .accordion-toggle{
    color: #383838;
     background: rgb(154,176,176);
background: linear-gradient(0deg, rgba(154,176,176,1) 0%, rgba(205,217,217,1) 100%);
}
.panel-body.discussion-panel-body{background:#fff;overflow-y: auto;
max-height: 800px;}
.discussion-panel h5{font-size:20px}
.single-article .discussion-panel-body{height: 400px;overflow-y: auto}
.panel-grid-cell .widget-title{margin-top:-10px}
.offhome{text-align:center;position:relative;top:-100px;height:0}
.offhome .widget-title{color:#fff;text-transform:initial;margin-top:-150px;padding-left: 30px;padding-right: 30px;line-height:50px;text-transform:uppercase}
.offhomepages .contentclass{background: #f0f0f0;padding-top:0}
.offhomecontent{background:#fff;/*padding:50px 150px 50px 150px;*/font-size:20px;line-height:1.7;padding:50px 15% 50px 15%;}
.offhomepages #ktsidebar{background:#fff;padding:20px}
.offhomecontent h3{font-size:28px;text-transform:initial;position:relative}
.offhomecontent  .blockquote-left{max-width:100%}
.offhomeauthor{clear:both}
.offhomeauthor .authorname{margin-left:10px;font-size:20px;font-weight:200;display:inline-block}
.offhomeauthor{}
.offhomecontent .a2a_kit{margin-left:10px}
.offhomesocial{/*margin:0 0 20px 0*/position:absolute;top:20px;right:30px}
.offhomesocial .a2a_svg svg{background:#191919}
.offhomesocial div{display:inline-block}
.offhomesocial .addtoany_list a,.widget .addtoany_list a{padding: 0 2px}
.page-id-3093 .wpcf7-form-control.wpcf7-select{
width: 100%;
padding:4px;
height: auto;
border: 1px solid #999;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
max-width: 570px;background:#fff;
}
#netummah{float:right}
.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}
.kad_tagline{font-family:Lato;line-height:20px;font-weight:400;font-style:normal;color:#ffffff;font-size:14px;}
.product_item .product_details h5{font-family:Lato;line-height:20px;font-weight:normal;font-style:700;font-size:16px;}
h1{font-family:Lato;line-height:40px;font-weight:400;font-style:normal;font-size:38px;}
h2{font-family:Lato;line-height:40px;font-weight:400;font-style:normal;font-size:32px;}
h3{font-family:Poppins;line-height:40px;font-weight:700;font-style:normal;color:#383838;font-size:42px;}
h4{line-height:40px;font-size:24px;}
h5{font-family:Poppins;line-height:24px;font-weight:600;font-style:normal;font-size:18px;}
body{font-family:"Open Sans";line-height:32px;font-weight:400;font-style:normal;color:#191919;font-size:16px;}
.kad-nav-inner .kad-mnav,.kad-mobile-nav .kad-nav-inner li a,.nav-trigger-case{font-family:Lato;line-height:20px;font-weight:400;font-style:normal;font-size:16px;}
.videofit iframe{max-width:100%}
/* siteorigin styling.min.js (restored in _Layout) stretches [data-stretch-type] rows to the
   viewport edges with measured margins; here we only undo the dump's inline visibility:hidden.
   No !important margins - they would override the inline styles the script sets. */
.siteorigin-panels-stretch[data-stretch-type]{visibility:visible !important}
body.home{overflow-x:hidden}
/* virtue.css ships isotope grid items at opacity:0 and relies on the theme's main-min.js
   (html.no-js + isotope fade-in) to reveal them; the port loads neither, so show them outright */
.kad_blog_fade_in,.kad_gallery_fade_in,.kad_portfolio_fade_in,.kad_product_fade_in,.kad_staff_fade_in,.kad_testimonial_fade_in,.kt_item_fade_in{opacity:1}
@media only screen and (min-width: 992px){
#quranoptionsmobile{display:none !important}
}
@media only screen and (max-width: 1295px){
.contentclass .container{width:85%}
}
@media only screen and (max-width: 1199px){
.contentclass .container{width:88%}
.offhomecontent{padding:70px 15% 50px 15%;}
}
@media only screen and (max-width:991px){
#ktsidebar{display:none}
}
@media only screen and (max-width:500px){
.page-id-945 .offhome .widget-title,.page-id-967 .offhome .widget-title{margin-top:-100px}
.page-id-945 .offhomecontent h3{font-size: 22px;line-height: 30px}
.page-id-945 .offhomecontent{font-size: 16px}
}
@media only screen and (max-width:400px){
.page-id-954 .offhome .widget-title{font-size:30px;line-height: 40px;}
}
@media only screen and (max-width:782px) and (orientation : landscape){
#quranoptionsmobile{
top:55px;
right: 22px;
max-height:calc(100vh - 70px);
}
.quranoptionsbutton{
    position: fixed;
    top: 80px;
    right: 5px;
}
#quranoptionsmobile .fa-paragraph,#quranoptionsmobile .fa-share-alt,#quranoptionsmobile .fa-headphones,#quranoptionsmobile hr{display:none}
}
/* .getinvolved is a WP body class present on most pages (contact, blog, books, donate, ...),
   so these image/form skin rules are effectively global, not Get-Involved-page specific */
.getinvolved img{padding:0}
.getinvolved .getinvolvedcont{padding:30px 30px 0px 30px}
.getinvolved .getinvolvedcont  h3{font-size:24px}
.getinvolvedquote{padding-left:30px;padding-right:30px;text-align:center}
.getinvolvedquote h3{font-size:30px}
.getinvolved form{background:#f1f1f2;padding:30px 10%}
.getinvolved form h3{text-align:center}
.getinvolved form label{color: #383838}
.getinvolved form .wpcf7-textarea{max-width:100%}
.getinvolved form .row{margin-top:0;margin-bottom:0}
.getinvolved  .wpcf7 input.wpcf7-submit{
    padding: 9px 18px 8px 18px !important;
    font-size: 14px;
    background: #4eb8e9;}
.getinvolved form span.wpcf7-list-item-label{display: block;
  margin-top: -32px;
  margin-left: 20px;font-weight:bold;color:#383838;}
.getinvolved span.wpcf7-list-item{margin-left:0}
.getinvolved .form-message{padding:12px 16px;margin:0 0 14px;font-weight:600}
.getinvolved .form-success{background:#e2f4e5;color:#256b31;border:1px solid #b7e0bf}
.getinvolved .form-error{background:#fbe6e6;color:#91302e;border:1px solid #efc4c3}

/* header search box (used on every page; the search form lives in _Header) */
.form-search{display:inline-block;border: none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;max-width:100px}
/* gift/order-a-free-quran form fields: used by the Get Involved modal AND the
   order-a-free-quran page (rendered from the database), so they are shared */
#giftquran input,#giftquran .country-select{margin-bottom:15px}
#giftquran select{
width: 100%;
padding:14px;
height: auto;
border: 1px solid #999;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
max-width: 570px;
}
#giftquranintro{max-width:650px;margin:0 auto 0 auto;}

/* order-a-free-quran (page 3093). The SiteOrigin per-page layout CSS was not carried over by
   the dump - the same gap as the resource pages, see css/pages/media.css - so these single-cell
   rows shrink to their content and hug the left of the column instead of filling it: the intro
   loses the `margin:0 auto` centring above and the form panel stops short of the container. */
.page-id-3093 #pgc-3093-1-0,.page-id-3093 #pgc-3093-2-0{width:100%}
/* CF7 separated the field pairs with <br>; the ported partial uses .row, so space them here */
.page-id-3093 .wpcf7-form .row{margin-bottom:20px}
.page-id-3093 .wpcf7-form label{display:block;margin-bottom:4px}
/* match the select's height to the text inputs beside it */
.page-id-3093 .wpcf7-form-control.wpcf7-select{padding:10px 4px}
@media only screen and (max-width:991px){
/* .getinvolved form's 10% side padding leaves too little room for the fields once the panel is
   the full width of a phone screen (both classes sit on <body>, hence the compound selector) */
.page-id-3093 form.wpcf7-form{padding:24px 20px}
/* >=16px keeps iOS from zooming the page in when a field takes focus */
.page-id-3093 .wpcf7-form input,.page-id-3093 .wpcf7-form textarea,
.page-id-3093 .wpcf7-form select{font-size:16px}
}

/* ---------------------------------------------------------------------------
   Page title band on small screens (ported resource pages).

   .offhome is a zero-height row that floats the page title up onto the
   #kad-banner hero with a fixed -100px/-150px offset pair, tuned for the 500px
   hero the desktop layout uses. header.css shrinks that hero to 380px/300px on
   phones, so the offset has to shrink with it or the title lands below the
   band; the 42-50px type also has to come down so the longest titles ("QURAN
   COMMENTARIES", "QURAN TRANSLATIONS") still fit the band at 320px.

   Listed page by page so no other page's hero moves: books (1234 / 4400),
   podcasts (1412), spirit-of-islam (1337), al-risala (8536), contact (3112),
   quran-translations (1451), quran-commentaries (1502), quran-for-kids (1534).
   The page-id prefix also gives these the specificity to beat the per-page
   font-size/margin overrides in css/pages/media.css, which loads later.
   --------------------------------------------------------------------------- */
@media only screen and (max-width:767px){
.page-id-1234 .offhome,.page-id-4400 .offhome,.page-id-1412 .offhome,
.page-id-1337 .offhome,.page-id-8536 .offhome,.page-id-3112 .offhome,
.page-id-1451 .offhome,.page-id-1502 .offhome,.page-id-1534 .offhome,
.page-id-3093 .offhome{top:-33px}
.page-id-1234 .offhome .widget-title,.page-id-4400 .offhome .widget-title,
.page-id-1412 .offhome .widget-title,.page-id-1337 .offhome .widget-title,
.page-id-8536 .offhome .widget-title,.page-id-3112 .offhome .widget-title,
.page-id-1451 .offhome .widget-title,.page-id-1502 .offhome .widget-title,
.page-id-1534 .offhome .widget-title,.page-id-3093 .offhome .widget-title{font-size:34px;line-height:44px;margin-top:-150px}
}
@media only screen and (max-width:480px){
.page-id-1234 .offhome,.page-id-4400 .offhome,.page-id-1412 .offhome,
.page-id-1337 .offhome,.page-id-8536 .offhome,.page-id-3112 .offhome,
.page-id-1451 .offhome,.page-id-1502 .offhome,.page-id-1534 .offhome,
.page-id-3093 .offhome{top:6px}
.page-id-1234 .offhome .widget-title,.page-id-4400 .offhome .widget-title,
.page-id-1412 .offhome .widget-title,.page-id-1337 .offhome .widget-title,
.page-id-8536 .offhome .widget-title,.page-id-3112 .offhome .widget-title,
.page-id-1451 .offhome .widget-title,.page-id-1502 .offhome .widget-title,
.page-id-1534 .offhome .widget-title,.page-id-3093 .offhome .widget-title{font-size:28px;line-height:36px;margin-top:-150px;
padding-left:16px;padding-right:16px}
}

/* Full-bleed banner rows (page title bands): most pages' generated SiteOrigin width css was not
   ported, so the single title cell shrinks to text width inside the flex row and the centered
   title hugs the left edge. Default these cells to full width; pages with ported per-page css
   (#pgc-... id rules) override by specificity. */
.siteorigin-panels-stretch[data-stretch-type="full-stretched"] > .panel-grid-cell{width:100%}