/*
Theme Name: Early Family Math
Theme URI: http://xxx.com/
Template: builder
Version: 3.4
Updated: 10/10/2024
Author: Thomas Digital
Author URI: https://www.thomasdigital.com
Description: Builder with drag and drop elements using wireframe kit design.
Tags: wordpress, bootstrap, wireframe, acf
*/

/*------------------------------------------
    #MARK: REMOVE
------------------------------------------*/
/* #region */
/* .mh { 
    min-height: 2000px; 
    background-color: aquamarine;
} */
/* #endregion */

/*------------------------------------------
    #MARK: ROOT
------------------------------------------*/
/* #region */

:root {

    --font-size: 17px;
    --font-1: "Poppins";

    
    --color1: #09335C;
    --color2: #DC3926;
    --color3: #516F8C;
    --color4: #1878D4;

    --h1: 65px;
    --h2: 40px;
    --h3: 25px;
    --h4: 20px;

    --color10: black;
    --color11: white;

    --a: #09335C;
    --hover: #1878D4;       

    --darktitle:white;
    --darktext:white;
}

/* #endregion */

/*------------------------------------------
    #MARK: GENERAL
------------------------------------------*/
/* #region */
.btngrp-mt30.element .abtn-loop,
.btngrp-mt30.element .btn-loop {margin-top: 30px;}

.element.xtitle-center .mtitle, 
.element.xtitle-center .atitle {
    text-align: center;
} 

.element.xtitle-center .atitle {margin-bottom: 30px;}

.gap-10px {gap: 10px;}

h1 {
    font-family: var(--font-1);
    font-size: var(--h1);
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 78px */
}
h2 {
    font-family: var(--font-1);
    font-size: var(--h2);
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
}
h3 {
    font-family: var(--font-1);
    font-size: var(--h3);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
h4 {
    font-family: var(--font-1);
    font-size: var(--h4);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}
.dtext {
    font-family: var(--font-1);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.mbn-90 {
    margin-bottom: -90px;
}
.mbn-40 {
    margin-bottom: -40px;
}
.search-results .archive-posts {
    background-color: #fff;
}
.search-results .post-pagination ul {
    justify-content: center;
}
.search-results .post-pagination li a {
    border-radius: 50px;
    height: 100%;
    line-height: normal;
}
.search-results .post-pagination li.active a, 
.search-results .post-pagination li:hover a {
    background-color: var(--hover);
}
.search-results .post-pagination li a svg {
    width: 15px;
    max-height: unset;
}
.fd-1 .mtitle {
	font-size: calc(var(--h1) - 1px);
}

/*break long words texts*/
/* html body , */
html[lang="de"] body {
    overflow-wrap: break-word;
    hyphens: auto;
    word-break: break-word;
    text-wrap: wrap;
}

html[lang="de"] body .no-hyphens {hyphens: none;}

html[lang="ar"] body, 
html[lang="iw"] body, 
html[lang="fa"] body, 
html[lang="ur"] body, 
html[lang="yi"] body, 
html[lang="ps"] body, 
html[lang="sd"] body {
	text-align: right;
}

html[lang="ar"] ol, 
html[lang="ar"] ul,
html[lang="ar"] .single-storybooks .colored-wrap,
html[lang="iw"] ol, 
html[lang="iw"] ul,
html[lang="iw"] .single-storybooks .colored-wrap,
html[lang="fa"] ol, 
html[lang="fa"] ul,
html[lang="fa"] .single-storybooks .colored-wrap,
html[lang="ur"] ol, 
html[lang="ur"] ul,
html[lang="ur"] .single-storybooks .colored-wrap,
html[lang="yi"] ol, 
html[lang="yi"] ul,
html[lang="yi"] .single-storybooks .colored-wrap,
html[lang="ps"] ol, 
html[lang="ps"] ul,
html[lang="ps"] .single-storybooks .colored-wrap,
html[lang="sd"] ol, 
html[lang="sd"] ul,
html[lang="sd"] .single-storybooks .colored-wrap {
    direction: rtl;
    text-align: right;
    padding-right: 15px; /* Gives the numbers room on the right */
    padding-left: 0;
}
/* #endregion */

/*------------------------------------------
    #MARK: BUTTONS
------------------------------------------*/
/* #region */
.btn-1 {
    border-radius: 50px;
    border: 1px solid #C5DDF4;
    background: #FFF;
    font-family: var(--font-1);
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 17px */
    padding: 14px 22px;
}
.btn-1 span {
    color: var(--color1);
}
.btn-1:hover {
    background: var(--hover);
    border-color: var(--hover);
}
.btn-1:hover span {
    color: #fff;
}
.btn-1:after {
    content: unset;
}
.btn-2 {
    border-radius: 50px;
    border: 1px solid var(--hover);
    background: var(--hover);
    font-family: var(--font-1);
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 17px */
    padding: 14px 22px;
}
.btn-2 span {
    color: #fff;
}
.btn-2:hover {
    background: #FFF;
    border-color: #C5DDF4;
}
.btn-2:hover span {
    color: var(--color1);
}
.btn-2:after {
    content: unset;
}
.btn-3 {
    border-radius: 50px;
    border: 0;
    background: #FFF;
    font-family: var(--font-1);
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 17px */
    padding: 14px 22px;
}
.btn-3 span {
    color: var(--color1);
}
.btn-3:hover {
    background: var(--hover);
}
.btn-3:hover span {
    color: #fff;
}
.btn-3:after {
    content: unset;
}
.btn-4 {
    color: var(--color1) !important;
    font-family: var(--font-1) !important;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 17px */
    border-radius: 50px !important;
    border: 3px solid var(--color1) !important;
    padding: 20px 30px !important;
}
.btn-4:hover {
    border-color: var(--hover) !important;
    background: var(--hover);
}
.btn-4:hover span {
    color: #fff;
}
.btn-2.ajax_category span {
    color: var(--color1);
}
.btn-2.ajax_category {
    border: 1px solid #C5DDF4;
    background: #FFF;
}
.btn-2.ajax_category.active,
.btn-2.ajax_category:hover {
    background: var(--hover) !important;
    border-color: var(--hover) !important;
}
.btn-2.ajax_category:hover span,
.btn-2.ajax_category.active span {
    color: #fff;
}
/* #endregion */

/*------------------------------------------
    #MARK: HEADER
------------------------------------------*/
/* #region */
.navbar-brand {
    width: 100%;
    max-width: 174.741px;
    height: 86.419px;
}
header .menu_wrap {
    padding: 6px 0 8px !important;
    background: #FFF;
    box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid #D9D9D9;
}
.header.sticky-head .navbar-brand {
    max-width: 150px;
}
.motto-text {
    color: #717171;
    font-family: var(--font-1);
    font-size: 13px;
    font-style: italic;
    font-weight: 500;
    line-height: 100%; /* 13px */
}
.header-innerwrap .above-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.header-innerwrap {
    width: 100%;
    margin-left: 45px;
}
.header-innerwrap #text-search-1,
#text-search-2 {
    color: #717171;
    font-family: var(--font-1);
    font-size: 13px;
    font-style: italic;
    font-weight: 500;
    line-height: 100%; /* 13px */
    box-shadow: none;
    background: none;
    border: 0;
    padding: 0;
}
#text-search-2 {
    font-size: 16px;
    padding-right: 35px;
}
.header-innerwrap #searchform-1 .btn,
#searchform-2 .btn {
    width: 20px;
    height: 20px;
    background: #1878D4;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}
