.report{
	
	display:none;
	
}

@page {
	margins: 0 !important;
}

html, body {

		margin:0;
		padding:0;
		background-color:#FFF;
		font-family: 'Arial';

	
}

/* Styles for all media */
#print_helper {
  display: none;
}

.resultsTable{
	
	margin-top:15em;	
}


p {
	color:#000;
font-family: "din-2014", sans-serif;
font-weight: 300;
font-style: normal;
	font-size:18px;
	line-height:20pt;
	    margin-top: 0px;
}

#container{
	height:100%;
	background-image:url(../images/lloyd-williams-associates.png);
	background-repeat:no-repeat;
	background-size:300px;
	background-position:right top;
	margin-left:14%;
	margin-right:14%;
	
}

#main{
	width:80%;
	height:100%;
	padding-left:5%;
	
	
}

.header{
	
background-color: #FFF;

background-size: 85%;
	display:block;
	margin-top:-3%;
	padding-top:2em;
	padding-bottom:0.5em;
	color: #000;
	
}

.barChart {
	
	padding-bottom:18%;
	
}

.alignCenter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

h1{
	color:#0B25A8;
font-family: "din-2014", sans-serif;
font-weight: 300;
font-style: normal;
	font-size:1.8em;
	line-height:19pt;
	text-align:center;
}

h2{
	color:#000000;
	font-weight:bold;
	font-family: 'Arial';
	font-size:1.7em;
	line-height:19pt;
}

h4{
	color:#2C2A6F;
	font-weight:normal;
	font-family: 'Arial';
	font-size:107%;
	line-height:16pt;
	text-align:center;
	margin-top:-1%;
}

.logo{

	padding-top:0.5%;
	padding-bottom:0.5%;
	min-width:100px;
	
}

.logo2{

	padding-top:0.5%;
	padding-bottom:0.5%;
	min-width:30px;
	float:right;
	padding-right:1%;
	
}

.smButtons{
	padding-top:10%;
	
}

.sharethis{
	
	padding-top:0.5%;
	padding-bottom:0.5%;
	min-width:120px;
	float:right;
	padding-right:1%;
		
}

.form-wrapper input[type="submit"] {
  display: block;
  background: #F78F20;
  color: #FFF;
  border: none;
  padding-top:0.5%;
  padding-bottom:0.5%;
  margin-left:45%;
  -moz-border-radius: 1px;
  border-radius: 1px;
  cursor: pointer;
  text-align:center;
}

#firework1{
	background-image:url('../images/firework1.png');
	background-repeat:no-repeat;
	background-position:right top;
	background-size:28%;
	width:100%;
}

#firework2{
	background-image:url('../images/firework2.png');
	background-repeat:no-repeat;
	background-position:left bottom;
	background-size:28%;
	width:100%;
}

table{
	color:#000;
	font-weight:normal;
	font-family: 'Arial';
	font-size:100%;
	line-height:16pt;
	border-color:#0b4499;
	border-style:solid;
	border-width:thin;
	
	
}


#col2-header{
	background-color: #0B25A8;
	color: #FFF;
	font-weight: bold;
}

#col1{
	color:#0B25A8;
font-family: "din-2014", sans-serif;
font-weight: 300;
font-style: normal;
	padding:1%;
	width:15%;
	text-align:left;
	background-color: #FFF;
	
}

#col2{
	background-color: #FFF;
}


#col1-key{

	padding:1%;
	width:15%;
	text-align:center;
	
}

#col2-key{

	padding:1%;
	padding-bottom:0%;
	width:85%;
	text-align:left;
	
}

.img-container{
	  display: flex;
  justify-content: center;
  align-items: center;
    margin-bottom: 30px;


}

.center-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.img-content {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 730px;
}

.text-content {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 0px;
}

.text-content p,
.text-content h1,
.text-content button {
  margin-top: -5px;
  padding: 0;
}

.text-content ul {
  margin-top: -5px;
  margin-left: 35px;
  padding: 0;
}

.text-content li {
  margin-top: 5px;
}

