.button,
button, [type='button'], [type='reset'], [type='submit'] {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #821814;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75rem 1.5rem;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 150ms ease;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: normal;
}

.button:hover,
button:hover, [type='button']:hover, [type='reset']:hover, [type='submit']:hover {
  background-color: #681310;
  color: #fff;
}

.button:disabled,
button:disabled, [type='button']:disabled, [type='reset']:disabled, [type='submit']:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.button:disabled:hover,
button:disabled:hover, [type='button']:disabled:hover, [type='reset']:disabled:hover, [type='submit']:disabled:hover {
  background-color: #821814;
}

.button-grey {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75rem 1rem;
  background-color: #DADADA;
  color: #000;
  border-radius: 3px;
}

.button-grey:hover {
  background-color: #cfcfcf;
  color: #000;
}

form[class^='webform'] {
  padding: 1.5rem;
  border-radius: 10px;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/backgrounds/pattern2.jpg");
}

form[class^='webform'] tr {
  background-color: transparent;
}

form[class^='webform'] .views-submit-button input[type="submit"] {
  padding-right: 3rem;
  background-size: 1rem 0.8rem;
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/chevron-right-solid-white.svg");
}

form[class^='webform'] select, form[class^='webform'] input[type='text'], form[class^='webform'] input[type='password'], form[class^='webform'] .select2-container {
  width: 100%;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  appearance: none;
  padding: 0.75rem;
  margin-right: 0;
  width: 100%;
  border: 1px solid #DADADA;
  color: #333;
  box-sizing: border-box;
  height: initial;
  background: none;
  background-color: #fff;
}

form[class^='webform'] .label {
  padding-top: 0;
}

form[class^='webform'] .select2-container,
form[class^='webform'] .select2-drop-above {
  display: block;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
}

form[class^='webform'] .select2-container.select2-container-active .select2-choice,
form[class^='webform'] .select2-drop-above.select2-container-active .select2-choice {
  box-shadow: none;
}

form[class^='webform'] .select2-container a,
form[class^='webform'] .select2-drop-above a {
  background: none;
  border: none;
  height: auto;
}

form[class^='webform'] .select2-container .select2-choice,
form[class^='webform'] .select2-drop-above .select2-choice {
  height: 16px;
  line-height: 17px;
  padding: 0;
}

form[class^='webform'] .select2-container .select2-choice abbr,
form[class^='webform'] .select2-drop-above .select2-choice abbr {
  top: 2px;
}

form[class^='webform'] .select2-container .select2-arrow,
form[class^='webform'] .select2-drop-above .select2-arrow {
  border: none;
  background: none;
  top: -5px;
}

form[class^='webform'] .select2-drop.select2-drop-above.select2-drop-active,
form[class^='webform'] .select2-drop-active {
  border-color: #ddd;
}

form[class^='webform'] .form-managed-file .form-submit,
form[class^='webform'] .form-managed-file .form-file {
  margin-bottom: 0.75rem;
}

form[class^='webform'] .webform-component-time .webform-container-inline > :nth-child(2) {
  margin-left: 0.4rem;
}

@media (min-width: 0) and (max-width: 575px) {
  form[class^='webform'] .webform-component-time .webform-container-inline {
    flex-wrap: wrap;
  }
  form[class^='webform'] .webform-component-time .webform-container-inline > :last-child {
    width: 100%;
  }
}

form[class^='webform'] .webform-component-time .webform-container-inline,
form[class^='webform'] .webform-component-date .webform-container-inline {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

form[class^='webform'] .webform-component-time .form-item,
form[class^='webform'] .webform-component-date .form-item {
  margin-bottom: 0;
  margin-right: 0.4rem;
}

form[class^='webform'] .webform-component-time .webform-calendar,
form[class^='webform'] .webform-component-date .webform-calendar {
  height: 1.5rem;
}

fieldset {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
}

legend {
  font-weight: 600;
  margin-bottom: 0.375rem;
  padding: 0;
}

label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.375rem;
}

input,
select,
textarea {
  display: block;
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
}

[type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-bottom: 0.75rem;
  padding: 0.5rem;
  -webkit-transition: border-color 150ms ease;
  transition: border-color 150ms ease;
  width: 100%;
}

[type='color']:hover, [type='date']:hover, [type='datetime']:hover, [type='datetime-local']:hover, [type='email']:hover, [type='month']:hover, [type='number']:hover, [type='password']:hover, [type='search']:hover, [type='tel']:hover, [type='text']:hover, [type='time']:hover, [type='url']:hover, [type='week']:hover, input:not([type]):hover, textarea:hover {
  border-color: #b1b1b1;
}

[type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus {
  border-color: #575756;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(87, 87, 86, 0.7);
  outline: none;
}

[type='color']:disabled, [type='date']:disabled, [type='datetime']:disabled, [type='datetime-local']:disabled, [type='email']:disabled, [type='month']:disabled, [type='number']:disabled, [type='password']:disabled, [type='search']:disabled, [type='tel']:disabled, [type='text']:disabled, [type='time']:disabled, [type='url']:disabled, [type='week']:disabled, input:not([type]):disabled, textarea:disabled {
  background-color: #f2f2f2;
  cursor: not-allowed;
}

[type='color']:disabled:hover, [type='date']:disabled:hover, [type='datetime']:disabled:hover, [type='datetime-local']:disabled:hover, [type='email']:disabled:hover, [type='month']:disabled:hover, [type='number']:disabled:hover, [type='password']:disabled:hover, [type='search']:disabled:hover, [type='tel']:disabled:hover, [type='text']:disabled:hover, [type='time']:disabled:hover, [type='url']:disabled:hover, [type='week']:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover {
  border: 1px solid #ddd;
}

[type='color']::-webkit-input-placeholder, [type='date']::-webkit-input-placeholder, [type='datetime']::-webkit-input-placeholder, [type='datetime-local']::-webkit-input-placeholder, [type='email']::-webkit-input-placeholder, [type='month']::-webkit-input-placeholder, [type='number']::-webkit-input-placeholder, [type='password']::-webkit-input-placeholder, [type='search']::-webkit-input-placeholder, [type='tel']::-webkit-input-placeholder, [type='text']::-webkit-input-placeholder, [type='time']::-webkit-input-placeholder, [type='url']::-webkit-input-placeholder, [type='week']::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #858585;
}

[type='color']::-moz-placeholder, [type='date']::-moz-placeholder, [type='datetime']::-moz-placeholder, [type='datetime-local']::-moz-placeholder, [type='email']::-moz-placeholder, [type='month']::-moz-placeholder, [type='number']::-moz-placeholder, [type='password']::-moz-placeholder, [type='search']::-moz-placeholder, [type='tel']::-moz-placeholder, [type='text']::-moz-placeholder, [type='time']::-moz-placeholder, [type='url']::-moz-placeholder, [type='week']::-moz-placeholder, input:not([type])::-moz-placeholder, textarea::-moz-placeholder {
  color: #858585;
}

[type='color']:-ms-input-placeholder, [type='date']:-ms-input-placeholder, [type='datetime']:-ms-input-placeholder, [type='datetime-local']:-ms-input-placeholder, [type='email']:-ms-input-placeholder, [type='month']:-ms-input-placeholder, [type='number']:-ms-input-placeholder, [type='password']:-ms-input-placeholder, [type='search']:-ms-input-placeholder, [type='tel']:-ms-input-placeholder, [type='text']:-ms-input-placeholder, [type='time']:-ms-input-placeholder, [type='url']:-ms-input-placeholder, [type='week']:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #858585;
}

[type='color']::-ms-input-placeholder, [type='date']::-ms-input-placeholder, [type='datetime']::-ms-input-placeholder, [type='datetime-local']::-ms-input-placeholder, [type='email']::-ms-input-placeholder, [type='month']::-ms-input-placeholder, [type='number']::-ms-input-placeholder, [type='password']::-ms-input-placeholder, [type='search']::-ms-input-placeholder, [type='tel']::-ms-input-placeholder, [type='text']::-ms-input-placeholder, [type='time']::-ms-input-placeholder, [type='url']::-ms-input-placeholder, [type='week']::-ms-input-placeholder, input:not([type])::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #858585;
}

[type='color']::placeholder, [type='date']::placeholder, [type='datetime']::placeholder, [type='datetime-local']::placeholder, [type='email']::placeholder, [type='month']::placeholder, [type='number']::placeholder, [type='password']::placeholder, [type='search']::placeholder, [type='tel']::placeholder, [type='text']::placeholder, [type='time']::placeholder, [type='url']::placeholder, [type='week']::placeholder, input:not([type])::placeholder, textarea::placeholder {
  color: #858585;
}

textarea {
  resize: vertical;
}

[type="checkbox"],
[type="radio"] {
  display: inline;
  margin-right: 0.375rem;
}

[type="file"] {
  margin-bottom: 0.75rem;
  width: 100%;
}

select {
  margin-bottom: 0.75rem;
  width: 100%;
}

.node-webform ul {
  margin-bottom: 1rem;
  padding-left: 1rem;
}

.node-webform ul li {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wJAwgfNSN3IG4AAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAARZJREFUGNONkb9LAnEAR99d53l3aah1EU0FDUKjU+gUQX9mkNRgQTRkv6DagginiLbWCrXzR3y9r3qf/gXf/HjLgwVxJGkR0V206I2ACFiyBswP+IAfgAHCErgwQzCUJI3Uu2mpfdjQcSXSyWas04O6xrdn0ngoZVb8qaes86RmdVsXHnqOQ7U8dFkp6CqOZd4+JGvlRpnH5+Mr4feYnKCfm+JuRaSuRb8D3l86YCweacbYDDGhWCeP7aXYZIa3GtLPizBJQMJjPiFa9nACGCQpxTyUXEi7hpUcBHEZXOESFdhp7DNbKZP4kK7l+XIgK/rMnIDqXg0KAXQlaT5Vdnet+1pN56D2Rqyj+q6Sh6aUTZTJauEz/2I5m3IFPKZ6AAAAAElFTkSuQmCC");
}

.node-webform ol {
  margin-bottom: 1rem;
  padding-left: 1rem;
  list-style-type: decimal;
}

.node-webform div.messages ul li {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wJAwgfNSN3IG4AAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAARZJREFUGNONkb9LAnEAR99d53l3aah1EU0FDUKjU+gUQX9mkNRgQTRkv6DagginiLbWCrXzR3y9r3qf/gXf/HjLgwVxJGkR0V206I2ACFiyBswP+IAfgAHCErgwQzCUJI3Uu2mpfdjQcSXSyWas04O6xrdn0ngoZVb8qaes86RmdVsXHnqOQ7U8dFkp6CqOZd4+JGvlRpnH5+Mr4feYnKCfm+JuRaSuRb8D3l86YCweacbYDDGhWCeP7aXYZIa3GtLPizBJQMJjPiFa9nACGCQpxTyUXEi7hpUcBHEZXOESFdhp7DNbKZP4kK7l+XIgK/rMnIDqXg0KAXQlaT5Vdnet+1pN56D2Rqyj+q6Sh6aUTZTJauEz/2I5m3IFPKZ6AAAAAElFTkSuQmCC");
}

.node-webform div.messages ol {
  margin-bottom: 1rem;
  padding-left: 1rem;
  list-style-type: decimal;
}

html {
  background-color: #fff;
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  overflow-x: hidden;
}

ul,
ol {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

dl {
  margin: 0;
}

dt {
  font-weight: 600;
  margin: 0;
}

dd {
  margin: 0;
}

figure {
  margin: 0;
}

img,
picture {
  margin: 0;
  max-width: 100%;
}

table {
  border-collapse: collapse;
  margin: 1.5rem 0;
  table-layout: fixed;
  text-align: left;
  width: 100%;
}

thead {
  line-height: 1.2;
  vertical-align: bottom;
}

tbody {
  vertical-align: top;
}

tr {
  border-bottom: 1px solid #ddd;
}

th {
  font-weight: 600;
}

th,
td {
  padding: 0.75rem;
  word-break: break-word;
}

html {
  color: #333;
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 100%;
  line-height: 1.5;
}

h1 {
  font-size: 3.125rem;
}

h2 {
  font-size: 1.75rem;
}

h3 {
  font-size: 1.125rem;
}

h4 {
  font-size: 1rem;
}

h5 {
  font-size: 0.875rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Baskerville W01 Regular_705699";
  line-height: 1.2;
  margin: 0 0 0.75rem;
}

.region--content__has--sidebar h2.page--title,
.region--post-content__has--sidebar h2.page--title {
  font-size: 1.5rem;
  font-family: "Avenir LT W01_95 Black1475556", "Open Sans", Helvetica, Arial, sans-serif;
}

.field-name-field-para-text,
.field-name-body {
  font-size: 1.1rem;
}

h2.page--subtitle {
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1.5rem;
}

p {
  margin: 0 0 0.75rem;
}

a {
  color: #575756;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  -webkit-transition: color 150ms ease;
  transition: color 150ms ease;
}

a:hover {
  color: #414141;
}

hr {
  border-bottom: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 1.5rem 0;
}

.block--footer-menu a {
  font-size: 1.175rem;
  color: #fff;
  font-weight: 200;
  text-decoration: none;
}

@media (min-width: 0) and (max-width: 575px) {
  .block--footer-menu {
    width: 91.66666667%;
    float: left;
    margin-left: 4.16666667%;
    margin-right: 4.16666667%;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .block--footer-menu {
    width: 41.66666667%;
    float: left;
    margin-left: 4.16666667%;
    margin-right: 4.16666667%;
  }
}

@media (min-width: 769px) {
  .block--footer-menu {
    width: 72.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .block--footer-menu ul.menu {
    list-style: none;
    -webkit-columns: 3;
       -moz-columns: 3;
            columns: 3;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
  }
  .block--footer-menu li {
    padding: 0 1rem;
  }
}

.block--quick-links h2 {
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
}

.block--quick-links .menu li a {
  display: block;
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.875rem;
  margin-bottom: 1rem;
  border: 1px solid #878787;
  color: #000;
  text-decoration: none;
}

.block--quick-links .menu li a:hover {
  background-color: #821814;
  color: #fff;
}

.block--quick-links .menu li a i {
  position: absolute;
  right: 0.875rem;
  top: 0.875rem;
}

@media (min-width: 0) and (max-width: 768px) {
  .block--quick-links {
    margin-top: 0;
  }
  .block--quick-links .menu {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
  .block--quick-links .menu li a {
    padding: 0.5rem;
    text-align: center;
  }
  .block--quick-links .menu .leaf {
    width: 48%;
  }
  .block--quick-links .menu .leaf:nth-child(odd) {
    margin-right: 1%;
  }
  .block--quick-links .menu .leaf:nth-child(even) {
    margin-left: 1%;
  }
}

@media (min-width: 769px) {
  .block--quick-links .menu li a {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .block--quick-links .menu li a:after {
    position: absolute;
    top: 0.79545455rem;
  }
}

.block--sidebar {
  margin-bottom: 4.5rem;
}

.block--sidebar h2.block-title,
.block--sidebar h2.title {
  font-size: 1.75rem;
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  padding-bottom: 0.875rem;
  border-bottom: 2px solid #821814;
  margin-bottom: 0;
}

.block--sidebar h2.block-title a,
.block--sidebar h2.title a {
  text-decoration: none;
  color: #575756;
}

.block--section .block-inner {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  padding: 3.125rem 0;
}

.block--section .block-inner:after {
  content: " ";
  display: block;
  clear: both;
}

.block--section .block-inner {
  position: relative;
}

.block--section h2.block-title {
  width: calc(100% - 20rem);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 2.625rem;
  font-family: "Baskerville W01 Regular_705699";
  font-weight: 200;
  margin-bottom: 2.25rem;
}

.block--section .more-link a {
  text-decoration: none;
  color: #000;
}

.block--section .more-link a:after {
  content: '';
  display: inline-block;
  margin-left: 0.875rem;
  width: 0.875rem;
  height: 0.875rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}

@media (min-width: 0) and (max-width: 768px) {
  .block--section .block-title,
  .block--section .block-content {
    width: 91.66666667%;
    float: left;
    margin-left: 4.16666667%;
    margin-right: 4.16666667%;
  }
  .block--section h2.block-title {
    width: 100%;
  }
}

@media (min-width: 769px) {
  .block--section .block-title,
  .block--section .block-content {
    width: 97.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .block--section .more-link {
    position: absolute;
    top: calc(3.125rem + 1.125rem);
    right: 1.125rem;
  }
}

.block--committees-menu .item-list li {
  margin: 0;
}

.block--noticeboard-sidebar {
  min-height: 1px;
}

#block-views-page-documents-block {
  margin-top: 3rem;
}

#block-views-page-documents-block h2.block-title {
  font-family: "Avenir LT W01_85 Heavy1475544", "Open Sans", Helvetica, Arial, sans-serif;
  color: #575756;
  font-size: 1.5rem;
}

#block-views-page-documents-block .view {
  border-radius: 10px;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/backgrounds/pattern2.jpg");
  padding: 1.5rem;
}

@media (min-width: 769px) {
  #block-views-page-documents-block .views-field-field-documents ul {
    -webkit-columns: 3rem 2;
       -moz-columns: 3rem 2;
            columns: 3rem 2;
  }
}

#block-views-page-documents-block .file-icon:before {
  content: "\F15B";
  font-family: 'Font Awesome 5 Free';
  color: #878787;
  padding-right: 0.75rem;
}

#block-views-page-documents-block .mime-application-pdf:before {
  content: "\F1C1";
  color: #821814;
}

#block-views-page-documents-block .mime-application-vndopenxmlformats-officedocumentwordprocessingmldocument:before {
  content: "\F1C2";
  color: #00a4ef;
}

#block-views-page-documents-block .mime-application-vndopenxmlformats-officedocumentspreadsheetmlsheet:before {
  content: "\F1C3";
  color: #008000;
}

.block--footer-details {
  font-size: 1.175rem;
  color: #fff;
  font-weight: 200;
}

@media (min-width: 0) and (max-width: 575px) {
  .block--footer-details {
    width: 91.66666667%;
    float: left;
    margin-left: 4.16666667%;
    margin-right: 4.16666667%;
  }
}

@media (min-width: 576px) and (max-width: 768px) {
  .block--footer-details {
    width: 41.66666667%;
    float: left;
    margin-left: 4.16666667%;
    margin-right: 4.16666667%;
  }
}

@media (min-width: 769px) {
  .block--footer-details {
    width: 22.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
}

@media (min-width: 1100px) {
  header.js-is-sticky .block--nav-buttons {
    margin-right: 1.5rem;
  }
}

.block--nav-buttons .block-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.block--nav-buttons .search a {
  position: relative;
  width: 3.5rem;
  height: 2.5rem;
  text-indent: -9999px;
  display: block;
}

.block--nav-buttons .search a:before {
  position: absolute;
  top: 0.7rem;
  left: calc(50% - 0.5rem);
  content: "\F002";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  height: 1rem;
  width: 1rem;
  text-indent: 1px;
  font-size: 1rem;
  color: #333;
}

.block--nav-buttons .nav-button {
  margin-bottom: 1.125rem;
  text-decoration: none;
  text-transform: uppercase;
}

.block--nav-buttons .nav-button .button {
  font-size: 0.875rem;
}

.block--nav-buttons .nav-button i {
  margin-left: 0.6rem;
}

.block--nav-buttons .nav-button.login a {
  padding-left: 2.7rem;
  position: relative;
}

.block--nav-buttons .nav-button.login a:before {
  content: '';
  background-image: url(/sites/all/themes/custom/middletemple/assets/images/icons/user-alt-solid-white.svg);
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 0.7rem;
  left: 1rem;
}

.block--nav-buttons .nav-button-expandable {
  position: relative;
}

.block--nav-buttons .nav-button-expandable ul {
  display: none;
  position: absolute;
  top: 100%;
  width: 100%;
  border: 1px solid #DADADA;
  background-color: #fff;
  z-index: 1000;
  border-radius: 3px;
}

.block--nav-buttons .nav-button-expandable ul li {
  width: 100%;
}

.block--nav-buttons .nav-button-expandable ul li:hover {
  background: #DADADA;
  -webkit-transition: background-color 150ms ease;
  transition: background-color 150ms ease;
}

.block--nav-buttons .nav-button-expandable ul li a {
  display: block;
  padding: 0.2rem 0.5rem;
  text-decoration: none;
  font-size: 0.9rem;
  text-transform: none;
  color: #000;
}

.block--nav-buttons .nav-button-expandable ul li:not(:last-child) {
  border-bottom: 1px solid #DADADA;
}

.block--nav-buttons .nav-button-expandable a.is-active i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.block--nav-buttons select {
  background-color: #DADADA;
  border: none;
  padding: 0.55rem;
  border-radius: 3px;
}

@media (min-width: 0) and (max-width: 768px) {
  .block--nav-buttons .block-content {
    flex-wrap: wrap;
  }
  .block--nav-buttons .nav-button {
    min-width: 7rem;
  }
  .block--nav-buttons .nav-button.login a:before {
    width: 0.875rem;
    height: 0.875rem;
    top: 0.4rem;
  }
  .block--nav-buttons .nav-button .button {
    padding: 0.5rem;
    font-size: 0.875rem;
  }
  .block--nav-buttons .search a {
    margin-bottom: 1.125rem;
  }
  .block--nav-buttons .search a:before {
    height: 0.6rem;
  }
}

@media (min-width: 576px) {
  .block--nav-buttons .nav-button.login {
    width: 7.5rem;
  }
  .block--nav-buttons .nav-button:first-child:not(:nth-last-child(2)) {
    margin-right: 1.125rem;
  }
  .block--nav-buttons .nav-button {
    min-width: 9rem;
  }
  .block--nav-buttons .nav-button.login a:before {
    width: 0.875rem;
    height: 0.875rem;
  }
  .block--nav-buttons .nav-button.nav-button-long {
    min-width: 11rem;
  }
}

@media (min-width: 769px) {
  .block--nav-buttons .block-content {
    -webkit-box-pack: end;
            justify-content: flex-end;
  }
  .block--nav-buttons .nav-button {
    min-width: 9.5rem;
  }
  .block--nav-buttons .nav-button.nav-button-long {
    min-width: 14rem;
  }
}

@media (min-width: 769px) and (max-width: 991px) {
  .block--nav-buttons {
    margin-right: 50px;
  }
}

@media (min-width: 992px) {
  .block--nav-buttons {
    display: block;
    position: relative;
  }
  .block--nav-buttons .search form {
    position: absolute;
    top: 0;
    width: calc(100% - 15rem);
    right: 3.5rem;
    height: 2.5rem;
  }
  .block--nav-buttons .search .search-wrapper {
    position: relative;
    height: 2.5rem;
  }
  .block--nav-buttons .search .search-wrapper input[type="text"] {
    margin-bottom: 0;
    padding-right: 4rem;
    height: 100%;
  }
  .block--nav-buttons .search .search-wrapper input[type="submit"] {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
  }
}

header.js-is-sticky .block--pre-nav {
  display: none;
}

.block--pre-nav .menu .menu {
  display: none;
}

@media (min-width: 0) and (max-width: 991px) {
  .block--pre-nav {
    display: none;
    -webkit-box-ordinal-group: 2;
            order: 1;
    width: 100%;
  }
}

@media (min-width: 992px) {
  .block--pre-nav {
    margin-left: auto;
  }
  .block--pre-nav .menu {
    font-size: .875rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    margin-bottom: 1.125rem;
  }
  .block--pre-nav li a {
    padding: 0 0.875rem;
    display: block;
    color: #878787;
    text-transform: uppercase;
    line-height: .875rem;
    text-decoration: none;
  }
  .block--pre-nav li.active-trail a {
    padding: 0.1rem 0.875rem;
    background-color: #E3E3DE;
  }
  .block--pre-nav li:not(:last-child) {
    border-right: 1px solid #000;
  }
  .block--pre-nav li:last-child a {
    padding-right: 0;
  }
}

.block-mw-member-header {
  background-color: #821814;
  color: white;
  padding: 0.25rem 0;
  text-transform: uppercase;
}

.block-mw-member-header a {
  color: white;
  text-decoration: none;
}

.block-mw-member-header .links {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.block-mw-member-header .member-number .desktop {
  display: none;
}

@media (min-width: 0) and (max-width: 575px) {
  .block-mw-member-header .cart span {
    display: none;
  }
  .block-mw-member-header .links {
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
}

@media (min-width: 576px) {
  .block-mw-member-header {
    font-size: .875rem;
  }
  .block-mw-member-header .links > div:not(:last-child) {
    margin-right: 1rem;
  }
  .block-mw-member-header .links > div:not(:last-child):after {
    content: "|";
    margin-left: 1rem;
  }
  .block-mw-member-header .cart {
    margin-left: auto;
  }
  .block-mw-member-header .member-number .desktop {
    display: inline;
  }
  .block-mw-member-header .member-number .mobile {
    display: none;
  }
}

@media (min-width: 769px) {
  header:not(.js-is-sticky) .block--main-navigation {
    margin-right: 3.5rem;
  }
}

header.js-is-sticky .block--main-navigation {
  margin-right: 3.5rem;
  margin-top: 0.75rem;
}

header.js-is-sticky .block--main-navigation .menu {
  -webkit-box-align: center;
          align-items: center;
}

@media (min-width: 992px) and (max-width: 1050px) {
  header.js-is-sticky .block--main-navigation .menu a {
    font-size: 1rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

@media (min-width: 769px) {
  header:not(.js-is-sticky) .block--main-navigation > .menu > li > a {
    padding: 0.5rem 0.875rem;
  }
}

@media (min-width: 992px) {
  header:not(.js-is-sticky) .block--main-navigation {
    margin-left: auto;
  }
}

.block--main-navigation {
  display: none;
}

.block--main-navigation .menu a {
  display: block;
  padding: 0.5rem 0.875rem;
  font-size: 1.125rem;
  text-decoration: none;
}

.block--main-navigation > ul.menu > li ul li:hover {
  background-color: #681310;
}

.block--main-navigation > ul.menu > li > a {
  text-transform: uppercase;
  border-bottom: 4px solid transparent;
  color: #000;
}

.block--main-navigation > ul.menu > li > a:hover, .block--main-navigation > ul.menu > li > a.active-trail, .block--main-navigation > ul.menu > li > a.active {
  border-color: #DADADA;
}

.block--main-navigation > ul.menu > li:hover > a {
  border-color: #DADADA;
}

@media (min-width: 992px) {
  .block--main-navigation {
    display: block;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
            justify-content: flex-end;
    /* 
        > ul.menu > li:nth-child(2) {
            .mega-menu-wrapper .container > .menu {
                min-height: 400px;
            }
        } 
        */
    /*         .mega-menu-wrapper {
                display: none;
                position: fixed;
                width: 100%;
                background: rgba($white, 0.95);
                border: 1px solid $grey-light;
                border-top: 4px solid $grey-light;
                left: 0;
                font-size: $size--rg;
            
                > .inner-wrapper {
                    display: flex;
                    justify-content: center;                
                }
            
                .container {
                    position: relative;
                    @include span(12 of 12);
            
                    > .menu {
                        position: relative;
                        @include span(4 of 12 0);
                    }                
                }
            
                .menu-wrapper {
                    display: none;
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    left: 100%;
                    top: 0;
            
                    .inner-wrapper {
                        display: flex;
                        height: 100%;
                    }
            
                    .menu {
                        width: 100%;
                        background: $grey-lighter;
                        border-left: 1px solid $white;
                    }
                }
            
                .menu {    
                    padding-top: $size--lg;
                    padding-bottom: $size--lg;
            
                    li a {
                        position: relative;
                        display: flex;
                        align-items: center;                    
                        padding: $size--xs/2 $size--ssm;
                    }
            
                    li {
                        a:hover,
                        a.active-trail,
                        a.active {
                            background: rgba($grey-light, 0.9);
                        }
                    } 
            
                    li.expanded > a:after {
                        position: absolute;
                        right: $size--xs;
                        padding: $size--xs;
                        content: "\f054";
                        font-family: 'Font Awesome 5 Free';
                        font-weight: 900;                    
                        font-size: $size--ssm;
                    }
            
                    > li:hover > a {
                        background: rgba($grey-light, 0.9); 
                    }
            
                    > li:hover > a + .menu-wrapper {
                        display: block;
                    }
                }                        
            }     */
  }
  .block--main-navigation > ul.menu {
    display: -webkit-box;
    display: flex;
  }
  .block--main-navigation > ul.menu > li {
    position: relative;
  }
  .block--main-navigation > ul.menu > li:not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)) {
    display: none;
  }
  .block--main-navigation > ul.menu > li > ul.menu > li {
    position: relative;
  }
  .block--main-navigation > ul.menu > li:first-child > ul.menu > li > ul {
    left: 100%;
    top: 0;
  }
  .block--main-navigation > ul.menu > li > ul.menu > li > ul {
    left: -100%;
    top: 0;
    max-width: 100%;
  }
  .block--main-navigation li.expanded .menu {
    position: absolute;
    z-index: 1;
  }
  .block--main-navigation li:not(:nth-child(3)) > ul {
    left: 0;
  }
  .block--main-navigation li > ul {
    display: none;
    position: absolute;
    min-width: 15rem;
    background-color: #821814;
  }
  .block--main-navigation li > ul a {
    color: #fff;
  }
  .block--main-navigation > ul.menu > li:nth-child(3) > ul {
    right: 0;
  }
  .block--main-navigation li:hover > ul {
    display: block;
  }
}

.block--search-widget {
  display: none;
  padding-bottom: 5px;
}

.block--search-widget #search-block-form {
  display: -webkit-box;
  display: flex;
  position: relative;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.block--search-widget #search-block-form:before {
  content: "Enter your keywords";
  width: 15rem;
  text-transform: uppercase;
  font-weight: 600;
}

.block--search-widget input,
.block--search-widget .form-item,
.block--search-widget .form-actions {
  margin: 0;
}

.block--search-widget .form-type-textfield {
  width: 100%;
}

.block--search-widget .form-type-textfield input {
  padding-right: 7rem;
  border-radius: 25px;
}

.block--search-widget .form-actions {
  position: absolute;
  right: 0;
}

.block--search-widget .form-actions input {
  border-radius: 25px;
  border-bottom-right-radius: 25px;
}

.block--sidebar-menu {
  margin-bottom: 1.75rem;
}

.block--sidebar-menu.hidden-items ul.menu {
  display: none;
}

.block--sidebar-menu li {
  position: relative;
  border-bottom: 1px solid #DADADA;
}

.block--sidebar-menu li a {
  text-decoration: none;
  display: block;
  padding: 0.25rem;
  color: #000;
}

.block--sidebar-menu li a.active {
  font-weight: 600;
  background-color: #E3E3DE;
}

.block--sidebar-menu li a:hover {
  background-color: #E3E3DE;
}

.block--sidebar-menu .expanded .chevron {
  position: absolute;
  content: "";
  top: 0rem;
  right: 0.25rem;
  width: 1.5rem;
  height: 2rem;
  background-image: url(/sites/all/themes/custom/middletemple/assets/images/icons/chevron-down-solid.svg);
  background-repeat: no-repeat;
  background-size: 0.875rem;
  background-position: center;
  cursor: pointer;
}

.block--sidebar-menu .expanded.toggled {
  background-color: #E3E3DE;
}

.block--sidebar-menu .expanded.toggled .chevron {
  background-image: url(/sites/all/themes/custom/middletemple/assets/images/icons/chevron-up-solid.svg);
}

.block--sidebar-menu ul.menu li:not(.active-trail) ul {
  display: none;
}

.block--sidebar-menu ul.menu ul li {
  background-color: #F3F3F3;
}

.block--sidebar-menu ul.menu ul li a {
  padding-left: 1rem;
}

@media (min-width: 769px) {
  .block--sidebar-menu li a {
    padding-right: 1.5rem;
  }
  .block--sidebar-menu li a:after {
    top: 0.5rem;
  }
  .block--sidebar-menu li a.active-trail:after {
    top: 0.5rem;
  }
  .block--sidebar-menu ul.menu ul li a {
    padding-left: 0.5rem;
  }
}

.block-easy-breadcrumb-easy-breadcrumb {
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
}

.block-easy-breadcrumb-easy-breadcrumb a {
  text-decoration: none;
  color: #821814;
}

@media (min-width: 0) and (max-width: 768px) {
  .block-easy-breadcrumb-easy-breadcrumb .easy-breadcrumb {
    display: none;
  }
  .block-easy-breadcrumb-easy-breadcrumb .easy-breadcrumb span {
    display: block;
    float: left;
    margin-bottom: 0.35rem;
    padding-bottom: 0.35rem;
  }
  .block-easy-breadcrumb-easy-breadcrumb .easy-breadcrumb span:not(:last-child) {
    border-bottom: 1px solid #b7b7b7;
  }
  .block-easy-breadcrumb-easy-breadcrumb .easy-breadcrumb span a {
    display: block;
  }
  .block-easy-breadcrumb-easy-breadcrumb .easy-breadcrumb span:nth-child(odd) {
    width: calc(100% - 1rem);
  }
  .block-easy-breadcrumb-easy-breadcrumb .easy-breadcrumb span:nth-child(even) {
    width: 1rem;
  }
}

.view-civicrm-event-edit-buttons .view-header {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.5rem;
}

.view-civicrm-event-edit-buttons .view-header a.button i {
  margin-left: 1rem;
}

.view-civicrm-event .views-field-php-2 {
  margin-top: 1.5rem;
}

.view-civicrm-event .views-field-php-2 a.button i {
  margin-left: 1rem;
}

.view-civicrm-event .views-field-php-2 .field-content {
  display: inline-block;
}

.view-civicrm-event .views-field-dining-points-29 {
  margin-bottom: 1.5rem;
}

.block--social a {
  font-size: 1.75rem;
  color: #fff;
}

.block--social .block__content {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  justify-content: space-around;
}

.block-twitter-block iframe {
  width: 100% !important;
}

@media (min-width: 0) and (max-width: 768px) {
  .block-twitter-block {
    display: none;
  }
}

.block--find-us button {
  display: inline-block;
}

@media (min-width: 0) and (max-width: 768px) {
  .block--intro {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }
  .block--intro img {
    display: none;
  }
}

.block--intro {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.block--intro .block-inner {
  width: 100%;
}

.block--intro h2 {
  text-align: center;
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 100;
}

.block--intro .block--intro-image {
  padding-top: 1.75rem;
}

.block--member-login {
  position: relative;
  padding: 1rem;
  margin-bottom: 1.75rem;
  border-radius: 5px;
}

.block--member-login:before {
  content: "";
  position: absolute;
  top: 0;
  left: -5px;
  right: -5px;
  bottom: 0;
  background-size: cover;
  background-image: url("/images/misc/Pattern.png");
  z-index: -1;
  opacity: .75;
  border-radius: 5px;
}

.block--member-login:after {
  content: "";
  position: absolute;
  top: 6px;
  right: 0px;
  left: 0px;
  bottom: 0;
  background-size: cover;
  z-index: -2;
  background-color: #DADADA;
  border-radius: 5px;
}

.block--member-login .form-item-wrapper label {
  font-family: "Avenir LT W01_85 Heavy1475544", "Open Sans", Helvetica, Arial, sans-serif;
}

.block--member-login label {
  margin-bottom: 0;
}

.block--member-login .form-item__password-link {
  color: #821814;
  margin-left: auto;
}

.block--member-login .form-item__remember-checkbox {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
          align-items: center;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.block--member-login button {
  margin-top: 1rem;
}

.block--applicant-registration {
  position: relative;
  padding: 1rem;
  margin-bottom: 1.75rem;
  border-radius: 5px;
}

.block--applicant-registration:before {
  content: "";
  position: absolute;
  top: 0;
  left: -5px;
  right: -5px;
  bottom: 0;
  background-size: cover;
  background-image: url("/images/misc/Pattern.png");
  z-index: -1;
  opacity: .75;
  border-radius: 5px;
}

.block--applicant-registration:after {
  content: "";
  position: absolute;
  top: 6px;
  right: 0px;
  left: 0px;
  bottom: 0;
  background-size: cover;
  z-index: -2;
  background-color: #DADADA;
  border-radius: 5px;
}

.block--applicant-registration label {
  font-family: "Avenir LT W01_85 Heavy1475544", "Open Sans", Helvetica, Arial, sans-serif;
}

.block--applicant-registration .form-item-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  margin-bottom: 1rem;
}

.block--applicant-registration .form-item__select-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.block--applicant-registration input,
.block--applicant-registration select {
  color: #878787;
}

.form-item__select-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  margin-right: 0;
  width: 100%;
  border: 1px solid #DADADA;
  background-image: url(/images/icons/caret-down-solid.svg);
  background-size: .75rem;
  background-position: right 1rem center;
  background-repeat: no-repeat;
}

.block--applicant-registration .form-item__data-checkbox {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
  margin-top: 1.75rem;
}

.block--applicant-registration .form-item__data-checkbox label {
  line-height: 1rem;
  margin-bottom: 0;
}

.block--applicant-registration .disclaimer {
  padding-left: 0;
}

.block--applicant-registration .form-item__data-checkbox a {
  margin-left: 0;
  color: #821814;
}

.form-item__data-checkbox p {
  padding-left: 1.75rem;
}

@media (min-width: 0) and (max-width: 768px) {
  .block--applicant-registration .form-item__data-checkbox label {
    margin-bottom: 1rem;
  }
}

@media (min-width: 769px) {
  .block--applicant-registration .form-item__select-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .block--applicant-registration .form-item__select-wrapper select {
    position: relative;
    margin-right: 1rem;
    width: 6.3135rem;
  }
  .block--applicant-registration .form-item__data-checkbox a {
    margin-left: 1.75rem;
  }
  .block--applicant-registration .form-item__data-checkbox {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-align: center;
            align-items: center;
  }
  .block--applicant-registration .disclaimer {
    padding-left: 1.225rem;
    margin-bottom: 1.75rem;
  }
}

.block--user-registration {
  position: relative;
  padding: 1rem;
  margin-bottom: 1.75rem;
  border-radius: 5px;
}

.block--user-registration:before {
  content: "";
  position: absolute;
  top: 0;
  left: -5px;
  right: -5px;
  bottom: 0;
  background-size: cover;
  background-image: url("/images/misc/Pattern.png");
  z-index: -1;
  opacity: .75;
  border-radius: 5px;
}

.block--user-registration:after {
  content: "";
  position: absolute;
  top: 6px;
  right: 0px;
  left: 0px;
  bottom: 0;
  background-size: cover;
  z-index: -2;
  background-color: #DADADA;
  border-radius: 5px;
}

.block--user-registration label {
  font-family: "Avenir LT W01_85 Heavy1475544", "Open Sans", Helvetica, Arial, sans-serif;
}

.block--user-registration .form-item-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  margin-bottom: 1rem;
}

.block--user-registration .form-item__select-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.block--user-registration .form-item-radio-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
}

