﻿/*	msq.css

    MissionSquare Retirement corporate site
	
*/

:root {
  /* colors - sRGB values; use color() to convert colorspace or notation */
  --msq-blue: #005C9F;
  /* rgb(0,92,159)   hsl(205, 100%, 31%) */
  --msq-gold: #ffce00;
  /* rgb(255,195,0)  hsl(48, 100%, 50%) */
  --msq-navy: #1A3865;
  /* rgb(26,56,101)  hsl(216, 59%, 25%) */
  --msq-navy-2: #002257;
  /* rgb(0, 34, 87)  hsl(217, 100%, 17%) */
  --msq-sky: #0094CF;
  /* rgb(0,148,207)  hsl(197, 100%, 41%) */
  --msq-grape: #5C62AC;
  /* rgb(92,98,167)  hsl(236,  33%, 52%) */
  --msq-teal: #00838B;
  /* rgb(0,131,139)  hsl(183, 100%, 27%) */
  --msq-green: #00893A;
  /* rgb(0,137,58)   hsl(145, 100%, 27%) */
  --msq-berry: #902B8A;
  /* rgb(144,43,138) hsl(304,  54%, 37%) */
  --msq-rose: #BF57A0;
  /* rgb(191,87,160) hsl(318,  45%, 55%) */

  --msq-sky-dark: #0A71A6;
  /* rgb(10,113,166)  hsl(200, 89%, 35%) */
  --msq-grape-dark: #4D4F8C;
  /* rgb(77,79,140)   hsl(238, 29%, 43%) */
  --msq-teal-dark: #00838B;
  /* rgb(0,131,139)   hsl(183, 100%, 27%) */
  --msq-green-dark: #00893A;
  /* rgb(0,137,58)    hsl(145, 100%, 27%) */
  --msq-berry-dark: #802A7B;
  /* rgb(128,42,123)  hsl(303, 51%, 33%) */
  --msq-rose-dark: #9A3C77;
  /* rgb(154,60,119)  hsl(322, 44%, 42%) */

  --msq-sky-light: #6AC0EB;
  /* rgb(106,192,235) hsl(200, 76%, 67%) */
  --msq-grape-light: #6F7BBB;
  /* rgb(111,123,187) hsl(231, 36%, 58%) */
  --msq-teal-light: #53C4C6;
  /* rgb(83,196,198)  hsl(181, 50%, 55%) */
  --msq-green-light: #AAD269;
  /* rgb(170,210,105) hsl(83, 54%, 62%) */
  --msq-berry-light: #AC4C9C;
  /* rgb(172,76,156)  hsl(310, 39%, 49%) */
  --msq-rose-light: #F179AF;
  /* rgb(241,121,175) hsl(333, 81%, 71%) */

  --msq-gray-8: #8a8E96;
  /* rgb(138,142,150)   hsl(220, 5%, 56%) */
  --msq-gray-6: #ACE3FE;

  --msq-gray-5: #B6B8BE;
  /* rgb(182, 184, 190) hsl(225, 6%, 73%) */
  --msq-gray-2: #D7D9DE;
  /* rgb(215, 217, 222) hsl(223,10%, 86%) */
  --msq-bright: #F3F5FB;
  /* rgb(243, 245, 251) hsl(225,50%, 97%) */
  --msq-bright-2: #F3F4FA;
  --msq-gray-body: #d6d6d6;
  --msq-navy-2: #002257;

  /* Typography */
  --font-body-weight: 400;
  --color-main: #444444;
  --color-link: var(--msq-blue);
  --msq-avenir-fontstack: "Avenir Next Pro", "Avenir Next", "Nunito Sans", Arial, Helvetica, sans-serif;
  --msq-arial-fontstack: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --msq-nunito-fontstack: "Nunito Sans", Arial, Helvetica, sans-serif;

  /* Hero banners */
  --hero-height: 578px;
  --hero-background: var(--msq-blue);

  /* spacing sizes - eg margins and padding */
  --space-size-1: 0.5rem;
  --space-size-2: 0.75rem;
  --space-size-3: 1rem;
  --space-size-4: 1.25rem;
  --space-size-5: 1.875rem;
  --space-size-6: 3.75rem;
  --space-size-7: 4rem;
  --space-size-8: 5rem;

  /* half sizes - mostly for grid */
  --space-size-0\.5: calc(var(--space-size-1) / 2);
  --space-size-1\.5: calc((var(--space-size-1) + var(--space-size-2)) / 2);
  --space-size-2\.5: calc((var(--space-size-2) + var(--space-size-3)) / 2);
  --space-size-3\.5: calc((var(--space-size-3) + var(--space-size-4)) / 2);
  --space-size-4\.5: calc((var(--space-size-4) + var(--space-size-5)) / 2);
  --space-size-5\.5: calc((var(--space-size-5) + var(--space-size-6)) / 2);
  --space-size-6\.5: calc((var(--space-size-6) + var(--space-size-7)) / 2);
  --space-size-7\.5: calc((var(--space-size-7) + var(--space-size-8)) / 2);
}

/* Typography
------------------------------------------------------------------------------ */
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-s.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-s.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-s.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-s.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-s.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0TMImSLYBIv1o4X1M8ce2xCx3yop4tQpF_MeTm0lfGWVpNn64CL7U8upHZIbMV51Q42ptCp7t1R-s.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 300;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-laLQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-laLQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-laLQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-laLQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-laLQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunitosans/v15/pe0RMImSLYBIv1o4X1M8cce4OdVisMz5nZRqy6cmmmU3t2FQWEAEOvV9wNvrwlNstMKW3Y6K5WMwd-laLQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html.missionsq,
html.missionsq body {
  background: var(--msq-bright);
  color: var(--color-main);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  word-wrap: break-word;
}

body {
  background: var(--msq-gray-body);
}

h1,
h2,
h3,
.content h2,
.content h3 {
  color: var(--msq-blue);
  font-family: var(--msq-avenir-fontstack);
  font-weight: 700;
}

h1 {
  font-size: 235%;
  margin: 0 0 20px;
  padding: 16px 0 6px;
  line-height: 1.3em;
}

h2 {
  font-size: 138.5%;
  line-height: 1.5em;
  margin: 0 0 18px 0;
}

h3,
h3 a {
  font-size: 1.12rem;
  margin: 10px 0 14px 0;
}

h4 {
  color: #444;
  font-size: 110%;
  font-weight: 600;
  line-height: 1em;
  margin: 10px 0 10px 0;
}

dd {
  margin-bottom: 1em;
}

dt {
  font-weight: bold;
}

sup {
  line-height: 0.5;
}

main {
  background: #fff;
}

html,
body,
main,
button,
input,
optgroup,
select,
textarea {
  font-family: var(--msq-arial-fontstack);
}

strong {
  color: inherit;
}

details summary {
  display: block;
  font-weight: bold;
  list-style: none;
  padding: 0.5rem 1rem;
  position: relative;
}

details summary::after {
  content: '\25ba';
  display: block;
  position: absolute;
  right: 1rem;
  transition: 0.4s;
}

details summary[open]::after {
  transform: rotate(90deg);
  transition: 0.4s;
}

/* Links
------------------------------------------------------------------------------ */
a,
a:link,
a:focus {
  color: var(--color-link);
  outline: none;
}

main a,
main a:link {
  text-decoration: underline;
}

main a:active,
main a:focus,
main a:hover {
  color: var(--color-link);
  text-decoration: none;
}

.has-arrow:after {
  content: '\276f';
  display: inline-block;
  font-family: var(--msq-avenir-fontstack);
  /* font-size: 85%; */
  font-style: normal;
  font-weight: 700;
  line-height: 0.5;
  padding: 0 0 0 0.25em;
  transition: 0.2s;
}

.has-arrow.arrow-down:after {
  padding: 0;
  transform: rotate(90deg);
}

.skiplink {
  display: block;
  padding: 0.5rem;
  position: absolute;
  transform: translateY(-1500%);
}

/* Return to Top */
#ReturnToTop,
#ReturnToTop a {
  visibility: hidden;
  line-height: 0px;
}

#ReturnToTop.active {
  visibility: visible;
}

#ReturnToTop {
  transition: all 600ms ease-in-out;
  color: #444;
  text-decoration: none;
  text-transform: uppercase;
  position: fixed;
  bottom: 2vh;
  right: 2px;
  font-size: .75rem;
  text-align: center;
  line-height: 1.2rem;
  z-index: 1;
  width: 50px;
}

#ReturnToTop:before {
  color: #999;
  content: "\f139";
  display: block;
  font-family: var(--msq-fa-fontstack);
  font-style: normal;
  font-weight: 900;
  font-size: 1.6rem;
  padding: .4rem 0;
  text-decoration: none;
}

#ReturnToTop:hover {
  color: var(--msq-gray-2);
}


/* header */

.site-header {
  background: var(--msq-navy);
  font-family: var(--avenir-fontstack);
}

.site-header .navbar.top-links {
  background: var(--msq-blue);
  color: #fafafa;
  font-family: var(--msq-avenir-fontstack);
  font-size: 14px;
  font-weight: 600;
  z-index: 35;
}

.navbar.top-links .navbar-link:link,
.navbar.top-links .navbar-link:visited {
  background: transparent;
  color: #fafafa;
}

/*.navbar.top-links .navbar-link:focus,
.navbar.top-links .navbar-link:active,
.navbar.top-links .navbar-item:focus,
.navbar.top-links .navbar-item:active, */

.navbar.top-links .navbar-link:hover,
.navbar.top-links .navbar-item:hover {
  background: var(--msq-sky-dark);
  color: #fff;
  transition: 0.2s;
}

.site-header .navbar-item.enroll-item {
  background: #fafafa;
}

.site-header .navbar-item.enroll-item:focus,
.site-header .navbar-item.enroll-item:hover,
.site-header .navbar-item.enroll-item:active {
  background: #fff;
}

.site-header .navbar-item.enroll-item a {
  color: var(--msq-blue);
}

.site-header .navbar-item.is-hoverable:hover .dropdown-trigger.has-arrow:after,
.site-header .navbar-item.is-active .dropdown-trigger.has-arrow:after {
  transform: rotate(90deg);
  transition: 0.2s;
}

.site-header .login-item {
  flex-grow: 3;
}

.site-header .login-item.is-active .dropdown-menu,
.site-header .login-item.is-hoverable:hover .dropdown-menu {
  background: var(--msq-berry-dark);
  color: #fff;
  left: unset;
  right: 0;
}

.site-header .navbar-item.login-item,
.site-header .navbar-item.login-item .dropdown-content,
.site-header .navbar-item.login-item a:link,
.site-header .navbar-item.login-item a:visited {
  background: var(--msq-berry-dark);
  color: #fafafa;
}

.site-header .navbar-item.login-item:focus,
.site-header .navbar-item.login-item:hover,
.site-header .navbar-item.login-item:active,
.site-header .navbar-item.login-item a:focus,
.site-header .navbar-item.login-item a:hover,
.site-header .navbar-item.login-item a:active {
  background: var(--msq-berry-light);
  color: #fff;
}

.site-header .dropdown-menu {
  padding-top: 0;
}

/* Search Page x45 */
.page-x45 #searchForm {
  border: 1rem solid var(--msq-bright);
  padding: 0.25rem;
  width: auto;
}

.page-x45 #searchForm #search {
  display: inline-block;
}

.page-x45 #searchForm .searchField {
  display: inline-block;
  height: 40px;
  margin-bottom: 12px;
}

.page-x45 #submit-search {
  line-height: 1;
  background: var(--msq-berry-dark) !important;
  color: #fcfcfc !important;
  display: inline-block;
  font-weight: 700;
  padding: 0.5rem 1rem !important;
  cursor: pointer;
  border: 0;
  margin: 0px 0 0 5px;
}

.page-x45 input:placeholder-shown {
  font-style: italic;
}

@media only screen and (min-width:768px) {
  .page-x45 #searchForm {
    padding: 1rem;
    width: 65%;
  }
}

/* Search Page x45 */


/* search form */

.search-item form {
  justify-self: end;
}

.search-item img {
  filter: invert(99%) sepia(54%) saturate(208%) hue-rotate(201deg) brightness(114%) contrast(96%);
  height: 1.5rem;
  transition: 0.2s;
  width: 1.5rem;
}

.search-item.is-active,
.search-item:hover,
.search-item.is-active img,
.search-item:hover img {
  background: #fff;
  filter: none;
  transition: 0.2s;
}

.search-item .dropdown-menu {
  max-width: 100vw;
  width: 30rem;
}

.search-item.is-active .dropdown-menu,
.search-item.is-hoverable:hover .dropdown-menu {
  left: unset;
  right: 0;
  top: 0;
}

.search-item #q {
  border: 1px solid var(--msq-blue);
  border-right-width: 2px;
}

.search-item .search-submit {
  border: none;
  color: var(--msq-berry);
}


/* main navigation tabs */
.navbar.main-navigation {
  background: var(--msq-navy-2);
  font-family: var(--msq-avenir-fontstack);
  max-width: 100vw;
}

.navbar.main-navigation .navbar-burger {
  background: var(--msq-blue);
  color: var(--msq-bright);
  margin-left: 0;
}

.navbar.main-navigation .navbar-burger.is-active {
  color: white;
}

.mobile-topbar {
  display: flex;
}

.site-header .nav-brand {
  max-width: 100vw;
}

.site-header .site-logo {
  flex-grow: 3;
  flex-shrink: 3;
  margin-left: 0;
}

.navbar.main-navigation .navbar-menu {
  margin-right: 1rem;
}

.navbar.main-navigation .navbar-end>.navbar-item>.navbar-link {
  border-bottom: 0.2rem solid transparent;
  color: #fafafa;
  font-weight: 700;
}

.navbar.main-navigation .navbar-end>.navbar-item.is-focused>.navbar-link {
  border-bottom-color: #fafafa;
}

.navbar.main-navigation .navbar-end>.navbar-item {
  padding: 1.5rem 0.75rem;
}

.navbar.main-navigation .navbar-end>.navbar-item:focus,
.navbar.main-navigation .navbar-end>.navbar-item:hover,
.navbar.main-navigation .navbar-end>.navbar-item:active,
.navbar.main-navigation .navbar-end>.navbar-item.is-active,
.navbar.main-navigation .navbar-end>.navbar-item .navbar-link:focus,
.navbar.main-navigation .navbar-end>.navbar-item .navbar-link:hover,
.navbar.main-navigation .navbar-end>.navbar-item .navbar-link:active,
.navbar.main-navigation .navbar-end>.navbar-item.is-active .navbar-link {
  background-color: #fafafa !important;
  color: var(--msq-navy);
  transition: 0.2s;
}

.navbar.main-navigation .navbar-end>.navbar-item:focus>a,
.navbar.main-navigation .navbar-end>.navbar-item:hover>a,
.navbar.main-navigation .navbar-end>.navbar-item:active>a,
.navbar.main-navigation .navbar-end>.navbar-item.is-active>a {
  color: var(--msq-navy);
}

.navbar.main-navigation .navbar-link {
  text-transform: uppercase;
}

.navbar.main-navigation .navbar-dropdown {
  border-top: none;
  font-size: 1rem !important;
}

/* main navigation megamenus */

/* https://github.com/hunzaboy/bulma-megamenu */
.navbar-item.is-mega {
  position: static;
}

.is-mega .navbar-dropdown {
  background: #fafafa;
}

.is-mega a:link,
.is-mega a:visited {
  color: var(--link-color);
}

.is-mega .navbar-dropdown a:focus,
.is-mega .navbar-dropdown a:hover,
.is-mega .navbar-dropdown a:active {
  text-decoration: underline;
}

.is-mega .navbar-dropdown h2,
.is-mega .navbar-dropdown h3 {
  color: var(--msq-navy-2);
  margin-bottom: 0.25rem;
  padding-top: .375rem;
  text-transform: uppercase;
}

.is-mega h2,
.is-mega h3,
.is-mega li {
  line-height: 1.15;
}

.is-mega li {
  padding: 0.25rem 0;
}

/* breadcrumb */
.breadcrumb {
  background: #ace3fe;
  font-family: var(--msq-avenir-fontstack);
  font-size: 0.9rem;
}

.breadcrumb li+li::before {
  padding: 0 0.5rem;
}

.breadcrumb a {
  padding: 0;
}

.breadcrumb a:link,
.breadcrumb a:visited {
  color: var(--msq-navy-2);
  text-decoration: underline;
}

.breadcrumb a:hover,
.breadcrumb a:active {
  color: var(--msq-blue);
}



/* footer */

#footer {
  background: var(--msq-navy-2);
  color: #fafafa;
  font-family: var(--msq-avenir-fontstack);
  padding-top: 3rem;
}

#footer .navbar {
  background: transparent;
}

#footer .navbar-item:focus,
#footer .navbar-item:hover,
#footer .navbar-item:active,
#footer .navbar-link:focus,
#footer .navbar-link:hover,
#footer .navbar-link:active {
  background: transparent;
  text-decoration: underline;
}

#footer .navbar-menu,
#footer .colophon {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

#footer .colophon {
  flex-direction: column;
}

#footer a:link,
#footer a:visited {
  color: #fafafa !important;
}

@media screen and (width <= 1024px) {
  #footer {
    padding-top: 0;
  }
  #footer .navbar-menu {
    background-color: transparent;
    box-shadow: none;
  }
}
/* Site Alerts */
.alert.message .message-header,
.alert.message .message-header strong {

  color: var(--msq-blue);
  font-family: var(--msq-avenir-fontstack);
}

.alert.message.is-secondary,
.alert.message.is-secondary .message-header,
.alert.message.is-secondary .message-body {
  background: var(--msq-bright-2);
}

.alert.message.is-warning,
.alert.message.is-warning .message-header,
.alert.message.is-warning .message-body {
  background: var(--msq-gold);
}

.alert.message.is-info,
.alert.message.is-info .message-header,
.alert.message.is-info .message-body {
  background: var(--msq-sky-light);
}

.alert.message.is-success,
.alert.message.is-success .message-header,
.alert.message.is-success .message-body {
  background: rgb(72, 199, 142);
}

.alert.message.is-danger .button.showhide {
  color: #fafafa;
}

.alert.message.is-danger .delete::before,
.alert.message.is-danger .delete::after {
  background: #fff !important;
}

.alert.message.is-danger .message-header {
  background: #e00;
}

.alert.message.is-danger,
.alert.message.is-danger .message-body {}

.alert .message-header {
  justify-content: center;
}

.alert .buttons {
  position: absolute;
  right: 1rem;
}

.alert .buttons .button:not(:last-child):not(.is-fullwidth) {
  margin: 0;
}

.alert .button.showhide {
  border-radius: 0;
  color: #444;
  height: 40px;
  margin-bottom: 0.25rem;
  max-height: 40px;
  max-width: 40px;
  text-decoration: none;
  transform: rotate(90deg);
  width: 40px;
}

.alert .button.showhide:hover,
.alert .delete:hover {
  outline: 1px solid #DDD;
}

.alert .button.showhide.is-active {
  transform: rotate(-90deg);
  transition: 0.2s;
}

.alert .delete {
  background: transparent;
  border-radius: 0;
  height: 40px;
  margin-top: -0.3rem;
  max-height: 40px;
  max-width: 40px;
  width: 40px;

}

.alert .delete::before {
  background: #444 !important;
  height: 2.25px;
  transform: translateX(-50%) translateY(-50%) rotate(135deg);
  width: 45%;
}

.alert .delete::after {
  background: #444 !important;
  height: 2.25px;
  width: 45%;
}

/* hero image banners */

.hero,
.hero.is-primary {
  background-color: var(--msq-blue);
  background-size: cover;
  color: #fff;
  justify-content: center !important;
  margin-bottom: 50px;
  width: 100%;
}

.hero,
.hero h1,
.hero h2,
.hero h2,
.hero a:not(.button):link,
.hero a:not(.button):visited {
  color: #fff;
}

/* synopsis box */

.synopsis {
  background-color: var(--msq-bright-2);
  color: var(--msq-navy-2);
  font: normal 400 1.5rem/33px var(--msq-avenir-fontstack);
  padding: 5% 10%;
  text-align: center;
}


/* inset box */

.inset {
  background-color: var(--msq-navy);
  padding: 2rem;
  text-align: center;
}

.inset,
.inset h1,
.inset h2,
.inset h3,
.inset a:link .inset a:visited {
  color: #fff;
}



/* section navigation / contextual menu */

.section-nav.menu {
  background-color: var(--msq-bright);
  border: 1px solid #c3c3c3;
  padding: 1.25rem;
  padding-left: 1.5rem;
  box-shadow: 0px 5px 15px -10px rgba(0, 0, 0, 0.75);
  margin-bottom: 2rem;
}

.section-nav.menu .menu-list ul {
  border: none;
  margin: 0.25rem 1rem;
}

.section-nav.menu .menu-list li ul {
  margin: 0;
}

.section-nav.menu .menu-list li {
  list-style-type: none;
}

.section-nav.menu .menu-list a,
.section-nav.menu .menu-list a:link,
.section-nav.menu .menu-list a:visited {
  background-color: unset;
  color: unset;
  padding: 0.25rem;
  text-decoration: none;
}

.section-nav.menu .menu-list a:hover,
.section-nav.menu .menu-list a:active,
.section-nav.menu .menu-list a.is-active,
.section-nav.menu .menu-list a.is-focus {
  background-color: unset;
  color: unset;
  text-decoration: underline;
}

.section-nav.menu .menu-list li.is-active,
.section-nav.menu .menu-list li:hover {}

