:root {
    --pri-col: #0063a6;
    --sec-col: #ffedb5;
    --red-col: red;
    
    --text-light: #f8f9fa;
    --text-dark: #3F4756;

    --brand-bg-light: #f8f9fa;
    --brand-bg-dark: #212529;

    --section-bg-light: rgba(248, 249, 250, .72);
}

body{
    font-family: 'Manrope', sans-serif !important;
}

.my-bg-img {
    background-image: url('assets\images\background.png') !important; 
    
  }

.dropdown-menu{
    border: none !important;
    box-shadow: 2px 2px 4px #cecece;
    border-radius: none !important;
}

.amfi{
    font-size: 12px !important;
}
.tagline-text{
    font-size: small !important;
}

.content-text{
    font-size: medium !important;
    line-height: 1.8rem !important;
    font-weight: 400 !important;
    color: var(--brand-bg-dark) !important;
}

.footer-text{
    font-size: .9rem !important;
    font-weight: 300 !important;
}

.disclaimer-text{
    font-size: small !important;
    font-weight: 300;
}

.footer-list{
    font-size: medium !important;
    font-weight: 300;
}

.footer-list li:hover, .fa-brands:hover, nav li:hover, .dropdown-menu li{
    color: #7bb4d9;
}

.text-dark:hover{
    color: var(--pri-col) !important;
}

.bolder{
    font-weight: 600 !important;
}
.brand-color{
    color: #0063a6;
}

.brand-sec-col{
    color: #ea2e3e;
}
.brand-tri-col{
    color: #f59133;
}

.btn-tri-col{
    background-color: #f59133 !important;
    border: none;
    color: white;
}

.btn-tri-col:hover, .btn-tri-col::after, .btn-tri-col:visited, .btn-tri-col:active {
    background-color: #fc9d45 !important;
    border: none;
    color: white;
}


.brand-bg{
    background-color: #0063a6 !important;
    color: white !important;
    border: none;
}

.brand-bg:hover, .brand-bg::after, .brand-bg:visited, .brand-bg:active{
    background-color: #097cc9 !important;
    color: white;
}


.wa-green{
    background-color: #25D366;
    color: white;
    border: none;
}
.wa-green:hover{
    background-color: #29e96f;
    color: white;
}

.brand-text{
    color: #3F4756;
}

.brand-bg-dark{
    background-color: #001C2E;
}

p{
    color: var(--text-dark);
}

input{
    border-radius: 0 !important;
}

.landing-page{
    background-color: #f9f9f9;
    min-height: 100vh;
    justify-content: center;
    align-items: center;
}

.image-main{
    max-width: 280px;
}

.image-logo{
    max-width: 160px;
}

.hero-cta{
    height: 100vh;
}

.text-reset{
    text-decoration: none;
}

.lumpsum-header{
    background-image: url(assets/images/lumpsum.png);
    background-size: cover;
    background-repeat: none;
    min-height: 50vh;
}

.accordion-button::after{
    color: #011726 !important;
}

.navbar-toggler{
    border: none;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.form-select, .form-select-lg{
    border-radius: 0;
}

#dropdown-nav, #hero-cta{
    top: 68px;
}

.sticky-menu{
        position: -webkit-sticky;
        position: sticky;
        top: 70 px;
      }

@media all and (min-width: 992px) {

	.dropdown-menu li{
		position: relative;
	}
	.dropdown-menu .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.dropdown-menu .submenu-left{ 
		right:100%; left:auto;
	}

	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
}	