/*
Theme Name: Trusted Business Lending by Three Ring Focus
Theme URL: https://ThreeRingFocus.com
Description: Responsive Website by Three Ring Focus
Author: Josh Castro
Author URI: ThreeRingFocus.com
Version: 9.9.9
Tags: Responsive, grey, green, white.
*/

/* Baseline Normalize - normalize.css v3.0.1 | MIT License | git.io/normalize
--------------------------------------------- */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* 	
== DEFAULTS ==*/

* {
    box-sizing: border-box; /* border thickness & padding included inside box */
    margin: 0;
    padding: 0;
}
body {
    color: #555555;
	background-color: #fff;
	font-family: Helvetica, Arial, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "sans-serif";
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .06em;
}
.clear {
    clear: both;
}
.container {
    width: 100%;
    margin: 0;
	padding: 80px 0px;
}
input[type="checkbox"] {
    -webkit-appearance: checkbox;
}
input[type="radio"] {
    -webkit-appearance: radio;
    margin-top: 0px;
}
input[type="submit"], input[type="button"] {
    -webkit-appearance: button;
}


/* 	
== SCROLL BAR ==*/

/* Width */
::-webkit-scrollbar {
  width: 15px;
}
/* Track */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
  background: #eee;
}
/* Handle */
::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
  background: #8fb342;
}


/* 	
== FONTS ==*/

h1, h2, h3, h4, h5, h6 {
    margin: 15px 0 30px 0;
	font-family: freight-sans-pro, sans-serif;
	letter-spacing: .1em;
	font-weight: 700;
	line-height: 1.1em;
	text-transform: uppercase;
}
h1 {
	margin-top: 0;
    font-size: 3.0em;
}
h2 {
    font-size: 2.25em;
}
h3 {
    font-size: 1.55em;
}
h4 {
    font-size: 1.15em;
}
h5 {
    font-size: 1.0em;
}
h6 {
    font-size: .8em;
}
.smallHead {
	font-weight: 300;
}
p {
    font-size: 1em;
    line-height: 2em;
    margin: 30px 0;
}
a {
    text-decoration: none;
    cursor: pointer;
	font-style: normal;
    transition: all .4s ease-in-out;
}
a:hover {
    text-decoration: none;
}
p a, li a {
	text-decoration: underline;
}
ul {
    list-style: inside;
    list-style-type: disc;
    padding: 0px 20px;
    margin: 30px 0;
}
ol {
    list-style: inside;
    list-style-type: decimal;
    padding: 0px 20px;
    margin: 30px 0;
}
li {
    font-size: 1em;
    line-height: 2em;
}
em {
	letter-spacing: .01em;
}
.bgImg {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.buttons {
	font-family: freight-sans-pro, sans-serif;
	display: inline-block;
	padding: 10px 15px;
	border: 2px solid #8fb342;
	background-color: #8fb342;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
    transition: all .4s ease-in-out;
}
.buttons:hover {
	color: #8fb342;
	background-color: transparent;
}
.btnWhite {
	border: 2px solid #FFF;
	background-color: #FFF;
	color: #8fb342;
}
.btnWhite:hover {
	color: #FFF;
	background-color: transparent;
}


/* 	
== HEADER ==*/

header {
	width: 100%;
	padding: 20px 25px;
	background-color: #555;
	display: flex;
	justify-content: space-between;
}
.logo, .logo a {
    width: 495px;
    height: 57px;
    display: block;
}
.logo {
    text-indent: -9999px;
}
.logo a {
    background: url("images/global/logo.png");
    background-position: center;
    background-size: cover;
}
.headRight {
	display: flex;
	align-items: center;
}
.headBTN {
	padding: 10px 20px;
	border: none;
	/*box-shadow: 10px 10px 0 0 rgba(0,0,0,.2);*/
	box-shadow: rgba(76,76,76, 1) 2px 2px,
		rgba(76,76,76, 1) 4px 4px,
		rgba(76,76,76, 1) 6px 6px,
		rgba(76,76,76, 1) 8px 8px,
		rgba(76,76,76, 1) 10px 10px,
		rgba(76,76,76, 1) 12px 12px,
		rgba(76,76,76, 1) 14px 14px,
		rgba(76,76,76, 1) 16px 16px,
		rgba(76,76,76, 1) 18px 18px,
		rgba(76,76,76, 1) 20px 20px,
		rgba(76,76,76, 1) 22px 22px,
		rgba(76,76,76, 1) 24px 24px,
		rgba(76,76,76, 1) 26px 26px,
		rgba(76,76,76, 1) 28px 28px;
}
.headBTN:hover {
	color: #8fb342;
	background-color: #fff;
}
/* NAVIGATION */
@media screen and (min-width: 1330px) {
	.sfm-navicon-button {
		display: none;
	}
}
@media screen and (max-width: 1330px) {
	#hideMenu {
		display: none;
	}
}
#submenu {
    padding: 5px 0px;
    margin: auto;
    width: 100%;
    letter-spacing: 0px;
}
#submenu ul {
    margin: 0;
    padding: 0;
    width: 100%;
    float: right;
    list-style: none;
    font-weight: 500;
    font-style: normal;
}
#submenu li {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
	text-align: left;
    letter-spacing: .06em;
    text-transform: uppercase;
	background-color: #555;
}
#submenu li a {
    margin: 0;
    color: #939393;
    display: block;
    font-weight: 500;
    position: relative;
    text-decoration: none;
    padding: 0px 12px 0px 12px;
    transition: color .4s ease-in-out;
}
#submenu li a:hover, #submenu li a:active, #submenu .current_page_item a {
    color: #fff;
}
#submenu li li a {
}
#submenu li a.sf-with-ul {
    padding-right: 10px;
}
#submenu li li a, #submenu li li a:link, #submenu li li {
    color: #939393;
    /* width: 200px; */
    font-size: .9em;
    font-weight: 400;
    line-height: 1em;
    position: relative;
    padding: 4px 5px 4px 5px;
    transition: color .4s ease-in-out;
}
#submenu ul ul li:first-child {
    margin-top: 0px;
}
#submenu ul ul ul li:first-child {
    margin-top: 0;
}
#submenu ul ul li:last-child {
    border-bottom: none;
}
#submenu li li:last-child {
    border-bottom: none;
}
#submenu li li a:hover, #submenu li li a:active {
    color: #fff;
}
#submenu li ul {
    padding: 10px 0 0 0;
    left: -999em;
    height: auto;
    width: 200px;
    z-index: 9999;
    margin: 0px;
    position: absolute;
}
#submenu li ul a {
    width: 200px;
}
#submenu li ul ul {
    margin: -23px 0 0 180px;
}
#submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li.sfHover ul ul, #submenu li.sfHover ul ul ul {
    left: -999em;
}
#submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li.sfHover ul, #submenu li li.sfHover ul, #submenu li li li.sfHover ul, #submenu .menu-item-hover > .sub-menu {
    left: auto;
}
#submenu li:hover, #submenu li.sfHover, #submenu .menu-item-hover {
    position: static;
}


