/*
Theme Name: Web-Magazine-Main
Theme URI: https://zool.in/
Author: Your Name
Author URI: https://zool.in/
Description: A custom WordPress theme for a magazine-style 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: Web-Magazine
*/


/* root level global veriables start here */



@font-face {
  font-family: 'Noto Sans';
  src: url('/wp-content/themes/web-magazine/fonts/NotoSans[wght].woff2') format('woff2');
  font-weight: 100 900; 
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Noto Sans Devanagari';
  src: url('/wp-content/themes/web-magazine/fonts/NotoSansDevanagari[wght].woff2') format('woff2');
 font-weight: 100 900; 
  font-style: normal;
	 font-display: swap;
}


@font-face {
  font-family: 'Noto Sans Kannada';
  src: url('/wp-content/themes/web-magazine/fonts/NotoSansKannada[wght].woff2') format('woff2');
font-weight: 100 900; 
  font-style: normal;
font-display: swap;

}

:root {
	font-size:16px;
	--blumine: #1D4C7C;
	--bhite: #ffffff;
	--bs-primary: #1F4D7C !important;
	--clamp-64-128: clamp(4rem, 3.0769rem + 4.1026vw, 8rem);
	--bs-dark-rgb: 33, 33, 33;
	--bs-link-color-rgb: unset;
	--bs-link-hover-color-rgb: unset;
	--bs-nav-link-color: var(--bs-primary);

	--cat-classroom-light: #DDD6E9;
	--cat-classroom-dark: #593C77;

	--cat-feature-light: #81d1dd;
	--cat-feature-dark: #027691;

	--cat-review-light: #F4CAB4;
	--cat-review-dark: #BE7143;

	--cat-thejoyofmathematics-light: #C3DFC6;
	--cat-thejoyofmathematics-dark: #145A31;

	--cat-pullout-light: #F4CAB4;
	--cat-pullout-dark: #645043;

	--cat-posters-light: #F6CEA0;
	--cat-posters-dark: #D36E00;

	--cat-tearouts-light: #EFBBC2;
	--cat-tearouts-dark: #912926;

	--cat-worksheets-light: #E9C5DA;
	--cat-worksheets-dark: #661C43;

	--cat-online-light: #E9C5DA;
	--cat-online-dark: #661C43;

	--stage-light-gray: #e4e4e4;
	--stage-light-dark: #333;

	--brand-bg: #D8E9F3;
	--brand-color: #1E4D7C;
	--clamp-136-180: clamp(8.5rem, 7.8654rem + 2.8205vw, 11.25rem);
	--clamp-32-48: clamp(2rem, 1.7692rem + 1.0256vw, 3rem);
	--clamp-16-48: clamp(1rem, 0.5385rem + 2.0513vw, 3rem);
	--theme-top-ct-height: 15.625rem;
}

/* root level global veriables end here */

/* html tag level styles strat here */

html[lang="kn-in"] *,
html[lang="hi-IN"] * {
	letter-spacing: normal !important;
}



html[lang="hi-IN"] {
	font-size: 18px;
}

html[lang="kn-in"] header a {
	font-family: "Noto Sans Kannada", sans-serif;
	line-height: 1;
	vertical-align: text-bottom;
}

/* html tag level styles end here */

/* body level style start here */

body {
font-family:'Noto Sans','Noto Sans Devanagari','Noto Sans Kannada',sans-serif;
	font-weight: 400;
	font-style: normal;
	scroll-behavior: smooth;
	--theme-color: #1F4D7C;
	--theme-h: 144deg;
    --theme-s: 63%;
    --theme-l: 22%;
	--theme-color-light: color-mix(in srgb, var(--theme-color), white 65%);
	--theme-contrast-color: hsl(calc(var(--theme-h) + 180deg), var(--theme-s), var(--theme-l));
	--theme-color-dark: color-mix(in srgb, var(--theme-color), black 40%);
	--header-bg: var(--theme-color);
	--theme-line-separator-highlight: var(--theme-color-light);
	--article-ct-bg: var(--theme-color);
	--title-motif-color: var(--theme-color);
	--category-bg: color-mix(in srgb, var(--theme-color), white 70%);
	--category-color: color-mix(in srgb, var(--theme-color), black 0%);
	--bs-accordion-active-color: var(--theme-color);
	--theme-section-bg: color-mix(in srgb, var(--theme-color), white 80%);
	--theme-clr-rgb:var(--theme-color);
	--theme-clr-50: 
 color-mix(in srgb, var(--theme-clr-rgb) 10%, white);
    --theme-clr-100: 
 color-mix(in srgb, var(--theme-clr-rgb) 20%, white);
    --theme-clr-200: 
 color-mix(in srgb, var(--theme-clr-rgb) 30%, white);
    --theme-clr-300: 
 color-mix(in srgb, var(--theme-clr-rgb) 40%, white);
    --theme-clr-400: 
 color-mix(in srgb, var(--theme-clr-rgb) 50%, white);
    --theme-clr-500: var(--theme-clr-rgb);
    --theme-clr-600: 
 color-mix(in srgb, var(--theme-clr-rgb) 70%, black);
    --theme-clr-700: 
 color-mix(in srgb, var(--theme-clr-rgb) 60%, black);
    --theme-clr-800: 
 color-mix(in srgb, var(--theme-clr-rgb) 50%, black);
    --theme-clr-900: 
 color-mix(in srgb, var(--theme-clr-rgb) 40%, black);
    --theme-clr-950: 
 color-mix(in srgb, var(--theme-clr-rgb) 30%, black);
	--text-white:#ffffff;
	--text-black:#000000;

}

