/* Card Style */

.card {
    border-width: 2px;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

    .card:hover {
        border-color: #442A7B !important;
        border-width: 2px;
        border: 1px solid rgba(0, 0, 0, 0.125);
    }

/* Media Queries */

@media only screen and (min-width : 320px) {
    .mainLogo {
        display: none;
    }
    .mobileHeader {
        display: block;
    }
    .align-center-responsive {
        text-align: center;
    }
    .col-responsive-padding {
        padding-top: 12px;
    }
     .btn-responsive-size {
        padding: .25rem .2rem;
        font-size: .75rem;
        line-height: 1.5;
        border-radius: .2rem;         
     }
     .heading-responsive {
        font-size: 1.4rem;     
     }
    .responsive-buttons {
        text-align: center;
    }
    .card {
        min-height: 0;
    }
}

@media only screen and (min-width : 480px) {
    .mainLogo {
        display: none;
    }
    .mobileHeader {
        display: block;
    }
    .align-center-responsive {
        text-align: center;
    }    
    .col-responsive-padding {
        padding-top: 12px;
    }
    .heading-responsive {
        font-size: 1.4rem;         
     }
    .responsive-buttons {
        text-align: center;
    }
    .card {
        min-height: 0;
    }
}

@media only screen and (min-width : 576px) {
    .mainLogo {
        display: none;
    }
    .mobileHeader {
        display: block;
    }
    .align-center-responsive {
        text-align: center;
    }    
    .col-responsive-padding {
        padding-top: 12px;
    }
    .heading-responsive {
        font-size: 1.4rem;         
     }
    .responsive-buttons {
        text-align: center;
    }
    .card {
        min-height: 256px;
    }
}

@media only screen and (min-width : 768px) {
    .mainLogo {
        display: none;
    }
    .mobileHeader {
        display: block;
    }
    .align-center-responsive {
        text-align: left;
    }    
    .col-responsive-padding {
        padding-top: 12px;
    }
    .btn-responsive-size {
        padding: .375rem .75rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: .25rem;         
     }      
     .heading-responsive {
        font-size: 1.75rem;         
     }
    .responsive-buttons {
        text-align: center;
    }
    .card {
        min-height: 256px;
    }
}

@media only screen and (min-width : 992px) {
    .mainLogo {
        display: block;
    }
    .mobileHeader {
        display: none;
    }
    .align-center-responsive {
        text-align: left;
    }        
    .col-responsive-padding {
        padding-top: 0;
    }
    .btn-responsive-size {
        padding: .375rem .75rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: .25rem;         
     }   
     .heading-responsive {
        font-size: 1.75rem;         
     }
    .responsive-buttons {
        text-align: right;
    }
    .card {
        min-height: 256px;
    }
}

@media only screen and (min-width : 1200px) {
    .mainLogo {
        display: block;
    }
    .mobileHeader {
        display: none;
    }
    .align-center-responsive {
        text-align: left;
    }        
    .col-responsive-padding {
        padding-top: 0;
    }
    .btn-responsive-size {
        padding: .375rem .75rem;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: .25rem;         
     }    
     .heading-responsive {
        font-size: 1.75rem;         
     }
    .responsive-buttons {
        text-align: right;
    }
    .card {
        min-height: 256px;
    }
}

/* Utilities */

.font-icon-size {
    font-size: 10px;
}

.font-size-xs {
    /*font-size: 13px;*/
}

.no-padding-no-margin {
    padding: 0 !important;
    margin: 0 !important;;
}

.border-right {
    border-right: 2px solid #FFF !important;
}

/* Custom Styles */

.btn-transparent {
    color: #000;
    background-color: #FFF;
    border-radius: 2px;
    margin: 5px
}

.btn-transparent:hover,
.btn-transparent:focus,
.btn-transparent.focus,
.btn-transparent:active,
.btn-transparent.active,
.open>.dropdown-toggle.transparent {
    color: #fff;
    background-color: transparent;
    border-color: #FFF
}

.btn-transparent:active,
.btn-transparent.active,
.open>.dropdown-toggle.btn-default {
    background-image: none
}

/*a:link {
    text-decoration: none;
}*/

/* Cascade CSS Ovewrite */
.mobileHeader {
    text-align: center;
    padding: 12px 0 12px 0;
    background-color: #442A7B !important;
}

.mainLogo {
    padding: 0;
    box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.2);
}

.form-control {
    height: calc(2.25rem + 12px) !important;
    border-radius: 0 !important;
}

.btn, .btn-brand {
    padding: 0.5em .5em !important;
}

.btn-outline {
    background: transparent !important;
    color: #005596 !important;
    border: 2px solid #C3D156 !important;
}

.bg-light {
    background-color: #FFF !important;
}

.card-footer {
    min-height: 74px;
    background-color: #F4F4F4;
}