/* 	
== HOME PAGE ==*/

.hero {
    width: 100%; 
	height: 940px;
	background-image: url("images/home/bg-hero.jpg");
	display: flex;
	align-items: flex-end;
	justify-content: center;
}
.heroText {
	color: #fff;
	text-align: center;
	margin-bottom: 100px;
}
.heroText .smallHead {
	font-size: 3.25em;
	font-weight: 600;
}
.heroText h1 {
    margin-top: 0;
	font-size: 5em;
}
/* Section One */
.sectionOne {
	width: 100%;
	display: flex;
	align-items: center;
}
.s1Text {
	width: calc(100% - 630px);
	padding: 50px 100px;
}
.s1Text h2 {
	margin: 0 0 10px 0;
}
.s1Text .smallHead {
	font-size: 1.5em;
}
.s1Side {
	width: 630px;
	padding: 40px;
	background: rgb(253,253,254);
	background: linear-gradient(177deg, rgba(253,253,254,1) 0%, rgba(233,234,234,1) 100%);
}
.s1Side img {
	max-width: 474px;
	margin: 0 0 90px 80px;
}
.s1Side h2 {
	margin: 0;
	font-size: 3.5em;
}
.s1Side .smallHead {
	font-size: 2.6em;
}
/* Section Two */
.sectionTwo {
	width: 100%;
	display: flex;
	align-items: center;
}
.s2Buttons {
	width: 50%;
	padding-right: 100px;
}
.s2Buttons a {
	height: 230px;
	margin: 20px 0;
	color: #fff;
	position: relative;
	display: block;
}
.s2Buttons a:hover {
	color: #8fb342;
}
.s2Buttons h2 {
	margin: 0;
	line-height: 1em;
	position: absolute;
	left: 40px;
	bottom: 40px;
}
.s2Buttons h2 span {
	font-family: mrs-eaves-xl-serif, serif;
	font-weight: 400;
	font-size: .5em;
}
.s2a2 {
	width: calc(100% - 26px);
}
.s2a3 {
	width: calc(100% - 52px);
}
.s2Btn {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: skewX(-6deg);
	transform-origin: top left;
}
.b01 {
	background-image: url("images/home/pic-4.jpg");
}
.b02 {
	background-image: url("images/home/pic-3.jpg");
}
.b03 {
	background-image: url("images/home/pic-2.jpg");
}
.s2Text {
	width: 50%;
	padding: 30px 60px 30px 30px;
}
.s2Text h2 {
	margin: 0;
}
.s2Text .smallHead {
	font-size: 1.5em;
}
/* Section Three */
.sectionThree {
	width: 100%;
	padding: 90px 20px;
	background-color: #8fb342;
	background-image: url("images/home/bg-1.png");
	background-position: center;
	background-repeat: no-repeat;
}
.s3Text {
	width: 100%;
	max-width: 1060px;
	margin: auto;
	text-align: center;
	color: #fff;
}
/* Section Four */
.sectionFour {
	width: 100%;
	padding: 100px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.s4Text {
	width: 50%;
	padding: 0px 20px 0px 140px;
}
.s4Text h2 {
	margin: 0;
}
.s4Img {
	width: 50%;
	max-width: 860px;
	margin-top: -200px;
}


/* 	
== PAGES ==*/

.banner {
    width: 100%;
    height: auto;
}
.banner img {
    width: 100%;
    height: auto;
    display: block;
}
.pageBox {
	width: 100%;
	padding: 80px 20px 200px 20px;
}
.pageText {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}


/* 	
== FOOTER ==*/

footer {
    width: 100%;
	padding: 100px 20px;
	background-color: #555;
	text-align: center;
	color: #fff;
	font-family: freight-sans-pro, sans-serif;
	font-weight: 500;
}
footer a {
	color: #fff;
	text-decoration: none;
}
footer a:hover {
	color: #8fb342;
}
footer p {
	font-size: .8em;
	margin: 20px 0 30px 0;
}
.footLogo {
	width: 425px;
	height: 93px;
	margin: 0 auto 70px auto;
	background-image: url("images/global/logo-foot.png");
}
.footSocial .fab {
	margin: 0px 10px;
	font-size: 1.75em;
	color: #8fb342;
    transition: all .4s ease-in-out;
}
.footSocial .fab:hover {
	color: #fff;
}
.footNav {
    font-size: 1.2em;
}
ul.footNav {
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
	text-align: center;
}
.footNav li {
    margin: 0;
    padding: 0 10px;
    line-height: 1em;
	display: inline;
	text-transform: uppercase;
	font-size: .7em;
}


/* 	
== NEWS/BLOG ==*/

#thumby {
	padding: 0;
	display: block;
	margin-top: 20px;
	margin-bottom: 10px;
	min-height: 150px;
	background-position: center;
	background-size: cover;
}
#thumby img {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	display: block;
}
#texty h2 {
	padding: 0;
	margin: 30px 0px 25px 25px;
	text-align: left;
	font-size: 1.5em;
}
#texty p {
	font-size: .9em;
	line-height: 1.5em;
	text-align: left;
	letter-spacing: 1px;
	margin: 0px 0px 15px 25px;
}
#texty h2 a {
	color: #495c70;
}
#texty p a {
	color: #495c70;
	text-decoration: none;
}
.spacer {
	width: 100%;
	height: 30px;
}
.split {
	padding: 0;
	width: 70%;
	height: 2px;
	margin: 30px auto;
	background-color: #495c70;
}
.blog-three {
	float: left;
	width: 30%;
}
.blog-seven {
	float: left;
	width: 70%;
}


