/*
Theme Name: Hello Academy Child
Theme URI: https://academylms.net/hello-academy
Template: hello-academy
Author: AcademyLMS Team
Author URI: https://academylms.net/
Description: Hello Academy is a lightweight theme powered by Academy LMS - a super fast next-gen WordPress LMS plugin. It was built to put Academy LMS in the spotlight while allowing you to create a unique eLearning platform. When it comes to speed and performance, the theme shows a fantastic score on Google PageSpeed insight. It's an Elementor and Gutenberg ready theme that aspires to serve a wide range of users. All the pages are Fully responsive, SEO-optimzied, major browser compatible, and ready with Schema, RTL, and translation. This fully customizable theme comes with homepage variations, header & fotter variations, advanced font, color, style, and page settings. There are two pre-built Homepage layouts named Single Instructor and Univesity. Also, you will get the course, About, registration page, etc. The blog pages of this theme are perfect for presenting any sort of content with enhanced readability. The theme synchronizes perfectly with the Academy LMS plugin and allows users to create a website for an educational organization, training center, bookselling, course hub, online exam center, and more.
Tags: custom-menu,custom-logo,featured-images,threaded-comments,translation-ready,E-Commerce,Education,eLearning,lms,left-sidebar,right-sidebar,blog
Version: 1.1.4.1750095436
Updated: 2025-06-16 17:37:16

*/
.hello-academy-content {
    background-color: #ffffff;
    padding-top: 0px !important;
}

@media only screen and (min-width: 992px) {
    .primary-navigation ul.menu-wrapper > li a {
        padding: 32px 3px 32px 6px !important;
        text-decoration: none;
        display: inline-block;
        color: #608699 !important;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600 !important;
        font-size: 14px !important;
        text-transform: uppercase;
        outline: none;
    }
}
@media only screen and (max-width: 991px) {
    .hello-academy-header .academy-container .academy-row .primary-navigation {
        position: unset;
        width: unset;
        max-width: unset;
        margin: unset;
        right: unset;
        left: unset;
        height: unset;
        overflow-x: unset;
        overflow-y: unset;
    }
}

@media only screen and (max-width: 991px) {
    .hello-academy-header .academy-container .academy-row .primary-navigation .primary-menu-container > ul {
        height: 100%;
        padding: 60px 20px;
        overflow: hidden;
        width: 100% !important;
    }
}
@media only screen and (max-width: 991px) {
    .hello-academy-header .academy-container .academy-row .primary-navigation .primary-menu-container > ul {
        height: 100%;
        padding: 60px 20px;
        overflow: scroll;
    }
}
@media only screen and (max-width: 991px) {
    .hello-academy-header .academy-container .academy-row .primary-navigation .primary-menu-container ul {
        margin: 0;
        padding: 0;
    }
}
@media (max-width: 991px) {
    .primary-navigation .primary-menu-container ul.menu-wrapper, .primary-navigation .primary-menu-container ul.menu-wrapper ul {
        list-style-type: none;
        padding: 0;
    }
}





@media (max-width: 991px) {
    .primary-navigation {
        background: #fff;
        z-index: 9999;
    }
}

@media only screen and (max-width: 991px) {
    .hello-academy-header .academy-container .academy-row .primary-navigation .primary-menu-container {
        display: flex;
        border: 1px solid #999;
        background: #fff;
        position: fixed;
        left: -300px;
        top: 0;
        width: 300px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        margin: 0;
        height: 100vh;
        z-index: 99999999;
    }
}
@media only screen and (max-width: 991px) {
    .hello-academy-header .academy-container .academy-row .primary-navigation .primary-menu-container {
        display: block;
        border: 1px solid #999;
        background: #fff;
        position: fixed;
        left: -300px;
        top: 0;
        width: 300px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        margin: 0;
        height: 100vh;
        z-index: 99999999;
    }
}
@media (max-width: 991px) {
    .primary-navigation-open .primary-navigation .primary-menu-container {
        display: block;
    }
}
@media only screen and (max-width: 991px) {
    body.active-show-menu .primary-menu-container {
        left: 0px !important;
    }
}
@media (max-width: 991px) {
    .primary-navigation .primary-menu-container {
        display: none;
    }
}