.section-nav.menu .menu-list li.is-active>a:before,
.section-nav.menu .menu-list li:hover>a:before,
.section-nav.menu .menu-list a.is-active:before,
.section-nav.menu .menu-list a.is-focus:before {
  content: '❯';
  display: inline-block;
  font-style: normal;
  font-weight: 700;
  font-size: 85%;
  line-height: 0.5;
  margin-left: -1rem;
  margin-right: 0.5rem
}


/* Responsive Video */
.vimeo-youtube {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 30px;
  position: relative;
}

.vimeo-youtube iframe,
.vimeo-youtube object,
.vimeo-youtube embed {
  position: absolute;
  left: 0;
  top: 0;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
}



/* mobile - smartphone */
@media screen and (max-width: 768px) {

  .navbar-item .site-logo img {
    height: auto;
    width: 140px;
  }

  #footer .navbar-menu {
    background: var(--msq-navy-2);
    display: block;
  }

  #footer .navbar-menu {
    text-align: left;
  }

}

@media screen and (min-width: 769px) and (max-width: 768px) {
  .navbar-item .site-logo img {
    height: auto;
    width: 160px;
  }
}

/* touch - mobile tablet desktop */
@media screen and (max-width: 1023px) {

  /* touch synopsis box */
  .synopsis {
    padding: 5% 10%;
  }

}

/* touch - mobile tablet desktop */
@media screen and (max-width: 1023px) {
  .navbar img {
    width: auto;
  }

  .spanish-item,
  .contact-item,
  .search-item {
    max-width: 4rem;
  }

  .main-navigation .navbar-menu .navbar-end>.navbar-item {
    background: var(--msq-blue);
    padding-left: 1rem;
  }

  .navbar-burger {
    display: block;
  }

  .main-navigation .navbar-menu {
    display: none;
  }

  .main-navigation .navbar-menu.is-active {
    display: block;
    padding: 0;
  }

  .main-navigation .navbar-menu.is-active .navbar-item {
    border-top: 1px solid #fff;
    padding: 0 1rem !important;
  }

  .navbar.main-navigation .navbar-end>.navbar-item {
    border-left: 0.25rem solid transparent;
  }

  .navbar.main-navigation .navbar-end>.navbar-item.is-focused {
    border-left-color: #fff;
  }

  .navbar.main-navigation .navbar-end>.navbar-item.is-focused>.navbar-link {
    border-bottom-color: transparent;
  }

  .main-navigation .is-mega>.navbar-link::after {
    content: '❯';
    display: inline-block;
    position: absolute;
    right: 0;
    text-align: right;
    transform: rotate(90deg);
  }

  .main-navigation .is-mega.is-active>.navbar-link::after {
    transform: rotate(-90deg);
    transition: 0.2s;
  }
}

/* desktop fix */
@media screen and (width > 1024px) and (width <= 1216px) {
  .main-navigation.navbar .navbar-brand{
    flex-shrink: 1;
    margin-left: -0.25rem;
  }
}

/* widescreen fullhd */
@media screen and (min-width: 1216px) {

  .navbar-menu {
    padding: 0;
  }

  .mobile-topbar {
    display: none;
  }

  .container>.navbar .navbar-brand {
    margin-left: 1.65rem;
    max-height: 90px;
  }

  .navbar-burger {
    display: none;
  }

  .navbar.main-navigation img {
    max-height: unset;
  }

  .main-navigation .navbar-end>.navbar-item {
    color: #fafafa;
    padding: 0.5rem 0;
  }

  .main-navigation .navbar-link.is-arrowless::after {
    border-color: #fafafa;
    margin-top: -0.375em;
    right: 1.125em;
  }

  .main-navigation .navbar-link.is-arrowless::after {
    border-bottom: 3px solid transparent;
    border-radius: 2px;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: .625em;
    margin-top: -.4375em;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: rotate(-45deg);
    transform-origin: center;
    width: .625em;
  }
}

/* tables */

table caption {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

thead th {
  background: var(--msq-bright);
  color: var(--color-main);
  font-family: var(--msq-avenir-fontstack);
}

tbody th {
  text-align: left;
}

td,
th {
  white-space: normal;
}

table th:not([align]) {
  vertical-align: middle;
}

table.investments {
  border: 1px solid #dbdbdb;
}

table.investments thead th {
  background: var(--msq-navy);
  color: #fafafa;
}

table.investments thead th:last-child {
  text-align: center;
}

table.investments tbody th[scope='col'] {
  background: var(--msq-bright);
  color: var(--color-main);
  text-align: center;
}


@media only screen and (max-width: 1023px) {
  table.responsiveTable>tbody>tr>td[data-title]:before {
    content: attr(data-title) ":\00A0";
    font-weight: bold;
  }

  table.responsiveTable>tbody>tr {
    padding-bottom: 11px;
    margin-bottom: 11px;
  }

  table.responsiveTable>tbody>tr,
  table.responsiveTable>tbody>tr>th,
  table.responsiveTable>tbody>tr>td {
    padding: 0;
    text-align: left;
    white-space: normal;
    display: block;
    width: 100%;
    box-sizing: border-box;
    clear: left;
  }

  table.responsiveTable,
  table.responsiveTable>tbody {
    display: block;
    width: 100%;
  }

  table.responsiveTable>thead {
    display: none;
  }

  table.responsiveTable>tbody>tr>td {
    border: none;
    margin-bottom: 6px;
    color: #444;
  }

  table.responsiveTable>tbody>tr {
    padding-bottom: 11px;
    margin-bottom: 11px;
  }
}


/* products and services */

.product-linkbox {
  border: 1rem solid var(--msq-bright);
  float: right;
  margin: 0 0 1rem 1rem;
  max-width: 300px;
  padding: 1.5rem;
  width: 40%;
}

@media screen and (max-width: 768px) {
  .product-linkbox {
    float: none;
    max-width: 100%;
    width: 100%;
  }
}

/*** Begin page css overrides - x33274 and x29074  ***/

main {
  .section {
    margin-bottom: var(--space-size-6);
    padding: 0 calc(2 * var(--space-size-6));
  }

  /*** Typography overrides and additions ***/
  h1,
  .is-size-1 {
    font-size: 2.25rem !important;
    line-height: 2.6875rem !important;
  }

  h2,
  .is-size-2 {
    font-size: 1.75rem !important;
    line-height: 2.0625rem !important;
  }

  h3,
  .is-size-3 {
    font-size: 1.25rem !important;
    line-height: 1.56125rem !important;
  }

  h4,
  .is-size-4 {
    font-size: 1.125rem !important;
    line-height: 1.5rem !important;
  }

  .content,
  .is-size-5 {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }

  .footnote {
    font-size: 0.75rem;
    line-height: 1.25;
  }

  .is-size-6 {
    font-size: 0.625rem !important;
    line-height: 1rem !important;
  }

  .callout {
    font-size: 1.5rem !important;
    line-height: 2.125rem !important;
  }

  .title,
  .subtitle {
    font-family: var(--msq-avenir-fontstack);
    font-weight: 700 !important;
  }

  .title {
    color: var(--msq-blue);
  }

  .is-small-caps {
    font-variant: small-caps !important;
  }

  .is-list-style-disc {
    list-style-type: disc !important;
  }

  .is-list-style-none {
    list-style-type: none !important;
  }

  /** bulma margin overrides **/
  .m-1 {
    margin: var(--space-size-1) !important;
  }

  .mt-1 {
    margin-top: var(--space-size-1) !important;
  }

  .mr-1 {
    margin-right: var(--space-size-1) !important;
  }

  .mb-1 {
    margin-bottom: var(--space-size-1) !important;
  }

  .ml-1 {
    margin-left: var(--space-size-1) !important;
  }

  .mx-1 {
    margin-left: var(--space-size-1) !important;
    margin-right: var(--space-size-1) !important;
  }

  .my-1 {
    margin-bottom: var(--space-size-1) !important;
    margin-top: var(--space-size-1) !important;
  }

  .m-2 {
    margin: var(--space-size-2) !important;
  }

  .mt-2 {
    margin-top: var(--space-size-2) !important;
  }

  .mr-2 {
    margin-right: var(--space-size-2) !important;
  }

  .mb-2 {
    margin-bottom: var(--space-size-2) !important;
  }

  .ml-2 {
    margin-left: var(--space-size-2) !important;
  }

  .mx-2 {
    margin-left: var(--space-size-2) !important;
    margin-right: var(--space-size-2) !important;
  }

  .my-2 {
    margin-bottom: var(--space-size-2) !important;
    margin-top: var(--space-size-2) !important;
  }

  .m-3 {
    margin: var(--space-size-3) !important;
  }

  .mt-3 {
    margin-top: var(--space-size-3) !important;
  }

  .mr-3 {
    margin-right: var(--space-size-3) !important;
  }

  .mb-3 {
    margin-bottom: var(--space-size-3) !important;
  }

  .ml-3 {
    margin-left: var(--space-size-3) !important;
  }

  .mx-3 {
    margin-left: var(--space-size-3) !important;
    margin-right: var(--space-size-3) !important;
  }

  .my-3 {
    margin-bottom: var(--space-size-3) !important;
    margin-top: var(--space-size-3) !important;
  }

  .m-4 {
    margin: var(--space-size-4) !important;
  }

  .mt-4 {
    margin-top: var(--space-size-4) !important;
  }

  .mr-4 {
    margin-right: var(--space-size-4) !important;
  }

  .mb-4 {
    margin-bottom: var(--space-size-4) !important;
  }

  .ml-4 {
    margin-left: var(--space-size-4) !important;
  }

  .mx-4 {
    margin-left: var(--space-size-4) !important;
    margin-right: var(--space-size-4) !important;
  }

  .my-4 {
    margin-bottom: var(--space-size-4) !important;
    margin-top: var(--space-size-4) !important;
  }

  .m-5 {
    margin: var(--space-size-5) !important;
  }

  .mt-5 {
    margin-top: var(--space-size-5) !important;
  }

  .mr-5 {
    margin-right: var(--space-size-5) !important;
  }

  .mb-5 {
    margin-bottom: var(--space-size-5) !important;
  }

  .ml-5 {
    margin-left: var(--space-size-5) !important;
  }

  .mx-5 {
    margin-left: var(--space-size-5) !important;
    margin-right: var(--space-size-5) !important;
  }

  .my-5 {
    margin-bottom: var(--space-size-5) !important;
    margin-top: var(--space-size-5) !important;
  }

  .m-6 {
    margin: var(--space-size-6) !important;
  }

  .mt-6 {
    margin-top: var(--space-size-6) !important;
  }

  .mr-6 {
    margin-right: var(--space-size-6) !important;
  }

  .mb-6 {
    margin-bottom: var(--space-size-6) !important;
  }

  .ml-6 {
    margin-left: var(--space-size-6) !important;
  }

  .mx-6 {
    margin-left: var(--space-size-6) !important;
    margin-right: var(--space-size-6) !important;
  }

  .my-6 {
    margin-bottom: var(--space-size-6) !important;
    margin-top: var(--space-size-6) !important;
  }

  /** padding overrides **/
  .p-1 {
    padding: var(--space-size-1) !important;
  }

  .pt-1 {
    padding-top: var(--space-size-1) !important;
  }

  .pr-1 {
    padding-right: var(--space-size-1) !important;
  }

  .pb-1 {
    padding-bottom: var(--space-size-1) !important;
  }

  .pl-1 {
    padding-left: var(--space-size-1) !important;
  }

  .px-1 {
    padding-left: var(--space-size-1) !important;
    padding-right: var(--space-size-1) !important;
  }

  .py-1 {
    padding-bottom: var(--space-size-1) !important;
    padding-top: var(--space-size-1) !important;
  }

  .p-2 {
    padding: var(--space-size-2) !important;
  }

  .pt-2 {
    padding-top: var(--space-size-2) !important;
  }

  .pr-2 {
    padding-right: var(--space-size-2) !important;
  }

  .pb-2 {
    padding-bottom: var(--space-size-2) !important;
  }

  .pl-2 {
    padding-left: var(--space-size-2) !important;
  }

  .px-2 {
    padding-left: var(--space-size-2) !important;
    padding-right: var(--space-size-2) !important;
  }

  .py-2 {
    padding-bottom: var(--space-size-2) !important;
    padding-top: var(--space-size-2) !important;
  }

  .p-3 {
    padding: var(--space-size-3) !important;
  }

  .pt-3 {
    padding-top: var(--space-size-3) !important;
  }

  .pr-3 {
    padding-right: var(--space-size-3) !important;
  }

  .pb-3 {
    padding-bottom: var(--space-size-3) !important;
  }

  .pl-3 {
    padding-left: var(--space-size-3) !important;
  }

  .px-3 {
    padding-left: var(--space-size-3) !important;
    padding-right: var(--space-size-3) !important;
  }

  .py-3 {
    padding-bottom: var(--space-size-3) !important;
    padding-top: var(--space-size-3) !important;
  }

  .p-4 {
    padding: var(--space-size-4) !important;
  }

  .pt-4 {
    padding-top: var(--space-size-4) !important;
  }

  .pr-4 {
    padding-right: var(--space-size-4) !important;
  }

  .pb-4 {
    padding-bottom: var(--space-size-4) !important;
  }

  .pl-4 {
    padding-left: var(--space-size-4) !important;
  }

  .px-4 {
    padding-left: var(--space-size-4) !important;
    padding-right: var(--space-size-4) !important;
  }

  .py-4 {
    padding-bottom: var(--space-size-4) !important;
    padding-top: var(--space-size-4) !important;
  }

  .p-5 {
    padding: var(--space-size-5) !important;
  }

  .pt-5 {
    padding-top: var(--space-size-5) !important;
  }

  .pr-5 {
    padding-right: var(--space-size-5) !important;
  }

  .pb-5 {
    padding-bottom: var(--space-size-5) !important;
  }

  .pl-5 {
    padding-left: var(--space-size-5) !important;
  }

  .px-5 {
    padding-left: var(--space-size-5) !important;
    padding-right: var(--space-size-5) !important;
  }

  .py-5 {
    padding-bottom: var(--space-size-5) !important;
    padding-top: var(--space-size-5) !important;
  }

  .p-6 {
    padding: var(--space-size-6) !important;
  }

  .pt-6 {
    padding-top: var(--space-size-6) !important;
  }

  .pr-6 {
    padding-right: var(--space-size-6) !important;
  }

  .pb-6 {
    padding-bottom: var(--space-size-6) !important;
  }

  .pl-6 {
    padding-left: var(--space-size-6) !important;
  }

  .px-6 {
    padding-left: var(--space-size-6) !important;
    padding-right: var(--space-size-6) !important;
  }

  .py-6 {
    padding-bottom: var(--space-size-6) !important;
    padding-top: var(--space-size-6) !important;
  }



  .mb-fifty {
    margin-bottom: 50px !important;
  }

  .mb-seventyfive {
    margin-bottom: 75px !important;
  }
}

/* mobile specific spacing */
@media screen and (width <=768px) {
  main {
    & .section {
      margin-bottom: var(--space-size-4);
      padding: 0 var(--space-size-3);
    }

    .m-0-mobile {
      margin: 0 !important;
    }

    .mt-0-mobile {
      margin-top: 0 !important;
    }

    .mr-0-mobile {
      margin-right: 0 !important;
    }

    .mb-0-mobile {
      margin-bottom: 0 !important;
    }

    .ml-0-mobile {
      margin-left: 0 !important;
    }

    .mx-0-mobile {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }

    .my-0-mobile {
      margin-bottom: 0 !important;
      margin-top: 0 !important;
    }

    .m-1-mobile {
      margin: var(--space-size-1) !important;
    }

    .mt-1-mobile {
      margin-top: var(--space-size-1) !important;
    }

    .mr-1-mobile {
      margin-right: var(--space-size-1) !important;
    }

    .mb-1-mobile {
      margin-bottom: var(--space-size-1) !important;
    }

    .ml-1-mobile {
      margin-left: var(--space-size-1) !important;
    }

    .mx-1-mobile {
      margin-left: var(--space-size-1) !important;
      margin-right: var(--space-size-1) !important;
    }

    .my-1-mobile {
      margin-bottom: var(--space-size-1) !important;
      margin-top: var(--space-size-1) !important;
    }

    .m-2-mobile {
      margin: var(--space-size-2) !important;
    }

    .mt-2-mobile {
      margin-top: var(--space-size-2) !important;
    }

    .mr-2-mobile {
      margin-right: var(--space-size-2) !important;
    }

    .mb-2-mobile {
      margin-bottom: var(--space-size-2) !important;
    }

    .ml-2-mobile {
      margin-left: var(--space-size-2) !important;
    }

    .mx-2-mobile {
      margin-left: var(--space-size-2) !important;
      margin-right: var(--space-size-2) !important;
    }

    .my-2-mobile {
      margin-bottom: var(--space-size-2) !important;
      margin-top: var(--space-size-2) !important;
    }

    .m-3-mobile {
      margin: var(--space-size-3) !important;
    }

    .mt-3-mobile {
      margin-top: var(--space-size-3) !important;
    }

    .mr-3-mobile {
      margin-right: var(--space-size-3) !important;
    }

    .mb-3-mobile {
      margin-bottom: var(--space-size-3) !important;
    }

    .ml-3-mobile {
      margin-left: var(--space-size-3) !important;
    }

    .mx-3-mobile {
      margin-left: var(--space-size-3) !important;
      margin-right: var(--space-size-3) !important;
    }

    .my-3-mobile {
      margin-bottom: var(--space-size-3) !important;
      margin-top: var(--space-size-3) !important;
    }

    .m-4-mobile {
      margin: var(--space-size-4) !important;
    }

    .mt-4-mobile {
      margin-top: var(--space-size-4) !important;
    }

    .mr-4-mobile {
      margin-right: var(--space-size-4) !important;
    }

    .mb-4-mobile {
      margin-bottom: var(--space-size-4) !important;
    }

    .ml-4-mobile {
      margin-left: var(--space-size-4) !important;
    }

    .mx-4-mobile {
      margin-left: var(--space-size-4) !important;
      margin-right: var(--space-size-4) !important;
    }

    .my-4-mobile {
      margin-bottom: var(--space-size-4) !important;
      margin-top: var(--space-size-4) !important;
    }

    .m-5-mobile {
      margin: var(--space-size-5) !important;
    }

    .mt-5-mobile {
      margin-top: var(--space-size-5) !important;
    }

    .mr-5-mobile {
      margin-right: var(--space-size-5) !important;
    }

    .mb-5-mobile {
      margin-bottom: var(--space-size-5) !important;
    }

    .ml-5-mobile {
      margin-left: var(--space-size-5) !important;
    }

    .mx-5-mobile {
      margin-left: var(--space-size-5) !important;
      margin-right: var(--space-size-5) !important;
    }

    .my-5-mobile {
      margin-bottom: var(--space-size-5) !important;
      margin-top: var(--space-size-5) !important;
    }

    .m-6-mobile {
      margin: var(--space-size-6) !important;
    }

    .mt-6-mobile {
      margin-top: var(--space-size-6) !important;
    }

    .mr-6-mobile {
      margin-right: var(--space-size-6) !important;
    }

    .mb-6-mobile {
      margin-bottom: var(--space-size-6) !important;
    }

    .ml-6-mobile {
      margin-left: var(--space-size-6) !important;
    }

    .mx-6-mobile {
      margin-left: var(--space-size-6) !important;
      margin-right: var(--space-size-6) !important;
    }

    .my-6-mobile {
      margin-bottom: var(--space-size-6) !important;
      margin-top: var(--space-size-6) !important;
    }

    /** padding overrides **/
    .p-0-mobile {
      padding: 0 !important;
    }

    .pt-0-mobile {
      padding-top: 0 !important;
    }

    .pr-0-mobile {
      padding-right: 0 !important;
    }

    .pb-0-mobile {
      padding-bottom: 0 !important;
    }

    .pl-0-mobile {
      padding-left: 0 !important;
    }

    .px-0-mobile {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    .py-0-mobile {
      padding-bottom: 0 !important;
      padding-top: 0 !important;
    }

    .p-1-mobile {
      padding: var(--space-size-1) !important;
    }

    .pt-1-mobile {
      padding-top: var(--space-size-1) !important;
    }

    .pr-1-mobile {
      padding-right: var(--space-size-1) !important;
    }

    .pb-1-mobile {
      padding-bottom: var(--space-size-1) !important;
    }

    .pl-1-mobile {
      padding-left: var(--space-size-1) !important;
    }

    .px-1-mobile {
      padding-left: var(--space-size-1) !important;
      padding-right: var(--space-size-1) !important;
    }

    .py-1-mobile {
      padding-bottom: var(--space-size-1) !important;
      padding-top: var(--space-size-1) !important;
    }

    .p-2-mobile {
      padding: var(--space-size-2) !important;
    }

    .pt-2-mobile {
      padding-top: var(--space-size-2) !important;
    }

    .pr-2-mobile {
      padding-right: var(--space-size-2) !important;
    }

    .pb-2-mobile {
      padding-bottom: var(--space-size-2) !important;
    }

    .pl-2-mobile {
      padding-left: var(--space-size-2) !important;
    }

    .px-2-mobile {
      padding-left: var(--space-size-2) !important;
      padding-right: var(--space-size-2) !important;
    }

    .py-2-mobile {
      padding-bottom: var(--space-size-2) !important;
      padding-top: var(--space-size-2) !important;
    }

    .p-3-mobile {
      padding: var(--space-size-3) !important;
    }

    .pt-3-mobile {
      padding-top: var(--space-size-3) !important;
    }

    .pr-3-mobile {
      padding-right: var(--space-size-3) !important;
    }

    .pb-3-mobile {
      padding-bottom: var(--space-size-3) !important;
    }

    .pl-3-mobile {
      padding-left: var(--space-size-3) !important;
    }

    .px-3-mobile {
      padding-left: var(--space-size-3) !important;
      padding-right: var(--space-size-3) !important;
    }

    .py-3-mobile {
      padding-bottom: var(--space-size-3) !important;
      padding-top: var(--space-size-3) !important;
    }

    .p-4-mobile {
      padding: var(--space-size-4) !important;
    }

    .pt-4-mobile {
      padding-top: var(--space-size-4) !important;
    }

    .pr-4-mobile {
      padding-right: var(--space-size-4) !important;
    }

    .pb-4-mobile {
      padding-bottom: var(--space-size-4) !important;
    }

    .pl-4-mobile {
      padding-left: var(--space-size-4) !important;
    }

    .px-4-mobile {
      padding-left: var(--space-size-4) !important;
      padding-right: var(--space-size-4) !important;
    }

    .py-4-mobile {
      padding-bottom: var(--space-size-4) !important;
      padding-top: var(--space-size-4) !important;
    }

    .p-5-mobile {
      padding: var(--space-size-5) !important;
    }

    .pt-5-mobile {
      padding-top: var(--space-size-5) !important;
    }

    .pr-5-mobile {
      padding-right: var(--space-size-5) !important;
    }

    .pb-5-mobile {
      padding-bottom: var(--space-size-5) !important;
    }

    .pl-5-mobile {
      padding-left: var(--space-size-5) !important;
    }

    .px-5-mobile {
      padding-left: var(--space-size-5) !important;
      padding-right: var(--space-size-5) !important;
    }

    .py-5-mobile {
      padding-bottom: var(--space-size-5) !important;
      padding-top: var(--space-size-5) !important;
    }

    .p-6-mobile {
      padding: var(--space-size-6) !important;
    }

    .pt-6-mobile {
      padding-top: var(--space-size-6) !important;
    }

    .pr-6-mobile {
      padding-right: var(--space-size-6) !important;
    }

    .pb-6-mobile {
      padding-bottom: var(--space-size-6) !important;
    }

    .pl-6-mobile {
      padding-left: var(--space-size-6) !important;
    }

    .px-6-mobile {
      padding-left: var(--space-size-6) !important;
      padding-right: var(--space-size-6) !important;
    }

    .py-6-mobile {
      padding-bottom: var(--space-size-6) !important;
      padding-top: var(--space-size-6) !important;
    }
  }
}

/*** Page hacks ***/
main>.content:first-child {
  margin-bottom: 0;
}

main {
  .content:not(:last-child) {
    margin-bottom: 0;
  }
}

.columns {
  margin: 0 !important;
}

.columns .is-gap-4 {
  gap: 1rem;
}

.columns .is-gap-5 {
  gap: 2rem;
}

/*** Icon card trays ***/
.tray {
  .iconcard figure {
    margin: 0;
  }

  >div {
    margin-bottom: 1rem !important;
  }

  >div:last-child {
    margin-bottom: 0 !important;
  }

  >div:has(> :last-child:nth-child(2)) {
    .iconcard figure {
      padding: 0 1.5rem !important;

      figcaption {
        text-align: left;
      }
    }

    .iconcard:first-child figure {
      display: flex;
      flex-flow: row;
      gap: 1rem;
      align-items: center;
    }

    .iconcard:last-child figure {
      align-items: center;
      display: flex;
      flex-flow: row-reverse;
      gap: 1rem;
      align-items: center;
    }
  }

  >div:has(> :last-child:nth-child(3)) {
    .iconcard figure {
      padding: 0 1rem;
      text-align: center;

    }

    figcaption {
      text-align: center;
    }
  }

  /** Refactor this to include style variants - eg grape border, right-border **/
  .iconcard {
    background: #fff;
    border-right: 2px solid #d9d9d9;
    min-height: 166px;
  }

  .iconcard:last-child {
    border-right: none;
  }

  /** Fixed height icon images **/
  .iconcard figure img {
    height: 4rem !important;
    width: auto;
  }
}


.iconcard .col_inner {
  padding: 25px !important;
}

.iconcard .col_inner a {
  text-decoration: underline;
}

.iconcard .col_inner a:active,
.iconcard .col_inner a.is-active,
.iconcard .col_inner a:focus,
.iconcard .col_inner a.is-focused,
.iconcard .col_inner a:hover,
.iconcard .col_inner a.is-hovered {
  text-decoration: none;
}


/*** colors ***/
/** background colors **/

.ms-bg-gold {
  background-color: var(--msq-gold);
  color: #fff !important;
}

.ms-bg-gray1 {
  background-color: #757778;
  color: #fff !important;
}

.ms-bg-navy {
  background-color: var(--msq-navy);
  color: #fff !important;
}

.ms-bg-purple {
  background-color: var(--msq-grape-dark);
  color: #fff !important;
}

/* Need to remove Teal, not ada compliant */
.ms-bg-teal {
  background-color: var(--msq-teal);
  color: #fff !important;
}

.is-bg-grape {
  background-color: var(--msq-grape) !important;
}

.is-bg-navy {
  background-color: var(--msq-navy);
}

.is-bg-msq-grey-1 {
  background-color: #f3f4f9;
}

.is-bg-bright {
  background-color: #f3f4fA;
}

.is-bg-bright-2 {
  background-color: var(--msq-bright-2);
}

.is-bg-white {
  background-color: #ffffff;
}


.has-border-berry {
  border-radius: 0px;
  border: 1px solid var(--msq-berry);
}

.has-border-grape {
  border-radius: 0px;
  border: 1px solid var(--msq-grape);
}

.is-weight-400 {
  font-weight: 400;
}


/** foreground color-eg text **/
.is-color-blue {
  color: #01588D !important;
}

.is-color-black {
  color: #000000 !important;
}

.is-color-msq-blue {
  color: var(--msq-blue) !important;
}

.is-color-msq-navy {
  color: var(--msq-navy) !important;
}

.is-color-msq-navy-2 {
  color: var(--msq-navy-2) !important;
}

.is-color-white {
  color: #ffffff !important;
}

.has-box-shadow {
  box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02);
}

/*** Cards ***/
.card-image img {
  border-radius: 0 !important;
}

/** Primarily for where order of image and text blocks switches **/
.is-flex-direction-alternating .columns:nth-child(even) {
  flex-direction: row-reverse;
}

/*** Horizontal cards ***/
.is-flex-direction-alternating {

  .columns.horizontal-card:nth-child(odd) {
    justify-content: flex-end;
  }

  .columns.horizontal-card:nth-child(even) {
    justify-content: normal;
  }
}

.columns.horizontal-card:nth-child(odd) {
  .column:first-child {
    padding-left: 0;
  }

  .column:last-child {
    padding-right: 0;
  }
}


.horizontal-card:last-child {
  margin-bottom: 0 !important;
}

.horizontal-card .column *:first-child {
  margin-top: 0 !important;
}

.horizontal-card .card-image img {
  width: 100%;
}

@media screen and (width <=768px) {
  .tray .iconcard figcaption {
    text-align: center !important;
  }

  .tray {
    .iconcard figure img {
      max-width: 5rem !important;
      height: auto;
    }
  }

  .tray>div:has(> :last-child:nth-child(2)) {
    .iconcard figure {
      padding: 1rem !important;
      display: block !important;
    }
  }

  .tray>div:has(> :last-child:nth-child(3)) {
    .iconcard figure {
      padding: 1rem !important;
    }
  }

  .tray>.columns {
    margin-bottom: 1rem !important;
  }

  .tray>.columns:last-child {
    margin-bottom: 0 !important;

  }

  .tray>.columns>.column {
    margin-bottom: 1rem !important;
  }

  .tray>div .column:last-child {
    margin-bottom: 0 !important;
  }

  .tray>div .iconcard {
    border-bottom: 2px solid #D9D9D9 !important;
  }

  .tray>div:last-child .iconcard:last-child {
    border-bottom: none !important;
  }

  .is-flex-direction-alternating {

    .columns.horizontal-card {
      justify-content: normal;
    }
  }
}

@media screen and (width > 768px) and (width <=1024px) {

  .iconcard {
    min-height: 164px;
  }

  .tray {
    >div:has(> :last-child:nth-child(2)) {
      .iconcard.is-4 {
        width: 40%;
      }

      .iconcard figure {
        padding: 0rem 1rem !important;
      }
    }

    >div:has(> :last-child:nth-child(3)) {
      .iconcard figure {
        padding: 0rem 0.5rem !important;
        gap: 0.25rem;
      }
    }
  }

}

@media screen and (width > 768px) {
  .tray {

    >div:has(> :last-child:nth-child(3)) {
      .iconcard figure {
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
    }
  }
}


/***** This should be rethought in terms of relationship with horizontal-card, etc. *****/
/***** Note clash with Bulma card declarations *****/
/*** Icon cards ***/
.iconcard,
.card.iconcard {
  border-radius: 0px;
  border: 1px solid var(--msq-berry-dark);
  height: 100%;
  margin-bottom: 0;
  margin-right: 1.5rem;
  padding: 0.75rem 0;
}

.iconcard:last-child {
  margin-right: 0;
}

.iconcard .card-content {
  padding: 0.25rem 1.5rem 1rem;
  text-align: center;
}

.iconcard figure.image {
  border-bottom: 4px solid #afafaf11;
}

.iconcard h3,
.iconcard h4 {
  margin: 0 auto;
  padding: 1rem;
}

.iconcard .card-image img {
  margin: 0 auto;
}

@media screen and (width <=768px) {

  .has-grey-separator {
    .iconcard {
      border: none;
    }
  }

  .card.iconcard {
    margin-bottom: 1.5rem;
    margin-right: 0rem;
  }

  .card.iconcard:last-child {
    margin-bottom: 0rem;
  }

  .iconcard figure {
    display: block;
  }
}


/* override default button style */
button, .button {
  border-radius: 0;
  line-height: 0.92;
  max-width: 310px;
}


/***** This can probably be simplified to remove redundancies, etc *****/
/*** CTA bar and CTA buttons ***/
main {
  .ctabar {
    background-color: var(--msq-grape);
    padding: 1.25rem calc(2 * var(--space-size-6));
  }

  .ctabar {
    .buttons {
      flex-wrap: nowrap;
      gap: unset !important;
      justify-content: center;
      margin: 0;
      padding: 0 !important;
    }

    .button {
      align-items: center;
      background-color: #ffffff;
      border: 1px solid var(--msq-berry-dark);
      color: var(--msq-berry-dark);
      display: flex;
      flex: 1 0 calc(33.0% - var(--space-size-5));
      justify-content: center;
      margin: 0 var(--space-size-5) 0 0 !important;
      min-height: 46px;
      max-width: 310px;
      padding: 0.75rem 1.5rem;
      width: calc(33.0% - var(--space-size-5));
    }

    .button:last-child {
      margin-right: 0 !important;
    }

    .button a.is-cta,
    .button a.is-cta:visited {
      background: transparent;
      color: inherit !important;
      padding: 0 !important;
      text-decoration: none;
      text-wrap-mode: wrap;
    }

    .button:active,
    .button:focus,
    .button:focus-within,
    .button:hover {
      background: var(--msq-berry);
      border-color: var(--msq-berry);
      color: #ffffff;

      a.is-cta,
      a.is-cta:visited {
        background: transparent !important;
        color: inherit !important;
      }
    }
  }
}

@media screen and (width <=768px) {
  main {
    .ctabar {
      padding: 1.25rem var(--space-size-6);
    }

    .ctabar {
      .buttons {
        flex-flow: column;
        height: auto;
      }

      .button {
        flex: 1 0 auto;
        margin: 0 0 1.375rem 0 !important;
        width: 310px;
      }

      .button:last-child {
        margin-bottom: 0 !important;
      }
    }
  }
}

@media screen and (width > 768px) and (width <= 1240px){
  main {
    .ctabar .buttons {
      align-items: stretch;
    }
      
    .ctabar .button {
      height: auto;
      padding: 0.5rem 0.5rem;
    }
  }
}

@media screen and (width > 1408px) {
  main {
    .ctabar {
      .buttons button.button {
        width: 310px;
      }
    }
  }
}

/* bare link */
a.is-cta,
input.is-cta,
button.is-cta,
button .is-cta {
  color: var(--msq-berry-dark) !important;
  font-family: var(--msq-avenir-fontstack);
  font-weight: 700;
  text-decoration: none !important;
}

/* button link */
input.is-cta,
.button.is-cta a,
.button.is-cta,
button .is-cta {
  background: #fefefe;
  border-color: var(--msq-berry-dark);
  border-radius: 0px;
  border-width: 1px;
  box-shadow: none !important;
  box-sizing: border-box;
  color: var(--msq-berry-dark) !important;
  cursor: pointer;
  font-weight: 700;
  justify-content: center;
  line-height: 0.92;
  margin: 0;
  padding: 0.75rem 1.5rem !important;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s ease-in;
  white-space: nowrap;
}


a.has-arrow.is-cta:not(.button):active,
a.has-arrow.is-cta:not(.button):focus,
a.has-arrow.is-cta:not(.button):hover {
  text-decoration: underline !important;
}

a.is-cta.has-arrow:link a.is-cta.has-arrow:visited {
  border: none;
  text-decoration: none;
}

/* overide bulma tabs declaration */
.tabs.is-toggle a.is-cta:not(.button) {
  background: transparent;
  border: none;
  border-width: 0px;
  text-decoration: none !important;
}

.tabs.is-toggle a.is-cta:not(.button):active,
.tabs.is-toggle a.is-cta:not(.button):focus,
.tabs.is-toggle a.is-cta:not(.button):hover {
  background: transparent;
  border: none;
  border-width: 0px;
  color: var(--msq-berry) !important;
  text-decoration: underline !important;
}

.button.is-large {
  border-width: 2px;
  font-size: 1.25rem;
}


/** This doesn't show up very well **/
.button.is-cta a:hover,
.button.is-cta a:active,
.button.is-cta.is-active,
.button.is-cta:active,
.button.is-cta.is-hovered,
.button.is-cta:hover,
button .is-cta a:hover,
button .is-cta a:active,
button .is-cta.is-active,
button .is-cta:active,
button .is-cta.is-hovered,
button .is-cta:hover {
  background-color: var(--msq-berry) !important;
  color: #ffffff !important;
  transition: 0.2s;
}


/*** CTA Links ***/
main {
  .ctaLink {
    letter-spacing: -.01rem;
    transition: all .2s ease-in;
    text-decoration: none !important;
  }

  .ctaLink::after {
    color: var(--msq-berry-dark);
    content: "\276F";
    font-style: normal;
    font-weight: 600;
    padding: 0 0 0 .5em;
  }

  /** do these need a visual cue for state change **/
  .ctaLink:active,
  .ctaLink.is-active,
  .ctaLink:focus,
  .ctaLink.is-focused,
  .ctaLink:hover,
  .ctaLink.is-hovered {
    text-decoration: underline !important;
  }

  .ctaLink a {
    font-family: inherit;
    font-weight: 700;
    text-decoration: underline !important;
  }

  /** Should probably be moved to iconcard section **/
  .iconcard .ctaLink::after {
    color: var(--msq-blue);
  }

  .iconcard .ctaLink a {
    color: var(--msq-blue);
  }

  img.left-right {
    width: 100%;
    height: auto;
  }
}

/*** stat bar ***/
.stat-bar {
  background: var(--msq-bright-2);
}

.stat-value {
  font-size: 4rem !important;
  color: #178ada !important;
  font-weight: 400 !important;
  line-height: 5rem;
  margin-bottom: 10px !important;
}

/** Check font family **/
.stat-label {
  color: #015b8d !important;
  font-family: var(--msq-avenir-fontstack);
  font-size: 1.2rem !important;
}

.stat-footer {
  clear: both;
  font-size: 0.75rem !important;
  margin: 0 !important;
  padding: 0 0 0 2em;
}

/***** Can probably remove the tile section *****/
main {
  .tile.is-child {
    margin-left: 0;
    margin-right: 1.5rem !important;
    padding: 2.5rem 3.125rem;
  }

  .tile.is-child:first-child {
    margin-left: 0 !important;
  }

  .tile.is-child:last-child {
    margin-right: 0 !important;
  }

  .tile.is-child h3,
  .tile.is-child h4,
  .tile.is-child p {
    color: #fff !important;
  }
}

/* news containers */

.news-index main>.columns>.column {
  padding-top: 0;
}

.news-index .news-teaser h2,
.news-index .news-teaser h3 {
  margin-bottom: 0;
}

.news-index .news-teaser time {
  display: block;
  font-weight: 600;
  margin: 0.25rem 0;
}

/* add default margin to layout */

.is-offset-msq {
  margin-left: var(--space-size-4);
  padding-bottom: var(--space-size-4);
}


/* contact us hero */
#contact-us {
  background-image: none;
}

/* force correct padding on pages with .section overrides */
section#contact-us.section {
  margin-bottom: 0;
  padding: var(--space-size-6) calc(2 * var(--space-size-6)) 0 !important;
}