.next-button {
  padding: 10px 40px !important;
  font-size: 1rem;
  background-color: #FFF;
  color: #0B25A8;
border-style: solid;
border-color: #0B25A8;
border-width: 1px;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  width: 30%;
}

.next-button:hover {
  background-color: #F7F3EE;
}

.download-report-layout {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 40px;
  padding: 40px;
}

.image-container img {
  max-width: 300px;
  height: auto;
  display: block;
}

.text-columns {
  display: flex;
  gap: 40px;
  max-width: 1000px;
  align-items: flex-start;
}

.text-column {
  flex: 1;
  min-width: 0;
}

.text-column p:first-child {
  margin-top: 0;
}

.text-column ul {
  padding-left: 20px;
  margin-top: 0;
}


#col1-top{

	padding:8px;
	width:50%;
	text-align: left;
	background-color: #0B25A8;
	color: #FFF;
	font-weight: bold;
	
}

.fontFix{
	font-family: 'Arial';
	color:#000;

}

td{
	text-align:center;
	width:10%
	
}

table.gridtable {
	font-family: 'Arial';
	font-size:95%;
	color:#000;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}

ul{
	color:#000;
	font-weight:normal;
	font-family: 'Arial';
	font-size:16px;
	line-height:20pt;
}

li{
	color:#000;
	font-weight:normal;
	font-family: 'Arial';
	font-size:16px;
	line-height:20pt;
}

.box{
	width:100%; 
	padding-left:5%; 
	background-color:#F2F2F2; 
	padding-left:1em;
	padding-top:.02em;
	padding-bottom:1em;	
}

.box-top{
	width:100%; 
	padding-left:5%; 
	background-color:#5F5F5F; 
	padding-left:1em;
	padding-top:.02em;
	padding-bottom:1em;	
	margin-top:3em;
}

.box-top p {
	color:#FFF;
	font-weight:normal;
	font-family: 'Arial';
	font-size:100%;
	margin-bottom:-.5em;
	margin-top:-0.1em;
	padding-top:.7em;
}


.box-admin{
	width:90%; 
	padding-left:5%; 
	background-color:#FFF; 
	padding-left:1em;
	padding-top:.02em;
	padding-bottom:.3em;	
}

.textBox{
	
	width:17.5em; 
	height:1.5em;
	
}

.textBoxLonger{
	
	width:25em; 
	height:1.5em;
	
}

textarea{
	width:65em;	
	height:6em;
	font-family: inherit;
}

.support-each-other-table {
  font-family: Arial, sans-serif;
  max-width: 800px;
  margin: 0 auto;
}

.support-each-other-table .section-header {
  background-color: #E6580E;
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  margin-bottom: 10px;
  font-size: 18px;
}

.support-each-other-table .sub-header {
  background-color: #E6580E;
  color: white;
  font-weight: bold;
  padding: 8px;
  margin-top: 20px;
  text-align: center;
}

.support-each-other-table table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 5px;
}

.support-each-other-table th{
  border: 1px solid #ccc;
  padding: 10px;
  vertical-align: top;
  text-align: left;
}

.support-each-other-table td {
  border: 1px solid #ccc;
  padding: 10px;
  vertical-align: top;
  text-align: left;
  height: 100px;
  background-color: #FFF;
}

.support-each-other-table th {
  background-color: #ffecec;
  color: #000;
  text-align: left;
}

.delight-customers-table {
  font-family: Arial, sans-serif;
  max-width: 800px;
  margin: 0 auto;
}

.delight-customers-table .section-header {
  background-color: #8A2C51;
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  margin-bottom: 10px;
  font-size: 18px;
}

.delight-customers-table .sub-header {
  background-color: #8A2C51;
  color: white;
  font-weight: bold;
  padding: 8px;
  margin-top: 20px;
  text-align: center;
}

.delight-customers-table table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 5px;
}

.delight-customers-table th{
  border: 1px solid #ccc;
  padding: 10px;
  vertical-align: top;
}

.delight-customers-table td {
  border: 1px solid #ccc;
  padding: 10px;
  vertical-align: top;
  background-color: #FFF;
  text-align: left;
  height: 100px;
}

