/* Responsives -------------------------------------------*/

@media all and (min-width: 2240px) {
	section:not(.full, .overview, .splash-screen) {
		max-width: var(--content-max-width);
		margin: 0 auto;
	}
}

@media all and (min-width: 1135px) {
	.overflow {
		overflow: visible;
	}
}

@media all and (max-width: 1135px) {
	.overflow {
		height: 197px;
		overflow-x: auto;
		overflow-y: hidden;
	}

	section.overview {
		padding: 16px 0 0;
	}

	section.overview .overflow {
		padding: 0 20px;
		height: 100%;
	}

	section.contracts .overflow {
		overflow: visible;
	}
}

@media all and (max-width: 1050px) {
	.form-row {
		flex-flow: row wrap;
	}
}

/*Nav break*/
@media all and (max-width: 975px) {

	nav {
		justify-content: space-between;
	}

	nav .nav-links {
		display: block;
		position: fixed;
		background: #fff;
		top: -1px;
		right: -1px;
		height: 100vh;
		padding-top: 65px;
		width: 0;
		text-align: right;
		border-left: var(--border);
		transition: width .3s ease-in-out;
		z-index: 409;
	}

	nav .nav-links.show {
		width: 177px;
		transition: width .3s ease-in-out;
	}

	.nav-links.show .search {
		position: fixed;
		top: 0;
		right: 127px;
		color: var(--red);
		opacity: .8;
		padding: 20px 1rem;
	}

	.show-search .nav-links .search {
		opacity: 1;
	}

	nav:not(.hide-nav) .nav-links.show .search {
		border-left: 2px solid var(--red);
	}

	nav.show-search .nav-links {
		width: calc(100% - 171px);
		height: 65px;
		border-left: 0;
	}

	nav.show-search .nav-links .search {
		right: initial;
		border: none;
	}

	nav.show-search .nav-links #search {
		position: fixed;
		top: 21px;
		left: 217px;
		width: calc(100% - 370px);
		color: var(--darkGrey);
	}

	nav.show-search .nav-links .close {
		display: none;
	}

	.nav-links.show + .settings {
		z-index: 410;
		min-width: auto;
	}

	nav:not(.hide-nav) .nav-links.show + .settings > * {
		color: var(--red) !important;
		opacity: .8;
	}

	nav.hide-nav .nav-links {
		background: #ffffff8f;
		border: none;
		text-align: right;
	}

	nav .nav-links .nav-link:not(.search) {
		color: var(--darkGrey);
	}

	nav.hide-nav .nav-links .nav-link {
		color: #000;
	}

	nav.hide-nav.show-search .nav-links .nav-link {
		color: #fff;
	}

	nav .collapse-menu {
		display: block;
	}

	.results-wrapper .length-options {
		max-width: 100%;
		justify-content: space-between;
		flex-flow: row wrap;
		margin-bottom: 30px;
	}

	.results-wrapper .length-options .length-option {
		width: 48%;
		margin-bottom: 10px;
	}

	section.overview {
		opacity: 1;
		transform: translateX(0);
		height: 0;
		background: var(--background);
		border-bottom: var(--border);
		transition: .8s;
	}

	section.overview.slide-in {
		height: 100%;
	}

	.dashboard-area section.overview.slide-in {
		min-height: 265px;
	}

	#shedCostWarning {
		flex-flow: column;
	}

	#shedCostWarning p{
		margin-bottom: 1em;
	}

	.split-content {
		flex-flow: column;
	}

	.split-content > * {
		max-width: 100%;
	}

	.display-7 {
		font-size: calc(1em + 1vw);
	}
}

@media all and (max-width: 900px) {
	footer .footer-wrapper> *:not(.full) {
		padding: 1em;
		margin: 0;
	}

	footer .footer-row:not(.full) {
		border-right: none;
	}

	footer .footer-wrapper > .footer-col:last-child {
		border-top: 1px solid #ffffff47;
	}
}

@media all and (max-width: 850px) {
	.overflow {
		flex-flow: row nowrap;
	}
}

@media all and (max-width: 700px) {
	.card {
		min-width: 100%;
		margin-bottom: 0.8em;
	}

	.sign-section {
		flex-flow: column;
	}

	.sign-section .content-wrapper {
		margin-right: 0;
	}
}

@media all and (max-width: 630px) {

	footer .footer-wrapper {
		flex-flow: column;
	}

	footer .footer-wrapper > .footer-col:last-child {
		border-top: none;
	}

	footer .footer-row:not(.full) {
		width: 100%;
		border-left: none;
		border-top: 1px solid #ffffff47;
		border-bottom: 1px solid #ffffff47;
	}

	footer .footer-wrapper > .footer-col {
		width: 100%;
	}
}

@media all and (max-width: 600px) {

	.expanded .form-item.in-line {
		width: 100%;
		flex-flow: column;
		align-items: flex-start;
	}

	.expanded .flex-start,
	.expanded .flex-start > *:not(:last-child){
		justify-content: space-between;
		margin-right: 0;
	}

	.expanded .date-wrapper input {
		width: calc(100% - 10px);
	}


	nav.show-search .nav-links {
		width: 100%;
		border: none;
		right: 0;
	}

	nav.show-search .nav-links #search {
		left: 46px;
		width: calc(100% - 190px);
	}

	nav.show-search .brand-logo {
		opacity: 0;
	}

}

@media all and (max-width: 550px) {

	.expanded .form-item,
	.expanded .form-item.sm,
	.expanded .form-item.lg,
	.expanded .date-wrapper {
		width: 100%;
	}

	.form-item.in-line {
		width: 100%;
		flex-flow: column;
		align-items: flex-start;
	}

	.flex-start > *:last-child {
		margin-right: 0;
	}

	.date-wrapper input {
		width: calc(100% - 10px);
	}

	.form-label .pe-2{
		padding-left: 0 !important;
	}

	.footer .footer-row {
		flex-flow: column;
		text-align: center;
	}

	.footer .footer-row > *:not(:last-child) {
		margin: 0 0 0.5em;
	}
}

@media all and (max-width: 500px) {
	.form-label {
		font-size: .9em;
	}

	.card-wrapper button[type=submit] {
		width: 100%;
		margin: 0;
	}
	
	.mobile-text-center {
		text-align: center;
	}

	#submitLoading {
		left: 50%;
		margin-top: 80px;
	}
}

/* Mobile */
@media all and (max-width: 460px) {

	nav .nav-links.show-search #search {
		left: 46px;
		width: calc(100% - 100px);
	}

	.nav-links.show-search + .settings > *:not(.collapse-menu) {
		display: none;
	}

	footer .banner span {
		display: none;
	}

	footer .footer-row.full {
		font-size: 3.7vw;
	}
	
	.header-row .col:nth-child(2),
	.overflow-table .col:nth-child(2) {
		text-align: center;
	}

	.header-row .col:last-child,
	.overflow-table .col:last-child {
		text-align: right;
	}

	.header-row .col:last-child div,
	.overflow-table .col:last-child div {
		padding-right: 5px;
	}

}

@media all and (max-width: 400px) {
	div:not(.grouped) > .form-item,
	.form-item.sm,
	.form-item.lg,
	.date-wrapper {
		width: 100% ;
	}

	.form-item.grouped {
		margin-bottom: 0;
	}

	.form-label {
		font-size: 1em;
	}
	.footer .footer-row p:first-child {
		padding: 0 20%;
	}
}