#block-contact-us-img {
  height: 162px;
  width: 100%;
  overflow-y: hidden;
}

#block-contact-us-img img {
  margin: 0 auto;
  object-position: center top;
  width: 300px;
}

/* Contact us mobile */
@media screen and (width <=768px) {
  section#contact-us.section {
    margin-bottom: 0;
    padding: var(--space-size-4) var(--space-size-3) 0 !important;
  }
}

/* MOBILE ONLY */

@media screen and (width <=768px) {
  .is-offset-msq {
    margin-left: var(--space-size-2);
  }

  main {
    .hero {
      background-image: none !important;
      height: auto;
      min-height: 200px;
    }

    .hero-body {
      text-align: center;
      width: 100%;
    }

    .hero-body .buttons {
      text-align: center;
    }

    .tile.is-child {
      margin-bottom: 0 !important;
      margin-right: 0 !important;
    }

    .tile.is-child:last-child {
      margin-right: 0 !important;
    }
  }

}

main {

  .buttons.is-cta {
    padding: 1.0rem !important;
    gap: 3rem;
  }

  #block-contact-us>.section {
    padding: 0;
  }
}


/* TABLET ONLY */

@media screen and (width > 768px) and (width <=1024px) {
  #wrapper {
    padding-bottom: 0px;
  }

  .is-offset-msq {
    margin-left: var(--space-size-1);
  }
}

/*** End page css overrides - x33274 and x29074 ***/

/*** Bulma 1.0.2 grid implementation ***/
/*! bulma.io v1.0.2 | MIT License | github.com/jgthms/bulma */
/* Bulma Utilities */
.fixed-grid {
  container-name: bulma-fixed-grid;
  container-type: inline-size;
}

.fixed-grid>.grid {
  --bulma-grid-gap-count: calc(var(--bulma-grid-column-count) - 1);
  --bulma-grid-column-count: 2;
  grid-template-columns: repeat(var(--bulma-grid-column-count), 1fr);
}

.fixed-grid.has-1-cols>.grid {
  --bulma-grid-column-count: 1;
}

.fixed-grid.has-2-cols>.grid {
  --bulma-grid-column-count: 2;
}

.fixed-grid.has-3-cols>.grid {
  --bulma-grid-column-count: 3;
}

.fixed-grid.has-4-cols>.grid {
  --bulma-grid-column-count: 4;
}

.fixed-grid.has-5-cols>.grid {
  --bulma-grid-column-count: 5;
}

.fixed-grid.has-6-cols>.grid {
  --bulma-grid-column-count: 6;
}

.fixed-grid.has-7-cols>.grid {
  --bulma-grid-column-count: 7;
}

.fixed-grid.has-8-cols>.grid {
  --bulma-grid-column-count: 8;
}

.fixed-grid.has-9-cols>.grid {
  --bulma-grid-column-count: 9;
}

.fixed-grid.has-10-cols>.grid {
  --bulma-grid-column-count: 10;
}

.fixed-grid.has-11-cols>.grid {
  --bulma-grid-column-count: 11;
}

.fixed-grid.has-12-cols>.grid {
  --bulma-grid-column-count: 12;
}

@container bulma-fixed-grid (max-width: 768px) {
  .fixed-grid.has-1-cols-mobile>.grid {
    --bulma-grid-column-count: 1;
  }

  .fixed-grid.has-2-cols-mobile>.grid {
    --bulma-grid-column-count: 2;
  }

  .fixed-grid.has-3-cols-mobile>.grid {
    --bulma-grid-column-count: 3;
  }

  .fixed-grid.has-4-cols-mobile>.grid {
    --bulma-grid-column-count: 4;
  }

  .fixed-grid.has-5-cols-mobile>.grid {
    --bulma-grid-column-count: 5;
  }

  .fixed-grid.has-6-cols-mobile>.grid {
    --bulma-grid-column-count: 6;
  }

  .fixed-grid.has-7-cols-mobile>.grid {
    --bulma-grid-column-count: 7;
  }

  .fixed-grid.has-8-cols-mobile>.grid {
    --bulma-grid-column-count: 8;
  }

  .fixed-grid.has-9-cols-mobile>.grid {
    --bulma-grid-column-count: 9;
  }

  .fixed-grid.has-10-cols-mobile>.grid {
    --bulma-grid-column-count: 10;
  }

  .fixed-grid.has-11-cols-mobile>.grid {
    --bulma-grid-column-count: 11;
  }

  .fixed-grid.has-12-cols-mobile>.grid {
    --bulma-grid-column-count: 12;
  }
}

