/*
Theme Name: Matthewsshouth
Template: genesis

*/
*{
	box-sizing: border-box;
}
body{
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	line-height: 1.7;
}
a{
	text-decoration: none;
}
h2{
	margin-top: 0.83em;
	margin-bottom: 0.83em;
}
img{
	max-width: 100%;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.container, 
.entry-content, 
.entry-comments,
.site-inner .entry-header,
.site-inner .entry-footer,
.blog-listing-page .pagination,
.has-inner-container .wp-block-cover__inner-container,
.comment-respond,
.error404 .entry-title{
	max-width: 1200px;
	margin: 0 auto;
}
.error404 .content{
	margin-bottom: 50px;
}

.title-area h1{
	display: none;
}

.site-header{
	float: left;
	margin-top: 10px;
	transition: all 0.5s linear;
}

#menu-primary-menu{
	float: right;
	margin: 0;
}

.header-wrapper .nav-primary .wrap::after{
	clear: both;
    content: " ";
    display: table;
}

.genesis-nav-menu .menu-item {
    display: inline-block;
    text-align: left;
    position: relative;
}

.genesis-nav-menu .sub-menu .menu-item{
	display: block;
} 

.genesis-nav-menu .menu-item .sub-menu{
	display: none;
	padding-left: 0;
	position: absolute;
	width: 100%;
	background: rgba(0,0,0,0.5);
    top: 100%;
    min-width: 300px;
    right: 50%;
    transform: translateX(50%);
}

.genesis-nav-menu .menu-item:hover  .sub-menu{
	display: block;
}

.genesis-nav-menu .sub-menu > .menu-item:hover{
	background: rgba(0,0,0,.5);
}

.genesis-nav-menu a {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 200;
    letter-spacing: 1px;
    padding: 30px 15px;
    text-transform: uppercase;
    transition: all 0.5s linear;
}

.genesis-nav-menu .sub-menu a{
	padding: 10px 15px;
	border-bottom: 1px solid #737373;
}
.genesis-nav-menu .sub-menu .sub-menu {
	position: relative;
    background: none;
}
.genesis-nav-menu .sub-menu .sub-menu  a {
    padding-left: 30px;
}
.header-wrapper{
	border-bottom: 1px solid rgba(2255, 255,255, 0.3);
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 20;
	background: rgba(0,0,0,0.5);
	transition: all 0.5s linear;
}
.hero-banner-page .header-wrapper,
.blog-listing-page .header-wrapper
{
	background: transparent;
}
.hero-banner-page .entry-header
{
	display: none;
}
.hero-banner-page .site-container .site-inner,
.blog-listing-page .site-container .site-inner{
	margin-top: 0;
}
.header-wrapper.scrolled{
	background: rgba(0,0,0,0.5);
}
.header-wrapper.scrolled .genesis-nav-menu > li > a{
	padding: 22px 15px;
}
.header-wrapper.scrolled .site-header{
	margin-top: 0;
}
body .site-container > .header-wrapper .site-title{
	display: none;
}
/*.blog-listing-page .site-inner .entry-header{
	display: block;
}*/
.site-container .site-inner{
	margin-top: 84px;
}
.single-post .site-container .site-inner{
	margin-top: 120px;
}
.wp-block-cover.banner-container{
	padding-bottom: 100px;
	padding-top: 140px;

}
.wp-block-cover.banner-container::before{
	position: relative;
}
.banner-container h2,
.banner-container h1{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #c4df9b !important;
	font-size: 50px;
}
.wp-block-cover.remove-bg-dim{
	background-color: initial !important;
}
.alignfull{
	left: calc(-50vw + 50%);
    max-width: 100vw;
    width: 100vw !important;
}

