/*!
Theme Name: Alua Theme
Theme URI: http://underscores.me/
Author: Anonymous
Author URI: http://underscores.me/
Description: Starter theme for the Alua
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: Alua-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Alua Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
sup.about__highlights--info.about__time {
  display: none;
}
.animation_effect
{
    opacity:0;
}

p {
    text-align: justify;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl,
.page-template-default .entry-header,
.page-template-default .entry-content {
    width: 1260px !important;
    max-width: 96% !important;
}

/* Header */

#mobile-menu {
    display: none;
}
.home .header.dark {
    background: #004286;
}
.home .header__logo img,
body.page-id-159 .header__logo img,
body.page-id-165 .header__logo img {
    filter: brightness(0) invert(1);
}
.header__top.homepage-header .header__logo {
    visibility: visible !important;
}
.home #desktop-menu ul li a {
    color: #fff;
}
#desktop-menu .header__top {
    justify-content: space-between;
}
.header__logo img {
    display: block;
}
#desktop-menu ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0 50px;
    margin: 0;
    padding: 0;
}
.home .header.logo-change #main_menu a:hover {
    color: #fff !important;
    border-bottom: 1px solid #fff !important;
}
.header.logo-change #main_menu a:hover {
    border-bottom: 1px solid #263780 !important;
    transition: 0.5s;
    color: #263780;
}
.home #desktop-menu ul li a,
body.page-id-159 #desktop-menu ul li a,
body.page-id-165 #desktop-menu ul li a {
    color: #fff;
    border-color: transparent !important;
}
.home #desktop-menu ul li a:hover,
body.page-id-159 #desktop-menu ul li a:hover,
body.page-id-165 #desktop-menu ul li a:hover {
    color: #fff;
    border-color: #fff !important;
}
#desktop-menu ul li a {
    border-bottom: 1px solid #fff !important;
    padding-bottom: 2px;
    transition: 0.5s;
    text-decoration: none;
    color: #000;
}
#desktop-menu ul li a:hover {
    border-bottom: 1px solid #263780 !important;
    transition: 0.5s;
    color: #263780;
}


/* Other CSS */

.about__highlights p,
.about-team__highlight p, .about-team__highlight li,
.header .navigation__links ul li a,
.resource__big-text li {
    font-size: 50px !important;
    line-height: 50px !important;
}
.header .navigation__links ul li a {
    height: auto !important;
}
.about__highlights span.about__percentage {
    font-size: 3rem !important;
    padding-top: 0 !important;
}
.about__highlights sup {
    top: 12px !important;
    font-size: 3.0rem !important;
}
.about__highlights sup.about__sup {
    font-size: 1.1rem !important;
    top: 3px !important;
}
sup.about__highlights--info.about__time {
    top: 0.4rem;
    line-height: 30px;
    left: 70px;
}
sup.about__highlights--info.about__time span {
    font-size: 1.3rem;
    line-height: 1.2rem;
    margin-top: 0;
    max-width: initial;
    display: block;
    margin-left: 0;
}

.resource-filter {
    margin-top: 100px;
}
.resource-filter .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.resource-overview .container {
    display: block;
}
.resource-filter .resource-top .about__title {
    background: none !important;
    padding: 0;
}
.resource-filter .resource-top {
    float: left;
    width: 30%;
    background: none !important;
}
.resource-filter form {
    float: right;
    width: 70%;
}
.resource-filter form ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    position: relative;
    z-index: 99;
}
.resource-filter form ul li select {
    border: 0;
    padding: 5px;
    border-radius: 5px;
    outline: none;
}
.search-filter-scroll-loading {
    display: none !important;
}

.header__top {
    align-items: center !important;
}

span.no-posts-note {
    text-transform: uppercase;
    font-family: 'muktamedium';
    font-size: 20px;
}

/* ADDITIONAL CSS AFTER LIVE */

html {
    scroll-padding-top: 120px;
}
.home {
    overflow: inherit !important;
}
.landing__logo {
    position: absolute !important;
}
.page-id-873 .about-team.container {
    display: none;
}
.header.logo-change {
    background: #283583;
}
.header.logo-change .header__top {
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.4);
}
.home header.toggle-logo img {
    filter: inherit !important;
}
body.page-template-home-page .footer {
    display: block !important;
}

.journal-overview .about__title ul {
    justify-content: flex-end !important;
}

.page-id-873 main,
.page-id-873 .module-team-member {
    padding-bottom: 0 !important;
}
.page-id-873 .about__info {
    margin: 0 !important;
    max-width: 100% !important;
}
.page-id-873 .about__info h3 {
    font-size: 1.50rem;
}

.page-template-invest-page .about__title.investors_login_title {
    padding: 10px 0 10px 0 !important;
}

/* RESPONSIVE CODES */

@media only screen and (max-width :1366px) and (min-width: 1279px) {
    
    body .header .navigation__links ul li a {
        font-size: 4rem !important;
        line-height: 3rem !important;
        height: auto !important;
    }
    
}

/*----------------------------- Small Laptop -------------------------------*/
@media only screen and (max-width :1280px) and (min-width: 1101px) {
	
	/* Header */
	
	.header__top .navigation__links--inner {
	    flex: 65%;
	    max-width: 65%;
	}

    /* Home */

    .header .navigation__img {
        margin-top: 50px !important;
    }
    body .header .navigation__links ul li a {
        font-size: 4rem !important;
        line-height: 3rem !important;
        height: auto !important;
    }

}