@container bulma-fixed-grid (min-width: 769px) {
  .fixed-grid.has-1-cols-tablet>.grid {
    --bulma-grid-column-count: 1;
  }

  .fixed-grid.has-2-cols-tablet>.grid {
    --bulma-grid-column-count: 2;
  }

  .fixed-grid.has-3-cols-tablet>.grid {
    --bulma-grid-column-count: 3;
  }

  .fixed-grid.has-4-cols-tablet>.grid {
    --bulma-grid-column-count: 4;
  }

  .fixed-grid.has-5-cols-tablet>.grid {
    --bulma-grid-column-count: 5;
  }

  .fixed-grid.has-6-cols-tablet>.grid {
    --bulma-grid-column-count: 6;
  }

  .fixed-grid.has-7-cols-tablet>.grid {
    --bulma-grid-column-count: 7;
  }

  .fixed-grid.has-8-cols-tablet>.grid {
    --bulma-grid-column-count: 8;
  }

  .fixed-grid.has-9-cols-tablet>.grid {
    --bulma-grid-column-count: 9;
  }

  .fixed-grid.has-10-cols-tablet>.grid {
    --bulma-grid-column-count: 10;
  }

  .fixed-grid.has-11-cols-tablet>.grid {
    --bulma-grid-column-count: 11;
  }

  .fixed-grid.has-12-cols-tablet>.grid {
    --bulma-grid-column-count: 12;
  }
}

@container bulma-fixed-grid (min-width: 1024px) {
  .fixed-grid.has-1-cols-desktop>.grid {
    --bulma-grid-column-count: 1;
  }

  .fixed-grid.has-2-cols-desktop>.grid {
    --bulma-grid-column-count: 2;
  }

  .fixed-grid.has-3-cols-desktop>.grid {
    --bulma-grid-column-count: 3;
  }

  .fixed-grid.has-4-cols-desktop>.grid {
    --bulma-grid-column-count: 4;
  }

  .fixed-grid.has-5-cols-desktop>.grid {
    --bulma-grid-column-count: 5;
  }

  .fixed-grid.has-6-cols-desktop>.grid {
    --bulma-grid-column-count: 6;
  }

  .fixed-grid.has-7-cols-desktop>.grid {
    --bulma-grid-column-count: 7;
  }

  .fixed-grid.has-8-cols-desktop>.grid {
    --bulma-grid-column-count: 8;
  }

  .fixed-grid.has-9-cols-desktop>.grid {
    --bulma-grid-column-count: 9;
  }

  .fixed-grid.has-10-cols-desktop>.grid {
    --bulma-grid-column-count: 10;
  }

  .fixed-grid.has-11-cols-desktop>.grid {
    --bulma-grid-column-count: 11;
  }

  .fixed-grid.has-12-cols-desktop>.grid {
    --bulma-grid-column-count: 12;
  }
}

@container bulma-fixed-grid (min-width: 1216px) {
  .fixed-grid.has-1-cols-widescreen>.grid {
    --bulma-grid-column-count: 1;
  }

  .fixed-grid.has-2-cols-widescreen>.grid {
    --bulma-grid-column-count: 2;
  }

  .fixed-grid.has-3-cols-widescreen>.grid {
    --bulma-grid-column-count: 3;
  }

  .fixed-grid.has-4-cols-widescreen>.grid {
    --bulma-grid-column-count: 4;
  }

  .fixed-grid.has-5-cols-widescreen>.grid {
    --bulma-grid-column-count: 5;
  }

  .fixed-grid.has-6-cols-widescreen>.grid {
    --bulma-grid-column-count: 6;
  }

  .fixed-grid.has-7-cols-widescreen>.grid {
    --bulma-grid-column-count: 7;
  }

  .fixed-grid.has-8-cols-widescreen>.grid {
    --bulma-grid-column-count: 8;
  }

  .fixed-grid.has-9-cols-widescreen>.grid {
    --bulma-grid-column-count: 9;
  }

  .fixed-grid.has-10-cols-widescreen>.grid {
    --bulma-grid-column-count: 10;
  }

  .fixed-grid.has-11-cols-widescreen>.grid {
    --bulma-grid-column-count: 11;
  }

  .fixed-grid.has-12-cols-widescreen>.grid {
    --bulma-grid-column-count: 12;
  }
}

@container bulma-fixed-grid (min-width: 1408px) {
  .fixed-grid.has-1-cols-fullhd>.grid {
    --bulma-grid-column-count: 1;
  }

  .fixed-grid.has-2-cols-fullhd>.grid {
    --bulma-grid-column-count: 2;
  }

  .fixed-grid.has-3-cols-fullhd>.grid {
    --bulma-grid-column-count: 3;
  }

  .fixed-grid.has-4-cols-fullhd>.grid {
    --bulma-grid-column-count: 4;
  }

  .fixed-grid.has-5-cols-fullhd>.grid {
    --bulma-grid-column-count: 5;
  }

  .fixed-grid.has-6-cols-fullhd>.grid {
    --bulma-grid-column-count: 6;
  }

  .fixed-grid.has-7-cols-fullhd>.grid {
    --bulma-grid-column-count: 7;
  }

  .fixed-grid.has-8-cols-fullhd>.grid {
    --bulma-grid-column-count: 8;
  }

  .fixed-grid.has-9-cols-fullhd>.grid {
    --bulma-grid-column-count: 9;
  }

  .fixed-grid.has-10-cols-fullhd>.grid {
    --bulma-grid-column-count: 10;
  }

  .fixed-grid.has-11-cols-fullhd>.grid {
    --bulma-grid-column-count: 11;
  }

  .fixed-grid.has-12-cols-fullhd>.grid {
    --bulma-grid-column-count: 12;
  }
}

@container bulma-fixed-grid (max-width: 768px) {
  .fixed-grid.has-auto-count .grid {
    --bulma-grid-column-count: 2;
  }
}

@container bulma-fixed-grid (min-width: 769px) {
  .fixed-grid.has-auto-count .grid {
    --bulma-grid-column-count: 4;
  }
}

@container bulma-fixed-grid (min-width: 1024px) {
  .fixed-grid.has-auto-count .grid {
    --bulma-grid-column-count: 8;
  }
}

@container bulma-fixed-grid (min-width: 1216px) {
  .fixed-grid.has-auto-count .grid {
    --bulma-grid-column-count: 12;
  }
}

@container bulma-fixed-grid (min-width: 1408px) {
  .fixed-grid.has-auto-count .grid {
    --bulma-grid-column-count: 16;
  }
}

.grid {
  --bulma-grid-gap: 0.75rem;
  --bulma-grid-column-min: 9rem;
  --bulma-grid-cell-column-span: 1;
  --bulma-grid-cell-row-span: 1;
  display: grid;
  gap: var(--bulma-grid-gap);
  column-gap: var(--bulma-grid-column-gap, var(--bulma-grid-gap));
  row-gap: var(--bulma-grid-row-gap, var(--bulma-grid-gap));
  grid-template-columns: repeat(auto-fit, minmax(var(--bulma-grid-column-min), 1fr));
  grid-template-rows: auto;
}

.grid.is-auto-fill {
  grid-template-columns: repeat(auto-fill, minmax(var(--bulma-grid-column-min), 1fr));
}

.grid.is-col-min-1 {
  --bulma-grid-column-min: 1.5rem;
}

.grid.is-col-min-2 {
  --bulma-grid-column-min: 3rem;
}

.grid.is-col-min-3 {
  --bulma-grid-column-min: 4.5rem;
}

.grid.is-col-min-4 {
  --bulma-grid-column-min: 6rem;
}

.grid.is-col-min-5 {
  --bulma-grid-column-min: 7.5rem;
}

.grid.is-col-min-6 {
  --bulma-grid-column-min: 9rem;
}

.grid.is-col-min-7 {
  --bulma-grid-column-min: 10.5rem;
}

.grid.is-col-min-8 {
  --bulma-grid-column-min: 12rem;
}

.grid.is-col-min-9 {
  --bulma-grid-column-min: 13.5rem;
}

.grid.is-col-min-10 {
  --bulma-grid-column-min: 15rem;
}

.grid.is-col-min-11 {
  --bulma-grid-column-min: 16.5rem;
}

.grid.is-col-min-12 {
  --bulma-grid-column-min: 18rem;
}

.grid.is-col-min-13 {
  --bulma-grid-column-min: 19.5rem;
}

.grid.is-col-min-14 {
  --bulma-grid-column-min: 21rem;
}

.grid.is-col-min-15 {
  --bulma-grid-column-min: 22.5rem;
}

.grid.is-col-min-16 {
  --bulma-grid-column-min: 24rem;
}

.grid.is-col-min-17 {
  --bulma-grid-column-min: 25.5rem;
}

.grid.is-col-min-18 {
  --bulma-grid-column-min: 27rem;
}

.grid.is-col-min-19 {
  --bulma-grid-column-min: 28.5rem;
}

.grid.is-col-min-20 {
  --bulma-grid-column-min: 30rem;
}

.grid.is-col-min-21 {
  --bulma-grid-column-min: 31.5rem;
}

.grid.is-col-min-22 {
  --bulma-grid-column-min: 33rem;
}

.grid.is-col-min-23 {
  --bulma-grid-column-min: 34.5rem;
}

.grid.is-col-min-24 {
  --bulma-grid-column-min: 36rem;
}

.grid.is-col-min-25 {
  --bulma-grid-column-min: 37.5rem;
}

.grid.is-col-min-26 {
  --bulma-grid-column-min: 39rem;
}

.grid.is-col-min-27 {
  --bulma-grid-column-min: 40.5rem;
}

.grid.is-col-min-28 {
  --bulma-grid-column-min: 42rem;
}

.grid.is-col-min-29 {
  --bulma-grid-column-min: 43.5rem;
}

.grid.is-col-min-30 {
  --bulma-grid-column-min: 45rem;
}

.grid.is-col-min-31 {
  --bulma-grid-column-min: 46.5rem;
}

.grid.is-col-min-32 {
  --bulma-grid-column-min: 48rem;
}

.cell {
  grid-column-end: span var(--bulma-grid-cell-column-span);
  grid-column-start: var(--bulma-grid-cell-column-start);
  grid-row-end: span var(--bulma-grid-cell-row-span);
  grid-row-start: var(--bulma-grid-cell-row-start);
}

.cell.is-col-start-end {
  --bulma-grid-cell-column-start: -1;
}

.cell.is-row-start-end {
  --bulma-grid-cell-row-start: -1;
}

.cell.is-col-start-1 {
  --bulma-grid-cell-column-start: 1;
}

.cell.is-col-end-1 {
  --bulma-grid-cell-column-end: 1;
}

.cell.is-col-from-end-1 {
  --bulma-grid-cell-column-start: -1;
}

.cell.is-col-span-1 {
  --bulma-grid-cell-column-span: 1;
}

.cell.is-row-start-1 {
  --bulma-grid-cell-row-start: 1;
}

.cell.is-row-end-1 {
  --bulma-grid-cell-row-end: 1;
}

.cell.is-row-from-end-1 {
  --bulma-grid-cell-row-start: -1;
}

.cell.is-row-span-1 {
  --bulma-grid-cell-row-span: 1;
}

.cell.is-col-start-2 {
  --bulma-grid-cell-column-start: 2;
}

.cell.is-col-end-2 {
  --bulma-grid-cell-column-end: 2;
}

.cell.is-col-from-end-2 {
  --bulma-grid-cell-column-start: -2;
}

.cell.is-col-span-2 {
  --bulma-grid-cell-column-span: 2;
}

.cell.is-row-start-2 {
  --bulma-grid-cell-row-start: 2;
}

.cell.is-row-end-2 {
  --bulma-grid-cell-row-end: 2;
}

.cell.is-row-from-end-2 {
  --bulma-grid-cell-row-start: -2;
}

.cell.is-row-span-2 {
  --bulma-grid-cell-row-span: 2;
}

.cell.is-col-start-3 {
  --bulma-grid-cell-column-start: 3;
}

.cell.is-col-end-3 {
  --bulma-grid-cell-column-end: 3;
}

.cell.is-col-from-end-3 {
  --bulma-grid-cell-column-start: -3;
}

.cell.is-col-span-3 {
  --bulma-grid-cell-column-span: 3;
}

.cell.is-row-start-3 {
  --bulma-grid-cell-row-start: 3;
}

.cell.is-row-end-3 {
  --bulma-grid-cell-row-end: 3;
}

.cell.is-row-from-end-3 {
  --bulma-grid-cell-row-start: -3;
}

.cell.is-row-span-3 {
  --bulma-grid-cell-row-span: 3;
}

.cell.is-col-start-4 {
  --bulma-grid-cell-column-start: 4;
}

.cell.is-col-end-4 {
  --bulma-grid-cell-column-end: 4;
}

.cell.is-col-from-end-4 {
  --bulma-grid-cell-column-start: -4;
}

.cell.is-col-span-4 {
  --bulma-grid-cell-column-span: 4;
}

.cell.is-row-start-4 {
  --bulma-grid-cell-row-start: 4;
}

.cell.is-row-end-4 {
  --bulma-grid-cell-row-end: 4;
}

.cell.is-row-from-end-4 {
  --bulma-grid-cell-row-start: -4;
}

.cell.is-row-span-4 {
  --bulma-grid-cell-row-span: 4;
}

.cell.is-col-start-5 {
  --bulma-grid-cell-column-start: 5;
}

.cell.is-col-end-5 {
  --bulma-grid-cell-column-end: 5;
}

.cell.is-col-from-end-5 {
  --bulma-grid-cell-column-start: -5;
}

.cell.is-col-span-5 {
  --bulma-grid-cell-column-span: 5;
}

.cell.is-row-start-5 {
  --bulma-grid-cell-row-start: 5;
}

.cell.is-row-end-5 {
  --bulma-grid-cell-row-end: 5;
}

.cell.is-row-from-end-5 {
  --bulma-grid-cell-row-start: -5;
}

.cell.is-row-span-5 {
  --bulma-grid-cell-row-span: 5;
}

.cell.is-col-start-6 {
  --bulma-grid-cell-column-start: 6;
}

.cell.is-col-end-6 {
  --bulma-grid-cell-column-end: 6;
}

.cell.is-col-from-end-6 {
  --bulma-grid-cell-column-start: -6;
}

.cell.is-col-span-6 {
  --bulma-grid-cell-column-span: 6;
}

.cell.is-row-start-6 {
  --bulma-grid-cell-row-start: 6;
}

.cell.is-row-end-6 {
  --bulma-grid-cell-row-end: 6;
}

.cell.is-row-from-end-6 {
  --bulma-grid-cell-row-start: -6;
}

.cell.is-row-span-6 {
  --bulma-grid-cell-row-span: 6;
}

.cell.is-col-start-7 {
  --bulma-grid-cell-column-start: 7;
}

.cell.is-col-end-7 {
  --bulma-grid-cell-column-end: 7;
}

.cell.is-col-from-end-7 {
  --bulma-grid-cell-column-start: -7;
}

.cell.is-col-span-7 {
  --bulma-grid-cell-column-span: 7;
}

.cell.is-row-start-7 {
  --bulma-grid-cell-row-start: 7;
}

.cell.is-row-end-7 {
  --bulma-grid-cell-row-end: 7;
}

.cell.is-row-from-end-7 {
  --bulma-grid-cell-row-start: -7;
}

.cell.is-row-span-7 {
  --bulma-grid-cell-row-span: 7;
}

.cell.is-col-start-8 {
  --bulma-grid-cell-column-start: 8;
}

.cell.is-col-end-8 {
  --bulma-grid-cell-column-end: 8;
}

.cell.is-col-from-end-8 {
  --bulma-grid-cell-column-start: -8;
}

.cell.is-col-span-8 {
  --bulma-grid-cell-column-span: 8;
}

.cell.is-row-start-8 {
  --bulma-grid-cell-row-start: 8;
}

.cell.is-row-end-8 {
  --bulma-grid-cell-row-end: 8;
}

.cell.is-row-from-end-8 {
  --bulma-grid-cell-row-start: -8;
}

.cell.is-row-span-8 {
  --bulma-grid-cell-row-span: 8;
}

.cell.is-col-start-9 {
  --bulma-grid-cell-column-start: 9;
}

.cell.is-col-end-9 {
  --bulma-grid-cell-column-end: 9;
}

.cell.is-col-from-end-9 {
  --bulma-grid-cell-column-start: -9;
}

.cell.is-col-span-9 {
  --bulma-grid-cell-column-span: 9;
}

.cell.is-row-start-9 {
  --bulma-grid-cell-row-start: 9;
}

.cell.is-row-end-9 {
  --bulma-grid-cell-row-end: 9;
}

.cell.is-row-from-end-9 {
  --bulma-grid-cell-row-start: -9;
}

.cell.is-row-span-9 {
  --bulma-grid-cell-row-span: 9;
}

.cell.is-col-start-10 {
  --bulma-grid-cell-column-start: 10;
}

.cell.is-col-end-10 {
  --bulma-grid-cell-column-end: 10;
}

.cell.is-col-from-end-10 {
  --bulma-grid-cell-column-start: -10;
}

.cell.is-col-span-10 {
  --bulma-grid-cell-column-span: 10;
}

.cell.is-row-start-10 {
  --bulma-grid-cell-row-start: 10;
}

.cell.is-row-end-10 {
  --bulma-grid-cell-row-end: 10;
}

.cell.is-row-from-end-10 {
  --bulma-grid-cell-row-start: -10;
}

.cell.is-row-span-10 {
  --bulma-grid-cell-row-span: 10;
}

.cell.is-col-start-11 {
  --bulma-grid-cell-column-start: 11;
}

.cell.is-col-end-11 {
  --bulma-grid-cell-column-end: 11;
}

.cell.is-col-from-end-11 {
  --bulma-grid-cell-column-start: -11;
}

.cell.is-col-span-11 {
  --bulma-grid-cell-column-span: 11;
}

.cell.is-row-start-11 {
  --bulma-grid-cell-row-start: 11;
}

.cell.is-row-end-11 {
  --bulma-grid-cell-row-end: 11;
}

.cell.is-row-from-end-11 {
  --bulma-grid-cell-row-start: -11;
}

.cell.is-row-span-11 {
  --bulma-grid-cell-row-span: 11;
}

.cell.is-col-start-12 {
  --bulma-grid-cell-column-start: 12;
}

.cell.is-col-end-12 {
  --bulma-grid-cell-column-end: 12;
}

.cell.is-col-from-end-12 {
  --bulma-grid-cell-column-start: -12;
}

.cell.is-col-span-12 {
  --bulma-grid-cell-column-span: 12;
}

.cell.is-row-start-12 {
  --bulma-grid-cell-row-start: 12;
}

.cell.is-row-end-12 {
  --bulma-grid-cell-row-end: 12;
}

.cell.is-row-from-end-12 {
  --bulma-grid-cell-row-start: -12;
}

.cell.is-row-span-12 {
  --bulma-grid-cell-row-span: 12;
}