.delight-customers-table th {
  background-color: #f9e3f0;
  color: #000;
  text-align: left;
}

.sustainable-future-table {
  font-family: Arial, sans-serif;
  max-width: 800px;
  margin: 0 auto;
}

.sustainable-future-table .section-header {
  background-color: #DAA620;
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  margin-bottom: 10px;
  font-size: 18px;
}

.sustainable-future-table .sub-header {
  background-color: #DAA620;
  color: #FFF;
  font-weight: bold;
  padding: 8px;
  margin-top: 20px;
  text-align: center;
}

.sustainable-future-table table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 5px;
}

.sustainable-future-table th {
  border: 1px solid #ccc;
  padding: 10px;
  vertical-align: top;
}

.sustainable-future-table td {
  border: 1px solid #ccc;
  padding: 10px;
  vertical-align: top;
  background-color: #FFF;
  height: 100px;
  text-align: left;
}

.sustainable-future-table th {
  background-color: #fff3cd;
  color: #000;
  text-align: left;
}


.tables-wrapper {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px;
  padding-top: 0px;
}

.tables-wrapper > div {
  flex: 1 1 300px; /* Flexible sizing with a min width */
  min-width: 300px;
  max-width: 470px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.capability-matrix-table {
  font-family: Arial, sans-serif;
  width: 100%;
  margin: 40px 0;
}

.capability-matrix-table .section-header {
  background-color: #f5a623;
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 12px;
  font-size: 20px;
}

.capability-matrix-table table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.capability-matrix-table colgroup col:first-child {
  width: 15%;
}

.capability-matrix-table th,
.capability-matrix-table td {
  border: 1px solid #ccc;
  padding: 10px;
  vertical-align: top;
  word-wrap: break-word;
}

.capability-matrix-table th {
  background-color: #f1c40f;
  text-align: left;
}

.capability-matrix-table td {
  background-color: #fff9e6;
}

.capability-matrix-table .group-header td {

}

.capability-matrix-table .vertical-header {
  text-align: center;
  vertical-align: middle;
  padding: 0;
    background-color: #ffe7b3;
}

.capability-matrix-table .vertical-header span {
  display: inline-block;
  transform: rotate(-90deg);
  transform-origin: center;
  white-space: nowrap;
  font-weight: bold;
}

.capability-matrix-table .manual-header th {
  background-color: #800040;
  color: white;
  font-weight: bold;
  text-align: left;
}

.capability-matrix-table .vertical-header {
  background-color: #f2d6e0;
  text-align: center;
  vertical-align: middle;
  padding: 0;
}

.capability-matrix-table .vertical-header span {
  display: inline-block;
  transform: rotate(-90deg);
  transform-origin: center;
  white-space: nowrap;
  font-weight: bold;
  line-height: 1.2;
}

/* ===== Footer ===== */

.site-footer {
  width: 100%;
  background-color: #0B25A8;
  position: fixed;
  bottom: 0;
  left: 0;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-pattern {
  width: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
  color: rgba(255, 255, 255, 0.6);
  font-family: "din-2014", sans-serif;
  font-weight: 300;
  font-size: 18px;
  letter-spacing: 10px;
}

input[type="text"]{
	border:2px solid #0B25A8;
}

input[type="email"]{
	border:2px solid #0B25A8;
}

/* Questionnaire header (image + boxed titles) */
.questionnaire-header{
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 40px;
  margin: 30px 0 25px;
}

.section-image{
  width: 95px;
  height: auto;
  display: block;
}

.section-boxes{
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.section-box{
  border: 1px solid #0B25A8;
  padding: 12px 20px;
  min-width: 320px;
  color: #0B25A8;
  font-family: "din-2014", sans-serif;
  font-weight: 300;
  text-align: left;
  background: transparent;
}

.section-title{
  font-size: 18px;
}

.section-subtitle{
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Page number bottom right */
.page-number{
  margin-top: 10px;
  text-align: right;
  font-size: 12px;
  color: #0B25A8;
  font-family: "din-2014", sans-serif;
  font-weight: 300;
}

strong{
	color: #0B25A8;
}