/* ================================================================================================ */
/* ================================================================================================ */
@charset "UTF-8";

/* styles-pages.css */
/* styles relating to elements from page.html.twig & page--page.html.twig */

/* -------------------------------------------------------------- base global (1280+) */
/* 2-column: gray BG beyond padding 100% */

body {
  margin: 0;
  min-height: 100%;
  font-family: "UniversLTW04-45Light";
  line-height: 1.4;
  background-color: #fff;
}
.container {
  z-index: 0;
  position: relative;
  height: 100%;
  display: flex;
  margin: 0 auto;
  width: 1440px;
  padding-left: 32px;
  padding-right: 32px;
  padding-top: 20px;
  background-color: #ffffff;
}
.column-main {
  width: 832px;
  /*flex: 1 1 832px;*/
  /* overflow-x: hidden;
  overflow-y: scroll;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch; */
}
.column-main::-webkit-scrollbar {
  display: none;
}
.top-strip {
  display: none;
}
.column-main-footer {
  position: relative;
  clear: both;
  width: 832px;
  height: 96px;
  background-color: #ffffff;
}
.column-side {
  width: 384px;
  /*flex: 1 1 384px;*/
  padding-top: 12px;
  padding-bottom: 32px;
  padding-left: 2.631578947368421%; /* 32/1216 */
  padding-right: 0.822368421052632%; /* 10/1216 */
  padding-right: 0; /* padding here should be by component */
  /* overflow-x: hidden;
  overflow-y: scroll;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;*/
}
.column-side::-webkit-scrollbar {
  display: none;
}

.column-side .sticky-side {
  position: sticky;
  top: 10%;
}

.showform {
  display: none;
}

.blue-top {
	background-color: #595C59;
	overflow: hidden;
	-ms-overflow-style: none;
}
.blue-top::-webkit-scrollbar {
  display: none;
}

a {
  text-decoration: none;
  color: #0a6eb4;
}

/*.backstop {
	display: none;
	z-index: -1;
	position: fixed;
	width: 100%;
	height: 200px;
	background-color: #595C59;
}*/
/* ===================================== TODO: DEPRECATED?  */
/*.content {
	height: 100%;
	display: flex;
	overflow: hidden;
}*/
/* ===================================== TODO: DEPRECATED?  */
/*.strip-main {
	padding-left: 32px;
	padding-right: 32px;
	padding-top: 16px;
	padding-bottom: 16px;
	overflow: hidden;
	-ms-overflow-style: none;
}*/
/*.strip_main::-webkit-scrollbar {
	display: none;
}*/
/* ===================================== TODO: DEPRECATED?  */
/*.strip-side {*/
/*padding-left: 32px;*/
/*padding-right: 32px;*/
/*padding-top: 32px;*/
/*padding-bottom: 16px;*/
/*-ms-overflow-style: none;*/
/*font-family: 'UniversLTW04-65Bold';*/
/*font-family: 'UniversLTW04-45Light';*/
/*font-size: 11px;*/
/*line-height: 100%;*/
/*letter-spacing: .2px;*/
/*}*/
/*.strip-side::-webkit-scrollbar {
	display: none;
}*/
/*.gapped {
	margin-top: 16px;
}*/
.message {
  font-family: "UniversLTW04-45Light";
  font-size: 28px;
  padding-top: 250px;
  padding-left: 0px;
  width: 100%;
  color: #bdbfbf;
}

/* ============================================================== 2-column */
/* -------------------------------------------------------------- breakpoint: 0-1280 */
/* 2-column: 100%: padding is removed, replaced with white background (body) */