@media screen and (max-width: 768px) {
  .cell.is-col-start-1-mobile {
    --bulma-grid-cell-column-start: 1;
  }

  .cell.is-col-end-1-mobile {
    --bulma-grid-cell-column-end: 1;
  }

  .cell.is-col-from-end-1-mobile {
    --bulma-grid-cell-column-start: -1;
  }

  .cell.is-col-span-1-mobile {
    --bulma-grid-cell-column-span: 1;
  }

  .cell.is-row-start-1-mobile {
    --bulma-grid-cell-row-start: 1;
  }

  .cell.is-row-end-1-mobile {
    --bulma-grid-cell-row-end: 1;
  }

  .cell.is-row-from-end-1-mobile {
    --bulma-grid-cell-row-start: -1;
  }

  .cell.is-row-span-1-mobile {
    --bulma-grid-cell-row-span: 1;
  }

  .cell.is-col-start-2-mobile {
    --bulma-grid-cell-column-start: 2;
  }

  .cell.is-col-end-2-mobile {
    --bulma-grid-cell-column-end: 2;
  }

  .cell.is-col-from-end-2-mobile {
    --bulma-grid-cell-column-start: -2;
  }

  .cell.is-col-span-2-mobile {
    --bulma-grid-cell-column-span: 2;
  }

  .cell.is-row-start-2-mobile {
    --bulma-grid-cell-row-start: 2;
  }

  .cell.is-row-end-2-mobile {
    --bulma-grid-cell-row-end: 2;
  }

  .cell.is-row-from-end-2-mobile {
    --bulma-grid-cell-row-start: -2;
  }

  .cell.is-row-span-2-mobile {
    --bulma-grid-cell-row-span: 2;
  }

  .cell.is-col-start-3-mobile {
    --bulma-grid-cell-column-start: 3;
  }

  .cell.is-col-end-3-mobile {
    --bulma-grid-cell-column-end: 3;
  }

  .cell.is-col-from-end-3-mobile {
    --bulma-grid-cell-column-start: -3;
  }

  .cell.is-col-span-3-mobile {
    --bulma-grid-cell-column-span: 3;
  }

  .cell.is-row-start-3-mobile {
    --bulma-grid-cell-row-start: 3;
  }

  .cell.is-row-end-3-mobile {
    --bulma-grid-cell-row-end: 3;
  }

  .cell.is-row-from-end-3-mobile {
    --bulma-grid-cell-row-start: -3;
  }

  .cell.is-row-span-3-mobile {
    --bulma-grid-cell-row-span: 3;
  }

  .cell.is-col-start-4-mobile {
    --bulma-grid-cell-column-start: 4;
  }

  .cell.is-col-end-4-mobile {
    --bulma-grid-cell-column-end: 4;
  }

  .cell.is-col-from-end-4-mobile {
    --bulma-grid-cell-column-start: -4;
  }

  .cell.is-col-span-4-mobile {
    --bulma-grid-cell-column-span: 4;
  }

  .cell.is-row-start-4-mobile {
    --bulma-grid-cell-row-start: 4;
  }

  .cell.is-row-end-4-mobile {
    --bulma-grid-cell-row-end: 4;
  }

  .cell.is-row-from-end-4-mobile {
    --bulma-grid-cell-row-start: -4;
  }

  .cell.is-row-span-4-mobile {
    --bulma-grid-cell-row-span: 4;
  }

  .cell.is-col-start-5-mobile {
    --bulma-grid-cell-column-start: 5;
  }

  .cell.is-col-end-5-mobile {
    --bulma-grid-cell-column-end: 5;
  }

  .cell.is-col-from-end-5-mobile {
    --bulma-grid-cell-column-start: -5;
  }

  .cell.is-col-span-5-mobile {
    --bulma-grid-cell-column-span: 5;
  }

  .cell.is-row-start-5-mobile {
    --bulma-grid-cell-row-start: 5;
  }

  .cell.is-row-end-5-mobile {
    --bulma-grid-cell-row-end: 5;
  }

  .cell.is-row-from-end-5-mobile {
    --bulma-grid-cell-row-start: -5;
  }

  .cell.is-row-span-5-mobile {
    --bulma-grid-cell-row-span: 5;
  }

  .cell.is-col-start-6-mobile {
    --bulma-grid-cell-column-start: 6;
  }

  .cell.is-col-end-6-mobile {
    --bulma-grid-cell-column-end: 6;
  }

  .cell.is-col-from-end-6-mobile {
    --bulma-grid-cell-column-start: -6;
  }

  .cell.is-col-span-6-mobile {
    --bulma-grid-cell-column-span: 6;
  }

  .cell.is-row-start-6-mobile {
    --bulma-grid-cell-row-start: 6;
  }

  .cell.is-row-end-6-mobile {
    --bulma-grid-cell-row-end: 6;
  }

  .cell.is-row-from-end-6-mobile {
    --bulma-grid-cell-row-start: -6;
  }

  .cell.is-row-span-6-mobile {
    --bulma-grid-cell-row-span: 6;
  }

  .cell.is-col-start-7-mobile {
    --bulma-grid-cell-column-start: 7;
  }

  .cell.is-col-end-7-mobile {
    --bulma-grid-cell-column-end: 7;
  }

  .cell.is-col-from-end-7-mobile {
    --bulma-grid-cell-column-start: -7;
  }

  .cell.is-col-span-7-mobile {
    --bulma-grid-cell-column-span: 7;
  }

  .cell.is-row-start-7-mobile {
    --bulma-grid-cell-row-start: 7;
  }

  .cell.is-row-end-7-mobile {
    --bulma-grid-cell-row-end: 7;
  }

  .cell.is-row-from-end-7-mobile {
    --bulma-grid-cell-row-start: -7;
  }

  .cell.is-row-span-7-mobile {
    --bulma-grid-cell-row-span: 7;
  }

  .cell.is-col-start-8-mobile {
    --bulma-grid-cell-column-start: 8;
  }

  .cell.is-col-end-8-mobile {
    --bulma-grid-cell-column-end: 8;
  }

  .cell.is-col-from-end-8-mobile {
    --bulma-grid-cell-column-start: -8;
  }

  .cell.is-col-span-8-mobile {
    --bulma-grid-cell-column-span: 8;
  }

  .cell.is-row-start-8-mobile {
    --bulma-grid-cell-row-start: 8;
  }

  .cell.is-row-end-8-mobile {
    --bulma-grid-cell-row-end: 8;
  }

  .cell.is-row-from-end-8-mobile {
    --bulma-grid-cell-row-start: -8;
  }

  .cell.is-row-span-8-mobile {
    --bulma-grid-cell-row-span: 8;
  }

  .cell.is-col-start-9-mobile {
    --bulma-grid-cell-column-start: 9;
  }

  .cell.is-col-end-9-mobile {
    --bulma-grid-cell-column-end: 9;
  }

  .cell.is-col-from-end-9-mobile {
    --bulma-grid-cell-column-start: -9;
  }

  .cell.is-col-span-9-mobile {
    --bulma-grid-cell-column-span: 9;
  }

  .cell.is-row-start-9-mobile {
    --bulma-grid-cell-row-start: 9;
  }

  .cell.is-row-end-9-mobile {
    --bulma-grid-cell-row-end: 9;
  }

  .cell.is-row-from-end-9-mobile {
    --bulma-grid-cell-row-start: -9;
  }

  .cell.is-row-span-9-mobile {
    --bulma-grid-cell-row-span: 9;
  }

  .cell.is-col-start-10-mobile {
    --bulma-grid-cell-column-start: 10;
  }

  .cell.is-col-end-10-mobile {
    --bulma-grid-cell-column-end: 10;
  }

  .cell.is-col-from-end-10-mobile {
    --bulma-grid-cell-column-start: -10;
  }

  .cell.is-col-span-10-mobile {
    --bulma-grid-cell-column-span: 10;
  }

  .cell.is-row-start-10-mobile {
    --bulma-grid-cell-row-start: 10;
  }

  .cell.is-row-end-10-mobile {
    --bulma-grid-cell-row-end: 10;
  }

  .cell.is-row-from-end-10-mobile {
    --bulma-grid-cell-row-start: -10;
  }

  .cell.is-row-span-10-mobile {
    --bulma-grid-cell-row-span: 10;
  }

  .cell.is-col-start-11-mobile {
    --bulma-grid-cell-column-start: 11;
  }

  .cell.is-col-end-11-mobile {
    --bulma-grid-cell-column-end: 11;
  }

  .cell.is-col-from-end-11-mobile {
    --bulma-grid-cell-column-start: -11;
  }

  .cell.is-col-span-11-mobile {
    --bulma-grid-cell-column-span: 11;
  }

  .cell.is-row-start-11-mobile {
    --bulma-grid-cell-row-start: 11;
  }

  .cell.is-row-end-11-mobile {
    --bulma-grid-cell-row-end: 11;
  }

  .cell.is-row-from-end-11-mobile {
    --bulma-grid-cell-row-start: -11;
  }

  .cell.is-row-span-11-mobile {
    --bulma-grid-cell-row-span: 11;
  }

  .cell.is-col-start-12-mobile {
    --bulma-grid-cell-column-start: 12;
  }

  .cell.is-col-end-12-mobile {
    --bulma-grid-cell-column-end: 12;
  }

  .cell.is-col-from-end-12-mobile {
    --bulma-grid-cell-column-start: -12;
  }

  .cell.is-col-span-12-mobile {
    --bulma-grid-cell-column-span: 12;
  }

  .cell.is-row-start-12-mobile {
    --bulma-grid-cell-row-start: 12;
  }

  .cell.is-row-end-12-mobile {
    --bulma-grid-cell-row-end: 12;
  }

  .cell.is-row-from-end-12-mobile {
    --bulma-grid-cell-row-start: -12;
  }

  .cell.is-row-span-12-mobile {
    --bulma-grid-cell-row-span: 12;
  }
}

@media screen and (min-width: 769px),
print {
  .cell.is-col-start-1-tablet {
    --bulma-grid-cell-column-start: 1;
  }

  .cell.is-col-end-1-tablet {
    --bulma-grid-cell-column-end: 1;
  }

  .cell.is-col-from-end-1-tablet {
    --bulma-grid-cell-column-start: -1;
  }

  .cell.is-col-span-1-tablet {
    --bulma-grid-cell-column-span: 1;
  }

  .cell.is-row-start-1-tablet {
    --bulma-grid-cell-row-start: 1;
  }

  .cell.is-row-end-1-tablet {
    --bulma-grid-cell-row-end: 1;
  }

  .cell.is-row-from-end-1-tablet {
    --bulma-grid-cell-row-start: -1;
  }

  .cell.is-row-span-1-tablet {
    --bulma-grid-cell-row-span: 1;
  }

  .cell.is-col-start-2-tablet {
    --bulma-grid-cell-column-start: 2;
  }

  .cell.is-col-end-2-tablet {
    --bulma-grid-cell-column-end: 2;
  }

  .cell.is-col-from-end-2-tablet {
    --bulma-grid-cell-column-start: -2;
  }

  .cell.is-col-span-2-tablet {
    --bulma-grid-cell-column-span: 2;
  }

  .cell.is-row-start-2-tablet {
    --bulma-grid-cell-row-start: 2;
  }

  .cell.is-row-end-2-tablet {
    --bulma-grid-cell-row-end: 2;
  }

  .cell.is-row-from-end-2-tablet {
    --bulma-grid-cell-row-start: -2;
  }

  .cell.is-row-span-2-tablet {
    --bulma-grid-cell-row-span: 2;
  }

  .cell.is-col-start-3-tablet {
    --bulma-grid-cell-column-start: 3;
  }

  .cell.is-col-end-3-tablet {
    --bulma-grid-cell-column-end: 3;
  }

  .cell.is-col-from-end-3-tablet {
    --bulma-grid-cell-column-start: -3;
  }

  .cell.is-col-span-3-tablet {
    --bulma-grid-cell-column-span: 3;
  }

  .cell.is-row-start-3-tablet {
    --bulma-grid-cell-row-start: 3;
  }

  .cell.is-row-end-3-tablet {
    --bulma-grid-cell-row-end: 3;
  }

  .cell.is-row-from-end-3-tablet {
    --bulma-grid-cell-row-start: -3;
  }

  .cell.is-row-span-3-tablet {
    --bulma-grid-cell-row-span: 3;
  }

  .cell.is-col-start-4-tablet {
    --bulma-grid-cell-column-start: 4;
  }

  .cell.is-col-end-4-tablet {
    --bulma-grid-cell-column-end: 4;
  }

  .cell.is-col-from-end-4-tablet {
    --bulma-grid-cell-column-start: -4;
  }

  .cell.is-col-span-4-tablet {
    --bulma-grid-cell-column-span: 4;
  }

  .cell.is-row-start-4-tablet {
    --bulma-grid-cell-row-start: 4;
  }

  .cell.is-row-end-4-tablet {
    --bulma-grid-cell-row-end: 4;
  }

  .cell.is-row-from-end-4-tablet {
    --bulma-grid-cell-row-start: -4;
  }

  .cell.is-row-span-4-tablet {
    --bulma-grid-cell-row-span: 4;
  }

  .cell.is-col-start-5-tablet {
    --bulma-grid-cell-column-start: 5;
  }

  .cell.is-col-end-5-tablet {
    --bulma-grid-cell-column-end: 5;
  }

  .cell.is-col-from-end-5-tablet {
    --bulma-grid-cell-column-start: -5;
  }

  .cell.is-col-span-5-tablet {
    --bulma-grid-cell-column-span: 5;
  }

  .cell.is-row-start-5-tablet {
    --bulma-grid-cell-row-start: 5;
  }

  .cell.is-row-end-5-tablet {
    --bulma-grid-cell-row-end: 5;
  }

  .cell.is-row-from-end-5-tablet {
    --bulma-grid-cell-row-start: -5;
  }

  .cell.is-row-span-5-tablet {
    --bulma-grid-cell-row-span: 5;
  }

  .cell.is-col-start-6-tablet {
    --bulma-grid-cell-column-start: 6;
  }

  .cell.is-col-end-6-tablet {
    --bulma-grid-cell-column-end: 6;
  }

  .cell.is-col-from-end-6-tablet {
    --bulma-grid-cell-column-start: -6;
  }

  .cell.is-col-span-6-tablet {
    --bulma-grid-cell-column-span: 6;
  }

  .cell.is-row-start-6-tablet {
    --bulma-grid-cell-row-start: 6;
  }

  .cell.is-row-end-6-tablet {
    --bulma-grid-cell-row-end: 6;
  }

  .cell.is-row-from-end-6-tablet {
    --bulma-grid-cell-row-start: -6;
  }

  .cell.is-row-span-6-tablet {
    --bulma-grid-cell-row-span: 6;
  }

  .cell.is-col-start-7-tablet {
    --bulma-grid-cell-column-start: 7;
  }

  .cell.is-col-end-7-tablet {
    --bulma-grid-cell-column-end: 7;
  }

  .cell.is-col-from-end-7-tablet {
    --bulma-grid-cell-column-start: -7;
  }

  .cell.is-col-span-7-tablet {
    --bulma-grid-cell-column-span: 7;
  }

  .cell.is-row-start-7-tablet {
    --bulma-grid-cell-row-start: 7;
  }

  .cell.is-row-end-7-tablet {
    --bulma-grid-cell-row-end: 7;
  }

  .cell.is-row-from-end-7-tablet {
    --bulma-grid-cell-row-start: -7;
  }

  .cell.is-row-span-7-tablet {
    --bulma-grid-cell-row-span: 7;
  }

  .cell.is-col-start-8-tablet {
    --bulma-grid-cell-column-start: 8;
  }

  .cell.is-col-end-8-tablet {
    --bulma-grid-cell-column-end: 8;
  }

  .cell.is-col-from-end-8-tablet {
    --bulma-grid-cell-column-start: -8;
  }

  .cell.is-col-span-8-tablet {
    --bulma-grid-cell-column-span: 8;
  }

  .cell.is-row-start-8-tablet {
    --bulma-grid-cell-row-start: 8;
  }

  .cell.is-row-end-8-tablet {
    --bulma-grid-cell-row-end: 8;
  }

  .cell.is-row-from-end-8-tablet {
    --bulma-grid-cell-row-start: -8;
  }

  .cell.is-row-span-8-tablet {
    --bulma-grid-cell-row-span: 8;
  }

  .cell.is-col-start-9-tablet {
    --bulma-grid-cell-column-start: 9;
  }

  .cell.is-col-end-9-tablet {
    --bulma-grid-cell-column-end: 9;
  }

  .cell.is-col-from-end-9-tablet {
    --bulma-grid-cell-column-start: -9;
  }

  .cell.is-col-span-9-tablet {
    --bulma-grid-cell-column-span: 9;
  }

  .cell.is-row-start-9-tablet {
    --bulma-grid-cell-row-start: 9;
  }

  .cell.is-row-end-9-tablet {
    --bulma-grid-cell-row-end: 9;
  }

  .cell.is-row-from-end-9-tablet {
    --bulma-grid-cell-row-start: -9;
  }

  .cell.is-row-span-9-tablet {
    --bulma-grid-cell-row-span: 9;
  }

  .cell.is-col-start-10-tablet {
    --bulma-grid-cell-column-start: 10;
  }

  .cell.is-col-end-10-tablet {
    --bulma-grid-cell-column-end: 10;
  }

  .cell.is-col-from-end-10-tablet {
    --bulma-grid-cell-column-start: -10;
  }

  .cell.is-col-span-10-tablet {
    --bulma-grid-cell-column-span: 10;
  }

  .cell.is-row-start-10-tablet {
    --bulma-grid-cell-row-start: 10;
  }

  .cell.is-row-end-10-tablet {
    --bulma-grid-cell-row-end: 10;
  }

  .cell.is-row-from-end-10-tablet {
    --bulma-grid-cell-row-start: -10;
  }

  .cell.is-row-span-10-tablet {
    --bulma-grid-cell-row-span: 10;
  }

  .cell.is-col-start-11-tablet {
    --bulma-grid-cell-column-start: 11;
  }

  .cell.is-col-end-11-tablet {
    --bulma-grid-cell-column-end: 11;
  }

  .cell.is-col-from-end-11-tablet {
    --bulma-grid-cell-column-start: -11;
  }

  .cell.is-col-span-11-tablet {
    --bulma-grid-cell-column-span: 11;
  }

  .cell.is-row-start-11-tablet {
    --bulma-grid-cell-row-start: 11;
  }

  .cell.is-row-end-11-tablet {
    --bulma-grid-cell-row-end: 11;
  }

  .cell.is-row-from-end-11-tablet {
    --bulma-grid-cell-row-start: -11;
  }

  .cell.is-row-span-11-tablet {
    --bulma-grid-cell-row-span: 11;
  }

  .cell.is-col-start-12-tablet {
    --bulma-grid-cell-column-start: 12;
  }

  .cell.is-col-end-12-tablet {
    --bulma-grid-cell-column-end: 12;
  }

  .cell.is-col-from-end-12-tablet {
    --bulma-grid-cell-column-start: -12;
  }

  .cell.is-col-span-12-tablet {
    --bulma-grid-cell-column-span: 12;
  }

  .cell.is-row-start-12-tablet {
    --bulma-grid-cell-row-start: 12;
  }

  .cell.is-row-end-12-tablet {
    --bulma-grid-cell-row-end: 12;
  }

  .cell.is-row-from-end-12-tablet {
    --bulma-grid-cell-row-start: -12;
  }

  .cell.is-row-span-12-tablet {
    --bulma-grid-cell-row-span: 12;
  }
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
  .cell.is-col-start-1-tablet-only {
    --bulma-grid-cell-column-start: 1;
  }

  .cell.is-col-end-1-tablet-only {
    --bulma-grid-cell-column-end: 1;
  }

  .cell.is-col-from-end-1-tablet-only {
    --bulma-grid-cell-column-start: -1;
  }

  .cell.is-col-span-1-tablet-only {
    --bulma-grid-cell-column-span: 1;
  }

  .cell.is-row-start-1-tablet-only {
    --bulma-grid-cell-row-start: 1;
  }

  .cell.is-row-end-1-tablet-only {
    --bulma-grid-cell-row-end: 1;
  }

  .cell.is-row-from-end-1-tablet-only {
    --bulma-grid-cell-row-start: -1;
  }

  .cell.is-row-span-1-tablet-only {
    --bulma-grid-cell-row-span: 1;
  }

  .cell.is-col-start-2-tablet-only {
    --bulma-grid-cell-column-start: 2;
  }

  .cell.is-col-end-2-tablet-only {
    --bulma-grid-cell-column-end: 2;
  }

  .cell.is-col-from-end-2-tablet-only {
    --bulma-grid-cell-column-start: -2;
  }

  .cell.is-col-span-2-tablet-only {
    --bulma-grid-cell-column-span: 2;
  }

  .cell.is-row-start-2-tablet-only {
    --bulma-grid-cell-row-start: 2;
  }

  .cell.is-row-end-2-tablet-only {
    --bulma-grid-cell-row-end: 2;
  }

  .cell.is-row-from-end-2-tablet-only {
    --bulma-grid-cell-row-start: -2;
  }

  .cell.is-row-span-2-tablet-only {
    --bulma-grid-cell-row-span: 2;
  }

  .cell.is-col-start-3-tablet-only {
    --bulma-grid-cell-column-start: 3;
  }

  .cell.is-col-end-3-tablet-only {
    --bulma-grid-cell-column-end: 3;
  }

  .cell.is-col-from-end-3-tablet-only {
    --bulma-grid-cell-column-start: -3;
  }

  .cell.is-col-span-3-tablet-only {
    --bulma-grid-cell-column-span: 3;
  }

  .cell.is-row-start-3-tablet-only {
    --bulma-grid-cell-row-start: 3;
  }

  .cell.is-row-end-3-tablet-only {
    --bulma-grid-cell-row-end: 3;
  }

  .cell.is-row-from-end-3-tablet-only {
    --bulma-grid-cell-row-start: -3;
  }

  .cell.is-row-span-3-tablet-only {
    --bulma-grid-cell-row-span: 3;
  }

  .cell.is-col-start-4-tablet-only {
    --bulma-grid-cell-column-start: 4;
  }

  .cell.is-col-end-4-tablet-only {
    --bulma-grid-cell-column-end: 4;
  }

  .cell.is-col-from-end-4-tablet-only {
    --bulma-grid-cell-column-start: -4;
  }

  .cell.is-col-span-4-tablet-only {
    --bulma-grid-cell-column-span: 4;
  }

  .cell.is-row-start-4-tablet-only {
    --bulma-grid-cell-row-start: 4;
  }

  .cell.is-row-end-4-tablet-only {
    --bulma-grid-cell-row-end: 4;
  }

  .cell.is-row-from-end-4-tablet-only {
    --bulma-grid-cell-row-start: -4;
  }

  .cell.is-row-span-4-tablet-only {
    --bulma-grid-cell-row-span: 4;
  }

  .cell.is-col-start-5-tablet-only {
    --bulma-grid-cell-column-start: 5;
  }

  .cell.is-col-end-5-tablet-only {
    --bulma-grid-cell-column-end: 5;
  }

  .cell.is-col-from-end-5-tablet-only {
    --bulma-grid-cell-column-start: -5;
  }

  .cell.is-col-span-5-tablet-only {
    --bulma-grid-cell-column-span: 5;
  }

  .cell.is-row-start-5-tablet-only {
    --bulma-grid-cell-row-start: 5;
  }

  .cell.is-row-end-5-tablet-only {
    --bulma-grid-cell-row-end: 5;
  }

  .cell.is-row-from-end-5-tablet-only {
    --bulma-grid-cell-row-start: -5;
  }

  .cell.is-row-span-5-tablet-only {
    --bulma-grid-cell-row-span: 5;
  }

  .cell.is-col-start-6-tablet-only {
    --bulma-grid-cell-column-start: 6;
  }

  .cell.is-col-end-6-tablet-only {
    --bulma-grid-cell-column-end: 6;
  }

  .cell.is-col-from-end-6-tablet-only {
    --bulma-grid-cell-column-start: -6;
  }

  .cell.is-col-span-6-tablet-only {
    --bulma-grid-cell-column-span: 6;
  }

  .cell.is-row-start-6-tablet-only {
    --bulma-grid-cell-row-start: 6;
  }

  .cell.is-row-end-6-tablet-only {
    --bulma-grid-cell-row-end: 6;
  }

  .cell.is-row-from-end-6-tablet-only {
    --bulma-grid-cell-row-start: -6;
  }

  .cell.is-row-span-6-tablet-only {
    --bulma-grid-cell-row-span: 6;
  }

  .cell.is-col-start-7-tablet-only {
    --bulma-grid-cell-column-start: 7;
  }

  .cell.is-col-end-7-tablet-only {
    --bulma-grid-cell-column-end: 7;
  }

  .cell.is-col-from-end-7-tablet-only {
    --bulma-grid-cell-column-start: -7;
  }

  .cell.is-col-span-7-tablet-only {
    --bulma-grid-cell-column-span: 7;
  }

  .cell.is-row-start-7-tablet-only {
    --bulma-grid-cell-row-start: 7;
  }

  .cell.is-row-end-7-tablet-only {
    --bulma-grid-cell-row-end: 7;
  }

  .cell.is-row-from-end-7-tablet-only {
    --bulma-grid-cell-row-start: -7;
  }

  .cell.is-row-span-7-tablet-only {
    --bulma-grid-cell-row-span: 7;
  }

  .cell.is-col-start-8-tablet-only {
    --bulma-grid-cell-column-start: 8;
  }

  .cell.is-col-end-8-tablet-only {
    --bulma-grid-cell-column-end: 8;
  }

  .cell.is-col-from-end-8-tablet-only {
    --bulma-grid-cell-column-start: -8;
  }

  .cell.is-col-span-8-tablet-only {
    --bulma-grid-cell-column-span: 8;
  }

  .cell.is-row-start-8-tablet-only {
    --bulma-grid-cell-row-start: 8;
  }

  .cell.is-row-end-8-tablet-only {
    --bulma-grid-cell-row-end: 8;
  }

  .cell.is-row-from-end-8-tablet-only {
    --bulma-grid-cell-row-start: -8;
  }

  .cell.is-row-span-8-tablet-only {
    --bulma-grid-cell-row-span: 8;
  }

  .cell.is-col-start-9-tablet-only {
    --bulma-grid-cell-column-start: 9;
  }

  .cell.is-col-end-9-tablet-only {
    --bulma-grid-cell-column-end: 9;
  }

  .cell.is-col-from-end-9-tablet-only {
    --bulma-grid-cell-column-start: -9;
  }

  .cell.is-col-span-9-tablet-only {
    --bulma-grid-cell-column-span: 9;
  }

  .cell.is-row-start-9-tablet-only {
    --bulma-grid-cell-row-start: 9;
  }

  .cell.is-row-end-9-tablet-only {
    --bulma-grid-cell-row-end: 9;
  }

  .cell.is-row-from-end-9-tablet-only {
    --bulma-grid-cell-row-start: -9;
  }

  .cell.is-row-span-9-tablet-only {
    --bulma-grid-cell-row-span: 9;
  }

  .cell.is-col-start-10-tablet-only {
    --bulma-grid-cell-column-start: 10;
  }

  .cell.is-col-end-10-tablet-only {
    --bulma-grid-cell-column-end: 10;
  }

  .cell.is-col-from-end-10-tablet-only {
    --bulma-grid-cell-column-start: -10;
  }

  .cell.is-col-span-10-tablet-only {
    --bulma-grid-cell-column-span: 10;
  }

  .cell.is-row-start-10-tablet-only {
    --bulma-grid-cell-row-start: 10;
  }

  .cell.is-row-end-10-tablet-only {
    --bulma-grid-cell-row-end: 10;
  }

  .cell.is-row-from-end-10-tablet-only {
    --bulma-grid-cell-row-start: -10;
  }

  .cell.is-row-span-10-tablet-only {
    --bulma-grid-cell-row-span: 10;
  }

  .cell.is-col-start-11-tablet-only {
    --bulma-grid-cell-column-start: 11;
  }

  .cell.is-col-end-11-tablet-only {
    --bulma-grid-cell-column-end: 11;
  }

  .cell.is-col-from-end-11-tablet-only {
    --bulma-grid-cell-column-start: -11;
  }

  .cell.is-col-span-11-tablet-only {
    --bulma-grid-cell-column-span: 11;
  }

  .cell.is-row-start-11-tablet-only {
    --bulma-grid-cell-row-start: 11;
  }

  .cell.is-row-end-11-tablet-only {
    --bulma-grid-cell-row-end: 11;
  }

  .cell.is-row-from-end-11-tablet-only {
    --bulma-grid-cell-row-start: -11;
  }

  .cell.is-row-span-11-tablet-only {
    --bulma-grid-cell-row-span: 11;
  }

  .cell.is-col-start-12-tablet-only {
    --bulma-grid-cell-column-start: 12;
  }

  .cell.is-col-end-12-tablet-only {
    --bulma-grid-cell-column-end: 12;
  }

  .cell.is-col-from-end-12-tablet-only {
    --bulma-grid-cell-column-start: -12;
  }

  .cell.is-col-span-12-tablet-only {
    --bulma-grid-cell-column-span: 12;
  }

  .cell.is-row-start-12-tablet-only {
    --bulma-grid-cell-row-start: 12;
  }

  .cell.is-row-end-12-tablet-only {
    --bulma-grid-cell-row-end: 12;
  }

  .cell.is-row-from-end-12-tablet-only {
    --bulma-grid-cell-row-start: -12;
  }

  .cell.is-row-span-12-tablet-only {
    --bulma-grid-cell-row-span: 12;
  }
}

