/* _____________________________
  |                             |
  |   Copyright (C) 2024, JEP   |
  |_____________________________|

  page.css is part of the Formulate plugin.
*/

/*.section {
	margin: 0 10px 30px 0;
	vertical-align: top;
	display: inline-block;
}

.section.half {
	width: calc(50% - 10px);
}

.section.third {
	width: calc(33.333% - 10px);
}

.section.twothird {
	width: calc(66.666% - 10px);
}

.section.fourth {
	width: calc(25% - 10px);
}

.thincentercolumn {
	width: 400px;
	text-align: left;
	display: inline-block;
}*/

/*.page .content {
	width: 1080px;
	max-width: 100%;
	text-align: left;
	display: inline-block;
	box-sizing: border-box;
}

.page .half .content {
	padding: 5% 10%;
}

.page .third .content {
	padding: 5% 14%;
}

.page .twothird .content {
	padding: 5% 8%;
}

.centeralign,
.page .centeralign {
	text-align: center;
}

.bottomalign,
.page .bottomalign {
	vertical-align: bottom;
}

.leftalign {
	text-align: left;
}

.rightalign {
	text-align: right;
}

.footer p {
	margin: 0;
}

.floatingfooter {
	position: fixed;
	bottom: 0;
}*/

.body:not(.header + .body) {
	margin-top: 0 !important;
}

.builder .page .header {
	margin: 0 0 2px 0;
}

.builder .builderpageheader .menuseries {
	overflow: visible !important;
}

.builder .builderpageheader .menu,
.builder .builderpageheader .rightmenu {
	width: auto;
	min-width: 20px;
}

.builder .builderelement.page>.body {
	margin: 2px 0;
}

.builder .builderelement.page.hover>.body {
	outline: 2px solid #ff880044;
}

.builder .builderelement.page.focus>.body {
	outline: 2px solid #ff00ff44;
}

/*@media only screen and (max-width: 1200px) {
	.builder .page .centercolumn {
		width: 700px;
	}

	.page .content {
		display: inline-block;
	}

	.page .third .content {
		padding: 5% 15%;
	}
}*/

/*@media only screen and (max-width: 1020px) {
	.builder .page .centercolumn {
		width: 605px;
	}
}

@media only screen and (max-width: 880px) {
	.builder .page .centercolumn {
		width: 435px;
	}
}

@media only screen and (max-width: 700px) {
	.menuitem .button {
		margin-top: 0;
	}

	.builder .page .centercolumn {
		width: 300px;
	}
}

@media only screen and (max-width: 580px) {
	.thincentercolumn {
		width: 400px;
	}
}

@media only screen and (max-width: 500px) {
	.page .content,
	.thincentercolumn {
		width: 400px;
	}
}

@media only screen and (max-width: 450px) {
	.page .content,
	.thincentercolumn {
		width: 350px;
	}
}

@media only screen and (max-width: 400px) {
	.page .content,
	.thincentercolumn {
		width: 380px;
	}
}

@media only screen and (max-width: 380px) {
	.page .content,
	.thincentercolumn {
		width: 320px;
	}
}

@media only screen and (max-width: 320px) {

	.page .content,
	.thincentercolumn {
		width: 280px;
	}
}*/

/*.mobile {
	width: 100vw;
	overflow-x: hidden;
}

.mobile .header {
	width: 100vw;
}

.mobile .body {
	width: 100vw;
}

.mobile .footer {
	width: 100vw;
}*/