/* 	
== Gravity Forms ==*/

.gform_wrapper {
	text-align: left;
}
.gform_wrapper input, .gform_wrapper select {
    border: 2px solid #495c70;
    background-color: transparent;
    color: #495c70;
}
.gform_wrapper textarea {
    border: 2px solid #495c70;
    background-color: transparent;
    color: #495c70;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    padding: 10px 8px;
}
body .gform_wrapper ul li.gfield {
    margin-top: 0 !important;
}
.gform_wrapper li {
    line-height: 0 !important;
}
.gform_footer {
    padding: 0 0 10px;
	text-align: left;
}
.gform_footer input {
    padding: 15px 30px;
    color: #495c70;
	background: #FFF;
	border: 2px solid #495c70;
    font-weight: 400;
    text-transform: uppercase;
	transition: all .4s ease-in-out;
}
.gform_footer input:hover {
    background-color: #495c70;
	color: #FFF;
}
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
    margin-top: 10px !important;
}
.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {
    margin-top: 15px;
}
.gform_wrapper .top_label div.ginput_container {
    margin-top: 8px;
}
.gform_wrapper textarea.medium {
    margin-top: 8px;
}
.gform_wrapper input::-webkit-input-placeholder, .gform_wrapper textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #495c70;
}
.gform_wrapper input::-moz-placeholder, .gform_wrapper textarea::-moz-placeholder { /* Firefox 19+ */
  color: #495c70;
}
.gform_wrapper input:-ms-input-placeholder, .gform_wrapper textarea:-ms-input-placeholder { /* IE 10+ */
  color: #495c70;
}
.gform_wrapper input:-moz-placeholder, .gform_wrapper textarea:-moz-placeholder { /* Firefox 18- */
  color: #495c70;
}


