.container {
  padding-left: var(--gutter-width);
  padding-right: var(--gutter-width);
}

/* Remove padding on content area */
.layout--boxton .l-content {
  padding-left: var(--gutter-width);
  padding-right: var(--gutter-width);
  max-width: var(--max-content-width);
  margin-left: auto;
  margin-right: auto;
}

body[class*="node-type-"] .layout--boxton .l-content {
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
}

body.people .layout--boxton .l-content {
  max-width: var(--extended-max-content-width);
}

/** General Field layout */

.l-content .field {
  margin-bottom: 1em;
}

.l-content .field:last-child {
  margin-bottom: 1em;
}

.l-content .field :last-child {
  margin-bottom: 0;
}

/** Make each field center in boxton layout */

body[class*="node-type-"] .layout--boxton .l-content .page-title,
body[class*="node-type-"] .layout--boxton .l-content .field,
body[class*="node-type-"] .layout--boxton .l-content .field-type-paragraphs .field,
body[class*="node-type-"] .layout--boxton .l-content .webform-client-form {
  margin-left: auto;
	margin-right: auto;
	max-width: var(--max-content-width);
  padding-left: var(--gutter-width);
  padding-right: var(--gutter-width);
}

body[class*="node-type-"] .layout--boxton .field.field-type-paragraphs,
body[class*="node-type-"] .layout--boxton .field.field-name-field-paragraph-image,
body[class*="node-type-"] .layout--boxton .field-type-image {
	max-width: 100%;
	width: auto;
	text-align: center;
  padding-left: 0;
  padding-right: 0;
}

/* Partners listing full width */
body.node-type-feature-page.partners .layout--boxton .field {
  max-width: 100%;
}

/** Webform */
.webform-component label {
	display: block;
}

.webform-component input.form-text,
.webform-component textarea {
	width: 100%;
}

/** Views Bootstrap Hack */
.flex-view > .view-content {
	display: -webkit-flex;
  display: -ms-flexbox;
	display: flex;
  margin: 0 var(--neg-gutter-width) var(--neg-gutter-width);
	-webkit-flex-wrap: wrap;
  -ms-flex-wrap    : wrap;
  flex-wrap        : wrap;
}

.flex-view > .view-content .views-row {
  margin-bottom: var(--gutter-width);
}

/** Buttons */

.btn {
	padding: 8px;
	background-color: #0074bd;
	color: #fff;
}

.btn:hover {
	background-color: #212529;
}

/** Icon Tiles */
.paragraphs-item-icon-set {
	margin: 10px auto;
}

.tile {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.paragraphs-item-icon-set .field {
	text-align: center;
	padding: 10px;
	justify-self: flex-start;
}

.field-name-field-tile-heading {
	font-size: 2em;
	font-weight: 600;
}

.field-name-field-tile-link {
	justify-self: flex-end;
}

.field-name-field-tile-link a {
	text-decoration: none;
	color: #fff;
	background-color: #0074bd;
	padding: 0.5em;
	border-radius: 6px;
}

.field-name-field-tile-link a:hover {
	background-color: #212529;
}

/** Partners Block */
.view-partners-list {
	margin: 30px auto;
}

.view-partners-list > .view-content {
	justify-content: space-between;
}

.view-partners-list .views-row {
	padding: 0 10px;
}

/** Partners Page */
.view-partner .view-content [class*="col"] {
  margin-bottom: 15px;
}

.partner-listing {
  display: flex;
  height: 100%;
}

.partner-listing .partner-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  text-decoration: none;
  flex-grow: 1;
}

.partner-listing .partner-tile .field-name-field-partner-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 2 auto;
}

.partner-listing .partner-tile .partner-name {
  /* justify-self: flex-end; */
  font-size: 1.2rem;
  text-decoration: none;
}

/* View Listings */
a.listing-link {
  display: block;
  padding: var(--gutter-width);
  background-color: var(--light-grey-colour);
  color: black;
  text-decoration: none;
  transition: all 0.2s ease-in;
  height: 100%;
}

a.listing-link:hover,
a.listing-link:focus {
  background-color: var(--highlight-colour);
  color: black;
}

a.listing-link h2 {
  margin-top: 0;
  color: black;
}

.views-exposed-form {
  padding: 0;
}

/* Projects View */
.view-our-projects .view-content {
  margin-bottom: var(--neg-gutter-width);
}

.view-our-projects .view-content .views-row {
  margin-bottom: var(--gutter-width);
}

.views-exposed-form .views-widget-filter-field_project_category_tid {
  display: block;
  padding: 0;
  background-color: black;
}

.views-widget-filter-field_project_category_tid label {
  padding: 8px var(--gutter-width);
  background-color: var(--secondary-colour);
  color: white;
}

.views-widget-filter-field_project_category_tid a {
  display: block;
  padding: 8px var(--gutter-width);
  color: white;
  text-decoration: none;
}

.views-widget-filter-field_project_category_tid a:hover,
.views-widget-filter-field_project_category_tid a:focus {
  background-color: white;
  color: black;
}

/* People View */
.field-name-field-person-qualifications {
  font-weight: bold;
}

.view-our-people .field-name-field-person-qualifications {
  font-size: 1.6rem;
}