b, strong {
    font-weight: 600 !important; 
}
.elementor-kit-74 a:link {
    color: #608699 !important;
}
.elementor-kit-74 a:hover {
    color: #222222 !important;
}
#header #logo img {
    padding: 0px;
    margin: 0px;
	width: 100%;
	max-width: 240px
}
h3.elementor-image-box-title a,
h3.elementor-image-box-title a:link {
	color: #ffffff !important;
}
/* PRIMARY NAVIGATION */


button {
    display: inline-block;
    font-weight: 400;
    color: #7b68ee;
    text-align: center;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid #678798 !important;
    padding: 8px 8px !important;
    font-size: 20px  !important;
    border-radius: 3px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
	margin-top: 9px !important;
}
@media only screen and (max-width: 991px) {
    .hello-academy-header .academy-container .academy-row .primary-navigation .primary-menu-container button.close-off-canvas-menu {
        display: block;
        right: 20px;
        position: absolute;
        top: 20px;
        margin: 0;
        padding: 0;
        height: 40px;
        width: 40px;
        background: #fff;
        color: #7b68ee;
		 padding: 0px 8px !important;
    font-size: 20px  !important;
    border-radius: 3px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    }
}

button:hover, button:focus {
    color: #222222 !important ;
    background-color: #ffffff !important;
    text-decoration: none;    
}

button .fa i.fa-bars,
button .fa i.fa-times {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
	font-size 28px;
	color: #678798 !important;
}
.fa, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: #678798 !important;
}

.fa:hover, .fa:active, .fas:hover, .fas:active {
    color: #222222 !important;
}

