/*
 Theme Name:   Borrow Child
 Theme URI:    https://bankofengland.viewourdesign.com/borrow-child/
 Description:  Borrow Child Theme
 Author:       Linkage 
 Author URI:   https://linkage.ph/
 Template:     borrow
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         borrow-child, responsive-layout, accessibility-ready
 Text Domain:  borrowchild
*/

body a {
    color: #004B4D;
}

body a:hover {
    text-decoration: none;
    color: #43B978;
}

/**NEW Css*/

div.top-bar{
	display:none !important;
}

#navigation > ul > li > a{
	color:##004B4D !important;
}

#navigation > ul > li > a:hover{
	color:#43B978 !important;
}

#to-the-top,
.btn-default,
#navigation > ul > li.apply-now-btn>a{
	background-color:#43B978 !important;
	transition:.3s;
	border-radius:0px !important;
}

#to-the-top:hover,
.btn-default:hover,
#navigation > ul > li.apply-now-btn>a:hover{
	background-color:#004B4D !important;
	border-color:#004B4D !important;
}

.section-below-banner p{
	color:#fff;
}

.dark-line{
	border-top:2px solid #004B4D !important;
}

.tiny-footer{
	background-color:#004B4D !important;
	color:#fff !important;
}

/**END HERE*/

.logo img{
	width: auto;
	object-fit:contain;
}

.home-banner {
    overflow: hidden;   
}
.display-none {
    display: none !important;
}

.owl-carousel .owl-item img {
    height: 600px !important;
    width: 100%;
    object-fit: cover;
}

.owl-carousel .owl-item .slider-captions {
    bottom: 50%;
    transform: translateY(-50%);
}

.equal-heights .wpb_wrapper,
.equal-heights .wpb_wrapper .business-loan-products{
    height: 100%;
}

.home-loan-products-col-4 .vc_col-sm-4{
    margin: 20px 0;
}

.testimonial-carousel .vc_inner{
    text-align: center;
}

.testimonial-carousel .vc_inner img{
    width: 90%;
}

.btn-primary,
.btn-default,
.btn-default:hover {
    color: #fff !important;
    padding: 15px 25px !important;
}

.custom-btn-center .vc_column-inner{
    text-align: center;
}

.contact-details .bg-white {
    height: 330px;
}

.mortgage-process .wpb_wrapper{
        display: -webkit-box; 
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex; 
    display: flex;
        -ms-flex-wrap: wrap;
    flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
     justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
    align-items: center;
}
.mortgage-process .wpb_wrapper p {
    width: 100%;
    margin: 0;
    max-width: 85px;
}

.mortgage-process .wpb_wrapper p img {
    width: 70px;
}

.mortgage-process .wpb_wrapper h2 {
    color: #fff;
    width: 80%;
    font-size: 35px;
}

.mortgage-process .wpb_wrapper h2 strong {
    color: #88171A;
    font-size: 45px;
}

.mortgage-steps .number-block{
    background-color: transparent !important;
        display: -webkit-box; 
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex; 
    display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
    align-items: center;
}
.mortgage-steps .number-block .process-img {
       
    text-align: center;
    position: relative;
    max-width: 110px;
}

.mortgage-steps .number-block:not(:last-child) .process-img:before {
        content: '';
    position: absolute;
    top: 80%;
    left: 0;
    transform: translateX(-50%);
    height: 100px;
    z-index: 1;
    border-right: 6px dashed #fff;
    right: 0;
}

.mortgage-steps .number-block .process-img img {
    width: 69px;
    position: relative;
    z-index: 2;
    background-color:#43B978;
}

.mortgage-steps .number-block .pinside20{
    width: 80%;
    padding: 0;
}

.mortgage-steps .number-block .pinside20 h3 {
    text-align: left;
    font-family: 'Lato';
    font-size: 25px;
    color: #43B978;
}

.mortgage-steps .number-block .pinside20 p {
    text-align: left;
    font-size: 15px;
    color: #fff;
    font-family: 'Lato';
}

.page-id-2356 .page-header {
    display: none;
}

.txt-head .wpb_wrapper{
    width: 100%;
    display: block !important; 
}

