/*
Theme Name: MoneyKey V4
Author: herb ladrillo
Author URI: https://www.moneykey.com
Description: Theme for MoneyKey website
Version: 4.0
Tested upto: 4.0
*/

body{
    font-family:'Roboto', Arial, Helvetica, sans-serif !important;
    font-size:1em;
    color:#333;
}
.btn-primary{
    background-color: #42b35c !important; 
    border:none !important;
    color:#fff !important;
    text-decoration: none;
    padding:.6em !important;
}
.btn-ccflow:link, .btn-ccflow:visited, .btn-ccflow:hover, .btn-ccflow:active {
    background-color: #2c96cd !important; 
    border:none !important;
    color:#fff !important;
    text-decoration: none;
    padding:.6em !important;
}
.btn-blue:link, .btn-blue:visited, .btn-blue:hover, .btn-blue:active {
    background-color: #1565c0;
    color:#fff !important;
    text-decoration: none;
    padding:.6em !important;
    margin:.3em;
    border-radius: .3em;
}
.btn-green:link, .btn-green:visited, .btn-green:hover, .btn-green:active{
    background-color: #42b35c;
    color:#fff !important;
    text-decoration: none;
    padding:.6em !important;
    margin:.3em;
    border-radius: .3em;
}
.btn-yellow:link, .btn-yellow:visited, .btn-yellow:hover, .btn-yellow:active{
    background-color:#f7c40c;
    color:#fff !important;
    text-decoration: none;
    padding:.6em !important;
    margin:.3em;
    border-radius: .3em;
}
.btn-bright-blue:link, .btn-bright-blue:visited, .btn-bright-blue:hover, .btn-bright-blue:active{
    background-color:#155ab8;
    color:#fff !important;
    text-decoration: none;
    padding:.6em !important;
    margin:.3em;
    border-radius: .3em;
}
.btn-sf:link, .btn-sf:visited, .btn-sf:hover, .btn-sf:active{
    background-color:#188cc0;
    color:#fff !important;
    text-decoration: none;
    padding:.6em !important;
    margin:.3em;
    border-radius: .3em;
}
a:link, a:visited, a:hover, a:active {
    color:#1565c0 !important;
    text-decoration:none !important;
}
figure img{
	width:100%;  
}
.home-featured-img img{
  width:100%;
}

.btn-blue{
    background: #1c3655 !important;
    color:#fff !important;
}
.btn-green{
    background: #42b35c !important;
    color:#fff !important;
}
.btn-yellow{
    background: #f7c40c !important;
    color:#fff !important;
}
.img-responsive{
    max-width:100%;
    height:auto;
}
.dark-theme, .dark-theme h1,.dark-theme h2,.dark-theme h3,.dark-theme h4,.dark-theme h5,.dark-theme h6{
    background-color:#1c3655;
    color:#fff;
}
.dark-theme a:link, .dark-theme a:visited, .dark-theme a:active{
    color:#478af0 !important;
    text-decoration: underline !important;
}
h1, h2, h3, h4, h5, h6{
    background:none;
    font-family: 'Montserrat', sans-serif;
    color:#1c3655;
}
.footer{
    background-color:rgb(240, 240, 240);
    font-size:.8em;
    color:#666;
}
.footer-mk-icon{
    width:100px;
}
.footer-ola-icon{
    width:70px;
}
.footer-nav a{
    color:#333;
    text-decoration: none;
}
.ccflow-logo{
    width:300px;
}
/* icons */
.material-symbols-outlined{
    opacity: 0;
}
span.size-120 {
    font-size: 90px;
    color:#1c3655;
}

.ccflow-blue{
    color:#2c96cd !important;
}
.tp-note-dark{
    font-size:12px;
    color:#cccccc;
}
.tp-note-light{
    font-size:12px;
    color:#666;
}

/* home style */
.home-hero{
    background:url('https://cdn.moneykey.com/images/hero/main-hero1b.webp');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    width: 100vw;
    height: 80vh;
}
.home-hero h1{
    color:#fff;
}
.sub-hero{
    background:url('https://cdn.moneykey.com/images/hero/fobkey-sm2.webp') no-repeat;
    top: 0;
    left: 0;
    height:auto;
    text-align: left;
    width:100vw;
    padding:0 2em 0 2em;
    background-color:rgb(240, 240, 240);
}
.fob-container{
    /*background:url('https://cdn.moneykey.com/images/bg/fobkey3.webp') no-repeat;*/
        top: 0;
        right: 0;
        width: auto;
        height:80vh;
        text-align: center;
}
.fob-container-sm{
        
}
/* pagination */
.pagination{
    width:100%;
}
.pagination .nav-links a:link, .pagination .nav-links a:visited, .pagination .nav-links .current{
    background-color:#666;
    padding:7px 12px;
    color:white !important;
    border-radius:4px;
    text-transform: uppercase;
    text-decoration: none;
}
.pagination .nav-links .current{
    background-color:#b1b1b1;
}
.screen-reader-text{
    display:none !important;
}

/* FAQ list style */
.list-tab{
    width:100%; display:block;
    font-weight:bold;
}

@media (min-width: 992px){
    .fob-container{
        background:url('https://cdn.moneykey.com/images/bg/fobkey3.webp') no-repeat;
        top: 0;
        right: 0;
        width: 542px;
        height:80vh;
        text-align: left;
    }
    .home-hero{
        background:url('https://cdn.moneykey.com/images/hero/main-hero1.webp');
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: center;
        width: 100vw;
        height: 80vh;
    }
    span.size-120 {
        font-size: 120px;
        color:#1c3655;
    }
}   

.card-body {
    padding: 25px;
}