@media only screen and (max-width: 991px) {
    .hello-academy-header .academy-container .academy-row .primary-navigation .primary-menu-container {
        display: flex;
        border: 1px solid #999;
        background: #fff;
        position: fixed;
        left: -300px;
        top: 0;
        width: 300px;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        margin: 0;
        height: 100vh;
        z-index: 99999999;
    }
	    .hello-academy-header .academy-container .academy-row .primary-navigation .primary-menu-container ul .sub-menu-toggle, .hello-academy-header .academy-container .academy-row .primary-navigation .primary-menu-container ul .sub-menu-toggle:focus {
        position: absolute;
        right: 10px;
        top: 26px;
        font-size: 1rem;
        line-height: 14px;
        margin-top: -7px;
        padding: 0;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
	.hello-academy-header .academy-container .academy-row .primary-navigation .primary-menu-container > ul {
        height: 100%;
        padding: 60px 20px;
        overflow: hidden; 
        width: 100% !important;
    }
}
@media only screen and (max-width: 991px) {
.hello-academy-header .academy-container .academy-row .primary-navigation .primary-menu-container ul li a {
        padding: 10px 0;
        width: 100% !important;
    }
.primary-navigation ul.menu-wrapper > li a {
    padding:14px 2px 14px 2px !important;
    text-decoration: none;
    display: inline-block;
    color: #608699 !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-transform: uppercase;
    outline: none;
}
.primary-navigation ul.menu-wrapper > li {
    list-style-type: none;
    padding: 0px 0 !important;
    border-bottom: 0px !important;
    margin-left: 8px !important;
    }
}

.primary-navigation {
	list-style-type: none;
    padding-left: 0;
    padding-top: 0px !important;
    margin-top: 0px !important;
}
.primary-navigation ul.menu-wrapper > li {
    list-style-type: none;
    padding: 0px 0!important;
    border-bottom: 0px !important;
	margin-left: 10px;
}
.primary-navigation ul.menu-wrapper > li.menu-has-children ul:after {
    content: "";
    position: absolute;
    right: 15px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
}
    .primary-navigation ul.menu-wrapper > li.menu-item-has-children ul li a {
    padding: 10px;
    color: #333;
    transition: .3s;
    display: block;
    font-size: 13px;
    text-transform: none;
		padding: 9px 6px 9px 6px !important;
}
   .primary-navigation ul.menu-wrapper > li.menu-item-has-children ul {
    margin: 1px 0 0 0;
    padding: 10px;
    box-shadow: 0 0 30px rgba(127, 137, 161, .25);
    background: #fff;
}
.primary-navigation ul.menu-wrapper > li.menu-item, .primary-navigation ul.menu-wrapper > li {
    list-style-type: none;
    padding: 8px 0;
    border-bottom: 1px solid #e2e2e2;
}
.primary-navigation ul.menu-wrapper > li a:hover {
    color: #3e4e4d !important;
    text-decoration: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.primary-navigation ul.menu-wrapper > li a {
    padding: 32px 2px 32px 2px !important;
    text-decoration: none;
    display: inline-block;
    color: #608699 !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-transform: uppercase;
    outline: none;
}
}
@media only screen and (min-width: 1200px) {
	.primary-navigation ul.menu-wrapper > li a {
    padding: 32px 6px 32px 6px !important;
    text-decoration: none;
    display: inline-block;
    color: #608699 !important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600 !important;
    font-size: 15px !important;
    text-transform: uppercase;
    outline: none;
}
}
li.menu-item-has-children > a:after {
    content: "\f107";
    font-family: "FontAwesome";
    position: absolute;
    right: -12px !important;
    top: 50%;
    font-size: 1rem;
    line-height: 14px;
    margin-top: -7px;
	padding-right: 4px;
}
@media (min-width: 991px) {
    .primary-navigation ul.menu-wrapper > li ul.sub-menu {
        border-top: 0px solid #7B68EE !important;
        background: #fff;
        min-width: 150px;
        position: absolute;
        z-index: 2;
        left: 0;
        top: 72px !important;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }
}

/* TABLES */
table, th, tbody, tr, td {
	border-color: transparent !important;
	background-color: #ffffff !important
}
table th, table td {
    vertical-align: middle;
    line-height: 2;
    text-align: left; 
    border: 1px solid #cccccc;
}

/* SIDEBAR NAVIGATION */
.hfe-nav-menu ul {
    list-style: none !important;
    margin-right: 20px !important;
    padding-left: 15px !important;
	font-family: "Open Sans", sans-serif !important; 
}
ul.hfe-menu-item {
    list-style-type: none;
    padding-left: 15px !important;
    padding-top: 15px;
    margin-top: 20px;
	font-family: "Open Sans", sans-serif !important; 
}
 a.hfe-menu-item, .elementor-widget-navigation-menu a.hfe-sub-menu-item {
    font-family: "Open Sans", sans-serif !important;
}
.navigation-menu a.hfe-menu-item {
	font-family: "Open Sans", sans-serif !important; 
}

.hfe-menu-item a {
    text-transform: uppercase;
	color: #608699 !important;
    transition: .5s;
	font-family: "Open Sans", sans-serif !important;
	font-size: 2.5rem !important;
}
.menu-item a.hfe-menu-item {
    padding-left: 0px !important;
	padding-right: 15px;
	font-size: 15px !important;
}
.hfe-nav-menu li.menu-item {
    position: relative;
}
.hfe-nav-menu li {
    list-style-type: none;
    padding: 8px 0;
    border-bottom: 1px solid #e2e2e2;
}
ul.hfe-nav-menu, .hfe-nav-menu li, .hfe-nav-menu ul {
    list-style: none !important;
    margin: 0;
    padding: 0;
}
.menu-item a.hfe-menu-item {
    padding-top: 8px;
    padding-bottom: 8px;
}
.menu-item a.hfe-menu-item:hover,  
.menu-item a.hfe-menu-item:focus,
.menu-item a.hfe-menu-item:active {
    color: #222 !important;
    outline: none;
    text-decoration: none;
}
.hfe-nav-menu li.menu-item.current_page_item li a {
    color: #222 !important;
    outline: none;
    text-decoration: none;
}
/* BREADCRUMB FIX */
@media (max-width: 1024px) {
    .elementor-544 .elementor-element.elementor-element-24c16cf6
Specificity: (0,3,0)  {
	 min-height: 30px !important;
	 height: 30px !important;
    }
}

@media (max-width: 767px) {
.elementor .elementor-544  {
    text-align: center;
	display: inline-flex !important;
	vertical-align: middle;
	height: 48px !important;
	max-height: 48px !important;
}
    .elementor-544 {
        width: 1000% !important;
    }
}




.infinityPageWrapper {
	padding-bottom: 50px;
}

h1.wpr-post-title {
    font-size: 2.5rem;
	margin-top: 0px;
    padding-top: 0;
    text-transform: uppercase;
    font-weight: 400;
	color: #666666;
}
h3 {
    font-family: "Montserrat", sans-serif !important;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    font-family: inherit;
    font-weight: 400;
    line-height: 1.2;
    color: #666666;
}
h4 {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 400 !important;
    margin: 0 0 20px 0 !important;
    padding: 0;
}
.h1, h1 {
    font-size: 2.5rem;
}
.hello-academy-content {
    background-color: #ffffff;
    padding: 20px 0px;
}
.hello-academy-header {
    padding-top: 0px !important;
    padding-bottom: 1px !important;
}
.infinityContent {
	width: 100%;
	max-width: 1140px;
}
.infinity3navbuttons {
	height: 60px;
	max-height: 60px;
}
.H2headingAfter::before {
    content: '';
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: #ddd;
    bottom: 1px;
    left: calc(50% - 60px);
}
.H2headingAfter:after {
    content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 3px;
    background: #3e4e4d;
    bottom: 0;
    left: calc(50% - 20px);
}
.wpr-testimonial-title,
.wpr-testimonial-rating,
.wpr-testimonial-date,
 {
	display: none;
	
}
.wpr-testimonial-item {
    padding: 5px 5px 5px 5px;
}
.wpr-testimonial-content-inner {
    background-color: transparent;
    background-image: linear-gradient(180deg, var(--e-global-color-86b4fcd) 0%, var(--e-global-color-86b4fcd) 100%);
    padding: 25px 25px 0px 25px !important;
    border-style: none;
    border-radius: 0px 0px 0px 0px;
}
.wpr-testimonial-content p {
    position: relative;
    z-index: 5;
    margin: 0 0 10px 0 !important;
}
.wpr-testimonial-content:before {
	content:url('/wp-content/uploads/2025/06/quote-sign-left.png');
    position: absolute;
    display: block;
    width: 34px;
    height: auto;
    left: calc(49%);
	margin-top: -38px;
}
.wpr-testimonial-content:after {
content:url('/wp-content/uploads/2025/06/quote-sign-right.png');
    position: absolute;
    display: block;
    width: 34px;
    height: auto;
    left: calc(49%);
	margin-bottom: -9px;
}
.wpr-testimonial-meta {
    margin-top: 30px !important;
}
.wpr-testimonial-meta-position-bottom .wpr-testimonial-content-inner {
    margin-bottom: 0px;
}
.wpr-testimonial-item {
    padding: 5px 5px 5px 5px !important;
}
.wpr-testimonial-dot {
    width: 12px !important;
    height: 12px !important;
    margin-right: 10px;
    background-color: #d1d1d1;
    border-style: none;
    border-radius: 50% 50% 50% 50%;
}
.wpr-testimonial-dots .slick-active .wpr-testimonial-dot {
    background-color: #ffffff !important;
}
.wpr-testimonial-dots .slick-active .wpr-testimonial-dot {
    background-color: #222222 !important;
}
.wpr-testimonial-name {
    color: #ccc !important;
    margin-bottom: 0px;
	font-size: 15px !important;
}
.wpr-testimonial-dots ul {
    width: 72px !important;
	list-style: none;
    padding: 0;
    margin: 0;
}
.wpr-testimonial-dots {
    display: inline-table !important;
    /* top: 96%; */
    padding-top: 60px;
}
.n2-section-smartslider {
    position: relative;
    width: 100%;
    max-height: 600px;
    outline: 0;
    --widget-offset: 0px;
}
.n2-ss-slider .n2-ss-layer[data-sstype=slide] {
    flex: 0 0 auto;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-height: 400px !important;
    max-height: 600px !important;
    display: flex;
    justify-content: center;
    flex-flow: column;
}
.n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls {
    z-index: 10;
    position: absolute;
    width: 100%;
    height: 100%;
	min-height: 400px !important;
    max-height: 600px !important;
    visibility: hidden;
    display: flex;
}
div#n2-ss-2 .n2-ss-control-bullet {
    visibility: hidden;
    text-align: center;
    justify-content: center;
    z-index: 14;
	padding-bottom: 15px;
}
.sectionDivider:before {
    content: '';
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: #ddd;
    bottom: 2px;
	left: calc(50% - 60px);
	margin-top: -2px;
    }