/*----------------------------- Media 1024 -------------------------------*/
@media only screen and (max-width :1100px){
	
	/* Header */
	
	.header__top .navigation__links--inner {
	    flex: 65%;
	    max-width: 65%;
	}
    
    /* Home */
    
    .header .navigation__img {
        margin-top: 50px !important;
    }
    body .header .navigation__links ul li a {
        font-size: 4rem !important;
        line-height: 3rem !important;
        height: auto !important;
    }
    
    /* Resources */
    
    .resource-overview {
        padding: 40px 0 !important;
    }
    .resource-overview__title {
        margin-top: 0px !important;
    }
    .resource-overview .col-lg-3 {
        margin-top: 50px ;
    }
}


/*----------------------------- Media 768 -------------------------------*/
@media only screen and (max-width:999px){
    
    body .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .page-template-default .entry-header, .page-template-default .entry-content {
        width: 1260px !important;
        max-width: 96% !important;
    }
    
    /* Header */
    
    .header__top.resource-header .header__logo--white {
        display: block !important;
    }
    #desktop-menu {
        display: none;
    }
    #mobile-menu {
        display: block;
    }
    .header .navigation__img {
        margin-top: 0 !important;
    }
    .header .navigation__links ul li {
        border-top: 0 !important;
        border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.4) !important;
        padding-bottom: 5px;
    }
    body .header .navigation__links ul li a:empty {
        display: none;
    }
    body .header .navigation__links ul li a:hover {
        border-bottom: 0 !important;
    }
    .page-template-home-page .header.logo-change {
        background: #283583 !important;
    }
    
    /* About Us */
    
    .about__highlights p, .about-team__highlight p, .about-team__highlight li, .header .navigation__links ul li a, .resource__big-text li {
        font-size: 42px !important;
        line-height: 48px !important;
    }
    sup.about__highlights--info span {
        max-width: initial !important;
        line-height: 30px !important;
        margin: 0 10px 0 0 !important;
    }
    
    /* Invest */
    
    body .invest .about-team__highlight--img {
        margin-bottom: 50px;
    }
    
    /* Resource */
    
    .resource-filter .resource-top,
    .resource-filter form {
        float: none;
        width: 100%;
    }
    .resource-filter form ul {
        justify-content: flex-start;
    }
    .searchandfilter ul li {
        flex: 0 32%;
    }
    .searchandfilter ul li label {
        display: block;
    }
    .searchandfilter ul li select {
        width: 100%;
    }
    .resource-overview .col-lg-3:first-child {
        margin-top: 0;
    }
}

/*----------------------------- Media 480 -------------------------------*/
@media only screen and (max-width:767px){
    
    body .container,
    body .container-lg,
    body .container-md,
    body .container-sm,
    body .container-xl,
    body .container-xxl,
    body .page-template-default .entry-header,
    body .page-template-default .entry-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .page-template-default .about__title, .page-template-default .entry-header, .page-template-invest-page .about__title, .page-template-invest-page .entry-header, .error404 .about__title, .error404 .entry-header {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    /* Home */
    
    body .header__top {
        margin: 0 auto !important;
    }
    body .header .navigation__links ul li a {
        font-size: 3rem !important;
    }
    
    /* About Us */
    
    .module-population .about__highlights {
        display: block;
    }
    .about__highlights p, .about-team__highlight p, .about-team__highlight li, .header .navigation__links ul li a, .resource__big-text li {
        font-size: 28px !important;
        line-height: 32px !important;
    }
    .about__highlights p sup.about__year, .about__highlights p sup.about__sup {
        font-size: 26px !important;
        top: -2px !important;
    }
    .about__highlights p sup.about__sup {
        font-size: 18px !important;
        display: inline;
        top: -5px !important;
    }
    .about__highlights span.about__percentage {
        font-size: 1.7rem !important;
    }
    .about__highlights sup.about__highlights--info {
        left: 0;
        margin-top: 10px;
    }
    
    /* Footer */
    
    .footer ul li, .footer ul li a {
        font-size: 16px;
    }
    
    /* Resources */
    
    .searchandfilter select.sf-input-select {
        min-width: auto;
    }
    .resource-overview .row {
        padding-top: 0 !important;
    }

}


/*----------------------------- Media 320 -------------------------------*/
@media only screen and (max-width:479px){
    
    .header__top .navigation {
        margin-right: 10px;
    }
    
    /* Home */
    
    body .header__top {
        margin: 0 auto !important;
    }
    body .header .navigation__links ul li a {
        font-size: 2.0rem !important;
        letter-spacing: 0 !important;
    }
    
    /* About Us */
    
    .about__highlights p sup.about__sup {
        font-size: 16px !important;
    }
    
    /* Resources - After Logged In */
    
    .resource-filter .resource-top, .resource-filter form {
        float: none;
        width: 100%;
    }
    .resource-filter form ul {
        justify-content: space-between;
        gap: 0;
    }
    .resource-filter form ul li {
        width: 49%;
    }
    .resource-filter form ul li label {
        display: block;
    }
    .searchandfilter select.sf-input-select {
        font-size: 12px;
        width: 100% !important;
        min-width: auto;
    }
    
}

.invest__section .about-team__info p {
  text-align: left;
}