.block--user-registration .form-item-radio-wrapper label {
  margin-right: 1.75rem;
  margin-bottom: 1.75rem;
}

.block--user-registration input,
.block--user-registration select {
  color: #878787;
}

.form-item__select-wrapper select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  margin-right: 0;
  width: 100%;
  border: 1px solid #DADADA;
  background-color: #fff;
  background-image: url(/images/icons/caret-down-solid.svg);
  background-size: .75rem;
  background-position: right 1rem center;
  background-repeat: no-repeat;
}

.block--user-registration .form-item__data-checkbox {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
  margin-top: 1.75rem;
}

.block--user-registration .form-item__data-checkbox label {
  line-height: 1rem;
  margin-bottom: 0;
}

.block--user-registration .disclaimer {
  padding-left: 0;
}

.block--user-registration .form-item__data-checkbox a {
  margin-left: 0;
  color: #821814;
}

.form-item__data-checkbox p {
  padding-left: 1.75rem;
}

@media (min-width: 0) and (max-width: 768px) {
  .block--user-registration .form-item__data-checkbox label {
    margin-bottom: 1rem;
  }
}

@media (min-width: 769px) {
  .block--user-registration .form-item__select-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .block--user-registration .form-item__select-wrapper select {
    position: relative;
    margin-right: 1rem;
    width: 6.3135rem;
  }
  .block--user-registration .form-item__data-checkbox a {
    margin-left: 1.75rem;
  }
  .block--user-registration .form-item__data-checkbox {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-align: center;
            align-items: center;
  }
  .block--user-registration .disclaimer {
    padding-left: 1.225rem;
    margin-bottom: 1.75rem;
  }
}

.block--member-registration {
  margin-bottom: 1.5rem;
}

.block--member-registration .block-content h2 {
  font-family: "Avenir LT W01_85 Heavy1475544", "Open Sans", Helvetica, Arial, sans-serif;
}

.block--member-registration .block-content a {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #821814;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75rem 1.5rem;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 150ms ease;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: normal;
  padding-right: 3rem;
  background-size: 1rem 0.8rem;
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/chevron-right-solid-white.svg");
  display: inline-block;
}

.block--member-registration .block-content a:hover {
  background-color: #681310;
  color: #fff;
}

.block--member-registration .block-content a:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.block--member-registration .block-content a:disabled:hover {
  background-color: #821814;
}

.block-twitter-block iframe {
  width: 100% !important;
}

@media (min-width: 0) and (max-width: 768px) {
  .block-twitter-block {
    display: none;
  }
}

body.not-front #block-views-banners-block-1 img {
  width: 100%;
  height: auto;
}

.block--members__lodging--booking {
  display: -webkit-box;
  display: flex;
  position: relative;
  padding: 1rem;
  margin-bottom: 1.75rem;
  border-radius: 5px;
}

.block--members__lodging--booking:before {
  content: "";
  position: absolute;
  top: 0;
  left: -5px;
  right: -5px;
  bottom: 0;
  background-size: cover;
  background-image: url("/images/misc/Pattern.png");
  z-index: -1;
  opacity: .75;
  border-radius: 5px;
}

.block--members__lodging--booking:after {
  content: "";
  position: absolute;
  top: 6px;
  right: 0px;
  left: 0px;
  bottom: 0;
  background-size: cover;
  z-index: -2;
  background-color: #DADADA;
  border-radius: 5px;
}

