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

html {
  font-size: 100%;
  background: #333;
  overflow-x: hidden;
}

/* Add your style below */


:root {
  --color-primary:        var(--var-color-primary);
  --color-secondary:      var(--var-color-secondary);
  --color-tertiary:       var(--var-color-tertiary);
  --color-accent:         var(--var-color-accent);
  --color-heading:        var(--var-color-heading);
  --color-text-primary:   var(--var-color-text-primary);
  --color-text-secondary: var(--var-color-text-secondary);
  --color-active-site:    var(--var-color-active-site);

  --background-primary:   var(--var-background-primary);
  --background-secondary: var(--var-background-secondary);
  --background-accent:    var(--var-background-accent);
  --background-footer:    var(--var-background-footer);

  --animate-duration: 350ms;
  --animate-delay: 1s;

  --max-width: 1680px;
  --max-width-pad: 70px;

  --site-color-redhouse: #016563;
  --site-color-bobtrollop: #013565;
  --site-color-offshore: #004654;

  --font-body:    'Montserrat', sans-serif;
  --font-text:    'Poppins', sans-serif;
  --font-button:  'Oswald', sans-serif;
  --font-heading: 'Montserrat', sans-serif;
  --font-link:    'Manrope', sans-serif;
}

h1,
h2,
h3 {
  font-family: var(--font-heading);
  font-weight: 700;
  line-height: 50px;
}

body {
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  max-width: 1920px;
  margin: auto;
  /* background: #fff; */
  background: #292929;
  overflow-x: hidden;
}

h1 {
  font-size: 7em;
  font-weight: 700;
  font-family: var(--font-heading);
  line-height: 80px;
  text-transform: uppercase;
}

h3 {
  font-size: 4em;
  color: #fff;
  margin: 0;
}

h4 {
  font-size: 3em;
}

p {
  font-family: var(--font-text);
  font-size: 1.7em;
  font-weight: 400;
  margin: 0;
}

a {
  text-decoration: none;
  color: var(--color-text-primary);
}

a:hover {
  color: var(--color-primary);
}

button {
  font-family: var(--font-button);
  font-weight: 700;
  text-decoration: none;
}

header,
main,
footer {
  font-size: 62.5%;
}

@media screen and (max-width: 1100px) {
  :root {
    --max-width-pad: 40px;
  }
}

@media screen and (max-width: 800px) {
  h1 {
    font-size: 5em;
  }
}

@media screen and (max-width: 768px) {
  :root {
    --max-width-pad: 90px;
  }

  h1 {
    font-size: 4.5em;
    line-height: 55px;
  }
}

@media screen and (max-width: 767px) {
  :root {
    --max-width-pad: 100px;
  }
}

@media screen and (max-width: 620px) {
  :root {
    --max-width-pad: 50px;
  }
}

@media screen and (max-width: 480px) {
  h1 {
    font-size: 4.5em;
    line-height: 55px;
  }

  h2 {
    font-size: 2.6em;
    line-height: 45px;
  }
}

@media screen and (max-width: 400px) {
  :root {
    --max-width-pad: 20px;
  }

  body {
    line-height: 1.5;
  }
}

@media screen and (max-width: 375px) {
  h1 {
    font-size: 4em;
    line-height: 40px;
  }
}











/* Body wrapper */

.bob-tollop .lnx-logo {
  margin-top: 15px;
}









/* Header */

.lnx-header__wrapper {
  padding: 3.2em 0;
  z-index: 10;
  position: absolute;
  width: 100%;
  top: 0;
}

.lnx-header__container {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 3fr;
}

.lnx-logo__wrapper a {
  display: inline-block;
}

.lnx-logo {
  max-height: 12em;
  max-width: 16rem;
}

.lnx-header-menu {
  display: flex;
  padding-left: 0;
  list-style: none;column-gap: 6em;
}

.lnx-header-menu .menu-item a {
  color: #fff;
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 2em;
  text-transform: uppercase;
}

.current_page_item a,
.lnx-header-menu .menu-item:hover a {
  border-bottom: 6px solid var(--color-primary);
  color: var(--color-primary);
  transition: all 0.2s ease;
}

.lnx-header-menu .menu-item.current_page_item a {
  color: var(--color-primary);
}

.lnx-nav__btn {
  display: none;
  position: relative;
  width: 3rem;
}

.lnx-nav__btn span {
  display: block;
  border: 2px solid #fff;
  margin: 8px 0;
  width: 100%;
  border-radius: 1px;
  background-color: #fff;
  transition: all 0.3s ease-in-out;
}

