/* CoBank CSS -- 12/28/2022 -- Author: David McGuffin, Senior Software Engineer */
/* Branding BASE Elements */
@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:400');
	html, body {
		height: 100%;
		margin: 0;
		padding: 0;
	}
	body {
		display: flex;
		flex-direction: column;
		font-family: 'Libre Franklin'!important;
		letter-spacing: 0;
		line-height: 1.625em;
		text-align: left;
		font-size: 1rem;
		color: #2b2b2b;
		font-style: normal;
		font-weight: 400;			
	}
	.label {
    color: #272833;
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: .25rem;
    word-wrap: break-word;
	}
	.feedback {
		width: 100%;
		display: block;
		color: #c33;
		font-weight: bold;
		text-align: center;
		padding: 2px;
	}
	.feedback-success {
		width: 100%;
		display: block;
		color: #387c2b;
		font-weight: bold;
		text-align: center;
		padding: 2px;
	}
		.contentBox {
		background-color: #fff; 
		margin-top:1px; 
		padding: 18px; 
		box-shadow: 2px 2px 6px rgba(0,0,0,0.5);
	}
	.terms-conditions-box {background-color: #e7e7ed; border-radius: 3px; padding: 15px;}
	main {
		flex: 1 0 auto;
	}
	h2 {
		font-size: 2rem;
		color: #2b2b2b;
		font-weight: 400;
		margin: 20px 0;
	}
	p {margin: 1em;}
	/* This line is to fix all the divs DaVinci wraps are code in that is breaking 
	the footer showing at the bottom of the page*/
	body > div, #widgetContainer, #widgetContainer > div, .reactSingularKey_bodyContainer, .reactSingularKey_CC_main_generic {height: 100%;}
	.reactSingularKey_CC_main_generic > div {display: flex; flex-direction: column; height: 100%;}
	/* End of DaVinci fix */
/* HEADER AREA */
	.upper-nav-wrapper, .upper-nav-wrapper-mobile {
		background-color: #005288;
		border-bottom: 3px solid #65b360;
		padding: 7px;
	}
	.upper-nav-content {
		max-width: 1190px;
		margin: 0 auto;
	}
	.justify-content-end {
		justify-content: flex-end !important;
	}
	.d-flex {
		display: flex !important;
	}
	.header-sub-content a {
		margin: 0 10px;
		text-transform: uppercase;
		display: block;
		position: relative;
		text-decoration: none;
		color: #FFF;
		font-weight: bold;
		font-size: 13px;
		-webkit-font-smoothing: antialiased;
	}
	.nav-item {
		word-wrap: break-word;
	}
	header {
		box-shadow: 0 2px 3px rgb(0 0 0 / 30%);
		position: relative;
		z-index: 50;
		border-bottom: solid 6px #005288;
	}
	@media only screen and (min-width: 1280px) {
		.header-main-content {
			margin: 0 auto;
		}
	}
	.custom-logo {
		width: 230px;
		margin: 20px 0 8px 0;
	}
	.header-main-content {
		position: relative;
		padding: 0 25px;
		align-items: center;
		height: 89px;
		background-color: #fff;
		text-align: center;
	}
	@media only screen and (max-width: 1180px) {
		.header-main-content {
			background: #fff;
			text-align:center;
		}
		.logo {float: none;}
	}

/* MAIN CONTENT AREA */
	.main-content {
		max-width: 1240px;
		margin: 0 auto;
		padding: 25px 0 25px 0;
	}
	@media only screen and (max-width: 1260px) {
		.main-content {padding: 20px;}
	}
	hr.cobank-hr {border-top: 1px solid #cfcfcf; width:90%; margin: 20px auto;}
	.contactBox {max-width: 455px; margin:0 auto; display: block;}
/* FOOTER AREA */
	.fa {
		color: #0b5fff;
		padding-left: 7px;
	}	
	.text-muted {color: #a7a9bc !important;}
	footer {
		flex-shrink: 0;
		background-color: rgba(255,255,255,0.6);
		bottom: 0;
		position: relative;
		width: 100%;
		text-align: center;
	}
	.footer-content {
		margin: 0 auto;
		padding: 5px 20px;
	}
	.row {
		display: flex;
		flex-wrap: wrap;
	}
	.col-lg-12, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2 {width: 100%;}
	@media (min-width: 992px) {
		.col-lg-8 {
			flex: 0 0 66.66667%;
			max-width: 66.66667%;
			float: left;
		}
		.col-lg-2 {
			flex: 0 0 20%;
			max-width: 20%;
			float: left;
		}
		.col-lg-3 {
			flex: 0 0 25%;
			max-width: 25%;
			float: left;
		}
		.col-lg-4 {
			flex: 0 0 33.33333%;
			max-width: 33.33333%;
			float:left;
		}
		.col-lg-6 {
			flex: 0 0 50%;
			max-width: 50%;
			float:left;
		}
		.col-lg-5 {
		  -webkit-box-flex: 0;
		  -ms-flex: 0 0 41.666667%;
		  flex: 0 0 41.666667%;
		  max-width: 41.666667%;
		}
		.col-lg-7 {
		  -webkit-box-flex: 0;
		  -ms-flex: 0 0 58.333333%;
		  flex: 0 0 58.333333%;
		  max-width: 58.333333%;
		}		
	}
	.col-lg-12 {
		flex: 0 0 100%;
		max-width: 100%;
		float:left;
	}
	@media (max-width: 992px) {
		.expandWidth {width: 100%;}
		.col-lg-3 {
			flex: 0 0 25%;
			max-width: 25%;
			float: left;
		}
	}
	footer .copy {
		flex: 0 0;
		flex-basis: calc(100% - 272px);
		padding-top:16px;
		color:#2b2b2b;
		font-weight: 100;
	}
	footer .copy a {
		color: inherit;
		text-decoration: none;
	}
	footer a, footer a:visited, footer a:hover {
		color: #2b2b2b;
		text-decoration: none;
		font-weight: 600;
	}
	footer .farmCredit {
		width: 277px;
		height: 49px;
		display: block;
		margin: 15px 20px 20px 0;
		background: url(https://sso.cobank.com/o/iam-theme/images/farm-credit.png) no-repeat;
		float: right;
	}
	col-lg-8, .col-lg-4, col-lg-3 {width: 100%; position: relative;}
	@media only screen and (max-width: 992px) {
		footer .farmCredit {
			float: none;
			margin: 10px auto;
		}
	}
	
/*  Green Bullet List */
	ul.list-feature {margin-top: 25px;}
	ul.list-feature li {
		background: url(https://sso.cobank.com/o/iam-theme/images/green_bullet.png) left 8px no-repeat;
		padding-left: 20px;
		list-style: none;
		margin-left: -14px;
	}
	#updateYear {display: inline-block;}
	
/* FORM ELEMENTS */
	label {
		color: #272833;
		font-size: .875rem;
		font-weight: 600;
		margin-bottom: .25rem;
		max-width: 100%;
		word-wrap: break-word;
	}
	.form-control {
		display: block;
		width: auto;
		height: 1.5rem;
		padding: .4375rem 1rem;
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.5;
		color: #272833;
		background-color: #f1f2f5;
		background-clip: padding-box;
		border: .0625rem solid #e7e7ed;
		border-radius: .25rem;
		box-shadow: 0 0 rgb(0 0 0 / 0%);
		transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
		margin-bottom: 10px;
	}
	.reference-mark {
		display: inline-block;
		position: relative;
		vertical-align: super;
		padding-left: 3px;
		padding-right: 3px;
		color: #b95000;
		font-size: 6px;
	}
	.lexicon-icon {
		display: inline-block;
		fill: currentColor;
		height: 1em;
		margin-top: -3px;
		vertical-align: middle;
		width: 1em;
	}
	svg {
		overflow: hidden;
		vertical-align: middle;
	}	
	.btn {
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		user-select: none;
		border: 1px solid transparent;
		transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}
	.button-holder {margin: 20px 0;}
	.btn:not(:disabled):not(.disabled) {
		cursor: pointer;
	}
	.btn-default {box-shadow: none;}
	.btn-primary.btn-default {
		background-color: #65b360 !important;
		border-color: #52a04d !important;
		color: #fff !important;
		font-weight: 400 !important;
		box-shadow: none;
		transition: .4s;
	}
	.btn-secondary {
		color: #FFF !important;
		background-color: #005288;
		border-color: #003b62;
		font-weight: 400 !important;
	}
	.btn-lg{
		font-size: 1.125rem;
		padding: .59375rem 1.5rem;
		line-height: 1.5;
		border-radius: .25rem;
	}
	.btn-light {
		color: #000;
		background-color: #eee;
		border-color: #e2e2e2;
	  }
	.btn-light:hover {background-color: #e2e2e2; border-color: #e3e3e3;}
	.btn-outline-secondary {
		color: #6c757d;
		border-color: #6c757d;
	}
	/*.btn-outline-secondary:hover {
		color: #fff;
		background-color: #6c757d;
		border-color: #6c757d;
	}*/
	.btn-primary.btn-default:hover {
		background-color: #4d9848 !important;
		border-color: #76bb71 !important;
	}	
	.btn-secondary:hover {
		color: #FFF !important;
		border-color: #0061a2;
		background-color: #2279b2 !important;
	}
	.button-holder-link {margin-bottom: 0;}
	button.button-link {
		background-color: #fff;
		border: transparent;
		cursor: pointer;
		font-size: 1rem;
		font-weight: 600;
		color: #005288;
		text-decoration: none;
	}
	button.button-link:hover {
		color: #2279b2;
		text-decoration: underline;
	}
	a.link-link {
		font-size: 1rem;
		font-weight: 600;
		font-family: 'arial';
		color: #005288;
		text-decoration: none;
	}
	a.link-link:hover {
		color: #2279b2;
		text-decoration: underline;
	}
	.emailLink {
	color: #005288;
    cursor: pointer;
    font-weight: 600;}
	.emailLink:hover {
	background-color: transparent;
    border-bottom: 1px solid #bbccd7;}
	.styled-link {
		color: #005288;
		font-weight: 600;		
	}
	.styled-link:hover {
		color: #2279b2;
	}
	@media screen and (max-width: 570px) {
		ul.list-feature li {margin-left: 10px;}
	}	
	@media screen and (min-width: 570px) {
		.showBreak {display: none;}
	}