.block--members__lodging--booking .booking-details__wrapper .booking-details {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.block--members__lodging--booking .booking-details__costs {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-left: auto;
  margin-top: 1.75rem;
}

.block--members__lodging--booking .booking-details__subtotal span {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.block--members__lodging--booking .booking-details__subtotal span:not(:first-child) {
  padding-top: 0.75rem;
  border-top: 1px solid #878787;
}

.block--members__lodging--booking .booking-details__subtotal span:last-child {
  font-family: "Avenir LT W01_95 Black1475556", "Open Sans", Helvetica, Arial, sans-serif;
}

.block--members__lodging--booking .booking-details__cost-icons i {
  -webkit-box-pack: end;
          justify-content: flex-end;
  margin-top: 2.45rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.block--members__lodging--booking .booking-details__wrapper p.strong {
  font-family: "Avenir LT W01_85 Heavy1475544", "Open Sans", Helvetica, Arial, sans-serif;
}

.block--members__lodging--booking .booking-details__check-in p:not(:first-child),
.block--members__lodging--booking .booking-details__check-out p:not(:first-child) {
  margin-bottom: 0;
}

.block--members__lodging--booking .form--button {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
}

.block--members__lodging--booking .form-item__data-checkbox {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-align: center;
          align-items: center;
  margin-top: 1.75rem;
}

.block--members__lodging--booking .form-item__data-checkbox label {
  line-height: 1rem;
  margin-bottom: 0;
}

.block--members__lodging--booking .form-item__data-checkbox a {
  margin-left: 0;
  color: #821814;
}

.block--members__lodging--booking .booking-details__subtotal {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

@media (min-width: 0) and (max-width: 768px) {
  .block--members__lodging--booking .booking-details__suite-address p:last-child {
    margin-bottom: 0;
  }
  .block--members__lodging--booking .form-item__data-checkbox a {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .block--members__lodging--booking .booking-details__check-in {
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
  }
}

@media (min-width: 769px) {
  .block--members__lodging--booking .booking-details__costs {
    margin-left: auto;
    margin-top: 0;
    width: 250px;
  }
  .block--members__lodging--booking .booking-details__subtotal {
    margin-left: auto;
    width: 250px;
  }
  .block--members__lodging--booking .booking-details__wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .block--members__lodging--booking .booking-details__check-in {
    margin-right: 3.125rem;
  }
  .block--members__lodging--booking .form-item__select-wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
  .block--members__lodging--booking .form-item__select-wrapper select {
    position: relative;
    margin-right: 1rem;
    width: 6.3135rem;
  }
  .block--members__lodging--booking .form-item__data-checkbox a {
    margin-left: 1.75rem;
  }
}

footer {
  background-color: #575756;
  padding: 3.125rem 0;
}

.region--footer-bottom .region-inner {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}

.region--footer-bottom .region-inner:after {
  content: " ";
  display: block;
  clear: both;
}

.region--footer {
  margin-bottom: 3.125rem;
}

.region--footer .region-inner {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 3.125rem;
}

.region--footer .region-inner:after {
  content: " ";
  display: block;
  clear: both;
}

@media (min-width: 0) and (max-width: 768px) {
  .region--footer .region-inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-pack: space-evenly;
            justify-content: space-evenly;
    padding: 0 1rem;
    margin-bottom: 1rem;
  }
  .region--footer .region-inner .block--footer-details,
  .region--footer .region-inner .block--footer-menu {
    width: 50%;
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
  }
  .region--footer .region-inner .block--footer-details .block-content,
  .region--footer .region-inner .block--footer-details a,
  .region--footer .region-inner .block--footer-menu .block-content,
  .region--footer .region-inner .block--footer-menu a {
    font-size: 1rem;
  }
}

@media (min-width: 0) and (max-width: 768px) {
  .region--footer .footer-bottom .block--find-us,
  .region--footer .footer-bottom .block--social,
  .region--footer .footer-bottom .block--footer-copyright {
    width: 91.66666667%;
    float: left;
    margin-left: 4.16666667%;
    margin-right: 4.16666667%;
    text-align: center;
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 0) and (max-width: 768px) {
  .region--footer .footer-bottom .block--find-us {
    width: 100%;
    margin: 0;
    padding: 0 1.5rem;
    text-align: left;
  }
  .region--footer .footer-bottom .block--social {
    width: 100%;
    padding: 0 1.5rem;
    margin: 0;
    margin-top: 1rem;
  }
  .region--footer .footer-bottom .block--social .block__content {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: normal;
            justify-content: normal;
  }
  .region--footer .footer-bottom .block--social .block__content a {
    margin-right: 2.25rem;
  }
  .region--footer .footer-bottom .block--footer-copyright {
    width: 100%;
    padding: 0 1.5rem;
    margin: 0;
    margin-top: 1rem;
    text-align: left;
  }
}

@media (min-width: 769px) and (max-width: 991px) {
  .region--footer .footer-bottom .block--find-us,
  .region--footer .footer-bottom .block--social,
  .region--footer .footer-bottom .block--footer-copyright {
    width: 30.55555556%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
}

@media (min-width: 992px) {
  .region--footer .footer-bottom .block--find-us {
    width: 47.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .region--footer .footer-bottom .block--social,
  .region--footer .footer-bottom .block--footer-copyright {
    width: 22.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
}

header.js-is-sticky {
  padding-top: 0.5rem;
}

header.js-is-sticky .left {
  margin-right: 2rem;
}

header.js-is-sticky .right {
  padding-top: 0.5rem;
}

@media (min-width: 980px) and (max-width: 1100px) {
  header.js-is-sticky .region--header-top .region-inner {
    justify-content: space-around;
  }
}

header.js-is-sticky .region--header-top .region-inner {
  display: -webkit-box;
  display: flex;
}

header:not(.js-is-sticky) {
  padding-top: 0.875rem;
  position: relative;
}

header:not(.js-is-sticky) .left {
  margin-bottom: 0.875rem;
}

header:not(.js-is-sticky) .site-header__logo img {
  display: block;
}

@media (min-width: 992px) {
  header:not(.js-is-sticky) {
    padding-top: 1.75rem;
  }
}

header {
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform-style: preserve-3d;
  z-index: 2;
}

header .sticky-logo {
  display: none;
}

header .site-header__logo img {
  -webkit-transition: all 2s;
  transition: all 2s;
}

header .header-top {
  border-bottom: 4px solid #DADADA;
  position: relative;
}

header .header-top-inner {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
  position: relative;
}

header .region--header-top .region-inner {
  display: block;
}

header .right {
  width: 100%;
}

header .left {
  width: 70%;
  max-width: 20rem;
}

@media (min-width: 769px) {
  header .header-top-inner {
    padding-top: 0;
  }
  header .left {
    width: 70%;
    max-width: 15rem;
  }
  header .right {
    width: calc(100% - 18rem);
  }
  header.js-is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    background-color: #fff;
  }
  header.js-is-sticky .header-top-inner {
    flex-wrap: nowrap;
  }
  header.js-is-sticky .left {
    width: auto;
  }
  header.js-is-sticky .right {
    width: 100%;
  }
  header.js-is-sticky .sticky-logo {
    display: block;
  }
  header.js-is-sticky .site-header__logo img {
    display: none;
  }
}

@media (min-width: 992px) {
  header .left {
    width: 70%;
    max-width: 20rem;
  }
  header .right {
    width: calc(100% - 20rem);
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
            justify-content: flex-end;
  }
}

.node--view-mode--search_result {
  padding-top: 1.5rem;
}

.node--view-mode--search_result .title {
  font-size: 1.75rem;
}

.node--view-mode--search_result .title a {
  text-decoration: none;
  color: #821814;
}

.node-event.node-teaser {
  position: relative;
  height: 100%;
  padding: 1rem;
  padding-top: 4rem;
  border: 2px solid #821814;
  background-color: #fff;
  height: 100%;
}

.node-event.node-teaser.added-to-cart {
  background-color: rgba(130, 24, 20, 0.05);
}

.node-event.node-teaser:before {
  content: '';
  position: absolute;
  top: 0.7rem;
  right: 3.5rem;
  height: 1.75rem;
  width: 1.75rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.node-event.node-teaser a {
  color: #333;
  text-decoration: none;
}

.node-event.node-teaser .item__date-cube {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #821814;
  width: 3rem;
  height: 3.5rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  z-index: 1;
}

.node-event.node-teaser .item__date-cube .date-day,
.node-event.node-teaser .item__date-cube .date-month {
  margin: 0;
  color: #fff;
  font-weight: 200;
}

.node-event.node-teaser .item__date-cube .date-day {
  padding-top: 0.5rem;
  font-size: 1.75rem;
  line-height: 1rem;
}

.node-event.node-teaser .event__title {
  font-size: 1.75rem;
  font-weight: 200;
  margin-bottom: 0.5rem;
}

.node-event.node-teaser .event-item__body {
  font-size: .9rem;
}

.node-event.node-teaser .event-item__book-link {
  margin-top: auto;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #821814;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75rem 1.5rem;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 150ms ease;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: normal;
}

.node-event.node-teaser .event-item__book-link:hover {
  background-color: #681310;
  color: #fff;
}

.node-event.node-teaser .event-item__book-link:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.node-event.node-teaser .event-item__book-link:disabled:hover {
  background-color: #821814;
}

@media (min-width: 0) and (max-width: 575px) {
  .node-event.node-teaser {
    padding: 1rem;
    min-height: 150px;
  }
  .node-event.node-teaser .event__title {
    margin-bottom: 1rem;
    width: calc(100% - 4.5rem);
    font-size: 1.5rem;
  }
}

@media (min-width: 576px) {
  .node-event.node-teaser {
    min-height: 300px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}

.node-event.node--view-mode--listing {
  border: 2px solid #821814;
  background-color: #fff;
  position: relative;
}

.node-event.node--view-mode--listing:before {
  content: '';
  position: absolute;
  top: 0.7rem;
  left: 3.5rem;
  height: 1.75rem;
  width: 1.75rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.node-event.node--view-mode--listing .top {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  flex-wrap: wrap;
}

.node-event.node--view-mode--listing .top a {
  text-decoration: none;
  color: #333;
}

.node-event.node--view-mode--listing .item__date-cube {
  background-color: #821814;
  width: 3rem;
  height: 3.5rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

.node-event.node--view-mode--listing .item__date-cube .date-day,
.node-event.node--view-mode--listing .item__date-cube .date-month {
  margin: 0;
  color: #fff;
  font-weight: 200;
}

.node-event.node--view-mode--listing .item__date-cube .date-day {
  padding-top: 0.5rem;
  font-size: 1.75rem;
  line-height: 1rem;
}

.node-event.node--view-mode--listing .event__title {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  text-decoration: none;
  font-size: 1.75rem;
  font-weight: 200;
}

.node-event.node--view-mode--listing .event__title a {
  display: block;
  margin-bottom: 0.3rem;
}

.node-event.node--view-mode--listing .event-item__book-link {
  display: -webkit-box;
  display: flex;
  width: 100%;
  font-size: 0.875rem;
  text-decoration: none;
  color: #000;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

.node-event.node--view-mode--listing .event-item__book-link:hover {
  color: #333;
}

@media (min-width: 0) and (max-width: 575px) {
  .node-event.node--view-mode--listing .links,
  .node-event.node--view-mode--listing .event__title {
    width: 100%;
    padding: 1rem;
  }
}

@media (min-width: 576px) {
  .node-event.node--view-mode--listing .event__title {
    width: calc(100% - 20rem);
    margin-right: 1rem;
  }
  .node-event.node--view-mode--listing .links {
    padding: 0.1rem 0.5rem;
    padding-top: 1rem;
    width: 10rem;
  }
}

.node-event.node--fake-view-mode--civi-event {
  border: 2px solid #821814;
  background-color: #fff;
  position: relative;
  /*     .right >div:first-child a:not(.shown), 
.right >div:nth-child(2):not(.shown), 
.event-item__calendar-link:not(.shown) {
    display: none;
} */
  /*     .event-toggler {
    position: absolute;
    top: 1rem;
    right: 0.5rem;
    width: 2rem;
    height: 2rem;
    background-image: url('/sites/all/themes/custom/middletemple/assets/images/icons/ellipsis-v-solid.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
} */
}

.node-event.node--fake-view-mode--civi-event:before {
  content: '';
  position: absolute;
  top: 0.7rem;
  left: 3.5rem;
  height: 1.75rem;
  width: 1.75rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.node-event.node--fake-view-mode--civi-event .event {
  margin-bottom: 1.5rem;
}

.node-event.node--fake-view-mode--civi-event .bottom,
.node-event.node--fake-view-mode--civi-event .top {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  flex-wrap: wrap;
}

.node-event.node--fake-view-mode--civi-event .bottom a,
.node-event.node--fake-view-mode--civi-event .top a {
  text-decoration: none;
  color: #333;
}

.node-event.node--fake-view-mode--civi-event .item__date-cube {
  background-color: #821814;
  width: 3rem;
  height: 3rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

.node-event.node--fake-view-mode--civi-event .item__date-cube .date-day,
.node-event.node--fake-view-mode--civi-event .item__date-cube .date-month {
  margin: 0;
  color: #fff;
  font-weight: 200;
}

.node-event.node--fake-view-mode--civi-event .item__date-cube .date-day {
  padding-top: 0.5rem;
  font-size: 1.75rem;
  line-height: 1rem;
}

.node-event.node--fake-view-mode--civi-event .event__title {
  margin-bottom: 0;
  margin-top: 0.5rem;
  text-decoration: none;
  font-size: 1.75rem;
  font-weight: 200;
}

.node-event.node--fake-view-mode--civi-event .event__title a {
  display: block;
  margin-bottom: 0.3rem;
}

.node-event.node--fake-view-mode--civi-event .event-item__calendar-link {
  position: relative;
}

.node-event.node--fake-view-mode--civi-event .event-item__calendar-link .date-display-range,
.node-event.node--fake-view-mode--civi-event .event-item__calendar-link time {
  display: none;
}

.node-event.node--fake-view-mode--civi-event .event-item__calendar-link .field-name-field-date {
  width: 100%;
}

.node-event.node--fake-view-mode--civi-event .event-item__book-link,
.node-event.node--fake-view-mode--civi-event .event-item__calendar-link {
  display: -webkit-box;
  display: flex;
  width: 100%;
  font-size: 0.875rem;
  text-decoration: none;
  color: #000;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

.node-event.node--fake-view-mode--civi-event .event-item__book-link:hover,
.node-event.node--fake-view-mode--civi-event .event-item__calendar-link:hover {
  color: #333;
}

.node-event.node--fake-view-mode--civi-event .event-item__calendar-link.shown,
.node-event.node--fake-view-mode--civi-event .bottom .right > div:not(.event-item__calendar-link) {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
  padding: 0 !important;
  width: 100%;
}

.node-event.node--fake-view-mode--civi-event .event-item__calendar-link.shown:first-child a:nth-of-type(2),
.node-event.node--fake-view-mode--civi-event .bottom .right > div:not(.event-item__calendar-link):first-child a:nth-of-type(2) {
  margin-top: 0.75rem;
}

.node-event.node--fake-view-mode--civi-event .event-item__calendar-link a,
.node-event.node--fake-view-mode--civi-event .bottom .right a {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #821814;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75rem 1.5rem;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 150ms ease;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: normal;
  max-height: 2.6rem;
  display: inline-block;
}

.node-event.node--fake-view-mode--civi-event .event-item__calendar-link a:hover,
.node-event.node--fake-view-mode--civi-event .bottom .right a:hover {
  background-color: #681310;
  color: #fff;
}

.node-event.node--fake-view-mode--civi-event .event-item__calendar-link a:disabled,
.node-event.node--fake-view-mode--civi-event .bottom .right a:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.node-event.node--fake-view-mode--civi-event .event-item__calendar-link a:disabled:hover,
.node-event.node--fake-view-mode--civi-event .bottom .right a:disabled:hover {
  background-color: #821814;
}

.node-event.node--fake-view-mode--civi-event .add-to-calendar-checkbox {
  display: inline-block;
  background: none;
  border: none;
  margin-bottom: 0.75rem;
  padding: 0;
  float: none;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #821814;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75rem 1.5rem;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 150ms ease;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: normal;
  padding-right: 3rem;
  background-size: 1rem 0.8rem;
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/chevron-right-solid-white.svg");
  text-align: center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJwbHVzLWNpcmNsZSIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLXBsdXMtY2lyY2xlIGZhLXctMTYiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0yNTYgOEMxMTkgOCA4IDExOSA4IDI1NnMxMTEgMjQ4IDI0OCAyNDggMjQ4LTExMSAyNDgtMjQ4UzM5MyA4IDI1NiA4em0xNDQgMjc2YzAgNi42LTUuNCAxMi0xMiAxMmgtOTJ2OTJjMCA2LjYtNS40IDEyLTEyIDEyaC01NmMtNi42IDAtMTItNS40LTEyLTEydi05MmgtOTJjLTYuNiAwLTEyLTUuNC0xMi0xMnYtNTZjMC02LjYgNS40LTEyIDEyLTEyaDkydi05MmMwLTYuNiA1LjQtMTIgMTItMTJoNTZjNi42IDAgMTIgNS40IDEyIDEydjkyaDkyYzYuNiAwIDEyIDUuNCAxMiAxMnY1NnoiPjwvcGF0aD48L3N2Zz4=);
}

.node-event.node--fake-view-mode--civi-event .add-to-calendar-checkbox:hover {
  background-color: #681310;
  color: #fff;
}

.node-event.node--fake-view-mode--civi-event .add-to-calendar-checkbox:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.node-event.node--fake-view-mode--civi-event .add-to-calendar-checkbox:disabled:hover {
  background-color: #821814;
}

.node-event.node--fake-view-mode--civi-event .add-to-calendar-checkbox + .add-to-calendar-checkbox {
  display: none;
}

.node-event.node--fake-view-mode--civi-event .ical-data,
.node-event.node--fake-view-mode--civi-event .ical-wrapper {
  display: none;
}

.node-event.node--fake-view-mode--civi-event .ical-wrapper a {
  width: 100%;
  margin-bottom: 0.75rem;
}

@media (min-width: 0) and (max-width: 575px) {
  .node-event.node--fake-view-mode--civi-event .event__title {
    width: 100%;
    padding: 1rem;
  }
  .node-event.node--fake-view-mode--civi-event .calendar-wrapper,
  .node-event.node--fake-view-mode--civi-event .bottom .right {
    width: 100%;
    padding: 1rem;
  }
  .node-event.node--fake-view-mode--civi-event .bottom .right > div .field-content {
    margin-bottom: 1.5rem;
  }
  .node-event.node--fake-view-mode--civi-event .bottom .right form,
  .node-event.node--fake-view-mode--civi-event .bottom .right form input,
  .node-event.node--fake-view-mode--civi-event .bottom .right a {
    width: 100%;
  }
  .node-event.node--fake-view-mode--civi-event .add-to-calendar {
    width: 100%;
  }
  .node-event.node--fake-view-mode--civi-event .add-to-calendar-checkbox {
    text-align: center;
    display: inline-block;
  }
}

@media (min-width: 576px) {
  .node-event.node--fake-view-mode--civi-event .top {
    margin-bottom: 0.75rem;
  }
  .node-event.node--fake-view-mode--civi-event .event__title {
    width: calc(100% - 20rem);
    margin-right: 14rem;
  }
  .node-event.node--fake-view-mode--civi-event .bottom .left {
    width: 3rem;
  }
  .node-event.node--fake-view-mode--civi-event .calendar-wrapper {
    margin-left: auto;
  }
  .node-event.node--fake-view-mode--civi-event .bottom .right {
    width: calc(100% - 4.5rem);
  }
  .node-event.node--fake-view-mode--civi-event .bottom .right > div:nth-child(2) form {
    display: -webkit-box;
    display: flex;
    width: 100%;
  }
  .node-event.node--fake-view-mode--civi-event .bottom .right > div:nth-child(2) input {
    width: 12rem;
    margin-left: auto;
    margin-right: 1rem;
  }
  .node-event.node--fake-view-mode--civi-event .bottom .right > div .field-content {
    width: calc(100% - 14rem);
  }
  .node-event.node--fake-view-mode--civi-event .bottom .right > div > a {
    width: 12rem;
    margin-right: 1rem;
  }
  .node-event.node--fake-view-mode--civi-event .bottom .right > div > a:nth-of-type(2) {
    margin-left: auto;
  }
  .node-event.node--fake-view-mode--civi-event .add-to-calendar {
    margin-right: 1rem;
    margin-left: auto;
    width: 12rem;
  }
}

.node-event.node--view-mode--full .field-name-field-date {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-style: italic;
}

.node-event.node--view-mode--full .field-name-body {
  border-top: 1px solid #ccc;
  padding-top: 1rem;
  margin-top: 1rem;
}

.node-event.node--view-mode--full .field-name-field-date {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

.node-event.node--view-mode--full .field-name-field-date {
  position: relative;
}

.node-event.node--view-mode--full .field-name-field-date .addtocal {
  background: none;
  border: none;
  padding: 0;
  float: none;
}

.node-event.node--view-mode--full .field-name-field-date .addtocal_menu {
  right: 0 !important;
  left: unset !important;
  margin-top: 0;
  border-radius: 0;
  border: none;
  background: #821814;
}

.node-event.node--view-mode--full .field-name-field-date .addtocal_menu a {
  color: #fff;
}

.node-event.node--view-mode--full .field-name-field-date .addtocal_menu a:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.node-banner.node--view-mode--main_banner .banner.main-banner {
  position: relative;
  height: 15rem;
  background-size: cover;
}

.node-banner.node--view-mode--main_banner .banner__image {
  height: 15rem;
  background-size: cover;
  background-position: center;
}

.node-banner.node--view-mode--main_banner .banner__title {
  width: 91.66666667%;
  float: left;
  margin-left: 4.16666667%;
  margin-right: 4.16666667%;
  bottom: 1rem;
  color: #fff;
  font-size: 1.75rem;
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
  position: absolute;
}

.node-banner.node--view-mode--main_banner .banner__inner h2 {
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 200;
}

@media (min-width: 0) and (max-width: 768px) {
  .node-banner.node--view-mode--main_banner .banner__inner {
    padding-top: 1rem;
    text-align: center;
  }
  .node-banner.node--view-mode--main_banner .banner__title {
    position: absolute;
    left: 0;
  }
  .node-banner.node--view-mode--main_banner .banner.main-banner .banner__image {
    height: 10rem;
  }
}

@media (min-width: 769px) {
  .node-banner.node--view-mode--main_banner .main-banner.banner {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
            justify-content: flex-end;
    height: 20rem;
  }
  .node-banner.node--view-mode--main_banner .banner {
    display: block;
    height: 20rem;
  }
  .node-banner.node--view-mode--main_banner .banner__title {
    margin: 0;
    padding-bottom: 1.75rem;
  }
  .node-banner.node--view-mode--main_banner .field-name-field-link a {
    color: #fff;
  }
  .node-banner.node--view-mode--main_banner .banner__image {
    width: 100%;
    height: 20rem;
    background-size: cover;
    -webkit-transition: left ease 750ms;
    transition: left ease 750ms;
  }
  .node-banner.node--view-mode--main_banner .banner__image:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    background: url("/sites/all/themes/custom/middletemple/assets/images/backgrounds/MT_banner_curve_tint_80.svg") no-repeat right;
    background-size: cover;
    position: absolute;
    top: 0;
    right: 0;
    width: 710px;
    height: 100%;
    z-index: 40;
  }
  .node-banner.node--view-mode--main_banner .main-banner .banner__inner {
    position: relative;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: end;
            align-items: flex-end;
    -webkit-box-pack: end;
            justify-content: flex-end;
    opacity: 1;
    -webkit-transition: opacity ease 250ms;
    transition: opacity ease 250ms;
    position: absolute;
    z-index: 100;
    height: 100%;
    width: 710px;
    color: #fff;
    right: 0;
    margin-right: 0;
    text-align: left;
  }
  .node-banner.node--view-mode--main_banner .main-banner .banner__inner .font--md {
    width: 70%;
    padding: 2rem;
    padding-right: 4rem;
  }
  .node-banner.node--view-mode--main_banner .banner__inner {
    display: block;
    opacity: 1;
  }
}

@media (min-width: 769px) {
  .banners--active .node-banner.node--view-mode--main_banner .banner__inner {
    opacity: 1;
  }
}

.node-banner.node--view-mode--subpage_banner {
  height: 20rem;
  position: relative;
}

.node-banner.node--view-mode--subpage_banner .banner {
  height: 100%;
}

.node-banner.node--view-mode--subpage_banner .banner__title {
  position: absolute;
  bottom: 1rem;
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1.75rem;
  color: #fff;
  padding-bottom: 1.75rem;
}

@media (min-width: 0) and (max-width: 768px) {
  .node-banner.node--view-mode--subpage_banner .banner__title {
    width: 91.66666667%;
    float: left;
    margin-left: 4.16666667%;
    margin-right: 4.16666667%;
  }
}

@media (min-width: 769px) {
  .node-banner.node--view-mode--subpage_banner .banner__title {
    width: 97.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
}

.node-article.node-teaser {
  position: relative;
}

.node-article.node-teaser .news__image, .node-article.node-teaser .notice__image {
  position: relative;
}

.node-article.node-teaser .news__image img, .node-article.node-teaser .notice__image img {
  width: 100%;
  height: auto;
}

.node-article.node-teaser .news__title, .node-article.node-teaser .notice__title {
  font-size: 1.5rem;
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
}

.node-article.node-teaser .arrow {
  position: absolute;
  bottom: 1rem;
  left: 0;
}

.node-article.node-teaser .more__link {
  text-decoration: none;
  color: #000;
}

.node-article.node-teaser .more__link img {
  width: 0.875rem;
  fill: #878787;
  padding-left: 0.5rem;
  width: 1.125rem;
}

.node-article.node-teaser .item__date-cube {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #821814;
  width: 3rem;
  height: 3rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  z-index: 1;
}

.node-article.node-teaser .item__date-cube .date-day,
.node-article.node-teaser .item__date-cube .date-month {
  margin: 0;
  color: #fff;
  font-weight: 200;
}

.node-article.node-teaser .item__date-cube .date-day {
  padding-top: 0.5rem;
  font-size: 1.75rem;
  line-height: 1rem;
}

.node-article.node--view-mode--listing {
  height: 100%;
  padding-bottom: 1.125rem;
  background-color: #F3F3F3;
  position: relative;
}

.node-article.node--view-mode--listing img {
  width: 100%;
  height: auto;
}

.node-article.node--view-mode--listing .arrow,
.node-article.node--view-mode--listing .news__date,
.node-article.node--view-mode--listing .news__title,
.node-article.node--view-mode--listing .news__body {
  padding: 0 1.125rem;
}

.node-article.node--view-mode--listing .news__date {
  margin-bottom: 1.125rem;
  padding-top: 1.125rem;
  font-size: 0.7rem;
  color: #821814;
  font-family: "Avenir LT W01_85 Heavy1475544", "Open Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}

.node-article.node--view-mode--listing .news__title {
  margin-bottom: 1.125rem;
  font-family: "Avenir LT W01_65 Medium1475532", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.75rem;
}

.node-article.node--view-mode--listing .news__title a {
  color: #575756;
  text-decoration: none;
}

.node-article.node--view-mode--listing .news__body {
  font-size: 0.875rem;
}

.node-article.node--view-mode--listing .arrow {
  position: absolute;
  bottom: 1rem;
  left: 0;
}

.node-article.node--view-mode--listing .arrow a {
  width: 0.875rem;
  height: 0.875rem;
  display: block;
  background-image: url(/sites/all/themes/custom/middletemple/assets/images/icons/right-arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.node-article.node--view-mode--full .border-top {
  border-top: 1px solid #ccc;
  padding-top: 1rem;
  margin-top: 1rem;
}

.node-article.node--view-mode--full .news__date {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-style: italic;
}

.node-article.node--view-mode--sidebar h2 {
  display: none;
}

.node-article.node--view-mode--sidebar img {
  width: 100%;
  height: auto;
}

.node-job.node--view-mode--listing h2 {
  font-family: "Avenir LT W01_35 Light1475496","Open Sans",Helvetica,Arial,sans-serif;
}

.node-job.node--view-mode--listing h2 a {
  text-decoration: none;
  color: #821814;
  font-size: 1.75rem;
  font-weight: normal;
}

.node-job.node--view-mode--listing .field-name-field-deadline label {
  display: inline-block;
}

.node-job.node--view-mode--listing .field-name-field-deadline label:after {
  content: ":";
}

.node-job.node--view-mode--full .field-name-field-deadline {
  margin-bottom: 1.5rem;
}

.node-job.node--view-mode--full .field-name-field-deadline label {
  display: inline-block;
}

.node-job.node--view-mode--full .field-name-field-deadline label:after {
  content: ":";
}

.node-job.node--view-mode--full .field-name-body {
  margin-bottom: 3rem;
}

.node-job.node--view-mode--full .field-name-field-file {
  border-radius: 10px;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/backgrounds/pattern2.jpg");
  padding: 1.5rem;
}

.node-job.node--view-mode--full .file-icon:before {
  content: "\F15B";
  font-family: 'Font Awesome 5 Free';
  color: #878787;
  padding-right: 0.75rem;
}

.node-job.node--view-mode--full .mime-application-pdf:before {
  content: "\F1C1";
  color: #821814;
}

.node-job.node--view-mode--full .mime-application-vndopenxmlformats-officedocumentwordprocessingmldocument:before {
  content: "\F1C2";
  color: #00a4ef;
}

.node-job.node--view-mode--full .mime-application-vndopenxmlformats-officedocumentspreadsheetmlsheet:before {
  content: "\F1C3";
  color: #008000;
}

.node-teaser.node-noticeboard-notice {
  height: 100%;
  padding-bottom: 1.125rem;
  background-color: #F3F3F3;
  position: relative;
}

.node-teaser.node-noticeboard-notice .arrow,
.node-teaser.node-noticeboard-notice .notice__date,
.node-teaser.node-noticeboard-notice .notice__title,
.node-teaser.node-noticeboard-notice .notice__body {
  padding: 0 1.125rem;
}

.node-teaser.node-noticeboard-notice .notice__date {
  margin-bottom: 1.125rem;
  padding-top: 1.125rem;
  font-size: 0.7rem;
  color: #821814;
  font-family: "Avenir LT W01_85 Heavy1475544", "Open Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}

.node-teaser.node-noticeboard-notice .notice__title {
  margin-bottom: 1.125rem;
  font-family: "Avenir LT W01_65 Medium1475532", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.75rem;
  color: #000;
}

.node-teaser.node-noticeboard-notice .notice__title a {
  color: #575756;
  text-decoration: none;
}

.node-teaser.node-noticeboard-notice a {
  text-decoration: none;
}

.node-teaser.node-noticeboard-notice .notice__image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.node-teaser.node-noticeboard-notice .notice__body {
  font-size: 0.875rem;
}

.node-teaser.node-noticeboard-notice .arrow a {
  width: 0.875rem;
  height: 0.875rem;
  display: block;
  background-image: url(/sites/all/themes/custom/middletemple/assets/images/icons/right-arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.node-teaser.node-noticeboard-notice .arrow {
  position: absolute;
  bottom: 1rem;
  left: 0;
}

.node-noticeboard-notice.node--view-mode--sidebar h2 {
  display: none;
}

.node-noticeboard-notice.node--view-mode--sidebar img {
  width: 100%;
  height: auto;
}

.node-committee-member.node-teaser {
  padding: 1.125rem;
  background-color: #F3F3F3;
  border-radius: 5px;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
}

.node-committee-member.node-teaser img {
  width: 100%;
  height: auto;
}

.node-committee-member.node-teaser h2 {
  margin-bottom: 0.5rem;
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: bold;
  color: #575756;
}

.node-committee-member.node-teaser .field-name-field-position {
  color: #821814;
  margin-bottom: 0.75rem;
}

.node-committee-member.node-teaser .field-name-field-image {
  margin-bottom: 0.75rem;
}

.node-committee-member.node-teaser .social-icons {
  margin-bottom: 0.75rem;
  display: -webkit-box;
  display: flex;
  justify-content: space-around;
}

.node-committee-member.node-teaser .social-icons a {
  display: block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.node-committee-member.node-teaser .social-icons .email a {
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/envelope-solid.svg");
}

.node-committee-member.node-teaser .social-icons .facebook a {
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/facebook-f-brands.svg");
}

.node-committee-member.node-teaser .social-icons .linkedin a {
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/linkedin-in-brands.svg");
}

.node-committee-member.node-teaser .social-icons .twitter a {
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/twitter-brands.svg");
}

@media (min-width: 0) and (max-width: 768px) {
  .node-committee-member.node-teaser .left,
  .node-committee-member.node-teaser .right {
    width: 100%;
  }
}

@media (min-width: 769px) {
  .node-committee-member.node-teaser .left {
    width: 22.85714286%;
    float: left;
    margin-right: 2.85714286%;
  }
  .node-committee-member.node-teaser .right {
    width: 74.28571429%;
    float: right;
    margin-right: 0;
  }
}

form#user-login {
  padding: 1.5rem;
  border-radius: 10px;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/backgrounds/pattern2.jpg");
}

form#user-login tr {
  background-color: transparent;
}

form#user-login .views-submit-button input[type="submit"] {
  padding-right: 3rem;
  background-size: 1rem 0.8rem;
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/chevron-right-solid-white.svg");
}

form#user-login select, form#user-login input[type='text'], form#user-login input[type='password'], form#user-login .select2-container {
  width: 100%;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  appearance: none;
  padding: 0.75rem;
  margin-right: 0;
  width: 100%;
  border: 1px solid #DADADA;
  color: #333;
  box-sizing: border-box;
  height: initial;
  background: none;
  background-color: #fff;
}

form#user-login .label {
  padding-top: 0;
}

form#user-login .select2-container,
form#user-login .select2-drop-above {
  display: block;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
}

form#user-login .select2-container.select2-container-active .select2-choice,
form#user-login .select2-drop-above.select2-container-active .select2-choice {
  box-shadow: none;
}

form#user-login .select2-container a,
form#user-login .select2-drop-above a {
  background: none;
  border: none;
  height: auto;
}

form#user-login .select2-container .select2-choice,
form#user-login .select2-drop-above .select2-choice {
  height: 16px;
  line-height: 17px;
  padding: 0;
}

form#user-login .select2-container .select2-choice abbr,
form#user-login .select2-drop-above .select2-choice abbr {
  top: 2px;
}

form#user-login .select2-container .select2-arrow,
form#user-login .select2-drop-above .select2-arrow {
  border: none;
  background: none;
  top: -5px;
}

form#user-login .select2-drop.select2-drop-above.select2-drop-active,
form#user-login .select2-drop-active {
  border-color: #ddd;
}

form#user-login .form-managed-file .form-submit,
form#user-login .form-managed-file .form-file {
  margin-bottom: 0.75rem;
}

form#user-login .webform-component-time .webform-container-inline > :nth-child(2) {
  margin-left: 0.4rem;
}

@media (min-width: 0) and (max-width: 575px) {
  form#user-login .webform-component-time .webform-container-inline {
    flex-wrap: wrap;
  }
  form#user-login .webform-component-time .webform-container-inline > :last-child {
    width: 100%;
  }
}

form#user-login .webform-component-time .webform-container-inline,
form#user-login .webform-component-date .webform-container-inline {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

form#user-login .webform-component-time .form-item,
form#user-login .webform-component-date .form-item {
  margin-bottom: 0;
  margin-right: 0.4rem;
}

form#user-login .webform-component-time .webform-calendar,
form#user-login .webform-component-date .webform-calendar {
  height: 1.5rem;
}

form#user-login .form-item-name {
  margin-top: 0;
}

form#user-login .form-submit {
  padding-right: 3rem;
  background-size: 1rem 0.8rem;
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/chevron-right-solid-white.svg");
}

.webform-client-form fieldset legend {
  font-size: 1.125rem;
}

.webform-client-form-2763 .form-actions::after,
.webform-client-form-2517 .form-actions::after,
.webform-client-form-2271 .form-actions::after {
  clear: both;
  content: "";
  display: block;
}

.webform-client-form-2763 .form-actions .form-submit,
.webform-client-form-2517 .form-actions .form-submit,
.webform-client-form-2271 .form-actions .form-submit {
  margin-bottom: 0.75rem;
}

@media (min-width: 0) and (max-width: 575px) {
  .webform-client-form-2763 .form-actions .form-submit,
  .webform-client-form-2517 .form-actions .form-submit,
  .webform-client-form-2271 .form-actions .form-submit {
    width: 100%;
  }
}

@media (min-width: 576px) {
  .webform-client-form-2763 .form-actions .webform-previous,
  .webform-client-form-2517 .form-actions .webform-previous,
  .webform-client-form-2271 .form-actions .webform-previous {
    float: left;
  }
  .webform-client-form-2763 .form-actions .webform-submit,
  .webform-client-form-2763 .form-actions .webform-next,
  .webform-client-form-2517 .form-actions .webform-submit,
  .webform-client-form-2517 .form-actions .webform-next,
  .webform-client-form-2271 .form-actions .webform-submit,
  .webform-client-form-2271 .form-actions .webform-next {
    float: right;
  }
}

form#mtuser-custom-register-form {
  padding: 1.5rem;
  border-radius: 10px;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/backgrounds/pattern2.jpg");
}

form#mtuser-custom-register-form tr {
  background-color: transparent;
}

form#mtuser-custom-register-form .views-submit-button input[type="submit"] {
  padding-right: 3rem;
  background-size: 1rem 0.8rem;
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/chevron-right-solid-white.svg");
}

form#mtuser-custom-register-form select, form#mtuser-custom-register-form input[type='text'], form#mtuser-custom-register-form input[type='password'], form#mtuser-custom-register-form .select2-container {
  width: 100%;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  appearance: none;
  padding: 0.75rem;
  margin-right: 0;
  width: 100%;
  border: 1px solid #DADADA;
  color: #333;
  box-sizing: border-box;
  height: initial;
  background: none;
  background-color: #fff;
}

form#mtuser-custom-register-form .label {
  padding-top: 0;
}

form#mtuser-custom-register-form .select2-container,
form#mtuser-custom-register-form .select2-drop-above {
  display: block;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
}

form#mtuser-custom-register-form .select2-container.select2-container-active .select2-choice,
form#mtuser-custom-register-form .select2-drop-above.select2-container-active .select2-choice {
  box-shadow: none;
}

form#mtuser-custom-register-form .select2-container a,
form#mtuser-custom-register-form .select2-drop-above a {
  background: none;
  border: none;
  height: auto;
}

form#mtuser-custom-register-form .select2-container .select2-choice,
form#mtuser-custom-register-form .select2-drop-above .select2-choice {
  height: 16px;
  line-height: 17px;
  padding: 0;
}

form#mtuser-custom-register-form .select2-container .select2-choice abbr,
form#mtuser-custom-register-form .select2-drop-above .select2-choice abbr {
  top: 2px;
}

form#mtuser-custom-register-form .select2-container .select2-arrow,
form#mtuser-custom-register-form .select2-drop-above .select2-arrow {
  border: none;
  background: none;
  top: -5px;
}

form#mtuser-custom-register-form .select2-drop.select2-drop-above.select2-drop-active,
form#mtuser-custom-register-form .select2-drop-active {
  border-color: #ddd;
}

form#mtuser-custom-register-form .form-managed-file .form-submit,
form#mtuser-custom-register-form .form-managed-file .form-file {
  margin-bottom: 0.75rem;
}

form#mtuser-custom-register-form .webform-component-time .webform-container-inline > :nth-child(2) {
  margin-left: 0.4rem;
}

@media (min-width: 0) and (max-width: 575px) {
  form#mtuser-custom-register-form .webform-component-time .webform-container-inline {
    flex-wrap: wrap;
  }
  form#mtuser-custom-register-form .webform-component-time .webform-container-inline > :last-child {
    width: 100%;
  }
}

form#mtuser-custom-register-form .webform-component-time .webform-container-inline,
form#mtuser-custom-register-form .webform-component-date .webform-container-inline {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

form#mtuser-custom-register-form .webform-component-time .form-item,
form#mtuser-custom-register-form .webform-component-date .form-item {
  margin-bottom: 0;
  margin-right: 0.4rem;
}

form#mtuser-custom-register-form .webform-component-time .webform-calendar,
form#mtuser-custom-register-form .webform-component-date .webform-calendar {
  height: 1.5rem;
}

form#mtuser-custom-register-form .form-item-uname {
  margin-top: 0;
}

form#mtuser-custom-register-form .form-item-is-member .form-radios {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  width: 8rem;
}

form#mtuser-custom-register-form .form-submit {
  padding-right: 3rem;
  background-size: 1rem 0.8rem;
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/chevron-right-solid-white.svg");
}

#commerce-checkout-form-review,
#commerce-checkout-form-checkout,
#views-form-booking-cart-form-default {
  padding: 1.5rem;
  border-radius: 10px;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/backgrounds/pattern2.jpg");
}

#commerce-checkout-form-review tr,
#commerce-checkout-form-checkout tr,
#views-form-booking-cart-form-default tr {
  background-color: transparent;
}

#commerce-checkout-form-review .views-submit-button input[type="submit"],
#commerce-checkout-form-checkout .views-submit-button input[type="submit"],
#views-form-booking-cart-form-default .views-submit-button input[type="submit"] {
  padding-right: 3rem;
  background-size: 1rem 0.8rem;
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/chevron-right-solid-white.svg");
}

#commerce-checkout-form-review select, #commerce-checkout-form-review input[type='text'], #commerce-checkout-form-review input[type='password'], #commerce-checkout-form-review .select2-container,
#commerce-checkout-form-checkout select,
#commerce-checkout-form-checkout input[type='text'],
#commerce-checkout-form-checkout input[type='password'],
#commerce-checkout-form-checkout .select2-container,
#views-form-booking-cart-form-default select,
#views-form-booking-cart-form-default input[type='text'],
#views-form-booking-cart-form-default input[type='password'],
#views-form-booking-cart-form-default .select2-container {
  width: 100%;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  appearance: none;
  padding: 0.75rem;
  margin-right: 0;
  width: 100%;
  border: 1px solid #DADADA;
  color: #333;
  box-sizing: border-box;
  height: initial;
  background: none;
  background-color: #fff;
}

#commerce-checkout-form-review .label,
#commerce-checkout-form-checkout .label,
#views-form-booking-cart-form-default .label {
  padding-top: 0;
}

#commerce-checkout-form-review .select2-container,
#commerce-checkout-form-review .select2-drop-above,
#commerce-checkout-form-checkout .select2-container,
#commerce-checkout-form-checkout .select2-drop-above,
#views-form-booking-cart-form-default .select2-container,
#views-form-booking-cart-form-default .select2-drop-above {
  display: block;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
}

#commerce-checkout-form-review .select2-container.select2-container-active .select2-choice,
#commerce-checkout-form-review .select2-drop-above.select2-container-active .select2-choice,
#commerce-checkout-form-checkout .select2-container.select2-container-active .select2-choice,
#commerce-checkout-form-checkout .select2-drop-above.select2-container-active .select2-choice,
#views-form-booking-cart-form-default .select2-container.select2-container-active .select2-choice,
#views-form-booking-cart-form-default .select2-drop-above.select2-container-active .select2-choice {
  box-shadow: none;
}

#commerce-checkout-form-review .select2-container a,
#commerce-checkout-form-review .select2-drop-above a,
#commerce-checkout-form-checkout .select2-container a,
#commerce-checkout-form-checkout .select2-drop-above a,
#views-form-booking-cart-form-default .select2-container a,
#views-form-booking-cart-form-default .select2-drop-above a {
  background: none;
  border: none;
  height: auto;
}

#commerce-checkout-form-review .select2-container .select2-choice,
#commerce-checkout-form-review .select2-drop-above .select2-choice,
#commerce-checkout-form-checkout .select2-container .select2-choice,
#commerce-checkout-form-checkout .select2-drop-above .select2-choice,
#views-form-booking-cart-form-default .select2-container .select2-choice,
#views-form-booking-cart-form-default .select2-drop-above .select2-choice {
  height: 16px;
  line-height: 17px;
  padding: 0;
}

#commerce-checkout-form-review .select2-container .select2-choice abbr,
#commerce-checkout-form-review .select2-drop-above .select2-choice abbr,
#commerce-checkout-form-checkout .select2-container .select2-choice abbr,
#commerce-checkout-form-checkout .select2-drop-above .select2-choice abbr,
#views-form-booking-cart-form-default .select2-container .select2-choice abbr,
#views-form-booking-cart-form-default .select2-drop-above .select2-choice abbr {
  top: 2px;
}

#commerce-checkout-form-review .select2-container .select2-arrow,
#commerce-checkout-form-review .select2-drop-above .select2-arrow,
#commerce-checkout-form-checkout .select2-container .select2-arrow,
#commerce-checkout-form-checkout .select2-drop-above .select2-arrow,
#views-form-booking-cart-form-default .select2-container .select2-arrow,
#views-form-booking-cart-form-default .select2-drop-above .select2-arrow {
  border: none;
  background: none;
  top: -5px;
}