.txt-head .wpb_wrapper p {
    font-size: 25px;
    color:#FFFFFF;
    width: 100% !important;
}

.supporting-documents .wpb_wrapper > .wpb_text_column .wpb_wrapper{
        display: -webkit-box; 
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex; 
    display: flex;
        -ms-flex-wrap: wrap;
    flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
     justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
    align-items: center;
}

.supporting-documents .wpb_wrapper > .wpb_text_column .wpb_wrapper > p {
    width: 15%;
    margin: 0;
}

.supporting-documents .wpb_wrapper > .wpb_text_column .wpb_wrapper > p img {
    width: 70px;
}

.supporting-documents .wpb_wrapper > .wpb_text_column .wpb_wrapper h2 {
    color: #fff;
    width: 85%;
    font-size: 35px;
}

.supporting-documents .wpb_wrapper > .wpb_text_column .wpb_wrapper h2 strong {
    color: #43B978;
    font-size: 45px;
}

.supporting-documents .number-block{
    background-color: transparent !important;
        display: -webkit-box; 
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex; 
    display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
    align-items: flex-start;
}
.supporting-documents .number-block .process-img {
    width: 7%;
    text-align: left;
}
.supporting-documents .number-block .process-img img {
    border-radius: 0 !important;
}
.supporting-documents .number-block .pinside20 {
    width: 93%;
    padding: 0;
}
.supporting-documents .number-block .pinside20 p {
    text-align: left;
    color: #fff;
    font-size: 19px;
}

.docs-img-clip .vc_column-inner{
    clip-path: circle(65% at 0 50%);
}

.download-app-left .number-block{
    margin-top: -100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.download-app-left .number-block .process-img {
    width: 30%;
}

.download-app-left .number-block .process-img img {
    border-radius: 0 !important;
}

.download-app-left .number-block .pinside20 {
    width: 70%;
    padding: 0;
}

.download-app-left .number-block .pinside20 h3 {
    font-size: 20px;
    color: #1F2C65;
    font-family: 'Myriad Pro';
    text-align: left;
}

.download-app-left .number-block .pinside20 h3 span {
    color: #861719;
}

.download-app-left .number-block .pinside20 p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.download-app-right .number-block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.download-app-right .number-block .process-img {
    width: 10%;
    text-align: left;
}

.download-app-right .number-block .process-img img {
    border-radius: 0 !important;
}

.download-app-right .number-block .pinside20 {
    padding: 0;
    width: 90%;
    text-align: left;
}

.download-app-right .number-block .pinside20 h3 {
    color: #212C65;
    font-size: 20px;
    font-weight: bold;
}

.download-app-right .number-block .pinside20 p {
    font-size: 15px;
}

.clip-img .vc_column-inner{
        clip-path: circle(90% at 120% 50%);
}

.info-tbl {
    width: 80%;
    margin: 30px auto 0 auto  !important;
}

.info-tbl img{
    width: 30px;
    margin-right: 10px !important;
}

.info-tbl .media {
    height: 30px;
    margin-bottom: 35px !important;
}

.newsletter-form .btn-default {
    padding: 5px 30px !important;
}

#apply-now {
    background: rgb(33,44,101);
    background: linear-gradient(120deg, rgba(37,57,121,1) 30%, rgba(136,23,26,1) 80%);
}

h3.newsletter-title {
    color: #1e2127;
}

/*.meet-the-team figure,
.meet-the-team .vc_single_image-wrapper {
    width: 100%;
}
*/
/*.meet-the-team img {
    height: 200px !important;
    width: 100%;
    object-fit: cover;
}*/
.page-breadcrumb .breadcrumb .home span:hover{
    color: #b7b7b7 !important;
}
.page-breadcrumb .breadcrumb{
    background-color: #004B4D;
    width: fit-content;
    color: #fff !important;
    padding: 2px;
    border-radius: 0;
}
.page-breadcrumb .breadcrumb span{
    color: #fff !important;
}