body:not(body.home) {
	--clamp-156-200: clamp(9.75rem, 9.1154rem + 2.8205vw, 12.5rem);
	background: linear-gradient(to bottom, var(--theme-color) 0px, var(--theme-color) var(--clamp-156-200), white var(--clamp-156-200), white 100%);
	padding-top: var(--clamp-136-180);
	padding-top: 11.25rem;
	background: linear-gradient(180deg, var(--theme-color) 0%, var(--theme-color) 356px, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

@media (max-width: 767px) {
	body:not(body.home) {
		background: linear-gradient(180deg, var(--theme-color) 0%, var(--theme-color) 2.6%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
	}

}

@media (max-width: 576px) {
	body:not(body.home) {
		padding-top: 5rem;
	}
}

body.theme-category-the-joy-of-mathematics {
	--theme-color: #145A31;
}

body.theme-category-classroom {
	--theme-color: var(--cat-classroom-dark);
}

body.theme-category-features {
	--theme-color: var(--cat-feature-dark);
}

body.theme-category-reviews {
	--theme-color: var(--cat-review-dark);
}

body.theme-category-tearouts {
	--theme-color: var(--cat-tearouts-dark);
}

body.theme-category-pullouts {
	--theme-color: var(--cat-pullout-dark);
}

body.theme-category-worksheets {
	--theme-color: var(--cat-worksheets-dark);
}

body.theme-category-posters {
	--theme-color: var(--cat-posters-dark);
}


html[lang="en-US"] body {
	font-family: "Noto Sans", sans-serif;
}

html[lang="hi-IN"] body {
    font-family: "Noto Sans Devanagari", sans-serif;
    letter-spacing: normal;
}

html[lang="kn-IN"] body {
    font-family: "Noto Sans Kannada", sans-serif;
    letter-spacing: normal;
    font-optical-sizing: auto;
    vertical-align: text-bottom;
}


html[lang="kn-in"] body .calltoaction-bar a {
	font-size: 0.8125rem;
}

/* body level style end here */

/* fontsizes class global level start here */

.fs-16 {
	font-size: 1rem !important;
}

.fs-20 {
	font-size: 1.25rem;
}

.fs-24 {
	font-size: 1.5rem;
}

.fs-32 {
	font-size: 2rem;
}

.fs-40 {
	font-size: 2.5rem;
}

.fs-48 {
	font-size: 3rem;
}

.fs-18 {
	font-size: 1.125rem
}

.fs-16-32 {
	font-size: clamp(1rem, 1.905vw + 0.571rem, 2rem);
}

.fs-24-40 {
	font-size: clamp(1.5rem, 1.2692rem + 1.0256vw, 2.5rem);
}

.fs-20-40 {
	font-size: clamp(1.25rem, 2.381vw + 0.714rem, 2.5rem)
}

.fs-32-40 {
	font-size: clamp(2rem, 2.381vw + 0.714rem, 2.5rem)
}

.fs-24-48 {
	font-size: clamp(1.5rem, 2.857vw + 0.857rem, 3rem);
}

.fs-24-32 {
	font-size: clamp(1.5rem, 1.2905rem + 0.5913vw, 2rem);
}

.fs-20-28 {
	font-size: clamp(1.25rem, 1.1346rem + 0.5128vw, 1.75rem) !important;
}

.fs-20-24 {
	font-size: clamp(1.25rem, 1.1452rem + 0.2956vw, 1.5rem);
}

.fs-16-24 {
	font-size: clamp(1rem, 0.8846rem + 0.5128vw, 1.5rem);
}

.fs-16-20 {
	font-size: clamp(1rem, 0.8846rem + 0.5128vw, 1.25rem);
}

.fs-14 {
	font-size: 0.875rem;
	line-height: 145%;
}

/* fontsizes class global level end here */

/* categories class start  here*/

.cat-classroom-bg {
	background-color: var(--cat-classroom-light);
	color: var(--cat-classroom-dark);
}

.cat-feature-bg {
	background-color: var(--cat-feature-light);
	color: var(--cat-feature-dark);
}

.cat-review-bg {
	background-color: var(--cat-review-light);
	color: var(--cat-review-dark);
}

.cat-thejoyofmathematics-bg {
	background-color: var(--cat-thejoyofmathematics-light);
	color: var(--cat-thejoyofmathematics-dark);
}

.cat-pullout-bg {
	background-color: var(--cat-pullout-light);
	color: var(--cat-pullout-dark);
}

.cat-posters-bg {
	background-color: var(--cat-posters-light);
	color: var(--cat-posters-dark);
}

.cat-tearouts-bg {
	background-color: var(--cat-tearouts-light);
	color: var(--cat-tearouts-dark);
}

.cat-worksheets-bg {
	background-color: var(--cat-worksheets-light);
	color: var(--cat-worksheets-dark);
}

.brand-bg {
	background-color: var(--brand-bg);
	color: var(--brand-color);
}

.bg-lightwhite {
	background: rgba(255, 255, 255, 0.05);
}
.bg-primary{
	background-color:var(--bs-primary) !important;
}
.hide,
.fm-worksheets,
.fm-uncategorized {
	display: none !important;
}

.theme-section-bg {
	background: var(--theme-section-bg);
}

/* categories class end here */

/* stage/class */

.stages-class-bg {
background-color: var(--stage-light-gray);
    color: var(--stage-light-dark);
}


/* decrease font size below 1920px start here */
.apum-innerpage-section h1 {
	font-size: clamp(2rem, 1.7692rem + 1.0256vw, 3rem);
	margin-bottom: 1.5rem;
}

body:not(.privacy-policy) .apum-innerpage-section h2 {
	font-size: clamp(1.75rem, 1.5769rem + 0.7692vw, 2.5rem);
}

body.privacy-policy .apum-innerpage-section h2:not(.info-card h2) {
	font-size: clamp(1.5rem, 1.3846rem + 0.5128vw, 2rem);
	font-weight: 500;
}

.apum-innerpage-section h3:not(.apum-editorail-section h3):not(.card h3) {
	font-size: clamp(1.5rem, 1.3846rem + 0.5128vw, 2rem);
}

.apum-innerpage-section h4:not(.apum-editorail-section h4) {
	font-size: clamp(1.25rem, 1.1346rem + 0.5128vw, 1.75rem);
}

.apum-innerpage-section h5:not(.card h5) {
	font-size: clamp(1rem, 0.8846rem + 0.5128vw, 1.5rem);
}

.apum-innerpage-section h6 {
	font-size: 1.125rem;
}

/* decrease font size below 1920px end here */


/* font weight class start here */
.text-bold {
	font-semiweight: 600;
}

/* font weight class end here */

/* search related styles we need to check start here*/

.search-btn {
	width: fit-content;
	border: 1px solid var(--theme-color);
	border-radius: 0;
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
	background: var(--theme-color);
	color: #fff;
}

.form-control:focus:not(.search-popup .form-control) {
	border: 1px solid #212121 !important;
	box-shadow: none;
}

.search-popup .form-control:focus {
	box-shadow: unset;

}

.black-charcoal a {
	color: #212121;
}

/* search related styles we need to check end here*/

/* hiding social icons styles start here */

.hide-sharedaddy .sharedaddy.sd-sharing-enabled,
.single-resource .content-area .hide-sharedaddy .sharedaddy {
	display: none !important;
}

/* hiding social icons styles start here */


/* buttons code we can remove start here */

i.fa-arrow-left {
	margin: 0 0.4rem 0 0;
	transition: transform 0.3s ease;
}

i.fa-arrow-right {
	margin: 0 0 0 0.5rem;
	transition: transform 0.3s ease;
}

/* we are not using this category base styles we can remove start here */

a {
	text-decoration: none;	
}

.black-pearl {
	color: #21272A;
}

.black-charcoal {
	color: #212121;
}

.pale-blue-bg {
	background-color: #9DCDE7;
}

.peach-puff-bg {
	background-color: #F4E3C7;
}

.peach-puff-bg .add-motif::before {
	background-color: #E8C58C;
	opacity: 1;
}

.soft-mauve-bg {
	background-color: #E6D6DF;
}

.soft-mauve-bg .add-motif::before {
	background-color: #C5A5B9;
	opacity: 1;
}

.mint-green-bg {
	background-color: #BADCBB;
}

.concrete-bg {
	background-color: #F2F2F2;
	color: #212121;
}

/* we are not using this category base styles we can remove end here */


.apum-animation {
	opacity: 1;
}

.wpcf7 .screen-reader-response {
    display: none !important;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.article-web-image {
    max-width: 50% !important;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {
    .article-web-image {
        max-width: 100% !important;
    }
}

#select-stage-class-btn {
    background: #fff;
    color: #21272A;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: 0.25rem;
    padding: 0.44rem 1rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    height: 100%;
    box-shadow: 0px 2px 6px 0px #00000040;
    display: flex;
    justify-content: space-between;
    align-items: center;

}