/*

SIMPL + Triumph Mortgage _ Child Theme

Child Theme Name: Triumph
Author: Thesis Creative 
Author URI: https://thesiscreative.co/
Description: Custom skin for SIMPL Mortgage, built on BeSmartee's Loan Platform. Triumph Mortgage Skin
Version: 1.0.2

Updated: April 1, 2021

----------------------

*NFLP Logo Colors: 		Blue       -    #39b54a 

                        Light Blue - 	#01f300
                    
                    
                    
*Triumph Logo Colors: 	Green       - 	#39b54a 

                        Lime Green  - 	#01f300
                    
                    

EDITOR NOTES: To rebrand, Find/Replace colors, brand name, and branch index folder number. 
                    
*/ 


/* ---- PRIMARY CCOLOR CHANGES ---- */ 

body{background: white;}

a,
a:hover,
a:focus,
h1,
.h1,
h2,
.h2,
#signUpFormWrapper h1,
.glyphicon,
.table>thead>tr>th a[data-columntype=payment],
.navbar-default .navbar-nav>li>a:not(#loginLinkNavBar),
.nav-tabs li.active a,
#signUpFormWrapper h1,
.modalLoanOfficerTrigger:hover:after,
ul.navbar-right a:hover span.caret,
.search-filter .quickFilter.font-bold,
.pagination>li>a:hover,
.pagination>li.active>a,
.btn-default,
.btn-default:visited,
.btn-default:active,
.btn-label strong,
#formVerifyEmployment h4.spacer-bottom-xxs a,
#formVerifyStart h4.spacer-bottom-xxs a,
#formVerifyAssetsLiabilities h4.spacer-bottom-xxs a,
div#conditionsList h4,
.loanType,
.status-header.status-header,
.partner-search-header,
.blog-sidebar-menu h4,
#navbarCoBrowsing .cobrowsing-lender-status-text:first-of-type:before,
[id^=app-compare] .compare-loan .col .c-header,
form#formEditGovernmentMonitoring228557 .col-xs-6 .h4,
form#formEditGovernmentMonitoring228557 .col-xs-6 label.h4.font-unold,
#app-search-results .table-responsive table tr.loan-details td:before,
#app-search-results-more .table-responsive table tr.loan-details td:before,
#app-search-results-more p.showingCount,
#app-dashboard .modal-body-loan-officer a.btn,
.nav-tabs li a:hover{
    color: #39b54a !important;}

.table-striped tbody tr,
.pagination>li.active>a,
#formStartPersonal label li:before,#formAppraisalPayment .checkbox li:before,
#formVerifyEmployment .buttonDeleteEmployer,
#formVerifyStart .buttonDeleteEmployer,
#formVerifyAssetsLiabilities .buttonDeleteEmployer,
#modalUploadCondition .modal-header,
.panel-heading h3,
.speech-bubble-me,
.step-progress-val,
.lending-tree-verify .form-box:before,
[id^=app-payment] table.table-responsive thead tr,
[id^=app-payment] .navbar .nav.navbar-right li a,
.progress-bar-striped{
    background-color: #39b54a;}
 
.table>thead>tr>th,
.form-control:focus,.form-textarea:focus{
    border-color: #39b54a;}
     
.dropdown-menu: not(.multiselect-container):before {
    border-color: transparent transparent #39b54a transparent}
 
 .btn-default {
    border: 1px solid #39b54a}

.btn-default:hover,
.btn-default:focus,.btn-default:active,
.btn-primary,
#loginLinkNavBar,
.btn-label:hover,
.btn-label.active{
    background: #39b54a;
    border: 1px solid #39b54a;
    color: white !important;}

.speech-bubble-me:before {
    border-color: transparent transparent transparent #39b54a}

 .step.is-active:after {
     border-color: #39b54a;
     background: #39b54a;}
 
.lending-tree-verify .form-box {
    border: 2px solid #39b54a;}
 

 [id^="app-payment"] .navbar .nav.navbar-right li a.dropdown-toggle span.caret {
    border-top: 4px solid #39b54a;}
  
/* ---- SECONDARY COLOR CHANGES ---- */ 

.text-success,
#formUploadCondition fieldset.box p label, 
#formUploadCondition fieldset.box p label strong, 
#formUploadCondition fieldset.box p label span{
    color: #01f300 !important;}
 
.btn-primary:hover,
#loginLinkNavBar:hover,
.btn-primary:focus,
#loginLinkNavBar:focus,
.btn-primary:active,
#loginLinkNavBar:active {
    border-color: #01f300;
    background-color: #01f300}
       
.tooltip-inner,
[id^=app-payment] .navbar .nav.navbar-right li a:hover{
    background: #01f300}

.popover,
.popover-title,
.popover-content {
    background-color: #01f300}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #01f300}

.tooltip.top .tooltip-arrow {
    border-top-color: #01f300}

.tooltip.left .tooltip-arrow {
    border-left-color: #01f300}

.tooltip.right .tooltip-arrow {
    border-right-color: #01f300}

.popover.right .arrow:after,.popover.right .arrow {
    border-right-color: #01f300 !important}

.popover.left .arrow:after,.popover.left .arrow {
    border-left-color: #01f300 !important}

.popover.top .arrow:after,.popover.top .arrow {
    border-top-color: #01f300 !important}

.popover.bottom .arrow:after,.popover.bottom .arrow {
    border-bottom-color: #01f300 !important}

/* ---- IMAGE CHANGES ---- */ 


.modalLoanOfficerTrigger img {
    background: url("/ftp/DH1YHKB1/upload/images/user1.svg") no-repeat;}
 
#spanUser {
    background: url("/ftp/DH1YHKB1/upload/images/user2.svg") no-repeat;}
 
.icomoon-review-initial-disclosures{
    background: white url('/ftp/DH1YHKB1/upload/images/icon1.svg') 50% no-repeat;}

.icomoon-sign-initial-disclosures {
    background: url('/ftp/DH1YHKB1/upload/images/triumph-icon2.svg') 50% 42% no-repeat;}

.icomoon-loan-to-value {
    background: url("/ftp/DH1YHKB1/upload/images/triumph-icon3.svg") 50% no-repeat;}
 
#modalUploadCondition .modal-header h3:before {
    background: transparent url('/ftp/DH1YHKB1/upload/images/triumph-icon2.svg') no-repeat;}
 

[id^=app-payment] h1.text-center:first-of-type:before {
    background-image: url('/ftp/7BZBYWL2/upload/images/icon1.svg');}

[id*=triumph],
[id^=app-signup-partner], 
[id^=app-login-partner], 
[id^=app-signup-p-nflp], 
[id^=app-forgot-password-partner]{
    background-image: none !important;
    background-color: #39b54a;}

[id*=triumph] .privacy-statement-message:after,
.privacy-statement-message:after{
    background: none !important;
    display: none;}

.privacy-statement-message{
    padding-bottom: 0px !important;}

.dropdown-menu {
    background: whitesmoke;
    border: unset;}

ul.nav.navbar-nav li.dropdown.open li a {
    font-weight: 700;}


ul.nav.navbar-nav li.dropdown.open li a:hover {
    border-left: unset;
    color: #01f300 !important;}

/* DO NOT CHANGE THIS WHEN REBRANDING */ 
.btn-primary, 
#loginLinkNavBar, 
.btn-primary:visited, 
#loginLinkNavBar:visited, 
.btn-primary:active, 
loginLinkNavBar:active,
.btn-label:hover strong, 
.btn-label.active strong,
.btn-primary:hover, 
#loginLinkNavBar:hover, 
.btn-primary:focus, 
#loginLinkNavBar:focus, 
.btn-primary:active, 
#loginLinkNavBar:active{
    color: #fff !important;} 

.blog-sidebar-menu .col-md-8 h4 {
    color: #313137 !important;}

    
@media (max-width: 767px){

    [id*=triumph], [id^=app-signup-partner], [id^=app-login-partner], [id^=app-signup-p-nflp], [id^=app-forgot-password-partner] {
        background-image: none !important;
        background-color: #f7f7f7;}
    
    h2.h2-responsive.spacer-top-tools.spacer-bottom {
        text-align: center;
        font-size: 26px;}

    #app-dashboard .tab-content.spacer-bottom {
        padding: 0 20px !important;}
    
    #app-start .container.col-sm-8 {
        padding: 20px;
    }
    
    .row .ssn-masking-wrapper .col-sm-4 {
        margin: 15px;
    }

    .row .ssn-masking-wrapper .col-sm-4 .visible-xs {
        padding-left: 10px;
    }
    
    #app-identity .container {
        padding: 0 20px;
    }
    
    .navbar-brand a{ 
        display: block !important; }
    
    .navbar-brand-mobile img {
        max-width: 200px;
        margin: 2px 0 0 -10px !important;
        padding: 0 30px 3px 35px;
        border-right: 1px solid black;
        border-left: 1px solid black;}
    
    #formVerifyEmployment .row [class^="employed"] div.col-md-12 {
        margin: 0 15px 0 15px;
        width: calc(100% - 30px);}
    
    [id^="addressWrapper"] .col-xs-6:nth-of-type(2) {
        max-width: calc(50% - 15px);}
    
    .row.row-input-action {
        margin: 20px 0px;}
    
    #app-verify-application h3.text-center.spacer-bottom {
        font-size: 1em;
    }
    
    #app-verify-application h1.text-center {
        margin: 0 auto 0px;}
    
}