.footer {
    padding-top: 35px;
    padding-bottom: 35px;
    -webkit-box-shadow: 0px -1px 16px 2px rgba(33,44,101,0.5); 
    box-shadow: 0px -1px 16px 2px rgba(33,44,101,0.5);
	background-color: #fff;
	color: #1e2127;
}
.footer .row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
     justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.footer .row .col-md-4,
.footer .row .col-md-8{
    width: 50%;
    flex: 50%;
    max-width: 50%;
}

.footer .row .col-md-8 .row .col-md-5,
.footer .row .col-md-8 .row .col-md-7{
    width: 100%;
    max-width: 100%;
    flex: 100%;
}

.slider .col-lg-6 {
    -ms-flex: 0 0 70%;
    flex: 0 0 100%;
    max-width: 100%;
}


/*==================*/


.text-center {
    text-align: center;
}

.business-loan-products {
    padding-left: 20px;
    padding-right: 20px;
}

.home-loan-products-col-4 .vc_column_container>.vc_column-inner {
    height: 100%;
}


.equal-columns h3 {
    font-size: 22px;
}

.reasons-col h3 {
    height: 50px;
}

.custom-col {
    position: relative;
}
.overlay-btn a.vc_general.vc_btn3 {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: transparent;
}
.overlay-btn a.vc_general.vc_btn3:hover,
.overlay-btn a.vc_general.vc_btn3:active,
.overlay-btn a.vc_general.vc_btn3:focus {
    background-color: transparent;
}

#apply-now .wpb_row.vc_row-flex .row {
     align-items: center;
}

.meet-the-team .vc_single_image-wrapper  {
    text-align: center;
}

.meet-the-team .vc_single_image-wrapper img {
    height: 100px;
    width: 100px;
    object-fit: contain;
    /* object-position: unset; */
    /* text-align: center; */
}
  #gform_wrapper_1 { 
    width: 100%;
    max-width: 600px;
    margin: auto;
  
    padding: 20px;
    box-shadow: 3px 3px 10px 1px rgb(0 0 0 / 30%);
}

#gform_wrapper_1 .gform_footer {
    text-align: center;
}
#gform_submit_button_1 {
    background-color: #212C65;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 25px;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    appearance: none;
    border: 0;
    font-size: 18px;
}

#gform_submit_button_1:hover {
    background-color: #88171A;
}
.mortgage-calculator-wrap > .vc_column-inner {
    border-radius: 10px;
    background: linear-gradient(to right, white 50%, #004B4D 50%);
    box-shadow: 3px 3px 10px 1px rgb(0 0 0 / 30%);
    padding-top: 15px;
    padding-bottom: 15px;
}
.mortgage-calculator-wrap > .vc_column-inner > .wpb_wrapper {
    background: #fff;
}
.vc_custom_1654008987420 p {
    letter-spacing: 2px;
    font-weight: 700;
}
#lidd_mc_form {
    padding: 10px;
}
.lidd_mc_input {
	margin-bottom: 1rem;
}
.lidd_mc_input label {
    display: block;
    font-weight: bold;
    font-size: 16px;
}
.lidd_mc_input input {
    width: 100%;
    font-size: 18px;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
}
#lidd_mc_submit {
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
    font-size: 17px;
    padding: 12px 15px;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #43B978;
    color: white;
    border: none;
    display: block;
    letter-spacing: 1px;
    width: 100%;
}
#lidd_mc_submit:hover {
    background-color: #004B4D;
}
#lidd_mc_details #lidd_mc_results {
    font-size: 18px;
    margin-top: 20px;
}
#lidd_mc_details #lidd_mc_inspector {
    display: none;
}

#team-innerrow .vc_column-inner > .wpb_wrapper,
.contact-details .vc_column-inner > .wpb_wrapper{
    -webkit-box-shadow: 0px 4px 16px 3px rgb(213 221 234 / 50%);
    -moz-box-shadow: 0px 4px 16px 3px rgba(213, 221, 234, .5);
    box-shadow: 0px 4px 16px 3px rgb(213 221 234 / 50%);
    padding: 40px 15px;
    border: 1px solid #dee4ee;
}

.modal.fade.in {
	opacity: 1;
	z-index: 999999;
	padding: 0 !important;
}