.underlined-heading{
	/*border-bottom: 2px solid #44bfbf;*/
    font-size: 50px;
    padding-bottom: 15px;
    font-weight: 300;
    position: relative;
}
.underlined-heading:after{
	height: 5px;
	background: transparent linear-gradient(90deg, #44BFBF 0%, #7DCDAF 44%, #C4DF9B 100%) 0% 0% no-repeat padding-box;
	content: '';
	position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
}

.underlined-heading-white{
	border-bottom: 2px solid #fff;
    font-size: 50px;
    padding-bottom: 15px;
    font-weight: 300;
}

.h2-slim{
	font-size: 50px;
	font-weight: 300;
}
.mb0{
	margin-bottom: 0 !important;
}
.mb15{
	margin-bottom: 15px;
}
.mb30{
	margin-bottom: 30px;
}
.mb50{
	margin-bottom: 50px;
}
.mb100,
.wp-block-columns.mb100{
	margin-bottom: 100px;
}
.pb0{
	padding-bottom: 0 !important;
}
img.alignleft{
	float: left;
	margin-right: 10px;
}

.our-solution-block .wp-block-columns h2{
	font-size: 50px;
    font-weight: 300;
}

.repurchase-img-container{
	margin-bottom: 0 !important;
}

.repurchase-img-container img{
	display: block;
}

.team-round-container figure{
	height: 150px;
	width: 150px;
	overflow: hidden;
	border-radius: 9999px;
	display: block !important;
}

.contact-form-container1{
	max-width: 690px;
	width: 100%;
	margin: auto;
}


.contact-form-container1 br{
	display: none;
}
.contact-form-container1 .wpcf7-form-control{
	width: 100%;
    padding: 10px 10px;
    font-size: 14px;
    border-radius: 3px;
    outline: none;
    border: 0;
    box-sizing: border-box;
}

.contact-form-container1 .wpcf7-form-control-wrap {
	display: block;
	margin-bottom: 15px;
}

.contact-form-container1 .wpcf7-submit{
	display: inline-block;
    width: auto;
    cursor: pointer;
    background: #262626;
    color: #fff;
    font-size: 14px;
    padding: 10px 30px;
}

.contact-form-container1 .ajax-loader{
	float: left;
}

.site-footer{
	background-image: url(images/gradient-bg.jpg);
	color: #fff;
}

.site-footer .footer-btm-links{
	text-align: center;
	margin: 0;
}
.site-footer .footer-btm-links li{
	display: inline-block;
	margin-right: 35px;
    margin-bottom: 15px;
}

.site-footer .footer-btm-links a{
	color: #fff;
}

.our-clients-bg.wp-block-cover{
	background-image: url(images/our-clients-bg.jpg)
}
.testimonials-bg.wp-block-cover{
	background-image: url(images/testimonials.jpg)
}


/*.blog-listing-page .site-title{
	display: none;
}*/

.content .entry-header .entry-title-link{
	font-size: 50px;
    color: #000;
    font-weight: 300;

}
.blog-listing-page .pagination{
	margin-top: 50px;
	margin-bottom: 50px;
}
.blog-listing-page .pagination ul{
	margin: 0;
	padding: 0;
}

.blog-listing-page .pagination li{
	display: inline-block;
}

.blog-listing-page .pagination li a{
	padding: 10px;
    border: 1px solid #cacaca;
    border-radius: 3px;
    color: #000;
}

.blog-listing-page .pagination li.active a,
.blog-listing-page .pagination li:hover a{
	background: #224f88;
    color: #fff;
}
.blog-listing-page .entry-meta{
	margin: 0;
}
.blog-listing-page .entry-title{
	margin: 0;
}
.blog-listing-page .content .entry{
	margin-bottom: 90px;
}
.more-link{
	display: block;
	margin-top: 15px;
}

.entry-content .entry-image-link img{
	max-width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.testimonial-divider{
	width: 100%;
    border-bottom: 1px solid #000;
    position: relative;
    margin-top: 50px;
}
.testimonial-divider:after{
	position: absolute;
    content: ' ';
    height: 50px;
    width: 50px;
    background: #fff;
    left: 50%;
    transform: rotate(45deg) translateX(-50%);
    top: -7px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;

}
.menu-icon-container{
	display: none;
}
#cd-menu-trigger {
    position: absolute;
    right: 45px;
    top: 0;
    height: 77px;
    width: 50px;
}

#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #fff;
    left: 0;
}
#cd-menu-trigger .cd-menu-icon::before {
    bottom: 7px;
}
#cd-menu-trigger .cd-menu-icon::after {
    top: 7px;
}
#cd-menu-trigger.is-clicked .cd-menu-icon {
    background-color: rgba(255,255,255,0);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {
    bottom: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after, #cd-menu-trigger.is-clicked .cd-menu-icon::before {
    background-color: #fff;
    -webkit-transition: all .3s cubic-bezier(.3,.1,.58,1);
    -o-transition: all .3s cubic-bezier(.3,.1,.58,1);
    transition: all .3s cubic-bezier(.3,.1,.58,1);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
 
}
.menu-icon-container .cd-menu-icon{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: auto;
    right: 0;
    bottom: auto;
    width: 24px;
    height: 2px;
    background-color: #fff;
}

