* {
	box-sizing: border-box;
}

html {
	font-size: 16px;
	font-family: 'proxima-soft', sans-serif;
	color: #436982;
	display: block !important;
}

body {
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
	color: inherit;
}

p {
	font-size: 1.0em;
	line-height: 1.5em;
}

a {
	text-decoration: none;
}

img {
	width: 100%;
	height: auto;
}

button {
	font-size: 1.2rem;
	font-family: 'proxima-soft', sans-serif;
	border: 0;
	border-radius: 6px;
	transition: all 0.3s;
	cursor: pointer;
	background-color: transparent;
}

h1 {
	font-size: 3.2em;
}

h2 {
	font-size: 2.5em;
}
iframe {
	width: 100%;
	min-height: 800px;
}
main.login-page .main-panel {
	position: relative;
	padding-bottom: 120px;
}
main.login-page .footer {
	position: absolute;
	bottom: 0;
}
.col-1 {
	width: 8.33%;
}

.col-2 {
	width: 16.66%;
}

.col-3 {
	width: 25%;
}

.col-4 {
	width: 33.33%;
}

.col-5 {
	width: 41.66%;
}

.col-6 {
	width: 50%;
}

.col-7 {
	width: 58.33%;
}

.col-8 {
	width: 66.66%;
}

.col-9 {
	width: 75%;
}

.col-10 {
	width: 83.33%;
}

.col-11 {
	width: 91.66%;
}

.col-12 {
	width: 100%;
}

[class*="col-"] {
	float: left;
	padding: 15px;
}

.row {
	width: 100%;
}

.row::after {
	content: "";
	clear: both;
	display: table;
}

section.hero {
	background-image: url("https://wevett.com/wp-content/uploads/2023/07/blue_door_scaled_compressed.webp");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

section.hero .boxed {
	min-height: 70vh;
}

section.hero h3 {
	font-weight: 300;
}

#embedContainer {
	height: 90vh;
}

#embedElement {
	height: 100%;
}

.how-it-works {
	padding-top: 200px;
	padding-bottom: 120px;
}

.how-it-works hr {
	width: 90%;
	margin: 0 auto -9px auto;
}

.how-it-works h2 {
	text-align: center;
	margin-top: 0;
	margin-bottom: 2em;
	font-size: 3em;
}

.text-standard {
	font-size: 1.4em;
	line-height: 2em;
}

.boxed {
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	position: relative;
	z-index: 5;
}

[class*="logo-placement"] img {
	width: 130px;
	height: auto;
}


.text-white * {
	color: white;
}

button.btn-medium {
	padding: 0.5rem 3rem;
	font-size: 1.5rem;
}

[class*="white-on-"] {
	color: white;
}

[class*="-on-orange"] {
	background-color: #F7931E;
}

[class*="-on-grey"] {
	background-color: #ddd;
}

button.white-on-orange:hover {
	color: #F7931E;
	background-color: white;
	box-shadow: 0 0 3px 3px #ddd;
}