.lnx-nav__container.mobile {
  transform: translateX(0px);
  transition: transform 0.3s ease-in-out;
}

.lnx-nav__btn.close span {
  border-color: var(--color-text-primary);
  margin: 0;
}

.lnx-nav__btn.close span:nth-child(1),
.lnx-nav__btn.close span:nth-child(3) {
  position: absolute;
}

.lnx-nav__btn.close span:nth-child(1) {
  transform: rotate(45deg);
  transition: transform 0.3s ease-in-out;
}

.lnx-nav__btn.close span:nth-child(3) {
  transform: rotate(-45deg);
  transition: transform 0.3s ease-in-out;
}

.lnx-nav__btn.close span:nth-child(2) {
  display: none;
}

.lnx-logo__mobile {
  display: none;
}

@media screen and (max-width: 800px) {
  .lnx-nav__container {
	min-height: 100vh;
    position: absolute;
    top: 0;
    width: 100%;
    /* background: #fff; */
	background: #292929;
    left: 0;
    padding: 14em var(--max-width-pad) 5em;
    z-index: -1;
	text-align: center;
    transform: translateX(800px);
    transition: transform 0.3s ease-in-out;
  }

  .lnx-header-menu {
    flex-direction: column;
    row-gap: 2em;
    margin-top: 50px;
  }

  .lnx-header-menu .menu-item a {
    color: var(--color-text-primary);
  }

  .lnx-nav__btn {
    display: block;
  }

  .lnx-logo {
    height: auto;
    max-width: 200px;
  }
}









/* Hero */
.hero--beer .lnx-hero__container{
  height:60em !important;
}

.page-id-668 .lnx-brand__wrapper{
  display:none !important;
}
.page-id-668 .tw-widget p {
    margin: 0 0 10px;
    font-size: 1em;
}
.page-id-668 .tw-widget, .page-id-668 .tw-widget h1, .page-id-668 .tw-widget h2, .page-id-668 .tw-widget h3, .page-id-668 .tw-widget h4 {
    font-size: 16px;
    font-family: inherit;
    color: #333839;
    color: #ffffff;
}

.lnx-hero__container {
  height: 80em;
  width: 100%;
  top: 0;
  z-index: -1;
}

.lnx-hero__content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  flex-direction: column;
  row-gap: 4em;
}

.lnx-hero__title {
  text-align: center;
  color: #fff;
}

.lnx-hero__title h1 {
  margin: 0;
}

.lnx-hero__subtitle {
  line-height: 27px;
}

.lnx-hero__subtitle p {
  color: #fff;
  font-family: var(--font-button);
  font-weight: 400;
  display: flex;
  align-items: center;
  letter-spacing: 5px;
  font-size: 3.4em;
}

.lnx-hero__subtitle span {
  padding: 0 8px;
}

.lnx-hero__subtitle span:not(:nth-child(2)) {
  font-size: 1.8em;
}

@media screen and (max-width: 1200px) {
  .lnx-hero__container {
    height: 95em;
  }

  .lnx-hero__content {
    padding-top: 10em;
  }
}

@media screen and (max-width: 480px) {
  .lnx-hero__subtitle p {
    font-size: 2.5em;
  }
}











/* Embed */

.lnx-embed__wrapper {
  line-height: 0;
}










/* Brand logo */

.lnx-brand__wrapper {
  background: var(--background-accent);
}

.lnx-brand__wrapper .lnx-container {
  max-width: 1920px;
  padding-left: 2em;
  padding-right: 2em;
}

.lnx-brand__container {
  display: grid;
  justify-items: center;
  align-items: center;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 2em;
  padding: 2em 0;
  height: 6rem;
}

