a{color: #910028;} a:hover{color: #b4975a;} /*~~~~~~~~~~~~============= Desktp Design CSS Here =============~~~~~~~~~~~~*/ .my_esj-desk figure.elementor-image-box-img { width: 19px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .my_esj-desk .elementor-image-box-content { width: calc(100% - 16px); } .my_esj-desk .elementor-image-box-content h3 {margin: 0;} .e_menu-widget.menu_widge-desk .elementor-nav-menu { gap: 40px; } .e_menu-widget ul.elementor-nav-menu li a::after { content: ''; position: absolute; top: 0; right: -20px; width: 1px; height: 100%; background: #a7153d !important; opacity: 1 !important; } .e_menu-widget ul.elementor-nav-menu li:last-child a::after { content: unset; } /* Hamburger Menu */ .McButton { position: relative; top: 0%; left: 0%; margin-left: 0; margin-top: 0; width: 50px; height: 26px; cursor: pointer; display: block; } .McButton b { position: absolute; left: 0; width: 50px; height: 3px; background-color: white; border-radius: 1.5px; } .McButton b:nth-child(1) { top: 0; } .McButton b:nth-child(2) { left: auto; top: 50%; right: 0;} .McButton b:nth-child(3) {top:100%;} .fsElementContent .navbar { background: #910028; width: 40px; border-radius: 50px; } .fsElementContent .navbar ul { margin: 0; padding: 20px 0; list-style: none; } .fsElementContent .navbar ul > li { position: relative; margin-bottom: 20px; } .fsElementContent .navbar ul > li > a { position: relative; color: rgba(0, 0, 0, 0); text-decoration: none; transition: all .1s; width: 20px; height: 20px; display: block; margin: 0 auto; padding: 0; z-index: 0; background: none; } .fsElementContent .progress-bar--circle { position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); width: 8px; height: 8px; background-color: #fff; transition: all .3s; z-index: 10; border-radius: 50%; } .fsElementContent .progress-bar--circle::before { position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); content: ""; border: 1px solid rgba(0, 0, 0, 0); border-radius: 50%; width: 10px; height: 10px; display: block; transition: all .3s; } .fsElementContent ul li:hover .label { transform: translate3d(0, -50%, 0); opacity: 1; visibility: visible; } .fsElementContent .label { font-weight: 700; font-size: .875rem; line-height: 100%; letter-spacing: 2px; color: #fff; text-transform: uppercase; display: flex; position: absolute; right: 0; padding: 0 47px 0 0; top: 50%; white-space: nowrap; transform: translate3d(20px, -50%, 0); opacity: 0; visibility: hidden; z-index: -1; transition: all .3s ease-in-out; } .fsElementContent .navbar ul li .label .inner { padding: 5px 8px; background: #003e2b; } .fsElementContent .navbar ul li .label .inner:after { content: ""; width: 0; height: 0; border-top: 4.5px solid rgba(0,0,0,0); border-bottom: 4.5px solid rgba(0,0,0,0); border-left: 7px solid #003e2b; position: absolute; top: 50%; transform: translateY(-50%); right: 40px; } .fsElementContent .navbar ul li a .progress-bar--circle.active:before { border: 1px solid #fff; width: 20px; height: 20px; } .plus_icon-slide .elementor-icon-wrapper { display: flex; } .plus_icon-slide .elementor-icon-wrapper .elementor-icon { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; border-radius: 50%;cursor:pointer;transition:0.6s ease all;} .plus_icon-slide .elementor-widget-container { border-radius: 50%; } .plus_icon-slide { position: absolute; top: 50%; left: -26px; transform: translateY(-50%); } .desk_acad-title { writing-mode: sideways-lr; } .acad_ct-col { opacity: 0; visibility: hidden; display: none;transition: 0.4s ease-in-out all !important; } .pillar_slide-col.active .plus_icon-slide { display: none; } .pillar_slide-col.active .acad_ct-col {opacity: 1; visibility: visible; display: block;} .pillar_slide-col.active { width: calc(100% - 525px) !important; padding-left: calc((100% - 1360px) / 2); transition: 0.6s ease-in-out all !important; flex-direction: column; justify-content: center; align-items: flex-start; } .pillar_slide-col.active .desk_acad-title { writing-mode: horizontal-tb; } .pillar_slide-col { width: 175px !important; padding: 0 30px;transition: 0.6s ease-in-out all !important; } .pillar_slide-col:first-child::after { content: unset; } .academics_img-rt.linkdin-img-main img { aspect-ratio: 16/12; } .munnery-img-main img { aspect-ratio: 390/190; object-fit: cover; } .pillar_slide-col.active .head-main-text { height: auto; width: auto; flex: none; min-height: initial; margin-bottom: 20px; } div.stick-heading{transition: all 1s ease-in-out !important; opacity: 0;} div.sticky-main.ended div.stick-heading{opacity: 0 !important; transition: ease all 0.1s !important;} .little-img-slider figure img.swiper-slide-image { aspect-ratio: 1; object-fit: cover; } /* div.stick-heading { opacity: 0; visibility: hidden; transition: ease all 0.5s !important; } .active-parent div.stick-heading { opacity: 1; visibility: visible; } */ /* 24-6-2025 */ /* .inner-main-banner:before { content: ''; position: absolute; top: -40px; left: 0; width: 100%; height: 60px; pointer-events: none; background: radial-gradient(ellipse at center, rgb(0 0 0) 0%, rgb(0 0 0 / 65%) 40%, #0000001c 75%); filter: blur(4px); z-index: -1; } */ .inner-main-banner { position: relative; z-index: 0; } .read-more-txt a { color: #231F20; transition: 0.5s all; } .read-more-txt p a { color: #910028; font-weight: 600; } .inner-pages-link-grid ul li a { position: relative; transition: 0.5s all; } .inner-pages-link-grid ul li a:before { content: ''; position: absolute; bottom: 0; width: 0%; height: 2px; background: #910028; transition: 0.5s all; } .inner-pages-link-grid ul li a:hover:before { width: 100%; } .inner-faq-block details { border-bottom: 1px solid #910028; } .inner-faq-block details summary.e-n-accordion-item-title { justify-content: space-between; gap: 15px; } .inner-faq-block details summary.e-n-accordion-item-title span.e-n-accordion-item-title-icon { width: 30px; height: 30px; min-width: 30px; background: #910028; display: flex; justify-content: center; align-items: center; border-radius: 50%; } .inner-main-banner .bg_gray3{ background-image: linear-gradient(-45deg, #d1acb6 50%, #91002859 50%); } .inner-main-banner .bg_gray2 { background-image: linear-gradient(-45deg, #c59da8cf 50%, #91002857 50%); } .inner-main-banner .banner-top-ast-img img{ mix-blend-mode: multiply; } .inner-main-banner .bg_gray.bg_gray_1{background-image: linear-gradient(-45deg, #f3f2f200 50%, #6c6c6c14 50%);} .inner-main-banner .bg_gray.bg_gray2 { background-image: linear-gradient(-45deg, #c59da870 50%, #f9f5f657 50%); } /******* 18-07-2025 ******/ .values_ct-desk.fine-art-p-desc.find-class-main-cntr .elementor-widget-container p { margin-bottom: 10px !important; } .values_ct-desk.fine-art-p-desc.find-class-main-cntr .elementor-widget-container p:last-child { margin-bottom: 0 !important; } .values_ct-desks p:last-child { margin-bottom: 0 !important; } .awd-list-main ul { gap: 10px; } .awd-list-main ul li { width: calc(33.33% - 6.66px); padding: 10px !important; border: 1px solid #e6dfce; border-radius: 6px; } /* 22-8-2025 */ .single-job [data-elementor-type="wp-post"] ul { margin-bottom: 20px; display: flex; flex-direction: column; gap: 10px; padding-left: 20px; } .single-job [data-elementor-type="wp-post"] ul li { list-style: disc; } .single-job [data-elementor-type="wp-post"] ol li { list-style: decimal; } .single-job .gform_legacy_markup_wrapper .gform_heading h3.gform_title { color: #910029; font-weight: 700; line-height: 1.4; text-transform: none; font-style: normal; font-size: 25px; } .single-job .gform_legacy_markup_wrapper form ul { display: block; padding: 0; } .single-job .gform_legacy_markup_wrapper form ul li h1 { font-size: 40px; line-height: 1.4; letter-spacing: 0px; color: #910029; font-weight: 400; font-style: normal; text-transform: none; } .single-job .gform_legacy_markup_wrapper form ul li hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } .single-job .gform_legacy_markup_wrapper form ul li label.gfield_label { font-size: 20px; color: #5e5e5e; font-weight: 600; } .single-job .gform_legacy_markup_wrapper form ul li input { color: #5e5e5e; background-color: #fcfcfc; background-image: none; border: 1px solid #e6e6e6; height: 40px; border-radius: 0; } .single-job .gform_legacy_markup_wrapper form ul li input:focus-visible { outline: none; } .single-job .gform_legacy_markup_wrapper form table.gfield_list thead th { font-weight: 600; } .single-job .gform_legacy_markup_wrapper form ul li input + label.gform-field-label, .single-job .gform_legacy_markup_wrapper form ul li select + label { color: #5e5e5e; font-size: 16px!important; font-weight: 500; margin: 5px 0 15px!important; } .single-job .gform_legacy_markup_wrapper form ul li .ginput_container.ginput_container_date img.ui-datepicker-trigger { position: absolute; top: 50%; right: 10px; transform: translate(0, -50%); } .single-job .gform_legacy_markup_wrapper form ul li .ginput_container.ginput_container_date { position: relative; } .single-job .gform_legacy_markup_wrapper form ul.gfield_radio li label.gform-field-label { margin-top: 0px!important; font-size: 16px!important; margin-left: 5px!important; height: auto; margin-bottom: 0!important; } .single-job .gform_legacy_markup_wrapper form .gfield_description { font-size: 16px; } .single-job .gform_legacy_markup_wrapper form .ginput_list table tr.gfield_list_group td { background: #ffffff!important; } .single-job .gform_legacy_markup_wrapper form ul li.gfield--type-section h2.gsection_title { color: #910029; font-size: 25px; } .single-job .gform_legacy_markup_wrapper form ul li select { color: #5e5e5e; background-color: #fcfcfc; background-image: none; border: 1px solid #e6e6e6; height: 40px; border-radius: 0; margin: 0!important; } .single-job .gform_legacy_markup_wrapper form ul li .ginput_container_fileupload input { height: auto; background: transparent; border: 0; } .single-job .gform_legacy_markup_wrapper form ul li .ginput_container_fileupload { display: flex; flex-direction: column; gap: 10px; } .single-job .gform_legacy_markup_wrapper form ul li .ginput_container_fileupload span.gfield_description { padding: 0; } .single-job .gform_legacy_markup_wrapper form ul li.field_sublabel_below p { font-size: 20px; color: #5e5e5e; } .single-job .gform_legacy_markup_wrapper form ul li.field_sublabel_below h2 { color: #910029; font-size: 40px; } .single-job .gform_legacy_markup_wrapper .gform-footer.gform_footer.top_label{ text-align: left; } .single-job .gform_legacy_markup_wrapper .gform-footer.gform_footer.top_label input, .single-job .gform_legacy_markup_wrapper .gform-page-footer.gform_page_footer input { margin: 0; height: 55px; width: 200px; background-color: rgb(145, 0, 41); border: 0px; border-radius: 4px; font-size: 20px; font-weight: 400; color: #fff; } .single-job .gform_legacy_markup_wrapper form ul.gfield_radio li input { height: auto; margin: 0!important; } .single-job .gform_legacy_markup_wrapper form ul.gfield_radio li { display: inline-flex; align-items: center; } .single-job .gform_legacy_markup_wrapper form .gf_progressbar_wrapper h3.gf_progressbar_title { font-size: 16px; color: #5E5E5E!important; font-weight: 600; } .single-job .gform_legacy_markup_wrapper .gform-page-footer.gform_page_footer { text-align: left; border:0; } .single-job .gform_legacy_markup_wrapper form .gf_progressbar_wrapper .gf_progressbar_percentage.percentbar_blue { color: #fff; background: #910028; } .single-job .gform_legacy_markup_wrapper form { padding: 20px; background: #fff; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-radius: 20px; margin-bottom: 40px; } .single-job .gform_legacy_markup_wrapper form ul li hr:first-child { display: none; } .btn-divBaskLSA ul li.elementor-icon-list-item.elementor-inline-item span.elementor-icon-list-icon svg.e-font-icon-svg.e-far-futbol { width: 24px!important; } .home main#content > .page-header { display: none; } .page-id-56805 main#content > .page-header { display: none; } .cate_admission-textnomy .faculty-staff-list { justify-content: center; } /* 12-9-2025 */ .sidebar_links-col .coursed-list-menu nav ul.elementor-nav-menu li a.elementor-item { border-bottom: 1px solid #FFFFFF40; padding: 15px 0!important; } .sidebar_links-col .coursed-list-menu nav ul.elementor-nav-menu { display: flex; flex-direction: column; margin: 0!important; width: 100%; max-width: 100%; } .sidebar_links-col .coursed-list-menu nav ul.elementor-nav-menu li:last-child a.elementor-item { border-bottom: 0; } .page-eagle-ambassador-tour-guides .portfolio-modal-wrapper .portfolio-modal-content .content-outer { max-height: 90vh; } .page-eagle-ambassador-tour-guides .portfolio-modal-wrapper .portfolio-modal-content div#portfolio-modal-inner img { object-position: 0 50%; height: 560px; } /* 24-9-2025 */ .sc_white-box.overflow-hide { overflow: hidden; } span.golden-text { color: #B4975A; } .event-img .event-text { transform: translate(-50%,0); } /* 7-10-25 */ .single-job main#content { padding: 60px 15px 0; max-width: 1170px!important; } .single-job main#content h1.entry-title { margin: 0 0 20px; font-size: 50px; font-weight: 600; line-height: 60px; color: #910029; text-align: center; } .single-job main#content .page-content p { font-size: 20px; font-weight: 400; line-height: 26px; color: #231F20; } .single-job main#content .page-content ul { margin-bottom: 20px; display: flex ; flex-direction: column; gap: 10px; padding-left: 20px; } .single-job main#content .page-content ul li { font-size: 20px; font-weight: 400; line-height: 26px; color: #231F20; } .single-job main#content .page-content ol li{font-size: 20px; font-weight: 400; line-height: 26px; color: #231F20; list-style: decimal;} .single-job form ul { display: block !important; padding: 0 !important; } p:empty{display: none;} .single-job main#content .page-content ul p { color: #5e5e5e; } /* 17-11-2025 */ .alumni-atheletes-grid-main-col .e-n-tabs { gap: 40px; } .alumni-atheletes-grid-main-col .e-n-tabs .e-n-tabs-heading { width: 400px!important; flex: unset; } .alumni-atheletes-grid-main-col .e-n-tabs .e-n-tabs-content { width: calc(100% - 440px)!important; flex: unset; } .alumni-atheletes-grid-main-col .e-n-tabs .e-n-tabs-heading:before { content: ''; position: absolute; background-color: #910029; width: 100%; height: 100%; inset: 0; opacity: 0.9; } .alumni-atheletes-grid-main-col .e-n-tabs .e-n-tabs-heading { width: 400px!important; flex: unset; background-color: #910029; background-image: url(https://esj.org/wp-content/uploads/2025/06/Spiritual.webp); background-position: top center; background-repeat: no-repeat; background-size: cover; padding: 15px 40px; height: max-content; position: relative; } .alumni-atheletes-grid-main-col .e-n-tabs .e-n-tabs-heading button { border-bottom: 1px solid #FFFFFF40; padding: 15px 0 !important; display: block; background: transparent!important; } .alumni-atheletes-grid-main-col .e-n-tabs .e-n-tabs-heading button:last-child{ border-bottom:0; } .alumni-atheletes-grid-main-col .e-n-tabs .e-n-tabs-heading button span.e-n-tab-title-text { text-align: left; } html:has(body.page-alumni-athletes) { scroll-behavior: smooth !important; } .alumini-grid-main .sidebar-main-ryt-col .sidebar_links-col .elementor-element.e-con-full { overflow-x: hidden; overflow-y: auto; scrollbar-width: unset; } .bs-divAlAt a.elementor-button span.elementor-button-content-wrapper { display: block; } .bs-divAlAt a.elementor-button { display: block; text-align: left!important; } .alumini-grid-main .sidebar-main-ryt-col .sidebar_links-col { overflow-x: hidden; max-height: 85vh!important; } .alumini-grid-main .sidebar-main-ryt-col .sidebar_links-col::-webkit-scrollbar { display: none; } .alumini-grid-main .sidebar-main-ryt-col .sidebar_links-col .elementor-element.e-con-full::-webkit-scrollbar { width: 6px; /* Thin width */ } .alumini-grid-main .sidebar-main-ryt-col .sidebar_links-col .elementor-element.e-con-full::-webkit-scrollbar-track { background: #f1f1f1; } .alumini-grid-main .sidebar-main-ryt-col .sidebar_links-col .elementor-element.e-con-full::-webkit-scrollbar-thumb { background: #B4975A; border-radius: 10px; } .alumini-grid-main .sidebar-main-ryt-col .sidebar_links-col .elementor-element.e-con-full::-webkit-scrollbar-thumb:hover { background: #B4975A; } /* Responsive */ @media (max-width:1400px){ .plus_icon-slide .elementor-icon-wrapper .elementor-icon { width: 44px; height: 44px; } .plus_icon-slide { left: -22px; } .pillar_slide-col.active { padding-left: 25px !important;width:calc(100% - 450px) !important; } .pillar_slide-col { width: 150px !important;} } @media (max-width:1200px){ .e_menu-widget.menu_widge-desk .elementor-nav-menu { gap: 40px; } .e_menu-widget ul.elementor-nav-menu li a::after {right: -20px;} .pillar_slide-col.active { padding-left: 25px !important;width:calc(100% - 360px) !important; } .pillar_slide-col { width: 120px !important;padding: 0 20px;} } @media (max-width:991px){ .my_esj-desk .elementor-image-box-content { width: calc(100% - 26px); } .McButton { width: 44px; height: 24px; cursor: pointer; } .McButton b { width: 44px; height: 3px; } .pillar_slide-col.active { padding-left: 15px !important;padding-right:30px !important;width:calc(100% - 270px) !important; } .pillar_slide-col { width: 90px !important;padding: 0 15px;} .plus_icon-slide .elementor-icon-wrapper .elementor-icon { width: 40px; height: 40px; } .plus_icon-slide { left: -20px; } } @media (max-width:767px){ .e_menu-widget.menu_widge-desk .elementor-nav-menu { gap: 20px; } .e_menu-widget ul.elementor-nav-menu li a::after {right: -10px;} .McButton { width: 36px; height: 20px; cursor: pointer; } .McButton b { width: 36px; height: 2px; } .inner-faq-block details summary.e-n-accordion-item-title span.e-n-accordion-item-title-icon { min-width: 25px; width: 25px; height: 25px; min-width: 25px; min-height: 25px; } .single-job [data-elementor-type="wp-post"] p { font-size: 14px; line-height: 20px; } .single-job [data-elementor-type="wp-post"] ul li { font-size: 14px; line-height: 20px; } .single-job .gform_legacy_markup_wrapper .gform_heading h3.gform_title { line-height: 1.2; font-size: 20px; } .single-job .gform_legacy_markup_wrapper form ul li h1 { font-size: 30px; } .single-job .gform_legacy_markup_wrapper form ul li hr { margin-top: 10px; margin-bottom: 10px; } .single-job .gform_legacy_markup_wrapper form ul li label.gfield_label { font-size: 16px; } .single-job .gform_legacy_markup_wrapper form ul li.gfield--type-section h2.gsection_title { font-size: 22px; } .single-job .gform_legacy_markup_wrapper form ul li.field_sublabel_below p { font-size: 16px; } .single-job .gform_legacy_markup_wrapper form ul li.field_sublabel_below h2 { font-size: 30px; } .single-job .gform_legacy_markup_wrapper .gform-footer.gform_footer.top_label input, .single-job .gform_legacy_markup_wrapper .gform-page-footer.gform_page_footer input { height: 45px; width: 160px; font-size: 16px; } .single-job .gform_legacy_markup_wrapper form .gfield_description { font-size: 14px; } .page-eagle-ambassador-tour-guides .portfolio-modal-wrapper .portfolio-modal-content .content-outer { max-height: 75vh; } .page-eagle-ambassador-tour-guides .portfolio-modal-wrapper .portfolio-modal-content div#portfolio-modal-inner img { object-position: 0 50%; height: 100%; } } /*~~~~~~~~~~~~============= Desktp Design CSS Here =============~~~~~~~~~~~~*/ .double_button a { background: none; display: flex; justify-content: center; align-items: center; position: relative; background-color : transparent !important; overflow: hidden; } .double_button a:hover span.elementor-button-icon{transform: translateX(4px);} .double_button a span.elementor-button-icon{transition:0.5s ease all;} .double_button a::before, .double_button a::after{ content: ""; position: absolute; width: 100%; height: 100%; top: -100%; left: 0; background-color: #B4975A; z-index: 1; transition: all 600ms ease-in; } .double_button a span { position: relative; z-index: 9; } .double_button a:hover { color: #fff; } .double_button a::before { opacity: 0.3; } .double_button a::after { transition-delay: 0.3s; } .double_button a:hover::before, .double_button a:hover::after { top: 0; } .double_button a span path { fill: #fff; } .double_button a span svg { width: 12px; } .four-pillars-section { position: relative; } .animated-title-main{min-height: 40px; position: relative; overflow: hidden;} .animated-title {height: 100%; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0; } .animated-title > div { height: 100%; overflow: hidden; position: absolute; width: 100%; } .animated-title > div > div { padding: 10px 0; position: absolute; } .animated-title > div > div span { display: block; color: inherit; } .animated-title > div.text-top > div{overflow: hidden; width: 100%;padding: 0;} .animated-title > div.text-top div span:first-child{ color: inherit; } .animated-title > div.text-top .heading-one-ani { animation: none; bottom: 0; transform: translate(50%, 0); opacity: 0; visibility: hidden; } .active .animated-title > div.text-top .heading-one-ani, .show-title .animated-title > div.text-top .heading-one-ani, .show-title-2 .animated-title > div.text-top .heading-one-ani, .show-title-3 .animated-title > div.text-top .heading-one-ani { animation: showTopText 1.5s; animation-delay: 0.5s; animation-fill-mode: forwards; } @keyframes showTopText { 0% { transform: translate3d(50%, 0, 0); opacity: 0; visibility: hidden;} 100% { transform: translate3d(0, 0, 0); opacity: 1; visibility: visible;} } .animated-title > div.text-top .heading-two-ani { animation: none; bottom: 0; transform: translate(-50%, 0); opacity: 0; visibility: hidden; } .active .animated-title > div.text-top .heading-two-ani, .show-title .animated-title > div.text-top .heading-two-ani, .show-title-2 .animated-title > div.text-top .heading-two-ani, .show-title-3 .animated-title > div.text-top .heading-two-ani { animation: showTopText2 1.5s; animation-delay: 0.5s; animation-fill-mode: forwards; } @keyframes showTopText2 { 0% { transform: translate3d(-50%, 0, 0); opacity: 0; visibility: hidden;} 100% { transform: translate3d(0, 0, 0); opacity: 1; visibility: visible;} } div.text-top > .elementor-element { gap: 9px; } /*~~~~~~~~~~~~============= Start Homepage CSS here =============~~~~~~~~~~~~*/ .jack_logo-center,.jack_logo-center-flip { opacity: 0; transition: opacity 2s ease-out; } .video_hide-onload { opacity: 0; display:none; transition: opacity 3s ease-out; height: 100%; } .shadow-top { mix-blend-mode: multiply; } .home .logo_e-main, .page-id-2066 .logo_e-main, .page-id-3026 .logo_e-main { transform: translateX(-100%); opacity: 0; transition: transform 1s ease-in-out, opacity 1s ease-in-out; } .pg_title h1 span.gold { color: #b4975a; font-weight: 900; } .pg_title h2 span.gold { color: #b4975a; font-weight: 900; } .lock_icon .elementor-widget-container,.my_esj-ct .elementor-widget-container {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;} .e_menu-widget .elementor-nav-menu {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;} .e_menu-widget .elementor-nav-menu > li { position: relative; } .accordian_pg-main .e-n-accordion-item:last-child { border-bottom: 1px solid #b4975a; } .accord_img-btm .elementor-widget-container { display: inline-block; } .e_logo-bnnr { height: calc(90vh - 91px); } .logo_video-animation { height: calc(100% - 117px); } .jack_logo-center,.jack_logo-center-flip { height: 100%; } .jack_logo-center img,.jack_logo-center-flip img { height: 100%; object-fit: contain; } .e_logo-ibs { flex-wrap: nowrap; } .video_hide-onload .e-hosted-video,.video_hide-onload-flip .e-hosted-video{ aspect-ratio: unset !important; height: 100%; } .video_hide-onload .e-hosted-video video.elementor-video,.video_hide-onload-flip .e-hosted-video video.elementor-video { width: 100% !important; height: 100% !important; } .e_menu-widget .elementor-nav-menu::after { content: unset; } .plus-sign .elementor-icon-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;margin: 0 0 0px;z-index: 1;position: relative; } .pillars_box-main,.accord_img-btm { position: relative; } .pillars_box-main::after { content: ''; position: absolute; bottom: -28px; left: 0; width: 100%; height: 28px; background: url('https://esj.org/wp-content/uploads/2025/05/shadow-pillar-box.png'); z-index: 0; top: unset; border-radius: 0; background-repeat: no-repeat; background-size: cover; background-position: bottom center; mix-blend-mode: multiply; } .accord_img-btm::after { content: ''; position: absolute; bottom: -30px; left: 0; width: 100%; height: 30px; background: url('https://esj.org/wp-content/uploads/2025/05/acord_img-shadow.png'); z-index: 0; top: unset; border-radius: 0; background-repeat: no-repeat; background-size: cover; background-position: bottom center; } .pillars_box-main { display: block; } @keyframes flipLogo { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(180deg); } } .jack_logo-center-flip.flip-animation { animation: flipLogo 1s forwards; transform-style: preserve-3d; } .e_logo-bnnr .flipper { transition: 0.6s; transform-style: preserve-3d; position: relative; width: 100%; height: 100%; } .e_logo-bnnr .front, .e_logo-bnnr .back { backface-visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .e_logo-bnnr .front { z-index: 2; transform: rotateY(0deg); } .e_logo-bnnr .back { transform: rotateY(180deg); } .flip-container.flip .flipper { transform: rotateY(180deg); } .bg_gradient { animation: slide 10s ease-in-out infinite alternate; background-image: linear-gradient(-60deg, #910028 50%, #62041e 50%); bottom: 0; left: -50% !important; opacity: .5; position: absolute; right: -50% !important; top: 0; z-index: 0;min-width: initial; width: auto; max-width: initial; } .bg_gradient-2 { animation-direction: alternate-reverse; animation-duration: 11s; } .bg_gradient-3 { animation-duration: 12s; } @keyframes slide { 0% { transform:translateX(-25%); } 100% { transform:translateX(25%); } } .testimonials_widget .swiper-slide .elementor-testimonial { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 10px; } .testimonials_widget .elementor-swiper-button { top: 0px !important; transform: unset !important; width: 30px; height: 30px; background: #56031a; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; } .testimonials_widget .elementor-swiper-button.swiper-button-disabled { opacity: 1 !important; } .testimonials_widget .elementor-swiper-button-prev { left: 10px !important; } .testimonials_widget .elementor-swiper-button-next { right:10px !important; } .testimonials_widget .elementor-main-swiper { width: 100% !important; } .inquire_btn a.elementor-button { width: 100%; } .alt-bg { animation: slide2 3s ease-in-out infinite alternate; background-image: linear-gradient(45deg, #e8e8e8 50%, #f3f2f2 50%); z-index: 0; bottom: 0; left: -50% !important; opacity: .5; position: absolute; right: -50%; top: 0 !important;min-width: initial; width: auto; max-width: initial;} .bg_gray { animation: slide3 4s ease-in-out infinite alternate; background-image: linear-gradient(-45deg, #f3f2f2 50%, #6c6c6c 50%); bottom: 0; left: -50% !important; opacity: 0.5; position: absolute; right: -50%; top: 0 !important; z-index: 0; min-width: initial; width: auto; max-width: initial; } .bg_gray2 { animation-direction:alternate-reverse; animation-duration:6s; } .bg_gray3 { animation-duration:8s; } .alt-bg2{ animation-direction:alternate-reverse; animation-duration:5s; } .alt-bg3{ animation-duration:7s; } @keyframes slide2 { 0% { transform:translateX(25%); } 100% { transform:translateX(-25%); } } @keyframes slide3 { 0% { transform:translateX(-25%); } 100% { transform:translateX(25%); } } .img_part-slide .plus-sign { right: 0; margin: 0; } /* .lower_school-accord .e-n-accordion-item { -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } */ .lower_school-accord .e-n-accordion-item .e-n-accordion-item-title { position: relative; } .lower_school-accord .e-n-accordion-item .e-n-accordion-item-title::after { content: ''; position: absolute; bottom: -8px; left: 0; width: 100%; height: 10px; background: url('/wp-content/uploads/2025/05/ls-shape.png'); background-repeat: no-repeat; background-size: cover; mix-blend-mode: multiply; } .lower_school-accord .e-n-accordion-item:last-child .e-n-accordion-item-title::after { content: unset; } .academics-col .plus-sign { position: absolute; top: -26px; left: 0; right: 0; margin: 0 auto; } .academics-col .plus-sign .elementor-icon { cursor: pointer; } .pillars_box-main .academics-col { height: 60px; transition: height 0.5s ease; justify-content: center; } .pillars_box-main.active .academics-col { height: 100%; } .pillars_box-main.active .plus-sign{opacity: 0; visibility: hidden;} .value_ct-lt{ display: none;opacity: 0;transition: opacity 0.3s ease; } .pillars_box-main.active .value_ct-lt{display: block; opacity: 1;} div#slide2-video { display: none; height: 100%; width: calc(100% - 70px)!important; margin: 0 auto !important; right: 0; } div#three-container canvas { width: 100% !important;height:550px !important;object-fit:cover !important;aspect-ratio:320/555 !important} /* div#three-container{height:100%;} */ div#logo_load { opacity: 0; } .slide2-video .e-hosted-video { aspect-ratio: unset !important; height: 100%; } .video_cntr-img { height: calc(100% - 117px); position: relative;flex-wrap: nowrap; } .logo_load {height: 100%;} .slide2-video .e-hosted-video video.elementor-video {width:100% !important; margin: 0 auto; } /* div#three-container { margin: 30px auto 0; } */ /* New Task */ :root { --duration: 300ms; --ease-out: cubic-bezier(0.25, 1, 0.5, 1); --bounce-out: cubic-bezier(0.34, 1.56, 0.64, 1); } .New-video-parent { height: 100%; position: relative; } div.image-new-box { height: 100%; width: 100% !important; } .loaded-after-1s div.image-new-box img{ animation: move-clip-img 1.45s ease-in-out forwards; -webkit-animation: move-clip-img 1.45s ease-in-out forwards; animation-delay: 0.25s; -webkit-animation-delay: 0.25s; } div.image-new-box .elementor-widget-container {width: 100%; display: flex; align-items: center; justify-content: center; } div.image-new-box .elementor-widget-container img{ max-height: 100%; width: auto !important; max-width: 220px; margin: 0 auto; transform-origin: center center; } div.video-new-box { height: 100%; } div.video-new-box .e-hosted-video { height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; } div.image-new-box { height: 100%; width: 100%; } div.video-new-box .elementor-wrapper{overflow: hidden;} /* div.video-new-box .elementor-wrapper video { width: 210px; height: 320px; transition: ease all 0.5s; opacity: 0; visibility: hidden; clip-path: polygon( 50% 0%,50% 0%,58.463% 2.482%,66.362% 5.671%,73.619% 9.511%,80.157% 13.947%,85.901% 18.924%,90.772% 24.388%,94.694% 30.282%,97.591% 36.552%,99.385% 43.143%,100% 50%,100% 50%,99.385% 56.857%,97.591% 63.448%,94.694% 69.718%,90.772% 75.612%,85.901% 81.076%,80.157% 86.053%,73.619% 90.489%,66.362% 94.329%,58.463% 97.518%,50% 100%,50% 100%,41.536% 97.518%,33.638% 94.329%,26.381% 90.489%,19.842% 86.053%,14.099% 81.076%,9.228% 75.612%,5.306% 69.718%,2.409% 63.448%,0.615% 56.857%,0% 50%,0% 50%,0.615% 43.143%,2.409% 36.552%,5.306% 30.282%,9.228% 24.388%,14.099% 18.924%,19.842% 13.947%,26.381% 9.511%,33.638% 5.671%,41.536% 2.482%,50% 0% ); } */ /* .loaded-after-1s div.video-new-box .elementor-wrapper video { animation: move-clip 1.8s ease-in-out forwards; -webkit-animation: move-clip 1.8s ease-in-out forwards; animation-delay: 1s; -webkit-animation-delay: 1s; } */ .loaded-after-3s div.image-new-box{opacity: 0; visibility: hidden;} body.home .elementor-element.episco-ftr > .e-con-inner { padding-top: 0; } .double_button.hover_red a::before, .double_button.hover_red a::after { background-color: #910028; } /* New Task */ /* responsive banner title */ .inner_hero_ani_title h2 { color: #fff !important; font-weight: 700 !important; font-size: clamp(28px, 3.874vw, 74px) !important; line-height: clamp(38px,4.188vw,80px) !important; } .inner_hero_ani_title { min-height: clamp(38px,4.188vw,80px) !important; } .word_spacer {gap: 10px !important;} /* responsive banner title end */ /* Desktop Banner */ div.desktop-banner-video { height: 100%; } div.desktop-banner-video .video-desk-main { height: 100%; } .desktop-banner-video div.image-new-box .elementor-widget-container img { max-width: 280px; } .video-desk-main .e-hosted-video.elementor-wrapper { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .video-desk-main .e-hosted-video.elementor-wrapper .elementor-custom-embed-image-overlay { opacity: 0; visibility: hidden; transition: ease all 1.5s; transition-delay: 1.5s; } /* .video-desk-main .e-hosted-video.elementor-wrapper video.elementor-video { clip-path: polygon( 50% 0%,50% 0%,58.463% 2.482%,66.362% 5.671%,73.619% 9.511%,80.157% 13.947%,85.901% 18.924%,90.772% 24.388%,94.694% 30.282%,97.591% 36.552%,99.385% 43.143%,100% 50%,100% 50%,99.385% 56.857%,97.591% 63.448%,94.694% 69.718%,90.772% 75.612%,85.901% 81.076%,80.157% 86.053%,73.619% 90.489%,66.362% 94.329%,58.463% 97.518%,50% 100%,50% 100%,41.536% 97.518%,33.638% 94.329%,26.381% 90.489%,19.842% 86.053%,14.099% 81.076%,9.228% 75.612%,5.306% 69.718%,2.409% 63.448%,0.615% 56.857%,0% 50%,0% 50%,0.615% 43.143%,2.409% 36.552%,5.306% 30.282%,9.228% 24.388%,14.099% 18.924%,19.842% 13.947%,26.381% 9.511%,33.638% 5.671%,41.536% 2.482%,50% 0% ); width: 320px; height: 500px; opacity: 0; visibility: hidden;} */ /* .loaded-after-1s .video-desk-main .e-hosted-video.elementor-wrapper video.elementor-video { animation: move-clip 1.8s ease-in-out forwards; -webkit-animation: move-clip 1.8s ease-in-out forwards; animation-delay: 1s; -webkit-animation-delay: 1s; } */ div.shape-seal img { min-width: 2000px; object-position: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) scale(1); max-width: 2000px; } .loaded-after-1s .shape-seal img { animation: zoom-shape 3s ease-in-out forwards; -webkit-animation: zoom-shape 3s ease-in-out forwards; animation-delay: 1.5s; -webkit-animation-delay: 1.5s; } .loaded-after-3s .video-desk-main .e-hosted-video.elementor-wrapper .elementor-custom-embed-image-overlay { opacity: 1; visibility: visible; } .summer-camp-title.summer-camp-title-new h2.elementor-heading-title b { color: #B4975A; } .double_button.double_button-new a svg path{fill: #910028;} .heading-desk h2.elementor-heading-title b { color: #b4975a; } .heading-desk-line h2.elementor-heading-title:after { content: ''; position: absolute; width: 100vw; height: 1px; left: calc(100% + 14px); background-color: #910028; top: 56%; transform: translateY(-50%); } div.elementor-element.about-epis-slide { top: calc(100% - 149px); transition: ease all 0.8s; } div.about-epis-box:hover div.elementor-element.about-epis-slide { top: 0 !important; background-color: rgba(0,0,0,0.5) !important; justify-content: center; } div.about-epis-box:hover div.about-epis-heading h3{font-weight: 600 !important;} .heading-desk.heading-desk-white h2.elementor-heading-title b { color: #fff; } .pillar_slide-col::after { content: ''; position: absolute; top: 0; left: 0; width: 50px; height: 100%; background: url('/wp-content/uploads/2025/06/desk-pillar-shape.png'); bottom: unset; opacity: 1; background-position: center right; background-size: 100%; mix-blend-mode: multiply;background-repeat: no-repeat; } .plus_icon-slide { z-index: 1; } .sda_desk,.p-accord-img{display:none;opacity:0;visibility:hidden;transition: 0.4s ease-in-out all;} .sda_desk.active,.p-accord-img.active{display:block;opacity:1;visibility:visible;} .aeeks_title-desk { width: max-content !important; } html { scroll-behavior: auto !important; } .side_nav-cntr .bullet-nav { position: fixed; top: 50%; right: 30px; transform: translateY(-50%);display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;-webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;width:50px; z-index: 9999; opacity: 1; pointer-events: auto; transition: opacity 0.3s ease; background: #910028; border-radius: 50px; padding: 30px 0; box-shadow: 0 2px 15px #0000007d;gap:20px; } .side_nav-cntr .bullet-nav.visible { opacity: 1; pointer-events: auto; } /* .side_nav-cntr .bullet-nav { opacity: 0; pointer-events: auto; } */ .side_nav-cntr .bullet { width: 14px; height: 14px; border-radius: 50%; background-color: #fff; margin: 0px 0; transition: background 0.3s; } .side_nav-cntr .bullet.active { background-color: #9a8348 !important; border: none !important; outline: 1px solid #fff; } .side_nav-cntr .bullet-nav.in-view { opacity: 0; } /*div.portrait-main { transition: ease all 0.5s; opacity: 0; visibility: hidden; z-index: 0; transform: translateY(0px); } div.portrait-main.active-main { opacity: 1; visibility: visible; z-index: 2; } */ .pillar_slide-col.active:before { opacity: 0.7; } div.portrait-col-left { height: 100vh; position: sticky; top: 0; left: 0; } div.portrait-col-left *{ height: 100%; } .section-1.portrait-main ~ .portrait-main.active div.portrait-col-left { position: fixed; top: 0; left: 0; width: calc(50% - 17.5px); } div.portrait-outer { will-change: initial; backface-visibility: initial; transform: initial; } div.banner-bottom-white { left: calc(-50vw + 50%); } /* Scroll Indicator */ .scroll-indicator { position: fixed; right: -100px; display: flex; z-index: 1000; bottom: 100px; background-color: #b4975a ; padding: 26px 15px; border-radius: 30px; box-shadow: 0 0 20px 5px rgba(0,0,0,0.3); transition: ease all 300ms; opacity: 0; visibility: hidden; } .is-navbar .scroll-indicator { right: 30px; opacity: 1; visibility: visible; } .dot { width: 12px; height: 12px; background-color: #fff; border-radius: 50%; position: relative; z-index: 2; transition: background 0.3s; cursor: pointer; } .dot.active { background-color: #8b0026; } .progress-line { position: absolute; width: 2px; left: 5px; top: 2px; height: 0; background-color: #fff; z-index: 1; transition: height 0.3s ease; } .scroll-indicator-inner{position: relative; display: flex; flex-direction: column; align-items: center; gap: 24px;} span.abso-span { position: absolute; right: calc(100% + 26px); top: 50%; transform: translateY(-50%); background-color: #8b0026; padding: 3px 10px; font-size: 14px; font-weight: 500; color: #fff; width: max-content; min-width: auto; transition: ease all 300ms; opacity: 0; visibility: hidden; margin-right: -10px; } .dot:hover span.abso-span { opacity: 1; visibility: visible; margin-right: 0; } span.abso-span:after { content: ''; position: absolute; right: -7px; width: 0; height: 0; border-top: 4.5px solid rgba(0, 0, 0, 0); border-bottom: 4.5px solid rgba(0, 0, 0, 0); border-left: 7px solid #8b0026 ; top: 50%; transform: translateY(-50%); } div.portrait-col-left.portrait-col-video { position: absolute; min-height: calc(100% - 209px); text-align: right; display: flex; justify-content: flex-end; height: calc(100% - 209px); transition: all 1s ease-in-out; max-height: calc(100% - 209px); }iv.portrait-col-left.portrait-col-video { position: absolute; min-height: calc(100% - 209px); text-align: right; display: flex; justify-content: flex-end; height: calc(100% - 209px); transition: all 1s ease-in-out; max-height: calc(100% - 209px); } div.desktop-banner-video { width: calc(1350px - 160px); position: relative; left: 80px; margin: 0 auto; transition: all 1s ease-in-out !important; } .header-bg-active div.portrait-col-left.portrait-col-video { position: fixed; left: 0; top: 0; width: calc(50% - 17.5px); min-height: 100%; height: 100%; } div.portrait-col-right.portrait-col-right-vid { transition: all 1s ease-in-out; opacity: 0; } .header-bg-active div.portrait-col-right.portrait-col-right-vid { transform: none; } .header-bg-active div.portrait-col-left.portrait-col-video .desktop-banner-video { width: 100%; left: 0; } .header-bg-active .banner-bottom-white{opacity: 0; visibility: hidden;} div.elementor-element.banner-desk-container { transition: ease all 1s; z-index: 9; max-height: calc(100vh - 100px); } div.elementor-element.banner-desk-container .e-con-inner { height: 100%; min-height: 100%; } body.header-bg-active div.elementor-element.banner-desk-container { transform: translateY(-100%); opacity: 0; visibility: hidden; } div.elementor-element.desktop-banner-outer { transition: transform 0.8s; max-height: calc(100vh - 109px); } body.header-bg-active .elementor-element.desktop-banner-outer{transform: translateY(-100%); } .portrait-col-left.portrait-col-video *{height: initial;} .heading-two-ani-line h2.elementor-heading-title:after { content: ''; position: absolute; width: 100vw; height: 1px; left: calc(100% + 14px); background-color: #910028; top: 56%; transform: translateY(-50%); } .elementor-413 .elementor-element.elementor-element-e20b9fe .elementor-social-icon:hover svg path { fill: #fff; } /* Hide bullets on mobile */ .elementor-element.desktop-banner-outer .color-overlay-banner { opacity: 1; visibility: visible; transition: ease all 0.4s; transition-delay: 2.5s; z-index: 0; } .loaded-after-1s .elementor-element.desktop-banner-outer .color-overlay-banner { opacity: 0; visibility: hidden; } /* 4-09-2025 */ .ap_main-post .portfolio-grid { display: flex; flex-wrap: wrap; gap: 30px; } .ap_main-post .portfolio-grid .portfolio-item img { width: 100%; display: block; height: 220px; object-fit: cover; } .ap_main-post .portfolio-grid .portfolio-item h3 { position: absolute; width: 100%; padding: 0 15px 16px; left: 50%; bottom: 20px; transform: translate(-50%, 0); text-align: center; transition: all .5s; font-size: 18px; font-weight: 600; line-height: 20px; margin: 0; color: #fff; } .ap_main-post .portfolio-grid .portfolio-item:before { content:''; background: linear-gradient(180deg, rgba(0, 0, 0, 0), #000); opacity: .6; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .5s; } .ap_main-post .portfolio-grid .portfolio-item:hover h3 { bottom: 50%; } .ap_main-post .portfolio-grid .portfolio-item:hover:before{ background: linear-gradient(180deg, #000, #000); opacity: .8; transition: all .5s; } .ap_main-post .portfolio-grid .portfolio-item h3:before { content: ''; position: absolute; left: 50%; transform: translate3d(-50%, 0, 0); bottom: 0; width: 30px; height: 3px; background-color: #910028; } .ap_main-post .portfolio-grid .portfolio-item { position: relative; width: calc(33.33% - 20px); cursor: pointer; } /* Custom modal */ .portfolio-modal { display: none; /* hidden by default */ position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(0,0,0,0.8); justify-content: center; align-items: center; z-index: 9999; } .portfolio-modal-wrapper .portfolio-modal-content { position: relative; width: 900px; } .portfolio-modal-wrapper .portfolio-modal-content .content-outer { background: #fff; padding: 40px 30px 30px 30px; width: 100%; position: relative; max-height: 75vh; overflow: auto; } .portfolio-modal-wrapper span#portfolio-modal-close {display:none; z-index: 1;width: 24px; position: absolute; height: 24px; font-size: 0px; cursor: pointer; right: 12px; top: 22px; } .ap_main-post .portfolio-modal-wrapper { display: flex; justify-content: center; align-items: center; height: 100%; } .portfolio-modal-wrapper span#portfolio-modal-close:before{ border-radius: 6px; content: ''; position: absolute; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; width: 100%; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #53565a; height: 3px; max-width: 24px; } .portfolio-modal-wrapper span#portfolio-modal-close:after{ border-radius: 6px; content: ''; position: absolute; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; width: 100%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); height: 3px; background: #53565a; max-width: 24px; } .portfolio-modal-wrapper .portfolio-modal-content div#portfolio-modal-inner img { width: 100%; display: block; height: 500px; object-fit: cover; } .portfolio-modal-wrapper .portfolio-modal-content div#portfolio-modal-inner h2 { font-weight: 700; font-size: 22px; line-height: 140%; margin: 15px 0; } .portfolio-modal-wrapper .portfolio-modal-content div#portfolio-modal-inner .portfolio-full-content strong { color: #910028; display: block; } .portfolio-modal-wrapper .portfolio-modal-content div#portfolio-modal-inner .portfolio-full-content { font-size: 16px; color: #231F20; } .portfolio-modal-wrapper span#portfolio-modal-close:hover:before, .portfolio-modal-wrapper span#portfolio-modal-close:hover:after { -webkit-transform: rotate(0); transform: rotate(0); background: #000; } .portfolio-modal .portfolio-modal-wrapper { display: flex; justify-content: center; align-items: center; height: 100%; } .portfolio-modal-wrapper .loader-main .loader { border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #ac8d4d; border-right: 16px solid #910028; border-bottom: 16px solid #ac8d4d ; border-left: 16px solid #910028; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .portfolio-modal .portfolio-modal-wrapper .loader-main { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .portfolio-modal .portfolio-modal-wrapper .loader-main span.loader { width: 50px; height: 50px; display: block; } @media (max-width:1200px){ div.portrait-col-left.portrait-col-video { min-height: calc(100% - 196px); height: calc(100% - 196px); max-height: calc(100% - 196px); } div.text-top > .elementor-element { gap: 7px; } } @media (max-width:991px){ div.shape-seal img{left: calc(50% - 140px);} .ap_main-post .portfolio-grid { gap: 20px; } .ap_main-post .portfolio-grid .portfolio-item { width: calc(50% - 10px); } .portfolio-modal-wrapper .portfolio-modal-content .content-outer{ width: 750px; } .portfolio-modal-wrapper .portfolio-modal-content { width: 750px; } } @media (min-width:768px){ .animated-title > div.text-top > div{align-items: center; height: 100%;} .animated-title-main{min-height: 50px;} .desktop-banner-outer[style="transform: translate(0px, 0px);"] { transform: initial !important; } body.frozen { overflow: hidden; position: fixed; top: -100px; width: 100%; } @keyframes move-clip-img { from{ /* transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); */ } to{ /* transform: scale(1.42); -webkit-transform: scale(1.42); -o-transform: scale(1.42); -ms-transform: scale(1.42); -moz-transform: scale(1.42); */ opacity: 0; visibility: hidden; } } @-webkit-keyframes move-clip-img { from{ /* transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); */ } to{ /* transform: scale(1.42); -webkit-transform: scale(1.42); -o-transform: scale(1.42); -ms-transform: scale(1.42); -moz-transform: scale(1.42); */ opacity: 0; visibility: hidden; } } @keyframes move-clip{ 0%{ width: 320px; height: 500px; transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); } 10%{ opacity: 0.4; visibility: visible; } 100%{ width: 100%; height: 100%; transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); -moz-transform: scale(1.5); opacity: 1; visibility: visible; } } @-webkit-keyframes move-clip { 0%{ width: 320px; height: 500px; transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); } 10%{ opacity: 0.4; visibility: visible; } 100%{ width: 100%; height: 100%; transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); -moz-transform: scale(1.5); opacity: 1; visibility: visible; } } @keyframes zoom-shape{ from{ transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); } to{ transform: translate(-50%, -50%) scale(20); -webkit-transform: translate(-50%, -50%) scale(20); -o-transform: translate(-50%, -50%) scale(20); -ms-transform: translate(-50%, -50%) scale(20); -moz-transform: translate(-50%, -50%) scale(20); } } } @media screen and (max-width: 767px) { .bullet-nav { display: none !important; } .ap_main-post .portfolio-grid .portfolio-item { width: 100%; } .portfolio-modal-wrapper .portfolio-modal-content .content-outer { width: 100%;padding: 40px 20px 20px 20px; } .portfolio-modal-wrapper .portfolio-modal-content { width: 94%; } .portfolio-modal-wrapper .portfolio-modal-content div#portfolio-modal-inner img { height: 100%; } } @media (max-width:767px){ .e_logo-bnnr { height: calc(100vh - 100px); } .logo_video-animation,.logo_video-animation-flip { height: calc(100% - 107px); } div#three-container canvas { width: 100% !important;height:480px !important;object-fit:cover !important;aspect-ratio:320/480 !important} .accord_img-btm,.img_part-slide { display: block; width: 100%; } .accord_img-btm .elementor-widget-container { width: 100%; } .pre-k-ct .elementor-widget-container { padding: 15px 0 25px !important; } .pillars_box-main::after { bottom: -20px; width: 100%; height: 20px; background-position: bottom center; right: 0; margin: 0 auto; background-size: 100%; } .shadow-top { width: 100%; } @keyframes move-clip-img { from{ /* transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); */ } to{ /* transform: scale(1.25); -webkit-transform: scale(1.25); -o-transform: scale(1.25); -ms-transform: scale(1.25); -moz-transform: scale(1.25); */ opacity: 0; visibility: hidden; } } @-webkit-keyframes move-clip-img { from{ /* transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); */ } to{ /* transform: scale(1.25); -webkit-transform: scale(1.25); -o-transform: scale(1.25); -ms-transform: scale(1.25); -moz-transform: scale(1.25); */ opacity: 0; visibility: hidden; } } @keyframes move-clip{ 0%{ width: 210px; height: 320px; transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); } 10%{ opacity: 0.4; visibility: visible; } 100%{ width: 100%; height: 100%; transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); -moz-transform: scale(1.5); opacity: 1; visibility: visible; } } @-webkit-keyframes move-clip { 0%{ width: 390px; height: 610px; transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); } 10%{ opacity: 0.4; visibility: visible; } 100%{ width: 100%; height: 100%; transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); -moz-transform: scale(1.5); opacity: 1; visibility: visible; } } @keyframes zoom-shape{ from{ transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); } to{ transform: translate(-50%, -50%) scale(8); -webkit-transform: translate(-50%, -50%) scale(8); -o-transform: translate(-50%, -50%) scale(8); -ms-transform: translate(-50%, -50%) scale(8); -moz-transform: translate(-50%, -50%) scale(8); } } div.shape-seal img { left: 50%;min-width: 800px; max-width: 800px; } div.shape-seal { height: 100%; transform: translate(-50%, -50%); } div.shape-seal .elementor-widget-container { transform: none; display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; position: relative; } .elementor-element.e_logo-bnnr .color-overlay-banner { opacity: 1; visibility: visible; transition: ease all 0.4s; transition-delay: 2.5s; z-index: 0; } .loaded-after-1s .elementor-element.e_logo-bnnr .color-overlay-banner { opacity: 0; visibility: hidden; } } @media (max-width:575px){ .pillars_box-main { width: 100% !important; } .pillars_box-main::after { bottom: -28px; width: 100%; height: 28px; background-size: 100%; } .pre-k-ct .elementor-widget-container { padding: 10px 0 15px !important; } } @media (max-width:480px){ .double_button.hover_red { width: calc(50% - 5px) !important; } .bc_accord-title h3.elementor-heading-title {font-size: 30px !important;} .pre-k-ct h5.elementor-heading-title { font-size: 24px !important; } .single-job .gform_legacy_markup_wrapper form ul li h1 { font-size: 24px; } } @media (max-width:414px){ .bus-main-div h2 { width: 100% !important; } .tuition-in { width: 100%; } .double_button.hover_red { width: 100% !important; } } @media (max-width:370px){ .animated-title > div.text-top > div.word_spacer { flex-direction: row; gap: 5px !important; } .e_menu-widget .elementor-nav-menu {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; gap: 25px; } .e_menu-widget ul.elementor-nav-menu li a::after { right: -12.5px; } .e_logo-ib {padding: 30px 20px 30px;} .logo_video-animation,.logo_video-animation-flip {margin: 35px 0 0;} .accordian_pg-main .e-n-accordion-item-title { padding: 10px 15px; } .accord_ct-main { padding: 0 15px 25px; } .fp_inner-col { gap: 20px; padding: 50px 15px; } .pillars_box-main::after,.accord_img-btm::after { bottom: -25px; height: 25px; } .pg_title h1,.pg_title h2 { font-size: 28px !important; line-height: 28px !important;} .double_button { width: 100% !important; } .animated-title > div.text-top > div { flex-direction: column; } .animated-title-main {min-height: 70px; } } /*~~~~~~~~~~~~============= End Homepage CSS here =============~~~~~~~~~~~~*/ /*~~~~~~~~~~~~============= Inner Pages CSS Start Here =============~~~~~~~~~~~~*/ .pg_box-main::after { background-image: linear-gradient(0deg, rgba(145, 0, 41, 0.9) 49%, rgba(255, 255, 255, 0) 65%); content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; } .pg_box-main.gold_gradient-box::after { background-image: linear-gradient(0deg, rgb(154 131 72 / 90%) 49%, rgba(255, 255, 255, 0) 65%); } .side_links-widget ul.elementor-icon-list-items { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .side_links-widget ul.elementor-icon-list-items > li > a {padding: 15px 0;} .pg_box-ct ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 0 0 0 20px; gap: 8px; } .logos_gallery div#gallery-1 { gap: 30px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .logos_gallery figure.gallery-item { width: calc(33.33% - 20px); border: 1px solid #d7d7d7; padding: 10px !important; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .logos_gallery figure.gallery-item img { width: 80%; } .iframe_html-widget .elementor-widget-container { position: relative; padding-top: max(60%, 326px) !important; height: 0; width: 100%; } .values_ct-desks p { margin: 0 0 15px !important; } .title_with-rcolor h2.elementor-heading-title span { font-weight: 600; color: #910028; } .read-more-txt .elementor-widget-container > * { margin: 0 0 20px !important; } .read-more-txt .elementor-widget-container ul { padding: 0; column-count: 4; margin:0!important; column-gap: 15px;} .read-more-txt .elementor-widget-container ul li { list-style: none; width:100%; border: 1px solid #e6dfce; padding: 10px;border-radius:6px; margin-bottom:15px; } .inline_menu-list ul.elementor-icon-list-items { flex-direction: unset; gap: 13px 30px; } .inline_menu-list ul.elementor-icon-list-items > li > a { padding: 0 0 2px; display: inline; background-image: linear-gradient(#B4975A 0 0); background-position: 0 100%; background-size: 0 1px; background-repeat: no-repeat; transition: .3s, background-position 0s .3s; text-decoration: none; } .inline_menu-list ul.elementor-icon-list-items > li > a:hover { text-decoration: none; background-position: 100% 100%; background-size: 100% 1px; } .inline_menu-list ul.elementor-icon-list-items > li > a:hover span { color: #B4975A !important; } .explore-title-h3 .elementor-widget-container::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; height: 1px; background: #e5e5e5; } .explore-title-h3 h2 { position: relative; } .explore-title-h3 h2 { padding: 0 20px 0 0; background: #fff; width: max-content; position: relative; z-index: 1; } .elementor-location-header { position: relative; z-index: 99; } .side_menu-widget .elementor-nav-menu { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-right: 50%; } .side_menu-widget .elementor-nav-menu > li > a { justify-content: space-between !important; width: 100%; background-image: linear-gradient(#D3B574 0 0); background-position: 0 100%; background-size: 0 1px; background-repeat: no-repeat; transition: .3s, background-position 0s .3s; } .side_menu-widget .elementor-nav-menu > li > a:hover { color: #D3B574; background-position: 100% 100%; background-size: 100% 1px; } .side_menu-widget .elementor-nav-menu > li > ul.sub-menu { padding: 0px 0 0px !important; margin: 0px !important; border-top: none !important; left: unset !important; right: 0 !important;top:0px !important;bottom: auto; text-align: left; width: 315px !important; max-height: 740px; height: 740px; z-index: 300;transform: none !important; overflow: inherit; transition:unset; position: absolute; } .side_menu-widget .elementor-nav-menu > li > ul.sub-menu > li > a { border: none !important; background-image: linear-gradient(#D3B574 0 0); background-position: 0 100%; background-size: 0 1px; background-repeat: no-repeat; transition: .3s, background-position 0s .3s; display: inline !important; line-height: 120% !important; } .side_menu-widget .elementor-nav-menu > li > ul.sub-menu > li > a:hover { color: #D3B574; background-position: 100% 100%; background-size: 100% 1px; } .side_menu-widget .elementor-nav-menu .menu-item-has-children.current-menu-parent > a { color: #D3B574 !important; background-position: 100% 100%; background-size: 100% 1px; } .side_menu-widget::before { position: absolute; content: ""; top: 0; left: 50%; height: 100%; pointer-events: none; width: 1px; background: #ffffff42; z-index: 10; transform: translateX(-50%); } .toggle-click .elementor-icon-wrapper a { vertical-align: top; } .toggle-click svg path { transform-origin: center center; opacity: 1;transition: transform 0.3s ease-out 0s, opacity 0.3s ease-out 0s; } html.active_header{overflow:hidden;} .toggle-click svg g { clip-path: unset; } .side_menu-widget .elementor-nav-menu > li > ul.sub-menu > li.menu-item { margin: 0 0 20px !important; width: 100%; padding: 0; } .explore_mu-school .explore-title-h3 h2 {background: #f0f0f0;} .explore_mu-school .explore-title-h3 .elementor-widget-container::after { background: #0000004f; } .read-more-txt .elementor-widget-container > *:last-child { margin: 0px !important; } .ah-desc-list ul,.fine-art-p-desc ul {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;-webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: vertical; -moz-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;gap: 8px; } .side_menu-widget .elementor-nav-menu .menu-item-has-children { border-bottom: none; position: static !important; padding-right: 60px; margin: 0 0 30px !important; } .side_menu-widget .elementor-nav-menu .menu-item-has-children:last-child { margin: 0px !important; } .side_menu-widget .elementor-nav-menu .menu-item-has-children span.sub-arrow{ display: none; } .side_menu-widget .elementor-nav-menu .menu-item-has-children > a { width: max-content; padding: 0; } .side_menu-widget .elementor-nav-menu .menu-item-has-children span.li-after-span { position: absolute; right: 0; width: 16px; height: 16px; top: 15px; cursor: pointer; background: url('https://esj.org/wp-content/uploads/2025/07/toggle-down-arrow.svg'); background-repeat: no-repeat; background-size: 16px; transition: 0.4s ease all;display:none; } .side_menu-widget .elementor-nav-menu > .menu-item-has-children.menu_active > span.li-after-span { background: url('https://esj.org/wp-content/uploads/2025/07/toggle-up-arrow.svg'); background-repeat: no-repeat; background-size: 16px; } .fine-art-p-desc p { margin: 0 0 20px !important; } .fine-art-p-desc p:last-child {margin: 0px !important;} .read-more-txts .elementor-widget-container > * { margin: 0 0 20px !important; } .read-more-txts .elementor-widget-container h2 { font-size: 30px; line-height: 36px; font-weight: 700; color: #231F20; } .read-more-txts .elementor-widget-container h3 { font-size: 26px; line-height: 32px; font-weight: 700; color: #231F20; } .read-more-txts .elementor-widget-container h4 { font-size: 24px; line-height: 30px; font-weight: 700; color: #231F20; } .read-more-txts .elementor-widget-container h5 { font-size: 22px; line-height: 28px; font-weight: 700; color: #231F20; } .read-more-txts .elementor-widget-container h6 { font-size: 20px; line-height: 26px; font-weight: 700; color: #231F20; } .fine-art-p-desc .elementor-widget-container > * { margin: 0 0 20px !important; } .side_menu-widget .elementor-nav-menu .menu-item-has-children.open_menu_active > a { color: #d3b574; } .map_iframe-widget iframe { height: 590px; width: 100%; top: 0px !important; } .spi_accordian-widget .e-n-accordion-item { border-bottom: 1px solid #d7d7d7; } .spi_desc-ct .elementor-widget-container > * { margin: 0 0 15px !important; } .spi_accordian-widget .e-n-accordion-item:last-child { border-bottom: none; } .spi_desc-ct .elementor-widget-container > *:last-child { margin: 0px !important; } .side_links-widget .elementor-nav-menu { gap: 13px 30px; } .side_links-widget .elementor-nav-menu > li > a { padding: 0 0 2px; display: inline; background-image: linear-gradient(#B4975A 0 0); background-position: 0 100%; background-size: 0 1px; background-repeat: no-repeat; transition: .3s, background-position 0s .3s; text-decoration: none; } .side_links-widget .elementor-nav-menu > li > a:hover,.side_links-widget .elementor-nav-menu > li.current-menu-item > a { text-decoration: none; background-position: 100% 100%; background-size: 100% 1px; } .tm_img-widget img { aspect-ratio: 1; object-fit: cover; object-position: top center; vertical-align: top; } .read-more-txt .elementor-widget-container ul li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 0; flex-wrap: wrap; } .read-more-txt .elementor-widget-container ul li img { width: 16px; height: 16px; margin: 0 0 0 5px; } .close-popup-togle .elementor-icon-wrapper a { vertical-align: top; padding: 0px !important; height: 50px !important; width: 60px; display: flex; align-items: center; justify-content: center; } .side-menu-search .e-search-submit { padding: 0px !important; width: 60px !important; height: 50px !important; display: flex !important; align-items: center !important; justify-content: center; margin: 0px !important; border: none; position: relative; top: unset; background-color: #fff !important; } .side-menu-search .e-search-submit svg { margin: 0px !important; } .side-menu-search .e-search-submit::before { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; display: flex; justify-content: center; align-items: center; transition: all .3s; background: url('https://esj.org/wp-content/uploads/2025/07/search-icon.svg'); background-repeat: no-repeat; background-size: 24px; background-position: center center;} .side-menu-search search.e-search { margin-bottom: 0; box-shadow: 0 0 0 1px #910028; overflow: hidden; width: 60px; transition: all .7s cubic-bezier(.34,.615,.4,.985); display: flex; justify-content: flex-end; height: 50px;background-color: #fff !important;} search.e-search.active-menu-search { width: 100% !important; } .side-menu-search { width: calc(100% - 80px); display: flex; justify-content: flex-end; } search.e-search.active-menu-search form.e-search-form { width: 100% !important; padding: 0px 0px 0 0px; } .side-menu-search .elementor-widget-container { width: 100%; display: flex; justify-content: flex-end; } search.e-search.active-menu-search .e-search-submit::before { background-image: url('https://esj.org/wp-content/uploads/2025/07/close-popup.svg'); background-repeat: no-repeat; background-size: 20px; background-position: center center; } .side-menu-search search.e-search .e-search-input-wrapper input { padding: 0 20px 0 80px; } .side-menu-search search.e-search label.e-search-label { width: 60px; display: none; align-items: center; justify-content: center; flex-direction: column; height: 50px; position: absolute;cursor:pointer;} .side-menu-search search.e-search label.e-search-label svg {position: absolute;transform: translate(-50%, -50%);top: 50%;left: 50%;} .side-menu-search search.e-search label.e-search-label::after { position: absolute; content: ""; width: 1px; height: 30px; right: 0; top: 10px; background: #caccce; pointer-events: none; } search.e-search.active-menu-search label.e-search-label { display: flex; } .oc-learn-more-btn span.elementor-button-icon svg { width: 16px; height: 16px; } .search main#content { max-width: 1390px; padding: 100px 20px; } .search .page-header > h1 { max-width: 1350px; margin: 0 0 30px; font-family: "Proxima Nova", Sans-serif; font-size: 48px; font-weight: 900; text-transform: capitalize; line-height: 60px; color: #B4975A;padding:0px; } .search .page-header > h1 span { color: #910029; font-weight: 500; } .search .page-content { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } .search .page-content article.post { width: calc(25% - 15px); background: #fff; padding: 20px; border-radius: 10px; border: 1px solid #d7d7d747; } .search .page-content article.post h2.entry-title { font-size: 22px; line-height: 28px; color: #910029; margin: 0 0 15px; font-weight: 600; } .search .page-content article.post h2.entry-title a { color: #910029; } .search .page-content article.post p { font-family: "Proxima Nova", Sans-serif; font-size: 16px; font-weight: 400; color: #231F20; line-height: 26px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical;margin:0px; } .search .page-content > p { font-family: "Proxima Nova", Sans-serif; font-size: 18px; font-weight: 400; color: #231F20; line-height: 28px;margin:0px; } /*~~~~~~~~~~~~============= Inner Pages CSS End Here =============~~~~~~~~~~~~*/ /*~~~~~~~~~~~~============= Team and schedules Pages CSS Start Here =============~~~~~~~~~~~~*/ .main-tab-div { /* width: 1200px; margin: 0 auto; padding: 120px 20px; */ display: flex; flex-direction: column; gap: 40px; } .tab-heading-div { display: flex; flex-wrap: wrap; gap: 5px; border-radius: 5px; overflow: hidden; margin-left: 0 !important; } .tab-heading-div .tab-first-heading { width: calc(33.33% - 3.33px); display: block; font-weight: 600; font-size: 18px; text-align: center; text-transform: uppercase; color: #ffffff; text-decoration: none; cursor: pointer; background: #B4985A; height: 53px; line-height: 27px; display: flex; align-items: center; justify-content: center; } .first-list-content { display: flex; flex-direction: column; gap: 10px; width: calc(33.33% - 6.66px); } .first-tab-contentDiv { display: flex; gap: 10px; flex-wrap: wrap; } .first-list-content h3 { font-size: 36px; line-height: 40px; letter-spacing: 0px; color: #910029; font-weight: 700; text-transform: capitalize; margin: 0; } .first-list-content ul { display: flex; gap: 10px; flex-direction: column; margin-left: 0 !important; } .first-list-content ul li{list-style-type: none;} .first-list-content ul li a { padding: 15px 45px 15px 15px; text-decoration: none; font-size: 18px; cursor: pointer; line-height: 27px; display: inline-block; background-color: #fff; background-image: url(../images/arrow_red.svg); background-position: center right 20px; background-repeat: no-repeat; background-size: 20px 18px; color: #910029; border: 1px solid #910029; width: 100%; transition: 0.4s ease all; border-radius: 5px; } .first-list-content ul li a:hover { background-color: #910029; color: #fff; background-image: url(../images/arrow-wh.svg); } /* Hide all tabs by default */ .first-tab-contentDiv { display: none; } /* Show active tab */ .first-tab-contentDiv.active { display: flex; } /* Active tab button style */ .tab-first-heading.active { background: #910029; color: #fff; } .tab-heading-div .tab-first-heading:hover{ background: #910029; } ul{ list-style: none; padding: 0; margin: 0; } .btn-divBaskLSA ul { width: 100%; display: flex; align-items: center; gap: 30px; } .btn-divBaskLSA ul li { width: calc(33.33% - 20px); } .btn-divBaskLSA ul li a{ display: flex; align-items: center; justify-content: center; padding: 20px 30px; background: #fff; border: 1px solid #910029; } .btn-divBaskLSA ul li span { width: auto; height: auto; } .btn-divBaskLSA ul li svg { width: auto !important; height: auto !important; } .cheer-rightDiv .tabs .content h2 { color: #910029; font-weight: 700; margin: 0; margin-bottom: 15px; font-size: 36px; line-height: 40px; } .cheer-rightDiv .tabs .content ul li a { display: flex; align-items: center; gap: 10px; } .sh-at-facDivAT .campus-grid { display: flex; gap: 20px; flex-wrap: wrap; } .sh-at-facDivAT .campus-grid .campus-item { width: calc(33.33% - 13.33px); display: flex; gap: 15px; flex-direction: column; padding: 20px; border: 1px solid #910029; border-radius: 10px; } .sh-at-facDivAT .campus-grid .campus-item a { width: 100%; display: inline-block;} .sh-at-facDivAT .campus-grid .campus-item a img { width: 100%; display: block; border-radius: 10px; object-fit: cover; aspect-ratio: 16 / 9;} .sh-at-facDivAT .campus-grid .campus-item h3 a{ font-family: "Proxima Nova", Sans-serif; margin: 0; font-size: 20px; font-weight: 700; text-transform: capitalize; line-height: 20px; color: #910029; } .sh-at-facDivAT .campus-grid .campus-item p{ margin: 0; font-size: 18px; font-weight: 400; line-height: 27px; font-family: "Proxima Nova", Sans-serif; } .sh-at-facDivAT .campus-grid .campus-item p a{ margin: 0; color: #910029; font-size: 20px; font-weight: 600; line-height: 20px; font-family: "Proxima Nova", Sans-serif; } .sh-at-facDivAT .campus-grid .campus-item h3{ font-family: "Proxima Nova", Sans-serif; margin: 0; font-size: 20px; font-weight: 700; text-transform: uppercase; line-height: 20px; color: #910029;} .menu-divAT-fac ul li a{ background: #B4975A; border-radius: 5px; transition: 0.4s ease all; } .menu-divAT-fac ul li a:hover{ background: #910029; } .menu-divAT-fac ul li.current_page_item a{ background: #910029; } .text-paradivAlAthletes .elementor-widget-container { display: flex; gap: 10px; flex-wrap: wrap; } .text-paradivAlAthletes p { padding: 10px; margin: 0; border: 1px solid #910029; border-radius: 5px; width: calc(25% - 7.5px); } .all-buttonsDivAlAth { flex-wrap: nowrap; overflow-y: auto; overflow-x: scroll; scrollbar-width: thin;} /* .all-buttonsDivAlAth .bs-divAlAt { min-width: max-content !important; } */ .all-buttonsDivAlAth .bs-divAlAt a.active { background: #910029 !important; } .summer_ct-desc-faq .spi_desc-ct ol{ display: flex; flex-direction: column; gap: 10px; } .menu-divAT-fac ul { row-gap: 10px; } .cl-rep-infDiv .values_ct-desk a{ color: #910029; } .all-staffDivDetails .faculty-staff-list { display: flex; flex-wrap: wrap; gap: 30px; } .all-staffDivDetails .faculty-staff-list .faculty-staff-item { width: calc(25% - 22.5px); display: flex; flex-direction: column; gap: 20px; background-color: #fff; overflow: hidden; border-radius: 10px; box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1); } .faculty-details { display: flex; flex-direction: column; gap: 10px; padding: 0 20px 20px 20px; text-align: center; } .faculty-details .faculty-name { font-family: "Proxima Nova", Sans-serif; font-size: 22px; font-weight: 700; line-height: 28px; letter-spacing: 0px; word-spacing: 0px; color: #910029; } .faculty-details h3, .faculty-details p,.faculty-details a{ margin: 0; } .faculty-details .faculty-position,.faculty-university { font-family: "Proxima Nova", Sans-serif; font-size: 16px; font-weight: 400; line-height: 22px; letter-spacing: 0px; word-spacing: 0px; color: #231F20; } .faculty-details .faculty-email { background-color: #910029; font-family: "Proxima Nova", Sans-serif; font-size: 16px; line-height: 16px; font-weight: 600; fill: #FFFFFF; color: #FFFFFF; transition-duration: 0.4s; border-style: none; border-radius: 50px 50px 50px 50px; padding: 15px 25px 15px 50px; width: max-content; margin: 0 auto; background-image: url(https://esj.org/wp-content/uploads/2025/07/email-icon.png); background-repeat: no-repeat; background-position: center left 25px; background-size: 16px 12px; transition: 0.4s ease all; margin-top: 10px; } .faculty-details .faculty-email:hover{ background-color: #B4975A; } .all-staffDivDetails .faculty-staff-list .faculty-staff-item img.faculty-photo { width: 100%; object-fit: contain; display: block; aspect-ratio: 1;} /* .all-staffDivDetails .faculty-staff-list .faculty-staff-item img.faculty-photo { width: 100%; object-fit: cover; display: block; aspect-ratio: 1; object-position: top; } */ .side_menu-widget .elementor-nav-menu > li > ul.sub-menu > li > ul.sub-menu { position: relative; padding: 0px 0 0px 15px !important; margin: 20px 0 0 0px !important; border-top: none !important; left: unset !important; right: 0 !important; top: 0px !important; bottom: auto; text-align: left; width: 315px !important; max-height: 740px; z-index: 300; transform: none !important; overflow: inherit; transition: unset; } .side_menu-widget .elementor-nav-menu > li > ul.sub-menu > li > ul.sub-menu > li { margin: 0 0 15px 0 !important; } .side_menu-widget .elementor-nav-menu > li > ul.sub-menu > li > ul.sub-menu > li > a { border: none; } .acc-fineArtDiv .spi_desc-ct h2 { font-family: "Proxima Nova", Sans-serif; font-size: 24px; font-weight: 500; line-height: 30px; letter-spacing: 0px; word-spacing: 0px; color: #910029; } .acc-fineArtDiv { box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.1); } .acc-fineArtDiv .spi_desc-ct h2,.acc-fineArtDiv .spi_desc-ct p,.acc-fineArtDiv .spi_desc-ct ul{ margin: 0 !important; } .acc-fineArtDiv .spi_desc-ct .elementor-widget-container { display: flex; flex-direction: column; gap: 10px; } .acc-fineArtDiv .spi_desc-ct ul { padding-left: 10px; } .acc-fineArtDiv .spi_desc-ct h2 i { font-style: normal; } .acc-fineArtDiv .spi_desc-ct p { font-size: 18px; line-height: 24px; } .acc-fineArtDiv .spi_desc-ct ul li { font-size: 18px; line-height: 26px; } .acc-fineArtDiv .spi_accordian-widget .eael-adv-accordion .eael-accordion-list{ border-bottom: 1px solid #DDDDDDDD; } .acc-fineArtDiv .spi_accordian-widget .eael-adv-accordion .eael-accordion-content { border-top: 1px solid #DDDDDDDD !important; } .acc-fineArtDiv .spi_accordian-widget .eael-adv-accordion .eael-accordion-content a{ color: #910028; transition: 0.4s ease all;} .acc-fineArtDiv .spi_accordian-widget .eael-adv-accordion .eael-accordion-content a:hover{ color: #9a8348; } .acc-fineArtDiv .spi_accordian-widget .eael-adv-accordion .eael-accordion-list:last-child { border: none !important; } .acc-fineArtDiv .spi_accordian-widget .eael-accordion-content > * { margin-bottom: 10px; } .acc-fineArtDiv .spi_accordian-widget .eael-accordion-content > *:last-child { margin-bottom: 0; } .acc-fineArtDiv .spi_accordian-widget .eael-adv-accordion .eael-accordion-content ol,.acc-fineArtDiv .spi_accordian-widget .eael-adv-accordion .eael-accordion-content ul { display: flex; flex-direction: column; gap: 10px; } .acc-fineArtDiv .spi_accordian-widget .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon-svg.eaa-svg{ margin-left: 0 !important; } .acc-fineArtDiv .spi_accordian-widget .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle{ -webkit-transform: rotate(180deg) !important; -ms-transform: rotate(180deg) !important; transform: rotate(180deg) !important; } .acc-fineArtDiv .spi_accordian-widget .eael-adv-accordion .eael-accordion-list .eael-accordion-header span:last-child{ margin: 0 !important; margin-left: 10px !important; } .ol_list-div ol { display: flex; gap: 10px; flex-direction: column; padding-left: 20px; } /* .animated-title > div.text-top > div{align-items: center;} */ /*~~~~~~~~~~~~============= Team and schedules Page Pages CSS End Here =============~~~~~~~~~~~~*/ /*~~~~~~~~~~~~============= Media Queries For Inner Pages CSS Start Here =============~~~~~~~~~~~~*/ @media (max-width:1440px){ .logos_gallery div#gallery-1 { gap: 20px;} .logos_gallery figure.gallery-item { width: calc(33.33% - 13.33px);} .all-staffDivDetails .faculty-staff-list { gap: 20px; } .all-staffDivDetails .faculty-staff-list .faculty-staff-item { width: calc(25% - 15px); } .single-job main#content h1.entry-title { padding: 0; font-size: 45px; line-height: 50px; } } @media(max-width:1200px){ .read-more-txt.alumni-list-main .elementor-widget-container ul li { width: calc(33.33% - 6.66px); } .map_iframe-widget iframe { height: 500px;} .search main#content {padding: 90px 20px; } .search .page-content article.post { width: calc(33.33% - 13.33px); } .first-list-content h3 { font-size: 28px; line-height: 32px; } .first-list-content ul li a { padding: 10px 30px 10px 10px; font-size: 16px; line-height: 20px; background-position: center right 10px; background-size: 16px 14px; } .main-tab-div { gap: 30px; } .tab-heading-div .tab-first-heading { font-size: 16px; height: 44px; line-height: 22px; } .btn-divBaskLSA ul { gap: 20px; } .btn-divBaskLSA ul li { width: calc(33.33% - 13.33px); } .btn-divBaskLSA ul li a { padding: 15px 20px; } .cheer-rightDiv .tabs .content h2 { font-size: 28px; line-height: 32px; } .all-staffDivDetails .faculty-staff-list .faculty-staff-item { gap: 15px; } .faculty-details { padding: 0 15px 15px 15px; } .faculty-details .faculty-email { font-size: 15px; line-height: 15px; padding: 12px 15px 12px 35px; background-position: center left 12px; background-size: 15px 11px; } .faculty-details .faculty-name { font-size: 20px; line-height: 26px; } .single-job main#content h1.entry-title { font-size: 40px; line-height: 46px; } } @media (max-width:991px){ .read-more-txt.alumni-list-main .elementor-widget-container ul li { width: calc(50% - 5px); } .pg_boxct-col { margin-top: -90px; } .ls_school-rt-col { display: block; } .ls_school-rt-col img { aspect-ratio: 3/2; object-fit: cover; } .read-more-txts .elementor-widget-container h2 { font-size: 26px; line-height: 32px;} .read-more-txts .elementor-widget-container h3 { font-size: 22px; line-height: 28px;} .read-more-txts .elementor-widget-container h4 { font-size: 22px; line-height: 28px;} .read-more-txts .elementor-widget-container h5 { font-size: 20px; line-height: 26px;} .read-more-txts .elementor-widget-container h6 { font-size: 18px; line-height: 24px;} .fine-art-p-desc .elementor-widget-container > * { margin: 0 0 20px !important; } .map_iframe-widget iframe { height: 450px;} .side_links-widget .elementor-nav-menu { gap: 13px 15px; } /* .read-more-txt .elementor-widget-container ul li { width: calc(33.33% - 6.66px); } */ .side-menu-search search.e-search{width:100%} .side-menu-search search.e-search label.e-search-label { display: flex;width:50px; } search.e-search form.e-search-form { width: 100% !important; } .side-menu-search .e-search-submit { display: none !important; } .side-menu-search search.e-search .e-search-input-wrapper svg { right: 10px; } .side-menu-search search.e-search .e-search-input-wrapper input { padding: 0 30px 0 70px; } .close-popup-togle .elementor-icon-wrapper a { width: 50px; } .side-menu-search { width: calc(100% - 60px); } .cross-and-search-col { padding-bottom: 20px; border-bottom: 1px solid #ffffff42; } .side_menu-widget .elementor-nav-menu .menu-item-has-children { border-bottom: none; position: relative !important; padding-right: 0px; margin: 0 0 15px !important; } .side_menu-widget::before{content:unset;} .side_menu-widget .elementor-nav-menu { padding-right: 0px; } .side_menu-widget .elementor-nav-menu .menu-item-has-children span.li-after-span { display: block; } .side_menu-widget .elementor-nav-menu > li > ul.sub-menu { padding: 20px 0 0px 20px !important; width: 100% !important; position: relative; max-height: inherit; height: auto; } /* .side_menu-widget .elementor-nav-menu > li > ul.sub-menu > li.menu-item { margin: 0 0 15px; width: 100%; } */ .side_menu-widget .elementor-nav-menu > li > ul.sub-menu > li.menu-item { margin: 0 0 15px !important; width: 100%; } .side_menu-widget .elementor-nav-menu > li > a:hover, .side_menu-widget .elementor-nav-menu .menu-item-has-children.current-menu-item > a { color: #D3B574 !important; background-position: 100% 100%; background-size: 100% 1px; } .search .page-header > h1 { margin: 0 0 20px; font-size: 36px; line-height: 40px; } .search main#content {padding: 70px 20px; } .search .page-content article.post { width: calc(50% - 10px); } .search .page-content article.post h2.entry-title { font-size: 20px; line-height: 26px; } .first-list-content h3 { font-size: 22px; line-height: 28px; } .cheer-rightDiv .tabs .content h2 { font-size: 22px; line-height: 28px; } .btn-divBaskLSA ul li { width: calc(50% - 10px); } .tabnav dt span { font-size: 16px !important; } .sh-at-facDivAT .campus-grid .campus-item { padding: 15px; } .sh-at-facDivAT .campus-grid .campus-item{width: calc(50% - 10px);} .menu-divAT-fac ul{ gap: 10px; } .text-paradivAlAthletes p { width: calc(33.33% - 6.66px); } .all-staffDivDetails .faculty-staff-list .faculty-staff-item { width: calc(33.33% - 13.33px); } .acc-fineArtDiv .spi_desc-ct h2 { font-size: 20px; line-height: 28px;} .acc-fineArtDiv .spi_desc-ct p { font-size: 16px; line-height: 22px; } .acc-fineArtDiv .spi_desc-ct ul li { font-size: 16px; line-height: 24px; } .single-job main#content h1.entry-title { font-size: 38px; line-height: 44px; } } @media (max-width:767px){ .acc-fineArtDiv .spi_accordian-widget .eael-adv-accordion .eael-accordion-content ol { padding-left: 25px !important; } .awd-list-main ul li { width: calc(50% - 5px); } .check-back-img .spi_desc-ct img { width: 100%; margin: 0 0 15px; } .logos_gallery div#gallery-1 { gap: 15px;} .logos_gallery figure.gallery-item { width: calc(33.33% - 10px);} .iframe_school-magzine{display:block;} .values_ct-desks p { margin: 0 0 10px !important; } .ah-desc-list ul,.fine-art-p-desc ul { padding: 0 0 0 20px; } .fine-art-p-desc p { margin: 0 0 10px !important; } .read-more-txts .elementor-widget-container h2 { font-size: 23px; line-height: 28px;} .read-more-txts .elementor-widget-container h3 { font-size: 21px; line-height: 27px;} .read-more-txts .elementor-widget-container h4 { font-size: 19px; line-height: 25px;} .read-more-txts .elementor-widget-container h5 { font-size: 17px; line-height: 23px;} .read-more-txts .elementor-widget-container h6 { font-size: 16px; line-height: 22px;} .fine-art-p-desc .elementor-widget-container > * { margin: 0 0 15px !important; } /* .side_menu-widget .elementor-nav-menu .menu-item-has-children span.li-after-span {width: 12px; height: 12px;background-size: 12px;top:17px;} */ .side_menu-widget .elementor-nav-menu .menu-item-has-children span.li-after-span { width: 12px; height: 7px; background-size: 12px; top: 9px; } .side_menu-widget .elementor-nav-menu > .menu-item-has-children > ul.sub-menu > .menu-item-has-children span.li-after-span { width: 12px; height: 7px; background-size: 12px; top: 6px; } .side_menu-widget .elementor-nav-menu > li > ul.sub-menu > li > ul.sub-menu{ margin: 15px 0 0 0px !important; } .side_menu-widget .elementor-nav-menu .menu-item-has-children.menu_active span.li-after-span {background-size: 12px; } .toggle-click svg { width: 36px; height: 36px !important; } .map_iframe-widget iframe { height: 400px;} .hos_img-widget img { aspect-ratio: 16/9; } /* .read-more-txt .elementor-widget-container ul li { width: calc(50% - 5px); } */ .tm_col-main { display: block; } .oc_lt-col { display: block; } .fine-art-p-desc .elementor-widget-container h5,.spi_desc-ct .elementor-widget-container h5 { font-size: 18px; } .bc_img-widget-lc img,.aware_img-widget img { aspect-ratio: 3/2; } .search .page-header > h1 { margin: 0 0 15px; font-size: 28px; line-height: 36px; } .search main#content {padding: 50px 15px; } .search .page-content > p { font-size: 16px; line-height: 26px; } .search .page-content { gap: 15px; } .search .page-content article.post { width: calc(50% - 7.5px); padding: 15px; } .search .page-content article.post h2.entry-title { font-size: 18px; line-height: 24px; margin: 0 0 8px; } .first-list-content { width: 100%; } .first-tab-contentDiv { gap: 20px; } .btn-divBaskLSA ul { gap: 10px; } .btn-divBaskLSA ul li { width: calc(50% - 5px); } .btn-divBaskLSA ul li svg { width: 20px!important; height: 20px !important; } .tabnav dt span { font-size: 16px !important; height: 44px !important; line-height: 44px !important; } .sh-at-facDivAT .campus-grid .campus-item h3 a{ font-size: 18px; } .sh-at-facDivAT .campus-grid .campus-item h3{ font-size: 18px; } .sh-at-facDivAT .campus-grid .campus-item p{ font-size: 16px; line-height: 24px; } .sh-at-facDivAT .campus-grid .campus-item p a{ font-size: 18px; } .sh-at-facDivAT .campus-grid { gap: 15px;} .sh-at-facDivAT .campus-grid .campus-item{width: calc(50% - 7.5px); gap: 10px;} .all-staffDivDetails .faculty-staff-list { gap: 15px; } .all-staffDivDetails .faculty-staff-list .faculty-staff-item { width: calc(50% - 7.5px); } .single-job main#content { padding: 30px 15px 0; } .single-job main#content h1.entry-title { font-size: 34px; line-height: 40px; } .single-job main#content .page-content p, .single-job main#content .page-content ul li, .single-job main#content .page-content ol li { font-size: 14px; line-height: 20px; } .read-more-txt .elementor-widget-container ul { column-count: 2; } .read-more-txt .elementor-widget-container ul li { margin-bottom: 10px; column-gap: 10px;} .alumini-grid-main .sidebar-main-ryt-col .sidebar_links-col { max-height: 380px!important; } } @media (max-width:599px){ .two-line-mob .animated-title-main { min-height: 70px; } } @media (max-width:575px){ .music-img-main { width: calc(50% - 5px); } .pg_box-main { width: 100%; } .pg_boxct-col { margin-top: -90px; } .logos_gallery div#gallery-1 { gap: 15px;} .logos_gallery figure.gallery-item { width: calc(50% - 7.5px);} .map_iframe-widget iframe { height: 350px;} .search .page-content article.post { width: 100%; } .listhead { font-size: 18px !important; } .seeking-desc-col .baseball-contentDivEG { width: 100%; } .seeking-desc-col .bs-div{ width: calc(50% - 5px); } .menu-divAT-fac ul li{ width: 100%; } .menu-divAT-fac ul li a{ text-align: center; width: 100%; } .text-paradivAlAthletes p { width: calc(50% - 5px);} } @media (max-width:480px){ .awd-list-main ul li { width: 100%; } .read-more-txt.alumni-list-main .elementor-widget-container ul li { width: 100%; } .btn-divBaskLSA ul li { width: 100%; } .sh-at-facDivAT .campus-grid .campus-item{width: 100%;} } @media (max-width:414px){ .pg_boxct-col { margin-top: -60px; } .logos_gallery figure.gallery-item img { width: 100%; } .read-more-txt .elementor-widget-container ul li { width: 100%; } .tm_col-main { width: 100%; } .seeking-desc-col .bs-div{ width: 100%; } .text-paradivAlAthletes p { width: 100%;} .all-staffDivDetails .faculty-staff-list .faculty-staff-item { width: 100%; } } @media (max-width:370px){ .inner_hero_ani_title h2 { color: #fff !important; font-weight: 700 !important; font-size: clamp(24px, 3.874vw, 74px) !important; line-height: clamp(32px,4.188vw,80px) !important; } div.animated-title-main h2 { font-size: 25px !important; } } /*~~~~~~~~~~~~============= Media Queries For Inner Pages CSS End Here =============~~~~~~~~~~~~*/