button.white-on-grey:hover {
	color: white;
	background-color: #61B4E4;
	box-shadow: 0 0 3px 3px rgb(70, 70, 70);
}
.top-header.thin {
	min-height: 35px;
	padding-top: 6px;
	padding-bottom: 6px;
	color: white;
}
.top-header .row {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.top-header a {
	color: white;
}
.top-header a:hover {
	color: #F7931E;
}
.top-header .contact-header {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: row;
	gap: 3em;
	padding-right: 2em;
}

.colored-blocks {
	/* height: 450px; */
	min-height: 450px;
	display: flex;
	font-size: 1.2em;
}

.colored-blocks h2 {
	margin-top: 6px;
	margin-bottom: 6px;
}

.colored-blocks h3 {
	margin-top: 6px;
	margin-bottom: 6px;
	font-size: 1.2em;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
}

.colored-blocks>div {
	flex-grow: 1;
}

.colored-blocks .even-block {
	display: flex;
	height: 100%;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 5%;
	padding-bottom: 5%;
	/* flex-grow: 1; */
}

.colored-blocks .even-block .inside-block {
	max-width: 80%;
	display: flex;
	flex-direction: column;
	text-align: justify;
	justify-content: flex-start;
	align-items: center;
}

.text-justify {
	text-align: justify;
}

.put-space-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.full-width {
	width:100%;
}

.no-side-padding {
	padding-left: 0;
	padding-right: 0;
}

.side-padding-5p {
	padding-left: 5%;
	padding-right: 5%;
}

.fake-span {
	width: 100%;
	height: 1em;
	display: inline-block;
}

.bk-color-primary {
	background-color: #436982;
	color: white;
}

.bk-color-secondary {
	background-color: #61B4E4
}

.bk-color-blue-1 {
	background-color: #61B4E4;
}

.bk-color-blue-2 {
	background-color: #79BDEA;
}

.bk-color-blue-3 {
	background-color: #A6D3F1;
}

.bk-color-beige {
	background-color: #C69C6D;
	color: white;
}

.carousel.reviews {
	background-image: url("https://wevett.com/wp-content/uploads/2023/03/5229b1bab37f4162a34029310a20efbc-e1689264723540.webp");
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
	padding-top: 0;
	padding-bottom: 0;
}

.carousel.reviews .boxed {
	height: 100%;
	justify-content: space-between;
}

.carousel .quote-main {
	height: 80%;
}

.carousel .quote-main>div {
	height: 100%;
}

.reviews-pagination {
	min-height: 10%;
}

.reviews-pagination>div {
	display: flex;
	align-items: center;
	justify-content: center;
}

.pagination-bullet-round {
	margin: 0 10px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	cursor: pointer;
	display: block;
}

.pagination-bullet-round:hover {
	background-color: #F7931E;
}

.pagination-bullet-round.enable {
	background-color: #61B4E4;
}

.overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	opacity: 0.5;
	background-color: rgb(50, 50, 50);
}

.overlay-primary {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #436982;
	opacity: 0.85;
	z-index: 1;
}

.spacer-10pct {
	height: 10%;
	width: 100%;
}

.page-arrow {
	position: absolute;
	z-index: 10;
	width: auto;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 6px;
	padding-right: 6px;
}

.arrow-left {
	left: 0;
}

.arrow-right {
	right: 0;
}

.page-arrow svg {
	fill: #ddd;
	opacity: 0.85;
	height: 3em;
	cursor: pointer;
}

.page-arrow svg:hover {
	opacity: 1;
}

.quote-left {
	width: 100%;
	text-align: left;
}

.quote-right {
	width: 100%;
	text-align: right;
}

.quote-mark svg {
	height: 4em;
	color: white;
	fill: white;
}