.modal.fade.in .modal-dialog {
    height: 100%;
    display: flex;
    align-items: center;
    display: -webkit-flex;
    -webkit-align-items: center;
    margin-bottom: 0 !important;
    margin-top: 130px;
}

.modal .gform_wrapper {
    box-shadow: none !important;
    padding-top: 0 !important;
}

.modal .gform_wrapper ul.gform_fields li.gfield {
	padding-right: 0;
}

.modal h2 {
	font-size: 28px;
}

.max-content-desktop-up {
	max-width: 992px;
	margin: auto;
}

.modal-dialog .modal-content {
	box-shadow: 0px 3px 10px 0px rgb(0 0 0 / 30%);
    border: 0;
}

.modal-body .gform-body .gform_fields  input[type=text],
.modal-body .gform-body .gform_fields  textarea {
    font-size: 18px !important;
    padding: 5px 10px !important;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
}

.modal-body .gform_footer .gform_button {
	min-width: 160px;
}

#apply-now .btn.btn-primary {
    border: none;
	background-color:#43B978 !important;
	transition.3s;
	border-radius:0px !important;
}

#apply-now .btn.btn-primary:hover {
    background-color: #004B4D !important;
}

#apply-now {
	background-size: 45%;
    background-repeat: no-repeat;
    background-position: right;
}

#apply-now .container {
	position: relative;
    z-index: 2;
}

#apply-now::before {
	content: '';
	width: 55%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
    background-color:#004B4D;
    z-index: 1;
}

.align-column .vc_column-inner > .wpb_wrapper {
	display: flex;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;

}

.btn-min-width {
	min-width: 161px;
}

.text-yellow{
	color:#43B978 !important
}

div#team-innerrow {
    justify-content: center !important;
}

@media (max-width: 1024px) {
    .owl-carousel .owl-item img {
        height: 500px !important;
        width: 100%;
        object-fit: cover;
    }

    .equal-columns h3 {
        font-size: 18px;
    }
    .modal-dialog .modal .gform_wrapper {
        padding: 0 !important;
    }
    .modal.fade.in .modal-dialog {
    	display: block;
        max-width: 450px;
        margin: auto;
        margin-top: 100px;
    }
}


@media only screen and (min-width: 992px) {
    #navigation > ul > li.apply-now-btn>a {
        background: #88171A;
        border-radius: 5px;
        color: #fff!important;
        letter-spacing: 1px;
        padding: 12px 15px;
        margin: 4px 0 4px 20px;
    }
    #navigation > ul > li.apply-now-btn>a:hover {
        background: #88171A;
        color: #fff;
    }
    .vc_column_container.mortgage-calculator-wrap > .vc_column-inner {
        padding: 30px 30px 30px 40px;
        width: 480px;
        max-width: 100%;
    }
}

@media (max-width: 991px) {
    .reasons-col h3 {
        height: auto;
    }
    #apply-now {
    	background-size: 60%;
    }
    .container .contact-details,
    .container .meet-the-team {
    	padding-left: 0px !important;
    	padding-right: 0px !important;
    }
    .modal h2 {
	    font-size: 20px;
	}
	.container .contact-details .wpb_wrapper,
	.container .contact-details .vc_column-inner,
    .container .meet-the-team .wpb_wrapper,
    .container .meet-the-team .vc_column-inner {
    	padding-left: 5px !important;
    	padding-right: 5px !important;
    }
    .modal.fade.in .modal-dialog {
        max-width: 320px;
        margin: auto;
        margin-top: 100px;
    }
    #gform_submit_button_1 {
        padding: 9px 25px;
        font-size: 16px;
    }
    .page-header #sub-nav-sticky-wrapper {
        display: none;
    }
    #apply-now .btn { 
        font-size: 14px;
    }
}



@media (min-width: 1199px) {
    .section-below-banner p {
        font-size: 20px;
    }
    .owl-carousel .owl-item img {
        height: 600px !important;
        width: 100%;
        object-fit: cover;
    }

    .reasons-col h3 {
        height: 50px;
    }

    #navigation > ul > li.apply-now-btn>a {
        margin-top: -4px;
        margin-bottom: 0;
        font-size: 20px;
        padding: 15px 20px;
    }
    #lidd_mc_submit {
        font-size: 20px;
        padding: 15px 20px;
    }
}

