/*
Theme Name:     DO child
Template:      	do-theme
Theme URI:      #
Author:         Dotani
Author URI:     https://dotani.net/
Description:    Make your modifications to Foxiz in this child theme.
Version:        1.0
Tags:           custom-background, custom-menu, featured-images, theme-options, custom-colors, translation-ready, threaded-comments, translation-ready
License:        Themeforest Licence
License URI:    https://themeforest.net/licenses/standard
*/

/* Your CSS code goes here
-------------------------------------- */

.edge-padding {
	padding-right: var(--edge);
	padding-left: var(--edge); }

.wp-block-column {
	padding: 1em;}
.wp-block-columns {
	margin-top: -1em;
	margin-right: -1em;
	margin-left: -1em;}

/* BIO */
.bio .pp-info-box-icon-wrap {
	margin-top: calc(var(--edge)*-.85);
	margin-bottom: calc(var(--dp)/-2.5);
	margin-right: -1rem;
	width: var(--dp); }

.bio .pp-info-box-icon img {
	border-radius: 5%; }

.bio .pp-info-box-title-wrap, .blog-bio h1 {
	position: absolute;
	opacity: 0;}

.bio .name {
	margin-right: -1.5em;
	margin-bottom: 1em;
	width: 100%;
	padding: 2em 1em 0;
	background-image: linear-gradient(175deg, #17d0 25%, var(--solid-white) 75%);}

.bio .pp-info-box-description {
	font-size: .95em; }

.blog-bio .name {
	width: 230px;}
.blog-bio h5 {
	margin: .7em 0 .5em;}

.bio, .blog-bio, .txtshdw, #txtshdw { text-shadow: 0 0 15px var(--solid-white), 0 0 12px var(--solid-white), 0 0 9px var(--solid-white), 0 0 6px var(--solid-white), 0 0 3px var(--solid-white); }

.social svg { fill: var(--body-fcolor) !important;}

.social {
	background: var(--lbg);
	padding: .3rem 1rem;
	border: 1px soli;
	border-radius: var(--icon-size);
	display: grid;
	--grid-column-gap: .8rem;
	--justify-content: space-evenly;
	--icon-padding: 0; }

.social .elementor-icon.elementor-social-icon {
	width: var(--icon-size);
	height: var(--icon-size);
	background: transparent; }

/* HEADER */

.main-menu > li > a {
	line-height: var(--nav-height); }

.main-menu .eng a {
	font-size: 12px;
	text-transform: uppercase;
  font-family: var(--sfont);}

.mobile-qview a {
	padding: 0;
	font-weight: normal; } 

.mobile-qview a:before {
	left: 0; right: 0; }

.mobile-qview-inner {
	justify-content: space-evenly; }

.collapse-inner {
	padding: 15px; }

.mobile-menu {
	text-align: center;
	width: auto;
	flex-flow: column wrap; }
.mobile-menu > li > a:hover {
	color: var(--g-color); }

.mobile-menu, .mobile-socials, .collapse-footer {
	background: var(--lbg);
	padding: 1em 1.5em 1em 1.1em;
	border-radius: 7px; }

.mobile-menu .menu-item:not(:last-child) {
	border-bottom: var(--gborder); }

.collapse-sections {
	padding: 5px 20px;
	margin-top: 0;}

.mobile-socials {
	align-items: center;
	gap: 7px; }

.collapse-footer {
	margin: 0 20px;
	padding-bottom: 1em!important; }

.collapse-footer a {
	color: var(--hyperlink-color); }

:root {
	--side: 5em;
	--list-space: 0;
	--el-spacing: .3em;
	--bottom-spacing: 1em;
	--cp-spacing: 1.3rem;
	--bottom-border-color: #8888;
	--egap: 2em;
	--sgap: 1.75em;;
	--edge: 25px;
	--nedge: calc(var(--edge)/-1);
	--title-size: 1.1em;
	--tagline-fheight: 1.65;
	
	--urdu: Vazirmatn, "BBC Reith Qalam", "Times New Roman", Arial, Verdana, Geneva, Helvetica, sans-serif;
	
	--sfont: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
	--quote-open: "“";
	--quote-close: "”";
	--icon-size: 1.5rem;
	--dp: 95%;
	--lbg: #AAA3;
	--bdr: #AAA6;
	--column-border-color: #AAA6;
	--bottom-border-color: #AAA6;
	--gborder: 1px solid #AAA6; }

/* ELEMENTOR
 * 
 * Layout & Sizing */

.e-con {
	--name: 200px;
	--grid-row-gap: 2.3rem;	
	--grid-column-gap: 2rem;
	--align-items: flex-start;
	--swidth: 75%;
	--nleft: 20%;
	--nright: calc(100% - var(--nleft) - var(--egap));
	--sleft: 30%;
	--sright: calc(100% - var(--sleft) - var(--egap));
	--left: 33%;
	--right: calc(100% - var(--left) - var(--egap));
	--bleft: 40%;
	--bright: calc(100% - var(--bleft) - var(--egap));
	--half: calc(50% - var(--egap)/2);
	--3col: calc(100%/3 - var(--egap)*2/3);
	--4col: calc(100%/4 - var(--egap)*3/4);
	--half3: calc(49% - var(--egap)*2/3);
	--half31: calc(25% - var(--edge)*2/3);
	--services: 'پیشہ ورانہ خدمات';
	--story: 'ایک ان کہی';
	--diary: 'ڈائری سے';
	--favblog: 'منتخب';
	--popular: 'مقبول';
	--blog: 'کالم اور بلاگ';
	--recent: 'حالیہ تحاریر'; }

.e-child {
	--padding-top: 0;
	--padding-right: 0;
	--padding-bottom: 0;
	--padding-left: 0;}

#before:before, .el-title:before {
	display: block;
	font-weight: bold;
	line-height: 1;
	color: var(--g-color);
	border-bottom: 1px solid;
	padding-bottom: 5px;
	margin-bottom: 1em; }

.blog:before {
    content: var(--blog); }
.recent:before {
    content: var(--recent); }
.favblog:before {
    content: var(--favblog); }
.popular:before {
    content: var(--popular); }
.diary:before {
    content: var(--diary); }
.story:before {
    content: var(--story); }
.services:before {
    content: var(--services); }

.rbct .poem {
	margin: auto;
	max-width: fit-content;}
.rbct .poem > * {
	border-right: var(--gborder);
	padding-right: 1em;}

/* USER */
.single-header { --b-avatar-size: 64px;}
.block-inner { --user: 44px;}
.rbct { --user: 52px;}
.usr-holder { --user: 120px;}

/* BLOCKS */

.box-shadow .list-box {
	--feat-ratio: auto;
	--box-spacing: 0;
	background-color: transparent;
	box-shadow: none; }

.box-shadow .p-content {
	padding-left: var(--list-space); }

.is-feat-left .box-shadow .p-content {
	padding-right: var(--list-space); }

.list-feat-holder {
	width: 40%;
	max-width: 40%; }

.favblog {--feat-ratio: 45;}

.ecat-bg-4 .p-category {
	border-radius: 3px 0;
  padding: 3px 4px 4px; }

.ecat-bg-4 .p-box .feat-holder .p-top { right: 0; left: 0; }

.quoted {
	padding-right: 1em;
	margin-right: 1em;
	border-right: 3px solid var(--g-color);
	font-size: 109%;}

#gborder, .gborder {
	padding: 1.3em;
	border-radius: 7px;
  border: var(--gborder); }

.bdrt /*border top*/ {
	border-top: var(--gborder);
	padding-top: var(--sgap); }

.bdrb /*border bottom*/ {
	border-bottom: var(--gborder);
	padding-bottom: var(--sgap);}

.bdrl /*border left*/ {
	border-left: var(--gborder);
	padding-left: var(--sgap); }

.bdrr /*border right*/ {
	border-right: var(--gborder);
	padding-right: var(--sgap); }

#bg, .bg, .story, .services {
	border-radius: 7px 7px 0 0;
	padding: 1.1em 1.2em 0;
	background-color: #0000;
	background-image: linear-gradient(180deg, var(--llbg, #8AF2) 0%, #0000 100%); }

#fullbg, .fullbg {
	border-radius: 7px;
	padding: 1em;
	background-color: #8AF2; }

figcaption {
	padding-bottom: .7em;
	border-bottom: var(--gborder);}

/* SINGLE */

.single-header {
	display: flex;
	flex-direction: column;
	align-items: flex-start; }
	
	.single-meta { margin-bottom: var(--cp-spacing); order: -1;	}

.meta-avatar img {border: var(--gborder);}

	.smeta-in .meta-author, .nname-info .nice-name {
		border-bottom: var(--gborder);
		width: 99%;
		font-size: 18px; }
.meta-job, .author-job { font-size: 13.6px;}

span.meta-el.meta-author:after {display: none!important;}

/* QUOTES */
.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { text-align: right;
	text-indent: 1.35em;
	padding: .8em 1em .9em;
	border-radius: 7px;
	background-image: url('/wp-content/uploads/2023/03/q-bg.webp');
	background-image: url('/assets/q-bg.webp');
  background-size: cover;
	background-position: top right;}

blockquote { font-size: var(--tagline-fsize);
	padding: 0; }
	.wp-block-pullquote p {margin-bottom: 1em;}

cite {font-size:0.9em;}
	.wp-block-pullquote.alignleft cite:before, .wp-block-pullquote.alignright cite:before {
    width: 50px;
    height: 50px;
	margin-bottom: -32px;
	border-top: none;
	border-radius: 50%;
	background: var(--lbg);
	background-image: url('/wp-content/uploads/2023/03/rd-profile-dp.png');
	background-size: cover; }
.wp-block-pullquote.alignleft cite::after, .wp-block-pullquote.alignright cite::after {
	opacity: 0.7;
	direction: ltr;
  content: "dotani.pk";
  display: block;
  text-align: right;
	padding-right: 60px; 
  margin-top: 0.4em;
	font-size: min(13px);
	font-family: var(--sfont);}
cite, em {
	font-style: normal; }

/* AUTHOR */

.author-avatar {
	width: var(--user);}
.author-avatar img {
	border-radius: 50%;
	border: var(--gborder); }

.usocials a, .mobile-socials a {
	display: inline-flex;
	height: 1.7em;
	width: 1.7em;
	border-radius: 50%;
	justify-content: center;
	background: var(--lbg);
	font-size: 1.4em;
	padding: 0 5px; }

.author-info-wrap, .ubox-header {align-items: flex-start;}

/* OTHERS */
.entry-sec {
	padding-bottom: 1.2em;
	padding-top: 1.2em; }
.entry-sec:before, .entry-newsletter:before, .review-footer > *:not(.review-action):before, .top-divider:before {
    height: 1px;
    background-image: linear-gradient(to left, var(--bdr) 100%, transparent 21%, transparent 100%);
    background-image: -webkit-linear-gradient(left, var(--bdr) 100%, transparent 21%, transparent 100%); }


@media (min-width: 768px) {
    
    .logo-wrap {
        --hd-logo-height: var(--nav-height);
    }
	
	.logo-wrap img {
    max-height: calc(var(--nav-height) - 8px); }
	
	.hero-img, #hero-img {
		position: fixed;
		right: var(--nedge);
		bottom: 0;
		max-height: calc(100vh - 140px); }

#sticky, .sticky {
  position: sticky;
  top: calc(var(--nav-height) + var(--edge)); }

.pcbt /*pc border top*/ {
	border-top: var(--gborder);
	padding-top: var(--sgap); }

.pcbb /*pc border bottom*/ {
	border-bottom: var(--gborder);
	padding-bottom: var(--sgap);}

.pcbl /*pc border left*/ {
	border-left: var(--gborder);
	padding-left: var(--sgap); }

.pcbr /*pc border right*/ {
	border-right: var(--gborder);
	padding-right: var(--sgap); }
	
	.wp-block-pullquote.alignleft, .wp-block-pullquote.alignright { 
	width: 45%; }
	
	.fit {
		max-width: fit-content;}
	.min {
		max-width: min-content;}
	.max {
		max-width: max-content;}

	.blog-bio {
    background: url('https://mlihdnevkqap.i.optimole.com/w:auto/h:auto/q:mauto/f:best/id:e8665bcd0b40119700eea77b873832bb/https://dotani.pk/hero-img-1-2.webp') top left no-repeat;
    background-size: contain; }
	
	:root {
		--swidth: calc(100% - var(--side)*2);
		--max-width-wo-sb: var(--swidth);	}
	
	.single-header {
		max-width: var(--swidth);
		margin: 2em auto auto;
		padding-right: var(--side); }
	
	.single-meta {
		width: 310px;	}
	
	.single-embed-4 .single-header, .single-standard-10 .single-header, .single .single-no-featured .single-header {
		border-bottom: var(--gborder);}
	
	.single-standard-1:not(.single-standard-11) .s-feat img {
		width: 100%;
		max-width: 100%;  }
	
	.has-lsl .e-ct-outer {
		max-width: var(--s-content-width, calc(100% - var(--side))); }
	
	.l-shared-header {background: var(--lbg, #AAA3);}
	.l-shared-sec span {font-size: var(--menu-fsize);}
	.l-shared-sec .share-action {
		background: var(--lbg); }
	.l-shared-items, .share-action i { gap: 1px;
		text-shadow: none;
		box-shadow: none;}
	
.ubox .ubio {
	padding-left: 37%;
	margin: calc(var(--user)/-2) auto 0 0;
	width: calc(100% - 12px - var(--user));}
	
	.author-job { border-bottom: var(--gborder); padding-bottom: 4px;}
	
	#mshow {display: none;}

}

/* MOBILE */

@media (max-width: 767px) {
    :root {
        --dp: 70%;
        --list-space: .7em;
        --egap: 2em;
    	--title-size: 1em;
	    --icon-size: 2rem;
	    --feat-list-width: 90px;
	    --el-spacing: .5em; }

.e-con {
	--swidth: 100%;
	--sleft: 100%;
	--sright: 100%;
	--nleft: 100%;
	--nright: 100%;
	--left: 100%;
	--right: 100%;
	--bleft: 100%;
	--bright: 100%;
	--half: 100%;
	--3col: 100%;
	--4col: 100%;
	--half3: 100%;
	--half31: 100%; }
	
	.hero-img {
		width: 45vw!important;
		position: absolute;
		right: var(--nedge);
		top: 0; }
	
	/* BIO */
	
	.blog-bio::before {
		content: "";
		position: absolute;
		right: var(--nedge);
		left: var(--nedge);
		width: calc(100vw + var(--edge)*2); height: 100%;
		background: linear-gradient(to bottom, #3450 35%, var(--solid-white) 60%);
		z-index: 2; }

	.blog-bio::after {
		content: "";
		position: absolute;
		left: var(--nedge);
		top: calc(var(--edge)/-.35);
		width: calc(100% + var(--edge));
		height: 100%;
		background: url('https://mlihdnevkqap.i.optimole.com/w:auto/h:auto/q:mauto/f:best/id:4998122356135842876da142cd6ff4a2/https://dotani.pk/1cb7e9.webp') top left no-repeat;
		background-size: 45%;
		z-index: 1; }

	.blog-bio * {
		position: relative;
		z-index: 3; }
	
.bio .pp-info-box-icon-wrap {
	margin-right: 1em;
	margin-bottom: calc(var(--dp)/-1.9); }

.bio .name {
	margin-right: -1em;
	width: 100%;
	background-image: linear-gradient(175deg, #17d0 35%, var(--solid-white) 75%);}

.bio .pp-info-box-description {
	padding-right: 1em;
	font-size: 1em; }
	
	.social {
	width: 100%;
	--grid-column-gap: 1.3rem; }
	
.mbb {
	padding-bottom: var(--sgap);
	border-bottom: var(--gborder);}
	
.mbt {
	padding-top: var(--sgap);
	border-top: var(--gborder);}
	
.mbr {
	padding-right: var(--sgap);
	border-right: var(--gborder);}
	
.mbl {
	padding-left: var(--sgap);
	border-left: var(--gborder);}
	
	.mbdr {
		padding: var(--sgap);
		border-radius: 7px;
		border: var(--gborder);}
	
	#mbg, .mbg {
	border-radius: 7px 7px 0 0;
	padding: 1.1em 1.2em 0;
	background-color: #0000;
	background-image: linear-gradient(180deg, #8AF2 0%, #0000 100%); }
	
	.favblog .entry-title {
		font-size: 1.3em;}
	
	.is-m-list .grid-box .feat-holder, .is-m-list .list-box .feat-holder {
		bottom: var(--bottom-spacing);
		--box-spacing: 7px;}
	
.is-m-list .p-wrap:last-child  .feat-holder {
		bottom: 0;}
	
.wp-block-image .alignleft {
  width: 100%;  
	float: none;
  margin: .5em 0; }
	
 .wp-block-image img {
  width: 100%;  }
	
	.ubox-header {
		flex-flow: column wrap;}
	.author-info-wrap {
		align-items: flex-end; }
	.author-avatar {
		margin-bottom: calc(var(--user)/-2.3); }
	.usocials { 
		margin-top: 1em;
		margin-right: calc(var(--user) + 12px);
		width: calc(100% - var(--user) - 12px)}
	.ubox .ubio {
		padding: 10px 10px 5px 5px;
	}
	
}

/* FOOTER */

.footer-wrap {
	background: var(--nav-bg);
	margin-top: var(--egap); }

.footer-wrap:not(.footer-etemplate) > *:first-child:not(.footer-copyright) {
    padding-top: 0; }

.footer-wrap a {
	color: var(--hyperlink-color);}

/* DARK MODE */

.dark-mode-slide-btn {
    top: calc(var(--dm-size)/-4.5); }
.dark-mode-slide {
    height: calc(var(--dm-size)*3/5); }

#elementor-device-mode, .elementor-screen-only, .ubox .meta-label, .diary-post.l-shared-sec-outer, .diary-post .show-mobile, .header-search-form .h5, /* .usr-holder:before,*/ .wp-block-pullquote blockquote:before, .l-shared-header i, .smeta-extra {display: none!important;}

/* Urdu Web Font */
 
body, p, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .mobile-qview a, .elementor-heading-title {
	font-family: Vazirmatn, var(--urdu), ur, "BBC Reith Qalam", "Times New Roman", Arial, Verdana, Geneva, Helvetica, sans-serif;
	letter-spacing: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smooth: always;
	text-rendering: optimizeLegibility; }

.h1, .h2, .h3, .h4, .h5, h1, h2, h3, h4, h5, h6 {
	line-height: 1.4;
	font-weight: 600;
	margin-bottom: var(--cp-spacing); }
/*
@font-face {
  font-family: 'ur';
  src: url(//unpkg.com/mehr/mehr.ttf) format('truetype'); } */