#commerce-checkout-form-review .select2-drop.select2-drop-above.select2-drop-active,
#commerce-checkout-form-review .select2-drop-active,
#commerce-checkout-form-checkout .select2-drop.select2-drop-above.select2-drop-active,
#commerce-checkout-form-checkout .select2-drop-active,
#views-form-booking-cart-form-default .select2-drop.select2-drop-above.select2-drop-active,
#views-form-booking-cart-form-default .select2-drop-active {
  border-color: #ddd;
}

#commerce-checkout-form-review .form-managed-file .form-submit,
#commerce-checkout-form-review .form-managed-file .form-file,
#commerce-checkout-form-checkout .form-managed-file .form-submit,
#commerce-checkout-form-checkout .form-managed-file .form-file,
#views-form-booking-cart-form-default .form-managed-file .form-submit,
#views-form-booking-cart-form-default .form-managed-file .form-file {
  margin-bottom: 0.75rem;
}

#commerce-checkout-form-review .webform-component-time .webform-container-inline > :nth-child(2),
#commerce-checkout-form-checkout .webform-component-time .webform-container-inline > :nth-child(2),
#views-form-booking-cart-form-default .webform-component-time .webform-container-inline > :nth-child(2) {
  margin-left: 0.4rem;
}

@media (min-width: 0) and (max-width: 575px) {
  #commerce-checkout-form-review .webform-component-time .webform-container-inline,
  #commerce-checkout-form-checkout .webform-component-time .webform-container-inline,
  #views-form-booking-cart-form-default .webform-component-time .webform-container-inline {
    flex-wrap: wrap;
  }
  #commerce-checkout-form-review .webform-component-time .webform-container-inline > :last-child,
  #commerce-checkout-form-checkout .webform-component-time .webform-container-inline > :last-child,
  #views-form-booking-cart-form-default .webform-component-time .webform-container-inline > :last-child {
    width: 100%;
  }
}

#commerce-checkout-form-review .webform-component-time .webform-container-inline,
#commerce-checkout-form-review .webform-component-date .webform-container-inline,
#commerce-checkout-form-checkout .webform-component-time .webform-container-inline,
#commerce-checkout-form-checkout .webform-component-date .webform-container-inline,
#views-form-booking-cart-form-default .webform-component-time .webform-container-inline,
#views-form-booking-cart-form-default .webform-component-date .webform-container-inline {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

#commerce-checkout-form-review .webform-component-time .form-item,
#commerce-checkout-form-review .webform-component-date .form-item,
#commerce-checkout-form-checkout .webform-component-time .form-item,
#commerce-checkout-form-checkout .webform-component-date .form-item,
#views-form-booking-cart-form-default .webform-component-time .form-item,
#views-form-booking-cart-form-default .webform-component-date .form-item {
  margin-bottom: 0;
  margin-right: 0.4rem;
}

#commerce-checkout-form-review .webform-component-time .webform-calendar,
#commerce-checkout-form-review .webform-component-date .webform-calendar,
#commerce-checkout-form-checkout .webform-component-time .webform-calendar,
#commerce-checkout-form-checkout .webform-component-date .webform-calendar,
#views-form-booking-cart-form-default .webform-component-time .webform-calendar,
#views-form-booking-cart-form-default .webform-component-date .webform-calendar {
  height: 1.5rem;
}

#commerce-checkout-form-review .form-actions,
#commerce-checkout-form-review #edit-buttons,
#commerce-checkout-form-checkout .form-actions,
#commerce-checkout-form-checkout #edit-buttons,
#views-form-booking-cart-form-default .form-actions,
#views-form-booking-cart-form-default #edit-buttons {
  margin-bottom: 0;
}

#commerce-checkout-form-review .form-actions,
#commerce-checkout-form-review #edit-buttons .fieldset-wrapper,
#commerce-checkout-form-checkout .form-actions,
#commerce-checkout-form-checkout #edit-buttons .fieldset-wrapper,
#views-form-booking-cart-form-default .form-actions,
#views-form-booking-cart-form-default #edit-buttons .fieldset-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  flex-wrap: wrap;
}

#commerce-checkout-form-review .form-actions input,
#commerce-checkout-form-review #edit-buttons .fieldset-wrapper input,
#commerce-checkout-form-checkout .form-actions input,
#commerce-checkout-form-checkout #edit-buttons .fieldset-wrapper input,
#views-form-booking-cart-form-default .form-actions input,
#views-form-booking-cart-form-default #edit-buttons .fieldset-wrapper input {
  margin-bottom: 1.5rem;
}

@media (min-width: 576px) {
  #commerce-checkout-form-review .form-actions input:not(:last-child),
  #commerce-checkout-form-review #edit-buttons .fieldset-wrapper input:not(:last-child),
  #commerce-checkout-form-checkout .form-actions input:not(:last-child),
  #commerce-checkout-form-checkout #edit-buttons .fieldset-wrapper input:not(:last-child),
  #views-form-booking-cart-form-default .form-actions input:not(:last-child),
  #views-form-booking-cart-form-default #edit-buttons .fieldset-wrapper input:not(:last-child) {
    margin-right: 1.5rem;
  }
}

#commerce-checkout-form-checkout .views-row {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

#commerce-checkout-form-checkout .views-row .views-field-line-item-title {
  width: calc(100% - 8rem);
}

#commerce-checkout-form-checkout .views-row .views-field-commerce-total {
  width: 7rem;
  text-align: right;
  font-weight: bold;
}

#commerce-checkout-form-checkout .views-row .views-field-commerce-total .views-label {
  display: none;
}

#commerce-checkout-form-checkout .views-field-line-item-title {
  margin-bottom: 0.75rem;
}

#commerce-checkout-form-checkout #edit-cart-contents .view-content {
  margin-bottom: 1.5rem;
}

#commerce-checkout-form-checkout #addressfield-wrapper .name-block .form-item,
#commerce-checkout-form-checkout #addressfield-wrapper .organisation-block .form-item {
  width: 100%;
  margin-right: 0;
  margin-top: 0;
}

#commerce-checkout-form-checkout #addressfield-wrapper .name-block .form-item:last-child,
#commerce-checkout-form-checkout #addressfield-wrapper .organisation-block .form-item:last-child {
  margin-bottom: 0;
}

#views-form-booking-cart-form-default .headers,
#commerce-checkout-form-review .headers {
  font-weight: bold;
  border-bottom: 3px solid #ccc;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

#views-form-booking-cart-form-default .views-row,
#commerce-checkout-form-review .views-row {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.5rem;
}

#views-form-booking-cart-form-default .views-label,
#commerce-checkout-form-review .views-label {
  font-weight: bold;
}

#views-form-booking-cart-form-default .views-field-edit-delete input,
#commerce-checkout-form-review .views-field-edit-delete input {
  width: 1rem;
  height: 1rem;
  text-indent: -1000px;
  overflow: hidden;
  background-size: contain;
  background-color: transparent;
  background-repeat: no-repeat;
}

@media (min-width: 769px) {
  #views-form-booking-cart-form-default .views-field-edit-delete input,
  #commerce-checkout-form-review .views-field-edit-delete input {
    background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/trash-alt-regular.svg");
  }
}

#views-form-booking-cart-form-default .views-field-edit-delete .field-content,
#commerce-checkout-form-review .views-field-edit-delete .field-content {
  display: inline-block;
}

@media (min-width: 0) and (max-width: 768px) {
  #views-form-booking-cart-form-default .headers,
  #commerce-checkout-form-review .headers {
    display: none;
  }
  #views-form-booking-cart-form-default .views-row,
  #commerce-checkout-form-review .views-row {
    flex-wrap: wrap;
  }
  #views-form-booking-cart-form-default .views-row .views-field,
  #commerce-checkout-form-review .views-row .views-field {
    width: 100%;
    margin-bottom: 0.75rem;
  }
  #views-form-booking-cart-form-default .views-row .views-label :not(.views-label-edit-delete),
  #commerce-checkout-form-review .views-row .views-label :not(.views-label-edit-delete) {
    margin-right: 0.5rem;
  }
  #views-form-booking-cart-form-default .views-row .views-field:not(.views-field-line-item-label):not(.views-field-line-item-title),
  #commerce-checkout-form-review .views-row .views-field:not(.views-field-line-item-label):not(.views-field-line-item-title) {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
  }
  #views-form-booking-cart-form-default .views-row .views-field-line-item-title .views-label,
  #views-form-booking-cart-form-default .views-row .views-field-line-item-label .views-label,
  #commerce-checkout-form-review .views-row .views-field-line-item-title .views-label,
  #commerce-checkout-form-review .views-row .views-field-line-item-label .views-label {
    width: 100%;
    display: block;
  }
  #views-form-booking-cart-form-default .views-row .views-field-edit-delete,
  #commerce-checkout-form-review .views-row .views-field-edit-delete {
    -webkit-box-pack: center;
            justify-content: center;
    padding: 0.2rem;
    border-radius: 5px;
    color: #fff;
    background-color: #821814;
  }
  #views-form-booking-cart-form-default .commerce-price-formatted-components,
  #commerce-checkout-form-review .commerce-price-formatted-components {
    width: 100%;
    margin-left: 0;
  }
}

@media (min-width: 769px) {
  #views-form-booking-cart-form-default .views-row .views-label,
  #commerce-checkout-form-review .views-row .views-label {
    display: none;
  }
  #views-form-booking-cart-form-default .headers,
  #commerce-checkout-form-review .headers {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
  #views-form-booking-cart-form-default .headers .header.label,
  #commerce-checkout-form-review .headers .header.label {
    width: calc(100% - 23rem);
  }
  #views-form-booking-cart-form-default .headers .header:not(.label),
  #commerce-checkout-form-review .headers .header:not(.label) {
    width: 7rem;
    text-align: center;
  }
  #views-form-booking-cart-form-default .views-row .views-field,
  #commerce-checkout-form-review .views-row .views-field {
    width: 7rem;
  }
  #views-form-booking-cart-form-default .views-row .views-field:not(.views-field-line-item-label):not(.views-field-line-item-title),
  #commerce-checkout-form-review .views-row .views-field:not(.views-field-line-item-label):not(.views-field-line-item-title) {
    text-align: center;
  }
  #views-form-booking-cart-form-default .views-row .views-field-line-item-title,
  #views-form-booking-cart-form-default .views-row .views-field-line-item-label,
  #commerce-checkout-form-review .views-row .views-field-line-item-title,
  #commerce-checkout-form-review .views-row .views-field-line-item-label {
    width: calc(100% - 23rem);
  }
}

#commerce-checkout-form-review #edit-buttons .fieldset-wrapper,
#commerce-checkout-form-checkout #edit-buttons .fieldset-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

#commerce-checkout-form-review .button-operator,
#commerce-checkout-form-review #edit-continue,
#commerce-checkout-form-checkout .button-operator,
#commerce-checkout-form-checkout #edit-continue {
  margin-right: 0.75rem;
}

#commerce-checkout-form-review #edit-back,
#commerce-checkout-form-review #edit-cancel,
#commerce-checkout-form-checkout #edit-back,
#commerce-checkout-form-checkout #edit-cancel {
  padding: 0;
}

#commerce-checkout-form-checkout .group-inn-details {
  display: none;
}

#views-form-booking-cart-form-default fieldset,
#commerce-checkout-form-review fieldset,
#commerce-checkout-form-checkout fieldset {
  margin-bottom: 1.5rem;
}

#views-form-booking-cart-form-default #edit-cancel,
#views-form-booking-cart-form-default #edit-back,
#commerce-checkout-form-review #edit-cancel,
#commerce-checkout-form-review #edit-back,
#commerce-checkout-form-checkout #edit-cancel,
#commerce-checkout-form-checkout #edit-back {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #821814;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75rem 1.5rem;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 150ms ease;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: normal;
}

#views-form-booking-cart-form-default #edit-cancel:hover,
#views-form-booking-cart-form-default #edit-back:hover,
#commerce-checkout-form-review #edit-cancel:hover,
#commerce-checkout-form-review #edit-back:hover,
#commerce-checkout-form-checkout #edit-cancel:hover,
#commerce-checkout-form-checkout #edit-back:hover {
  background-color: #681310;
  color: #fff;
}

#views-form-booking-cart-form-default #edit-cancel:disabled,
#views-form-booking-cart-form-default #edit-back:disabled,
#commerce-checkout-form-review #edit-cancel:disabled,
#commerce-checkout-form-review #edit-back:disabled,
#commerce-checkout-form-checkout #edit-cancel:disabled,
#commerce-checkout-form-checkout #edit-back:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

#views-form-booking-cart-form-default #edit-cancel:disabled:hover,
#views-form-booking-cart-form-default #edit-back:disabled:hover,
#commerce-checkout-form-review #edit-cancel:disabled:hover,
#commerce-checkout-form-review #edit-back:disabled:hover,
#commerce-checkout-form-checkout #edit-cancel:disabled:hover,
#commerce-checkout-form-checkout #edit-back:disabled:hover {
  background-color: #821814;
}

#views-form-booking-cart-form-default .form-actions .fieldset-wrapper,
#views-form-booking-cart-form-default #edit-buttons .fieldset-wrapper,
#commerce-checkout-form-review .form-actions .fieldset-wrapper,
#commerce-checkout-form-review #edit-buttons .fieldset-wrapper,
#commerce-checkout-form-checkout .form-actions .fieldset-wrapper,
#commerce-checkout-form-checkout #edit-buttons .fieldset-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

#views-form-booking-cart-form-default .form-actions #edit-cancel,
#views-form-booking-cart-form-default .form-actions #edit-back,
#views-form-booking-cart-form-default #edit-buttons #edit-cancel,
#views-form-booking-cart-form-default #edit-buttons #edit-back,
#commerce-checkout-form-review .form-actions #edit-cancel,
#commerce-checkout-form-review .form-actions #edit-back,
#commerce-checkout-form-review #edit-buttons #edit-cancel,
#commerce-checkout-form-review #edit-buttons #edit-back,
#commerce-checkout-form-checkout .form-actions #edit-cancel,
#commerce-checkout-form-checkout .form-actions #edit-back,
#commerce-checkout-form-checkout #edit-buttons #edit-cancel,
#commerce-checkout-form-checkout #edit-buttons #edit-back {
  padding-left: 3rem;
  background-size: 1rem 0.8rem;
  background-position: 1rem;
  background-repeat: no-repeat;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/chevron-left-solid-white.svg");
  -webkit-box-ordinal-group: 2;
          order: 1;
}

#views-form-booking-cart-form-default .form-actions .button-operator,
#views-form-booking-cart-form-default #edit-buttons .button-operator,
#commerce-checkout-form-review .form-actions .button-operator,
#commerce-checkout-form-review #edit-buttons .button-operator,
#commerce-checkout-form-checkout .form-actions .button-operator,
#commerce-checkout-form-checkout #edit-buttons .button-operator {
  display: none;
}

#views-form-booking-cart-form-default .form-actions #edit-continue-shopping,
#views-form-booking-cart-form-default .form-actions #edit-checkout,
#views-form-booking-cart-form-default .form-actions #edit-continue,
#views-form-booking-cart-form-default #edit-buttons #edit-continue-shopping,
#views-form-booking-cart-form-default #edit-buttons #edit-checkout,
#views-form-booking-cart-form-default #edit-buttons #edit-continue,
#commerce-checkout-form-review .form-actions #edit-continue-shopping,
#commerce-checkout-form-review .form-actions #edit-checkout,
#commerce-checkout-form-review .form-actions #edit-continue,
#commerce-checkout-form-review #edit-buttons #edit-continue-shopping,
#commerce-checkout-form-review #edit-buttons #edit-checkout,
#commerce-checkout-form-review #edit-buttons #edit-continue,
#commerce-checkout-form-checkout .form-actions #edit-continue-shopping,
#commerce-checkout-form-checkout .form-actions #edit-checkout,
#commerce-checkout-form-checkout .form-actions #edit-continue,
#commerce-checkout-form-checkout #edit-buttons #edit-continue-shopping,
#commerce-checkout-form-checkout #edit-buttons #edit-checkout,
#commerce-checkout-form-checkout #edit-buttons #edit-continue {
  padding-right: 3rem;
  background-size: 1rem 0.8rem;
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/chevron-right-solid-white.svg");
  -webkit-box-ordinal-group: 3;
          order: 2;
  margin-right: 0;
}

#views-form-booking-cart-form-default .form-actions .checkout-processing,
#views-form-booking-cart-form-default #edit-buttons .checkout-processing,
#commerce-checkout-form-review .form-actions .checkout-processing,
#commerce-checkout-form-review #edit-buttons .checkout-processing,
#commerce-checkout-form-checkout .form-actions .checkout-processing,
#commerce-checkout-form-checkout #edit-buttons .checkout-processing {
  display: none !important;
}

@media (min-width: 0) and (max-width: 575px) {
  #views-form-booking-cart-form-default .form-actions .fieldset-wrapper,
  #views-form-booking-cart-form-default #edit-buttons .fieldset-wrapper,
  #commerce-checkout-form-review .form-actions .fieldset-wrapper,
  #commerce-checkout-form-review #edit-buttons .fieldset-wrapper,
  #commerce-checkout-form-checkout .form-actions .fieldset-wrapper,
  #commerce-checkout-form-checkout #edit-buttons .fieldset-wrapper {
    flex-wrap: wrap;
  }
  #views-form-booking-cart-form-default .form-actions input,
  #views-form-booking-cart-form-default .form-actions #edit-cancel,
  #views-form-booking-cart-form-default .form-actions .button-operator,
  #views-form-booking-cart-form-default #edit-buttons input,
  #views-form-booking-cart-form-default #edit-buttons #edit-cancel,
  #views-form-booking-cart-form-default #edit-buttons .button-operator,
  #commerce-checkout-form-review .form-actions input,
  #commerce-checkout-form-review .form-actions #edit-cancel,
  #commerce-checkout-form-review .form-actions .button-operator,
  #commerce-checkout-form-review #edit-buttons input,
  #commerce-checkout-form-review #edit-buttons #edit-cancel,
  #commerce-checkout-form-review #edit-buttons .button-operator,
  #commerce-checkout-form-checkout .form-actions input,
  #commerce-checkout-form-checkout .form-actions #edit-cancel,
  #commerce-checkout-form-checkout .form-actions .button-operator,
  #commerce-checkout-form-checkout #edit-buttons input,
  #commerce-checkout-form-checkout #edit-buttons #edit-cancel,
  #commerce-checkout-form-checkout #edit-buttons .button-operator {
    width: 100%;
    margin-right: 0;
  }
  #views-form-booking-cart-form-default .form-actions .button-operator,
  #views-form-booking-cart-form-default #edit-buttons .button-operator,
  #commerce-checkout-form-review .form-actions .button-operator,
  #commerce-checkout-form-review #edit-buttons .button-operator,
  #commerce-checkout-form-checkout .form-actions .button-operator,
  #commerce-checkout-form-checkout #edit-buttons .button-operator {
    text-align: center;
    padding: 0.75rem;
  }
}

#commerce-checkout-form-review tr {
  background-color: transparent;
}

@media (min-width: 0) and (max-width: 768px) {
  .megamenu-wrapper {
    display: none;
  }
}

@media (min-width: 769px) {
  .megamenu-wrapper,
  .is-sticky ~ .megamenu-wrapper {
    position: relative;
  }
  .megamenu-wrapper .block--mega-menu {
    position: absolute;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.95);
    border: 1px solid #DADADA;
    z-index: 40;
  }
  .is-sticky ~ .megamenu-wrapper .block--mega-menu {
    position: fixed;
    top: 80px;
  }
  .is-sticky ~ .search-active ~ .megamenu-wrapper .block--mega-menu {
    top: 120px;
  }
  .block--mega-menu ul.menu {
    width: 33.33333333%;
    float: left;
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .block--mega-menu ul.menu:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
  }
  .block--mega-menu ul.menu:nth-child(3n + 2) {
    margin-left: 33.33333333%;
    margin-right: -100%;
    clear: none;
  }
  .block--mega-menu ul.menu:nth-child(3n + 3) {
    margin-left: 66.66666667%;
    margin-right: -100%;
    clear: none;
  }
  .block--mega-menu ul.menu:not(:first-child) {
    background-color: #E3E3DE;
  }
  .block--mega-menu .menu-item__link {
    color: #000;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
  .block--mega-menu .menu-item__link:hover {
    background-color: #DADADA;
  }
  .block--mega-menu .menu-item__link.has-sub-menu {
    background-image: url(/images/icons/chevron-right-solid.svg);
    background-size: .5rem;
    background-position: right 1rem center;
    background-repeat: no-repeat;
  }
}

.block--search {
  border-bottom: 4px solid #DADADA;
}