@media screen and (min-width: 1024px) {
    .infographics-row {
        margin-right: 150px;
        margin-left: 150px;
    }
}

@media (min-width: 769px) {
    .header {
        padding-top: 0;
        padding-bottom: 0;
    }
    .logo img {
        height: 100px;
    }
}

@media (min-width: 768px) {
    .mortgage-steps .number-block .process-img {
       width: 100%;
    }
    .show-mobile {
    	display: none;
    }
}

@media (max-width: 1199px) and (min-width: 768px) { 
    #reason-section .container {
    	max-width: 900px;
    }
    #reason-section .equal-columns h3 {
        font-size: 18px;
    }
    #reason-section .reasons-col h3 {
	    height: 70px;
	}
    .modal h2 {
        font-size: 25px;
    }

}


@media screen and (max-width: 941px) {
    .header .row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

    }
    .header .row .col-md-3,
    .header .row .col-md-9{
        width: 50%;
        flex: 50%;
        max-width: 50%;
    }
    #navigation {
        margin: 0;
    }
    .header .row .col-md-9 #menu-button {
        border: none !important;
    }
    .footer .row .col-md-4, 
    .footer .row .col-md-8 {
        width: 100%;
        flex: 100%;
        max-width: 100%;
        text-align: center;
    }
    .footer-logo img {
        height: 150px;
        width: auto;
		object-fit:contain;
    }
}

@media screen and (max-width: 768px) {
	.page-header {
	    padding: 100px 0px 80px;
	}
}

@media screen and (max-width: 767px) {
    .clip-img .vc_column-inner {
        clip-path: circle(80% at 97% 50%);
        height: 700px;
    }
    .infographics-row {
        padding-right: 15px;
        padding-left: 15px;
    }
    .mortgage-process .wpb_wrapper h2 {
        font-size: 20px;
    }
    .mortgage-process .wpb_wrapper h2 strong {
        font-size: 35px;
    }
    .mortgage-steps .number-block .pinside20 h3 {
        font-size: 20px;
    }
    .download-app-left .vc_column-inner{
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .docs-img-clip .vc_column-inner{
        height: 700px;
        clip-path: circle(100% at 0 50%);
    }
    .supporting-documents .wpb_wrapper > .wpb_text_column .wpb_wrapper h2 {
        font-size: 30px;
    }
    .supporting-documents .wpb_wrapper > .wpb_text_column .wpb_wrapper h2 strong {
        font-size: 30px;
    }
    .footer-logo {
	    margin-bottom: 10px;
	}
	.footer {
		padding-bottom: 10px;
	}
    .footer .newsletter-form .input-group{
		display: flex;
	    flex-direction: column;
	    align-items: center;
	    display: -webkit-flex;
	    -webkit-flex-direction: column;
	    -webkit-align-items: center;
	    margin-top: 10px;
    }
    .footer .newsletter-form .input-group .input-group-btn {
    	margin-top: 10px;
    }
    .tiny-footer .row div {
        text-align: center !important;
    }
    .home-loan-products-col-4 .overlay-btn a.vc_general.vc_btn3 {
    	width: auto;
    }
    #apply-now::before {
    	width: 100%;
    }
    .container .contact-details,
    .container .meet-the-team {
    	padding-left: 20px !important;
    	padding-right: 20px !important;
    }
    .align-column .vc_column-inner > .wpb_wrapper { 
        flex-direction: column;
        -webkit-flex-direction: column;
    }
    .hide-mobile {
    	display: none;
    }
}

@media screen and (max-width: 521px) {
    .clip-img .vc_column-inner {
        height: 530px;
    }
    .mortgage-steps .number-block:not(:last-child) .process-img:before {
        
        border-right: 5px dashed #fff;
        height: 120px;
    }
    .download-app-left .number-block .process-img {
        width: 20%;
    }
    .download-app-left .number-block .pinside20 {
        width: 80%;
    }
    .download-app-left .number-block {
        margin-top: -30px;
    }
    .docs-img-clip .vc_column-inner {
        height: 390px;
    }
}