/* 
Theme Name: Indiana Lifelong Learning
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* Improved Animations Stylesheet from https://element.how/elementor-improve-entrance-animations/ , works for the 'fade' animations */
@keyframes fadeDown {from {opacity: 0;transform: translate3d(0,-30px,0) }to {opacity: 1;transform: none }}.elementor-element.fadeInDown {animation-name: fadeDown }@keyframes fadeLeft {from {opacity: 0;transform: translate3d(-30px,0,0) }to {opacity: 1;transform: none }}.elementor-element.fadeInLeft {animation-name: fadeLeft }@keyframes fadeRight {from {opacity: 0;transform: translate3d(30px,0,0) }to {opacity: 1;transform: none }}.elementor-element.fadeInRight {animation-name: fadeRight }@keyframes fadeUp {from {opacity: 0;transform: translate3d(0,30px,0) }to {opacity: 1;transform: none }}.elementor-element.fadeInUp {animation-name: fadeUp }


p:last-child {
    margin-bottom: 0 !important;
}
.highlight span {
    color: rgba(255, 107, 92, 1);
}
.hero-gradient::before {
	-webkit-mask-image: -webkit-gradient( radial, 50% 50%, 0, 65% 50%, 600, from(#fff), to(rgba(0,0,0,0)));
}
.main-menu a * {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.main-menu .menu-item-has-children:hover svg {
	transform: rotate(90deg);
}
.director {
    backdrop-filter: blur(3.5px);    
}
.director .elementor-button-text {
	text-align: left;
}
.director .elementor-button-content-wrapper {
	gap: 16px;
}
.director .elementor-button-icon {
	align-items: flex-start;
    color: rgba(112, 98, 239, 1);
    padding-top: 4px;
}
.external-links .elementor-icon-list-item {
	flex-direction: row-reverse;
	justify-content: flex-end !important;
}

/***** Page Navigation List *****/
.internal-nav ul {
	border-radius: 25.5px;
	background: #E6EFFF;
	align-self: center;
	width: auto;
    display: inline-flex !important;
}
.internal-nav ul li {
    margin: 0 !important;
}
.internal-nav .internal-nav-indicator {
    display: none !important;
}
.internal-nav ul a {
	border-radius: 25.5px;
	background: rgba(18,27,47,0);
	padding: 15px 30px;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.internal-nav ul a:hover,
.internal-nav ul a.active {
	background: rgba(18,27,47,1);
}
.internal-nav ul a:hover span,
.internal-nav ul a.active span {
	color: #FFF !important;
}
.faq details {
	border-bottom: solid 1px rgba(74, 74, 74, 0.5);
}
.faq summary[aria-expanded="true"] {
}


@media all and (min-width: 767px) {
    .main-menu .sub-menu {
        box-shadow: 0 0 20px 0 rgba(74, 74, 74, 0.10);
    }
/*     .main-menu .sub-menu li:not(:first-child) {
        padding-left: 20px;
    } */
}
@media all and (max-width: 767px) {
    .main-menu .elementor-nav-menu--dropdown > ul {
        padding: 12px 12px 24px;
    }
    .main-menu .elementor-nav-menu--dropdown > ul li a {
        padding: 16px 12px !important;
    }
    .main-menu .elementor-nav-menu--dropdown > ul > li:not(:last-child) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    }
    .main-menu .elementor-sub-item {
        padding: 12px 12px !important;
        color: #A6A6A6 !important;
        font-size: var(--size-1, 16px);
        font-style: normal;
        font-weight: 400 !important;
        line-height: 150%;
    }
    .main-menu .elementor-nav-menu--dropdown > ul > li > a:not(.elementor-button) {
        display: flex;
        justify-content: space-between;
    }
    .main-menu .elementor-nav-menu--dropdown .elementor-button {
        background-color: var( --e-global-color-secondary );
        font-family: "nexa", Sans-serif;
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 24px !important;
        border-radius: 100px 100px 100px 100px !important;
        padding: 16px 24px 16px 24px !important;
        width: auto;
        color: #FFF !important;
        display: inline-flex;
        margin-top: 12px;
    }
    .main-menu .elementor-nav-menu--dropdown .elementor-item-active {
        color: #FFF !important;
    }
    .internal-nav {
    }    
    .internal-nav ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto;
        justify-content: flex-start !important;
    }
    .internal-nav ul li {
        flex: 0 0 auto;
    }
    .resource-block .elementor-cta__bg-wrapper {
        display: none;
    }
    .resource-block .elementor-cta__content {
        padding: 20px 0 !important;
        border-bottom: solid 1px #4A4A4A26;
    }
    .resource-block .elementor-cta__title {
        max-width: 80%;
            -webkit-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .resource-block .elementor-cta__title::after {
        background: url("assets/Heading.svg") center center / 50% auto no-repeat;
        background-color: #7062EF;
        content: "";
        display: block;
        height: 36px;
        width: 36px;
        border-radius: 100%;
        position: absolute;
        right: -20%;
        top: 50%;
        transform: translateY(-50%);
    }
    .resource-block a:hover .elementor-cta__title::after {
        background-color: #1B2D52
;
    }
}