#searchform-2 .btn {
    width: 30px;
    height: 30px;
}
.header-innerwrap #searchform-1 .btn svg,
#searchform-2 .btn svg {
    width: 10px;
    max-height: 10px;
    filter: brightness(0) saturate(100%) invert(1);
}
#searchform-2 .btn svg {
    width: 15px;
    max-height: 15px;
}
.header-innerwrap #searchform-1 .btn .f-icon,
#searchform-2 .btn .f-icon {
    width: 20px;
}
.topbar-right-loc {
    display: flex;
    align-items: center;
    gap: 30px 52px;
}
.gtranslate_wrapper select {
    border: 0;
    color: #717171;
    font-family: var(--font-1);
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 13px */
    max-width: 100px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
    padding: 5px;
}
.gtranslate_wrapper:after {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="5" viewBox="0 0 8 5" fill="none"><path d="M4.01825 4.99999C3.94275 5.00047 3.8679 4.98471 3.79801 4.95362C3.72811 4.92253 3.66453 4.87673 3.61093 4.81883L0.168721 1.07076C0.0606907 0.953128 0 0.793588 0 0.627235C0 0.460882 0.0606907 0.301342 0.168721 0.183713C0.276751 0.0660836 0.423271 0 0.576048 0C0.728826 0 0.875346 0.0660836 0.983376 0.183713L4.01825 3.49451L7.05313 0.18996C7.16288 0.087621 7.30406 0.0341444 7.44844 0.040217C7.59283 0.0462896 7.72979 0.111464 7.83197 0.222716C7.93414 0.333968 7.99399 0.483103 7.99957 0.64032C8.00515 0.797537 7.95604 0.951256 7.86205 1.07076L4.41984 4.81883C4.31299 4.93424 4.16876 4.9993 4.01825 4.99999Z" fill="black"/></svg>');
    content: '';
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 7px;
    z-index: 10;
    background-size: contain;
    pointer-events: none;
}
.gtranslate_wrapper {
    padding-left: 26px;
    position: relative;
}
.gtranslate_wrapper:before {
    content: '';
    background: url('/wp-content/themes/early-family-math/images/icons/translate.svg');
    width: 15px;
    height: 15px;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
/* #endregion */

/*------------------------------------------
    #MARK: MENUS
------------------------------------------*/
/* #region */
.main-menu .navbar-nav {
   gap: 30px 60px !important;
}
.main-menu .navbar-nav  .nav-link {
    padding: 0;
}
.main-menu .nav-link span {
   color: var(--color1);
}
.main-menu .menu-item {
    font-family: var(--font-1);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 17px */
}
.main-menu .menu-item.active .nav-link span,
.main-menu .menu-item .nav-link:hover span {
    color: var(--hover);
}
.mega-drop {
    backdrop-filter: blur(12.5px);
    box-shadow: 5px 20px 20px 0 rgba(0,0,0,.1);
    overflow-wrap: break-word;
    hyphens: auto;
}
.menu-oc-right.closer svg {
    width: 25px;
    height: 25px;
}
.mega-menu .mainrow {
    flex-direction: row;
    justify-content: space-between;
    align-items: baseline;
    gap: 30px;
}
.mega-menu .mainwrap-title {
    flex: 0 0 auto;
    max-width: 314px;
    height: 100%;
/*     height: -webkit-fill-available; */
    height: -moz-available;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
}
.mega-menu .mainrow .flexic {
    flex: 0 0 auto;
    max-width: 770px;
    row-gap: 40px;
}
.mega-drop .wrap {
    /* padding: 65px 0 90px !important; */
    padding: 30px 0 !important;
}
.mega-menu .mainrow .dtext {
    color: var(--color3);
}
.mega-menu .mmtitle, .mega-menu .mtitle {
    margin-bottom: 20px;
}
.mega-menu .mainrow .flexic .flex-item {
    padding-right: 0 !important;
}
.mega-menu .social-icons {
    align-items: center;
    gap: 23px !important;
}
.mega-menu .social-icons .soc-link img {
    opacity: 1;
    transition: unset;
    filter: brightness(0) saturate(100%) invert(15%) sepia(34%) saturate(2976%) hue-rotate(189deg) brightness(93%) contrast(97%);
}
.mega-menu .social-icons .soc-link:hover img {
    filter: brightness(0) saturate(100%) invert(1);
}
.mega-menu .social-icons .soc-link:hover {
    border-color: var(--hover);
    background: var(--hover);
}
.mega-menu .social-icons .soc-link {
    height: 54px;
    width: 55px;
    border: 3px solid var(--color1);
    background: #fff;
    transition: background 0.5s ease;
}
.mobile-menu .m-toggler {
    background: var(--color1) !important;
    opacity: 1 !important;
    top: 0 !important;
}
.mobile-menu .dropdown-menu .menu-item a {
    opacity: 1 !important;
}
.mobile-menu .dropdown-menu .menu-item {
    background: none !important;
}
.mobile-menu .dropdown-item {
    white-space: normal !important;
}
#menu-oc-right .dropdown-menu {
    margin-bottom: 0 !important;
}
.mobile-menu .dropdown-item:hover {
    background: var(--hover) !important;
    color: #fff !important;
}

    /*GTRANSLATE MENU DROPDOWN*/
header .gtranslate_wrapper .gt_switcher .gt_option {
    position: absolute !important;
    top: 30px !important;
}

/* #endregion */