@media screen and (min-width: 1024px) {
  .cell.is-col-start-1-desktop {
    --bulma-grid-cell-column-start: 1;
  }

  .cell.is-col-end-1-desktop {
    --bulma-grid-cell-column-end: 1;
  }

  .cell.is-col-from-end-1-desktop {
    --bulma-grid-cell-column-start: -1;
  }

  .cell.is-col-span-1-desktop {
    --bulma-grid-cell-column-span: 1;
  }

  .cell.is-row-start-1-desktop {
    --bulma-grid-cell-row-start: 1;
  }

  .cell.is-row-end-1-desktop {
    --bulma-grid-cell-row-end: 1;
  }

  .cell.is-row-from-end-1-desktop {
    --bulma-grid-cell-row-start: -1;
  }

  .cell.is-row-span-1-desktop {
    --bulma-grid-cell-row-span: 1;
  }

  .cell.is-col-start-2-desktop {
    --bulma-grid-cell-column-start: 2;
  }

  .cell.is-col-end-2-desktop {
    --bulma-grid-cell-column-end: 2;
  }

  .cell.is-col-from-end-2-desktop {
    --bulma-grid-cell-column-start: -2;
  }

  .cell.is-col-span-2-desktop {
    --bulma-grid-cell-column-span: 2;
  }

  .cell.is-row-start-2-desktop {
    --bulma-grid-cell-row-start: 2;
  }

  .cell.is-row-end-2-desktop {
    --bulma-grid-cell-row-end: 2;
  }

  .cell.is-row-from-end-2-desktop {
    --bulma-grid-cell-row-start: -2;
  }

  .cell.is-row-span-2-desktop {
    --bulma-grid-cell-row-span: 2;
  }

  .cell.is-col-start-3-desktop {
    --bulma-grid-cell-column-start: 3;
  }

  .cell.is-col-end-3-desktop {
    --bulma-grid-cell-column-end: 3;
  }

  .cell.is-col-from-end-3-desktop {
    --bulma-grid-cell-column-start: -3;
  }

  .cell.is-col-span-3-desktop {
    --bulma-grid-cell-column-span: 3;
  }

  .cell.is-row-start-3-desktop {
    --bulma-grid-cell-row-start: 3;
  }

  .cell.is-row-end-3-desktop {
    --bulma-grid-cell-row-end: 3;
  }

  .cell.is-row-from-end-3-desktop {
    --bulma-grid-cell-row-start: -3;
  }

  .cell.is-row-span-3-desktop {
    --bulma-grid-cell-row-span: 3;
  }

  .cell.is-col-start-4-desktop {
    --bulma-grid-cell-column-start: 4;
  }

  .cell.is-col-end-4-desktop {
    --bulma-grid-cell-column-end: 4;
  }

  .cell.is-col-from-end-4-desktop {
    --bulma-grid-cell-column-start: -4;
  }

  .cell.is-col-span-4-desktop {
    --bulma-grid-cell-column-span: 4;
  }

  .cell.is-row-start-4-desktop {
    --bulma-grid-cell-row-start: 4;
  }

  .cell.is-row-end-4-desktop {
    --bulma-grid-cell-row-end: 4;
  }

  .cell.is-row-from-end-4-desktop {
    --bulma-grid-cell-row-start: -4;
  }

  .cell.is-row-span-4-desktop {
    --bulma-grid-cell-row-span: 4;
  }

  .cell.is-col-start-5-desktop {
    --bulma-grid-cell-column-start: 5;
  }

  .cell.is-col-end-5-desktop {
    --bulma-grid-cell-column-end: 5;
  }

  .cell.is-col-from-end-5-desktop {
    --bulma-grid-cell-column-start: -5;
  }

  .cell.is-col-span-5-desktop {
    --bulma-grid-cell-column-span: 5;
  }

  .cell.is-row-start-5-desktop {
    --bulma-grid-cell-row-start: 5;
  }

  .cell.is-row-end-5-desktop {
    --bulma-grid-cell-row-end: 5;
  }

  .cell.is-row-from-end-5-desktop {
    --bulma-grid-cell-row-start: -5;
  }

  .cell.is-row-span-5-desktop {
    --bulma-grid-cell-row-span: 5;
  }

  .cell.is-col-start-6-desktop {
    --bulma-grid-cell-column-start: 6;
  }

  .cell.is-col-end-6-desktop {
    --bulma-grid-cell-column-end: 6;
  }

  .cell.is-col-from-end-6-desktop {
    --bulma-grid-cell-column-start: -6;
  }

  .cell.is-col-span-6-desktop {
    --bulma-grid-cell-column-span: 6;
  }

  .cell.is-row-start-6-desktop {
    --bulma-grid-cell-row-start: 6;
  }

  .cell.is-row-end-6-desktop {
    --bulma-grid-cell-row-end: 6;
  }

  .cell.is-row-from-end-6-desktop {
    --bulma-grid-cell-row-start: -6;
  }

  .cell.is-row-span-6-desktop {
    --bulma-grid-cell-row-span: 6;
  }

  .cell.is-col-start-7-desktop {
    --bulma-grid-cell-column-start: 7;
  }

  .cell.is-col-end-7-desktop {
    --bulma-grid-cell-column-end: 7;
  }

  .cell.is-col-from-end-7-desktop {
    --bulma-grid-cell-column-start: -7;
  }

  .cell.is-col-span-7-desktop {
    --bulma-grid-cell-column-span: 7;
  }

  .cell.is-row-start-7-desktop {
    --bulma-grid-cell-row-start: 7;
  }

  .cell.is-row-end-7-desktop {
    --bulma-grid-cell-row-end: 7;
  }

  .cell.is-row-from-end-7-desktop {
    --bulma-grid-cell-row-start: -7;
  }

  .cell.is-row-span-7-desktop {
    --bulma-grid-cell-row-span: 7;
  }

  .cell.is-col-start-8-desktop {
    --bulma-grid-cell-column-start: 8;
  }

  .cell.is-col-end-8-desktop {
    --bulma-grid-cell-column-end: 8;
  }

  .cell.is-col-from-end-8-desktop {
    --bulma-grid-cell-column-start: -8;
  }

  .cell.is-col-span-8-desktop {
    --bulma-grid-cell-column-span: 8;
  }

  .cell.is-row-start-8-desktop {
    --bulma-grid-cell-row-start: 8;
  }

  .cell.is-row-end-8-desktop {
    --bulma-grid-cell-row-end: 8;
  }

  .cell.is-row-from-end-8-desktop {
    --bulma-grid-cell-row-start: -8;
  }

  .cell.is-row-span-8-desktop {
    --bulma-grid-cell-row-span: 8;
  }

  .cell.is-col-start-9-desktop {
    --bulma-grid-cell-column-start: 9;
  }

  .cell.is-col-end-9-desktop {
    --bulma-grid-cell-column-end: 9;
  }

  .cell.is-col-from-end-9-desktop {
    --bulma-grid-cell-column-start: -9;
  }

  .cell.is-col-span-9-desktop {
    --bulma-grid-cell-column-span: 9;
  }

  .cell.is-row-start-9-desktop {
    --bulma-grid-cell-row-start: 9;
  }

  .cell.is-row-end-9-desktop {
    --bulma-grid-cell-row-end: 9;
  }

  .cell.is-row-from-end-9-desktop {
    --bulma-grid-cell-row-start: -9;
  }

  .cell.is-row-span-9-desktop {
    --bulma-grid-cell-row-span: 9;
  }

  .cell.is-col-start-10-desktop {
    --bulma-grid-cell-column-start: 10;
  }

  .cell.is-col-end-10-desktop {
    --bulma-grid-cell-column-end: 10;
  }

  .cell.is-col-from-end-10-desktop {
    --bulma-grid-cell-column-start: -10;
  }

  .cell.is-col-span-10-desktop {
    --bulma-grid-cell-column-span: 10;
  }

  .cell.is-row-start-10-desktop {
    --bulma-grid-cell-row-start: 10;
  }

  .cell.is-row-end-10-desktop {
    --bulma-grid-cell-row-end: 10;
  }

  .cell.is-row-from-end-10-desktop {
    --bulma-grid-cell-row-start: -10;
  }

  .cell.is-row-span-10-desktop {
    --bulma-grid-cell-row-span: 10;
  }

  .cell.is-col-start-11-desktop {
    --bulma-grid-cell-column-start: 11;
  }

  .cell.is-col-end-11-desktop {
    --bulma-grid-cell-column-end: 11;
  }

  .cell.is-col-from-end-11-desktop {
    --bulma-grid-cell-column-start: -11;
  }

  .cell.is-col-span-11-desktop {
    --bulma-grid-cell-column-span: 11;
  }

  .cell.is-row-start-11-desktop {
    --bulma-grid-cell-row-start: 11;
  }

  .cell.is-row-end-11-desktop {
    --bulma-grid-cell-row-end: 11;
  }

  .cell.is-row-from-end-11-desktop {
    --bulma-grid-cell-row-start: -11;
  }

  .cell.is-row-span-11-desktop {
    --bulma-grid-cell-row-span: 11;
  }

  .cell.is-col-start-12-desktop {
    --bulma-grid-cell-column-start: 12;
  }

  .cell.is-col-end-12-desktop {
    --bulma-grid-cell-column-end: 12;
  }

  .cell.is-col-from-end-12-desktop {
    --bulma-grid-cell-column-start: -12;
  }

  .cell.is-col-span-12-desktop {
    --bulma-grid-cell-column-span: 12;
  }

  .cell.is-row-start-12-desktop {
    --bulma-grid-cell-row-start: 12;
  }

  .cell.is-row-end-12-desktop {
    --bulma-grid-cell-row-end: 12;
  }

  .cell.is-row-from-end-12-desktop {
    --bulma-grid-cell-row-start: -12;
  }

  .cell.is-row-span-12-desktop {
    --bulma-grid-cell-row-span: 12;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .cell.is-col-start-1-desktop-only {
    --bulma-grid-cell-column-start: 1;
  }

  .cell.is-col-end-1-desktop-only {
    --bulma-grid-cell-column-end: 1;
  }

  .cell.is-col-from-end-1-desktop-only {
    --bulma-grid-cell-column-start: -1;
  }

  .cell.is-col-span-1-desktop-only {
    --bulma-grid-cell-column-span: 1;
  }

  .cell.is-row-start-1-desktop-only {
    --bulma-grid-cell-row-start: 1;
  }

  .cell.is-row-end-1-desktop-only {
    --bulma-grid-cell-row-end: 1;
  }

  .cell.is-row-from-end-1-desktop-only {
    --bulma-grid-cell-row-start: -1;
  }

  .cell.is-row-span-1-desktop-only {
    --bulma-grid-cell-row-span: 1;
  }

  .cell.is-col-start-2-desktop-only {
    --bulma-grid-cell-column-start: 2;
  }

  .cell.is-col-end-2-desktop-only {
    --bulma-grid-cell-column-end: 2;
  }

  .cell.is-col-from-end-2-desktop-only {
    --bulma-grid-cell-column-start: -2;
  }

  .cell.is-col-span-2-desktop-only {
    --bulma-grid-cell-column-span: 2;
  }

  .cell.is-row-start-2-desktop-only {
    --bulma-grid-cell-row-start: 2;
  }

  .cell.is-row-end-2-desktop-only {
    --bulma-grid-cell-row-end: 2;
  }

  .cell.is-row-from-end-2-desktop-only {
    --bulma-grid-cell-row-start: -2;
  }

  .cell.is-row-span-2-desktop-only {
    --bulma-grid-cell-row-span: 2;
  }

  .cell.is-col-start-3-desktop-only {
    --bulma-grid-cell-column-start: 3;
  }

  .cell.is-col-end-3-desktop-only {
    --bulma-grid-cell-column-end: 3;
  }

  .cell.is-col-from-end-3-desktop-only {
    --bulma-grid-cell-column-start: -3;
  }

  .cell.is-col-span-3-desktop-only {
    --bulma-grid-cell-column-span: 3;
  }

  .cell.is-row-start-3-desktop-only {
    --bulma-grid-cell-row-start: 3;
  }

  .cell.is-row-end-3-desktop-only {
    --bulma-grid-cell-row-end: 3;
  }

  .cell.is-row-from-end-3-desktop-only {
    --bulma-grid-cell-row-start: -3;
  }

  .cell.is-row-span-3-desktop-only {
    --bulma-grid-cell-row-span: 3;
  }

  .cell.is-col-start-4-desktop-only {
    --bulma-grid-cell-column-start: 4;
  }

  .cell.is-col-end-4-desktop-only {
    --bulma-grid-cell-column-end: 4;
  }

  .cell.is-col-from-end-4-desktop-only {
    --bulma-grid-cell-column-start: -4;
  }

  .cell.is-col-span-4-desktop-only {
    --bulma-grid-cell-column-span: 4;
  }

  .cell.is-row-start-4-desktop-only {
    --bulma-grid-cell-row-start: 4;
  }

  .cell.is-row-end-4-desktop-only {
    --bulma-grid-cell-row-end: 4;
  }

  .cell.is-row-from-end-4-desktop-only {
    --bulma-grid-cell-row-start: -4;
  }

  .cell.is-row-span-4-desktop-only {
    --bulma-grid-cell-row-span: 4;
  }

  .cell.is-col-start-5-desktop-only {
    --bulma-grid-cell-column-start: 5;
  }

  .cell.is-col-end-5-desktop-only {
    --bulma-grid-cell-column-end: 5;
  }

  .cell.is-col-from-end-5-desktop-only {
    --bulma-grid-cell-column-start: -5;
  }

  .cell.is-col-span-5-desktop-only {
    --bulma-grid-cell-column-span: 5;
  }

  .cell.is-row-start-5-desktop-only {
    --bulma-grid-cell-row-start: 5;
  }

  .cell.is-row-end-5-desktop-only {
    --bulma-grid-cell-row-end: 5;
  }

  .cell.is-row-from-end-5-desktop-only {
    --bulma-grid-cell-row-start: -5;
  }

  .cell.is-row-span-5-desktop-only {
    --bulma-grid-cell-row-span: 5;
  }

  .cell.is-col-start-6-desktop-only {
    --bulma-grid-cell-column-start: 6;
  }

  .cell.is-col-end-6-desktop-only {
    --bulma-grid-cell-column-end: 6;
  }

  .cell.is-col-from-end-6-desktop-only {
    --bulma-grid-cell-column-start: -6;
  }

  .cell.is-col-span-6-desktop-only {
    --bulma-grid-cell-column-span: 6;
  }

  .cell.is-row-start-6-desktop-only {
    --bulma-grid-cell-row-start: 6;
  }

  .cell.is-row-end-6-desktop-only {
    --bulma-grid-cell-row-end: 6;
  }

  .cell.is-row-from-end-6-desktop-only {
    --bulma-grid-cell-row-start: -6;
  }

  .cell.is-row-span-6-desktop-only {
    --bulma-grid-cell-row-span: 6;
  }

  .cell.is-col-start-7-desktop-only {
    --bulma-grid-cell-column-start: 7;
  }

  .cell.is-col-end-7-desktop-only {
    --bulma-grid-cell-column-end: 7;
  }

  .cell.is-col-from-end-7-desktop-only {
    --bulma-grid-cell-column-start: -7;
  }

  .cell.is-col-span-7-desktop-only {
    --bulma-grid-cell-column-span: 7;
  }

  .cell.is-row-start-7-desktop-only {
    --bulma-grid-cell-row-start: 7;
  }

  .cell.is-row-end-7-desktop-only {
    --bulma-grid-cell-row-end: 7;
  }

  .cell.is-row-from-end-7-desktop-only {
    --bulma-grid-cell-row-start: -7;
  }

  .cell.is-row-span-7-desktop-only {
    --bulma-grid-cell-row-span: 7;
  }

  .cell.is-col-start-8-desktop-only {
    --bulma-grid-cell-column-start: 8;
  }

  .cell.is-col-end-8-desktop-only {
    --bulma-grid-cell-column-end: 8;
  }

  .cell.is-col-from-end-8-desktop-only {
    --bulma-grid-cell-column-start: -8;
  }

  .cell.is-col-span-8-desktop-only {
    --bulma-grid-cell-column-span: 8;
  }

  .cell.is-row-start-8-desktop-only {
    --bulma-grid-cell-row-start: 8;
  }

  .cell.is-row-end-8-desktop-only {
    --bulma-grid-cell-row-end: 8;
  }

  .cell.is-row-from-end-8-desktop-only {
    --bulma-grid-cell-row-start: -8;
  }

  .cell.is-row-span-8-desktop-only {
    --bulma-grid-cell-row-span: 8;
  }

  .cell.is-col-start-9-desktop-only {
    --bulma-grid-cell-column-start: 9;
  }

  .cell.is-col-end-9-desktop-only {
    --bulma-grid-cell-column-end: 9;
  }

  .cell.is-col-from-end-9-desktop-only {
    --bulma-grid-cell-column-start: -9;
  }

  .cell.is-col-span-9-desktop-only {
    --bulma-grid-cell-column-span: 9;
  }

  .cell.is-row-start-9-desktop-only {
    --bulma-grid-cell-row-start: 9;
  }

  .cell.is-row-end-9-desktop-only {
    --bulma-grid-cell-row-end: 9;
  }

  .cell.is-row-from-end-9-desktop-only {
    --bulma-grid-cell-row-start: -9;
  }

  .cell.is-row-span-9-desktop-only {
    --bulma-grid-cell-row-span: 9;
  }

  .cell.is-col-start-10-desktop-only {
    --bulma-grid-cell-column-start: 10;
  }

  .cell.is-col-end-10-desktop-only {
    --bulma-grid-cell-column-end: 10;
  }

  .cell.is-col-from-end-10-desktop-only {
    --bulma-grid-cell-column-start: -10;
  }

  .cell.is-col-span-10-desktop-only {
    --bulma-grid-cell-column-span: 10;
  }

  .cell.is-row-start-10-desktop-only {
    --bulma-grid-cell-row-start: 10;
  }

  .cell.is-row-end-10-desktop-only {
    --bulma-grid-cell-row-end: 10;
  }

  .cell.is-row-from-end-10-desktop-only {
    --bulma-grid-cell-row-start: -10;
  }

  .cell.is-row-span-10-desktop-only {
    --bulma-grid-cell-row-span: 10;
  }

  .cell.is-col-start-11-desktop-only {
    --bulma-grid-cell-column-start: 11;
  }

  .cell.is-col-end-11-desktop-only {
    --bulma-grid-cell-column-end: 11;
  }

  .cell.is-col-from-end-11-desktop-only {
    --bulma-grid-cell-column-start: -11;
  }

  .cell.is-col-span-11-desktop-only {
    --bulma-grid-cell-column-span: 11;
  }

  .cell.is-row-start-11-desktop-only {
    --bulma-grid-cell-row-start: 11;
  }

  .cell.is-row-end-11-desktop-only {
    --bulma-grid-cell-row-end: 11;
  }

  .cell.is-row-from-end-11-desktop-only {
    --bulma-grid-cell-row-start: -11;
  }

  .cell.is-row-span-11-desktop-only {
    --bulma-grid-cell-row-span: 11;
  }

  .cell.is-col-start-12-desktop-only {
    --bulma-grid-cell-column-start: 12;
  }

  .cell.is-col-end-12-desktop-only {
    --bulma-grid-cell-column-end: 12;
  }

  .cell.is-col-from-end-12-desktop-only {
    --bulma-grid-cell-column-start: -12;
  }

  .cell.is-col-span-12-desktop-only {
    --bulma-grid-cell-column-span: 12;
  }

  .cell.is-row-start-12-desktop-only {
    --bulma-grid-cell-row-start: 12;
  }

  .cell.is-row-end-12-desktop-only {
    --bulma-grid-cell-row-end: 12;
  }

  .cell.is-row-from-end-12-desktop-only {
    --bulma-grid-cell-row-start: -12;
  }

  .cell.is-row-span-12-desktop-only {
    --bulma-grid-cell-row-span: 12;
  }
}

@media screen and (min-width: 1216px) {
  .cell.is-col-start-1-widescreen {
    --bulma-grid-cell-column-start: 1;
  }

  .cell.is-col-end-1-widescreen {
    --bulma-grid-cell-column-end: 1;
  }

  .cell.is-col-from-end-1-widescreen {
    --bulma-grid-cell-column-start: -1;
  }

  .cell.is-col-span-1-widescreen {
    --bulma-grid-cell-column-span: 1;
  }

  .cell.is-row-start-1-widescreen {
    --bulma-grid-cell-row-start: 1;
  }

  .cell.is-row-end-1-widescreen {
    --bulma-grid-cell-row-end: 1;
  }

  .cell.is-row-from-end-1-widescreen {
    --bulma-grid-cell-row-start: -1;
  }

  .cell.is-row-span-1-widescreen {
    --bulma-grid-cell-row-span: 1;
  }

  .cell.is-col-start-2-widescreen {
    --bulma-grid-cell-column-start: 2;
  }

  .cell.is-col-end-2-widescreen {
    --bulma-grid-cell-column-end: 2;
  }

  .cell.is-col-from-end-2-widescreen {
    --bulma-grid-cell-column-start: -2;
  }

  .cell.is-col-span-2-widescreen {
    --bulma-grid-cell-column-span: 2;
  }

  .cell.is-row-start-2-widescreen {
    --bulma-grid-cell-row-start: 2;
  }

  .cell.is-row-end-2-widescreen {
    --bulma-grid-cell-row-end: 2;
  }

  .cell.is-row-from-end-2-widescreen {
    --bulma-grid-cell-row-start: -2;
  }

  .cell.is-row-span-2-widescreen {
    --bulma-grid-cell-row-span: 2;
  }

  .cell.is-col-start-3-widescreen {
    --bulma-grid-cell-column-start: 3;
  }

  .cell.is-col-end-3-widescreen {
    --bulma-grid-cell-column-end: 3;
  }

  .cell.is-col-from-end-3-widescreen {
    --bulma-grid-cell-column-start: -3;
  }

  .cell.is-col-span-3-widescreen {
    --bulma-grid-cell-column-span: 3;
  }

  .cell.is-row-start-3-widescreen {
    --bulma-grid-cell-row-start: 3;
  }

  .cell.is-row-end-3-widescreen {
    --bulma-grid-cell-row-end: 3;
  }

  .cell.is-row-from-end-3-widescreen {
    --bulma-grid-cell-row-start: -3;
  }

  .cell.is-row-span-3-widescreen {
    --bulma-grid-cell-row-span: 3;
  }

  .cell.is-col-start-4-widescreen {
    --bulma-grid-cell-column-start: 4;
  }

  .cell.is-col-end-4-widescreen {
    --bulma-grid-cell-column-end: 4;
  }

  .cell.is-col-from-end-4-widescreen {
    --bulma-grid-cell-column-start: -4;
  }

  .cell.is-col-span-4-widescreen {
    --bulma-grid-cell-column-span: 4;
  }

  .cell.is-row-start-4-widescreen {
    --bulma-grid-cell-row-start: 4;
  }

  .cell.is-row-end-4-widescreen {
    --bulma-grid-cell-row-end: 4;
  }

  .cell.is-row-from-end-4-widescreen {
    --bulma-grid-cell-row-start: -4;
  }

  .cell.is-row-span-4-widescreen {
    --bulma-grid-cell-row-span: 4;
  }

  .cell.is-col-start-5-widescreen {
    --bulma-grid-cell-column-start: 5;
  }

  .cell.is-col-end-5-widescreen {
    --bulma-grid-cell-column-end: 5;
  }

  .cell.is-col-from-end-5-widescreen {
    --bulma-grid-cell-column-start: -5;
  }

  .cell.is-col-span-5-widescreen {
    --bulma-grid-cell-column-span: 5;
  }

  .cell.is-row-start-5-widescreen {
    --bulma-grid-cell-row-start: 5;
  }

  .cell.is-row-end-5-widescreen {
    --bulma-grid-cell-row-end: 5;
  }

  .cell.is-row-from-end-5-widescreen {
    --bulma-grid-cell-row-start: -5;
  }

  .cell.is-row-span-5-widescreen {
    --bulma-grid-cell-row-span: 5;
  }

  .cell.is-col-start-6-widescreen {
    --bulma-grid-cell-column-start: 6;
  }

  .cell.is-col-end-6-widescreen {
    --bulma-grid-cell-column-end: 6;
  }

  .cell.is-col-from-end-6-widescreen {
    --bulma-grid-cell-column-start: -6;
  }

  .cell.is-col-span-6-widescreen {
    --bulma-grid-cell-column-span: 6;
  }

  .cell.is-row-start-6-widescreen {
    --bulma-grid-cell-row-start: 6;
  }

  .cell.is-row-end-6-widescreen {
    --bulma-grid-cell-row-end: 6;
  }

  .cell.is-row-from-end-6-widescreen {
    --bulma-grid-cell-row-start: -6;
  }

  .cell.is-row-span-6-widescreen {
    --bulma-grid-cell-row-span: 6;
  }

  .cell.is-col-start-7-widescreen {
    --bulma-grid-cell-column-start: 7;
  }

  .cell.is-col-end-7-widescreen {
    --bulma-grid-cell-column-end: 7;
  }

  .cell.is-col-from-end-7-widescreen {
    --bulma-grid-cell-column-start: -7;
  }

  .cell.is-col-span-7-widescreen {
    --bulma-grid-cell-column-span: 7;
  }

  .cell.is-row-start-7-widescreen {
    --bulma-grid-cell-row-start: 7;
  }

  .cell.is-row-end-7-widescreen {
    --bulma-grid-cell-row-end: 7;
  }

  .cell.is-row-from-end-7-widescreen {
    --bulma-grid-cell-row-start: -7;
  }

  .cell.is-row-span-7-widescreen {
    --bulma-grid-cell-row-span: 7;
  }

  .cell.is-col-start-8-widescreen {
    --bulma-grid-cell-column-start: 8;
  }

  .cell.is-col-end-8-widescreen {
    --bulma-grid-cell-column-end: 8;
  }

  .cell.is-col-from-end-8-widescreen {
    --bulma-grid-cell-column-start: -8;
  }

  .cell.is-col-span-8-widescreen {
    --bulma-grid-cell-column-span: 8;
  }

  .cell.is-row-start-8-widescreen {
    --bulma-grid-cell-row-start: 8;
  }

  .cell.is-row-end-8-widescreen {
    --bulma-grid-cell-row-end: 8;
  }

  .cell.is-row-from-end-8-widescreen {
    --bulma-grid-cell-row-start: -8;
  }

  .cell.is-row-span-8-widescreen {
    --bulma-grid-cell-row-span: 8;
  }

  .cell.is-col-start-9-widescreen {
    --bulma-grid-cell-column-start: 9;
  }

  .cell.is-col-end-9-widescreen {
    --bulma-grid-cell-column-end: 9;
  }

  .cell.is-col-from-end-9-widescreen {
    --bulma-grid-cell-column-start: -9;
  }

  .cell.is-col-span-9-widescreen {
    --bulma-grid-cell-column-span: 9;
  }

  .cell.is-row-start-9-widescreen {
    --bulma-grid-cell-row-start: 9;
  }

  .cell.is-row-end-9-widescreen {
    --bulma-grid-cell-row-end: 9;
  }

  .cell.is-row-from-end-9-widescreen {
    --bulma-grid-cell-row-start: -9;
  }

  .cell.is-row-span-9-widescreen {
    --bulma-grid-cell-row-span: 9;
  }

  .cell.is-col-start-10-widescreen {
    --bulma-grid-cell-column-start: 10;
  }

  .cell.is-col-end-10-widescreen {
    --bulma-grid-cell-column-end: 10;
  }

  .cell.is-col-from-end-10-widescreen {
    --bulma-grid-cell-column-start: -10;
  }

  .cell.is-col-span-10-widescreen {
    --bulma-grid-cell-column-span: 10;
  }

  .cell.is-row-start-10-widescreen {
    --bulma-grid-cell-row-start: 10;
  }

  .cell.is-row-end-10-widescreen {
    --bulma-grid-cell-row-end: 10;
  }

  .cell.is-row-from-end-10-widescreen {
    --bulma-grid-cell-row-start: -10;
  }

  .cell.is-row-span-10-widescreen {
    --bulma-grid-cell-row-span: 10;
  }

  .cell.is-col-start-11-widescreen {
    --bulma-grid-cell-column-start: 11;
  }

  .cell.is-col-end-11-widescreen {
    --bulma-grid-cell-column-end: 11;
  }

  .cell.is-col-from-end-11-widescreen {
    --bulma-grid-cell-column-start: -11;
  }

  .cell.is-col-span-11-widescreen {
    --bulma-grid-cell-column-span: 11;
  }

  .cell.is-row-start-11-widescreen {
    --bulma-grid-cell-row-start: 11;
  }

  .cell.is-row-end-11-widescreen {
    --bulma-grid-cell-row-end: 11;
  }

  .cell.is-row-from-end-11-widescreen {
    --bulma-grid-cell-row-start: -11;
  }

  .cell.is-row-span-11-widescreen {
    --bulma-grid-cell-row-span: 11;
  }

  .cell.is-col-start-12-widescreen {
    --bulma-grid-cell-column-start: 12;
  }

  .cell.is-col-end-12-widescreen {
    --bulma-grid-cell-column-end: 12;
  }

  .cell.is-col-from-end-12-widescreen {
    --bulma-grid-cell-column-start: -12;
  }

  .cell.is-col-span-12-widescreen {
    --bulma-grid-cell-column-span: 12;
  }

  .cell.is-row-start-12-widescreen {
    --bulma-grid-cell-row-start: 12;
  }

  .cell.is-row-end-12-widescreen {
    --bulma-grid-cell-row-end: 12;
  }

  .cell.is-row-from-end-12-widescreen {
    --bulma-grid-cell-row-start: -12;
  }

  .cell.is-row-span-12-widescreen {
    --bulma-grid-cell-row-span: 12;
  }
}

@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .cell.is-col-start-1-widescreen-only {
    --bulma-grid-cell-column-start: 1;
  }

  .cell.is-col-end-1-widescreen-only {
    --bulma-grid-cell-column-end: 1;
  }

  .cell.is-col-from-end-1-widescreen-only {
    --bulma-grid-cell-column-start: -1;
  }

  .cell.is-col-span-1-widescreen-only {
    --bulma-grid-cell-column-span: 1;
  }

  .cell.is-row-start-1-widescreen-only {
    --bulma-grid-cell-row-start: 1;
  }

  .cell.is-row-end-1-widescreen-only {
    --bulma-grid-cell-row-end: 1;
  }

  .cell.is-row-from-end-1-widescreen-only {
    --bulma-grid-cell-row-start: -1;
  }

  .cell.is-row-span-1-widescreen-only {
    --bulma-grid-cell-row-span: 1;
  }

  .cell.is-col-start-2-widescreen-only {
    --bulma-grid-cell-column-start: 2;
  }

  .cell.is-col-end-2-widescreen-only {
    --bulma-grid-cell-column-end: 2;
  }

  .cell.is-col-from-end-2-widescreen-only {
    --bulma-grid-cell-column-start: -2;
  }

  .cell.is-col-span-2-widescreen-only {
    --bulma-grid-cell-column-span: 2;
  }

  .cell.is-row-start-2-widescreen-only {
    --bulma-grid-cell-row-start: 2;
  }

  .cell.is-row-end-2-widescreen-only {
    --bulma-grid-cell-row-end: 2;
  }

  .cell.is-row-from-end-2-widescreen-only {
    --bulma-grid-cell-row-start: -2;
  }

  .cell.is-row-span-2-widescreen-only {
    --bulma-grid-cell-row-span: 2;
  }

  .cell.is-col-start-3-widescreen-only {
    --bulma-grid-cell-column-start: 3;
  }

  .cell.is-col-end-3-widescreen-only {
    --bulma-grid-cell-column-end: 3;
  }

  .cell.is-col-from-end-3-widescreen-only {
    --bulma-grid-cell-column-start: -3;
  }

  .cell.is-col-span-3-widescreen-only {
    --bulma-grid-cell-column-span: 3;
  }

  .cell.is-row-start-3-widescreen-only {
    --bulma-grid-cell-row-start: 3;
  }

  .cell.is-row-end-3-widescreen-only {
    --bulma-grid-cell-row-end: 3;
  }

  .cell.is-row-from-end-3-widescreen-only {
    --bulma-grid-cell-row-start: -3;
  }

  .cell.is-row-span-3-widescreen-only {
    --bulma-grid-cell-row-span: 3;
  }

  .cell.is-col-start-4-widescreen-only {
    --bulma-grid-cell-column-start: 4;
  }

  .cell.is-col-end-4-widescreen-only {
    --bulma-grid-cell-column-end: 4;
  }

  .cell.is-col-from-end-4-widescreen-only {
    --bulma-grid-cell-column-start: -4;
  }

  .cell.is-col-span-4-widescreen-only {
    --bulma-grid-cell-column-span: 4;
  }

  .cell.is-row-start-4-widescreen-only {
    --bulma-grid-cell-row-start: 4;
  }

  .cell.is-row-end-4-widescreen-only {
    --bulma-grid-cell-row-end: 4;
  }

  .cell.is-row-from-end-4-widescreen-only {
    --bulma-grid-cell-row-start: -4;
  }

  .cell.is-row-span-4-widescreen-only {
    --bulma-grid-cell-row-span: 4;
  }

  .cell.is-col-start-5-widescreen-only {
    --bulma-grid-cell-column-start: 5;
  }

  .cell.is-col-end-5-widescreen-only {
    --bulma-grid-cell-column-end: 5;
  }

  .cell.is-col-from-end-5-widescreen-only {
    --bulma-grid-cell-column-start: -5;
  }

  .cell.is-col-span-5-widescreen-only {
    --bulma-grid-cell-column-span: 5;
  }

  .cell.is-row-start-5-widescreen-only {
    --bulma-grid-cell-row-start: 5;
  }

  .cell.is-row-end-5-widescreen-only {
    --bulma-grid-cell-row-end: 5;
  }

  .cell.is-row-from-end-5-widescreen-only {
    --bulma-grid-cell-row-start: -5;
  }

  .cell.is-row-span-5-widescreen-only {
    --bulma-grid-cell-row-span: 5;
  }

  .cell.is-col-start-6-widescreen-only {
    --bulma-grid-cell-column-start: 6;
  }

  .cell.is-col-end-6-widescreen-only {
    --bulma-grid-cell-column-end: 6;
  }

  .cell.is-col-from-end-6-widescreen-only {
    --bulma-grid-cell-column-start: -6;
  }

  .cell.is-col-span-6-widescreen-only {
    --bulma-grid-cell-column-span: 6;
  }

  .cell.is-row-start-6-widescreen-only {
    --bulma-grid-cell-row-start: 6;
  }

  .cell.is-row-end-6-widescreen-only {
    --bulma-grid-cell-row-end: 6;
  }

  .cell.is-row-from-end-6-widescreen-only {
    --bulma-grid-cell-row-start: -6;
  }

  .cell.is-row-span-6-widescreen-only {
    --bulma-grid-cell-row-span: 6;
  }

  .cell.is-col-start-7-widescreen-only {
    --bulma-grid-cell-column-start: 7;
  }

  .cell.is-col-end-7-widescreen-only {
    --bulma-grid-cell-column-end: 7;
  }

  .cell.is-col-from-end-7-widescreen-only {
    --bulma-grid-cell-column-start: -7;
  }

  .cell.is-col-span-7-widescreen-only {
    --bulma-grid-cell-column-span: 7;
  }

  .cell.is-row-start-7-widescreen-only {
    --bulma-grid-cell-row-start: 7;
  }

  .cell.is-row-end-7-widescreen-only {
    --bulma-grid-cell-row-end: 7;
  }

  .cell.is-row-from-end-7-widescreen-only {
    --bulma-grid-cell-row-start: -7;
  }

  .cell.is-row-span-7-widescreen-only {
    --bulma-grid-cell-row-span: 7;
  }

  .cell.is-col-start-8-widescreen-only {
    --bulma-grid-cell-column-start: 8;
  }

  .cell.is-col-end-8-widescreen-only {
    --bulma-grid-cell-column-end: 8;
  }

  .cell.is-col-from-end-8-widescreen-only {
    --bulma-grid-cell-column-start: -8;
  }

  .cell.is-col-span-8-widescreen-only {
    --bulma-grid-cell-column-span: 8;
  }

  .cell.is-row-start-8-widescreen-only {
    --bulma-grid-cell-row-start: 8;
  }

  .cell.is-row-end-8-widescreen-only {
    --bulma-grid-cell-row-end: 8;
  }

  .cell.is-row-from-end-8-widescreen-only {
    --bulma-grid-cell-row-start: -8;
  }

  .cell.is-row-span-8-widescreen-only {
    --bulma-grid-cell-row-span: 8;
  }

  .cell.is-col-start-9-widescreen-only {
    --bulma-grid-cell-column-start: 9;
  }

  .cell.is-col-end-9-widescreen-only {
    --bulma-grid-cell-column-end: 9;
  }

  .cell.is-col-from-end-9-widescreen-only {
    --bulma-grid-cell-column-start: -9;
  }

  .cell.is-col-span-9-widescreen-only {
    --bulma-grid-cell-column-span: 9;
  }

  .cell.is-row-start-9-widescreen-only {
    --bulma-grid-cell-row-start: 9;
  }

  .cell.is-row-end-9-widescreen-only {
    --bulma-grid-cell-row-end: 9;
  }

  .cell.is-row-from-end-9-widescreen-only {
    --bulma-grid-cell-row-start: -9;
  }

  .cell.is-row-span-9-widescreen-only {
    --bulma-grid-cell-row-span: 9;
  }

  .cell.is-col-start-10-widescreen-only {
    --bulma-grid-cell-column-start: 10;
  }

  .cell.is-col-end-10-widescreen-only {
    --bulma-grid-cell-column-end: 10;
  }

  .cell.is-col-from-end-10-widescreen-only {
    --bulma-grid-cell-column-start: -10;
  }

  .cell.is-col-span-10-widescreen-only {
    --bulma-grid-cell-column-span: 10;
  }

  .cell.is-row-start-10-widescreen-only {
    --bulma-grid-cell-row-start: 10;
  }

  .cell.is-row-end-10-widescreen-only {
    --bulma-grid-cell-row-end: 10;
  }

  .cell.is-row-from-end-10-widescreen-only {
    --bulma-grid-cell-row-start: -10;
  }

  .cell.is-row-span-10-widescreen-only {
    --bulma-grid-cell-row-span: 10;
  }

  .cell.is-col-start-11-widescreen-only {
    --bulma-grid-cell-column-start: 11;
  }

  .cell.is-col-end-11-widescreen-only {
    --bulma-grid-cell-column-end: 11;
  }

  .cell.is-col-from-end-11-widescreen-only {
    --bulma-grid-cell-column-start: -11;
  }

  .cell.is-col-span-11-widescreen-only {
    --bulma-grid-cell-column-span: 11;
  }

  .cell.is-row-start-11-widescreen-only {
    --bulma-grid-cell-row-start: 11;
  }

  .cell.is-row-end-11-widescreen-only {
    --bulma-grid-cell-row-end: 11;
  }

  .cell.is-row-from-end-11-widescreen-only {
    --bulma-grid-cell-row-start: -11;
  }

  .cell.is-row-span-11-widescreen-only {
    --bulma-grid-cell-row-span: 11;
  }

  .cell.is-col-start-12-widescreen-only {
    --bulma-grid-cell-column-start: 12;
  }

  .cell.is-col-end-12-widescreen-only {
    --bulma-grid-cell-column-end: 12;
  }

  .cell.is-col-from-end-12-widescreen-only {
    --bulma-grid-cell-column-start: -12;
  }

  .cell.is-col-span-12-widescreen-only {
    --bulma-grid-cell-column-span: 12;
  }

  .cell.is-row-start-12-widescreen-only {
    --bulma-grid-cell-row-start: 12;
  }

  .cell.is-row-end-12-widescreen-only {
    --bulma-grid-cell-row-end: 12;
  }

  .cell.is-row-from-end-12-widescreen-only {
    --bulma-grid-cell-row-start: -12;
  }

  .cell.is-row-span-12-widescreen-only {
    --bulma-grid-cell-row-span: 12;
  }
}