.blog-listing-page .entry-meta{
	display: inline-block;
    padding-bottom: 10px;
    border-bottom: 2px solid #44bfbf;
}

.clearfix::after {
    display: block;
    content: "";
    clear: both;
}
.search-form{
	display: flex;
}
.search-form .search-form-input{
	font-size: 14px;
    padding: 10px;
    width: 1%;
    flex: 1 1 auto;
    border: 1px solid #ddd;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.search-form .search-form-submit{
	background: #dddddd;
    color: #666666;
    outline: 0;
    border: 1px solid #ddd;
    padding: 10px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.widget{
	margin-bottom: 30px;
}
.widget .widget-title{
	color: #333;
    margin-bottom: 15px;
    margin-top: 0;
}
.widget ul{
	list-style-type: none;
	padding-left: 0;
	margin-top: 0;
}
.widget li{
	margin-bottom: 5px;
}
.widget li a{
	color: #979797;
}
.widget_archive label{
	display: none;
} 
.widget_archive select{
	padding: 10px;
    width: 100%;
    border: 1px solid #ddd;
    color: #979797;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

.entry-content table:not(.variations), body.et-pb-preview #main-content .container table {
    border: 1px solid #eee;
    margin: 0 0 15px;
    text-align: left;
    width: 100%;
}
.entry-content .table-nice tr:nth-child(odd),
.single-post .entry-content  tr:nth-child(odd) {
    background-color: #d9d9d9;
}

.entry-content .table-nice.header tr:first-child,
.single-post .entry-content  tr:first-child {
    background-color: #cee2f3;
}

.entry-content table td, .entry-content table th, .entry-content table tr, .entry-content table.cart td, .entry-content table.cart th, .entry-content table.cart tr, table.cart td, table.cart th, table.cart tr,
.single-post .entry-content table td {
    padding: .857em .587em;
    max-width: 100%;
}

.entry-content .table-nice.last-row-highlight tr:last-child,
.single-post  .entry-content .table-nice.last-row-highlight tr:last-child{
    background-color: #FFF2CC;
}
.entry-content  .table-nice td {
    border: 2px solid white;
    height: 20px;
    max-height: 20px;
    padding: 5px;
    text-align: center;
}
/****Comment Form***/
.comment-form label{
	display: block;
}
.comment-form input,
.comment-form textarea{
	width: 100%;
    padding: 10px;
}
.comment-form .comment-form-cookies-consent input{
	width: auto;
}
.comment-form .comment-form-cookies-consent label{
	display: inline-block;
}
.comment-form .submit{
	padding: 10px;
    background: #262626;
    color: #fff;
    outline: 0;
    border: 0;
    cursor: pointer;
    width: auto;
}
.comment-form .required{
	color: #d31717;
}
.wp-block-columns.testi-item{
	margin-bottom: 5em;
}
.testi-logo-col{
	position: relative;
	padding-right: 35px;
	font-size: 12px;
	color: #797979;
}

.testi-content-col{
	position: relative;
	margin-left: 0 !important;
}
.testi-content-wrapper,
.client-content-wrapper{
	padding-left: 2em;
	position: relative;
}
.testi-content-wrapper:after{
	position: absolute;
	left: 0;
    top: 0;
	height: 100%;
	width: 5px;
	content: '';
	background: transparent linear-gradient(180deg, #44BFBF 0%, #44BFBF 43%, #C4DF9B 100%) 0% 0% no-repeat padding-box;
}
.testi-underline{
	border-bottom: 1px solid #797979;
}
.testi-content-wrapper h2{
	color: #4FB991;
}
.single-client .testi-link{
	color: #4FB991;
    font-size: 2em;

}
.single-client .testi-link h3{
	margin-bottom: 0;
	font-weight: 300;
}
.single-client .testi-content{
	font-size: 15px;
    font-style: italic;
    font-weight: 600;
}
.prev-icon{
	display: inline-block;
    min-height: 20px;
    width: 20px;
    background-image: url(images/previous.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 15px;
}
.next-icon{
	display: inline-block;
    min-height: 20px;
    width: 20px;
    background-image: url(images/next.png);
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 15px;
}
.prev-next-client{
	display: block;

}
.prev-next-client *{
	vertical-align: middle;
}
.client-pagination{
	margin-top: 5em;
}
.team-member-name{
	font-size: 30px;
	font-weight: 300;
	color: #4fb991;
}
.team-member-name span{
	font-size: 80%;
	color: #777;
}
.team-member-email{
	color: #4fb991;
	background: url(images/green-arrow.png) no-repeat;
    padding-left: 35px;
}
.team-row .wp-block-column:first-child .wp-block-image{
	margin: 0;
}
.team-row .wp-block-column:first-child img{
	width: 100%;
    max-width: 240px;
}
.team-row.wp-block-columns{
	margin-bottom: 130px;
}

@media (min-width: 600px){
	.financing-engagement-gallery.columns-4.wp-block-gallery .blocks-gallery-item{
		width: calc(25% - 80px);
	    margin-right: 80px;
	    margin-bottom: 80px;
	}
}

@media(min-width: 768px) {
	.col-md-4{
		max-width: 33.333333%;
	}

	.col-md-3{
		max-width: 25%;
	}

	.col-md-2{
		max-width: 16.66666667%;
	}

	
	
}

@media(max-width: 1250px){
	.container, 
	.entry-content, 
	.site-inner .entry-header,
	.site-inner .entry-footer,
	.blog-listing-page .pagination,
	.has-inner-container .wp-block-cover__inner-container {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media(min-width: 900px) {
	.blog-listing-page .left-content{
		width: 80%;
		float: left;
		padding-right: 20px;
	}
	.blog-listing-page .right-sidebar{
		width: 20%;
		float: right;
		border-left: 1px solid #e2e2e2;
	    padding-left: 20px;
	}
}
@media(max-width: 900px) {
	.menu-icon-container{
		display: block;
	}
	.nav-primary{
		display: none;
		transition: all 0.5s linear;
	}
	.lateral-menu-is-open .header-wrapper{
		background: rgba(0,0,0,0.5);	
	}
	.lateral-menu-is-open .nav-primary{
		display: block;
		top: 78px;
		width: 100%;
    	position: absolute;
    	left: 0;
    	background: rgba(0,0,0,0.5);
	}
	.lateral-menu-is-open .scrolled .nav-primary{
		top: 68px;
	}

	.lateral-menu-is-open #menu-primary-menu {
		float: none;
		padding-left: 0;
	}

	.lateral-menu-is-open .genesis-nav-menu .menu-item{
		display: block;
		
	}

	.lateral-menu-is-open .genesis-nav-menu a{
		padding: 15px;
	}

	.lateral-menu-is-open li:hover{
		background: rgba(0,0,0,.5);
	}

	.genesis-nav-menu .menu-item .sub-menu{
		position: relative;
	    min-width: auto;
	    top: 0;
	    right: auto;
	    transform: inherit;
	}

	.genesis-nav-menu .sub-menu > .menu-item{
		padding-left: 15px;
	}
}