.site-header.is-sticky ~ .block--search .block__content span,
.block--search .block__content span {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

.block--search label {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  text-transform: uppercase;
  margin: 0;
}

.block--search input {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  margin-left: auto;
  margin: 0;
  border-radius: 25px;
  max-width: 60rem;
}

.block--search span {
  position: relative;
}

.block--search a {
  position: absolute;
  top: 0.75rem;
  right: 0.5rem;
}

@media (min-width: 992px) {
  .block--search a {
    top: 0.41666667rem;
  }
}

.burger-box {
  display: inline-block;
  z-index: 40;
  display: none;
}

.burger-box .burger {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.burger-box .burger, .burger-box .burger::before, .burger-box .burger::after {
  display: block;
  width: 30px;
  height: 3px;
  background-color: #000;
  outline: 1px solid transparent;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.burger-box .burger::before, .burger-box .burger::after {
  position: absolute;
  content: "";
}

.burger-box .burger::before {
  top: -10px;
}

.burger-box .burger::after {
  top: 10px;
}

.burger-box.is-active .burger {
  background-color: transparent;
}

.burger-box.is-active .burger::before {
  -webkit-transform: translateY(10px) rotate(45deg);
  transform: translateY(10px) rotate(45deg);
}

.burger-box.is-active .burger::after {
  -webkit-transform: translateY(-10px) rotate(-45deg);
  transform: translateY(-10px) rotate(-45deg);
}

@media (min-width: 769px) {
  .burger-box {
    position: absolute;
    top: 0;
    right: 0;
    padding: .75rem;
  }
}

@media (min-width: 992px) {
  .burger-box {
    display: block;
    padding: 0.5rem;
    background-color: transparent;
  }
}

@media (min-width: 992px) and (min-width: 769px) {
  .burger-box {
    top: 90px;
    right: 0;
  }
}

@media (min-width: 992px) {
  .burger-box .burger {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .burger-box .burger, .burger-box .burger::before, .burger-box .burger::after {
    display: block;
    width: 30px;
    height: 3px;
    background-color: #000;
    outline: 1px solid transparent;
    -webkit-transition-property: background-color, -webkit-transform;
    transition-property: background-color, -webkit-transform;
    transition-property: background-color, transform;
    transition-property: background-color, transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
  }
  .burger-box .burger::before, .burger-box .burger::after {
    position: absolute;
    content: "";
  }
  .burger-box .burger::before {
    top: -10px;
  }
  .burger-box .burger::after {
    top: 10px;
  }
  .burger-box.is-active .burger {
    background-color: transparent;
  }
  .burger-box.is-active .burger::before {
    -webkit-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg);
  }
  .burger-box.is-active .burger::after {
    -webkit-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
  }
  .burger-box.is-active .burger:before, .burger-box.is-active .burger:after {
    background-color: #fff;
  }
}

.block--burger-menu {
  display: none;
}

.block--burger-menu .title {
  display: none;
}

.block--burger-menu .menu a {
  position: relative;
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 1.2rem;
  padding: 0.5rem;
  padding-right: 2rem;
}

.block--burger-menu .menu a:after {
  position: absolute;
  right: 0;
  content: "\F054";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  height: 0.875rem;
  width: 0.875rem;
  text-indent: 1px;
  font-size: 1rem;
}

@media (min-width: 0) and (max-width: 991px) {
  .block--burger-menu {
    -webkit-box-ordinal-group: 3;
            order: 2;
    width: 100%;
  }
}

@media (min-width: 992px) {
  .block--burger-menu {
    z-index: 10;
    position: absolute;
    right: 0;
    top: 80px;
    background: #821814;
    padding-top: 4rem;
    padding-bottom: 2rem;
  }
  .block--burger-menu .menu li {
    padding: 0 2rem;
  }
  .block--burger-menu .menu li:hover {
    background-color: #681310;
  }
  .block--burger-menu .title {
    display: none;
  }
}

@media (min-width: 992px) {
  header.js-is-sticky .burger-box {
    top: 15px;
  }
  header.js-is-sticky .burger-box.is-active {
    top: 15px;
  }
}

@media (min-width: 992px) {
  header.js-is-sticky .block--burger-menu {
    top: 0;
  }
}

.mobile-menu .menu {
  padding-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #fff;
}

.mobile-menu .menu .menu {
  display: none;
}

.mobile-menu .menu li:last-child {
  margin-bottom: 0;
}

.mobile-menu .menu a {
  position: relative;
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 1.2rem;
  padding: 0.5rem;
  padding-right: 2rem;
}

.mobile-menu .menu a:after {
  position: absolute;
  right: 0;
  content: "\F054";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  height: 0.875rem;
  width: 0.875rem;
  text-indent: 1px;
  font-size: 1rem;
}

@media (min-width: 992px) {
  .mobile-menu {
    display: none;
  }
}

.region--mobile-navigation {
  width: 100%;
  float: left;
}

@media (min-width: 992px) {
  .region--mobile-navigation {
    display: none;
  }
}

.block--responsive-menu {
  display: none;
}

.dl-menuwrapper {
  max-width: unset;
  position: unset;
  -webkit-perspective: unset;
          perspective: unset;
}

.dl-menuwrapper button {
  cursor: pointer;
  background: #fff;
  position: absolute;
  right: 1.25rem;
  top: -5px;
}

.dl-menuwrapper button:after {
  height: 3px;
  background: #000;
  box-shadow: 0 10px 0 #000, 0 20px 0 #000;
}

.dl-menuwrapper button.dl-active:before {
  content: '';
  position: absolute;
  width: 68%;
  height: 3px;
  top: 20px;
  left: 16%;
  background: #000;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.dl-menuwrapper button.dl-active:after {
  box-shadow: none;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  top: 20px;
}

@media (min-width: 769px) and (max-width: 991px) {
  .dl-menuwrapper button {
    top: 0;
    right: 1rem;
  }
}

.dl-menuwrapper button.dl-trigger {
  background: #fff;
}

.dl-menuwrapper ul {
  background: #821814;
}

.dl-menuwrapper li a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  width: 100%;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 0.4rem 1.5rem;
}

.dl-menuwrapper li > a:not(:only-child):after {
  content: " ";
  position: absolute;
  top: unset;
  right: 1rem;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 4px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.dl-menuwrapper li.dl-back {
  position: relative;
}

.dl-menuwrapper li.dl-back > a {
  padding-left: 36px;
  position: relative;
}

.dl-menuwrapper li.dl-back > a:after {
  content: " ";
  position: absolute;
  top: 12px;
  left: 1rem;
  width: 10px;
  border: solid #fff;
  border-width: 2px 0 0 2px;
  display: inline-block;
  padding: 4px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.dl-menuwrapper li.dl-back:after {
  content: " ";
}

.dl-menuwrapper .dl-menu {
  margin: 0;
  padding: 0.5rem 0;
}

.view-jobs.view-display-id-page {
  padding-top: 1.5rem;
}

.view-jobs.view-display-id-page .views-row {
  margin-bottom: 2.5rem;
  padding-bottom: 1rem;
}

.view-jobs.view-display-id-page .views-row:not(:last-child) {
  border-bottom: 1px solid #333;
}

.view-masters-of-the-bench .view-filters {
  margin-bottom: 1.5rem;
}

.view-masters-of-the-bench .view-filters form {
  padding: 1.5rem;
  border-radius: 10px;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/backgrounds/pattern2.jpg");
}

.view-masters-of-the-bench .view-filters form tr {
  background-color: transparent;
}

.view-masters-of-the-bench .view-filters form .views-submit-button input[type="submit"] {
  padding-right: 3rem;
  background-size: 1rem 0.8rem;
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/chevron-right-solid-white.svg");
}

.view-masters-of-the-bench .view-filters form select, .view-masters-of-the-bench .view-filters form input[type='text'], .view-masters-of-the-bench .view-filters form input[type='password'], .view-masters-of-the-bench .view-filters form .select2-container {
  width: 100%;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  appearance: none;
  padding: 0.75rem;
  margin-right: 0;
  width: 100%;
  border: 1px solid #DADADA;
  color: #333;
  box-sizing: border-box;
  height: initial;
  background: none;
  background-color: #fff;
}

.view-masters-of-the-bench .view-filters form .label {
  padding-top: 0;
}

.view-masters-of-the-bench .view-filters form .select2-container,
.view-masters-of-the-bench .view-filters form .select2-drop-above {
  display: block;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
}

.view-masters-of-the-bench .view-filters form .select2-container.select2-container-active .select2-choice,
.view-masters-of-the-bench .view-filters form .select2-drop-above.select2-container-active .select2-choice {
  box-shadow: none;
}

.view-masters-of-the-bench .view-filters form .select2-container a,
.view-masters-of-the-bench .view-filters form .select2-drop-above a {
  background: none;
  border: none;
  height: auto;
}

.view-masters-of-the-bench .view-filters form .select2-container .select2-choice,
.view-masters-of-the-bench .view-filters form .select2-drop-above .select2-choice {
  height: 16px;
  line-height: 17px;
  padding: 0;
}

.view-masters-of-the-bench .view-filters form .select2-container .select2-choice abbr,
.view-masters-of-the-bench .view-filters form .select2-drop-above .select2-choice abbr {
  top: 2px;
}

.view-masters-of-the-bench .view-filters form .select2-container .select2-arrow,
.view-masters-of-the-bench .view-filters form .select2-drop-above .select2-arrow {
  border: none;
  background: none;
  top: -5px;
}

.view-masters-of-the-bench .view-filters form .select2-drop.select2-drop-above.select2-drop-active,
.view-masters-of-the-bench .view-filters form .select2-drop-active {
  border-color: #ddd;
}

.view-masters-of-the-bench .view-filters form .form-managed-file .form-submit,
.view-masters-of-the-bench .view-filters form .form-managed-file .form-file {
  margin-bottom: 0.75rem;
}

.view-masters-of-the-bench .view-filters form .webform-component-time .webform-container-inline > :nth-child(2) {
  margin-left: 0.4rem;
}

@media (min-width: 0) and (max-width: 575px) {
  .view-masters-of-the-bench .view-filters form .webform-component-time .webform-container-inline {
    flex-wrap: wrap;
  }
  .view-masters-of-the-bench .view-filters form .webform-component-time .webform-container-inline > :last-child {
    width: 100%;
  }
}

.view-masters-of-the-bench .view-filters form .webform-component-time .webform-container-inline,
.view-masters-of-the-bench .view-filters form .webform-component-date .webform-container-inline {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.view-masters-of-the-bench .view-filters form .webform-component-time .form-item,
.view-masters-of-the-bench .view-filters form .webform-component-date .form-item {
  margin-bottom: 0;
  margin-right: 0.4rem;
}

.view-masters-of-the-bench .view-filters form .webform-component-time .webform-calendar,
.view-masters-of-the-bench .view-filters form .webform-component-date .webform-calendar {
  height: 1.5rem;
}

.view-masters-of-the-bench .views-exposed-widgets {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0;
}

.view-masters-of-the-bench .views-exposed-widgets .views-exposed-widget {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0.5rem;
}

.view-masters-of-the-bench .views-exposed-widgets .views-exposed-widget:last-child {
  padding-bottom: 0;
}

.view-masters-of-the-bench .views-exposed-widgets .views-exposed-widget input {
  margin-bottom: 0;
}

@media (min-width: 769px) {
  .view-masters-of-the-bench .views-exposed-widgets .views-exposed-widget {
    width: 48.57142857%;
    float: left;
    margin-right: 2.85714286%;
  }
  .view-masters-of-the-bench .views-exposed-widgets .views-exposed-widget:nth-child(2n+2) {
    width: 48.57142857%;
    float: right;
    margin-right: 0;
  }
}

.view-masters-of-the-bench .views-exposed-widgets .select2-container {
  width: 100%;
}

.view-masters-of-the-bench .view-content thead th {
  text-transform: uppercase;
}

@media (min-width: 0) and (max-width: 768px) {
  .view-masters-of-the-bench .view-content thead th {
    font-size: 0.7rem !important;
  }
}

.view-masters-of-the-bench .view-content thead th a {
  color: #821814;
  font-family: "Avenir LT W01_85 Heavy1475544", "Open Sans", Helvetica, Arial, sans-serif;
  text-decoration: none;
}

.view-masters-of-the-bench .view-content tr {
  border-bottom: none;
}

@media (min-width: 0) and (max-width: 768px) {
  .view-masters-of-the-bench .view-content tr {
    font-size: 0.7rem !important;
  }
}

.view-masters-of-the-bench .view-content tr.odd {
  background-color: #F3F3F3;
}

.view-masters-of-the-bench .view-content tr.even {
  background-color: #fff;
}

.view-masters-of-the-bench .view-content td {
  padding: 0.375rem;
}

.view-masters-of-the-bench .view-display-id-attachment_1 .view-header {
  margin-bottom: 1.5rem;
}

.view-masters-of-the-bench .view-display-id-attachment_1 .view-header ul {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.view-masters-of-the-bench .view-display-id-attachment_1 .view-header li {
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
}

.view-masters-of-the-bench .view-display-id-attachment_1 .view-header li a {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #821814;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75rem 1.5rem;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 150ms ease;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: normal;
  padding-right: 3rem;
  background-size: 1rem 0.8rem;
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/chevron-right-solid-white.svg");
  color: #575756;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/chevron-right-solid-grey.svg");
  background-color: transparent;
  border: 1px solid #575756;
}

.view-masters-of-the-bench .view-display-id-attachment_1 .view-header li a:hover {
  background-color: #681310;
  color: #fff;
}

.view-masters-of-the-bench .view-display-id-attachment_1 .view-header li a:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.view-masters-of-the-bench .view-display-id-attachment_1 .view-header li a:disabled:hover {
  background-color: #821814;
}

.view-masters-of-the-bench .view-display-id-attachment_1 .view-header li a:hover {
  background-color: #575756;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/chevron-right-solid-white.svg");
  color: #fff;
}

.view-masters-of-the-bench .view-display-id-attachment_1 .views-summary {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.75rem;
}

.view-masters-of-the-bench .view-display-id-attachment_1 .views-summary li {
  margin: 1.5rem 0.75rem;
  margin-top: 0;
  border: 1px solid #575756;
  border-radius: 3px;
  text-align: center;
}

@media (min-width: 0) and (max-width: 768px) {
  .view-masters-of-the-bench .view-display-id-attachment_1 .views-summary li {
    margin: 0.5rem;
    margin-top: 0;
  }
}

.view-masters-of-the-bench .view-display-id-attachment_1 .views-summary li a {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  padding-top: 0.5rem;
  text-decoration: none;
  color: #575756;
}

.view-masters-of-the-bench .view-display-id-attachment_1 .views-summary li a:hover {
  background-color: #575756;
  color: #fff;
}

.view-events.view-display-id-homepage {
  width: 100%;
}

.view-events.view-display-id-homepage .view-content {
  width: 100%;
  overflow: hidden;
}

.view-events.view-display-id-homepage .view-header .section-title__view-link img {
  width: 1rem;
  height: auto;
  margin-left: 0.5rem;
}

@media (min-width: 0) and (max-width: 768px) {
  .view-events.view-display-id-homepage {
    position: relative;
    padding-bottom: 2rem;
  }
  .view-events.view-display-id-homepage .view-header {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  .view-events.view-display-id-homepage .view-header .section-title__view-link {
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
            justify-content: flex-end;
  }
}

@media (min-width: 769px) {
  .view-events.view-display-id-homepage .view-header .section-title__view-link {
    width: 100%;
    display: -webkit-box;
    display: flex;
    position: absolute;
    top: 65px;
    right: 18px;
    -webkit-box-pack: end;
            justify-content: flex-end;
  }
}

.view-events.view-display-id-homepage .views-row {
  margin-bottom: 1.75rem;
}

@media (min-width: 0) and (max-width: 575px) {
  .view-events.view-display-id-homepage .views-row {
    width: 91.66666667%;
    float: left;
    margin-left: 4.16666667%;
    margin-right: 4.16666667%;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .view-events.view-display-id-homepage .views-row {
    width: 48.57142857%;
    float: left;
    margin-right: 2.85714286%;
  }
  .view-events.view-display-id-homepage .views-row:nth-child(2n+2) {
    width: 48.57142857%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 576px) {
  .view-events.view-display-id-homepage .views-row .view-content {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
  }
}

@media (min-width: 992px) {
  .view-events.view-display-id-homepage .views-row {
    width: 22.85714286%;
    float: left;
    margin-right: 2.85714286%;
  }
  .view-events.view-display-id-homepage .views-row:nth-child(4n+4) {
    width: 22.85714286%;
    float: right;
    margin-right: 0;
  }
}

.view-events.view-display-id-homepage .more-link a:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJjYWxlbmRhci1hbHQiIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1jYWxlbmRhci1hbHQgZmEtdy0xNCIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSIjODc4Nzg3IiBkPSJNMCA0NjRjMCAyNi41IDIxLjUgNDggNDggNDhoMzUyYzI2LjUgMCA0OC0yMS41IDQ4LTQ4VjE5MkgwdjI3MnptMzIwLTE5NmMwLTYuNiA1LjQtMTIgMTItMTJoNDBjNi42IDAgMTIgNS40IDEyIDEydjQwYzAgNi42LTUuNCAxMi0xMiAxMmgtNDBjLTYuNiAwLTEyLTUuNC0xMi0xMnYtNDB6bTAgMTI4YzAtNi42IDUuNC0xMiAxMi0xMmg0MGM2LjYgMCAxMiA1LjQgMTIgMTJ2NDBjMCA2LjYtNS40IDEyLTEyIDEyaC00MGMtNi42IDAtMTItNS40LTEyLTEydi00MHpNMTkyIDI2OGMwLTYuNiA1LjQtMTIgMTItMTJoNDBjNi42IDAgMTIgNS40IDEyIDEydjQwYzAgNi42LTUuNCAxMi0xMiAxMmgtNDBjLTYuNiAwLTEyLTUuNC0xMi0xMnYtNDB6bTAgMTI4YzAtNi42IDUuNC0xMiAxMi0xMmg0MGM2LjYgMCAxMiA1LjQgMTIgMTJ2NDBjMCA2LjYtNS40IDEyLTEyIDEyaC00MGMtNi42IDAtMTItNS40LTEyLTEydi00MHpNNjQgMjY4YzAtNi42IDUuNC0xMiAxMi0xMmg0MGM2LjYgMCAxMiA1LjQgMTIgMTJ2NDBjMCA2LjYtNS40IDEyLTEyIDEySDc2Yy02LjYgMC0xMi01LjQtMTItMTJ2LTQwem0wIDEyOGMwLTYuNiA1LjQtMTIgMTItMTJoNDBjNi42IDAgMTIgNS40IDEyIDEydjQwYzAgNi42LTUuNCAxMi0xMiAxMkg3NmMtNi42IDAtMTItNS40LTEyLTEydi00MHpNNDAwIDY0aC00OFYxNmMwLTguOC03LjItMTYtMTYtMTZoLTMyYy04LjggMC0xNiA3LjItMTYgMTZ2NDhIMTYwVjE2YzAtOC44LTcuMi0xNi0xNi0xNmgtMzJjLTguOCAwLTE2IDcuMi0xNiAxNnY0OEg0OEMyMS41IDY0IDAgODUuNSAwIDExMnY0OGg0NDh2LTQ4YzAtMjYuNS0yMS41LTQ4LTQ4LTQ4eiI+PC9wYXRoPjwvc3ZnPgo=");
}

#block-views-events-homepage {
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/backgrounds/pattern2.jpg");
}

.view-bookable-events.view-display-id-page,
.view-bookable-events.view-display-id-page_list {
  width: 100%;
}

.view-bookable-events.view-display-id-page .view-header,
.view-bookable-events.view-display-id-page_list .view-header {
  border-bottom: 2px solid #ddd;
  padding-bottom: 0.75rem;
  margin-bottom: 1.5rem;
}

.view-bookable-events.view-display-id-page .view-header .events-wrapper,
.view-bookable-events.view-display-id-page_list .view-header .events-wrapper {
  display: -webkit-box;
  display: flex;
}

@media (min-width: 0) and (max-width: 768px) {
  .view-bookable-events.view-display-id-page .view-header .events-wrapper,
  .view-bookable-events.view-display-id-page_list .view-header .events-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}

.view-bookable-events.view-display-id-page .view-header .events-buttons,
.view-bookable-events.view-display-id-page_list .view-header .events-buttons {
  display: -webkit-box;
  display: flex;
  width: 25%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  margin-left: 3rem;
}

@media (min-width: 0) and (max-width: 768px) {
  .view-bookable-events.view-display-id-page .view-header .events-buttons,
  .view-bookable-events.view-display-id-page_list .view-header .events-buttons {
    width: 100%;
    margin: 0;
  }
}

.view-bookable-events.view-display-id-page .view-header .events-buttons a,
.view-bookable-events.view-display-id-page_list .view-header .events-buttons a {
  border: 1px solid #ccc;
  margin-bottom: 0.5rem;
  padding: 0.75rem;
  text-decoration: none;
  color: black;
  text-align: center;
  font-weight: bold;
}

.view-bookable-events.view-display-id-page .view-header .events-buttons a:hover,
.view-bookable-events.view-display-id-page_list .view-header .events-buttons a:hover {
  background: #eee;
  -webkit-transition: background 150ms ease;
  transition: background 150ms ease;
}

.view-bookable-events.view-display-id-page .view-header .events-intro,
.view-bookable-events.view-display-id-page_list .view-header .events-intro {
  width: 75%;
}

@media (min-width: 0) and (max-width: 768px) {
  .view-bookable-events.view-display-id-page .view-header .events-intro,
  .view-bookable-events.view-display-id-page_list .view-header .events-intro {
    width: 100%;
  }
}

.view-bookable-events.view-display-id-page .view-header .section-title__view-link,
.view-bookable-events.view-display-id-page_list .view-header .section-title__view-link {
  width: 100%;
  display: -webkit-box;
  display: flex;
  position: absolute;
  top: 65px;
  right: 18px;
  -webkit-box-pack: end;
          justify-content: flex-end;
}

.view-bookable-events.view-display-id-page .view-header .section-title__view-link img,
.view-bookable-events.view-display-id-page_list .view-header .section-title__view-link img {
  width: 1rem;
  height: auto;
  margin-left: 0.5rem;
}

@media (min-width: 0) and (max-width: 768px) {
  .view-bookable-events.view-display-id-page .view-header .section-title__view-link,
  .view-bookable-events.view-display-id-page_list .view-header .section-title__view-link {
    width: 100%;
    display: -webkit-box;
    display: flex;
    position: absolute;
    bottom: 2rem;
    left: 50%;
    top: unset;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-box-pack: center;
            justify-content: center;
  }
}

.view-bookable-events.view-display-id-page .more-link a:after,
.view-bookable-events.view-display-id-page_list .more-link a:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJjYWxlbmRhci1hbHQiIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1jYWxlbmRhci1hbHQgZmEtdy0xNCIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSIjODc4Nzg3IiBkPSJNMCA0NjRjMCAyNi41IDIxLjUgNDggNDggNDhoMzUyYzI2LjUgMCA0OC0yMS41IDQ4LTQ4VjE5MkgwdjI3MnptMzIwLTE5NmMwLTYuNiA1LjQtMTIgMTItMTJoNDBjNi42IDAgMTIgNS40IDEyIDEydjQwYzAgNi42LTUuNCAxMi0xMiAxMmgtNDBjLTYuNiAwLTEyLTUuNC0xMi0xMnYtNDB6bTAgMTI4YzAtNi42IDUuNC0xMiAxMi0xMmg0MGM2LjYgMCAxMiA1LjQgMTIgMTJ2NDBjMCA2LjYtNS40IDEyLTEyIDEyaC00MGMtNi42IDAtMTItNS40LTEyLTEydi00MHpNMTkyIDI2OGMwLTYuNiA1LjQtMTIgMTItMTJoNDBjNi42IDAgMTIgNS40IDEyIDEydjQwYzAgNi42LTUuNCAxMi0xMiAxMmgtNDBjLTYuNiAwLTEyLTUuNC0xMi0xMnYtNDB6bTAgMTI4YzAtNi42IDUuNC0xMiAxMi0xMmg0MGM2LjYgMCAxMiA1LjQgMTIgMTJ2NDBjMCA2LjYtNS40IDEyLTEyIDEyaC00MGMtNi42IDAtMTItNS40LTEyLTEydi00MHpNNjQgMjY4YzAtNi42IDUuNC0xMiAxMi0xMmg0MGM2LjYgMCAxMiA1LjQgMTIgMTJ2NDBjMCA2LjYtNS40IDEyLTEyIDEySDc2Yy02LjYgMC0xMi01LjQtMTItMTJ2LTQwem0wIDEyOGMwLTYuNiA1LjQtMTIgMTItMTJoNDBjNi42IDAgMTIgNS40IDEyIDEydjQwYzAgNi42LTUuNCAxMi0xMiAxMkg3NmMtNi42IDAtMTItNS40LTEyLTEydi00MHpNNDAwIDY0aC00OFYxNmMwLTguOC03LjItMTYtMTYtMTZoLTMyYy04LjggMC0xNiA3LjItMTYgMTZ2NDhIMTYwVjE2YzAtOC44LTcuMi0xNi0xNi0xNmgtMzJjLTguOCAwLTE2IDcuMi0xNiAxNnY0OEg0OEMyMS41IDY0IDAgODUuNSAwIDExMnY0OGg0NDh2LTQ4YzAtMjYuNS0yMS41LTQ4LTQ4LTQ4eiI+PC9wYXRoPjwvc3ZnPgo=");
}

.view-bookable-events.view-display-id-page .views-exposed-widgets,
.view-bookable-events.view-display-id-page_list .views-exposed-widgets {
  position: relative;
}

.view-bookable-events.view-display-id-page .views-exposed-widgets .views-exposed-widget,
.view-bookable-events.view-display-id-page_list .views-exposed-widgets .views-exposed-widget {
  width: 100%;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 0.75rem;
  padding: 0;
}

.view-bookable-events.view-display-id-page .views-exposed-widgets .views-exposed-widget > label,
.view-bookable-events.view-display-id-page_list .views-exposed-widgets .views-exposed-widget > label {
  width: 12rem;
  text-transform: uppercase;
  color: #821814;
}

.view-bookable-events.view-display-id-page .views-exposed-widgets .views-exposed-widget input,
.view-bookable-events.view-display-id-page_list .views-exposed-widgets .views-exposed-widget input {
  visibility: hidden;
  position: absolute;
}

.view-bookable-events.view-display-id-page .views-exposed-widgets .views-exposed-widget input:checked + label,
.view-bookable-events.view-display-id-page_list .views-exposed-widgets .views-exposed-widget input:checked + label {
  background-color: #821814;
  color: white;
  border: 1px solid #821814;
}

.view-bookable-events.view-display-id-page .views-exposed-widgets .views-exposed-widget label,
.view-bookable-events.view-display-id-page .views-exposed-widgets .views-exposed-widget .form-item,
.view-bookable-events.view-display-id-page_list .views-exposed-widgets .views-exposed-widget label,
.view-bookable-events.view-display-id-page_list .views-exposed-widgets .views-exposed-widget .form-item {
  margin: 0;
}

.view-bookable-events.view-display-id-page .views-exposed-widgets .views-exposed-widget .form-item label,
.view-bookable-events.view-display-id-page_list .views-exposed-widgets .views-exposed-widget .form-item label {
  display: block;
  padding: 0.375rem 0.75rem;
  border: 1px solid #ddd;
  border-radius: 5px;
  cursor: pointer;
}

.view-bookable-events.view-display-id-page .views-exposed-widgets .views-exposed-widget .views-widget,
.view-bookable-events.view-display-id-page_list .views-exposed-widgets .views-exposed-widget .views-widget {
  width: calc(100% - 13rem);
}

.view-bookable-events.view-display-id-page .views-exposed-widgets .views-exposed-widget .form-radios,
.view-bookable-events.view-display-id-page_list .views-exposed-widgets .views-exposed-widget .form-radios {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 0) and (max-width: 991px) {
  .view-bookable-events.view-display-id-page .views-exposed-widgets .views-exposed-widget > label,
  .view-bookable-events.view-display-id-page_list .views-exposed-widgets .views-exposed-widget > label {
    margin-bottom: 0.75rem;
  }
  .view-bookable-events.view-display-id-page .views-exposed-widgets .views-exposed-widget > label,
  .view-bookable-events.view-display-id-page .views-exposed-widgets .views-exposed-widget .views-widget,
  .view-bookable-events.view-display-id-page_list .views-exposed-widgets .views-exposed-widget > label,
  .view-bookable-events.view-display-id-page_list .views-exposed-widgets .views-exposed-widget .views-widget {
    width: 100%;
  }
  .view-bookable-events.view-display-id-page .views-exposed-widgets .views-exposed-widget .form-type-radio,
  .view-bookable-events.view-display-id-page_list .views-exposed-widgets .views-exposed-widget .form-type-radio {
    width: 100%;
    margin-bottom: 0.75rem;
  }
}

@media (min-width: 992px) {
  .view-bookable-events.view-display-id-page .views-exposed-widgets .views-exposed-widget .form-item,
  .view-bookable-events.view-display-id-page_list .views-exposed-widgets .views-exposed-widget .form-item {
    margin-right: 0.75rem;
  }
}

.view-bookable-events.view-display-id-page .views-exposed-widgets .views-submit-button,
.view-bookable-events.view-display-id-page_list .views-exposed-widgets .views-submit-button {
  position: absolute;
  right: 0;
  top: calc(50% - 20px);
  width: 1rem;
}

@media (min-width: 992px) {
  .view-bookable-events.view-display-id-page .views-exposed-widgets,
  .view-bookable-events.view-display-id-page_list .views-exposed-widgets {
    margin-bottom: 1.5rem;
    padding-right: 2rem;
  }
}

.view-bookable-events.view-display-id-page .view-type-toggler,
.view-bookable-events.view-display-id-page_list .view-type-toggler {
  margin-bottom: 1.5rem;
  text-align: right;
}

.view-bookable-events.view-display-id-page .view-type-toggler a,
.view-bookable-events.view-display-id-page_list .view-type-toggler a {
  text-decoration: none;
  color: #821814;
  text-align: right;
}

@media (min-width: 0) and (max-width: 575px) {
  .view-bookable-events.view-display-id-page .view-type-toggler,
  .view-bookable-events.view-display-id-page_list .view-type-toggler {
    display: none;
  }
}

.view-bookable-events.view-display-id-page .views-row,
.view-bookable-events.view-display-id-page_list .views-row {
  margin-bottom: 1.5rem;
}

.view-bookable-events.view-display-id-page .views-row.qualifying-session .node-event:before,
.view-bookable-events.view-display-id-page_list .views-row.qualifying-session .node-event:before {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0MC4zIDQ2LjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwLjMgNDYuODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM4NTE1MEU7fQoJLnN0MXtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjAuNSwwSDB2MTYuN2MwLDAsMSwyMi45LDIwLjIsMzAuMWMxOS4yLTcuMiwyMC4yLTMwLjEsMjAuMi0zMC4xVjBIMjAuNSIvPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNS41LDI1LjdjLTAuNCwwLTAuNywwLjEtMS4xLDAuMWMtMi41LDAtNC41LTAuNy02LTIuMkM2LjgsMjIuMSw2LDIwLjEsNiwxNy43YzAtMi4zLDAuOC00LjIsMi40LTUuNwoJCWMxLjYtMS40LDMuNS0yLjEsNS45LTIuMWMxLjUsMCwyLjksMC4zLDQuMiwxYzEuNCwwLjYsMi40LDEuNiwzLjEsMi44YzAuNywxLjIsMSwyLjYsMSw0LjFjMCwxLjgtMC41LDMuMy0xLjQsNC43CgkJYy0wLjksMS40LTIuMiwyLjMtNCwyLjhsLTMuNCwxLjljMC4yLDAsMC40LDAsMC42LDBjMS43LDAsMy42LDAuNCw1LjcsMS4xYzEuNywwLjYsMywwLjksNCwwLjljMS40LDAsMi4yLTAuNSwyLjQtMS41aDAuNQoJCWMtMC4xLDEtMC42LDEuOS0xLjMsMi41Yy0wLjcsMC42LTEuNywxLTIuOCwxYy0wLjgsMC0xLjUtMC4xLTIuMS0wLjRjLTAuNi0wLjItMS40LTAuNy0yLjQtMS4zYy0xLjgtMS4xLTMuMy0xLjctNC41LTEuNwoJCWMtMC43LDAtMS40LDAuMy0yLjEsMC45Yy0wLjUsMC40LTAuOCwwLjYtMC45LDAuNmMtMC4zLDAtMC40LTAuMS0wLjQtMC40YzAtMC4yLDAuMi0wLjQsMC41LTAuNmMwLjMtMC4yLDAuOS0wLjUsMS44LTEKCQljMC4yLTAuMSwwLjQtMC4yLDAuNi0wLjNMMTUuNSwyNS43eiBNOC42LDE3LjhjMCwyLjUsMC41LDQuMywxLjUsNS41YzEsMS4yLDIuNCwxLjgsNC40LDEuOGMxLjcsMCwzLjEtMC42LDQuMS0xLjgKCQljMS0xLjIsMS41LTMuMSwxLjUtNS41YzAtMi40LTAuNS00LjItMS41LTUuNWMtMS0xLjMtMi40LTEuOS00LjMtMS45Yy0xLjgsMC0zLjIsMC42LTQuMiwxLjlDOS4xLDEzLjYsOC42LDE1LjQsOC42LDE3Ljh6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjUuMSwyNS4zdi00LjloMC42YzAuNiwzLjIsMi4xLDQuOCw0LjUsNC44YzEuMSwwLDEuOS0wLjMsMi41LTAuOXMwLjktMS4zLDAuOS0yLjFjMC0wLjgtMC4zLTEuNC0wLjgtMS45CgkJYy0wLjUtMC41LTEuNS0xLjEtMi44LTEuNmMtMS4yLTAuNS0yLjEtMS0yLjgtMS40Yy0wLjYtMC40LTEuMS0wLjktMS41LTEuNWMtMC4zLTAuNi0wLjUtMS4zLTAuNS0yYzAtMS4xLDAuNC0yLDEuMS0yLjcKCQlzMS43LTEuMSwyLjktMS4xYzAuNiwwLDEuMywwLjEsMS44LDAuM2MwLjYsMC4yLDEuMiwwLjYsMS44LDEuM2MwLjMtMC40LDAuNS0wLjksMC42LTEuM2gwLjV2NGgtMC41Yy0wLjMtMS4yLTAuOC0yLjEtMS41LTIuNwoJCWMtMC43LTAuNy0xLjYtMS0yLjUtMWMtMC45LDAtMS42LDAuMi0yLDAuN3MtMC42LDEtMC42LDEuNmMwLDAuNywwLjMsMS4zLDAuOCwxLjhjMC41LDAuNSwxLjUsMS4xLDIuOCwxLjcKCQljMS4zLDAuNiwyLjMsMS4xLDIuOSwxLjRjMC42LDAuNCwxLjEsMC44LDEuNCwxLjVjMC40LDAuNiwwLjUsMS40LDAuNSwyLjJjMCwxLjMtMC40LDIuNC0xLjMsMy4ycy0yLDEuMi0zLjUsMS4yCgkJYy0xLjcsMC0zLjEtMC42LTQuMi0xLjljLTAuMiwwLjQtMC40LDAuOC0wLjYsMS41SDI1LjF6Ii8+CjwvZz4KPC9zdmc+Cg==");
}

.view-bookable-events.view-display-id-page .views-row .views-field-rendered-entity,
.view-bookable-events.view-display-id-page_list .views-row .views-field-rendered-entity {
  height: 100%;
}

.view-bookable-events.view-display-id-page .view-content {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.view-bookable-events.view-display-id-page .views-row {
  padding-top: 0;
}

@media (min-width: 0) and (max-width: 768px) {
  .view-bookable-events.view-display-id-page .views-row {
    width: 100%;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .view-bookable-events.view-display-id-page .views-row {
    width: 48.57142857%;
    float: left;
    margin-right: 2.85714286%;
  }
  .view-bookable-events.view-display-id-page .views-row:nth-child(2n+2) {
    width: 48.57142857%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 992px) {
  .view-bookable-events.view-display-id-page .views-row {
    width: 22.85714286%;
    float: left;
    margin-right: 2.85714286%;
  }
  .view-bookable-events.view-display-id-page .views-row:nth-child(4n+4) {
    width: 22.85714286%;
    float: right;
    margin-right: 0;
  }
}

.view-guest-registration .views-row {
  margin-bottom: 1.5rem;
}

.view-news.view-display-id-page img,
.view-news.view-display-id-archive img {
  width: 100%;
  height: auto;
}

.view-news.view-display-id-page .view-content,
.view-news.view-display-id-archive .view-content {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.view-news.view-display-id-page .views-row,
.view-news.view-display-id-archive .views-row {
  margin-bottom: 1.5rem;
  width: 100%;
}

@media (min-width: 576px) and (max-width: 768px) {
  .view-news.view-display-id-page .views-row,
  .view-news.view-display-id-archive .views-row {
    width: 48.57142857%;
    float: left;
    margin-right: 2.85714286%;
  }
  .view-news.view-display-id-page .views-row:nth-child(2n+2),
  .view-news.view-display-id-archive .views-row:nth-child(2n+2) {
    width: 48.57142857%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 769px) {
  .view-news.view-display-id-page .views-row,
  .view-news.view-display-id-archive .views-row {
    width: 22.85714286%;
    float: left;
    margin-right: 2.85714286%;
  }
  .view-news.view-display-id-page .views-row:nth-child(4n+4),
  .view-news.view-display-id-archive .views-row:nth-child(4n+4) {
    width: 22.85714286%;
    float: right;
    margin-right: 0;
  }
}

.view-news.view-display-id-homepage {
  width: 100%;
}

.view-news.view-display-id-homepage .view-content {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.view-news.view-display-id-homepage .views-row {
  margin-bottom: 1.75rem;
}

@media (min-width: 0) and (max-width: 575px) {
  .view-news.view-display-id-homepage .views-row {
    width: 91.66666667%;
    float: left;
    margin-left: 4.16666667%;
    margin-right: 4.16666667%;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .view-news.view-display-id-homepage .views-row {
    width: 48.57142857%;
    float: left;
    margin-right: 2.85714286%;
  }
  .view-news.view-display-id-homepage .views-row:nth-child(2n+2) {
    width: 48.57142857%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 992px) {
  .view-news.view-display-id-homepage .views-row {
    width: 22.85714286%;
    float: left;
    margin-right: 2.85714286%;
  }
  .view-news.view-display-id-homepage .views-row:nth-child(4n+4) {
    width: 22.85714286%;
    float: right;
    margin-right: 0;
  }
}

.view-news.view-display-id-homepage .more-link a:after {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIxNy45OTkiIHZpZXdCb3g9IjAgMCAyMSAxNy45OTkiPgogIDxwYXRoIGlkPSJtb3JlX25ld3MiIGRhdGEtbmFtZT0ibW9yZSBuZXdzIiBkPSJNMTkuNS0xMC41Vi0xNUExLjUxMSwxLjUxMSwwLDAsMCwxOC0xNi41QzE1Ljc1LTE0LjYyNSwxMi0xMiw3LjUtMTJIMS44NzVBMS44ODEsMS44ODEsMCwwLDAsMC0xMC4xMjV2Mi4yNUExLjg4MSwxLjg4MSwwLDAsMCwxLjg3NS02SDMuM2MtLjgyLDIuNjM3LjE4OCw0LjcyMy44NjcsNi44MDksMS4wNzgsMSw0LjEuOTczLDQuODI4LS40NTdDNy43NTgtLjYyMSw2LjctMS41Nyw3LjUyMy0yLjkxOGExLjg3OSwxLjg3OSwwLDAsMSwuOTYxLTMuMDM1YzQuMDY2LjM0LDcuNDMsMi43MTksOS41MTYsNC40NTNBMS41MTEsMS41MTEsMCwwLDAsMTkuNS0zVi03LjVBMS41LDEuNSwwLDAsMCwyMS05LDEuNSwxLjUsMCwwLDAsMTkuNS0xMC41Wk0xOC0zLjQyMmExOC4xMjgsMTguMTI4LDAsMCwwLTktNHYtMy4xNjRhMTguMTgxLDE4LjE4MSwwLDAsMCw5LTQuMDJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDE2LjUpIiBmaWxsPSIjNTc1NzU2Ii8+Cjwvc3ZnPgo=");
}

.view-committee-members.view-display-id-committee_biographies .view-content {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.view-committee-members.view-display-id-committee_biographies .views-row {
  margin-bottom: 1.5rem;
}

@media (min-width: 576px) and (max-width: 768px) {
  .view-committee-members.view-display-id-committee_biographies .views-row {
    width: 45.45454545%;
    float: left;
    margin-right: 9.09090909%;
  }
  .view-committee-members.view-display-id-committee_biographies .views-row:nth-child(2n+2) {
    width: 45.45454545%;
    float: right;
    margin-right: 0;
  }
}

.block-rooms-booking-manager h2 {
  text-transform: uppercase;
  font-family: "Avenir LT W01_65 Medium1475532", "Open Sans", Helvetica, Arial, sans-serif;
}

form#rooms-booking-manager-change-search-form,
form#rooms-booking-availability-search-form-page,
.block-rooms-booking-manager {
  padding: 1.5rem;
  border-radius: 10px;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/backgrounds/pattern2.jpg");
  position: relative;
  margin-bottom: 1.5rem;
}

form#rooms-booking-manager-change-search-form tr,
form#rooms-booking-availability-search-form-page tr,
.block-rooms-booking-manager tr {
  background-color: transparent;
}

form#rooms-booking-manager-change-search-form .views-submit-button input[type="submit"],
form#rooms-booking-availability-search-form-page .views-submit-button input[type="submit"],
.block-rooms-booking-manager .views-submit-button input[type="submit"] {
  padding-right: 3rem;
  background-size: 1rem 0.8rem;
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/chevron-right-solid-white.svg");
}

form#rooms-booking-manager-change-search-form select, form#rooms-booking-manager-change-search-form input[type='text'], form#rooms-booking-manager-change-search-form input[type='password'], form#rooms-booking-manager-change-search-form .select2-container,
form#rooms-booking-availability-search-form-page select,
form#rooms-booking-availability-search-form-page input[type='text'],
form#rooms-booking-availability-search-form-page input[type='password'],
form#rooms-booking-availability-search-form-page .select2-container,
.block-rooms-booking-manager select,
.block-rooms-booking-manager input[type='text'],
.block-rooms-booking-manager input[type='password'],
.block-rooms-booking-manager .select2-container {
  width: 100%;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  appearance: none;
  padding: 0.75rem;
  margin-right: 0;
  width: 100%;
  border: 1px solid #DADADA;
  color: #333;
  box-sizing: border-box;
  height: initial;
  background: none;
  background-color: #fff;
}

form#rooms-booking-manager-change-search-form .label,
form#rooms-booking-availability-search-form-page .label,
.block-rooms-booking-manager .label {
  padding-top: 0;
}

form#rooms-booking-manager-change-search-form .select2-container,
form#rooms-booking-manager-change-search-form .select2-drop-above,
form#rooms-booking-availability-search-form-page .select2-container,
form#rooms-booking-availability-search-form-page .select2-drop-above,
.block-rooms-booking-manager .select2-container,
.block-rooms-booking-manager .select2-drop-above {
  display: block;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
}

form#rooms-booking-manager-change-search-form .select2-container.select2-container-active .select2-choice,
form#rooms-booking-manager-change-search-form .select2-drop-above.select2-container-active .select2-choice,
form#rooms-booking-availability-search-form-page .select2-container.select2-container-active .select2-choice,
form#rooms-booking-availability-search-form-page .select2-drop-above.select2-container-active .select2-choice,
.block-rooms-booking-manager .select2-container.select2-container-active .select2-choice,
.block-rooms-booking-manager .select2-drop-above.select2-container-active .select2-choice {
  box-shadow: none;
}

form#rooms-booking-manager-change-search-form .select2-container a,
form#rooms-booking-manager-change-search-form .select2-drop-above a,
form#rooms-booking-availability-search-form-page .select2-container a,
form#rooms-booking-availability-search-form-page .select2-drop-above a,
.block-rooms-booking-manager .select2-container a,
.block-rooms-booking-manager .select2-drop-above a {
  background: none;
  border: none;
  height: auto;
}

form#rooms-booking-manager-change-search-form .select2-container .select2-choice,
form#rooms-booking-manager-change-search-form .select2-drop-above .select2-choice,
form#rooms-booking-availability-search-form-page .select2-container .select2-choice,
form#rooms-booking-availability-search-form-page .select2-drop-above .select2-choice,
.block-rooms-booking-manager .select2-container .select2-choice,
.block-rooms-booking-manager .select2-drop-above .select2-choice {
  height: 16px;
  line-height: 17px;
  padding: 0;
}

form#rooms-booking-manager-change-search-form .select2-container .select2-choice abbr,
form#rooms-booking-manager-change-search-form .select2-drop-above .select2-choice abbr,
form#rooms-booking-availability-search-form-page .select2-container .select2-choice abbr,
form#rooms-booking-availability-search-form-page .select2-drop-above .select2-choice abbr,
.block-rooms-booking-manager .select2-container .select2-choice abbr,
.block-rooms-booking-manager .select2-drop-above .select2-choice abbr {
  top: 2px;
}

form#rooms-booking-manager-change-search-form .select2-container .select2-arrow,
form#rooms-booking-manager-change-search-form .select2-drop-above .select2-arrow,
form#rooms-booking-availability-search-form-page .select2-container .select2-arrow,
form#rooms-booking-availability-search-form-page .select2-drop-above .select2-arrow,
.block-rooms-booking-manager .select2-container .select2-arrow,
.block-rooms-booking-manager .select2-drop-above .select2-arrow {
  border: none;
  background: none;
  top: -5px;
}

form#rooms-booking-manager-change-search-form .select2-drop.select2-drop-above.select2-drop-active,
form#rooms-booking-manager-change-search-form .select2-drop-active,
form#rooms-booking-availability-search-form-page .select2-drop.select2-drop-above.select2-drop-active,
form#rooms-booking-availability-search-form-page .select2-drop-active,
.block-rooms-booking-manager .select2-drop.select2-drop-above.select2-drop-active,
.block-rooms-booking-manager .select2-drop-active {
  border-color: #ddd;
}

form#rooms-booking-manager-change-search-form .form-managed-file .form-submit,
form#rooms-booking-manager-change-search-form .form-managed-file .form-file,
form#rooms-booking-availability-search-form-page .form-managed-file .form-submit,
form#rooms-booking-availability-search-form-page .form-managed-file .form-file,
.block-rooms-booking-manager .form-managed-file .form-submit,
.block-rooms-booking-manager .form-managed-file .form-file {
  margin-bottom: 0.75rem;
}

form#rooms-booking-manager-change-search-form .webform-component-time .webform-container-inline > :nth-child(2),
form#rooms-booking-availability-search-form-page .webform-component-time .webform-container-inline > :nth-child(2),
.block-rooms-booking-manager .webform-component-time .webform-container-inline > :nth-child(2) {
  margin-left: 0.4rem;
}

@media (min-width: 0) and (max-width: 575px) {
  form#rooms-booking-manager-change-search-form .webform-component-time .webform-container-inline,
  form#rooms-booking-availability-search-form-page .webform-component-time .webform-container-inline,
  .block-rooms-booking-manager .webform-component-time .webform-container-inline {
    flex-wrap: wrap;
  }
  form#rooms-booking-manager-change-search-form .webform-component-time .webform-container-inline > :last-child,
  form#rooms-booking-availability-search-form-page .webform-component-time .webform-container-inline > :last-child,
  .block-rooms-booking-manager .webform-component-time .webform-container-inline > :last-child {
    width: 100%;
  }
}

form#rooms-booking-manager-change-search-form .webform-component-time .webform-container-inline,
form#rooms-booking-manager-change-search-form .webform-component-date .webform-container-inline,
form#rooms-booking-availability-search-form-page .webform-component-time .webform-container-inline,
form#rooms-booking-availability-search-form-page .webform-component-date .webform-container-inline,
.block-rooms-booking-manager .webform-component-time .webform-container-inline,
.block-rooms-booking-manager .webform-component-date .webform-container-inline {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

form#rooms-booking-manager-change-search-form .webform-component-time .form-item,
form#rooms-booking-manager-change-search-form .webform-component-date .form-item,
form#rooms-booking-availability-search-form-page .webform-component-time .form-item,
form#rooms-booking-availability-search-form-page .webform-component-date .form-item,
.block-rooms-booking-manager .webform-component-time .form-item,
.block-rooms-booking-manager .webform-component-date .form-item {
  margin-bottom: 0;
  margin-right: 0.4rem;
}

form#rooms-booking-manager-change-search-form .webform-component-time .webform-calendar,
form#rooms-booking-manager-change-search-form .webform-component-date .webform-calendar,
form#rooms-booking-availability-search-form-page .webform-component-time .webform-calendar,
form#rooms-booking-availability-search-form-page .webform-component-date .webform-calendar,
.block-rooms-booking-manager .webform-component-time .webform-calendar,
.block-rooms-booking-manager .webform-component-date .webform-calendar {
  height: 1.5rem;
}

form#rooms-booking-manager-change-search-form + form#rooms-booking-manager-change-search-form {
  display: none;
}

form#rooms-booking-manager-change-search-form fieldset {
  float: none;
}

form#rooms-booking-manager-change-search-form input {
  margin-left: 0;
  display: inline-block;
  float: none;
}

form#rooms-booking-manager-change-search-form .rooms-current-search__actions {
  text-align: right;
}

form#rooms-booking-availability-search-form-page,
.block-rooms-booking-manager form {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  flex-wrap: wrap;
}

form#rooms-booking-availability-search-form-page .form-item,
.block-rooms-booking-manager form .form-item {
  font-size: 0.75rem;
  margin-top: 0;
}

form#rooms-booking-availability-search-form-page .form-item:last-child,
.block-rooms-booking-manager form .form-item:last-child {
  margin-right: 0;
}

form#rooms-booking-availability-search-form-page .form-item-unit-type label,
form#rooms-booking-availability-search-form-page .form-item-rooms label,
form#rooms-booking-availability-search-form-page .form-item-group-size-adults\:1 label,
form#rooms-booking-availability-search-form-page .form-item-rooms-start-date label,
form#rooms-booking-availability-search-form-page .form-item-rooms-end-date label,
.block-rooms-booking-manager form .form-item-unit-type label,
.block-rooms-booking-manager form .form-item-rooms label,
.block-rooms-booking-manager form .form-item-group-size-adults\:1 label,
.block-rooms-booking-manager form .form-item-rooms-start-date label,
.block-rooms-booking-manager form .form-item-rooms-end-date label {
  display: none;
}

form#rooms-booking-availability-search-form-page .start-date input,
form#rooms-booking-availability-search-form-page .end-date input,
.block-rooms-booking-manager form .start-date input,
.block-rooms-booking-manager form .end-date input {
  background-image: url(/sites/all/themes/custom/middletemple/assets/images/icons/calendar-alt-solid.svg);
}

form#rooms-booking-availability-search-form-page .form-item-unit-type .select2-container,
.block-rooms-booking-manager form .form-item-unit-type .select2-container {
  background-image: url(/sites/all/themes/custom/middletemple/assets/images/icons/map-marker-alt-solid.svg);
}

form#rooms-booking-availability-search-form-page .form-item-rooms .select2-container,
.block-rooms-booking-manager form .form-item-rooms .select2-container {
  background-image: url(/sites/all/themes/custom/middletemple/assets/images/icons/user-alt-solid.svg);
}

form#rooms-booking-availability-search-form-page .rooms-group .select2-container,
.block-rooms-booking-manager form .rooms-group .select2-container {
  background-image: url(/sites/all/themes/custom/middletemple/assets/images/icons/door-open-solid.svg);
}

form#rooms-booking-availability-search-form-page input[type="submit"],
.block-rooms-booking-manager form input[type="submit"] {
  padding-right: 3rem;
  background-size: 1rem 0.8rem;
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/chevron-right-solid-white.svg");
  text-transform: uppercase;
}

form#rooms-booking-availability-search-form-page select, form#rooms-booking-availability-search-form-page input[type='text'], form#rooms-booking-availability-search-form-page .select2-container,
.block-rooms-booking-manager form select,
.block-rooms-booking-manager form input[type='text'],
.block-rooms-booking-manager form .select2-container {
  padding-left: 2.1875rem;
  background-color: #575756;
  color: #fff;
}

form#rooms-booking-availability-search-form-page .start-date input,
form#rooms-booking-availability-search-form-page .end-date input,
form#rooms-booking-availability-search-form-page .select2-container,
.block-rooms-booking-manager form .start-date input,
.block-rooms-booking-manager form .end-date input,
.block-rooms-booking-manager form .select2-container {
  text-transform: uppercase;
  background-size: .75rem;
  background-position: left .75rem center;
  background-repeat: no-repeat;
  font-size: 0.825rem;
}

form#rooms-booking-availability-search-form-page .select2-container a,
.block-rooms-booking-manager form .select2-container a {
  color: #fff;
}

form#rooms-booking-availability-search-form-page .rooms-date-range .container-inline-date .form-item input,
.block-rooms-booking-manager form .rooms-date-range .container-inline-date .form-item input {
  width: 100%;
  margin-bottom: 0;
}

form#rooms-booking-availability-search-form-page .form-actions,
.block-rooms-booking-manager form .form-actions {
  padding-top: 1rem;
  width: 100%;
}

form#rooms-booking-availability-search-form-page #edit-actions,
form#rooms-booking-availability-search-form-page #edit-actions--2,
.block-rooms-booking-manager form #edit-actions,
.block-rooms-booking-manager form #edit-actions--2 {
  padding-top: 0;
}

form#rooms-booking-availability-search-form-page #edit-actions input,
form#rooms-booking-availability-search-form-page #edit-actions--2 input,
.block-rooms-booking-manager form #edit-actions input,
.block-rooms-booking-manager form #edit-actions--2 input {
  width: 100%;
}

form#rooms-booking-availability-search-form-page .rooms-group-size thead,
form#rooms-booking-availability-search-form-page .rooms-group-size tbody th,
.block-rooms-booking-manager form .rooms-group-size thead,
.block-rooms-booking-manager form .rooms-group-size tbody th {
  display: none;
}

@media (min-width: 0) and (max-width: 768px) {
  form#rooms-booking-availability-search-form-page .rooms-availability-search .form-wrapper,
  .block-rooms-booking-manager form .rooms-availability-search .form-wrapper {
    margin: 0;
  }
  form#rooms-booking-availability-search-form-page .rooms-date-range .end-date,
  form#rooms-booking-availability-search-form-page .rooms-date-range .start-date,
  .block-rooms-booking-manager form .rooms-date-range .end-date,
  .block-rooms-booking-manager form .rooms-date-range .start-date {
    display: block;
    margin-right: 0;
    width: 100%;
  }
  form#rooms-booking-availability-search-form-page .rooms-date-range .end-date::after,
  form#rooms-booking-availability-search-form-page .rooms-date-range .start-date::after,
  .block-rooms-booking-manager form .rooms-date-range .end-date::after,
  .block-rooms-booking-manager form .rooms-date-range .start-date::after {
    clear: both;
    content: "";
    display: block;
  }
  form#rooms-booking-availability-search-form-page > .form-item,
  .block-rooms-booking-manager form > .form-item {
    width: 100%;
  }
  form#rooms-booking-availability-search-form-page .form-item-group-size-adults\:1,
  form#rooms-booking-availability-search-form-page #rooms-group-block,
  form#rooms-booking-availability-search-form-page #rooms-group-page,
  form#rooms-booking-availability-search-form-page .form-item-unit-type,
  form#rooms-booking-availability-search-form-page .form-item-rooms,
  form#rooms-booking-availability-search-form-page .rooms-date-range,
  .block-rooms-booking-manager form .form-item-group-size-adults\:1,
  .block-rooms-booking-manager form #rooms-group-block,
  .block-rooms-booking-manager form #rooms-group-page,
  .block-rooms-booking-manager form .form-item-unit-type,
  .block-rooms-booking-manager form .form-item-rooms,
  .block-rooms-booking-manager form .rooms-date-range {
    margin-bottom: 0;
  }
  form#rooms-booking-availability-search-form-page .select2-container,
  form#rooms-booking-availability-search-form-page #s2id_edit-rooms,
  form#rooms-booking-availability-search-form-page #datepicker-start-date,
  form#rooms-booking-availability-search-form-page #datepicker-end-date,
  .block-rooms-booking-manager form .select2-container,
  .block-rooms-booking-manager form #s2id_edit-rooms,
  .block-rooms-booking-manager form #datepicker-start-date,
  .block-rooms-booking-manager form #datepicker-end-date {
    margin-bottom: 0.6rem;
  }
}

@media (min-width: 769px) {
  form#rooms-booking-availability-search-form-page,
  .block-rooms-booking-manager form {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-pack: justify;
            justify-content: space-between;
    flex-wrap: wrap;
  }
  form#rooms-booking-availability-search-form-page .rooms-date-range,
  .block-rooms-booking-manager form .rooms-date-range {
    width: 65.71428571%;
    float: left;
    margin-right: 2.85714286%;
  }
  form#rooms-booking-availability-search-form-page .rooms-date-range .start-date,
  .block-rooms-booking-manager form .rooms-date-range .start-date {
    width: 47.82608696%;
    float: left;
    margin-right: 4.34782609%;
  }
  form#rooms-booking-availability-search-form-page .rooms-date-range .end-date,
  .block-rooms-booking-manager form .rooms-date-range .end-date {
    width: 47.82608696%;
    float: right;
    margin-right: 0;
  }
  form#rooms-booking-availability-search-form-page > .form-item,
  form#rooms-booking-availability-search-form-page #rooms-group-page,
  form#rooms-booking-availability-search-form-page #rooms-group-block,
  .block-rooms-booking-manager form > .form-item,
  .block-rooms-booking-manager form #rooms-group-page,
  .block-rooms-booking-manager form #rooms-group-block {
    width: 31.42857143%;
    float: left;
    margin-right: 2.85714286%;
  }
  form#rooms-booking-availability-search-form-page #edit-actions,
  form#rooms-booking-availability-search-form-page #edit-actions--2,
  form#rooms-booking-availability-search-form-page .form-item-rooms,
  .block-rooms-booking-manager form #edit-actions,
  .block-rooms-booking-manager form #edit-actions--2,
  .block-rooms-booking-manager form .form-item-rooms {
    width: 31.42857143%;
    float: right;
    margin-right: 0;
  }
}

.rooms-search-result__unit-embedded {
  position: relative;
  margin-bottom: 1.5rem;
}

.rooms-search-result__unit-embedded:hover .slick-arrow {
  opacity: 1;
}

.rooms-search-result__unit-embedded h2 {
  font-size: 2rem;
}

.rooms-search-result__unit-embedded .content {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.rooms-search-result__unit-embedded .field-name-field-image {
  overflow: hidden;
}

.rooms-search-result__unit-embedded .field-name-field-image img {
  width: 100%;
  height: auto;
}

.rooms-search-result__unit-embedded .text {
  padding-bottom: 6rem;
}

.rooms-search-result__unit-embedded .rooms-book-unit-form {
  position: absolute;
  right: 0;
  bottom: 0;
}

.rooms-search-result__unit-embedded .rooms-book-unit-form .rooms-search-result__unit-base-price {
  margin-bottom: 1.5rem;
}

.rooms-search-result__unit-embedded .field-name-field-image {
  position: relative;
}

.rooms-search-result__unit-embedded .slick-arrow {
  position: absolute;
  font-size: 1.7rem;
  line-height: 1.7rem;
  top: calc(50% - 1.45rem);
  z-index: 1;
  cursor: pointer;
  padding: 0.5rem;
  color: #f2f2f2;
  -webkit-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
  opacity: 0;
}

.rooms-search-result__unit-embedded .slick-arrow.slick-prev {
  left: 0;
}

.rooms-search-result__unit-embedded .slick-arrow.slick-next {
  right: 0;
}

@media (min-width: 0) and (max-width: 768px) {
  .rooms-search-result__unit-embedded .content {
    flex-wrap: wrap;
  }
  .rooms-search-result__unit-embedded .field-name-field-image {
    width: 100%;
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 769px) {
  .rooms-search-result__unit-embedded .text {
    width: calc(100% - 23rem);
  }
  .rooms-search-result__unit-embedded .field-name-field-image {
    width: 20rem;
  }
}

.view-lodgings-catalogue.view-id-lodgings_catalogue .view-content {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.view-lodgings-catalogue.view-id-lodgings_catalogue .view-content::after {
  clear: both;
  content: "";
  display: block;
}

.view-lodgings-catalogue.view-id-lodgings_catalogue .views-row {
  width: 100%;
  float: left;
  margin-bottom: 1.75rem;
}

.view-lodgings-catalogue.view-id-lodgings_catalogue .views-row:hover .slick-arrow {
  opacity: 1;
}

.view-lodgings-catalogue.view-id-lodgings_catalogue .views-field-name h2 {
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1.75rem;
  margin-bottom: 0.5rem;
}

.view-lodgings-catalogue.view-id-lodgings_catalogue .views-field-field-image {
  overflow: hidden;
}

.view-lodgings-catalogue.view-id-lodgings_catalogue .views-field-field-image img {
  width: 100%;
  height: auto;
}

.view-lodgings-catalogue.view-id-lodgings_catalogue .slick-arrow {
  position: absolute;
  font-size: 1.7rem;
  line-height: 1.7rem;
  top: calc(50% - 1.45rem);
  z-index: 1;
  cursor: pointer;
  padding: 0.5rem;
  color: #f2f2f2;
  -webkit-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
  opacity: 0;
}

.view-lodgings-catalogue.view-id-lodgings_catalogue .slick-arrow.slick-prev {
  left: 0;
}

.view-lodgings-catalogue.view-id-lodgings_catalogue .slick-arrow.slick-next {
  right: 0;
}

@media (min-width: 769px) {
  .view-lodgings-catalogue.view-id-lodgings_catalogue .views-row {
    width: 48.57142857%;
    float: left;
    margin-right: 2.85714286%;
    margin-top: 1.75rem;
  }
  .view-lodgings-catalogue.view-id-lodgings_catalogue .views-row:nth-child(2n+2) {
    width: 48.57142857%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 992px) {
  .view-lodgings-catalogue.view-id-lodgings_catalogue .views-row {
    margin-top: 0;
  }
}

.view-noticeboard-search .view-content {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.view-noticeboard-search .views-row {
  margin-bottom: 2rem;
  width: 100%;
}

.view-noticeboard-search .view-filters {
  margin-bottom: 2rem;
}

.view-noticeboard-search .view-filters form {
  padding: 1.5rem;
  border-radius: 10px;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/backgrounds/pattern2.jpg");
}

.view-noticeboard-search .view-filters form tr {
  background-color: transparent;
}

.view-noticeboard-search .view-filters form .views-submit-button input[type="submit"] {
  padding-right: 3rem;
  background-size: 1rem 0.8rem;
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/chevron-right-solid-white.svg");
}

.view-noticeboard-search .view-filters form select, .view-noticeboard-search .view-filters form input[type='text'], .view-noticeboard-search .view-filters form input[type='password'], .view-noticeboard-search .view-filters form .select2-container {
  width: 100%;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  appearance: none;
  padding: 0.75rem;
  margin-right: 0;
  width: 100%;
  border: 1px solid #DADADA;
  color: #333;
  box-sizing: border-box;
  height: initial;
  background: none;
  background-color: #fff;
}

.view-noticeboard-search .view-filters form .label {
  padding-top: 0;
}

.view-noticeboard-search .view-filters form .select2-container,
.view-noticeboard-search .view-filters form .select2-drop-above {
  display: block;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
}

.view-noticeboard-search .view-filters form .select2-container.select2-container-active .select2-choice,
.view-noticeboard-search .view-filters form .select2-drop-above.select2-container-active .select2-choice {
  box-shadow: none;
}

.view-noticeboard-search .view-filters form .select2-container a,
.view-noticeboard-search .view-filters form .select2-drop-above a {
  background: none;
  border: none;
  height: auto;
}

.view-noticeboard-search .view-filters form .select2-container .select2-choice,
.view-noticeboard-search .view-filters form .select2-drop-above .select2-choice {
  height: 16px;
  line-height: 17px;
  padding: 0;
}

.view-noticeboard-search .view-filters form .select2-container .select2-choice abbr,
.view-noticeboard-search .view-filters form .select2-drop-above .select2-choice abbr {
  top: 2px;
}

.view-noticeboard-search .view-filters form .select2-container .select2-arrow,
.view-noticeboard-search .view-filters form .select2-drop-above .select2-arrow {
  border: none;
  background: none;
  top: -5px;
}

.view-noticeboard-search .view-filters form .select2-drop.select2-drop-above.select2-drop-active,
.view-noticeboard-search .view-filters form .select2-drop-active {
  border-color: #ddd;
}

.view-noticeboard-search .view-filters form .form-managed-file .form-submit,
.view-noticeboard-search .view-filters form .form-managed-file .form-file {
  margin-bottom: 0.75rem;
}

.view-noticeboard-search .view-filters form .webform-component-time .webform-container-inline > :nth-child(2) {
  margin-left: 0.4rem;
}

@media (min-width: 0) and (max-width: 575px) {
  .view-noticeboard-search .view-filters form .webform-component-time .webform-container-inline {
    flex-wrap: wrap;
  }
  .view-noticeboard-search .view-filters form .webform-component-time .webform-container-inline > :last-child {
    width: 100%;
  }
}

.view-noticeboard-search .view-filters form .webform-component-time .webform-container-inline,
.view-noticeboard-search .view-filters form .webform-component-date .webform-container-inline {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.view-noticeboard-search .view-filters form .webform-component-time .form-item,
.view-noticeboard-search .view-filters form .webform-component-date .form-item {
  margin-bottom: 0;
  margin-right: 0.4rem;
}

.view-noticeboard-search .view-filters form .webform-component-time .webform-calendar,
.view-noticeboard-search .view-filters form .webform-component-date .webform-calendar {
  height: 1.5rem;
}

.view-noticeboard-search .view-filters form .form-submit {
  padding-right: 3rem;
  background-size: 1rem 0.8rem;
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/chevron-right-solid-white.svg");
  margin-top: 2rem;
}

.view-noticeboard-search .views-exposed-widgets {
  display: -webkit-box;
  display: flex;
}

.view-noticeboard-search .views-exposed-widgets .views-widget-filter-search_api_views_fulltext {
  width: 100%;
}

@media (min-width: 576px) and (max-width: 768px) {
  .view-noticeboard-search .views-row {
    width: 48.57142857%;
    float: left;
    margin-right: 2.85714286%;
  }
  .view-noticeboard-search .views-row:nth-child(2n+2) {
    width: 48.57142857%;
    float: right;
    margin-right: 0;
  }
}

@media (min-width: 769px) {
  .view-noticeboard-search .views-row {
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
  }
}

@media (min-width: 992px) {
  .view-noticeboard-search .views-row {
    width: 23%;
    margin-right: 1%;
    margin-left: 1%;
  }
}

nav.tabs {
  margin-bottom: 1.5rem;
}

nav.tabs ul {
  width: 100%;
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

nav.tabs li {
  margin-right: 0.75rem;
  margin-bottom: 0.75rem;
}

nav.tabs li a {
  display: block;
  padding: 0.375rem;
  border: 1px solid #DADADA;
  text-decoration: none;
}

nav.tabs li a:hover {
  background: #DADADA;
}

#block-views-exp-search-page.search-for-me-in-page-tpl {
  display: none;
  padding-bottom: 0.25rem;
}

#block-views-exp-search-page.search-for-me-in-page-tpl .views-exposed-widgets {
  margin: 0;
}

#views-exposed-form-search-page .views-exposed-form {
  width: 100%;
}

#views-exposed-form-search-page .views-exposed-widgets {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

#views-exposed-form-search-page .views-widget-filter-search_api_views_fulltext {
  width: calc(100% - 8rem);
  padding: 0;
}

#views-exposed-form-search-page .views-widget-filter-search_api_views_fulltext label {
  display: none;
}

#views-exposed-form-search-page .views-widget-filter-search_api_views_fulltext input {
  margin-bottom: 0;
  height: 2.7rem;
}

#views-exposed-form-search-page .views-submit-button {
  width: 7rem;
  padding: 0;
  float: none;
  margin-left: auto;
}

#views-exposed-form-search-page .views-submit-button input {
  margin: 0;
  width: 100%;
}

@media (min-width: 0) and (max-width: 575px) {
  #views-exposed-form-search-page .views-exposed-form {
    padding: 1rem;
  }
  #views-exposed-form-search-page .views-exposed-widgets {
    flex-wrap: wrap;
  }
  #views-exposed-form-search-page .views-widget-filter-search_api_views_fulltext {
    margin-bottom: 1.5rem;
  }
  #views-exposed-form-search-page .views-widget-filter-search_api_views_fulltext,
  #views-exposed-form-search-page .views-submit-button {
    width: 100%;
  }
}

.view-search.view-display-id-page .views-row:not(:last-child) {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

.view-search.view-display-id-page .views-row:not(:last-child):not(:last-child) {
  border-bottom: 1px solid #333;
}

.statistics_counter {
  display: none;
}

.drupal-messages {
  margin-bottom: 1.5rem;
}

#crm-container.crm-public .content {
  padding-top: 0;
}

.crm-container input {
  box-sizing: border-box;
}

.civi-event-cart,
#crm-container #ParticipantsAndPrices,
#crm-container #Payment {
  padding: 1.5rem;
  border-radius: 10px;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/backgrounds/pattern2.jpg");
}

.civi-event-cart tr,
#crm-container #ParticipantsAndPrices tr,
#crm-container #Payment tr {
  background-color: transparent;
}

.civi-event-cart .views-submit-button input[type="submit"],
#crm-container #ParticipantsAndPrices .views-submit-button input[type="submit"],
#crm-container #Payment .views-submit-button input[type="submit"] {
  padding-right: 3rem;
  background-size: 1rem 0.8rem;
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/chevron-right-solid-white.svg");
}