@media screen and (max-width: 1280px) {
  body {
    background-color: #ffffff;
  }
  .container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

/* -------------------------------------------------------------- breakpoint: 1216-1280 */
/* 2-column: 100%: container is resized for no outside padding */

@media screen and (min-width: 1216px) and (max-width: 1280px) {
  .container {
    width: 1216px;
  }
  .message {
    padding-left: 32px;
    padding-right: 32px;
  }
}

/* -------------------------------------------------------------- breakpoint: 810-1215 2-column fluid widths */
/* 2-column: fluid widths */

@media screen and (min-width: 768px) and (max-width: 1215px) {
  /*.backstop {
		display: block;
	}*/
  .container {
    width: 100%;
  }
  .column-main {
    width: 100%; /* base 832 */
    /*flex: 1 1 68.42105%;*/
  }
  .column-main-footer {
    width: 68.42105%; /* base 832 */
  }
  .column-side {
    width: 31.57895%; /* base 384 */
    /*flex: 1 1 31.57895%;*/
  }
  /*.strip-main {*/
  /*padding-left: 3.84615%;*/ /* base 32 */
  /*padding-right: 3.84615%;*/ /* base 32 */
  /*}*/
  /*.strip_side {*/
  /*padding-left: 3.84615%;*/ /* base 32 */
  /*padding-right: 3.84615%;*/ /* base 32 */
  /*}*/
  .message {
    padding-left: 3.84615%; /* base 32 */
    padding-right: 3.84615%; /* base 32 */
  }
}

/* -------------------------------------------------------------- breakpoint: 1080-1215 */
/* 2-column: 1079/1216 88.7%: step-down vertical dims */

@media screen and (min-width: 1080px) and (max-width: 1215px) {
  .column-main-footer {
    height: 85px; /* base 96 */
  }
  .column-side {
    padding-top: 142px; /* base 160 */
    padding-bottom: 28px; /* base 32 */
  }
  .strip-main {
    padding-top: 14px; /* base 16 */
    padding-bottom: 14px; /* base 16 */
  }
  .strip_side {
    padding-top: 28px; /* base 32 */
    padding-bottom: 14px; /* base 16 */
  }
  .gapped {
    margin-top: 14px; /* base 16 */
  }
  .message {
    font-size: 25px; /* base 28 */
    padding-top: 222px; /* base 250 */
  }
}

/* -------------------------------------------------------------- breakpoint: 946-1079 */
/* 2-column: 944/1216 77.6%: step-down vertical dims */

@media screen and (min-width: 946px) and (max-width: 1079px) {
  .column-main-footer {
    height: 75px; /* base 96 */
  }
  .column-side {
    padding-top: 40px; /* base 160 */
    padding-bottom: 25px; /* base 32 */
  }
  .strip-main {
    padding-top: 12px; /* base 16 */
    padding-bottom: 12px; /* base 16 */
  }
  .strip_side {
    padding-top: 25px; /* base 32 */
    padding-bottom: 12px; /* base 16 */
  }
  .gapped {
    margin-top: 12px; /* base 16 */
  }
  .message {
    font-size: 22px; /* base 28 */
    padding-top: 194px; /* base 250 */
  }
}

/* -------------------------------------------------------------- breakpoint: 810-945 */
/* 2-column: 818/1216 67.3%: step-down vertical dims */

@media screen and (min-width: 810px) and (max-width: 945px) {
  .column-main-footer {
    height: 65px; /* base 96 */
  }
  .column-side {
    padding-top: 30px; /* base 160 */
    padding-bottom: 22px; /* base 32 */
  }
  .strip-main {
    padding-top: 11px; /* base 16 */
    padding-bottom: 11px; /* base 16 */
  }
  .strip_side {
    padding-top: 22px; /* base 32 */
    padding-bottom: 11px; /* base 16 */
  }
  .gapped {
    margin-top: 11px; /* base 16 */
  }
  .message {
    font-size: 19px; /* base 28 */
    padding-top: 168px; /* base 250 */
  }
}

/* ============================================================== 1-column */
/* -------------------------------------------------------------- breakpoint: 0-809 */
/* 1-column: base */

@media screen and (max-width: 768px) {
	body {
		 /*background-color: #595C59;*/
	}
	/*.backstop {
		display: block;
	}*/
	.container {
		width: 100%;
		height: calc(100% - 80px);
		display: block;
		flex: none;
		margin: 0;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	/*.content {*/
		/*position:relative;*/
		/*display: block;*/
		/*flex: none;*/
		/*width: 100%;*/
		/*background-color: #595C59;*/
	/*}*/
	.column-main {
		display: block;
		flex: none;
		width: 100%;
	}
	.top-strip {
		display: block;
		position: relative;
		/*height: 100px;*/
		/*padding-top: 3px;*/
		padding-bottom: 24px;
		padding-left: 3.755215577190542%;
		color: #FFFFFF;
		background-color: #595C59;
		/*background-color: forestgreen;*/
	}
	.main-title-strip {
		display: block;
		position: relative;
		/*height: 100px;*/
		/*padding-top: 10px;*/
		/*padding-bottom: 24px;*/
		padding-left: 3.755215577190542%;
		line-height: 1.2;
		color: #FFFFFF;
		background-color: #595C59;
		/*background-color: forestgreen;*/
	}
	.column-main-footer {
		display: none;
		/*float: left;*/
		/*width: 100%;*/
	}
	.column-side {
		display: none;
		width: 0;
		padding: 0;
		background-color: red;
	}
  .cloned {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-bottom: 40px;
    color: #828682;
    width: 90%;
    margin: 0 auto;
	}

  .cloned span.second {
    display: block;
    font-size: 18px;
    color: #474946;
    letter-spacing: 0.5px;
  }
  .webform-flexbox {
    display: flex;
    gap: 10px;
  }
	/*.story-tile-list {
		display: block;
		width: 100%;
		height: auto;
		float: left;
		background-color: white;
	}*/
}

/* -------------------------------------------------------------- breakpoint: 320-809 1-column fluid widths */
/* 1-column: fluid widths */

@media screen and (min-width: 320px) and (max-width: 809px) {
  .message {
    padding-left: 3.755215577190542%;
  }
}

/* -------------------------------------------------------------- breakpoint: 0-319 1-column min widths */
/* 1-column: minimum widths */

@media screen and (max-width: 319px) {
  .container {
    width: 320px;
  }
  /*.content {
		width: 320px;
	}*/
  .column-main {
    width: 320px;
  }
  .column-main-footer {
    width: 320px;
  }
  /*.story-tile-list {
		width: 320px;
	}*/
  .message {
    padding-left: 12px;
  }
}

/* -------------------------------------------------------------- breakpoint: 768 > 760-809 */
/* 1-column: 768/768 = 100%: base vertical dims */

@media screen and (min-width: 760px) and (max-width: 809px) {
  .column-main-footer {
    height: 89px; /* base 89 */
  }
  .message {
    font-size: 26px; /* base 26 */
    padding-top: 200px; /* base 200 */
  }
}

/* -------------------------------------------------------------- breakpoint: 719 > 710-759 */
/* 1-column: 719/768 = 93.6%: step-down vertical dims */

@media screen and (min-width: 710px) and (max-width: 759px) {
  .column-main-footer {
    height: 83px; /* base 89 */
  }
  .message {
    font-size: 24px; /* base 26 */
    padding-top: 187px; /* base 200 */
  }
}

/* -------------------------------------------------------------- breakpoint: 660 > 650-709 */
/* 1-column: 660/768 = 85.9%: step-down vertical dims */

@media screen and (min-width: 650px) and (max-width: 709px) {
  .column-main-footer {
    height: 76px; /* base 89 */
  }
  .message {
    font-size: 22px; /* base 26 */
    padding-top: 172px; /* base 200 */
  }
}

/* -------------------------------------------------------------- breakpoint: 600 > 590-649 */
/* 1-column: 600/768 = 78.1%: step-down vertical dims */

@media screen and (min-width: 590px) and (max-width: 649px) {
  .column-main-footer {
    height: 70px; /* base 89 */
  }
  .message {
    font-size: 20px; /* base 26 */
    padding-top: 156px; /* base 200 */
  }
}

/* -------------------------------------------------------------- breakpoint: 550 > 540-589 */
/* 1-column: 550/768 = 71.6%: step-down vertical dims */

@media screen and (min-width: 540px) and (max-width: 589px) {
  .column-main-footer {
    height: 64px; /* base 89 */
  }
  .message {
    font-size: 19px; /* base 26 */
    padding-top: 143px; /* base 200 */
  }
}

/* -------------------------------------------------------------- breakpoint: 500 > 490-539 */
/* 1-column: 500/768 = 65.1%: step-down vertical dims */

@media screen and (min-width: 490px) and (max-width: 539px) {
  .column-main-footer {
    height: 58px; /* base 89 */
  }
  .message {
    font-size: 17px; /* base 26 */
    padding-top: 130px; /* base 200 */
  }
}

/* -------------------------------------------------------------- breakpoint: 460 > 450-489 */
/* 1-column: 460/768 = 59.9%: step-down vertical dims */

@media screen and (min-width: 450px) and (max-width: 489px) {
  .column-main-footer {
    height: 53px; /* base 89 */
  }
  .message {
    font-size: 16px; /* base 26 */
    padding-top: 120px; /* base 200 */
  }
}

/* -------------------------------------------------------------- breakpoint: 414 > 410-449 */
/* 1-column: 414/768 = 53.9%: step-down vertical dims */

@media screen and (min-width: 410px) and (max-width: 449px) {
  .column-main-footer {
    height: 48px; /* base 89 */
  }
  .message {
    font-size: 14px; /* base 26 */
    padding-top: 108px; /* base 200 */
  }
}

/* -------------------------------------------------------------- breakpoint: 400 > 395-409 */
/* 1-column: 400/768 = 52.1%: step-down vertical dims */

@media screen and (min-width: 395px) and (max-width: 409px) {
  .column-main-footer {
    height: 46px; /* base 89 */
  }
  .message {
    font-size: 14px; /* base 26 */
    padding-top: 104px; /* base 200 */
  }
}

/* -------------------------------------------------------------- breakpoint: 375 > 370-394 */
/* 1-column: 375/768 = 48.8%: step-down vertical dims */

@media screen and (min-width: 370px) and (max-width: 394px) {
  .column-main-footer {
    height: 43px; /* base 89 */
  }
  .message {
    font-size: 13px; /* base 26 */
    padding-top: 98px; /* base 200 */
  }
}

/* -------------------------------------------------------------- breakpoint: 360 > 355-369 */
/* 1-column: 360/768 = 46.9%: step-down vertical dims */

@media screen and (min-width: 355px) and (max-width: 369px) {
  .column-main-footer {
    height: 42px; /* base 89 */
  }
  .message {
    font-size: 12px; /* base 26 */
    padding-top: 94px; /* base 200 */
  }
}

/* -------------------------------------------------------------- breakpoint: 320 > 0-354 */
/* 1-column: 320/768 = 41.7%: step-down vertical dims */

@media screen and (max-width: 354px) {
  .column-main-footer {
    height: 37px; /* base 89 */
  }
  .message {
    font-size: 11px; /* base 26 */
    padding-top: 83px; /* base 200 */
  }
}