.quote-inner .quote-creds {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.quote-inner .quote-author::before {
	content: "— ";
}

.quote-inner .author-separator {
	margin-left: 6px;
	margin-right: 6px;
}

.animationSlideLeftOut {
	opacity: 0;
	transform: translateX(-100vw);
	-webkit-animation: 2000ms slideLeftFadeOut ease-in;
	-moz-animation: 2000ms slideLeftFadeOut ease-in-out;
	-ms-animation: 2000ms slideLeftFadeOut ease-in-out;
	-o-animation: 2000ms slideLeftFadeOut ease-in-out;
	animation: 1350ms ease-in slideLeftFadeOut;
}

.animationSlideLeftIn {
	opacity: 1;
	transform: translateX(0);
	-webkit-animation: 2000ms slideLeftFadeOut ease-in;
	-moz-animation: 2000ms slideLeftFadeOut ease-in-out;
	-ms-animation: 2000ms slideLeftFadeOut ease-in-out;
	-o-animation: 2000ms slideLeftFadeOut ease-in-out;
	animation: 1200ms ease-out 150ms slideLeftFadeIn;
}

.quote-main {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.slide-container {
	display: flex;
	transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
	padding: 0;
}

.quote-inner {
	flex: 0 0 100%;
	padding: 20px 40px 0 40px;
	text-align: justify;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 24px;
	cursor: pointer;
}

.accordion-container {
	/* max-width: 600px; */
	margin: 0 auto;
	padding: 20px;
}

.accordion-container>h2 {
	text-align: center;
}

.accordion-item {
	border: 1px solid #ddd;
	margin-bottom: 10px;
	overflow: hidden;
	/* Added overflow to contain easing effect */
}

.accordion-header {
	background-color: rgba(166, 211, 241, 0.1);
	padding: 1em 1em;
	cursor: pointer;
	font-size: 1.2em;
	transition: all 0.4s ease-in;
	/* Added easing to header transition */
}

.accordion-content {
	max-height: 0;
	overflow: hidden;
	padding: 0;
	transition: max-height 0.4s ease-in;
	/* Added easing to content transition */
}

.accordion-content>div {
	padding: 1.2em;
}

.faq .active {
	display: block;
}

.accordian-chevron-up {
	margin-left: 0;
	margin-right: 1em;
}

.accordian-chevron-up>svg {
	width: 1em;
	fill: #436982;
	transition: all 0.6s;
	transform: rotate(0deg);
}

.accordian-chevron-up.down>svg {
	fill: #fff;
	transform: rotate(180deg);
}

.active .accordion-header {
	background-color: #A6D3F1;
	/* Adjust active header background color */
	color: white;
}

.active .accordion-content {
	max-height: 1000px;
	/* Adjust max-height value for content */
}

section.contact-us {
	height: 100vh;
}

.form-container {
	max-width: 400px;
	margin: 0 auto;
	padding: 20px;
}

.form-container h2 {
	text-align: center;
}

.form-container form {
	display: flex;
	flex-direction: column;
}

.form-container label {
	margin-top: 10px;
	display: none;
}

.form-container input {
	padding: 1em;
	margin-top: 5px;
	border: 1px solid rgba(200, 200, 200, 0.7);
	border-radius: 3px;
}

.form-container input:focus {
	outline: 1px solid #F7931E;
}

.form-container button {
	margin-top: 1em;
	margin-bottom: 2em;
}

.footer hr {
	margin-top: 3em;
	margin-bottom: 3em;
}

.footer .contact-info {
	font-size: 1.5em;
}

.logo-placement-wide img {
	width: 70%;
	min-width: 250px;
}

.flex-stacked {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.flex-row {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
}

[class*="align-"] {
	display: flex;
}

.align-h {
	justify-content: center;
}

.align-v {
	/* height: 100%; */
	align-items: center;
}

#contact-form-cp {
	position: fixed;
	z-index: 20;
	background-color: white;
	/* padding: 50px; */
	width: 500px;
	height: 300px;
	display: none;
	align-items: center;
	justify-content: center;
	box-shadow: 0 0 6px 6px #ddd;
	top: calc(50% - 300px/2);
	left: calc(50% - 500px/2);
	opacity: 0;
	transition: opacity 2s;
}

custom-funnel h2 {
	font-size: inherit;
}

.clientTable .table-responsive {
	max-height: 410px;
	position: relative;
}
.clientTable {
	height: 473px;
}
.demo-hide {
	display: none;
}
.refresh {
	cursor: pointer;
}
.refresh:hover {
	transform: translateY(-2px);
}
th.arrow-asc, th.arrow-desc {
	cursor: pointer;
}
th.arrow-asc:hover, th.arrow-desc:hover {
	text-shadow: rgba(150,150,150);
	transform: translateY(-2px);
}
th.arrow-asc::after{
	content: url("https://dash.wevettrelocation.com/public/black/img/icons/arrow-up-short-wide-solid.svg");
	margin-left: 4px;
	width: 16px;
	color: rgb(50, 50, 50);
	display: inline-block;
}

th.arrow-desc::after{
	content: url("https://dash.wevettrelocation.com/public/black/img/icons/arrow-down-wide-short-solid.svg");
	margin-left: 4px;
	width: 16px;
	color: rgb(50, 50, 50);
	display: inline-block;
}

.tab-page:not(.active-page) {
	display: none;
}

.company-picker .nav-item {
	padding: 11px 2em;
	cursor: pointer;
}

.company-picker .nav-item:hover {
	transform: translateY(-2px);
}

.company-picker .nav-item.active {
	text-shadow: rgba(150,150,255, 0.8);
	background-color: rgba(50,50,50,0.1);
}

.content thead {
	background-color: #27293d;
	position: sticky;
	top: 0;
	z-index: 5;
}

/* workspace-specific */
#embed-page {
	width: calc(100vw - 250px);
	float: right;
	height: calc(100vh - 94px);
	margin-top: 82px;
	padding: 0 20px;
	-webkit-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: .35s;
	transition-duration: .35s;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
}
.sidebar-mini #embed-page {
	width: calc(100vw - 120px);
}
#embedContainer {
	height: 100%;
	width: 100%;
	padding: 0;
}