.civi-event-cart select, .civi-event-cart input[type='text'], .civi-event-cart input[type='password'], .civi-event-cart .select2-container,
#crm-container #ParticipantsAndPrices select,
#crm-container #ParticipantsAndPrices input[type='text'],
#crm-container #ParticipantsAndPrices input[type='password'],
#crm-container #ParticipantsAndPrices .select2-container,
#crm-container #Payment select,
#crm-container #Payment input[type='text'],
#crm-container #Payment input[type='password'],
#crm-container #Payment .select2-container {
  width: 100%;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  appearance: none;
  padding: 0.75rem;
  margin-right: 0;
  width: 100%;
  border: 1px solid #DADADA;
  color: #333;
  box-sizing: border-box;
  height: initial;
  background: none;
  background-color: #fff;
}

.civi-event-cart .label,
#crm-container #ParticipantsAndPrices .label,
#crm-container #Payment .label {
  padding-top: 0;
}

.civi-event-cart .select2-container,
.civi-event-cart .select2-drop-above,
#crm-container #ParticipantsAndPrices .select2-container,
#crm-container #ParticipantsAndPrices .select2-drop-above,
#crm-container #Payment .select2-container,
#crm-container #Payment .select2-drop-above {
  display: block;
  text-transform: uppercase;
  margin-bottom: 0.75rem;
}