/*------------------------------------------
    #MARK: FOOTER
------------------------------------------*/
/* #region */
footer .wrap {
    background: #F5FAFF;
    padding-top: 24px;
    padding-bottom: 82px;
}
footer .copyright .inline-wrap {
    display: flex;
    gap: 15px 20px;
/*     flex-wrap: wrap; */
    justify-content: flex-end;
	text-align: left;
}
footer .copyright .disclaim {
    text-align: left;
    margin-top: 30px;
    margin-bottom: 15px;
	width: fit-content;
	margin-left: auto;
}
footer .copyright .copy, 
footer .copyright .web, 
footer .copyright .disclaim {
    color: var(--color1);
    font-family: var(--font-1);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 200% */
    letter-spacing: 0.45px;
}
footer .footer-logo {
    max-width: 393.999px;
    height: 194.854px;
    width: 100%;
}
footer .foot {
    align-items: flex-end;
    gap: 30px;
	flex-wrap: nowrap !important;
}
footer .btn-loop {
    gap: 10px !important;
    justify-content: center;
}
footer .social-icons {
    align-items: center;
}
footer .social-icons .soc-link img {
    opacity: 1;
    transition: unset;
    filter: brightness(0) saturate(100%) invert(15%) sepia(34%) saturate(2976%) hue-rotate(189deg) brightness(93%) contrast(97%);
}
footer .social-icons .soc-link:hover img {
    filter: brightness(0) saturate(100%) invert(1);
}
footer .social-icons .soc-link:hover {
    border-color: var(--hover);
    background: var(--hover);
}
footer .social-icons .soc-link {
    height: 54px;
    width: 55px;
    border: 3px solid var(--color1);
    background: #fff;
    transition: background 0.5s ease;
}
footer .menu-title {
    color: var(--color1);
    font-family: var(--font-1);
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 117.647% */
    letter-spacing: 0.51px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
footer .menu-links {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}
footer .menu-links .d-link {
    color: var(--color1);
    font-family: var(--font-1);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}
footer .menu-item {
    margin-bottom: 10px;
}
footer .dtop {
    margin-bottom: 100px;
}
footer .row .cc:first-child {
    flex: 0 0 auto;
    max-width: 230px;
}
footer .row .cc:nth-child(3) {
    flex: 0 0 auto !important;
    max-width: 230px !important;
    width: 100%;
}
footer .row {
    justify-content: space-between;
}
footer .row .cc:nth-child(4) {
    flex: 0 0 auto !important;
    max-width: 245px !important;
    width: 100%;
}
footer .row .cc:last-child {
    flex: 0 0 auto !important;
    max-width: 115px !important;
    width: 100%;
}
footer .menu-links .d-link:hover span, 
footer .menu-links .d-link.is-active span {
    color: var(--hover);
}
footer .above-footer-img {
    z-index: -1;
    position: relative;
}
/* #endregion */

/*------------------------------------------
    #MARK: ROW MEDIA 01
------------------------------------------*/
/* #region */
.rowmedia-01 .dinfo {
    max-width: 508px;
    padding-top: 60px;
}
.rowmedia-01 .btn-loop {
    margin-top: 40px;
    gap: 10px !important;
}
.rowmedia-01 .mtitle {
    line-height: 120%;
    margin-bottom: 40px;
}
.rowmedia-01 .btitle {
    color: var(--color2);
    font-family: var(--font-1);
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 20.4px */
    letter-spacing: 3.4px;
    margin-bottom: 15px;
}
.rowmedia-01 .dtext {
    color: var(--color3);
}
.rowmedia-01 .overlay.circle-2 {
    background: #C5DDF4;
    width: 47px;
    height: 47px;
    border-radius: 50px;
    bottom: -13px;
    top: unset;
    left: 220px;
    z-index: -1;
}
.rowmedia-01 .overlay.circle-1 {
    background: #FEF5CA;
    width: 18px;
    height: 18px;
    border-radius: 50px;
    top: unset;
    bottom: -70px;
    left: 115px;
    z-index: 0;
}
/* #endregion */

/*------------------------------------------
    #MARK: HERO MEDIA 01
------------------------------------------*/
/* #region */
.heromedia-01 [data-rtl="1"] .img-wrapper {
    text-align: center;
}
.heromedia-01 .cc .d-popmedia {
    max-width: max-content;
}
.heromedia-01 .mtitle {
    padding-top: 76px;
    line-height: 120%;
}
.heromedia-01 .overlay-bg.overlay-set {
    background-position: bottom;
}
.heromedia-01 .atitle {
    margin-top: 20px;
}
.heromedia-01.home .atitle {
    margin-top: 40px;
    color: var(--color3);
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 45px */
} 
/* #endregion */

/*------------------------------------------
    #MARK: FORM CONTACT OPT 01
------------------------------------------*/
/* #region */
.gfopt-01 .dinfo .dtext {margin-bottom: 30px;}

.gfopt-01 .gfield_label {
    color: var(--color1) !important;
    font-family: var(--font-1) !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 120% !important; /* 24px */
    margin-bottom: 15px !important;
}
.gfopt-01 .gfield_label .gfield_required_text,
.gfopt-01 .gform_validation_errors {
    display: none !important;
}
.gfopt-01 .gfield_label .gfield_required:before {
    content: '*';
    color: var(--color1) !important;
    font-family: var(--font-1) !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 120% !important; /* 24px */
}
.gfopt-01 .gfield input,
.gfopt-01 .gfield textarea {
    border-radius: 30px !important;
    border: 1px solid #C5DDF4 !important;
    background: #FFF !important;
    box-shadow: none !important;
    text-align: left !important;
    outline: 0 !important;
    padding: 0 20px !important;
}
.gfopt-01 .gfield input:focus, 
.gfopt-01 .gfield textarea:focus {
    outline: 0 !important;
}
.gfopt-01 .gfield textarea {
    padding: 20px !important;
    height: 200px !important;
}
.gfopt-01 .gfield input {
    height: 50px !important;
}
.gfopt-01 .gform_fields {
    column-gap: 30px !important;
}
.gfopt-01 .gform_footer {
    margin-top: 40px !important;
}
.gfopt-01 .gform_button {
    color: #FFF !important;
    font-family: var(--font-1) !important;
    font-size: 17px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 100% !important; /* 17px */
    border-radius: 50px !important;
    background: var(--color4) !important;
    padding: 14px 22px !important;
    box-shadow: none !important;
    outline: 0 !important;
    border: 0 !important;
}
.gfopt-01 .col-info {
    margin: auto;
}
.gfopt-01 .col-info:before {
    content: '';
    width: 34px;
    height: 34px;
    border-radius: 50px;
    background: #FFCE66;
    position: absolute;
    left: -145px;
    bottom: 48%;
}
.gfopt-01 .col-info:after {
    content: '';
    width: 27px;
    height: 27px;
    border-radius: 50px;
    background: #CDEEE7;
    position: absolute;
    right: -208px;
    bottom: 26px;
}
.gfopt-01 .wrap {
    overflow: hidden;
}
/* #endregion */

/*------------------------------------------
    #MARK: CARDS 01
------------------------------------------*/
/* #region */
.cards-01 .dimage {
    min-height: 258px;
    background: none;
    margin-bottom: 50px;
    display: flex;
}
.cards-01 .ititle {
    margin-bottom: 30px;
}
.cards-01 .dtext {
    color: var(--color3);
}
.cards-01 .dimage img {
    object-fit: cover;
    width: 100%;
    height: auto;
    top: unset;
    bottom: 0;
}
.cards-01 .container-xl:before {
    content: '';
    width: 47px;
    height: 47px;
    border-radius: 50px;
    background: #C5DDF4;
    position: absolute;
    left: 365px;
    bottom: -210px;
}
/* #endregion */

/*------------------------------------------
    #MARK: TEXT OPT 01
------------------------------------------*/
/* #region */
.p-text-01 .btitle {
    color: var(--color2);
    font-family: var(--font-1);
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 20.4px */
    letter-spacing: 3.4px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.p-text-01 .mtitle {
    line-height: 120%;
    text-align: center;
}
.p-text-01.circle-yellow .container-xl:before {
    content: '';
    width: 34px;
    height: 34px;
    border-radius: 50px;
    background: #FFCE66;
    position: absolute;
    left: -35px;
    bottom: -10px;
}
.p-text-01 .dtext {
    margin-top: 30px;
    color: var(--color3);
}
.p-text-01 .dtext strong, 
.p-text-01 .dtext h4 {
    color: var(--color1);
}
.p-text-01 .dtext h4 {
    margin-bottom: 10px;
    margin-top: 20px;
}
.p-text-01 .dtext li {
    margin-bottom: 10px;
}
.p-text-01 .dtext a {
    color: var(--color3);
    text-decoration: underline;
}
.p-text-01 .dtext a:hover {
    color: var(--hover);
}
.p-text-01.dtitle .dtext strong {
    color: var(--color2);
    font-weight: 600;
    letter-spacing: 3.4px;
    text-transform: uppercase;
    margin-bottom: 40px;
    display: block;
}
.p-text-01.dtitle .dtext strong a {
    color: var(--hover);
}
.p-text-01.dtitle .dtext {
    margin-top: 0;
}
/* #endregion */

/*------------------------------------------
    #MARK: ROW MEDIA 02
------------------------------------------*/
/* #region */
.rowmedia-02 .mtitle {
    margin-bottom: 50px;
}
.rowmedia-02 .dtext {
    max-width: 600px;
}
.rowmedia-02 [data-rtl="0"] .dtext {
    margin-left: auto;
}
.rowmedia-02 .dtext p {
    color: var(--color3);
}
.rowmedia-02 .dtext h4 {
    margin-bottom: 10px;
    margin-top: 20px;
}
.rowmedia-02 .dtext h4:first-child {
    margin-top: 0;
}
.rowmedia-02 .img-wrapper {
    padding-top: 30px;
    flex: 0 0 auto;
    max-width: 550px;
}
.rowmedia-02 .img-wrapper .inner-wrap {
    max-width: 511px;
}
.rowmedia-02 .content-wrapper {
    flex: 0 0 auto;
    max-width: 630px;
}
.rowmedia-02 .row {
    justify-content: space-between;
}
.rowmedia-02 .btn-loop {
    display: flex;
    justify-content: center;
    margin-top: 100px;
    gap: 20px;
}
.rowmedia-02 .btn-loop .btn {
    padding: 14px 30px;
}
/* #endregion */

/*------------------------------------------
    #MARK: CTA 02
------------------------------------------*/
/* #region */
.cta-02 .col-info.iwrap {
    border-radius: 20px;
    background: #FDE7CF;
    justify-content: center;
    padding: 47px 15px;
    overflow: unset;
}

.cta-02.bg-blue .col-info.iwrap {background: #E9F4FF;}

.cta-02.p-60 .col-info.iwrap {padding: 60px;}
.cta-02 .mtitle {
    margin-bottom: 15px;
}
.cta-02 .btn-loop {
    margin-top: 30px;
}
.cta-02 .dtext {
    color: var(--color3);
}
.cta-02 .overlay.color {
    width: 47px;
    height: 47px;
    background: #FFCE66;
    border-radius: 50px;
    left: unset;
    right: -15px;
    top: 20px;
}
.cta-02 .overlay.color2 {
    width: 18px;
    height: 18px;
    background: #F6CDC8;
    border-radius: 50px;
    top: 86px;
    right: 31px;
    left: unset;
}
.cta-02 .overlay.color3 {
    background: #63CA99;
    width: 24px;
    height: 24px;
    bottom: -12px;
    top: unset;
    left: 76px;
}
.cta-02 .col-info.iwrap img {
    max-width: 800px;
    margin-bottom: 30px;
}
.cta-02 .col-info.iwrap {
	flex-direction: column;
}
/* #endregion */

/*------------------------------------------
    #MARK: BACKGROUND 01
------------------------------------------*/
/* #region */
.fire-element.design-3 .overlay.background {
    background: url('/wp-content/themes/early-family-math/images/bg/our-mision-page.png');
    top: unset;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    bottom: -320px;
    height: 2149px;
}
.fire-element.design-3,
.fire-element.design-2,
.fire-element.design-1 {
    overflow: unset;
}
.fire-element.design-1 .bg-img {
    background-position: bottom;
    top: unset;
    bottom: 0;
}
.fire-element.design-2 .overlay.background {
    background: url('/wp-content/themes/early-family-math/images/bg/activities-bg.png');
    top: unset;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
    bottom: -190px;
    height: 1290px;
}
/* #endregion */

/*------------------------------------------
    #MARK: TEXT OPT 02
------------------------------------------*/
/* #region */
.p-text-02 .ptext, .p-text-02 .dtext {
    color: var(--color3);
    font-family: var(--font-1);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.p-text-02 .col-info {
    max-width: 1030px;
    margin: auto;
}
.p-text-02 .ptext {
    margin-bottom: 40px;
}
.p-text-02 .mtitle {
    margin-bottom: 30px;
}
.p-text-02 .dtext ul {
    column-count: 2;
    padding-left: 0;
    list-style: none;
}
.p-text-02 .dtext ul li {
    max-width: 500px;
    padding-left: 25px;
    margin-bottom: 30px;
    position: relative;
}
.p-text-02 .dtext ul li:before {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50px;
    position: absolute;
    left: 8px;
    top: 10px;
    background: var(--color3);
}
.p-text-02 .dtext a {
    color: var(--color3);
    text-decoration: underline;
}
.p-text-02 .dtext a:hover {
    color: var(--hover);
}
/* #endregion */

/*------------------------------------------
    #MARK: CTA 01
------------------------------------------*/
/* #region */
.cta-01 .col-info.iwrap {
    border-radius: 20px;
    border: 1px solid #C5DDF4;
    background: #E9F4FF;
    max-width: 1030px;
    margin: auto;
    padding: 64px 61px;
}
.cta-01 .mtitle {
    margin-bottom: 30px;
}
.cta-01 .dtext {
    color: #516F8C;
}
/* #endregion */

/*------------------------------------------
    #MARK: VIDEOS 01
------------------------------------------*/
/* #region */
.ajaxc-01 .tax-buttons .flexic {
    justify-content: center;
}
.ajaxc-01 .iloader {
    display: none;
}
.ajaxc-01 .tax-links {
    margin-bottom: 40px !important;
}
.ajaxc-01 .img-wrap .d-popmedia {
    border-radius: 20px;
    height: 200px;
    overflow: hidden;
}
.ajaxc-01 .img-wrap {
    position: relative;
}
.ajaxc-01 .cats {
    position: absolute;
    top: 10px;
    left: 14px;
}
.ajaxc-01 .link-title {
    color: var(--color1);
    font-family: var(--font-1);
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 10px */
    text-transform: uppercase;
}
.ajaxc-01 .cat-link {
    height: 20px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 10px;
    pointer-events: none;
}
.ajaxc-01 .cat-link[title="Stage 4"] {
    background: #C5DDF4;
}
.ajaxc-01 .img-wrap .d-popmedia .overlay {
    background: none;
}
.ajaxc-01 .cat-link[title="Stage 3"] {
    background: #F6CDC8;
}
.ajaxc-01 .cat-link[title="Stage 2"] {
    background: #FEF5CA;
}
.ajaxc-01 .cat-link[title="Stage 1"] {
    background: #CDEEE7;
}
.ajaxc-01 .ititle {
    text-align: center;
    max-width: 200px;
    line-height: 120%; /* 24px */
    text-transform: capitalize;
    margin: 30px auto 16px;
    width: 100%;
}
.ajaxc-01 .cpt-wrap {
    text-align: center;
}
.ajaxc-01 .dtext {
    color: var(--color3);
}
.ajaxc-01 .cpt-row {
    row-gap: 50px !important;
}
.ajaxc-01 .cat-text-wrap {
    color: var(--color3);
    max-width: 1030px;
    margin: auto;
    text-align: center;
    margin-bottom: 40px;
}
.ajaxc-01 .cat-text-wrap .cattext.active {
    display: block;
}
.ajaxc-01 .cat-text-wrap .cattext {
    display: none;
}
/* #endregion */

/*------------------------------------------
    #MARK: ROW MEDIA 03
------------------------------------------*/
/* #region */
.rowmedia-03 .btn-loop {
    margin-top: 30px;
}
.rowmedia-03 .mtitle {
    margin-bottom: 40px;
    line-height: 120%;
}
.rowmedia-03 .dtext {
    color: var(--color3);
}
.rowmedia-03 .inner-wrap {
    max-width: 341px;
}
.rowmedia-03 .overlay.color {
    width: 34px;
    height: 34px;
    top: unset;
    bottom: 26px;
    left: unset;
    right: -15px;
    border-radius: 50px;
    background: #ffce66;
}
/* #endregion */

/*------------------------------------------
    #MARK: JS POP TEAM 01
------------------------------------------*/
/* #region */
.team-01 .dimage {
    border-radius: 30px;
    margin-bottom: 30px;
}
.team-01 .dinfo {
    text-align: center;
}
.team-01 .member img {
    transition: all 0.5s ease;
}
.team-01 .member:hover .ititle {
    color: var(--hover);
}
.team-01 .member:hover .overlay.color {
    opacity: 0.5;
    transition: all 0.5s ease;
}
.team-01 .member:hover img {
    transition: all 0.5s ease;
    transform: scale(1.2);
}
.team-01 .member .overlay.color {
    transition: all 0.5s ease;
    background: linear-gradient(180deg, rgba(24, 120, 212, 0.00) 0%, #1878D4 100%);
    opacity: 0;
}
.team-01 .btn-wrap {
    margin-top: 70px;
}
.team-01 .row {
    justify-content: center;
}
.team-01 .overlay.color-1 {
    width: 27px;
    height: 27px;
    border-radius: 50px;
    background: #CDEEE7;
    left: -60px;
    top: 469px;
}
.team-01 .overlay.color-2 {
    width: 47px;
    height: 47px;
    border-radius: 50px;
    background: #C5DDF4;
    left: unset;
    top: unset;
    bottom: -65px;
    right: 145px;
}
.team-01 .overlay.color-3 {
    width: 18px;
    height: 18px;
    border-radius: 50px;
    background: #FEF5CA;
    left: unset;
    top: unset;
    bottom: -122px;
    right: 270px;
}
.tooltipster-content {
    box-shadow: 5px 5px 25px 0 rgba(43, 43, 43, .2);
    border-radius: 30px;
}
.bio-fc.icon_tip {
    background: #FFF;
    padding: 60px 70px 75px;
    overflow: hidden;
    position: relative;
}
.bio-fc.icon_tip .dtext {
    color: var(--color3);
}
.bio-fc.icon_tip .ititle {
    margin-bottom: 30px;
}
.bio-fc .dinfo {
    z-index: 10;
    position: relative;
}
.bio-fc:before {
    content: '';
    background: url('/wp-content/themes/early-family-math/images/bg/team-bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 464.56px;
    z-index: 0;
}
/* #endregion */

/*------------------------------------------
    #MARK: AJAX POST 01
------------------------------------------*/
/* #region */
.ajaxp-01 .thumb-bg {
    height: 350px;
    background: transparent;
    border-radius: 30px;
    overflow: hidden;
    margin-bottom: 30px;
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.ajaxp-01 .post-meta.post-date {
    color: var(--color3);
    text-align: center;
    font-family: var(--font-10);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.ajaxp-01 .ititle {
    text-align: center;
}
.ajaxp-01 .ititle .title {
    color: var(--color1);
    text-transform: capitalize;
    margin-bottom: 10px;
    font-weight: 600 !important;
}
.ajaxp-01 .ajax_grid.row.proj-row {
    row-gap: 50px;
}
.ajaxp-01 .tax-links .flexic {
    justify-content: center;
}
.ajaxp-01 .iloader {
    display: none;
}
.ajaxp-01 .tax-links {
    margin-bottom: 70px !important;
}
.ajaxp-01 .tax-links .flexic li:last-child,
.ajaxp-01 .tax-links .custom-option[data-id="1"] {
    display: none;
}
.ajaxp-01 .post-link:hover .title {
    color: var(--hover);
}
.ajaxp-01 .post-link:hover .thumb-bg:before {
    opacity: 0.5;
    transition: all 0.5s ease;
}
.ajaxp-01 .post-link .thumb-bg:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.5s ease;
    background: linear-gradient(180deg, rgba(24, 120, 212, 0.00) 0%, #1878D4 100%);
    opacity: 0;
}
.ajaxp-01 .thumb-bg.bg-placeholder {
    background: var(--color1);
}
.ajaxp-01 .thumb-bg.bg-placeholder img {
    opacity: 1;
    width: 200px;
}
.ajaxp-01 .ajx_btn {
    margin-top: 70px !important;
}
.ajaxp-01 .row div:not([data-type="page"]) img,
.ajaxp-01 .row div:not([data-type="post"]) img {
    object-fit: contain;
    max-width: 200px;
    width: 100%;
    height: auto;
    display: block; 
    margin:auto;
}
.ajaxp-01 .row [data-type="activities"] .thumb-bg {
    background: linear-gradient(180deg, rgba(197, 221, 244, .2) 0%, #C5DDF4 100.1%);
}

.ajaxp-01.archive-posts .row .thumb-bg {display: flex;justify-content: center; align-items: center;}
/* #endregion */

/*------------------------------------------
    #MARK: JS TABS 01
------------------------------------------*/
/* #region */
.js-tabs-01 .flexic.nav {
    flex-direction: row !important;
    gap: 20px;
    justify-content: center;
    margin-bottom: 60px;
}
.js-tabs-01 .tab-content {
    border: 0 !important;
}
.js-tabs-01 .cards-row .item:hover {
    border: 2px solid #77A99E;
    transition: all 0.5s ease;
}
.js-tabs-01 .cards-row .item {
    max-width: 270px;
    width: 100%;
    border-radius: 30px;
    border: 2px solid transparent;
    transition: all 0.5s ease;
    height: 350px;
}
.js-tabs-01 .cards-row .div-link {
    /* height: 350px; */
    height: 345px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 41px 27px !important;
    flex-direction: column;
}
.js-tabs-01 .cards-row {
    gap: 30px;
    justify-content: center;
    min-height: 730px;
}
.js-tabs-01 .cards-row .item img {
    width: 100%;
    object-fit: contain;
    position: relative;
    height: auto;
    max-height: 180px;
    max-width: max-content;
}
.js-tabs-01 .mtitle {
    line-height: 120%;
    display: block;
    max-width: 180px;
    margin: 0 auto;
}
.js-tabs-01 .item .img-wrap {
    height: 100%;
    max-height: 180px;
    align-items: flex-end;
    display: flex;
}
.js-tabs-01 .start-text {
    color: var(--color1);
    font-family: var(--font-1);
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 10px */
    text-transform: uppercase;
    border-radius: 20px;
    background: #FFF;
    height: 20px;
    padding: 10px;
    align-items: center;
    display: flex;
    position: absolute;
    top: 17px;
    left: 17px;
}
/* #endregion */

/*------------------------------------------
    #MARK: CARDS 02
------------------------------------------*/
/* #region */
.cards-02 .dinfo {
    text-align: center;
    max-width: 500px;
    margin: auto;
}
.cards-02 .ititle {
    margin-bottom: 20px;
}
.cards-02 .dtext {
    color: var(--color3);
    margin-bottom: 50px;
}
.cards-02 .col-md-6:first-child .overlay.color {
    border-radius: 30px;
    background: #FEF5CA;
    height: 295px;
    max-width: 430px;
    left: 50%;
    transform: translateX(-50%);
    top: unset;
    bottom: 0;
}
.cards-02 .col-md-6:first-child .btn {
    background-color: #B4A55D;
    border-color: #B4A55D;
}
.cards-02 .col-md-6:first-child .div-link:hover .btn {
    background-color: #fff;
}
.cards-02 .col-md-6:first-child .div-link:hover .btn span {
    color: #B4A55D;
}
.cards-02 .col-md-6:last-child .overlay.color {
    border-radius: 30px;
    background: #CDEEE7;
    height: 295px;
    max-width: 430px;
    left: 50%;
    transform: translateX(-50%);
    top: unset;
    bottom: 0;
}
.cards-02 .col-md-6:last-child .btn {
    background-color: #5CAC9B;
    border-color: #5CAC9B;
}
.cards-02 .col-md-6:last-child .div-link:hover .btn {
    background-color: #fff;
}
.cards-02 .col-md-6:last-child .div-link:hover .btn span {
    color: #5CAC9B;
}
.cards-02 .col-md-6 .btn span {
    color: #fff;
}
.cards-02 .dimage {
    min-height: unset;
    overflow: unset;
    background: none;
}
.cards-02 .dimage img {
    z-index: 1;
    position: relative;
    object-fit: scale-down;
}
.cards-02 .dimage .inner-wrap {
    height: 300px;
    max-width: 430px;
    margin: 0 auto 20px;
}
.cards-02 .abtn-loop {
    padding-bottom: 30px;
}
.cards-02 .row {
    row-gap: 50px !important;
}
.cards-02 .overlay.color-container {
    width: 18px;
    height: 18px;
    border-radius: 50px;
    background-color: #F6CDC8;
    top: -25px;
    left: -40px;
}
/* #endregion */

/*------------------------------------------
    #MARK: SINGLE POST
------------------------------------------*/
/* #region */
.single-post .banner-wrap {
    padding-top: 80px;
}
.single-post .dtitle .meta-date {
    display: block;
	line-height: 120%;
}
.single-post .dtitle {
    margin-bottom: 30px;
    padding-top: 52px;
}
.single-post .atitle {
    margin-bottom: 40px;
}
.single-post .ttext {
    color: var(--color3);
    font-family: var(--font-1);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.single-post .dtopinfo {
    max-width: 510px;
}
.single-post .banner-wrap .img-wrap {
    max-width: 500px;
    height: 629px;
    margin-left: auto;
    border-radius: 30px;
    overflow: hidden;
}
.single-post .banner-wrap .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}
.single-post .content-wrapper {
    max-width: 1031px;
    margin: auto;
    padding-top: 95px;
}
.single-post .dtext.ctext {
    color: var(--color3);
}
.single-post .dtext.ctext a {
    color: var(--hover);
    text-decoration: underline;
}
.single-post .dtext h2, 
.single-post .dtext h3, 
.single-post .dtext h4, 
.single-post .dtext h5 {
    color: var(--color1);
}
.single-post .dtext h2 {
    margin-bottom: 30px;
}
.single-post .fc-item.small-sz .cc img {
    height: 500px;
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid #C5DDF4;
    object-fit: cover;
    width: 100%;
}
.single-post .fc-item.large-sz .cc img {
    height: 696px;
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid #C5DDF4;
    object-fit: cover;
    width: 100%;
}
.single-post .img-cwrap img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: scale-down;
}
.single-post .img-cwrap {
	text-align: center;
}
.single-post .dtext h3 {
    margin-bottom: 15px;
}
.single-post .fc-item.cta {
    border-radius: 20px;
    background: #F5FAFF;
    padding: 52px 100px;
    text-align: center;
}
.single-post .fc-item.cta h3 {
    line-height: 150% !important;
}
article.single-post .wrap {
    position: relative;
}
article.single-post .wrap:before {
    content: '';
    background: url('/wp-content/themes/early-family-math/images/bg/newsletter-bg.png');
    width: 100%;
    height: 1809px;
    left: 0;
    top: 80px;
    position: absolute;
    z-index: -1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.single-post .cta-wrap {
    border-radius: 20px;
    background: #F5FAFF;
    padding: 42px 30px;
    margin-bottom: 30px;
}
.single-post .cta-wrap .ctatext {
    color: var(--color3);
    font-family: var(
    --font-1);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
    margin-bottom: 30px;
}
.single-post .cta-wrap .detail-item {
    color: var(--color1);
    font-family: var(--font-1);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 24px */
}
.single-post .cta-wrap .detail-item a {
    color: var(--hover);
    font-family: var(--font-1);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}
.single-post .cta-wrap .detail-item:last-child p {
    margin-bottom: 0;
}
/* #endregion */

/*------------------------------------------
    #MARK: ROW MEDIA 04
------------------------------------------*/
/* #region */
.rowmedia-04 .dinfo {
    max-width: 820px;
}
.rowmedia-04 .mtitle {
    line-height: 120%;
    margin-bottom: 30px;
}
.rowmedia-04 .atitle {
    line-height: 120%;
    margin-bottom: 20px;
}
.rowmedia-04 .dtext {
    color: var(--color3);
}
.rowmedia-04 .btn-loop {
    margin-top: 40px;
    gap: 13px !important;
}
.rowmedia-04 .img-wrapper .inner-wrap {
    border-radius: 30px;
    border: 1px solid #C5DDF4;
    background: #FFF;
    max-width: 270px;
    width: 100%;
    height: 290px;
    padding: 57px 18px;
    display: flex;
    align-items: center;
}
.rowmedia-04 .btn.w-icon {
    border-radius: 30px;
    border: 1px solid #C5DDF4;
    padding: 14px 22px;
}
.rowmedia-04 .btn.w-icon span {
    color: var(--color1);
    font-family: var(--font-1);
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 17px */
}
.rowmedia-04 .btn.w-icon span:before {
    content: unset;
}
.rowmedia-04 .btn.w-icon img {
    max-width: 19px;
    height: 20px;
    margin-top: 0;
    margin-right: 10px;
}
.rowmedia-04 .btn.w-icon:hover {
    background: var(--hover);
    border-color: var(--hover);
}
.rowmedia-04 .btn.w-icon:hover img {
    filter: brightness(0) saturate(100%) invert(1);
}
.rowmedia-04 .btn.w-icon:hover span {
    color: #fff;
}
/* #endregion */

/*------------------------------------------
    #MARK: STORYBOOKS 01
------------------------------------------*/
/* #region */
.ajaxc-02 .mtitle {
    text-align: center;
    margin-bottom: 70px;
}
.ajaxc-02 .tax-buttons .flexic {
    justify-content: center;
}
.ajaxc-02 .iloader {
    display: none;
}
.ajaxc-02 .tax-links {
    margin-bottom: 40px !important;
}
.ajaxc-02 .cat-text-wrap {
    text-align: center;
    max-width: 970px;
    margin: auto;
    margin-bottom: 70px;
}
.ajaxc-02 .cat-text-wrap .cattext.active {
    display: block;
}
.ajaxc-02 .cat-text-wrap .cattext {
    color: var(--color3);
    display: none;
}
.ajaxc-02 .cat-text-wrap .cattext p strong {
    color: var(--color1);
}
.ajaxc-02 .img-wrap .thumb-bg {
    height: 270px;
    background: transparent;
}
.ajaxc-02 .img-wrap {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid transparent;
}
.ajaxc-02 .cpt-title.ititle {
    text-align: center;
    line-height: 120%; /* 24px */
    color: var(--color1);
}
.ajaxc-02 .ajx_btn {
    margin-top: 70px !important;
}
.ajaxc-02 .cpt-row {
    row-gap: 60px;
}
.ajaxc-02 .img-wrap .dtext {
    color: #FFF;
    text-align: center;
    font-family: var(--font-1);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
    position: absolute;
    bottom: 47px;
    max-width: 217px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    opacity: 0;
    transition: all 0.5s ease;
    z-index: 2;
}
.ajaxc-02 .cpt-wrap:hover .img-wrap .dtext {
    opacity: 1;
    transition: all 0.5s ease;
}
.ajaxc-02 .cpt-wrap:hover .img-wrap:before {
    background: linear-gradient(180deg, rgba(24, 120, 212, 0.50) 0%, #09335C 100%);
    transition: all 0.5s ease;
}
.ajaxc-02 .cpt-wrap:hover .img-wrap {
    border: 1px solid #1878D4;
}
.ajaxc-02 .cpt-wrap .img-wrap:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 0.5s ease;
}
.ajaxc-02 .tax-buttons .flexic li:first-child,
.ajaxc-02 .custom-options .custom-option[data-id="all"] {
    display: none;
}
.ajaxc-02 .new-badge {
    border-radius: 20px;
    background: #F5D75B;
    color: var(--color1);
    font-family: var(--font-1);
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 100%; /* 10px */
    text-transform: uppercase;
    width: 43px;
    position: absolute;
    z-index: 10;
    top: 13px;
    left: 11px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* #endregion */

/*------------------------------------------
    #MARK: JS TABS 02
------------------------------------------*/
/* #region */
.js-tabs-02 .ntabs {
    flex-direction: row !important;
    justify-content: center;
    gap: 10px;
    margin-bottom: 40px !important;
}
.js-tabs-02 .selector-inner-wrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto 60px;
    gap: 16px;
    position: relative;
    max-width: 635px;
}
.js-tabs-02 .selector-inner-wrap h3 {
    margin-bottom: 0;
}
.js-tabs-02 .mtitle {
    text-align: center;
}
.js-tabs-02 .tab-content {
    border: 0 !important;
}
.js-tabs-02 .language-selector .select-wrap {
    position: relative;
    width: 100%;
    max-width: 400px;
}
.js-tabs-02 .language-selector select {
    border-radius: 30px;
    border: 1px solid #C5DDF4;
    background: #FFF;
    width: 100%;
    max-width: 400px;
    padding: 10px 50px 10px 30px;
    color: var(--color3);
    font-family: var(--font-1);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 24px */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
    cursor: pointer;
}
.js-tabs-02 .language-selector .select-wrap:after {
    content: '';
    background: url('/wp-content/themes/early-family-math/images/icons/arrow-bg.svg');
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    z-index: 10;
    background-size: contain;
    pointer-events: none;
}

.js-tabs-02 .dinfo > .d-link:not(:first-of-type){margin-top: 15px;}
.js-tabs-02 .dinfo > .d-link:first-of-type{
    margin-top: 60px;
}
.js-tabs-02 .language-deck-wrap {
    margin-top: 40px;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 100px;
    justify-content: space-between;
    /* gap: 30px; */
}
.js-tabs-02 .dinfo {
    max-width: 600px;
}
.js-tabs-02 .dtext {
    color: var(--color3);
}
.js-tabs-02 .dtext h3 {
    color: var(--color1);
    margin: 30px 0 20px;
}
.js-tabs-02 .dtext a {
    text-decoration: underline;
    color: var(--hover);
}
.js-tabs-02 .atitle {
    color: var(--color2);
    text-align: center;
    font-family: var(--font-1);
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 36px */
    margin-top: 30px;
    margin-bottom: 20px;
}
.js-tabs-02 .img-wrapper {
    padding: 0;
    /* flex: 0 0 auto; */
    /* max-width: 500px; */
    border-radius: 20px;
    border: 1px solid #516F8C;
    overflow: hidden;
    width: 100%;
    height: fit-content;
}

.js-tabs-02 .img-wrapper img {
    height: auto;
    object-fit: cover;
    width: 100%;
    aspect-ratio: 411/562;
}
/* .js-tabs-02 .content-wrapper {
    flex: 0 0 auto;
    max-width: max-content;
} */
.js-tabs-02 .gallery {
    display: grid;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    grid-template-rows: repeat(13, auto);
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: column;
}

.js-tabs-02 .gallery-additional {grid-auto-flow: row; margin-top: 30px;grid-template-rows: repeat(1, auto);}

.js-tabs-02 .gallery .gallery-item {
    flex: 0 0 auto;
    border-radius: 20px;
    border: 1px solid #516F8C;
    max-width: 270px;
    height: auto;
    width: 100%;
    overflow: hidden;
}

.js-tabs-02 .gallery-wrap h2 {
    margin-bottom: 50px;
}
.js-tabs-02 .gallery-wrap .text-center.btn-wrap {
    margin-top: 50px;
}
.js-tabs-02 .wrap:before {
    content: '';
    width: 100%;
    height: 1800px;
    position: absolute;
    top: 590px;
    left: 0;
    background: url('/wp-content/themes/early-family-math/images/bg/playing-cards-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    z-index: -1;
}
.js-tabs-02 .language-selector {
    overflow: hidden;
}
/* #endregion */

/*------------------------------------------
    #MARK: ICONS 02
------------------------------------------*/
/* #region */
.icon-02 .icon-item {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    align-content: baseline;
}
.icon-02 .icon-item .diconn {
    flex: 0 0 auto;
    max-width: 170px;
    height: 170px;
}
.icon-02 .icon-item .dinfo {
    max-width: 334px;
}
.icon-02 .icon-item .dtext a {
    color: var(--hover);
    text-decoration: underline;
}
.icon-02 .icon-item .dtext {
    color: var(--color3);
}
.icon-02 .ititle {
    max-width: max-content;
}
.icon-02 .icon-item:nth-child(even) {
    justify-content: flex-end;
}
.icon-02 .title-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    margin-bottom: 20px;
}
.icon-02 .btn-icon {
    width: 15px;
    height: 15px;
}
.icon-02 .btn-icon img {
    width: 15px;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}
/* #endregion */

/*------------------------------------------
    #MARK: AJAX FILTER 02
------------------------------------------*/
/* #region */
.ajaxfltr-02 .mtitle {
    text-align: center;
    margin-bottom: 30px;
    line-height: 120%; /* 24px */
    font-weight: 600;
}
.ajaxfltr-02 .dtext {
    max-width: 830px;
    margin: 0 auto 40px;
    text-align: center;
    color: var(--color3);
}
.ajaxfltr-02 .tx-activities-category {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}
.ajaxfltr-02 .tx-activities-category .custom-option {
    border-radius: 20px;
    border: 1px solid #C5DDF4;
    background: #FFF;
}
.ajaxfltr-02 .tx-activities-category .custom-option span {
    color: var(--color1);
    font-family: var(
    --font-1);
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%; /* 17px */
}
.ajaxfltr-02 .tx-activities-category .custom-option:hover,
.ajaxfltr-02 .tx-activities-category .custom-option.active {
    background: var(--hover);
    border-color: var(--hover);
}
.ajaxfltr-02 .tx-activities-category .custom-option:hover span,
.ajaxfltr-02 .tx-activities-category .custom-option.active span {
    color: #fff;
}
.ajaxfltr-02 .tx-activities-category .custom-option[data-name="All"] {
    display: none;
}
.ajaxfltr-02 .row {
    row-gap: 50px !important;
    margin-bottom: 40px;
}
.ajaxfltr-02 .cat-selection h4 {
    margin-bottom: 20px;
}
.ajaxfltr-02 .cat-selection .this-div .tax-select {
    width: 100% !important;
    border-radius: 30px;
}
.ajaxfltr-02 .cat-selection .dcustom-select {
    border-radius: 30px !important;
    border: 0;
    background: #FFF;
    height: 50px;
    position: relative;
}
.ajaxfltr-02 .cat-selection .custom-select__trigger {
    border-radius: 30px !important;
    border: 1px solid #C5DDF4 !important;
    background: #FFF;
}
.ajaxfltr-02 .cat-selection .dcustom-select span {
    color: var(--color3);
    font-family: var(--font-1);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
}
.ajaxfltr-02 .dcustom-select .custom-options {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.10);
    border: 0;
    overflow: hidden;
    padding: 20px 0;
}
.ajaxfltr-02 .dcustom-select .custom-option:hover {
    background: none !important;
}
.ajaxfltr-02 .dcustom-select .custom-option:hover span {
    color: var(--hover);
}
.ajaxfltr-02 .dcustom-select .arrow {
    display: none;
}
.ajaxfltr-02 .cat-selection .dcustom-select:before {
    content: '';
    background: url('/wp-content/themes/early-family-math/images/icons/arrow-bg.svg');
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    z-index: 10;
    background-size: contain;
    pointer-events: none;
}
.ajaxfltr-02 .excerpt-wrap {
    color: var(--color1);
    text-align: center;
    font-family: var(--font-1);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 22.5px */
    position: absolute;
    bottom: 37px;
    padding: 0 25px;
    opacity: 0;
    transition: all 0.5s ease;
}
.ajaxfltr-02 .img-wrap {
    width: 100%;
    max-width: 270px;
    height: 270px;
    border-radius: 30px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;
    border: 1px solid transparent;
    flex-direction: column;
}
.ajaxfltr-02 .img-wrap .thumb-bg {
    background: none;
    height: 173px;
    transition: all 0.5s ease;
}
.ajaxfltr-02 .img-wrap .thumb-bg img {
	max-width: 200px;
    object-fit: contain;
}
.ajaxfltr-02 .flex-row .post-item {
    transition: all 0.5s ease;
}
.ajaxfltr-02 .flex-row .post-item:hover {
    background: none !important;
}
.ajaxfltr-02 .flex-row .post-item:hover .img-wrap {
    border: 1px solid #1878D4;
    transition: all 0.5s ease;
}
.ajaxfltr-02 .flex-row .post-item:hover .excerpt-wrap {
    position: static;
    opacity: 1;
    transition: all 0.5s ease;
}
.ajaxfltr-02 .ititle {
    text-align: center;
    color: var(--color1);
}
.ajaxfltr-02 .flex-row .post-item:hover .thumb-bg {
    height: 84px;
    margin-bottom: 30px;
    transition: all 0.5s ease;
}
.ajaxfltr-02 .flex-row .post-wrap {
    width: 100%;
    flex: 0 0 auto !important;
    max-width: 300px !important;
}
.ajaxfltr-02 .btn-loop {
    margin-top: 50px;
    width: 100%;
    justify-content: center;
    z-index: 0;
    position: relative;
}
.ajaxfltr-02 .img-wrap .thumb-bg.bg-placeholder img {
    opacity: 1;
}
/* #endregion */

/*------------------------------------------
    #MARK: SINGLE ACTIVITIES
------------------------------------------*/
/* #region */
.single-activities .content-wrapper {
    max-width: 970px;
    margin: 100px auto 0;
}
.single-activities .atitle {
    color: var(--color2);
    font-family: var(--font-1);
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; /* 20.4px */
    letter-spacing: 3.4px;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 40px;
	max-width: max-content;
}
.single-activities .content-wrapper .flexic {
	flex-direction: row;
    gap: 10px;
    justify-content: flex-start;
}
.single-activities .dtext.ctext {
    color: var(--color3);
}
.single-activities .dtext.ctext h3 {
    color: var(--color1);
    margin-bottom: 20px;
}
.single-activities .div-back {
    margin-top: 30px;
}
.single-activities .right-content {
    padding: 0;
}
.single-activities .right-content .dtext.ctext {
    max-width: 570px;
    width: 100%;
}
.single-activities .fc-item .row {
    align-items: center;
}
.single-activities .fc-item .left-img img {
    width: 100%;
	max-height: 330px;
/*     max-width: max-content; */
}

.single-activities .fc-item .left-img img {object-fit: contain; object-position: left;}
.single-activities .acc-content .item {
    border-radius: 20px;
    border: 1px solid #C5DDF4;
    background: #FFF;
    padding: 40px 70px 55px;
    transition: all 0.5s ease;
}
.single-activities .acc-content .item.collapsed {
    padding: 30px;
}
.single-activities .acc-content .ibox .pad {
    margin-top: 30px;
    color: var(--color3);
}
.single-activities .acc-content .item:not(:last-child) {
    margin-bottom: 30px;
}
.single-activities .acc-indicator {
    font-size: 40px;
    color: var(--hover);
}
.single-activities .acc-content .ihead {
    gap: 30px;
}
.single-activities .acc-content .ihead .iclick {
    line-height: 0;
}
.single-activities .acc-indicator .off {
    color: var(--color3);
}
.single-activities .acc-content .item:hover .acc-indicator .off {
    color: var(--hover);
}
.single-activities .content-wrapper .mtitle br {
    display: none;
}
/* #endregion */

/*------------------------------------------
    #MARK: SINGLE STORYBOOKS
------------------------------------------*/
/* #region */
.single-storybooks .acc-content .item {
    border-radius: 20px;
    border: 1px solid #C5DDF4;
    background: #FFF;
    padding: 34px 35px;
    transition: all 0.5s ease;
}
.single-storybooks .acc-content .ibox .pad {
    margin-top: 25px;
    color: var(--color3);
    max-width: 876px;
}
.single-storybooks .acc-content .item:not(:last-child) {
    margin-bottom: 20px;
}
.single-storybooks .acc-indicator {
    font-size: 40px;
    color: var(--hover);
}
.single-storybooks .acc-content .ihead {
    gap: 30px;
}
.single-storybooks .acc-content {
    max-width: 1031px;
    margin: 120px auto 0;
}
.single-storybooks .acc-indicator .off {
    color: var(--color3);
}
.single-storybooks .acc-content .item:hover .acc-indicator .off {
    color: var(--hover);
}
.single-storybooks .topbar.row {
    padding-top: 80px;
}
.single-storybooks .topbar .img-wrapper {
    text-align: right;
}
.single-storybooks .topbar .img-wrapper img {
    max-width: 500px;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.single-storybooks .mtitle {
    line-height: 120%;
    margin-bottom: 25px;
}
.single-storybooks .atitle {
    line-height: 120%; /* 30px */
    max-width: 310px;
    max-width: 100%;
}
.single-storybooks .div-back {
    margin-top: 30px;
}
.single-storybooks .row-main-wrapper {
    padding-top: 100px;
    padding-bottom: 20px;
    max-width: 1030px;
    margin: auto;
}
.single-storybooks .row-main-wrapper .row.item {
    align-items: center;
}
.single-storybooks .row-main-wrapper .content-wrapper {
    color: var(--color3);
}
.single-storybooks .colored-wrap {
    padding-left: 15px;
    margin-top: 30px;
}
.single-storybooks .colored-wrap .red-text {
    color: var(--color2);
}
.single-storybooks .colored-wrap .green-text {
    color: #37BBA2;
}
.single-storybooks .colored-wrap .blue-text {
    color: var(--color4);
}
.single-storybooks .colored-wrap li:not(:last-child) {
    margin-bottom: 20px;
}
.single-storybooks .row-main-wrapper .dinfo {
    max-width: 470px;
    margin-left: auto;
}
.single-storybooks .inner-wrap-img {
    border-radius: 30px;
    background: #F6F6F6;
    overflow: hidden;
    max-width: 500px;
    width: 100%;
}
.single-storybooks .colored-wrap li {
    padding-left: 15px;
}
.single-storybooks .colored-wrap li::marker {
    font-weight: 600;
}
.single-storybooks .row-main-wrapper .row.item.reverse {
    flex-direction: row-reverse;
}
.single-storybooks .row-main-wrapper .row.item.reverse .dinfo {
    margin-left: unset;
}
.single-storybooks .inner-wrap-img img {
    width: 100%;
    object-fit: scale-down;
    object-position: center;
    max-height: 500px;
}
.single-storybooks .pagination-wrap {
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: center;
}
.single-storybooks .pagination-wrap .page-text-wrap {
    color: var(--color3);
    text-align: center;
}
.single-storybooks .level-text-wrap {
    margin-top: 30px;
}
.single-storybooks .level-text-item {
    display: flex;
    align-items: flex-start;
    gap: 22px;
}
.single-storybooks .level-text-item .level-count {
    flex: 0 0 auto;
    max-width: 86px;
    width: 100%;
    color: var(--color1);
    font-family: var(--font-1);
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 117.647% */
    letter-spacing: 0.51px;
    text-transform: uppercase;
}
.single-storybooks .level-text-item .ltext {
    max-width: 768px;
    width: 100%;
    color: var(--color3);
    font-family: var(--font-1);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 25.5px */
}

.single-storybooks .level-text-item:not(:last-child) {
    margin-bottom: 20px;
}
.single-storybooks article.single-storybooks {
    position: relative;
}
.single-storybooks article.single-storybooks:before {
    content: '';
    background: url('/wp-content/themes/early-family-math/images/bg/storybooks-bg.png');
    width: 100%;
    height: 110%;
    left: 0;
    top: 162px;
    position: absolute;
    z-index: -1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}
.single-storybooks .translate-wrapper {
    margin-bottom: 30px;
}
.single-storybooks .translate-wrapper .gtranslate_wrapper {
    max-width: 333px;
    border-radius: 30px;
    border: 1px solid #C5DDF4;
    background: #FFF;
    padding-left: 0;
    overflow: hidden;
}
.single-storybooks .translate-wrapper .gtranslate_wrapper select {
    color: #516F8C;
    font-family: var(--font-1);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 24px */
    width: 100%;
    max-width: 100%;
    height: 50px;
    padding: 0 18px;
    outline: 0;
}
.single-storybooks .translate-wrapper .gtranslate_wrapper:before {
    content: unset;
}
.single-storybooks .translate-wrapper .gtranslate_wrapper::after {
    width: 40px;
    height: 40px;
    background: url('/wp-content/themes/early-family-math/images/icons/arrow-bg.svg');
    background-repeat: no-repeat;
    background-size: cover;
    right: 6px;
}
.single-storybooks .row-main-wrapper .content-wrapper .dtext strong {
    color: #00a3d9;
}
.single-storybooks .selector-reading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}
.single-storybooks .selector-reading label {
    font-family: var(--font-1);
    font-size: var(--h4);
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 0;
    margin-left: 15px;
    cursor: pointer;
}
.single-storybooks .selector-reading input {
    width: 24px;
    height: 24px;
}
.single-storybooks .selector-reading .checkbox-wrap {
    display: flex;
    align-items: center;
}
/* #endregion */

/*------------------------------------------
    #MARK: JS TABS 01 - EDITED
------------------------------------------*/
/* #region */
.js-tabs-01 .cards-row .div-link {position: relative; overflow: hidden;}
.js-tabs-01 .cards-row .div-link .hidden-textbox {
    position: absolute;
    top: 100%;
    width: 100%;
    height: calc(100% - 5px);
    border-radius: 30px;
    overflow: hidden;
    backdrop-filter: blur(2px);
    transition: all 0.3s ease;
    padding: 30px 15px; 
    align-content: center;
}

.js-tabs-01 .cards-row .div-link:hover .hidden-textbox {top: 0;}

.js-tabs-01 .cards-row .div-link .hidden-textbox .overlay {opacity: .8;}
.js-tabs-01 .cards-row .div-link .hidden-text {color: var(--a); position: relative;}
/* #endregion */

/*------------------------------------------
    #MARK: SINGLE STORYBOOKS - EDITED
------------------------------------------*/
/* #region */
.single-storybooks .inner-wrap-img {max-width: 100%;}
.single-storybooks .inner-wrap-img img {max-height: unset;}

/* #endregion */

/*------------------------------------------
    #MARK: MISC EDITS
------------------------------------------*/
/* #region */
.element .hidden-lang-set {
    display: block;
    position: absolute;
    width: 118%;
    height: 120%;
    z-index: 0;
    opacity: 0;
}
.single-activities.postid-5648 .prev-btn {display: none;}

.ajaxc-02 .download-btn {
    display: none;
}
/* Ensure the parent groups are visible, but the buttons inside are controlled by JS */
.ajaxc-02 .download-btngrp {
    display: flex;
}
.ajaxc-02 .dcustom-select.open .custom-options {
	z-index: 10;
}

/* #endregion */

/*------------------------------------------
    #MARK: STORY BOOK LAST PAGE
------------------------------------------*/
/* #region */
.row.item.last-page .top-logo {margin-bottom: 1rem; display: flex; gap: 10px;justify-content: center; align-items: center;}

.row.item.last-page.last_page_2 .dtext {margin-bottom: 1rem;}
.row.item.last-page.last_page_2 .two-col.dtext {display: flex;}
.row.item.last-page.last_page_2 .two-col-left,
.row.item.last-page.last_page_2 .two-col-right {flex: 0 0 50%; max-width: 50%;}

.row.item.last-page.last_page_2 .last-page-text{background: #FFF; padding:60px; border-radius: 30px;}

.row.item.last-page.last_page_1 .last-page-text{padding:60px; border-radius: 30px;}
.row.item.last-page .bot-logo {display: flex; gap: 10px;justify-content: space-between; align-items: flex-end; margin-top: 30px;}
/* #endregion */

/*------------------------------------------
    #MARK: FIELD 01
------------------------------------------*/
/* #region */

.ajaxfltr-02 .gtranslate_wrapper {
    max-width: 333px;
    border-radius: 30px;
    border: 1px solid #C5DDF4;
    background: #FFF;
    padding-left: 0;
    overflow: hidden;
    border-radius: 30px !important;
    border: 1px solid #C5DDF4 !important;
    background: #FFF;
}
.ajaxfltr-02 .gtranslate_wrapper select {
    color: #516F8C;
    background: #FFF;
    font-family: var(--font-1);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 24px */
    width: 100%;
    max-width: 100%;
    height: 50px;
    padding: 0 18px;
    outline: 0;
}
.ajaxfltr-02 .gtranslate_wrapper:before {
    content: unset;
}
.ajaxfltr-02 .gtranslate_wrapper::after {
content: '';
  background: url('/wp-content/themes/early-family-math/images/icons/arrow-bg.svg');
    background-size: auto;
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  z-index: 10;
  background-size: contain;
  pointer-events: none;
}

.ajaxfltr-02 .gtranslate_wrapper select option{
  color: var(--color3);
  font-family: var(--font-1);
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
  padding: 22px;
}

.ajaxfltr-02 .gtranslate_wrapper select > option:first-child {padding-top: 20px;}
.ajaxfltr-02 .gtranslate_wrapper select > option:last-child {padding-bottom: 20px;}


/* #endregion */

/*------------------------------------------
    #MARK: FIELD 01
------------------------------------------*/
/* #region */
.ajaxp-01 .thumb-bg.bg-placeholder {
    background: linear-gradient(180deg, rgba(197, 221, 244, .2) 0%, #C5DDF4 100.1%);
}

.ajaxp-01 .bg-placeholder[data-ph="logo"] img {filter: none;}
/* #endregion */

/*------------------------------------------
    #MARK: QA 02/20/2026
------------------------------------------*/
/* #region */
html[lang="en-US"] .main-menu .menu-item {
	font-size: 17px;
}
html[lang="hmn"] .main-menu .navbar-nav {
    gap: 30px 50px !important;
}
html[lang="ceb"] .main-menu .navbar-nav,
html[lang="tl"] .main-menu .navbar-nav{
    gap: 30px 18px !important;
}
html[lang="ceb"] .main-menu .menu-item,
html[lang="tl"] .main-menu .menu-item{
	text-align: center;
}
html[lang="ceb"] #menu-mobile .menu-item,
html[lang="tl"] #menu-mobile .menu-item {
	text-align: left;
}
html[lang="ml"] .main-menu .navbar-nav,
html[lang="mg"] .main-menu .navbar-nav{
    gap: 30px 40px !important;
}
.main-menu {
	width: 100%;
}
.main-menu .navbar-nav {
    justify-content: flex-end;
}
/* #endregion */

/*------------------------------------------
    #MARK: SLIDER QUOTE 01
------------------------------------------*/
/* #region */
.qslider-01 .dtext {
    font-size: 17px !important;
    font-style: italic;
    color: var(--color3);
}
.qslider-01 .dtext.posn {
    font-style: normal;
}
.qslider-01 .ititle {
    margin-bottom: 0;
}
.qslider-01 .slide-bg.is-inner {
    background: #e9f4ff;
    padding: 60px;
    border-radius: 20px;
}
.qslider-01 .is-inner .owlprev {
    left: 60px;
}
.qslider-01 .is-inner .owlnext {
    right: 60px;
}
.qslider-01 .overlay.color {
    width: 47px;
    height: 47px;
    background: #ffce66;
    border-radius: 50px;
    left: unset;
    right: -15px;
    top: 20px
}
.qslider-01 .overlay.color2 {
    width: 18px;
    height: 18px;
    background: #f6cdc8;
    border-radius: 50px;
    top: 86px;
    right: 31px;
    left: unset
}
.qslider-01 .overlay.color3 {
    background: #63ca99;
    width: 24px;
    height: 24px;
    bottom: -12px;
    top: unset;
    left: 76px
}
/* #endregion */

#main-activity {
    position: relative;
    top: 0px;
}

.single #main-activity {top: -40px;}

.single-activities .post-items.my-30px {margin-top: 30px; margin-bottom: 30px;}

.single-activities .post-items .img-wrap {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 20px;
  border: 1px solid transparent;
  box-sizing: border-box;
}

.single-activities .thumb-bg {
  height: auto;
  min-height: 150px;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}

.single-activities .post-items h4 {
  text-align: center;
  line-height: 120%;
  color: var(--color1);
}

.single-activities .post-activities .thumb-bg img {width: auto; height: 60%; object-fit: contain; object-position: center; max-width: calc(100% - 30px);}

.single-activities .content-wrapper .dtext p img {display: block; margin: 30px auto; max-width: 100%;}

.fc-item.odd .row {flex-direction: row-reverse;}


.single-activities p.large-text {font-size:50px;font-weight:600; line-height: 1.5}
.single-activities p.color-red, .single-activities p span.color-red, .single-activities .acc-content span.color-red {color:red;}

/* #endregion */

/*------------------------------------------
    #MARK: QA 03/26/2026
------------------------------------------*/
/* #region */

/* Target the flex container */
.ajax_cpt_filter_02_math_games .tx-mg-category.flexgrp .d-tag:nth-child(3) {
  margin-right: 100px; /* Pushes everything else away */
}


@media only screen and (max-width : 850px) { 
    .ajax_cpt_filter_02_math_games .tx-mg-category.flexgrp .d-tag:nth-child(3) {
        margin-right: 0px; /* Pushes everything else away */
    }

    .ajax_cpt_filter_02_math_games .tx-mg-category.flexgrp {row-gap: 30px;}
    .ajax_cpt_filter_02_math_games .tx-mg-category.flexgrp .d-tag {flex: 0 0 calc(33.3333% - 10px); text-align: center;}
} 

.ajaxp-01.newwsletter .row .post-thumbnail img, .ajaxp-01 .row .post-thumbnail img:not([src="https://earlyfamilydev.wpenginepowered.com/wp-content/themes/early-family-math/images/placeholder/logo.svg"]) { max-width: 100%; height: 100%; object-fit: cover; }

.single-post .img-cwrap .pop-video img {
    width: 100%;
    height: auto;
    object-fit: cover;
    left: 0;
    position: relative;
}

.single-post .img-cwrap .pop-video .play img {display: none;}

.custom-select-wrapper.lang-select-options .custom-options {display: flex; flex-direction: column;padding: 20px;}
.custom-select-wrapper.lang-select-options .custom-options a.glink,
.custom-select-wrapper.lang-select-options .custom-options span,
.element .custom-download-options .download-options-wrap a span{
    color: var(--color3);
    font-family: var(--font-1);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
}

.custom-select-wrapper.lang-select-options .custom-options a.glink:hover,
.custom-select-wrapper.lang-select-options .custom-options span:hover,
.element .custom-download-options .download-options-wrap a span:hover {
    color: var(--hover);
}

.js-tabs-02 .language-arabic .gallery {direction: ltr;}

html[lang="ar"] .header-innerwrap, 
html[dir="rtl"] .header-innerwrap {margin-right: 45px; margin-left: 0;}

html[lang="ar"],
html[dir="rtl"] [data-design*="row"][data-rtl="0"] .dinfo {margin-left: 0; margin-right: auto;}

html[lang="ar"] .ext-show-search .btn,
html[dir="rtl"] .ext-show-search .btn {right: unset; left: 0;}

html[dir="rtl"]  .ajaxfltr-02 .cat-selection .dcustom-select::before {
    left: 13px;
    right: unset;
}

html[dir="rtl"] .ajax_cpt_filter_02_math_games .tx-mg-category.flexgrp .d-tag:nth-child(3) {margin-right: 0;}

html[dir="rtl"] .ajax_cpt_filter_02_math_games .tx-mg-category.flexgrp .d-tag:nth-child(4) {
  margin-right: 100px;
}

.element .custom-download-options{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
}

.element .custom-download-options .download-options-wrap {
    display: flex; 
    flex-direction: column;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.10);
    border: 0;
    overflow: hidden;
    padding: 25px 20px 20px 20px;
    width: 100%;
    max-width: 100%;
    min-width: min-content;
    text-align: left;
    z-index: 2;
    position: relative;
}

.ajaxc-02 .download-btns-group-new {display: flex; justify-content: center; gap: 15px;}

.element .download_btns.dropdown-container {position: relative;}

.page-id-2704 main {position: relative; z-index: 2;}

header .gt_switcher,
header .gt_switcher .gt_option {width: 247px !important;}

header .gt_switcher .gt_selected a {width: 235px !important;}

header .gtranslate_wrapper .gt_switcher .gt_option {
  top: 40px !important;
}

.element .custom-select__trigger {padding: 5px 45px 5px 22px}


.section-hidden-dropdown .text-o-02 h4 {
  margin-bottom: 20px;
}

.section-hidden-dropdown .text-o-02 .drop-select {width: 100%; max-width: 500px;}

.section-hidden-dropdown .p-text-02 .col-info {max-width: 100%;}
/* Scoped to your specific page and section */
.section-hidden-dropdown .text-o-02 .custom-select-wrapper {
    position: relative;
    width: 100%;
    user-select: none;
}


/* The Clickable Trigger Area */
.section-hidden-dropdown .text-o-02 .custom-select-drop-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px;
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
    transition: border-color 0.3s ease;
    border-radius: 30px !important;
  border: 1px solid #C5DDF4 !important;
  background: #FFF;
  padding: 5px 45px 5px 22px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
}

.section-hidden-dropdown .text-o-02 .custom-select-drop-trigger:hover {
    border-color: #bbb;
}

.section-hidden-dropdown .text-o-02 .custom-select-drop-trigger span {
    color: var(--color3);
  font-family: var(--font-1);
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
}

.section-hidden-dropdown .text-o-02 .ddcustom-select {
    border-radius: 30px !important;
  border: 0;
  background: #FFF;
  height: 50px;
  position: relative;
}


.section-hidden-dropdown .text-o-02  .ddcustom-select .arrow {display: none}
.section-hidden-dropdown .text-o-02  .ddcustom-select::before {
    content: '';
  background: url('/wp-content/themes/early-family-math/images/icons/arrow-bg.svg');
    background-size: auto;
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  z-index: 10;
  background-size: contain;
  pointer-events: none;
}

/* The Sliding Options Container */
.section-hidden-dropdown .text-o-02 .custom-drop-options {
    display: none; /* Required for jQuery slideDown/Up to work */
    position: absolute;
    top: 105%; /* Slight gap from the trigger */
    left: 0;
    right: 0;
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    z-index: 100;
    max-height: fit-content;
    overflow-y: auto;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 5px 5px 25px 0 rgba(0, 0, 0, 0.10);
    border: 0;
    overflow: hidden;
    padding: 20px 0;
}

/* Individual Option Styling */
.section-hidden-dropdown .text-o-02 .custom-option {
    padding: 10px 15px;
    cursor: pointer;
    transition: background 0.2s ease;
    position: relative;
  display: block;
  padding: 0 22px 0 22px;
  cursor: pointer;
  transition: all 0.5s;
  font-size: 15px;
  font-weight: 300;
  color: #3b3b3b;
  line-height: 40px;
}

.section-hidden-dropdown .text-o-02 .custom-option span {
    color: var(--color3);
  font-family: var(--font-1);
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
}

.section-hidden-dropdown .text-o-02 .custom-option:hover span{
    color: var(--hover);
}

/* .section-hidden-dropdown .text-o-02 .custom-option.selected {
    background-color: #f0f7ff;
    color: #007bff;
    font-weight: 600;
} */

/* The Arrow Icon */
.section-hidden-dropdown .text-o-02 .arrow {
    width: 10px;
    height: 10px;
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
    transform: rotate(45deg);
    margin-bottom: 4px; /* Optical alignment */
    transition: transform 0.3s ease;
}

/* Rotation when dropdown is open */
.section-hidden-dropdown .text-o-02 .custom-select-drop-trigger.active .arrow {
    transform: rotate(-135deg);
    margin-bottom: -4px;
}

/* Layout Helper */
.section-hidden-dropdown .text-o-02 .flexic {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* #endregion */

/*------------------------------------------
    #MARK: QA 04/15/2026
------------------------------------------*/
/* #region */

.ajaxfltr-02 .img-wrap .thumb-bg img {
	max-width: 100%;
	height: 100%;
	aspect-ratio: 1;
	max-height: 100%;
  }

@media only screen and (max-width: 767px) {
	.ajaxfltr-02 .img-wrap .thumb-bg,
	.ajaxfltr-02 .flex-row .post-item:hover .thumb-bg {
		height: 100%;
		margin-bottom: 0;
  }

.ajaxfltr-02 .flex-row .post-wrap {
  width: 100%;
  flex: 0 0 50% !important;
  max-width: 50% !important;
}

.ajaxfltr-02 .img-wrap {
	padding: 15px;
	height: auto;
	aspect-ratio: 1;
	}

.axf .flex-row .post-info{align-items: center;}
	
	.ajaxfltr-02 .flex-row .post-item:hover .thumb-bg {
		height: auto !important;
		margin-bottom: 0 !important;
	}
	
}
.axf .flex-row {justify-content:center;}
.ajaxfltr-02 .img-wrap .thumb-bg.bg-placeholder img {position: relative}

@media only screen and (max-width: 767px){
	.bg-placeholder[data-ph="logo"] img {
		top: 0%;
		left: 50%;
		transform: translateX(-50%) translateY(0%);
	}
}

@media only screen and (max-width: 360px) {
  	.ajaxc-02 .col-lg-3.col-sm-6 {
		width: 50% !important;
		padding-left: 10px !important;
		padding-right: 10px !important;
  }
	
	.ajaxc-02[data-axgrid] .cpt-row {row-gap:15px;}
}