@media screen and (min-width: 1408px) {
  .cell.is-col-start-1-fullhd {
    --bulma-grid-cell-column-start: 1;
  }

  .cell.is-col-end-1-fullhd {
    --bulma-grid-cell-column-end: 1;
  }

  .cell.is-col-from-end-1-fullhd {
    --bulma-grid-cell-column-start: -1;
  }

  .cell.is-col-span-1-fullhd {
    --bulma-grid-cell-column-span: 1;
  }

  .cell.is-row-start-1-fullhd {
    --bulma-grid-cell-row-start: 1;
  }

  .cell.is-row-end-1-fullhd {
    --bulma-grid-cell-row-end: 1;
  }

  .cell.is-row-from-end-1-fullhd {
    --bulma-grid-cell-row-start: -1;
  }

  .cell.is-row-span-1-fullhd {
    --bulma-grid-cell-row-span: 1;
  }

  .cell.is-col-start-2-fullhd {
    --bulma-grid-cell-column-start: 2;
  }

  .cell.is-col-end-2-fullhd {
    --bulma-grid-cell-column-end: 2;
  }

  .cell.is-col-from-end-2-fullhd {
    --bulma-grid-cell-column-start: -2;
  }

  .cell.is-col-span-2-fullhd {
    --bulma-grid-cell-column-span: 2;
  }

  .cell.is-row-start-2-fullhd {
    --bulma-grid-cell-row-start: 2;
  }

  .cell.is-row-end-2-fullhd {
    --bulma-grid-cell-row-end: 2;
  }

  .cell.is-row-from-end-2-fullhd {
    --bulma-grid-cell-row-start: -2;
  }

  .cell.is-row-span-2-fullhd {
    --bulma-grid-cell-row-span: 2;
  }

  .cell.is-col-start-3-fullhd {
    --bulma-grid-cell-column-start: 3;
  }

  .cell.is-col-end-3-fullhd {
    --bulma-grid-cell-column-end: 3;
  }

  .cell.is-col-from-end-3-fullhd {
    --bulma-grid-cell-column-start: -3;
  }

  .cell.is-col-span-3-fullhd {
    --bulma-grid-cell-column-span: 3;
  }

  .cell.is-row-start-3-fullhd {
    --bulma-grid-cell-row-start: 3;
  }

  .cell.is-row-end-3-fullhd {
    --bulma-grid-cell-row-end: 3;
  }

  .cell.is-row-from-end-3-fullhd {
    --bulma-grid-cell-row-start: -3;
  }

  .cell.is-row-span-3-fullhd {
    --bulma-grid-cell-row-span: 3;
  }

  .cell.is-col-start-4-fullhd {
    --bulma-grid-cell-column-start: 4;
  }

  .cell.is-col-end-4-fullhd {
    --bulma-grid-cell-column-end: 4;
  }

  .cell.is-col-from-end-4-fullhd {
    --bulma-grid-cell-column-start: -4;
  }

  .cell.is-col-span-4-fullhd {
    --bulma-grid-cell-column-span: 4;
  }

  .cell.is-row-start-4-fullhd {
    --bulma-grid-cell-row-start: 4;
  }

  .cell.is-row-end-4-fullhd {
    --bulma-grid-cell-row-end: 4;
  }

  .cell.is-row-from-end-4-fullhd {
    --bulma-grid-cell-row-start: -4;
  }

  .cell.is-row-span-4-fullhd {
    --bulma-grid-cell-row-span: 4;
  }

  .cell.is-col-start-5-fullhd {
    --bulma-grid-cell-column-start: 5;
  }

  .cell.is-col-end-5-fullhd {
    --bulma-grid-cell-column-end: 5;
  }

  .cell.is-col-from-end-5-fullhd {
    --bulma-grid-cell-column-start: -5;
  }

  .cell.is-col-span-5-fullhd {
    --bulma-grid-cell-column-span: 5;
  }

  .cell.is-row-start-5-fullhd {
    --bulma-grid-cell-row-start: 5;
  }

  .cell.is-row-end-5-fullhd {
    --bulma-grid-cell-row-end: 5;
  }

  .cell.is-row-from-end-5-fullhd {
    --bulma-grid-cell-row-start: -5;
  }

  .cell.is-row-span-5-fullhd {
    --bulma-grid-cell-row-span: 5;
  }

  .cell.is-col-start-6-fullhd {
    --bulma-grid-cell-column-start: 6;
  }

  .cell.is-col-end-6-fullhd {
    --bulma-grid-cell-column-end: 6;
  }

  .cell.is-col-from-end-6-fullhd {
    --bulma-grid-cell-column-start: -6;
  }

  .cell.is-col-span-6-fullhd {
    --bulma-grid-cell-column-span: 6;
  }

  .cell.is-row-start-6-fullhd {
    --bulma-grid-cell-row-start: 6;
  }

  .cell.is-row-end-6-fullhd {
    --bulma-grid-cell-row-end: 6;
  }

  .cell.is-row-from-end-6-fullhd {
    --bulma-grid-cell-row-start: -6;
  }

  .cell.is-row-span-6-fullhd {
    --bulma-grid-cell-row-span: 6;
  }

  .cell.is-col-start-7-fullhd {
    --bulma-grid-cell-column-start: 7;
  }

  .cell.is-col-end-7-fullhd {
    --bulma-grid-cell-column-end: 7;
  }

  .cell.is-col-from-end-7-fullhd {
    --bulma-grid-cell-column-start: -7;
  }

  .cell.is-col-span-7-fullhd {
    --bulma-grid-cell-column-span: 7;
  }

  .cell.is-row-start-7-fullhd {
    --bulma-grid-cell-row-start: 7;
  }

  .cell.is-row-end-7-fullhd {
    --bulma-grid-cell-row-end: 7;
  }

  .cell.is-row-from-end-7-fullhd {
    --bulma-grid-cell-row-start: -7;
  }

  .cell.is-row-span-7-fullhd {
    --bulma-grid-cell-row-span: 7;
  }

  .cell.is-col-start-8-fullhd {
    --bulma-grid-cell-column-start: 8;
  }

  .cell.is-col-end-8-fullhd {
    --bulma-grid-cell-column-end: 8;
  }

  .cell.is-col-from-end-8-fullhd {
    --bulma-grid-cell-column-start: -8;
  }

  .cell.is-col-span-8-fullhd {
    --bulma-grid-cell-column-span: 8;
  }

  .cell.is-row-start-8-fullhd {
    --bulma-grid-cell-row-start: 8;
  }

  .cell.is-row-end-8-fullhd {
    --bulma-grid-cell-row-end: 8;
  }

  .cell.is-row-from-end-8-fullhd {
    --bulma-grid-cell-row-start: -8;
  }

  .cell.is-row-span-8-fullhd {
    --bulma-grid-cell-row-span: 8;
  }

  .cell.is-col-start-9-fullhd {
    --bulma-grid-cell-column-start: 9;
  }

  .cell.is-col-end-9-fullhd {
    --bulma-grid-cell-column-end: 9;
  }

  .cell.is-col-from-end-9-fullhd {
    --bulma-grid-cell-column-start: -9;
  }

  .cell.is-col-span-9-fullhd {
    --bulma-grid-cell-column-span: 9;
  }

  .cell.is-row-start-9-fullhd {
    --bulma-grid-cell-row-start: 9;
  }

  .cell.is-row-end-9-fullhd {
    --bulma-grid-cell-row-end: 9;
  }

  .cell.is-row-from-end-9-fullhd {
    --bulma-grid-cell-row-start: -9;
  }

  .cell.is-row-span-9-fullhd {
    --bulma-grid-cell-row-span: 9;
  }

  .cell.is-col-start-10-fullhd {
    --bulma-grid-cell-column-start: 10;
  }

  .cell.is-col-end-10-fullhd {
    --bulma-grid-cell-column-end: 10;
  }

  .cell.is-col-from-end-10-fullhd {
    --bulma-grid-cell-column-start: -10;
  }

  .cell.is-col-span-10-fullhd {
    --bulma-grid-cell-column-span: 10;
  }

  .cell.is-row-start-10-fullhd {
    --bulma-grid-cell-row-start: 10;
  }

  .cell.is-row-end-10-fullhd {
    --bulma-grid-cell-row-end: 10;
  }

  .cell.is-row-from-end-10-fullhd {
    --bulma-grid-cell-row-start: -10;
  }

  .cell.is-row-span-10-fullhd {
    --bulma-grid-cell-row-span: 10;
  }

  .cell.is-col-start-11-fullhd {
    --bulma-grid-cell-column-start: 11;
  }

  .cell.is-col-end-11-fullhd {
    --bulma-grid-cell-column-end: 11;
  }

  .cell.is-col-from-end-11-fullhd {
    --bulma-grid-cell-column-start: -11;
  }

  .cell.is-col-span-11-fullhd {
    --bulma-grid-cell-column-span: 11;
  }

  .cell.is-row-start-11-fullhd {
    --bulma-grid-cell-row-start: 11;
  }

  .cell.is-row-end-11-fullhd {
    --bulma-grid-cell-row-end: 11;
  }

  .cell.is-row-from-end-11-fullhd {
    --bulma-grid-cell-row-start: -11;
  }

  .cell.is-row-span-11-fullhd {
    --bulma-grid-cell-row-span: 11;
  }

  .cell.is-col-start-12-fullhd {
    --bulma-grid-cell-column-start: 12;
  }

  .cell.is-col-end-12-fullhd {
    --bulma-grid-cell-column-end: 12;
  }

  .cell.is-col-from-end-12-fullhd {
    --bulma-grid-cell-column-start: -12;
  }

  .cell.is-col-span-12-fullhd {
    --bulma-grid-cell-column-span: 12;
  }

  .cell.is-row-start-12-fullhd {
    --bulma-grid-cell-row-start: 12;
  }

  .cell.is-row-end-12-fullhd {
    --bulma-grid-cell-row-end: 12;
  }

  .cell.is-row-from-end-12-fullhd {
    --bulma-grid-cell-row-start: -12;
  }

  .cell.is-row-span-12-fullhd {
    --bulma-grid-cell-row-span: 12;
  }
}