.civi-event-cart .select2-container.select2-container-active .select2-choice,
.civi-event-cart .select2-drop-above.select2-container-active .select2-choice,
#crm-container #ParticipantsAndPrices .select2-container.select2-container-active .select2-choice,
#crm-container #ParticipantsAndPrices .select2-drop-above.select2-container-active .select2-choice,
#crm-container #Payment .select2-container.select2-container-active .select2-choice,
#crm-container #Payment .select2-drop-above.select2-container-active .select2-choice {
  box-shadow: none;
}

.civi-event-cart .select2-container a,
.civi-event-cart .select2-drop-above a,
#crm-container #ParticipantsAndPrices .select2-container a,
#crm-container #ParticipantsAndPrices .select2-drop-above a,
#crm-container #Payment .select2-container a,
#crm-container #Payment .select2-drop-above a {
  background: none;
  border: none;
  height: auto;
}

.civi-event-cart .select2-container .select2-choice,
.civi-event-cart .select2-drop-above .select2-choice,
#crm-container #ParticipantsAndPrices .select2-container .select2-choice,
#crm-container #ParticipantsAndPrices .select2-drop-above .select2-choice,
#crm-container #Payment .select2-container .select2-choice,
#crm-container #Payment .select2-drop-above .select2-choice {
  height: 16px;
  line-height: 17px;
  padding: 0;
}

.civi-event-cart .select2-container .select2-choice abbr,
.civi-event-cart .select2-drop-above .select2-choice abbr,
#crm-container #ParticipantsAndPrices .select2-container .select2-choice abbr,
#crm-container #ParticipantsAndPrices .select2-drop-above .select2-choice abbr,
#crm-container #Payment .select2-container .select2-choice abbr,
#crm-container #Payment .select2-drop-above .select2-choice abbr {
  top: 2px;
}

.civi-event-cart .select2-container .select2-arrow,
.civi-event-cart .select2-drop-above .select2-arrow,
#crm-container #ParticipantsAndPrices .select2-container .select2-arrow,
#crm-container #ParticipantsAndPrices .select2-drop-above .select2-arrow,
#crm-container #Payment .select2-container .select2-arrow,
#crm-container #Payment .select2-drop-above .select2-arrow {
  border: none;
  background: none;
  top: -5px;
}

.civi-event-cart .select2-drop.select2-drop-above.select2-drop-active,
.civi-event-cart .select2-drop-active,
#crm-container #ParticipantsAndPrices .select2-drop.select2-drop-above.select2-drop-active,
#crm-container #ParticipantsAndPrices .select2-drop-active,
#crm-container #Payment .select2-drop.select2-drop-above.select2-drop-active,
#crm-container #Payment .select2-drop-active {
  border-color: #ddd;
}

.civi-event-cart .form-managed-file .form-submit,
.civi-event-cart .form-managed-file .form-file,
#crm-container #ParticipantsAndPrices .form-managed-file .form-submit,
#crm-container #ParticipantsAndPrices .form-managed-file .form-file,
#crm-container #Payment .form-managed-file .form-submit,
#crm-container #Payment .form-managed-file .form-file {
  margin-bottom: 0.75rem;
}

.civi-event-cart .webform-component-time .webform-container-inline > :nth-child(2),
#crm-container #ParticipantsAndPrices .webform-component-time .webform-container-inline > :nth-child(2),
#crm-container #Payment .webform-component-time .webform-container-inline > :nth-child(2) {
  margin-left: 0.4rem;
}

@media (min-width: 0) and (max-width: 575px) {
  .civi-event-cart .webform-component-time .webform-container-inline,
  #crm-container #ParticipantsAndPrices .webform-component-time .webform-container-inline,
  #crm-container #Payment .webform-component-time .webform-container-inline {
    flex-wrap: wrap;
  }
  .civi-event-cart .webform-component-time .webform-container-inline > :last-child,
  #crm-container #ParticipantsAndPrices .webform-component-time .webform-container-inline > :last-child,
  #crm-container #Payment .webform-component-time .webform-container-inline > :last-child {
    width: 100%;
  }
}

.civi-event-cart .webform-component-time .webform-container-inline,
.civi-event-cart .webform-component-date .webform-container-inline,
#crm-container #ParticipantsAndPrices .webform-component-time .webform-container-inline,
#crm-container #ParticipantsAndPrices .webform-component-date .webform-container-inline,
#crm-container #Payment .webform-component-time .webform-container-inline,
#crm-container #Payment .webform-component-date .webform-container-inline {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.civi-event-cart .webform-component-time .form-item,
.civi-event-cart .webform-component-date .form-item,
#crm-container #ParticipantsAndPrices .webform-component-time .form-item,
#crm-container #ParticipantsAndPrices .webform-component-date .form-item,
#crm-container #Payment .webform-component-time .form-item,
#crm-container #Payment .webform-component-date .form-item {
  margin-bottom: 0;
  margin-right: 0.4rem;
}

.civi-event-cart .webform-component-time .webform-calendar,
.civi-event-cart .webform-component-date .webform-calendar,
#crm-container #ParticipantsAndPrices .webform-component-time .webform-calendar,
#crm-container #ParticipantsAndPrices .webform-component-date .webform-calendar,
#crm-container #Payment .webform-component-time .webform-calendar,
#crm-container #Payment .webform-component-date .webform-calendar {
  height: 1.5rem;
}

.civi-event-cart::after,
#crm-container #ParticipantsAndPrices::after,
#crm-container #Payment::after {
  clear: both;
  content: "";
  display: block;
}

.civi-event-cart h3,
#crm-container #ParticipantsAndPrices h3,
#crm-container #Payment h3 {
  background: none;
  font-size: 1.25em;
  padding: 0;
  font-weight: unset;
}

.civi-event-cart h3 a:visited,
.civi-event-cart h3 a:active,
.civi-event-cart h3 a:link,
.civi-event-cart h3 a,
#crm-container #ParticipantsAndPrices h3 a:visited,
#crm-container #ParticipantsAndPrices h3 a:active,
#crm-container #ParticipantsAndPrices h3 a:link,
#crm-container #ParticipantsAndPrices h3 a,
#crm-container #Payment h3 a:visited,
#crm-container #Payment h3 a:active,
#crm-container #Payment h3 a:link,
#crm-container #Payment h3 a {
  color: #333;
}

.civi-event-cart .crm-submit-buttons,
#crm-container #ParticipantsAndPrices .crm-submit-buttons,
#crm-container #Payment .crm-submit-buttons {
  margin: 0;
  height: auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.civi-event-cart .crm-submit-buttons a,
#crm-container #ParticipantsAndPrices .crm-submit-buttons a,
#crm-container #Payment .crm-submit-buttons a {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #821814;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75rem 1.5rem;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 150ms ease;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: normal;
}

.civi-event-cart .crm-submit-buttons a:hover,
#crm-container #ParticipantsAndPrices .crm-submit-buttons a:hover,
#crm-container #Payment .crm-submit-buttons a:hover {
  background-color: #681310;
  color: #fff;
}

.civi-event-cart .crm-submit-buttons a:disabled,
#crm-container #ParticipantsAndPrices .crm-submit-buttons a:disabled,
#crm-container #Payment .crm-submit-buttons a:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.civi-event-cart .crm-submit-buttons a:disabled:hover,
#crm-container #ParticipantsAndPrices .crm-submit-buttons a:disabled:hover,
#crm-container #Payment .crm-submit-buttons a:disabled:hover {
  background-color: #821814;
}

.civi-event-cart .crm-submit-buttons a,
.civi-event-cart .crm-submit-buttons input,
#crm-container #ParticipantsAndPrices .crm-submit-buttons a,
#crm-container #ParticipantsAndPrices .crm-submit-buttons input,
#crm-container #Payment .crm-submit-buttons a,
#crm-container #Payment .crm-submit-buttons input {
  text-shadow: none;
}

.civi-event-cart .crm-back-to-cart a,
.civi-event-cart .crm-back-to-cart input[type="submit"],
.civi-event-cart .crm-submit-buttons a,
.civi-event-cart .crm-submit-buttons input[type="submit"],
#crm-container #ParticipantsAndPrices .crm-back-to-cart a,
#crm-container #ParticipantsAndPrices .crm-back-to-cart input[type="submit"],
#crm-container #ParticipantsAndPrices .crm-submit-buttons a,
#crm-container #ParticipantsAndPrices .crm-submit-buttons input[type="submit"],
#crm-container #Payment .crm-back-to-cart a,
#crm-container #Payment .crm-back-to-cart input[type="submit"],
#crm-container #Payment .crm-submit-buttons a,
#crm-container #Payment .crm-submit-buttons input[type="submit"] {
  max-width: 100%;
}

.civi-event-cart .crm-back-to-cart,
#crm-container #ParticipantsAndPrices .crm-back-to-cart,
#crm-container #Payment .crm-back-to-cart {
  width: auto;
  margin-bottom: 1.5rem;
}

.civi-event-cart .crm-back-to-cart a,
#crm-container #ParticipantsAndPrices .crm-back-to-cart a,
#crm-container #Payment .crm-back-to-cart a {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #821814;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75rem 1.5rem;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 150ms ease;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: normal;
}

.civi-event-cart .crm-back-to-cart a:hover,
#crm-container #ParticipantsAndPrices .crm-back-to-cart a:hover,
#crm-container #Payment .crm-back-to-cart a:hover {
  background-color: #681310;
  color: #fff;
}

.civi-event-cart .crm-back-to-cart a:disabled,
#crm-container #ParticipantsAndPrices .crm-back-to-cart a:disabled,
#crm-container #Payment .crm-back-to-cart a:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.civi-event-cart .crm-back-to-cart a:disabled:hover,
#crm-container #ParticipantsAndPrices .crm-back-to-cart a:disabled:hover,
#crm-container #Payment .crm-back-to-cart a:disabled:hover {
  background-color: #821814;
}

.civi-event-cart .crm-back-to-cart a i,
#crm-container #ParticipantsAndPrices .crm-back-to-cart a i,
#crm-container #Payment .crm-back-to-cart a i {
  margin-left: 1rem;
}

.civi-event-cart .crm-back-to-cart > div,
#crm-container #ParticipantsAndPrices .crm-back-to-cart > div,
#crm-container #Payment .crm-back-to-cart > div {
  display: inline-block;
}

.civi-event-cart .crm-button,
#crm-container #ParticipantsAndPrices .crm-button,
#crm-container #Payment .crm-button {
  border: none;
  background: none;
}

.civi-event-cart .messages,
#crm-container #ParticipantsAndPrices .messages,
#crm-container #Payment .messages {
  margin-bottom: 1.5rem;
}

.crm-container .civi-event-cart a.crm-back-button,
.crm-container .civi-event-cart a.crm-check-out-button {
  background-color: none;
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #821814;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75rem 1.5rem;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 150ms ease;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: normal;
  text-shadow: none;
}

.crm-container .civi-event-cart a.crm-back-button:hover,
.crm-container .civi-event-cart a.crm-check-out-button:hover {
  background-color: #681310;
  color: #fff;
}

.crm-container .civi-event-cart a.crm-back-button:disabled,
.crm-container .civi-event-cart a.crm-check-out-button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.crm-container .civi-event-cart a.crm-back-button:disabled:hover,
.crm-container .civi-event-cart a.crm-check-out-button:disabled:hover {
  background-color: #821814;
}

.crm-container .civi-event-cart a.crm-check-out-button {
  padding-right: 3rem;
  background-size: 1rem 0.8rem;
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/chevron-right-solid-white.svg");
}

.crm-container .civi-event-cart a.crm-back-button {
  padding-left: 3rem;
  background-size: 1rem 0.8rem;
  background-position: 1rem;
  background-repeat: no-repeat;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/chevron-left-solid-white.svg");
}

.crm-container .civi-event-cart .cart-header,
.crm-container .civi-event-cart .cart-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.crm-container .civi-event-cart .cart-header {
  border-bottom: 3px solid #ccc;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}

.crm-container .civi-event-cart .cart-header label {
  font-weight: bold;
}

.crm-container .civi-event-cart .cart-header .title {
  width: calc(100% - 7rem);
}

.crm-container .civi-event-cart .cart-header .remove {
  width: 6rem;
  text-align: center;
}

.crm-container .civi-event-cart .cart-item {
  margin-bottom: 1em;
  border-bottom: none;
}

.crm-container .civi-event-cart .cart-item:not(:last-child) {
  border-bottom: 1px solid #ddd;
}

.crm-container .civi-event-cart .cart-item .event-title {
  width: calc(100% - 7rem);
}

.crm-container .civi-event-cart .cart-item .event-title a {
  color: #333;
}

.crm-container .civi-event-cart .cart-item .event-remove {
  display: block;
  width: 6rem;
  text-align: center;
}

.crm-container .civi-event-cart .button {
  margin-bottom: 1.5rem;
}

.crm-container .civi-event-cart .button.crm-check-out-button {
  margin-left: auto;
}

#crm-container.crm-public #ParticipantsAndPrices legend {
  padding: 0;
  margin-bottom: 0.75rem;
}

#crm-container.crm-public #ParticipantsAndPrices .crm-button input[type='submit'].crm-form-submit {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #821814;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75rem 1.5rem;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 150ms ease;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: normal;
  padding-right: 3rem;
  background-size: 1rem 0.8rem;
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/chevron-right-solid-white.svg");
  margin-left: auto;
}

#crm-container.crm-public #ParticipantsAndPrices .crm-button input[type='submit'].crm-form-submit:hover {
  background-color: #681310;
  color: #fff;
}

#crm-container.crm-public #ParticipantsAndPrices .crm-button input[type='submit'].crm-form-submit:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

#crm-container.crm-public #ParticipantsAndPrices .crm-button input[type='submit'].crm-form-submit:disabled:hover {
  background-color: #821814;
}

#crm-container.crm-public #ParticipantsAndPrices .event_item:not(:last-child) {
  border-bottom: 1px solid #ddd;
  margin-bottom: 1.5rem;
}

#crm-container.crm-public #ParticipantsAndPrices .event_form {
  margin-bottom: 1.5rem;
}

#crm-container.crm-public #ParticipantsAndPrices .event_form::after {
  clear: both;
  content: "";
  display: block;
}

#crm-container.crm-public #ParticipantsAndPrices .event_form fieldset {
  border: none;
}

#crm-container.crm-public #ParticipantsAndPrices .crm-profile .crm-section {
  padding: 0;
  margin-bottom: 0.75rem;
}

#crm-container.crm-public #ParticipantsAndPrices .event-price {
  display: block;
}

#crm-container.crm-public #ParticipantsAndPrices .price_choices .price-choice {
  padding: 0;
  margin-bottom: 0.75rem;
}

#crm-container.crm-public #ParticipantsAndPrices .crm-profile .crm-section,
#crm-container.crm-public #ParticipantsAndPrices .price_choices .price-choice,
#crm-container.crm-public #ParticipantsAndPrices .price_choices .price_choices {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}

#crm-container.crm-public #ParticipantsAndPrices .crm-profile .crm-section .clear,
#crm-container.crm-public #ParticipantsAndPrices .price_choices .price-choice .clear,
#crm-container.crm-public #ParticipantsAndPrices .price_choices .price_choices .clear {
  display: none;
}

#crm-container.crm-public #ParticipantsAndPrices .crm-profile .crm-section .label,
#crm-container.crm-public #ParticipantsAndPrices .crm-profile .crm-section .content,
#crm-container.crm-public #ParticipantsAndPrices .price_choices .price-choice .label,
#crm-container.crm-public #ParticipantsAndPrices .price_choices .price-choice .content,
#crm-container.crm-public #ParticipantsAndPrices .price_choices .price_choices .label,
#crm-container.crm-public #ParticipantsAndPrices .price_choices .price_choices .content {
  width: 100%;
}

#crm-container.crm-public #ParticipantsAndPrices .crm-profile .crm-section .label,
#crm-container.crm-public #ParticipantsAndPrices .price_choices .price-choice .label,
#crm-container.crm-public #ParticipantsAndPrices .price_choices .price_choices .label {
  text-align: left;
}

#crm-container.crm-public #ParticipantsAndPrices .crm-profile .crm-section .label label,
#crm-container.crm-public #ParticipantsAndPrices .price_choices .price-choice .label label,
#crm-container.crm-public #ParticipantsAndPrices .price_choices .price_choices .label label {
  font-weight: bold;
}

#crm-container.crm-public #ParticipantsAndPrices .crm-profile .crm-section .content,
#crm-container.crm-public #ParticipantsAndPrices .price_choices .price-choice .content,
#crm-container.crm-public #ParticipantsAndPrices .price_choices .price_choices .content {
  margin-left: 0;
}

#crm-container.crm-public #ParticipantsAndPrices .crm-button.crm-button-type-upload {
  margin-left: auto;
  margin-right: 0;
  margin-bottom: 1.5rem;
}

@media (min-width: 992px) {
  #crm-container.crm-public #ParticipantsAndPrices .event-price {
    margin-left: 10rem;
  }
  #crm-container.crm-public #ParticipantsAndPrices .crm-profile .crm-section .label,
  #crm-container.crm-public #ParticipantsAndPrices .price_choices .price-choice .label {
    width: 9rem;
  }
  #crm-container.crm-public #ParticipantsAndPrices .crm-profile .crm-section .content,
  #crm-container.crm-public #ParticipantsAndPrices .price_choices .price-choice .content {
    width: calc(100% - 10rem);
    margin-left: 0;
  }
}

#crm-container.crm-public #Payment .crm-submit-buttons {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

#crm-container.crm-public #Payment .crm-submit-buttons .crm-button {
  margin: 0;
  margin-bottom: 1.5rem;
}

#crm-container.crm-public #Payment .crm-button.crm-button-type-back input[type='submit'] {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #821814;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75rem 1.5rem;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 150ms ease;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: normal;
  padding-left: 3rem;
  background-size: 1rem 0.8rem;
  background-position: 1rem;
  background-repeat: no-repeat;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/chevron-left-solid-white.svg");
}

#crm-container.crm-public #Payment .crm-button.crm-button-type-back input[type='submit']:hover {
  background-color: #681310;
  color: #fff;
}

#crm-container.crm-public #Payment .crm-button.crm-button-type-back input[type='submit']:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

#crm-container.crm-public #Payment .crm-button.crm-button-type-back input[type='submit']:disabled:hover {
  background-color: #821814;
}

#crm-container.crm-public #Payment .crm-button.crm-button-type-next input[type='submit'] {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #821814;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75rem 1.5rem;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background-color 150ms ease;
  transition: background-color 150ms ease;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: normal;
  padding-right: 3rem;
  background-size: 1rem 0.8rem;
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/chevron-right-solid-white.svg");
}

#crm-container.crm-public #Payment .crm-button.crm-button-type-next input[type='submit']:hover {
  background-color: #681310;
  color: #fff;
}

#crm-container.crm-public #Payment .crm-button.crm-button-type-next input[type='submit']:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

#crm-container.crm-public #Payment .crm-button.crm-button-type-next input[type='submit']:disabled:hover {
  background-color: #821814;
}

#crm-container.crm-public #Payment .crm-section {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
          justify-content: space-between;
  width: 100%;
}

#crm-container.crm-public #Payment .crm-section .clear {
  display: none;
}

#crm-container.crm-public #Payment .label {
  margin-top: 0.8rem;
  width: 9rem;
}

#crm-container.crm-public #Payment .content {
  width: calc(100% - 10rem);
  margin-left: 0;
}

#crm-container.crm-public #Payment .is_pay_later-section #is_pay_later {
  margin-top: 1rem;
}

#crm-container.crm-public #Payment .pay-later-instructions {
  margin-bottom: 1.5rem;
}

#crm-container.crm-public #Payment .event-checkout-brakedown {
  padding: 1rem;
  border: 1px solid #ddd;
}

#crm-container.crm-public #Payment .event-checkout-brakedown hr {
  margin: 0.75rem 0;
}

#crm-container.crm-public #Payment .event-checkout-brakedown .desktop-header {
  display: none;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.5rem;
}

#crm-container.crm-public #Payment .event-checkout-brakedown .event-line-item {
  margin-bottom: 1.5rem;
}

#crm-container.crm-public #Payment .event-checkout-brakedown .event-line-item:not(:last-child) {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #ddd;
}

#crm-container.crm-public #Payment .event-checkout-brakedown .event-title {
  font-weight: bold;
}

#crm-container.crm-public #Payment .event-checkout-brakedown .event-participants ul {
  list-style: disc;
  padding-left: 2rem;
}

#crm-container.crm-public #Payment .event-checkout-brakedown .event-participants .participant-number {
  margin-bottom: 0.75rem;
}

#crm-container.crm-public #Payment .event-checkout-brakedown .event-participants .participant-number span {
  text-decoration: underline;
}

@media (min-width: 0) and (max-width: 991px) {
  #crm-container.crm-public #Payment .event-checkout-brakedown .event-line-item {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
    flex-wrap: wrap;
  }
  #crm-container.crm-public #Payment .event-checkout-brakedown .event-line-item.active .column {
    width: 100%;
  }
  #crm-container.crm-public #Payment .event-checkout-brakedown .event-line-item .event-title {
    width: calc(100% - 12rem);
    margin-bottom: 1.5rem;
  }
  #crm-container.crm-public #Payment .event-checkout-brakedown .event-line-item .event-amount {
    width: 10rem;
    display: -webkit-box;
    display: flex;
  }
  #crm-container.crm-public #Payment .event-checkout-brakedown .event-line-item .event-amount .mobile-header {
    margin-left: auto;
    margin-right: 1rem;
  }
  #crm-container.crm-public #Payment .event-checkout-brakedown .event-line-item .event-amount .mobile-header:after {
    content: ":";
    margin-left: -4px;
  }
  #crm-container.crm-public #Payment .event-checkout-brakedown .event-line-item .event-participants,
  #crm-container.crm-public #Payment .event-checkout-brakedown .event-line-item .event-cost {
    display: none;
    margin-bottom: 1.5rem;
  }
  #crm-container.crm-public #Payment .event-checkout-brakedown .event-line-item .event-participants .mobile-header,
  #crm-container.crm-public #Payment .event-checkout-brakedown .event-line-item .event-cost .mobile-header {
    font-weight: bold;
    margin-bottom: 0.75rem;
  }
  #crm-container.crm-public #Payment .event-checkout-brakedown .event-line-item .event-cost .wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
  #crm-container.crm-public #Payment .event-checkout-brakedown .event-totals {
    display: -webkit-box;
    display: flex;
  }
  #crm-container.crm-public #Payment .event-checkout-brakedown .event-totals .column {
    margin-left: auto;
  }
}

@media (min-width: 992px) {
  #crm-container.crm-public #Payment .event-checkout-brakedown .mobile-header {
    display: none;
  }
  #crm-container.crm-public #Payment .event-checkout-brakedown .desktop-header,
  #crm-container.crm-public #Payment .event-checkout-brakedown .event-discounts .header,
  #crm-container.crm-public #Payment .event-checkout-brakedown .event-discounts .discounts,
  #crm-container.crm-public #Payment .event-checkout-brakedown .event-totals,
  #crm-container.crm-public #Payment .event-checkout-brakedown .event-line-item {
    display: -webkit-box;
    display: flex;
  }
  #crm-container.crm-public #Payment .event-checkout-brakedown .desktop-header .column,
  #crm-container.crm-public #Payment .event-checkout-brakedown .event-discounts .header .column,
  #crm-container.crm-public #Payment .event-checkout-brakedown .event-discounts .discounts .column,
  #crm-container.crm-public #Payment .event-checkout-brakedown .event-totals .column,
  #crm-container.crm-public #Payment .event-checkout-brakedown .event-line-item .column {
    width: 22.85714286%;
    float: left;
    margin-right: 2.85714286%;
  }
  #crm-container.crm-public #Payment .event-checkout-brakedown .desktop-header .column:last-child,
  #crm-container.crm-public #Payment .event-checkout-brakedown .event-discounts .header .column:last-child,
  #crm-container.crm-public #Payment .event-checkout-brakedown .event-discounts .discounts .column:last-child,
  #crm-container.crm-public #Payment .event-checkout-brakedown .event-totals .column:last-child,
  #crm-container.crm-public #Payment .event-checkout-brakedown .event-line-item .column:last-child {
    width: 22.85714286%;
    float: right;
    margin-right: 0;
  }
}

