/*
Theme Name: Agentis Financial
Theme URI: https://www.echowebsolutions.co.uk
Template: salient
Author: Echo Web Solutions
Author URI: https://www.echowebsolutions.co.uk
Description: WordPress theme for Agentis Financial based on Salient.
Version: 1.0
*/

/* Social icons Start */
i.fa-linkedin-in::before {
    content: "\f0e1";
}
i.fab.fa-tiktok::before {
    content: "\e07b";
}
div#custom_html-2 .textwidget.custom-html-widget a {
    line-height: 4.5;
}
/* Social icons End */

.financial-process-block strong {
	font-weight:bold;
}

.financial-block-column {
	padding-top:0!important;
}

.financial-process-block:before {
    content: '';
    background-image: url(/wp-content/uploads/2019/05/what-we-do-content.png);
    background-repeat: no-repeat;
    width: 174px;
    height: 528px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.financial-process-block:after {
    content: '';
    background-image: url(/wp-content/uploads/2019/05/what-we-do-content-bottom.png);
    background-repeat: no-repeat;
    width: 720px;
    height: 27px;
    position: absolute;
    bottom: 0;
    right: 0;
	visibility:visible;
}

.financial-number {
	color: #fff;
	background-color:#4a1974;
	border-radius:100%;
	padding: 0 5px;
}

.proccess-block-icons .iwt-icon img {
	width: 65px!important;
}

.proccess-block-icons .iwt-text {
	padding-left: 90px;
}

div#fws_63ce5a4105bc3  .vc_col-sm-12.wpb_column.column_container.vc_column_container.col.no-extra-padding.instance-0 {
    padding-top: 100px !important;
}

.text-split.green .form-wrapper {
    width: 100% !important; 
    padding: 40px 8% !important;
}
.text-split.green textarea {
    height: 48px !important;
}
.text-split.green .form-wrapper .divider {
    display: none !important;
}
.text-split.green .form-wrapper .wpcf7-submit {
    padding: 15px 20px !important;
    margin-top: 15px !important;
}

.text-split.green .form-wrapper .wpcf7-form {
    width: 100% !important;
    max-width: none !important; 
}
.row.grid-container {
    max-width: 1658px;
    margin: auto;
    margin-top: 50px;
}
.archive .text-split {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
}
.archive .text-split {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    background-size: contain!important;
    background-position: center center !important;
}
.text-wrapper p {
    text-align: left;
}
.cat-select {
    display: flex;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 -.5rem !important;
    flex-direction: row !important;
    align-content: center !important;
}


:root
{
	--primary: #4a1974;
	--secondary: #a2d942;
	--lightGrey: #f6f6f6;
	--mediumGrey: #b7b7b7;
}

.mortgages
{
	display: grid; 
	grid-template-columns: 1fr 1fr 1fr; 
	grid-template-rows: 1fr 1fr 1fr; 
	gap: 30px 30px; 
}
@media only screen and (max-width: 1228px) and (min-width: 1200px)  {
#header-outer[data-lhe=default] header#top nav>ul>li>a {
    width: max-content;
}
.main-menu-icon a {
    padding: 0px !important;
    width: max-content;
    display: block;
}
}
@media only screen and (max-width: 1000px)
{
	.mortgages
	{
		grid-template-columns: 1fr; 
		grid-template-rows: 1fr 1fr 1fr; 
	}
}

.mortgage
{
	box-shadow: 0 0 10px 0 rgb(0 0 0 / 7%);
	background-color: #fff;
	padding: 15px;
	text-align: center;
	display: flex;
	flex-flow: column wrap;
}

.mortgage__heading
{
	color: var(--primary);
	margin-top: 1rem;
}

.row .col .mortgage__photo
{
	width: 100%;
	height: 200px;
	-o-object-fit: cover;
	object-fit: cover;
	object-position: center center;
}

.mortgage__content
{
	margin-bottom: 2rem;
}

.mortgage__footer
{
	margin-top: auto;
}

.button--secondary
{
	background-image: url('/wp-content/uploads/2019/05/button-bg-two.png');
}

.button--styled
{
	display: block;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    padding: 4px 0;
    background-size: cover;
    border-radius: 0;
    background-repeat: no-repeat;
    font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	color: #fff;
}