.sectionDivider:after {
    content: '';
    position: absolute;
    display: block;
    width: 40px;
    height: 3px;
    background: #3e4e4d;
    bottom: 0;
    left: calc(50% - 20px);
}
*/ FOOTER */
.footer-top h4,
h4.footer-top {
    font-size: 24px;
    font-weight: 200;
    color: #fff !important;
    
    position: relative;
    padding-bottom: 12px !important;
	font-family: Montserrat, sans-serif;
    font-weight: 400;
    margin: 0px 0px 20px !important;
	line-height: 1.2;
}
.footer-top h4, h4.footer-top {
    font-size: 24px !important;
    font-weight: 200 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    position: relative !important;
    padding-bottom: 12px !important;
}

.footer-top h4:before {
   right: 0px;
    background: rgb(85, 85, 85);
	width: 100%;
}
.footer-top h4:before, .footer-top h4:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
}
.footer-top h4:after {
    background: #fff;
    width: 60px;
}

.footer-top .footer-links ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
	 background-color: transparent !important;
	text-transform: none !important;
}
.footer-top .footer-links ul li:first-child {
    padding-top: 0px;
}
.footer-top .footer-links ul li {
    border-bottom: 1px solid rgb(51, 51, 51);
    padding: 10px 0px !important;
	 background-color: transparent !important;
	text-transform: none !important;
}

.footer-top .footer-links ul li a {
    color: rgb(96, 134, 153) !important;
    transition: 0.5s;
	font-size: 14px !important;
	text-align: left  !important;
	text-transform: none !important;
}
.footer-top .footer-links ul li a {
    color: #007bff;
    text-decoration: none !important;
    background-color: transparent !important;
    -webkit-text-decoration-skip: objects;
}
.footer-top .footer-links ul li a:hover {
    color: #ffffff !important;
    text-decoration: none;
    background-color: transparent !important;
    -webkit-text-decoration-skip: objects;
}
.eael-simple-menu-container .eael-simple-menu li a {
    font-size: 14px;
    font-weight: 400;
    line-height: 50px;
    text-align: center;
    color: #eeeeee !important;
    padding-left: 0px !important;
    padding-right: 20px;
    -webkit-transition: all 100ms;
    transition: all 100ms;
}
.hello-academy-footer .footer-copyright {
    text-align: center;
    padding: 24px 0px !important;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.hello-academy-footer .footer-copyright .copyright-text {
	font-size: 14px;
    color: #eeeeee;
}
.footerContactLink a {
	color: rgb(96, 134, 153) !important;
}
.footerContactLink a:hover,
 {
	color: #ffffff !important;
}