.region--content .item-list-pager .pager,
.item-list-pager .pager {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 80%;
  margin: 0 auto;
  list-style-type: none;
  padding-left: 0;
}

@media (min-width: 769px) {
  .region--content .item-list-pager .pager,
  .item-list-pager .pager {
    width: 50%;
  }
}

.region--content .item-list-pager li,
.item-list-pager li {
  list-style-image: none;
}

.region--content .item-list-pager li:not(.previous):not(.first):not(.next):not(.last),
.item-list-pager li:not(.previous):not(.first):not(.next):not(.last) {
  width: 1rem;
}

.region--content .item-list-pager li.current,
.item-list-pager li.current {
  color: #821814;
  width: 1rem;
}

.field-name-field-content.field-type-paragraphs {
  padding-top: 3rem;
}

.field-name-field-content.field-type-paragraphs > .field-items > .field-item {
  margin-bottom: 3rem;
}

.paragraphs-item-protected-file-download a,
.paragraphs-item-file-download a {
  padding-right: 2rem;
  background-image: url(/sites/all/themes/custom/middletemple/assets/images/icons/download.svg);
  background-size: 1rem;
  background-position: right;
  background-repeat: no-repeat;
}

.paragraphs-item-video .player {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.paragraphs-item-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.paragraphs-item-podcast {
  height: 100%;
}

.paragraphs-item-podcast iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

.paragraphs-item-podcast img {
  width: 100%;
  height: auto;
}

.paragraphs-item-podcast h2 {
  border-bottom: 2px solid #E3E3DE;
  padding-bottom: 0.375rem;
}

.paragraphs-item-podcast .iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
}

.paragraphs-item-podcast .content {
  height: 100%;
}

.paragraphs-item-podcast .content > div:not(.field-name-field-para-image) {
  width: 100%;
}

.paragraphs-item-podcast .field-name-field-para-text,
.paragraphs-item-podcast .field-name-field-para-image {
  margin-bottom: 0.75rem;
}

.paragraphs-item-podcast .listen {
  margin-top: auto;
}

.paragraphs-item-podcast .listen a {
  display: inline-block;
}

.paragraphs-item-podcast .listen a i {
  margin-left: 1rem;
}

@media (min-width: 576px) {
  .paragraphs-item-podcast .field-name-field-para-image {
    width: 50%;
  }
  .paragraphs-item-podcast .content {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}

.paragraphs-item-podcasts .field-name-field-podcasts > .field-items {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.paragraphs-item-podcasts .field-name-field-podcasts > .field-items > .field-item {
  margin-bottom: 1.5rem;
  width: 100%;
}

@media (min-width: 769px) {
  .paragraphs-item-podcasts .field-name-field-podcasts > .field-items > .field-item {
    width: 47.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
}

.paragraphs-item-testimonial {
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/icons/quote-red.svg");
  background-size: 1.5rem;
  background-repeat: no-repeat;
}

.paragraphs-item-testimonial .content {
  padding-top: 2.25rem;
}

.paragraphs-item-testimonial .field-name-field-para-text {
  margin-bottom: 0.75rem;
  font-size: 1.125rem;
}

.paragraphs-item-testimonial .field-name-field-para-title {
  margin-bottom: 1.5rem;
}

body:not(.sidebar-first) .paragraphs-item-testimonials {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

@media (min-width: 0) and (max-width: 768px) {
  body.sidebar-first .paragraphs-item-testimonials {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }
}

@media (min-width: 769px) {
  body.sidebar-first .paragraphs-item-testimonials {
    margin-left: calc(-50vw + 33.8%);
    margin-right: calc(-50vw + 66.2%);
  }
}

.paragraphs-item-testimonials {
  background-image: url("/sites/all/themes/custom/middletemple/assets/images/backgrounds/pattern2.jpg");
}

@media (min-width: 0) and (max-width: 575px) {
  .paragraphs-item-testimonials {
    padding: 0.75rem;
  }
}

@media (min-width: 576px) {
  .paragraphs-item-testimonials {
    padding: 1.5rem;
  }
}

.paragraphs-item-testimonials > .content {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}

.paragraphs-item-testimonials > .content:after {
  content: " ";
  display: block;
  clear: both;
}

.paragraphs-item-testimonials .field-name-field-testimonials {
  width: 97.22222222%;
  float: left;
  margin-left: 1.38888889%;
  margin-right: 1.38888889%;
}

.paragraphs-item-testimonials .field-name-field-testimonials > label {
  margin-bottom: 1.5rem;
  font-size: 3.125rem;
  text-align: center;
}

.paragraphs-item-testimonials .field-name-field-testimonials > .field-items {
  overflow: hidden;
}

@media (min-width: 0) and (max-width: 575px) {
  .paragraphs-item-testimonials .field-name-field-testimonials > .field-items {
    padding: 0 0.75rem;
  }
}

@media (min-width: 576px) {
  .paragraphs-item-testimonials .field-name-field-testimonials > .field-items {
    padding: 0 3rem;
  }
}

.paragraphs-item-testimonials .field-name-field-testimonials .slick-slide {
  margin: 0 1.125rem;
}

.paragraphs-item-testimonials .field-name-field-testimonials .arrow {
  position: absolute;
  top: calc(50% - 0.75rem);
  height: 1.5rem;
  width: 0.9rem;
  cursor: pointer;
}

.paragraphs-item-testimonials .field-name-field-testimonials .arrow.left {
  left: 0;
}

.paragraphs-item-testimonials .field-name-field-testimonials .arrow.right {
  right: 0;
}

.paragraphs-item-testimonials .field-name-field-testimonials .arrow img {
  max-width: 100%;
  max-height: 100%;
}

.paragraphs-item-testimonials .field-name-field-testimonials .slick-list {
  margin-bottom: 1.5rem;
}

.paragraphs-item-testimonials .field-name-field-testimonials .slick-dots {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.paragraphs-item-testimonials .field-name-field-testimonials .slick-dots li {
  display: inline-block;
}

.paragraphs-item-testimonials .field-name-field-testimonials .slick-dots li {
  border-radius: 50%;
  width: 14px;
  height: 14px;
  background-color: #821814;
  margin: 2px;
  padding: 2px;
}

.paragraphs-item-testimonials .field-name-field-testimonials .slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;
  text-indent: -999px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #f2f2f2;
}

.paragraphs-item-testimonials .field-name-field-testimonials .slick-dots li.slick-active button {
  background-color: #821814;
}

.paragraphs-item-blockquote {
  padding: 1.7rem;
  background-image: url(/sites/all/themes/custom/middletemple/assets/images/icons/quote.svg);
  background-size: 3rem;
  background-position: 0.5rem 0.5rem;
  background-repeat: no-repeat;
}

.paragraphs-item-blockquote i {
  font-family: "Avenir LT W01_65 Medium1475532", "Open Sans", Helvetica, Arial, sans-serif;
}

.paragraphs-item-image-and-text img {
  width: 100%;
  height: auto;
}

.paragraphs-item-image-and-text .field-name-field-para-text,
.paragraphs-item-image-and-text .field-name-field-para-image {
  width: 100%;
}

@media (min-width: 0) and (max-width: 768px) {
  .paragraphs-item-image-and-text .field-name-field-para-text,
  .paragraphs-item-image-and-text .field-name-field-para-image {
    margin-bottom: 1.5rem;
  }
}

.paragraphs-item-image-and-text .content {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}

.paragraphs-item-image-and-text.image-left .content .field-name-field-para-text {
  -webkit-box-ordinal-group: 2;
          order: 1;
}

.paragraphs-item-image-and-text.image-left .content .field-name-field-para-image {
  -webkit-box-ordinal-group: 1;
          order: 0;
}

@media (min-width: 769px) {
  .paragraphs-item-image-and-text.image-left .content .field-name-field-para-text {
    width: 48.57142857%;
    float: right;
    margin-right: 0;
  }
  .paragraphs-item-image-and-text.image-left .content .field-name-field-para-image {
    width: 48.57142857%;
    float: left;
    margin-right: 2.85714286%;
  }
}

@media (min-width: 769px) {
  .paragraphs-item-image-and-text.image-right .content .field-name-field-para-text {
    width: 48.57142857%;
    float: left;
    margin-right: 2.85714286%;
  }
  .paragraphs-item-image-and-text.image-right .content .field-name-field-para-image {
    width: 48.57142857%;
    float: right;
    margin-right: 0;
  }
}

.paragraphs-item-accordions .field-item {
  margin-bottom: 0.5rem;
}

.paragraphs-item-accordion-item.accordion--is-active .field-name-field-para-title i {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.paragraphs-item-accordion-item .field-name-field-para-title {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 0.5rem;
  padding-left: 0.875rem;
  font-size: 1.125rem;
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 200;
  border: 1px solid #DADADA;
  cursor: pointer;
}

.paragraphs-item-accordion-item .field-name-field-para-title:hover {
  color: #821814;
}

.paragraphs-item-accordion-item .field-name-field-para-title h2 {
  margin-bottom: 0;
  padding: 0.5rem;
  padding-left: 0.875rem;
  font-size: 1.125rem;
  font-family: "Avenir LT W01_35 Light1475496", "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 200;
}

.paragraphs-item-accordion-item .field-name-field-para-text {
  display: none;
  padding: 0.875rem;
  font-size: 1rem;
}

h2.main-page-title {
  font-size: 1.5rem;
  font-family: "Avenir LT W01_95 Black1475556", "Open Sans", Helvetica, Arial, sans-serif;
}

.main-content {
  padding-bottom: 3rem;
}

@media (min-width: 0) and (max-width: 768px) {
  .content-container {
    width: 91.66666667%;
    float: left;
    margin-left: 4.16666667%;
    margin-right: 4.16666667%;
  }
  .region.region--content .field-name-body img {
    -o-object-fit: cover !important;
       object-fit: cover !important;
    border-style: unset !important;
    border-width: unset !important;
    height: unset !important;
    width: unset !important;
  }
}

.region--content ul {
  margin-bottom: 1rem;
  padding-left: 1rem;
}

.region--content ul li {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9wJAwgfNSN3IG4AAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAARZJREFUGNONkb9LAnEAR99d53l3aah1EU0FDUKjU+gUQX9mkNRgQTRkv6DagginiLbWCrXzR3y9r3qf/gXf/HjLgwVxJGkR0V206I2ACFiyBswP+IAfgAHCErgwQzCUJI3Uu2mpfdjQcSXSyWas04O6xrdn0ngoZVb8qaes86RmdVsXHnqOQ7U8dFkp6CqOZd4+JGvlRpnH5+Mr4feYnKCfm+JuRaSuRb8D3l86YCweacbYDDGhWCeP7aXYZIa3GtLPizBJQMJjPiFa9nACGCQpxTyUXEi7hpUcBHEZXOESFdhp7DNbKZP4kK7l+XIgK/rMnIDqXg0KAXQlaT5Vdnet+1pN56D2Rqyj+q6Sh6aUTZTJauEz/2I5m3IFPKZ6AAAAAElFTkSuQmCC");
}

.region--content ol {
  margin-bottom: 1rem;
  padding-left: 1rem;
  list-style-type: decimal;
}

.region--content iframe {
  max-width: 100%;
}

@media (min-width: 769px) {
  body.sidebar-first .content-container {
    width: 63.88888889%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
    margin-left: 9.72222222%;
  }
  body.no-sidebars .content-container {
    width: 97.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
}

@media (min-width: 0) and (max-width: 768px) {
  body.front .region--hp-triptych .region-inner {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

.region--hp-triptych .region-inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

@media (min-width: 0) and (max-width: 768px) {
  .region--hp-triptych .region-inner {
    flex-wrap: wrap;
    width: 91.66666667%;
    float: left;
    margin-left: 4.16666667%;
    margin-right: 4.16666667%;
  }
  .region--hp-triptych .region-inner > nav,
  .region--hp-triptych .region-inner > div {
    width: 100%;
  }
  .region--hp-triptych .region-inner > :first-child {
    border-bottom: 1px solid #821814;
    padding-bottom: 1.75rem;
    margin-bottom: 3%;
  }
}

@media (min-width: 769px) {
  .region--hp-triptych .region-inner {
    width: 97.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .region--hp-triptych .region-inner > :first-child,
  .region--hp-triptych .region-inner > :last-child {
    width: 23%;
  }
  .region--hp-triptych .region-inner > :first-child,
  .region--hp-triptych .region-inner > :nth-child(2) {
    border-right: 1px solid #821814;
    padding-right: 3%;
  }
  .region--hp-triptych .region-inner > :nth-child(2) {
    width: 48%;
  }
}

.banner-wrapper {
  overflow: hidden;
  margin-bottom: 1rem;
}

.header-bottom-wrapper {
  position: relative;
  background-color: #DADADA;
}

.is-sticky .header-bottom-wrapper {
  position: fixed;
  top: 80px;
  width: 100%;
  z-index: 99;
}

@media (min-width: 0) and (max-width: 768px) {
  .region--sidebar-first {
    width: 91.66666667%;
    float: left;
    margin-left: 4.16666667%;
    margin-right: 4.16666667%;
  }
}

@media (min-width: 769px) {
  body.sidebar-first .region--sidebar-first {
    width: 22.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
}

.bg--black {
  background-color: #000;
}

.bg--white {
  background-color: #fff;
}

.bg--fx--red {
  background-color: #ff0000;
}

.bg--fx--yellow {
  background-color: #fcf500;
}

.bg--fx--green {
  background-color: #8dc63f;
}

.bg--red {
  background-color: #821814;
}

.bg--green {
  background-color: #21BA45;
}

.bg--turquoise {
  background-color: #00B5AD;
}

.bg--blue {
  background-color: #2185D0;
}

.bg--purple {
  background-color: #A333C8;
}

.bg--grey-darkest {
  background-color: #575756;
}

.bg--grey {
  background-color: #878787;
}

.bg--grey-light {
  background-color: #DADADA;
}

.bg--grey-lighter {
  background-color: #E3E3DE;
}

.bg--$grey-lightest {
  background-color: #F3F3F3;
}

.fg--black {
  color: #000;
}

.hv--black:hover {
  color: #000;
}

svg.fg--black {
  fill: #000;
}

.fg--white {
  color: #fff;
}

.hv--white:hover {
  color: #fff;
}

svg.fg--white {
  fill: #fff;
}

.fg--fx--red {
  color: #ff0000;
}

.hv--fx--red:hover {
  color: #ff0000;
}

svg.fg--fx--red {
  fill: #ff0000;
}

.fg--fx--yellow {
  color: #fcf500;
}

.hv--fx--yellow:hover {
  color: #fcf500;
}

svg.fg--fx--yellow {
  fill: #fcf500;
}

.fg--fx--green {
  color: #8dc63f;
}

.hv--fx--green:hover {
  color: #8dc63f;
}

svg.fg--fx--green {
  fill: #8dc63f;
}

.fg--red {
  color: #821814;
}

.hv--red:hover {
  color: #821814;
}

svg.fg--red {
  fill: #821814;
}

.fg--green {
  color: #21BA45;
}

.hv--green:hover {
  color: #21BA45;
}

svg.fg--green {
  fill: #21BA45;
}

.fg--turquoise {
  color: #00B5AD;
}

.hv--turquoise:hover {
  color: #00B5AD;
}

svg.fg--turquoise {
  fill: #00B5AD;
}

.fg--blue {
  color: #2185D0;
}

.hv--blue:hover {
  color: #2185D0;
}

svg.fg--blue {
  fill: #2185D0;
}

.fg--purple {
  color: #A333C8;
}

.hv--purple:hover {
  color: #A333C8;
}

svg.fg--purple {
  fill: #A333C8;
}

.fg--grey-darkest {
  color: #575756;
}

.hv--grey-darkest:hover {
  color: #575756;
}

svg.fg--grey-darkest {
  fill: #575756;
}

.fg--grey {
  color: #878787;
}

.hv--grey:hover {
  color: #878787;
}

svg.fg--grey {
  fill: #878787;
}

.fg--grey-light {
  color: #DADADA;
}

.hv--grey-light:hover {
  color: #DADADA;
}

svg.fg--grey-light {
  fill: #DADADA;
}

.fg--grey-lighter {
  color: #E3E3DE;
}

.hv--grey-lighter:hover {
  color: #E3E3DE;
}

svg.fg--grey-lighter {
  fill: #E3E3DE;
}

.fg--$grey-lightest {
  color: #F3F3F3;
}

.hv--$grey-lightest:hover {
  color: #F3F3F3;
}

svg.fg--$grey-lightest {
  fill: #F3F3F3;
}

.clearfix::after {
  clear: both;
  content: "";
  display: block;
}

.container {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}

.container:after {
  content: " ";
  display: block;
  clear: both;
}

.clear-container {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}

.clear-container:after {
  content: " ";
  display: block;
  clear: both;
}

.clear-container:after {
  content: none;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.clear-both {
  clear: both;
}

.flex {
  display: -webkit-box;
  display: flex;
}

.items-center {
  -webkit-box-align: center;
          align-items: center;
}

.justify-center {
  -webkit-box-pack: center;
          justify-content: center;
}

@media (min-width: 0) and (max-width: 768px) {
  [class*="span--"] {
    width: 91.66666667%;
    float: left;
    margin-left: 4.16666667%;
    margin-right: 4.16666667%;
  }
  [class*="n-span--"] {
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}

@media (min-width: 769px) {
  .span--1 {
    width: 5.55555556%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .span--2 {
    width: 13.88888889%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .span--3 {
    width: 22.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .span--4 {
    width: 30.55555556%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .span--5 {
    width: 38.88888889%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .span--6 {
    width: 47.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .span--7 {
    width: 55.55555556%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .span--8 {
    width: 63.88888889%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .span--9 {
    width: 72.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .span--10 {
    width: 80.55555556%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .span--11 {
    width: 88.88888889%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .span--12 {
    width: 97.22222222%;
    float: left;
    margin-left: 1.38888889%;
    margin-right: 1.38888889%;
  }
  .n-span--1 {
    width: 5.71428571%;
    float: left;
    margin-right: 2.85714286%;
  }
  .n-span--2 {
    width: 14.28571429%;
    float: left;
    margin-right: 2.85714286%;
  }
  .n-span--3 {
    width: 22.85714286%;
    float: left;
    margin-right: 2.85714286%;
  }
  .n-span--4 {
    width: 31.42857143%;
    float: left;
    margin-right: 2.85714286%;
  }
  .n-span--5 {
    width: 40%;
    float: left;
    margin-right: 2.85714286%;
  }
  .n-span--6 {
    width: 48.57142857%;
    float: left;
    margin-right: 2.85714286%;
  }
  .n-span--7 {
    width: 57.14285714%;
    float: left;
    margin-right: 2.85714286%;
  }
  .n-span--8 {
    width: 65.71428571%;
    float: left;
    margin-right: 2.85714286%;
  }
  .n-span--9 {
    width: 74.28571429%;
    float: left;
    margin-right: 2.85714286%;
  }
  .n-span--10 {
    width: 82.85714286%;
    float: left;
    margin-right: 2.85714286%;
  }
  .n-span--11 {
    width: 91.42857143%;
    float: left;
    margin-right: 2.85714286%;
  }
  .n-span--12 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
  }
  .n-span--last {
    margin-right: 0;
  }
  .push--1 {
    margin-left: 9.72222222%;
  }
  .push--2 {
    margin-left: 18.05555556%;
  }
  .push--3 {
    margin-left: 26.38888889%;
  }
  .push--4 {
    margin-left: 34.72222222%;
  }
  .push--5 {
    margin-left: 43.05555556%;
  }
  .push--6 {
    margin-left: 51.38888889%;
  }
  .push--7 {
    margin-left: 59.72222222%;
  }
  .push--8 {
    margin-left: 68.05555556%;
  }
  .push--9 {
    margin-left: 76.38888889%;
  }
  .push--10 {
    margin-left: 84.72222222%;
  }
  .push--11 {
    margin-left: 93.05555556%;
  }
  .push--12 {
    margin-left: 101.38888889%;
  }
}

.font--xs {
  font-size: 0.5rem;
}

.font--ssm {
  font-size: 0.75rem;
}

.font--sm {
  font-size: 0.875rem;
}

.font--rg {
  font-size: 1rem;
}

.font--md {
  font-size: 1.125rem;
}

.font--lg {
  font-size: 1.75rem;
}

.font--xl {
  font-size: 3.125rem;
}

.font--xxl {
  font-size: 4.209rem;
}

.weight--wt--light {
  font-weight: 200;
}

.weight--wt--regular {
  font-weight: 300;
}

.weight--wt--bold {
  font-weight: 600;
}

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

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

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

.text--upper {
  text-transform: uppercase;
}

.p--0 {
  padding: 0;
}

.p--xs {
  padding: 0.5rem;
}

.p--ssm {
  padding: 0.75rem;
}

.p--sm {
  padding: 0.875rem;
}

.p--rg {
  padding: 1rem;
}

.p--md {
  padding: 1.125rem;
}

.p--lg {
  padding: 1.75rem;
}

.p--xl {
  padding: 3.125rem;
}

.p--xxl {
  padding: 4.209rem;
}

.px--xs {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px--ssm {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px--sm {
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}

.px--rg {
  padding-left: 1rem;
  padding-right: 1rem;
}

.px--md {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}

.px--lg {
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}

.px--xl {
  padding-left: 3.125rem;
  padding-right: 3.125rem;
}

.px--xxl {
  padding-left: 4.209rem;
  padding-right: 4.209rem;
}

.py--xs {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py--ssm {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py--sm {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.py--rg {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py--md {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}

.py--lg {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.py--xl {
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}

.py--xxl {
  padding-top: 4.209rem;
  padding-bottom: 4.209rem;
}

.pt--xs {
  padding-top: 0.5rem;
}

.pt--ssm {
  padding-top: 0.75rem;
}

.pt--sm {
  padding-top: 0.875rem;
}

.pt--rg {
  padding-top: 1rem;
}

.pt--md {
  padding-top: 1.125rem;
}

.pt--lg {
  padding-top: 1.75rem;
}

.pt--xl {
  padding-top: 3.125rem;
}

.pt--xxl {
  padding-top: 4.209rem;
}

.pr--0 {
  padding-right: 0;
}

.pr--xs {
  padding-right: 0.5rem;
}

.pr--ssm {
  padding-right: 0.75rem;
}

.pr--sm {
  padding-right: 0.875rem;
}

.pr--rg {
  padding-right: 1rem;
}

.pr--md {
  padding-right: 1.125rem;
}

.pr--lg {
  padding-right: 1.75rem;
}

.pr--xl {
  padding-right: 3.125rem;
}

.pr--xxl {
  padding-right: 4.209rem;
}

.pb--xs {
  padding-bottom: 0.5rem;
}

.pb--ssm {
  padding-bottom: 0.75rem;
}

.pb--sm {
  padding-bottom: 0.875rem;
}

.pb--rg {
  padding-bottom: 1rem;
}

.pb--md {
  padding-bottom: 1.125rem;
}

.pb--lg {
  padding-bottom: 1.75rem;
}

.pb--xl {
  padding-bottom: 3.125rem;
}

.pb--xxl {
  padding-bottom: 4.209rem;
}

.pl--0 {
  padding-left: 0;
}

.pl--xs {
  padding-left: 0.5rem;
}

.pl--ssm {
  padding-left: 0.75rem;
}

.pl--sm {
  padding-left: 0.875rem;
}

.pl--rg {
  padding-left: 1rem;
}

.pl--md {
  padding-left: 1.125rem;
}

.pl--lg {
  padding-left: 1.75rem;
}

.pl--xl {
  padding-left: 3.125rem;
}

.pl--xxl {
  padding-left: 4.209rem;
}

.m--0 {
  margin: 0;
}

.m--xs {
  margin: 0.5rem;
}

.m--ssm {
  margin: 0.75rem;
}

.m--sm {
  margin: 0.875rem;
}

.m--rg {
  margin: 1rem;
}

.m--md {
  margin: 1.125rem;
}

.m--lg {
  margin: 1.75rem;
}

.m--xl {
  margin: 3.125rem;
}

.m--xxl {
  margin: 4.209rem;
}

.mx--xs {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.mx--ssm {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.mx--sm {
  margin-left: 0.875rem;
  margin-right: 0.875rem;
}

.mx--rg {
  margin-left: 1rem;
  margin-right: 1rem;
}

.mx--md {
  margin-left: 1.125rem;
  margin-right: 1.125rem;
}

.mx--lg {
  margin-left: 1.75rem;
  margin-right: 1.75rem;
}

.mx--xl {
  margin-left: 3.125rem;
  margin-right: 3.125rem;
}

.mx--xxl {
  margin-left: 4.209rem;
  margin-right: 4.209rem;
}

.my--xs {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.my--ssm {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.my--sm {
  margin-top: 0.875rem;
  margin-bottom: 0.875rem;
}

.my--rg {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.my--md {
  margin-top: 1.125rem;
  margin-bottom: 1.125rem;
}

.my--lg {
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

.my--xl {
  margin-top: 3.125rem;
  margin-bottom: 3.125rem;
}

.my--xxl {
  margin-top: 4.209rem;
  margin-bottom: 4.209rem;
}

.mt--0 {
  margin-top: 0;
}

.mt--xs {
  margin-top: 0.5rem;
}

.mt--ssm {
  margin-top: 0.75rem;
}

.mt--sm {
  margin-top: 0.875rem;
}

.mt--rg {
  margin-top: 1rem;
}

.mt--md {
  margin-top: 1.125rem;
}

.mt--lg {
  margin-top: 1.75rem;
}

.mt--xl {
  margin-top: 3.125rem;
}

.mt--xxl {
  margin-top: 4.209rem;
}

.mr--xs {
  margin-right: 0.5rem;
}

.mr--ssm {
  margin-right: 0.75rem;
}

.mr--sm {
  margin-right: 0.875rem;
}

.mr--rg {
  margin-right: 1rem;
}

.mr--md {
  margin-right: 1.125rem;
}

.mr--lg {
  margin-right: 1.75rem;
}

.mr--xl {
  margin-right: 3.125rem;
}

.mr--xxl {
  margin-right: 4.209rem;
}

.mb--0 {
  margin-bottom: 0;
}

.mb--xs {
  margin-bottom: 0.5rem;
}

.mb--ssm {
  margin-bottom: 0.75rem;
}

.mb--sm {
  margin-bottom: 0.875rem;
}

.mb--rg {
  margin-bottom: 1rem;
}

.mb--md {
  margin-bottom: 1.125rem;
}

.mb--lg {
  margin-bottom: 1.75rem;
}

.mb--xl {
  margin-bottom: 3.125rem;
}

.mb--xxl {
  margin-bottom: 4.209rem;
}

.ml--xs {
  margin-left: 0.5rem;
}

.ml--ssm {
  margin-left: 0.75rem;
}

.ml--sm {
  margin-left: 0.875rem;
}

.ml--rg {
  margin-left: 1rem;
}

.ml--md {
  margin-left: 1.125rem;
}

.ml--lg {
  margin-left: 1.75rem;
}

.ml--xl {
  margin-left: 3.125rem;
}

.ml--xxl {
  margin-left: 4.209rem;
}

.clean-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.inline-list li {
  display: inline-block;
}

.flex-element {
  display: -webkit-box;
  display: flex;
}

.flex--justify-between {
  -webkit-box-pack: justify;
          justify-content: space-between;
}

.flex--justify-end {
  -webkit-box-pack: end;
          justify-content: flex-end;
}

.flex--align-center {
  -webkit-box-align: center;
          align-items: center;
}

.flex--1 {
  -webkit-box-flex: 1;
          flex: 1;
}

@media (min-width: 992px) {
  .flex-row {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    flex-wrap: wrap;
  }
}

.tablet-up {
  display: none;
}

.large-up {
  display: none;
}

.contact--sidebar.mobile-only {
  display: -webkit-box;
  display: flex;
}

@media (min-width: 769px) {
  .tablet-up {
    display: block;
  }
}

@media (min-width: 769px) {
  .mobile-only,
  .contact--sidebar.mobile-only {
    display: none;
  }
}

@media (min-width: 992px) {
  .large-up {
    display: block;
  }
}

.zi--z--header {
  z-index: 10;
}

.zi--z--navigation {
  z-index: 20;
}

.zi--z--detail {
  z-index: 30;
}

.zi--z--overlay {
  z-index: 40;
}

.zi--z--urgent {
  z-index: 100;
}

.overflow-hidden {
  overflow: hidden;
}

/*
 * Back to top button
 */

 .back-top-button {
  position: fixed;
  bottom: 2%;
  right: 1%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #172242;
  opacity: 0;
  transition: all 0.5s ease;
  visibility: hidden;
  z-index: 10;
}

.back-top-button.visible {
  opacity: 1;
  visibility: visible;
}

.back-top-button i {
  font-size: 1.125em;
}

@media (min-width: 0) and (max-width: 768px) {
  .back-top-button {
    right: 10%;
  }
}