.is-gap-0 {
  gap: 0rem !important;
}

.is-gap-0\.5 {
  gap: var(--space-size-0\.5) !important;
}

.is-gap-1 {
  gap: var(--space-size-1) !important;
}

.is-gap-1\.5 {
  gap: var(--space-size-1\.5) !important;
}

.is-gap-2 {
  gap: var(--space-size-2) !important;
}

.is-gap-2\.5 {
  gap: var(--space-size-2\.5) !important;
}

.is-gap-3 {
  gap: var(--space-size-3) !important;
}

.is-gap-3\.5 {
  gap: var(--space-size-3\.5) !important;
}

.is-gap-4 {
  gap: var(--space-size-4) !important;
}

.is-gap-4\.5 {
  gap: var(--space-size-4\.5) !important;
}

.is-gap-5 {
  gap: var(--space-size-5) !important;
}

.is-gap-5\.5 {
  gap: var(--space-size-5\.5) !important;
}

.is-gap-6 {
  gap: var(--space-size-6) !important;
}

.is-gap-6\.5 {
  gap: var(--space-size-6\.5) !important;
}

.is-gap-7 {
  gap: var(--space-size-7) !important;
}

.is-gap-7\.5 {
  gap: var(--space-size-7\.5) !important;
}

.is-gap-8 {
  gap: var(--space-size-8) !important;
}

.is-column-gap-0 {
  column-gap: 0rem !important;
}

.is-column-gap-0\.5 {
  gap: var(--space-size-0\.5) !important;
}

.is-column-gap-1 {
  column-gap: var(--space-size-1) !important;
}

.is-column-gap-1\.5 {
  gap: var(--space-size-1\.5) !important;
}

.is-column-gap-2 {
  column-gap: var(--space-size-2) !important;
}

.is-column-gap-2\.5 {
  gap: var(--space-size-2\.5) !important;
}

.is-column-gap-3 {
  column-gap: var(--space-size-3) !important;
}

.is-column-gap-3\.5 {
  gap: var(--space-size-3\.5) !important;
}

.is-column-gap-4 {
  column-gap: var(--space-size-4) !important;
}

.is-column-gap-4\.5 {
  gap: var(--space-size-4\.5) !important;
}

.is-column-gap-5 {
  column-gap: var(--space-size-5) !important;
}

.is-column-gap-5\.5 {
  gap: var(--space-size-5\.5) !important;
}

.is-column-gap-6 {
  column-gap: var(--space-size-6) !important;
}

.is-column-gap-6\.5 {
  gap: var(--space-size-6\.5) !important;
}

.is-column-gap-7 {
  column-gap: var(--space-size-7) !important;
}

.is-column-gap-7\.5 {
  gap: var(--space-size-7\.5) !important;
}

.is-column-gap-8 {
  column-gap: var(--space-size-8) !important;
}

.is-row-gap-0 {
  row-gap: 0rem !important;
}

.is-row-gap-0\.5 {
  gap: var(--space-size-0\.5) !important;
}

.is-row-gap-1 {
  row-gap: var(--space-size-1) !important;
}

.is-row-gap-1\.5 {
  gap: var(--space-size-1\.5) !important;
}

.is-row-gap-2 {
  gap: var(--space-size-2) !important;
}

.is-row-gap-2\.5 {
  gap: var(--space-size-2\.5) !important;
}

.is-row-gap-3 {
  gap: var(--space-size-3) !important;
}

.is-row-gap-3\.5 {
  gap: var(--space-size-3\.5) !important;
}

.is-row-gap-4 {
  row-gap: var(--space-size-4) !important;
}

.is-row-gap-4\.5 {
  gap: var(--space-size-4\.5) !important;
}

.is-row-gap-5 {
  row-gap: var(--space-size-5) !important;
}

.is-row-gap-5\.5 {
  gap: var(--space-size-5\.5) !important;
}

.is-row-gap-6 {
  row-gap: var(--space-size-6) !important;
}

.is-row-gap-6\.5 {
  gap: var(--space-size-6\.5) !important;
}

.is-row-gap-7 {
  gap: var(--space-size-7) !important;
}

.is-row-gap-7\.5 {
  gap: var(--space-size-7\.5) !important;
}

.is-row-gap-8 {
  gap: var(--space-size-8) !important;
}

@media screen and (width <=768px) {
  .is-gap-0-mobile {
    gap: 0rem !important;
  }

  .is-gap-0\.5-mobile {
    gap: var(--space-size-0\.5) !important;
  }

  .is-gap-1-mobile {
    gap: var(--space-size-1) !important;
  }

  .is-gap-1\.5-mobile {
    gap: var(--space-size-1\.5) !important;
  }

  .is-gap-2-mobile {
    gap: var(--space-size-2) !important;
  }

  .is-gap-2\.5-mobile {
    gap: var(--space-size-2\.5) !important;
  }

  .is-gap-3-mobile {
    gap: var(--space-size-3) !important;
  }

  .is-gap-3\.5-mobile {
    gap: var(--space-size-3\.5) !important;
  }

  .is-gap-4-mobile {
    gap: var(--space-size-4) !important;
  }

  .is-gap-4\.5-mobile {
    gap: var(--space-size-4\.5) !important;
  }

  .is-gap-5-mobile {
    gap: var(--space-size-5) !important;
  }

  .is-gap-5\.5-mobile {
    gap: var(--space-size-5\.5) !important;
  }

  .is-gap-6-mobile {
    gap: var(--space-size-6) !important;
  }

  .is-gap-6\.5-mobile {
    gap: var(--space-size-6\.5) !important;
  }

  .is-gap-7-mobile {
    gap: var(--space-size-7) !important;
  }

  .is-gap-7\.5-mobile {
    gap: var(--space-size-7\.5) !important;
  }

  .is-gap-8-mobile {
    gap: var(--space-size-8) !important;
  }

  .is-column-gap-0-mobile {
    column-gap: 0rem !important;
  }

  .is-column-gap-0\.5-mobile {
    gap: var(--space-size-0\.5) !important;
  }

  .is-column-gap-1-mobile {
    column-gap: var(--space-size-1) !important;
  }

  .is-column-gap-1\.5-mobile {
    gap: var(--space-size-1\.5) !important;
  }

  .is-column-gap-2-mobile {
    column-gap: var(--space-size-2) !important;
  }

  .is-column-gap-2\.5-mobile {
    gap: var(--space-size-2\.5) !important;
  }

  .is-column-gap-3-mobile {
    column-gap: var(--space-size-3) !important;
  }

  .is-column-gap-3\.5-mobile {
    gap: var(--space-size-3\.5) !important;
  }

  .is-column-gap-4-mobile {
    column-gap: var(--space-size-4) !important;
  }

  .is-column-gap-4\.5-mobile {
    gap: var(--space-size-4\.5) !important;
  }

  .is-column-gap-5-mobile {
    column-gap: var(--space-size-5) !important;
  }

  .is-column-gap-5\.5-mobile {
    gap: var(--space-size-5\.5) !important;
  }

  .is-column-gap-6-mobile {
    column-gap: var(--space-size-6) !important;
  }

  .is-column-gap-6\.5-mobile {
    gap: var(--space-size-6\.5) !important;
  }

  .is-column-gap-7-mobile {
    column-gap: var(--space-size-7) !important;
  }

  .is-column-gap-7\.5-mobile {
    gap: var(--space-size-7\.5) !important;
  }

  .is-column-gap-8-mobile {
    column-gap: var(--space-size-8) !important;
  }

  .is-row-gap-0-mobile {
    row-gap: 0rem !important;
  }

  .is-row-gap-0\.5-mobile {
    gap: var(--space-size-0\.5) !important;
  }

  .is-row-gap-1-mobile {
    row-gap: var(--space-size-1) !important;
  }

  .is-row-gap-1\.5-mobile {
    gap: var(--space-size-1\.5) !important;
  }

  .is-row-gap-2-mobile {
    gap: var(--space-size-2) !important;
  }

  .is-row-gap-2\.5-mobile {
    gap: var(--space-size-2\.5) !important;
  }

  .is-row-gap-3-mobile {
    gap: var(--space-size-3) !important;
  }

  .is-row-gap-3\.5-mobile {
    gap: var(--space-size-3\.5) !important;
  }

  .is-row-gap-4-mobile {
    row-gap: var(--space-size-4) !important;
  }

  .is-row-gap-4\.5-mobile {
    gap: var(--space-size-4\.5) !important;
  }

  .is-row-gap-5-mobile {
    row-gap: var(--space-size-5) !important;
  }

  .is-row-gap-5\.5-mobile {
    gap: var(--space-size-5\.5) !important;
  }

  .is-row-gap-6-mobile {
    row-gap: var(--space-size-6) !important;
  }

  .is-row-gap-6\.5-mobile {
    gap: var(--space-size-6\.5) !important;
  }

  .is-row-gap-7-mobile {
    gap: var(--space-size-7) !important;
  }

  .is-row-gap-7\.5-mobile {
    gap: var(--space-size-7\.5) !important;
  }

  .is-row-gap-8-mobile {
    gap: var(--space-size-8) !important;
  }

}

/*** end Bulma grid ***/