/*
Theme Name: LearnForever GeneratePress Child
Theme URI: https://learnforever.co.in/
Description: Clean child theme for LearnForever. Keeps the recovered GeneratePress styling and safe site functionality without depending on a recovery plugin.
Author: LearnForever
Template: generatepress
Version: 1.1.0
Text Domain: learnforever-gp-child
*/

/*
 * Recovered LearnForever Additional CSS.
 * This is styling only. No old executable theme/plugin code is included.
 */

/*GeneratePress Customization by web insights*/
.page-header-image-single .attachment-full{
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
border-radius:25px;
}

.comment-respond .comment-reply-title{
padding: 10px 10px 10px 25px;
background-image: linear-gradient(to right, #1668f5 0%, #1668f5 50%, #1668f5 100%);
border-radius:10px;
font-weight:600;
color:white!important;
font-size:22px!important;
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
}
/*End of Article Page Design*/
/*Sidebar Universal*/
.widget-title{
padding: 10px 10px;
background-image: linear-gradient(to right,#1668f5 0%, #1668f5 50%, #1668f5 100%);
border-radius:10px;
font-weight:500;
color:white!important;
font-size:18px!important; text-align:center;
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
}
.sidebar .widget {
box-shadow: rgba(23,43,99,.3) 0 2px 18px;
border-radius: 5px;
}
.sidebar .widget:first-child {background-image: linear-gradient(to right, #000000 0%, # 50%, #000000 100%)}
.button.light {
background-color: #fff;
border-radius: 50px;
font-weight: 700;
color:#333;
}
.button.light:hover {
background: #333;
color: #fff;
}

/*End of sidebar code*/
/*End of sidebar code*/
@media (min-width: 769px) {
.post-image-aligned-left .post-image img {
margin-top: -20px;
border-radius: 12px;
box-shadow: rgba(23,43,99,.2) 0 7px 28px!important;
}
}
/* Mobile query */
@media (max-width: 768px) {
.post-image-aligned-left .post-image img {
margin-top: -20px;
border-radius: 12px;
box-shadow: rgba(23,43,99,.2) 0 7px 28px!important;
}
}
/* Widget Sticky */
@media (min-width: 769px) {
.site-content {
display: flex;
}
.inside-right-sidebar {
height: 100%;
}
.inside-right-sidebar aside:last-child {
position: -webkit-sticky;
position: sticky;
top: 10px;
}
}
/* Read More button Style */
a.read-more.button {background-image: linear-gradient(to right, #1668f5 0%, #9999ff 51%, #1668f5 100%)}
a.read-more.button {
font-size:14px;
padding: 10px 25px;
text-align: center;
transition: 0.5s;
background-size: 200% auto;
color: white;
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
border-radius: 120px;
}
a.read-more.button:hover {
background-position: right center; /* change the direction of the change here */
color: #fff;
text-decoration: none;
}
/* Read More button Style */
blockquote {
background: #dcdcdc54;
border-left: 5px solid #1EA4FF;
padding: 15px;
font-style: inherit;
font-size: 18px;
margin: 0 0 1.5em;
}


/* Webinsights author box*/

.webinsights-author-box {
	padding: 3%;
	padding-bottom: 10px;
	margin-top: 30px;
	font-size: 0.9em;
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    box-shadow: rgb(23 43 99 / 30%) 0 2px 10px;
    border-radius: 25px;
}

.webinsights-author-box .insights-avatar {
	width: 250px;
	height: auto;
	border-radius: 100%;
	margin-right: 30px;
}
.webinsights-author-box .insights-avatar img {
		border-radius: 100%;
	}
.author-title {
	margin-bottom: 0.1em;
	font-weight: 600;
	font-size:18px;
}
.author-description {
	line-height: 1.6em;
	font-size:16px;	
}
.author-links a {
	margin-top: -1.5em;
	font-size: 2em;
	line-height: 2em;
	float: left;
}
@media (max-width: 768px) {
	.webinsights-author-box {
		padding: 20px;
		padding-bottom: 25px;
		margin-top: 60px;
		flex-direction: column;
		text-align: center;
	}
	.webinsights-author-box .insights-avatar {
		margin-right: 0;
		width: 100%;
		margin-top: -60px; 
	}
	.webinsights-author-box .insights-avatar img {
		max-width: 100px; 
	}
	.author-links a {
		float: none;
		align-self: center;
	}
	.author-description {
		margin-bottom: -0.1em;
	}
}
/*end of webinsights author box*/
  

/* Entire Site Social Share Design by web insights*/

.webinsights-float-social-wrapper {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
}

.webinsights-float-social-sharing {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
    min-height: 30px;
    font-size: 12px;
    padding: 14px 10px;
}


.webinsights-float-social-sharing:first-of-type {
    border-top-right-radius: 10px;
}

.webinsights-float-social-sharing:last-of-type {
    border-bottom-right-radius: 10px;
}

.webinsights-social-facebook {
    fill: #fff;
    background-color: rgba(59, 89, 152, 1);
}

.webinsights-social-facebook:hover {
    background-color: rgba(59, 89, 152, .8);
}

.webinsights-social-twitter {
    fill: #fff;
    background-color: rgba(29, 161, 242, 1);
}

.webinsights-social-twitter:hover {
    background-color: rgba(29, 161, 242, .8);
}

.webinsights-social-pinterest {
    fill: #fff;
    background-color: rgba(189, 8, 28, 1);
}

.webinsights-social-pinterest:hover {
    background-color: rgba(189, 8, 28, .8);
}

.webinsights-social-linkedin {
    fill: #fff;
    background-color: rgba(0, 119, 181, 1);
}

.webinsights-social-linkedin:hover {
    background-color: rgba(0, 119, 181, .8);
}

.webinsights-social-whatsapp {
    fill: #fff;
    background-color: rgba(37, 211, 102, 1);
}

.webinsights-social-whatsapp:hover {
    background-color: rgba(37, 211, 102, .8);
}

.webinsights-social-reddit {
    fill: #fff;
    background-color: rgba(255, 87, 0, 1);
}

.webinsights-social-reddit:hover {
    background-color: rgba(255, 87, 0, .8);
}

/* After Post Social Share Design by web insights*/

.webinsights-social-wrapper {
    margin: 30px 0;
    font-size: 0;
}

.webinsights-social-wrapper span {
    font-weight: bold;
    padding-right: 10px;
    font-size: 16px;
}

.webinsights-social-sharing {
    font-size: 17px;
    padding: 7px 20px;
}

@media only screen and (max-width: 600px) {
    .webinsights-social-sharing {
        font-size: 17px;
        padding: 6px 17px;
        display: inline-block;
    }
	.webinsights-social-wrapper {
    margin: 30px 0px;
    font-size: 0;
}


}

.webinsights-social-sharing svg {
    position: relative;
    top: 0.15em;
    display: inline-block;
}

.webinsights-social-sharing:first-of-type {
    border-radius: 100px 0 0 100px;
}

.webinsights-social-sharing:last-of-type {
    border-radius: 0 100px 100px 0;
}

.webinsights-social-facebook {
    fill: #fff;
    background-color: rgba(59, 89, 152, 1);

}

.webinsights-social-facebook:hover {
    background-color: rgba(59, 89, 152, .8);
}

.webinsights-social-twitter {
    fill: #fff;
    background-color: rgba(29, 161, 242, 1);
}

.webinsights-social-twitter:hover {
    background-color: rgba(29, 161, 242, .8);
}

.webinsights-social-pinterest {
    fill: #fff;
    background-color: rgba(189, 8, 28, 1);
}

.webinsights-social-pinterest:hover {
    background-color: rgba(189, 8, 28, .8);
}

.webinsights-social-linkedin {
    fill: #fff;
    background-color: rgba(0, 119, 181, 1);
}

.webinsights-social-linkedin:hover {
    background-color: rgba(0, 119, 181, .8);
}

.webinsights-social-whatsapp {
    fill: #fff;
    background-color: rgba(37, 211, 102, 1);
}

.webinsights-social-whatsapp:hover {
    background-color: rgba(37, 211, 102, .8);
}

.webinsights-social-reddit {
    fill: #fff;
    background-color: rgba(255, 87, 0, 1);
}

.webinsights-social-reddit:hover {
    background-color: rgba(255, 87, 0, .8);
}


.inside-footer-widgets h2{
	font-size:22px!important;
}
.inside-footer-widgets .rpwwt-widget ul li{
	margin-bottom:0px;
}
.inside-footer-widgets ul li{
	font-size:16px!important;
}
.footer-widget-1 p {
 font-size:16px!important;
 }

/* Footer */
@media (min-width: 769px) {
 .footer-widgets-container .footer-widget-1 {
 max-width:550px;
 }
.footer-widget-2 {
 max-width:270px;
 }
.footer-widget-3 {
 }
}

/*mobile logo size*/
.site-logo.mobile-header-logo a img {
    height: 70px;
}

.single .inside-article {
    max-width: 930px;
    margin: 0 auto;
}









/* =========================================================
   LEARNFOREVER RESPONSIVE ADSENSE FIX
   ========================================================= */

.lf-responsive-ad {
    position: relative;
    clear: both;
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 100px;
    margin: 32px auto;
    padding: 16px 12px;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #ffffff;
    text-align: center;
}

.lf-responsive-ad__label {
    display: block;
    margin: 0 0 10px;
    color: #94a3b8;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.1em;
    text-align: center;
    text-transform: uppercase;
}

.lf-responsive-ad__unit,
.lf-responsive-ad ins.adsbygoogle {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important;
    box-sizing: border-box !important;
}

/* Prevent grid, flex and Elementor columns from overflowing */
.elementor-column,
.elementor-widget,
.elementor-widget-container,
.e-con,
.e-con-inner,
.lfic-main,
.lfwc-main,
.lfau-main,
.lfad-main,
.lfcu-main,
.lfcd-main,
.lfdg-main,
.lfpp-main,
.lftc-main,
.lfac-main,
.lfpu-main {
    min-width: 0;
}

/* Mobile */
@media (max-width: 767px) {
    .lf-responsive-ad {
        width: 100%;
        max-width: 100%;
        min-height: 90px;
        margin: 24px auto;
        padding: 12px 4px;
        border-radius: 10px;
    }

    .lf-responsive-ad__label {
        margin-bottom: 8px;
        font-size: 9px;
    }

    .lf-responsive-ad__unit,
    .lf-responsive-ad ins.adsbygoogle {
        width: 100% !important;
        max-width: 100% !important;
    }
}

.lf-responsive-ad--sidebar {
    max-width: 100%;
    margin-top: 24px;
}

@media (min-width: 768px) {
    .lf-responsive-ad--sidebar {
        min-height: 250px;
    }
}


/* =========================================================
   LEARNFOREVER MOBILE-SAFE TOOL + ADS LAYER — v1.1.0
   Applied centrally from the child theme.
   ========================================================= */

/* Never allow recovered Elementor/tool layouts to make the viewport wider. */
html,
body,
#page,
.site,
.site-content,
.content-area,
.site-main,
.inside-article,
.entry-content,
.elementor,
.elementor-section,
.elementor-container,
.elementor-column,
.elementor-widget,
.elementor-widget-wrap,
.elementor-widget-container,
.e-con,
.e-con-inner {
    min-width: 0;
    max-width: 100%;
}

/* Recovered LearnForever page namespaces. */
.lfhp-page,
.lfblog-page,
.lfdm-page,
.lftp-page,
.lfac-page,
.lfwc-page,
.lfic-page,
.lfau-page,
.lfcu-page,
.lfpp-page,
.lftc-page,
.lfdg-page,
.lfad-page,
.lfcd-page,
.lfpu-page,
.lfhp-page *,
.lfblog-page *,
.lfdm-page *,
.lftp-page *,
.lfac-page *,
.lfwc-page *,
.lfic-page *,
.lfau-page *,
.lfcu-page *,
.lfpp-page *,
.lftc-page *,
.lfdg-page *,
.lfad-page *,
.lfcd-page *,
.lfpu-page * {
    box-sizing: border-box;
    min-width: 0;
}

/* Long words, generated text and URLs must wrap instead of forcing overflow. */
.elementor-widget-html h1,
.elementor-widget-html h2,
.elementor-widget-html h3,
.elementor-widget-html h4,
.elementor-widget-html p,
.elementor-widget-html li,
.elementor-widget-html a,
.elementor-widget-html label,
.elementor-widget-html strong,
.lfpu-page h1,
.lfpu-page h2,
.lfpu-page h3,
.lfpu-page p,
.lfpu-page li,
.lfpu-page a {
    overflow-wrap: anywhere;
    word-break: normal;
}

/* Forms and generated-output controls. */
.elementor-widget-html input,
.elementor-widget-html select,
.elementor-widget-html textarea,
.elementor-widget-html button,
.lfpu-page input,
.lfpu-page select,
.lfpu-page textarea,
.lfpu-page button {
    max-width: 100%;
    min-width: 0;
}

/* Media/output surfaces. */
.elementor-widget-html img,
.elementor-widget-html video,
.elementor-widget-html canvas,
.elementor-widget-html iframe,
.lfpu-page img,
.lfpu-page video,
.lfpu-page canvas,
.lfpu-page iframe {
    max-width: 100% !important;
}

.elementor-widget-html img,
.elementor-widget-html video,
.lfpu-page img,
.lfpu-page video {
    height: auto;
}

/* Code/results/tables may scroll inside themselves, never the whole page. */
.elementor-widget-html pre,
.elementor-widget-html code,
.elementor-widget-html .lfac-table-wrap,
.elementor-widget-html .lfpu-table-wrap,
.elementor-widget-html .lfwc-table-wrap,
.elementor-widget-html .lfic-table-wrap,
.lfpu-page pre,
.lfpu-page code,
.lfpu-page .lfpu-table-wrap {
    max-width: 100%;
}

.elementor-widget-html pre,
.elementor-widget-html .lfac-table-wrap,
.elementor-widget-html .lfpu-table-wrap,
.elementor-widget-html .lfwc-table-wrap,
.elementor-widget-html .lfic-table-wrap,
.lfpu-page .lfpu-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Central responsive AdSense container. */
.lf-responsive-ad,
.lf-adsense-wrap {
    position: relative;
    clear: both;
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 28px auto;
    padding: 12px 0;
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
}

.lf-responsive-ad > center,
.lf-adsense-wrap > center,
center .lf-responsive-ad,
center .lf-adsense-wrap {
    width: 100%;
    max-width: 100%;
}

.lf-responsive-ad ins.adsbygoogle,
.lf-adsense-wrap ins.adsbygoogle,
ins.adsbygoogle.lf-adsense-unit {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

.lf-adsense-label {
    display: block;
    margin: 0 0 8px;
    color: #94a3b8;
    font: 700 9px/1.2 Arial, sans-serif;
    letter-spacing: .09em;
    text-align: center;
    text-transform: uppercase;
}

/* Phone layout: remove every remaining source of horizontal clipping. */
@media (max-width: 767px) {
    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: clip;
    }

    .site-content,
    .content-area,
    .site-main,
    .inside-article,
    .entry-content,
    .elementor,
    .elementor-element,
    .elementor-widget-container,
    .e-con,
    .e-con-inner {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    /* Elementor full-width recovered pages should not inherit large blog padding. */
    body.page .elementor .elementor-widget-html {
        width: 100%;
        max-width: 100%;
    }

    /* All custom LearnForever containers remain inside the viewport. */
    .lfhp-container,
    .lfblog-container,
    .lfdm-container,
    .lftp-container,
    .lfac-container,
    .lfwc-container,
    .lfic-container,
    .lfau-container,
    .lfcu-container,
    .lfpp-container,
    .lftc-container,
    .lfdg-container,
    .lfad-container,
    .lfcd-container,
    .lfpu-container {
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Cards/article panels cannot exceed their parent. */
    .elementor-widget-html [class*="-card"],
    .elementor-widget-html [class*="-article"],
    .elementor-widget-html [class*="-panel"],
    .elementor-widget-html [class*="-body"],
    .elementor-widget-html [class*="-results"],
    .elementor-widget-html [class*="-tool"],
    .lfpu-page [class*="-card"],
    .lfpu-page [class*="-article"],
    .lfpu-page [class*="-panel"],
    .lfpu-page [class*="-body"],
    .lfpu-page [class*="-results"],
    .lfpu-page [class*="-tool"] {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    /* Responsive grids/flex layouts. Existing page-specific rules still win when appropriate. */
    .lfac-content-layout,
    .lfwc-content-layout,
    .lfic-content-layout,
    .lfau-content-layout,
    .lfcu-content-layout,
    .lfpp-content-layout,
    .lftc-content-layout,
    .lfdg-content-layout,
    .lfad-content-layout,
    .lfcd-content-layout,
    .lfpu-content-layout {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    /* Tables retain their columns but scroll only inside the table wrapper. */
    .elementor-widget-html table,
    .lfpu-page table {
        max-width: 100%;
    }

    /* Fixed-width generated outputs become fluid. */
    .elementor-widget-html [style*="width: 600px"],
    .elementor-widget-html [style*="width:600px"],
    .elementor-widget-html [style*="width: 620px"],
    .elementor-widget-html [style*="width:620px"],
    .elementor-widget-html [style*="width: 680px"],
    .elementor-widget-html [style*="width:680px"],
    .elementor-widget-html [style*="width: 690px"],
    .elementor-widget-html [style*="width:690px"],
    .elementor-widget-html [style*="width: 760px"],
    .elementor-widget-html [style*="width:760px"],
    .elementor-widget-html [style*="width: 900px"],
    .elementor-widget-html [style*="width:900px"],
    .elementor-widget-html [style*="width: 1024px"],
    .elementor-widget-html [style*="width:1024px"] {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Better mobile readability without changing the approved desktop design. */
    .lfac-article,
    .lfwc-article,
    .lfic-article,
    .lfau-article,
    .lfcu-article,
    .lfpp-article,
    .lftc-article,
    .lfdg-article,
    .lfad-article,
    .lfcd-article,
    .lfpu-article {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .lfac-article h2,
    .lfwc-article h2,
    .lfic-article h2,
    .lfau-article h2,
    .lfcu-article h2,
    .lfpp-article h2,
    .lftc-article h2,
    .lfdg-article h2,
    .lfad-article h2,
    .lfcd-article h2,
    .lfpu-article h2 {
        font-size: clamp(23px, 7vw, 28px) !important;
        line-height: 1.2 !important;
    }

    .lfac-article h3,
    .lfwc-article h3,
    .lfic-article h3,
    .lfau-article h3,
    .lfcu-article h3,
    .lfpp-article h3,
    .lftc-article h3,
    .lfdg-article h3,
    .lfad-article h3,
    .lfcd-article h3,
    .lfpu-article h3 {
        font-size: clamp(19px, 5.8vw, 23px) !important;
        line-height: 1.25 !important;
    }

    .lfac-article p,
    .lfac-article li,
    .lfwc-article p,
    .lfwc-article li,
    .lfic-article p,
    .lfic-article li,
    .lfau-article p,
    .lfau-article li,
    .lfcu-article p,
    .lfcu-article li,
    .lfpp-article p,
    .lfpp-article li,
    .lftc-article p,
    .lftc-article li,
    .lfdg-article p,
    .lfdg-article li,
    .lfad-article p,
    .lfad-article li,
    .lfcd-article p,
    .lfcd-article li,
    .lfpu-article p,
    .lfpu-article li {
        font-size: 15px !important;
        line-height: 1.75 !important;
    }

    .lf-responsive-ad,
    .lf-adsense-wrap {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 22px auto !important;
        padding: 8px 0 !important;
        overflow: hidden !important;
    }
}


/* LearnForever: five responsive AdSense units on every tool page. */
.lf-tool-ad {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 30px auto !important;
    overflow: hidden !important;
}

@media (max-width: 767px) {
    .lf-tool-ad {
        margin: 22px auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}