#embedElement {
	height: 100%;
	width: 100%;
	padding: 0;
}
.main-panel>.content {
	-webkit-transition-property: padding;
	transition-property: padding;
	-webkit-transition-duration: .35s;
	transition-duration: .35s;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
	min-height: unset;
}

body.light-mode {
	background-color: #fff;
	color: rgb(63,68,75);
}

body.light-mode h1, body.light-mode h2, body.light-mode h3, body.light-mode h4, body.light-mode h5, body.light-mode h6 {
	color: rgb(63,68,75);
}

body.light-mode label, body.light-mode span, body.light-mode input, body.light-mode select, body.light-mode textbox, body.light-mode p, body.light-mode option {
	color: rgb(63,68,75);
}

body.light-mode .content {
	background-color: #fff;
	color: rgb(63,68,75);
}
body.light-mode .card {
	background-color: #fff;
}

@media screen and (max-width: 980px) {
	h1 {
		line-height: 1em;
		text-align: center;
	}

	h2 {
		text-align: center;
		line-height: 1em;
	}
	
	h3 {
		text-align: center;
	}

	p {
		text-align: justify;
	}

	.moving-with-the-military p, .moving-with-the-military h2 {
		text-align: left;
	}
	.moving-with-the-military .lone-cta {
		justify-content: flex-start;
	}
	.conversation p, .conversation h2 {
		text-align: right;
	}
	.conversation button {
		height: 2em;
	}

	section.hero .boxed {
		height: calc(100vh - 80px);
		justify-content: space-evenly;
	}
	section.hero .logo-placement {
		position: absolute;
		top: 20px;
	}

	img {
		max-width: 450px;
	}
	section.hero .logo-placement img {
		width: 20vw;
		max-width: unset;
		min-width: 80px;
	}
	.top-header .contact-header {
		flex-direction: column;
		gap: unset;
		justify-content: space-evenly;
	}
	.top-header .row {
		flex-direction: row-reverse;
	}
	.top-header a.email-link {
		display: none;
	}

	.lone-img {
		display:flex;
		justify-content: center;
	}

	.carousel.reviews {
		height: unset;
	}

	.lone-cta {
		display: flex;
		justify-content: center;
	}

	.colored-blocks>div {
		display: flex;
		flex-direction: column;
	}

	[class*="col-"] {
		width: 100%;
	}

	.moving-with-the-military .img-col {
		display: none;
	}

	.spacer-10pct {
		height: 0;
	}

	.page-arrow {
		align-items: flex-end;
		display: none;
	}

	.quote-mark {
		display: none;
	}

	.quote-mark svg {
		height: 2em;
	}

	.quote-inner {
		padding-top: 10%;
		align-items: flex-end;
	}

	.quote-inner p {
		font-size: 0.9em;
		line-height: 1.2em;
		margin-top: 0;
		margin-bottom: 0;
	}

	.quote-creds {
		font-size: 1em;
	}

	.how-it-works h2 {
		margin-bottom: 0.5em;
	}

	.colored-blocks .even-block {
		padding: 40px 12px;
	}

	.colored-blocks .even-block .inside-block {
		text-align: center;
	}
	.colored-blocks .even-block .inside-block p {
		text-align: center;
	}

	.accordion-header {
		font-size: 1em;
		line-height: 1em;
	}

	.flex-row {
		flex-direction: column;
	}

}