.vc_row.vc_row-flex.equal-height-cols>.span_12>.vc_column_container>.vc_column-inner
{
	flex-direction: row;
}

.vc_row.vc_row-flex.equal-height-cols>.span_12>.vc_column_container>.vc_column-inner > .wpb_wrapper
{
	display: flex;
}

.text{
    position: relative;
}

/*.text:after {*/
/*    content: '';*/
/*    background-image: url(/wp-content/uploads/2019/05/what-we-do-content-bottom.png);*/
/*    background-repeat: no-repeat;*/
/*    width: 720px;*/
/*    height: 27px;*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*}*/

.text-split{
    flex-basis: 50%;
    display: flex;
    flex-direction: column;
 
}  

.form-wrapper {
    padding: 40px;
}

.text-wrapper{
    padding: 40px 100px;
}

@media only screen and (max-width: 1124px) {
    .text-split{
    flex-basis: 100%;
    }
}

@media only screen and (max-width: 800px) {
    .text-wrapper .wpb_wrapper {
        max-width: 300px !important;
    }
    .text-wrapper {
        padding: 60px;
    }
    .divider-new { display: none; }
    
    .form-wrapper .wpcf7-form {
         padding-top: 30px;
    }
}

@media only screen and (max-width: 800px) {
    .text-wrapper .wpb_wrapper h2 { font-size: 27px; }
}

.text-wrapper .wpb_wrapper {  max-width: 500px; }

.green { background: #9ccb3b; }

.form-wrapper .wpcf7-form input {
    background: white;
}

.form-wrapper .wpcf7-form {
    max-width: 600px;
}

.content-block {
    padding: 50px 0;
}

.content-block a {
    font-size: 14px;
    font-family: 'Open Sans';
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 400;
    padding: 10px 20px;
    color: #fff !important;
    border-radius: 0 !important;
    background-color: #4a1974!important;
}

.divider-new {
    margin-top: 40px;
    width: 115px;
    height: 1px;
    margin-bottom: 40px;
    transform: scale(1, 1);
    visibility: visible;
    background: #EB6CA7;
}

.wpcf7-textarea {
    background-color: #fff!important;
}

.cta .inner-wrap {
    position: static !important;
}

.cta .row .col p:last-child {
    padding-bottom: 23px !important;
}

.archive .text-split {
	    background-size: contain !important;
	    justify-content: center;
}

.archive .green-text { color: #a2d943; }

.archive input, select, textarea{
    color: #222;
}

.archive textarea:focus, input:focus {
    color: #222;
}
.archive .wpcf7-submit { color: #fff !important; }

.archive .wpcf7-textarea { height: 80px;}

.single-post .post-area #author-bio {
    margin: 0 calc(50% - 50vw);
    max-width: 100vw;
    width: 100vw;
    background-color: #4D176E;
    color: #fff;
    padding: 80px 0;
}

.single-post .post-area #author-bio .span_12 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.single-post .post-area #author-bio .span_12 #author-info {
    width: 45%!important;
}

.single-post .post-area #author-bio .span_12 #author-info h3 {
    color: #9CCB3B!important;
    margin-bottom: 16px!important;
}

.single-post .post-area #author-bio .span_12 img {
    width: 150px;
    height: 150px;
}

.single-post .post-area #author-bio .span_12 #author-info a {
    color: #9CCB3B;
}

.single-post .post-area #author-bio .span_12 #author-info a:hover {
    color: #fff!important;
}

.container-wrap #author-bio #author-info p {
	max-width: 100%!important;
}

@media (max-width:690px) {
    .single-post .post-area #author-bio .span_12 {
        flex-direction: column;
    }

    .single-post .post-area #author-bio .span_12 #author-info {
        width: 80%!important;
    }
	
	.single-post .post-area #author-bio {
		padding: 64px 0;
	}
}

/*.text:before {*/
/*    content: '';*/
/*    background-image: url(/wp-content/uploads/2019/05/what-we-do-content.png);*/
/*    background-repeat: no-repeat;*/
/*    width: 174px;*/
/*    height: 528px;*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    right: 0;*/
/*}*/