.lnx-brand__image {
  padding: 1.9em 2.4em;
  background: #fff;
  width: 100%;
  text-align: center;
  border-radius: 5px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lnx-brand__container .brand__redhouse:hover {
  background: var(--site-color-redhouse);
  transition: all 0.2s ease-in-out;
}

.lnx-brand__container .brand__bob:hover {
  background: var(--site-color-bobtrollop);
  transition: all 0.2s ease-in-out;
}

.lnx-brand__container .brand__offshore:hover {
  background: var(--site-color-offshore);
  transition: all 0.2s ease-in-out;
}

.lnx-brand__image > a {
  height: 100%;
  width: 100%;
  max-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lnx-brand__image.active {
  background: var(--color-active-site);
}

.lnx-brand__image:last-child img {
  height: 4em;
}

.lnx-brand__image img {
  height: 2.7em;
}

.site__nav {
  height: 100%;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .lnx-brand__container {
    grid-template-columns: 1fr;
    row-gap: 2em;
    height: auto;
  }

  .lnx-brand__image {
    height: 7em;
  }
}










/* Gallery */

.lnx-gallery__container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.lnx-gallery__item {
  position: relative;
  overflow: hidden;
  height: 30rem;
}

.lnx-gallery__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lnx-gallery__overlay {
  visibility: visible;
  height: 100%;
  width: 100%;
  background: rgb(0 0 0 / 24%);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.lnx-gallery__item:hover .lnx-gallery__overlay {
  background: #022828b7;
}

.lnx-gallery__overlay h3 {
  margin-bottom: 20px;
}

.lnx-gallery__link {
  background: var(--color-primary);
  bottom: 40px;
  color: #fff;
  font-size: 2em;
  font-weight: 700;
  padding: 12px 40px;
  cursor: default;
  border-radius: 30px;
}
a.lnx-gallery__link.link--2 {
    font-size: 20px;
    margin-top: 40px;
    display: inline-block;
}
.lnx-gallery__link:hover {
  color: var(--color-primary);
  background: var(--color-text-primary);
}

@media screen and (max-width: 768px) {
  .lnx-gallery__container {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 375px) {
  .lnx-gallery__link {
    bottom: 10px;
    font-size: 2em;
    padding: 10px 40px;
  }
}









/* Card */

.lnx-card__wrapper {
  /* background: url(../images/bg-pattern.jpg); */
  background: url(/wp-content/uploads/2022/12/bg-pattern_grey-2.jpg);
}

.lnx-card__content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 3em;
  row-gap: 3em;
}

.lnx-card__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lnx-card__image {
  text-align: center;
}

.lnx-card__image img {
  width: 70%;
}

.lnx-card__body {
  padding: 5em 0;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.lnx-card__body:nth-child(1) {
  background: var(--color-tertiary);
}

.lnx-card__body:nth-child(2) {
  background: var(--color-accent);
}

.lnx-card__body:nth-child(3) {
  background: var(--color-secondary);
}
.lnx-card__body:nth-child(4) {
  background: var(--color-accent);
}
.lnx-card__body:nth-child(5) {
  background: var(--color-secondary);
}
.lnx-card__body:nth-child(6) {
  background: var(--color-tertiary);
}

.lnx-card__text p,
.lnx-card__text h3 {
  font-family: var(--font-heading);
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  cursor: default;
}

.lnx-card__text p {
  color: var(--color-primary);
  font-size: 1.6em;
  margin: 0.5em 0;
}

.lnx-card__text h3 {
  font-size: 2.5em;
  margin: 0;
  color: var(--color-text-primary);
}

.lnx-drinks .lnx-card__image img {
  width: auto;
  height:250px;
}

.lnx-drinks .lnx-card__container {
  margin-top: 0;
}

.lnx-archive-list .lnx-card__container {
  margin-bottom: 0;
}

.lnx-card__archive-link a {
  align-items: center;
  color: var(--color-primary);
  display: flex;
  font-family: var(--font-link);
  font-size: 2.4em;
  font-weight: 700;
  justify-content: space-between;
  text-transform: uppercase;
}

.lnx-card__archive-link:hover .lnx-card__archive-arrow {
  width: 35px;
  transition: all 0.2s ease-in-out;
}

.lnx-card__archive-arrow {
  width: 30px;
  height: 20px;
  margin-left: 0.8em;
}

@media screen and (max-width: 991px) {
  .lnx-card__content {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 768px) {
  .lnx-card__content {
    grid-template-columns: 1fr;
  }

  .lnx-card__title {
    flex-direction: column;
    row-gap: 3em;
  }
}








/* Regular Content */

.lnx-title {
  border: 2px dashed var(--color-primary);
  padding: 0.5em;
  border-radius: 0.3em;
  color: var(--color-primary);
  width: fit-content;
  font-size: 4em;
  text-transform: capitalize;
  margin: 0;
}

.lnx-regular-content__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.lnx-regular-content__title h2 {
  margin-top: 0;
}

.lnx-regular-content__text p:not(:last-child) {
  margin-bottom: 1em;
}

.lnx-regular-content__wrapper p,
.lnx-regular-content__wrapper ul {
  font-size: 1.7em;
}

.privacy_policy .lnx-regular-content__container {
  text-align: left;
  width: 60%;
}

@media screen and (max-width: 800px) {
  .privacy_policy .lnx-regular-content__container {
    width: 100%;
  }
}










/* Image left */

.lnx-img-left__wrapper {
  /* background: url(../images/bg-pattern.jpg); */
  background: url(/wp-content/uploads/2022/12/bg-pattern_grey-2.jpg);
}

.lnx-img-left__container {
  display: grid;
  grid-template-columns: 50% auto;
  column-gap: 4em;
  padding: 11em 0;
  justify-items: center;
  align-items: center;
}

.lnx-img-left__image img {
  width: 100%;
  height: 100%;
}

.lnx-img-left__text p:not(:last-child) {
  margin-bottom: 1.5em;
}

@media screen and (max-width: 800px) {
  .lnx-img-left__container {
    grid-template-columns: 1fr;
  }

  .lnx-img-left__image {
    margin-bottom: 3em;
  }
}










/* Form */

.lnx-form__wrapper .lnx-container {
  padding-left: 20em;
  padding-right: 20em;
}

.lnx-form__container {
  display: grid;
  grid-template-columns: 40% auto;
  column-gap: 5em;
}

.lnx-form__text p {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 1.8em;
}

.lnx-form__title h2 {
  margin-top: 0.5em;
}

@media screen and (max-width: 800px) {
  .lnx-form__container {
    grid-template-columns: 1fr;
  }

  .lnx-form__form {
    margin-top: 3em;
  }
}

@media screen and (max-width: 1270px) {
  .lnx-form__wrapper .lnx-container {
    padding-left: var(--max-width-pad);
    padding-right: var(--max-width-pad);
  }
}










/* Footer */

.lnx-footer__hours {
  text-align: right;
}

.lnx-footer__wrapper {
  background: var(--background-footer);
}

.lnx-footer__container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: flex-start;
  justify-items: center;
  padding: 6em 0;
}

.lnx-footer__container h2 {
  margin-bottom: 2em;
}

.lnx-footer__container p,
.lnx-footer__container li,
.lnx-footer__container h2 {
  font-family: var(--font-heading);
  font-size: 1.8em;
}

.lnx-footer__container p,
.lnx-footer__container li {
  font-weight: 400;
  line-height: 40px;
}

.lnx-footer-logo {
  width: 100%;
  max-height: 200px;
}

.lnx-hours__wrapper {
  list-style: none;
  padding-left: 0;
}

.lnx-copy__container {
  display: grid;
  grid-template-columns: 20% auto 20%;
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  padding: 1.5em 0;
  background: #000000;
}

.lnx-footer-menu {
  list-style: none;
  padding-left: 0;
  display: flex;
  column-gap: 5em;
}

.lnx-footer-menu a,
.lnx-copy__text p {
  font-family: var(--font-link);
  font-weight: 400;
  font-size: 1.8em;
  color: var(--color-text-secondary);
  /* opacity: 0.6; */
}

.lnx-copy__social {
  display: flex;
  align-items: center;
  column-gap: 1em;
}

.social-icons {
  width: 2em;
  height: 2em;
  display: block;
}

@media screen and (max-width: 800px) {
  .lnx-footer__container,
  .lnx-copy__container {
    grid-template-columns: 1fr;
  }

  .lnx-footer-menu {
    flex-direction: column;
  }

  .lnx-copy__container {
    row-gap: 2em;
    padding-bottom: 2.5em;
  }

  .lnx-footer__logo {
    margin-bottom: 2em;
    grid-row: 1;
  }

  .lnx-footer__logo.lnx-grid--align-self__center,
  .lnx-footer__hours.lnx-flex--justify-self__end,
  .lnx-copy__nav.lnx-grid--justify-self__center,
  .lnx-copy__social.lnx-grid--justify-self__end {
    justify-self: start;
  }

  .lnx-footer__hours {
    text-align: left;
  }

  .lnx-copy__text {
    grid-row: 3;
  }

  .lnx-footer-logo {
    width: 15em;
    height: 15em;
  }
}









/* Button */

.lnx-btn {
  padding: 0.7em 3em;
  font-family: var(--font-link);
  font-weight: 700;
  font-size: 2em;
  border-radius: 8em;
  text-transform: uppercase;
  display: inline-block;
}

.lnx-btn__primary {
  background: var(--color-primary);
  color: #fff;
}

.lnx-btn__primary:hover,
.lnx-btn--submit:hover {
  background: var(--color-text-primary);
  color: var(--color-primary);
}

.lnx-btn--submit {
  padding: 0.7em 2em;
  font-family: var(--font-link);
  font-weight: 700;
  font-size: 1em;
  border-radius: 8em;
  display: inline-block;
  background: var(--color-primary);
  color: #fff;
}

.lnx-btn__load-more {
  margin-top: 3em;
}









/* Input fields */

.lnx-form-field {
  font-size: 2.1em;
  margin: 1em 0;
}

.lnx-field {
  width: 100%;
  outline: 0;
  height: 3em;
  background: var(--background-secondary);
  border-radius: 5px;
  border: 0;
  padding: 0 1em;
}

textarea.lnx-field {
  padding: 1em;
  height: 8em;
}

::placeholder {
  color: #414141;
  opacity: 0.6;
}

input[type="submit"] {
  border: 0;
}

.wpcf7 form .wpcf7-response-output {
  margin-top: 9em;
}

@media screen and (max-width: 769px) {
  .wpcf7 {
    width: 100%;
  }

  .lnx-form-field {
    margin: 2em 0;
  }
}










/* Text */

.lnx-text--white {
  color: white;
}

.lnx-text-color--primary {
  color: var(--color-primary);
}

.lnx-text-color--secondary {
  color: var(--color-secondary);
}

.lnx-text--center {
  text-align: center;
}

.lnx-text--left {
  text-align: left;
}









/* Miscellaneous */

.lnx-visible--hidden {
  visibility: hidden;
}

.lnx-visible--display {
  visibility: visible;
}

.lnx-display--none {
  display: none;
}

.lnx-float--right {
  float: right;
}

.lnx-float--left {
  float: left;
}









/* Bacground */

.lnx-bg--primary {
  background: var(--color-primary);
}

.lnx-bg--secondary {
  background: var(--color-secondary);
}









/* 404 page */

.lnx-not--found__wrapper {
  align-items: center;
  display: grid;
  height: 100vh;
  justify-items: center;
  width: 100vw;
}

.lnx-not--found__inner {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 3em;
  font-weight: 500;
  text-transform: uppercase;
  color: #333;
}








/* Default container */

.lnx-body--wrapper {
  position: relative;
  overflow: hidden;
}

.lnx-container {
  width: 100%;
  height: 100%;
  margin: auto;
  padding-left: var(--max-width-pad);
  padding-right: var(--max-width-pad);
  z-index: 10;
}

@media screen and (min-width: 1270px) {
  .lnx-container {
    max-width: var(--max-width);
  }
}

@media screen and (max-width: 1024px) {
  .lnx-container {
    max-width: calc(var(--max-width) - (250px - var(--max-width-pad)));
  }
}

@media screen and (max-width: 768px) {
  .lnx-container {
    max-width: calc(var(--max-width) - (580px - var(--max-width-pad)));
  }
}

@media screen and (max-width: 480px) {
  .lnx-container {
    max-width: calc(var(--max-width) - (780px - var(--max-width-pad)));
  }
}

@media screen and (max-width: 425px) {
  .lnx-container {
    max-width: calc(var(--max-width) - (815px - var(--max-width-pad)));
  }
}

@media screen and (max-width: 390px) {
  .lnx-container {
    max-width: calc(var(--max-width) - (865px - var(--max-width-pad)));
  }
}

@media screen and (max-width: 375px) {
  .lnx-container {
    max-width: calc(var(--max-width) - (875px - var(--max-width-pad)));
  }
}

@media screen and (max-width: 320px) {
  .lnx-container {
    max-width: calc(var(--max-width) - (920px - var(--max-width-pad)));
  }
}









/* Loader */

.swal-modal {
  border-radius: 10px;
}

.lnx-loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid var(--color-primary);
  width: 60px;
  height: 60px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: absolute;
  top: 25%;
  left: 25%;
}

/* Safari */

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}









/* Add your styles on the top */


/* Flex */

.lnx-flex {
  display: flex;
}

.lnx-flex--direction__row {
  flex-direction: row;
}

.lnx-flex--direction__col {
  flex-direction: column;
}

.lnx-flex--align__start {
  align-items: flex-start;
}

.lnx-flex--align__center {
  align-items: center;
}

.lnx-flex--align__end {
  align-items: flex-end;
}

.lnx-flex--align-self__start {
  align-self: flex-start;
}

.lnx-flex--align-self__center {
  align-self: center;
}

.lnx-flex--align-self__end {
  align-self: flex-end;
}

.lnx-flex--justify__center {
  justify-content: center;
}

.lnx-flex--justify__around {
  justify-content: space-around;
}

.lnx-flex--justify__between {
  justify-content: space-between;
}

.lnx-flex--justify__evenly {
  justify-content: space-evenly;
}

.lnx-flex--justify__end {
  justify-content: flex-end;
}

.lnx-flex--justify__start {
  justify-content: flex-start;
}

.lnx-flex--justify-self__center {
  justify-self: center;
}

.lnx-flex--justify-self__end {
  justify-self: self-end;
}

.lnx-flex--justify-self__start {
  justify-self: self-start;
}








/* Grid */

.lnx-grid {
  display: grid;
  grid-template-rows: auto;
}

.lnx-grid--align__start {
  align-items: start;
}

.lnx-grid--align__center {
  align-items: center;
}

.lnx-grid--align__end {
  align-items: end;
}

.lnx-grid--align-self__start {
  align-self: start;
}

.lnx-grid--align-self__center {
  align-self: center;
}

.lnx-grid--align-self__end {
  align-self: end;
}

.lnx-grid--justify__start {
  justify-items: start;
}

.lnx-grid--justify__center {
  justify-items: center;
}

.lnx-grid--justify-self__end {
  justify-self: end;
}

.lnx-grid--justify-self__start {
  justify-self: start;
}

.lnx-grid--justify-self__center {
  justify-self: center;
}

.lnx-grid--1x1 {
  grid-template-columns: repeat(1, 1fr);
}

.lnx-grid--1x2 {
  grid-template-columns: repeat(2, 1fr);
}

.lnx-grid--1x3 {
  grid-template-columns: repeat(3, 1fr);
}

.lnx-grid--1x4 {
  grid-template-columns: repeat(4, 1fr);
}

.lnx-grid--1x5 {
  grid-template-columns: repeat(5, 1fr);
}

.lnx-grid--1x6 {
  grid-template-columns: repeat(6, 1fr);
}

.lnx-grid--1x20-80 {
  grid-template-columns: 20% auto;
}

.lnx-grid--1x25-75 {
  grid-template-columns: 25% auto;
}

.lnx-grid--1x30-70 {
  grid-template-columns: 30% auto;
}

.lnx-grid--1x35-65 {
  grid-template-columns: 35% auto;
}

.lnx-grid--1x40-60 {
  grid-template-columns: 40% auto;
}

.lnx-grid--1x45-55 {
  grid-template-columns: 45% auto;
}

.lnx-grid--1x50-50 {
  grid-template-columns: 50% auto;
}

.lnx-grid--1x55-45 {
  grid-template-columns: 55% auto;
}

.lnx-grid--1x60-40 {
  grid-template-columns: 60% auto;
}

.lnx-grid--1x65-35 {
  grid-template-columns: 65% auto;
}

.lnx-grid--1x70-30 {
  grid-template-columns: 70% auto;
}

.lnx-grid--1x75-25 {
  grid-template-columns: 75% auto;
}

.lnx-grid--1x80-20 {
  grid-template-columns: 80% auto;
}








/* Paddings */

/* Padding top */

.lnx-pt--0 {
  padding-top: 0;
}

.lnx-pt--1 {
  padding-top: 1em;
}

.lnx-pt--2 {
  padding-top: 2em;
}

.lnx-pt--3 {
  padding-top: 3em;
}

.lnx-pt--4 {
  padding-top: 4em;
}

.lnx-pt--5 {
  padding-top: 5em;
}

.lnx-pt--6 {
  padding-top: 6em;
}

.lnx-pt--7 {
  padding-top: 7em;
}

.lnx-pt--8 {
  padding-top: 8em;
}

.lnx-pt--9 {
  padding-top: 9em;
}

.lnx-pt--10 {
  padding-top: 10em;
}

.lnx-pt--11 {
  padding-top: 11em;
}

.lnx-pt--12 {
  padding-top: 12em;
}

.lnx-pt--13 {
  padding-top: 13em;
}

.lnx-pt--14 {
  padding-top: 14em;
}

.lnx-pt--15 {
  padding-top: 15em;
}

.lnx-pt--16 {
  padding-top: 16em;
}

.lnx-pt--17 {
  padding-top: 17em;
}

.lnx-pt--18{
  padding-top: 18em;
}

.lnx-pt--19 {
  padding-top: 19em;
}

.lnx-pt--20 {
  padding-top: 20em;
}


/* Padding bottom */

.lnx-pb--0 {
  padding-bottom: 0;
}

.lnx-pb--1 {
  padding-bottom: 1em;
}

.lnx-pb--2 {
  padding-bottom: 2em;
}

.lnx-pb--3 {
  padding-bottom: 3em;
}

.lnx-pb--4 {
  padding-bottom: 4em;
}

.lnx-pb--5 {
  padding-bottom: 5em;
}

.lnx-pb--6 {
  padding-bottom: 6em;
}

.lnx-pb--7 {
  padding-bottom: 7em;
}

.lnx-pb--8 {
  padding-bottom: 8em;
}

.lnx-pb--9 {
  padding-bottom: 9em;
}

.lnx-pb--10 {
  padding-bottom: 10em;
}

.lnx-pb--11 {
  padding-bottom: 11em;
}

.lnx-pb--12 {
  padding-bottom: 12em;
}

.lnx-pb--13 {
  padding-bottom: 13em;
}

.lnx-pb--14 {
  padding-bottom: 14em;
}

.lnx-pb--15 {
  padding-bottom: 15em;
}

.lnx-pb--16 {
  padding-bottom: 16em;
}

.lnx-pb--17 {
  padding-bottom: 17em;
}

.lnx-pb--18{
  padding-bottom: 18em;
}

.lnx-pb--19 {
  padding-bottom: 19em;
}

.lnx-pb--20 {
  padding-bottom: 20em;
}


/* Padding left */

.lnx-pl--0 {
  padding-left: 0;
}

.lnx-pl--1 {
  padding-left: 1em;
}

.lnx-pl--2 {
  padding-left: 2em;
}

.lnx-pl--3 {
  padding-left: 3em;
}

.lnx-pl--4 {
  padding-left: 4em;
}

.lnx-pl--5 {
  padding-left: 5em;
}

.lnx-pl--6 {
  padding-left: 6em;
}

.lnx-pl--7 {
  padding-left: 7em;
}

.lnx-pl--8 {
  padding-left: 8em;
}

.lnx-pl--9 {
  padding-left: 9em;
}

.lnx-pl--10 {
  padding-left: 10em;
}

.lnx-pl--11 {
  padding-left: 11em;
}

.lnx-pl--12 {
  padding-left: 12em;
}

.lnx-pl--13 {
  padding-left: 13em;
}

.lnx-pl--14 {
  padding-left: 14em;
}

.lnx-pl--15 {
  padding-left: 15em;
}

.lnx-pl--16 {
  padding-left: 16em;
}

.lnx-pl--17 {
  padding-left: 17em;
}

.lnx-pl--18{
  padding-left: 18em;
}

.lnx-pl--19 {
  padding-left: 19em;
}

.lnx-pl--20 {
  padding-left: 20em;
}

/* Padding right */

.lnx-pr--0 {
  padding-right: 0;
}

.lnx-pr--1 {
  padding-right: 1em;
}

.lnx-pr--2 {
  padding-right: 2em;
}

.lnx-pr--3 {
  padding-right: 3em;
}

.lnx-pr--4 {
  padding-right: 4em;
}

.lnx-pr--5 {
  padding-right: 5em;
}

.lnx-pr--6 {
  padding-right: 6em;
}

.lnx-pr--7 {
  padding-right: 7em;
}

.lnx-pr--8 {
  padding-right: 8em;
}

.lnx-pr--9 {
  padding-right: 9em;
}

.lnx-pr--10 {
  padding-right: 10em;
}

.lnx-pr--11 {
  padding-right: 11em;
}

.lnx-pr--12 {
  padding-right: 12em;
}

.lnx-pr--13 {
  padding-right: 13em;
}

.lnx-pr--14 {
  padding-right: 14em;
}

.lnx-pr--15 {
  padding-right: 15em;
}

.lnx-pr--16 {
  padding-right: 16em;
}

.lnx-pr--17 {
  padding-right: 17em;
}

.lnx-pr--18{
  padding-right: 18em;
}

.lnx-pr--19 {
  padding-right: 19em;
}

.lnx-pr--20 {
  padding-right: 20em;
}





/* Margins */

/* Margin top */

.lnx-mt--0 {
  margin-top: 0;
}

.lnx-mt--1 {
  margin-top: 1em;
}

.lnx-mt--2 {
  margin-top: 2em;
}

.lnx-mt--3 {
  margin-top: 3em;
}

.lnx-mt--4 {
  margin-top: 4em;
}

.lnx-mt--5 {
  margin-top: 5em;
}

.lnx-mt--6 {
  margin-top: 6em;
}

.lnx-mt--7 {
  margin-top: 7em;
}

.lnx-mt--8 {
  margin-top: 8em;
}

.lnx-mt--9 {
  margin-top: 9em;
}

.lnx-mt--10 {
  margin-top: 10em;
}

.lnx-mt--11 {
  margin-top: 11em;
}

.lnx-mt--12 {
  margin-top: 12em;
}

.lnx-mt--13 {
  margin-top: 13em;
}

.lnx-mt--14 {
  margin-top: 14em;
}

.lnx-mt--15 {
  margin-top: 15em;
}

.lnx-mt--16 {
  margin-top: 16em;
}

.lnx-mt--17 {
  margin-top: 17em;
}

.lnx-mt--18{
  margin-top: 18em;
}

.lnx-mt--19 {
  margin-top: 19em;
}

.lnx-mt--20 {
  margin-top: 20em;
}


/* Margin bottom */

.lnx-mb--0 {
  margin-bottom: 0;
}

.lnx-mb--1 {
  margin-bottom: 1em;
}

.lnx-mb--2 {
  margin-bottom: 2em;
}

.lnx-mb--3 {
  margin-bottom: 3em;
}

.lnx-mb--4 {
  margin-bottom: 4em;
}

.lnx-mb--5 {
  margin-bottom: 5em;
}

.lnx-mb--6 {
  margin-bottom: 6em;
}

.lnx-mb--7 {
  margin-bottom: 7em;
}

.lnx-mb--8 {
  margin-bottom: 8em;
}

.lnx-mb--9 {
  margin-bottom: 9em;
}

.lnx-mb--10 {
  margin-bottom: 10em;
}

.lnx-mb--11 {
  margin-bottom: 11em;
}

.lnx-mb--12 {
  margin-bottom: 12em;
}

.lnx-mb--13 {
  margin-bottom: 13em;
}

.lnx-mb--14 {
  margin-bottom: 14em;
}

.lnx-mb--15 {
  margin-bottom: 15em;
}

.lnx-mb--16 {
  margin-bottom: 16em;
}

.lnx-mb--17 {
  margin-bottom: 17em;
}

.lnx-mb--18{
  margin-bottom: 18em;
}

.lnx-mb--19 {
  margin-bottom: 19em;
}

.lnx-mb--20 {
  margin-bottom: 20em;
}

/* Margin left */

.lnx-ml--0 {
  margin-left: 0;
}

.lnx-ml--1 {
  margin-left: 1em;
}

.lnx-ml--2 {
  margin-left: 2em;
}

.lnx-ml--3 {
  margin-left: 3em;
}

.lnx-ml--4 {
  margin-left: 4em;
}

.lnx-ml--5 {
  margin-left: 5em;
}

.lnx-ml--6 {
  margin-left: 6em;
}

.lnx-ml--7 {
  margin-left: 7em;
}

.lnx-ml--8 {
  margin-left: 8em;
}

.lnx-ml--9 {
  margin-left: 9em;
}

.lnx-ml--10 {
  margin-left: 10em;
}

.lnx-ml--11 {
  margin-left: 11em;
}

.lnx-ml--12 {
  margin-left: 12em;
}

.lnx-ml--13 {
  margin-left: 13em;
}

.lnx-ml--14 {
  margin-left: 14em;
}

.lnx-ml--15 {
  margin-left: 15em;
}

.lnx-ml--16 {
  margin-left: 16em;
}

.lnx-ml--17 {
  margin-left: 17em;
}

.lnx-ml--18{
  margin-left: 18em;
}

.lnx-ml--19 {
  margin-left: 19em;
}

.lnx-ml--20 {
  margin-left: 20em;
}


/* Margin right */

.lnx-mr--0 {
  margin-right: 0;
}

.lnx-mr--1 {
  margin-right: 1em;
}

.lnx-mr--2 {
  margin-right: 2em;
}

.lnx-mr--3 {
  margin-right: 3em;
}

.lnx-mr--4 {
  margin-right: 4em;
}

.lnx-mr--5 {
  margin-right: 5em;
}

.lnx-mr--6 {
  margin-right: 6em;
}

.lnx-mr--7 {
  margin-right: 7em;
}

.lnx-mr--8 {
  margin-right: 8em;
}

.lnx-mr--9 {
  margin-right: 9em;
}

.lnx-mr--10 {
  margin-right: 10em;
}

.lnx-mr--11 {
  margin-right: 11em;
}

.lnx-mr--12 {
  margin-right: 12em;
}

.lnx-mr--13 {
  margin-right: 13em;
}

.lnx-mr--14 {
  margin-right: 14em;
}

.lnx-mr--15 {
  margin-right: 15em;
}

.lnx-mr--16 {
  margin-right: 16em;
}

.lnx-mr--17 {
  margin-right: 17em;
}

.lnx-mr--18{
  margin-right: 18em;
}

.lnx-mr--19 {
  margin-right: 19em;
}

.lnx-mr--20 {
  margin-right: 20em;
}