/* 	
== WORDPRESS FIXES ==*/

img.alignright {
    float: right;
    margin: 0 0 1em 1em;
}
img.alignleft {
    float: left;
    margin: 0 1em 1em 0;
}
img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/* 	
== RESPONSIVE ELEMENTS ==*/

.response img {
    width: 100%;
    height: auto;
    display: block;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 20px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.mapWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.mapWrapper100 {
    position: relative;
    height: 100%;
    overflow: hidden;
}
.mapWrapper iframe, .mapWrapper object, .mapWrapper embed,
.mapWrapper100 iframe, .mapWrapper100 object, .mapWrapper100 embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* 	
== RESPONSIVE STYLES ==*/

/* Monitor Medium | iPad Pro Large Landscape */
@media only screen and (max-width: 1366px) {
}

/* Custom */
@media only screen and (max-width: 1200px) {
	.sectionOne {flex-direction: column-reverse;}
	.s1Text {width: 100%;}
}

/* iPad Pro Landscape */
@media only screen and (max-width: 1112px) {
}

/* iPad & iPad Mini Landscape | iPad Pro Portrait */
@media only screen and (max-width: 1024px) {
	.sectionTwo {flex-direction: column;}
	.s2Buttons {width: 100%; padding-right: 10px;}
	.s2Text {width: 100%;}
	.sectionFour {padding: 0 0 100px 0; flex-direction: column-reverse;}
	.s4Img {margin-top: -50px; width: 100%;}
	.s4Text {padding: 30px; width: 100%;}
}

/* Monitor Small */
@media only screen and (max-width: 800px) {
	h1 {font-size: 2em;}
	h2 {font-size: 1.5em;}
	h3 {font-size: 1.125em;}
	h4 {font-size: 1em;}
	h5 {font-size: .813em;}
	h6 {font-size: .625em;}
	.heroText .smallHead {font-size: 1.5em;}
	.heroText h1 {font-size: 3em;}
	.s1Side .smallHead {font-size: 2em;}
	.s1Side h2 {font-size: 3em;}
	
	.hero {align-items: center;}
	.heroText {margin-bottom: 0;}
}

/* Custom */
@media only screen and (max-width: 820px) {
	.headRight {display:none;}
	.sfm-navicon-button {right: 15px !important;}
	header {height: 98px; align-items: center;}
	.logo, .logo a {width: 280px; height: 31px;}
}

/* iPhone 8 Plus Landscape | iPad Portrait */
@media only screen and (max-width: 768px) {
}

/* iPhone 8 Landscape */
@media only screen and (max-width: 667px) {
	.s1Side {max-width: 630px; width: 100%; padding: 40px 30px;}
	.s1Side img {margin: 0 0 90px 0px;}
	.s1Text {padding: 50px 30px;}
}

/* Mobile Portrait */
@media only screen and (max-width: 600px) {
	
}

/* iPhone SE Landscape */
@media only screen and (max-width: 568px) {
}

/* Smaller Devices */
@media only screen and (max-width: 499px) {
}