/* GANTRY5 DEVELOPMENT MODE ENABLED.

   WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!

   For more information on modifying CSS, please read:

   http://docs.gantry.org/gantry5/configure/styles
   http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/*--- function loaded */
/* suggest ---------------------------- */
/* inheritage ---------------------------- */
/* need by grav  ---------------------------- */
/* hydrogen compatible ---------------------- */
/*--- configuration loaded */
/* line 2, user/themes/gasken/scss/mixin/nucleus/_nav.scss */
/* line 12, user/themes/gasken/scss/mixin/nucleus/_nav.scss */
/* line 2, user/themes/gasken/scss/mixin/nucleus/_utilities.scss */
/* line 9, user/themes/gasken/scss/mixin/nucleus/_utilities.scss */
/* line 1, user/themes/gasken/scss/poko/_root.scss */
:root {
  --margin: 0.5em;
  --padding: 0.5em;
  --lead: 1em;
  --line-height: 2;
  --bg: #fff;
  --txt: #222;
  --d0: #f7f7f7;
  --d1: #dedede;
  --d2: #c4c4c4;
  --b1: #000;
  --w1: #fff;
  --hilite: rgba(255, 255, 255, 0.867);
  --shade: rgba(0, 0, 0, 0.133);
  --shadow: rgba(0, 0, 0, 0.8);
  --outline: rgba(0, 0, 0, 0.267);
  --primary: #fc3;
  --primary-txt: #000;
  --secondary: #d22;
  --secondary-txt: #fff;
}
/* line 1, user/themes/gasken/scss/poko/_global.scss */
.g-content, .g-menu-item-container, table th, table td, .g-block .g-content {
  margin: var(--margin);
  padding: var(--padding);
}
/* line 6, user/themes/gasken/scss/poko/_global.scss */
#g-navigation .g-block, header .g-block, #g-navigation .g-content, header .g-content {
  margin: 0 !important;
  padding: 0 !important;
}
/* line 11, user/themes/gasken/scss/poko/_global.scss */
.h-padding {
  padding-left: calc(2 * var(--padding));
  padding-right: calc(2 * var(--padding));
}
/* line 16, user/themes/gasken/scss/poko/_global.scss */
.v-padding {
  padding-top: calc(2 * var(--padding));
  padding-bottom: calc(2 * var(--padding));
}
/* line 21, user/themes/gasken/scss/poko/_global.scss */
.c-padding {
  padding: calc(2 * var(--padding));
}
/* line 25, user/themes/gasken/scss/poko/_global.scss */
.fix-at-top {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 20;
}
/* line 34, user/themes/gasken/scss/poko/_global.scss */
#g-navigation .g-block, header .g-block, #g-navigation .g-content, header .g-content, .g-menu-item-container, nav, nav .g-toplevel {
  display: flex;
  height: 100%;
  align-items: center;
}
/* line 2, user/themes/gasken/scss/poko/core/_core.scss */
main {
  --color: #fff;
  --h: 0;
  --s: 0%;
  --l: 100%;
  --txt: var(--b1, #1a1a1a);
  --bg: hsl(var(--h),var(--s),var(--l));
  background-color: var(--bg);
  color: var(--txt);
}
/* line 8, user/themes/gasken/scss/poko/core/_core.scss */
body {
  background: #fff;
}
/* line 10, user/themes/gasken/scss/poko/core/_core.scss */
/* line 14, user/themes/gasken/scss/poko/core/_core.scss */
/* line 17, user/themes/gasken/scss/poko/core/_core.scss */
#g-navigation .g-container, header .g-container {
  height: 100%;
}
/* line 19, user/themes/gasken/scss/poko/core/_core.scss */
#g-navigation .g-block, header .g-block, #g-navigation .g-content, header .g-content {
  width: 100%;
  align-self: center;
}
@font-face {
  font-family: "clearsans";
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/clearsans_light_macroman/clearsans-light-webfont.eot#iefix') format("embedded-opentype"), url('../fonts/clearsans_light_macroman/clearsans-light-webfont.woff') format("woff"), url('../fonts/clearsans_light_macroman/clearsans-light-webfont.ttf') format("truetype"), url('../fonts/clearsans_light_macroman/clearsans-light-webfont.svg#clearsans') format("svg");
}
@font-face {
  font-family: "clearsans";
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/clearsans_regular_macroman/clearsans-regular-webfont.eot#iefix') format("embedded-opentype"), url('../fonts/clearsans_regular_macroman/clearsans-regular-webfont.woff') format("woff"), url('../fonts/clearsans_regular_macroman/clearsans-regular-webfont.ttf') format("truetype"), url('../fonts/clearsans_regular_macroman/clearsans-regular-webfont.svg#clearsans') format("svg");
}
@font-face {
  font-family: "clearsans";
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/clearsans_medium_macroman/clearsans-medium-webfont.eot#iefix') format("embedded-opentype"), url('../fonts/clearsans_medium_macroman/clearsans-medium-webfont.woff') format("woff"), url('../fonts/clearsans_medium_macroman/clearsans-medium-webfont.ttf') format("truetype"), url('../fonts/clearsans_medium_macroman/clearsans-medium-webfont.svg#clearsans') format("svg");
}
@font-face {
  font-family: "clearsans";
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/clearsans_bold_macroman/clearsans-bold-webfont.eot#iefix') format("embedded-opentype"), url('../fonts/clearsans_bold_macroman/clearsans-bold-webfont.woff') format("woff"), url('../fonts/clearsans_bold_macroman/clearsans-bold-webfont.ttf') format("truetype"), url('../fonts/clearsans_bold_macroman/clearsans-bold-webfont.svg#clearsans') format("svg");
}
/* line 5, user/themes/gasken/scss/poko/core/_typography.scss */
body {
  font-family: "clearsans", sans-serif;
  font-size: 1rem;
  line-height: 2;
}
/* line 11, user/themes/gasken/scss/poko/core/_typography.scss */
h1, h2, h3, h4, h5, h6 {
  margin-block-start: 1em;
  margin-block-end: 0.75em;
}
/* line 16, user/themes/gasken/scss/poko/core/_typography.scss */
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-block-start: 0;
  text-transform: capitalize;
}
/* line 21, user/themes/gasken/scss/poko/core/_typography.scss */
h1 {
  font-size: 2rem;
}
/* line 22, user/themes/gasken/scss/poko/core/_typography.scss */
h2 {
  font-size: 1.5rem;
}
/* line 23, user/themes/gasken/scss/poko/core/_typography.scss */
h3 {
  font-size: 1.25rem;
}
/* line 24, user/themes/gasken/scss/poko/core/_typography.scss */
h4 {
  font-size: 1rem;
}
/* line 25, user/themes/gasken/scss/poko/core/_typography.scss */
h5 {
  font-size: 0.9rem;
}
/* line 26, user/themes/gasken/scss/poko/core/_typography.scss */
h6 {
  font-size: 0.8rem;
}
/* line 28, user/themes/gasken/scss/poko/core/_typography.scss */
img:hover {
  background-color: var(--l2, var(--shade, #ddd));
}
/* line 32, user/themes/gasken/scss/poko/core/_typography.scss */
main {
  line-height: var(--line-height, 2);
}
/* line 36, user/themes/gasken/scss/poko/core/_typography.scss */
main a:not(.button):not(.footnote-ref) {
  color: var(--txt);
  transition: all 0.5s linear;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
}
/* line 40, user/themes/gasken/scss/poko/core/_typography.scss */
main a:not(.button):not(.footnote-ref):hover {
  border-bottom: 1px solid var(--co, var(--primary));
}
/* line 41, user/themes/gasken/scss/poko/core/_typography.scss */
main a:not(.button):not(.footnote-ref):active {
  border-bottom: 1px dashed var(--t1, var(--primary));
}
/* line 45, user/themes/gasken/scss/poko/core/_typography.scss */
a.logo {
  border-bottom: none !important;
}
/* line 1, user/themes/gasken/scss/poko/core/_etc.scss */
.line-data div {
  display: flex;
  border-top: 1px dotted rgba(0, 0, 0, 0.133);
  justify-content: space-between;
}
/* line 7, user/themes/gasken/scss/poko/core/_etc.scss */
.line-data div:last-child {
  border-bottom: 1px dotted var(--outline);
}
/* line 11, user/themes/gasken/scss/poko/core/_etc.scss */
h2 a.u-url {
  border-bottom: 0 !important;
}
/* line 13, user/themes/gasken/scss/poko/core/_etc.scss */
h2 a.u-url:hover {
  color: var(--primary);
}
/* line 16, user/themes/gasken/scss/poko/core/_etc.scss */
code {
  font-size: 1.3rem;
  color: var(--secondary, #933);
}
/* line 21, user/themes/gasken/scss/poko/core/_etc.scss */
pre code {
  font-size: 1rem;
}
/* line 25, user/themes/gasken/scss/poko/core/_etc.scss */
kbd {
  font-size: 1.2rem;
  background-color: rgba(0, 0, 0, 0.8);
  color: rgba(255, 255, 255, 0.867);
  display: inline-flex;
  align-items: center;
  padding: 0 0.5rem;
  border-radius: 0.25em;
  text-transform: uppercase;
}
/* line 36, user/themes/gasken/scss/poko/core/_etc.scss */
mark {
  display: inline-flex;
  align-items: center;
  padding: 0 0.5rem;
  background: rgba(191, 250, 55, 0.867);
  color: #000;
}
/* line 44, user/themes/gasken/scss/poko/core/_etc.scss */
hr {
  margin-block-start: 0em;
  margin-block-end: 0em;
  padding: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
/* line 51, user/themes/gasken/scss/poko/core/_etc.scss */
abbr[title] {
  cursor: alias;
  text-decoration: underline dotted #d00;
  border: none;
}
/* line 1, user/themes/gasken/scss/poko/core/_nav.scss */
/* line 6, user/themes/gasken/scss/poko/core/_nav.scss */
main .g-main-nav {
  --color: #f7f7f7;
  --h: 0;
  --s: 0%;
  --l: 97%;
}
/* line 11, user/themes/gasken/scss/poko/core/_nav.scss */
.g-menu-item-container {
  justify-content: space-between;
  width: 100%;
}
/* line 18, user/themes/gasken/scss/poko/core/_nav.scss */
/* line 22, user/themes/gasken/scss/poko/core/_nav.scss */
/* line 26, user/themes/gasken/scss/poko/core/_nav.scss */
nav .g-menu-item {
  height: 100%;
  display: inline-flex !important;
  align-items: center;
}
/* line 32, user/themes/gasken/scss/poko/core/_nav.scss */
nav .g-sublevel {
  width: 180px;
}
/* line 36, user/themes/gasken/scss/poko/core/_nav.scss */
nav .g-sublevel li {
  width: 100%;
}
/* line 40, user/themes/gasken/scss/poko/core/_nav.scss */
nav .active {
  background-color: var(--l0);
}
/* line 43, user/themes/gasken/scss/poko/core/_nav.scss */
nav .active.g-selected {
  background-color: var(--l1);
}
/* line 47, user/themes/gasken/scss/poko/core/_nav.scss */
nav .active .g-selected {
  background-color: var(--l2);
}
/* line 51, user/themes/gasken/scss/poko/core/_nav.scss */
nav .active .g-sublevel {
  background-color: var(--l0);
}
/* line 57, user/themes/gasken/scss/poko/core/_nav.scss */
/* line 59, user/themes/gasken/scss/poko/core/_nav.scss */
#g-mobilemenu-container .g-sublevel {
  width: 100%;
}
/* line 63, user/themes/gasken/scss/poko/core/_nav.scss */
/* line 64, user/themes/gasken/scss/poko/core/_nav.scss */
#g-mobilemenu-container .active .g-sublevel {
  background-color: var(--bg);
}
/* line 70, user/themes/gasken/scss/poko/core/_nav.scss */
nav, #g-mobilemenu-container {
  background-color: var(--bg);
  color: var(--txt);
}
/* line 76, user/themes/gasken/scss/poko/core/_nav.scss */
nav a, #g-mobilemenu-container a {
  color: inherit;
  display: block;
  border-bottom: none !important;
}
/* line 83, user/themes/gasken/scss/poko/core/_nav.scss */
nav .g-sublevel, #g-mobilemenu-container .g-sublevel {
  background-color: var(--bg);
}
/* line 87, user/themes/gasken/scss/poko/core/_nav.scss */
nav .g-selected, #g-mobilemenu-container .g-selected {
  background-color: var(--d0);
}
/* line 94, user/themes/gasken/scss/poko/core/_nav.scss */
.g-go-back a:hover:before, .g-menu-parent-indicator:hover:after {
  opacity: 1 !important;
}
/* line 99, user/themes/gasken/scss/poko/core/_nav.scss */
.g-offcanvas-toggle[aria-expanded=true] i:before {
  content: "\f104";
}
/* line 103, user/themes/gasken/scss/poko/core/_nav.scss */
.g-offcanvas-open .g-nav-overlay {
  background-color: var(--outline);
}
/* line 107, user/themes/gasken/scss/poko/core/_nav.scss */
#g-offcanvas[aria-expanded=true] {
  transform: translateX(0px);
}
/* line 111, user/themes/gasken/scss/poko/core/_nav.scss */
#g-offcanvas[aria-expanded=false] {
  transform: translateX(-100%);
}
/* line 115, user/themes/gasken/scss/poko/core/_nav.scss */
/* line 117, user/themes/gasken/scss/poko/core/_nav.scss */
/* line 119, user/themes/gasken/scss/poko/core/_nav.scss */
.vertical-menu .g-main-nav .g-sublevel {
  background-color: var(--bg);
}
/* line 123, user/themes/gasken/scss/poko/core/_nav.scss */
.vertical-menu .g-main-nav .g-selected {
  background-color: var(--d0);
  color: var(--hover);
}
/* line 128, user/themes/gasken/scss/poko/core/_nav.scss */
.vertical-menu .g-main-nav > ul {
  display: flex;
  flex-flow: column;
  margin-left: -1px;
}
/* line 135, user/themes/gasken/scss/poko/core/_nav.scss */
.vertical-menu .g-main-nav ul, .vertical-menu .g-main-nav li {
  background-color: var(--bg);
}
/* line 139, user/themes/gasken/scss/poko/core/_nav.scss */
.vertical-menu .g-main-nav li a {
  width: 180px;
}
/* line 144, user/themes/gasken/scss/poko/core/_nav.scss */
.vertical-menu .g-main-nav .g-selected .g-dropdown {
  display: block;
  left: 100%;
  top: 0;
}
/* line 150, user/themes/gasken/scss/poko/core/_nav.scss */
.vertical-menu .g-main-nav .g-menu-parent-indicator:after {
  transform: rotate(-90deg);
}
/* line 1, user/themes/gasken/scss/poko/core/_offcanvas.scss */
#g-offcanvas {
  width: 70vw;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
}
@media only all and (max-width: 48rem) {
  /* line 10, user/themes/gasken/scss/poko/core/_offcanvas.scss */
  [data-g-mobile-target] {
    display: none;
    visibility: hidden;
    pointer-events: none;
  }
}
/* line 17, user/themes/gasken/scss/poko/core/_offcanvas.scss */
.g-offcanvas-toggle {
  color: #fff;
  background-color: #911;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
/* line 41, user/themes/gasken/scss/poko/core/_offcanvas.scss */
.g-offcanvas-toggle i {
  font-size: 2rem;
}
/* line 2, user/themes/gasken/scss/poko/core/_blog.scss */
.list-blog {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  box-direction: normal;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -ms-flex-direction: column;
}
/* line 5, user/themes/gasken/scss/poko/core/_blog.scss */
/* line 6, user/themes/gasken/scss/poko/core/_blog.scss */
.list-blog.cols-1 .list-blog-row, .list-blog.cols-2 .list-blog-row, .list-blog.cols-3 .list-blog-row, .list-blog.cols-4 .list-blog-row, .list-blog.cols-5 .list-blog-row, .list-blog.cols-6 .list-blog-row {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: -0.5em;
}
@media only all and (max-width: 47.99rem) {
  /* line 25, user/themes/gasken/scss/mixin/nucleus/_breakpoints.scss */
  .list-blog.cols-1 .list-blog-row, .list-blog.cols-2 .list-blog-row, .list-blog.cols-3 .list-blog-row, .list-blog.cols-4 .list-blog-row, .list-blog.cols-5 .list-blog-row, .list-blog.cols-6 .list-blog-row {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column;
  }
}
/* line 12, user/themes/gasken/scss/poko/core/_blog.scss */
.list-blog.cols-1 .list-blog-row .list-item, .list-blog.cols-2 .list-blog-row .list-item, .list-blog.cols-3 .list-blog-row .list-item, .list-blog.cols-4 .list-blog-row .list-item, .list-blog.cols-5 .list-blog-row .list-item, .list-blog.cols-6 .list-blog-row .list-item {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-flex-basis: 0;
  -moz-flex-basis: 0;
  flex-basis: 0;
  -ms-flex-preferred-size: 0;
  padding: 0.5em;
}
@media only all and (max-width: 47.99rem) {
  .list-blog.cols-1 .list-blog-row .list-item, .list-blog.cols-2 .list-blog-row .list-item, .list-blog.cols-3 .list-blog-row .list-item, .list-blog.cols-4 .list-blog-row .list-item, .list-blog.cols-5 .list-blog-row .list-item, .list-blog.cols-6 .list-blog-row .list-item {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
/* line 28, user/themes/gasken/scss/poko/core/_blog.scss */
.blog-header {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
/* line 33, user/themes/gasken/scss/poko/core/_blog.scss */
.blog-header.blog-header-image {
  background-size: cover;
  background-position: center;
}
/* line 37, user/themes/gasken/scss/poko/core/_blog.scss */
.blog-header.blog-header-image h1, .blog-header.blog-header-image h2 {
  color: #222;
}
/* line 43, user/themes/gasken/scss/poko/core/_blog.scss */
.blog-header h1 {
  font-size: 4rem;
  margin-top: 0;
}
@media only all and (min-width: 48rem) and (max-width: 59.99rem) {
  /* line 13, user/themes/gasken/scss/mixin/nucleus/_breakpoints.scss */
  .blog-header h1 {
    font-size: 3rem;
  }
}
@media only all and (max-width: 47.99rem) {
  .blog-header h1 {
    font-size: 2.5rem;
    line-height: 1.2;
    margin-bottom: 2.5rem;
  }
}
/* line 56, user/themes/gasken/scss/poko/core/_blog.scss */
.blog-header + .blog-content {
  padding-top: 3rem;
}
/* line 62, user/themes/gasken/scss/poko/core/_blog.scss */
.list-item {
  margin-bottom: 3rem;
}
/* line 65, user/themes/gasken/scss/poko/core/_blog.scss */
.list-item:last-child {
  border-bottom: 0;
}
/* line 69, user/themes/gasken/scss/poko/core/_blog.scss */
.list-item .list-blog-header {
  position: relative;
}
/* line 71, user/themes/gasken/scss/poko/core/_blog.scss */
.list-item .list-blog-header h4 {
  margin-bottom: 0.5rem;
}
/* line 74, user/themes/gasken/scss/poko/core/_blog.scss */
.list-item .list-blog-header h4 a {
  color: #222;
}
/* line 76, user/themes/gasken/scss/poko/core/_blog.scss */
.list-item .list-blog-header h4 a:hover {
  color: #304055;
}
/* line 82, user/themes/gasken/scss/poko/core/_blog.scss */
.list-item .list-blog-header img {
  display: block;
  margin-top: 1rem;
  border-radius: 0.25em;
}
/* line 87, user/themes/gasken/scss/poko/core/_blog.scss */
/* line 88, user/themes/gasken/scss/poko/core/_blog.scss */
.list-item .list-blog-header .list-blog-meta .separator {
  margin: 0 0.3rem;
  color: rgba(34, 34, 34, 0.2);
}
/* line 97, user/themes/gasken/scss/poko/core/_blog.scss */
/* line 98, user/themes/gasken/scss/poko/core/_blog.scss */
.blog-content-item .list-blog-padding > p:nth-child(2) {
  font-size: 1.2rem;
}
/* line 104, user/themes/gasken/scss/poko/core/_blog.scss */
/* line 105, user/themes/gasken/scss/poko/core/_blog.scss */
.tags a {
  text-transform: uppercase;
}
/* line 111, user/themes/gasken/scss/poko/core/_blog.scss */
.archives, .related-pages {
  padding: 0;
  list-style: none;
}
/* line 114, user/themes/gasken/scss/poko/core/_blog.scss */
.archives li, .related-pages li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.133);
  line-height: 2rem;
}
/* line 117, user/themes/gasken/scss/poko/core/_blog.scss */
.archives li:last-child, .related-pages li:last-child {
  border-bottom: 0;
}
/* line 123, user/themes/gasken/scss/poko/core/_blog.scss */
/* line 124, user/themes/gasken/scss/poko/core/_blog.scss */
/* line 125, user/themes/gasken/scss/poko/core/_blog.scss */
.related-pages li a {
  display: block;
}
/* line 129, user/themes/gasken/scss/poko/core/_blog.scss */
.related-pages .score {
  display: block;
  float: right;
  color: #999;
  font-size: 85%;
}
/* line 138, user/themes/gasken/scss/poko/core/_blog.scss */
/* line 139, user/themes/gasken/scss/poko/core/_blog.scss */
.syndicate a {
  margin-bottom: 1rem;
}
/* line 145, user/themes/gasken/scss/poko/core/_blog.scss */
div#breadcrumbs {
  padding-left: 0;
}
@media only all and (max-width: 47.99rem) {
  div#breadcrumbs {
    display: none;
  }
}
/* line 153, user/themes/gasken/scss/poko/core/_blog.scss */
#sidebar {
  padding-left: 3rem;
}
@media only all and (max-width: 47.99rem) {
  #sidebar {
    padding-left: 0;
  }
}
/* line 158, user/themes/gasken/scss/poko/core/_blog.scss */
#sidebar .sidebar-content {
  margin-bottom: 3rem;
}
/* line 159, user/themes/gasken/scss/poko/core/_blog.scss */
#sidebar .sidebar-content h4 {
  margin-bottom: 1rem;
}
/* line 162, user/themes/gasken/scss/poko/core/_blog.scss */
#sidebar .sidebar-content p, #sidebar .sidebar-content ul {
  margin-top: 1rem;
}
/* line 170, user/themes/gasken/scss/poko/core/_blog.scss */
ul.pagination {
  margin: 0 0 3rem;
  text-align: center;
}
/* line 176, user/themes/gasken/scss/poko/core/_blog.scss */
.prev-next {
  margin-top: 5rem;
  text-align: center;
}
/* line 1, user/themes/gasken/scss/poko/core/_utilities.scss */
/* line 4, user/themes/gasken/scss/poko/core/_utilities.scss */
.g-topshadow {
  z-index: 1;
}
@media only all and (max-width: 47.99rem) {
  /* line 10, user/themes/gasken/scss/poko/core/_utilities.scss */
  .hide-small {
    display: none;
  }
}
/* line 1, user/themes/gasken/scss/poko/component/_forms.scss */
select {
  margin-bottom: 0;
}
/* line 3, user/themes/gasken/scss/poko/component/_forms.scss */
fieldset {
  margin: 0;
  padding: 0;
}
/* line 8, user/themes/gasken/scss/poko/component/_forms.scss */
textarea, select, select[multiple=multiple], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]) {
  width: 100%;
  border: 1px solid var(--shade);
  background-color: var(--w1);
  color: var(--black);
  padding: 0.25em 0.5em;
  border-radius: 0.25em;
}
/* line 17, user/themes/gasken/scss/poko/component/_forms.scss */
textarea {
  line-height: 1.2;
}
/* line 19, user/themes/gasken/scss/poko/component/_forms.scss */
textarea.mono {
  font-family: monospace;
}
/* line 23, user/themes/gasken/scss/poko/component/_forms.scss */
.form-field {
  margin-bottom: 1rem;
  width: 100%;
}
/* line 24, user/themes/gasken/scss/poko/component/_forms.scss */
.form-data, .form-input-wrapper {
  width: 100%;
}
/* line 25, user/themes/gasken/scss/poko/component/_forms.scss */
.form-input-wrapper input[type='password'], .form-input-wrapper input[type='text'] {
  width: 100% !important;
}
/* line 30, user/themes/gasken/scss/poko/component/_forms.scss */
.form-actions {
  position: relative;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
}
/* line 34, user/themes/gasken/scss/poko/component/_forms.scss */
/* line 36, user/themes/gasken/scss/poko/component/_forms.scss */
form label {
  font-weight: 500;
  color: var(--txt);
}
/* line 38, user/themes/gasken/scss/poko/component/_forms.scss */
form p:hover label {
  text-decoration: underline;
}
/* line 40, user/themes/gasken/scss/poko/component/_forms.scss */
form :focus {
  outline: none;
}
/* line 42, user/themes/gasken/scss/poko/component/_forms.scss */
form input[type="color"], form input[type="date"], form input[type="datetime"], form input[type="datetime-local"], form input[type="email"], form input[type="month"], form input[type="number"], form input[type="password"], form input[type="search"], form input[type="tel"], form input[type="text"], form input[type="time"], form input[type="url"], form input[type="week"], form input:not([type]), form textarea {
  flex-grow: 1;
  width: auto;
}
/* line 46, user/themes/gasken/scss/poko/component/_forms.scss */
form h4, form h5, form h6 {
  margin-bottom: 0.5rem;
}
/* line 51, user/themes/gasken/scss/poko/component/_forms.scss */
/* line 54, user/themes/gasken/scss/poko/component/_forms.scss */
form.form-inline p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
/* line 61, user/themes/gasken/scss/poko/component/_forms.scss */
form.form-inline label {
  width: 40%;
}
/* line 63, user/themes/gasken/scss/poko/component/_forms.scss */
form.form-inline .value, form.form-inline input, form.form-inline select {
  width: 60%;
}
/* line 65, user/themes/gasken/scss/poko/component/_forms.scss */
/* line 66, user/themes/gasken/scss/poko/component/_forms.scss */
form.form-inline .inline input[type="color"], form.form-inline .inline input[type="date"], form.form-inline .inline input[type="datetime"], form.form-inline .inline input[type="datetime-local"], form.form-inline .inline input[type="email"], form.form-inline .inline input[type="month"], form.form-inline .inline input[type="number"], form.form-inline .inline input[type="password"], form.form-inline .inline input[type="search"], form.form-inline .inline input[type="tel"], form.form-inline .inline input[type="text"], form.form-inline .inline input[type="time"], form.form-inline .inline input[type="url"], form.form-inline .inline input[type="week"], form.form-inline .inline input:not([type]), form.form-inline .inline textarea {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  max-width: 45%;
}
/* line 73, user/themes/gasken/scss/poko/component/_forms.scss */
form.form-inline .inline button, form.form-inline .inline a.button, form.form-inline .inline input[type="submit"], form.form-inline .inline input[type="reset"] {
  border: 1px solid var(--shade);
  max-width: 15%;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
/* line 82, user/themes/gasken/scss/poko/component/_forms.scss */
form.form-inline .group {
  justify-content: flex-start;
  line-height: 1.3;
}
/* line 84, user/themes/gasken/scss/poko/component/_forms.scss */
form.form-inline .group.value {
  margin-left: 40%;
}
/* line 91, user/themes/gasken/scss/poko/component/_forms.scss */
form.form-inline .group * {
  width: auto !important;
}
/* line 97, user/themes/gasken/scss/poko/component/_forms.scss */
form.form-inline .align-right {
  position: absolute;
  right: 0;
}
/* line 98, user/themes/gasken/scss/poko/component/_forms.scss */
form.form-inline .align-left {
  position: absolute;
  left: 0;
}
/*
form.form-inline {
	p {
		display: flex;
		position: relative;
		align-items: center;
		justify-content: space-between;
		>* {
			&:not([type*='reset']):not([type*='submit']) {
				display: inline-flex;
				width: 60%;
			}
		}
		>label {
			display: inline-flex;
			margin-bottom: 0;
			width: 40%;
		}
		&.inline {
		
			input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea { 
				border-right: none; 
				border-top-right-radius: 0;
				border-bottom-right-radius: 0;
				max-width: 45%;
			}
	
			button, a.button, input[type="submit"], input[type="reset"] { 
				border: 1px solid var(--shade); 
				max-width: 15%;
				border-left: none; 
				border-top-left-radius: 0;
				border-bottom-left-radius: 0;
			}		
		}		
	}
	
	.value {
	
		width: 60%;
		justify-content: flex-start;
		
		>* {
			width: auto;
			margin-right: .5rem;
		}
		>label {
			font-weight: normal;
		}
	}
	
	.top {
		>* {
			align-self: flex-start;
		}
	}
	
	.full {
	
		flex-flow: column;
		
		* {
			width: 100% !important;
		}
	}
	
}
*/
/* line 2, user/themes/gasken/scss/poko/component/_buttons.scss */
button.naked {
  background-color: rgba(0, 0, 0, 0);
}
/* line 5, user/themes/gasken/scss/poko/component/_buttons.scss */
button, a.button, input[type="submit"], input[type="reset"] {
  background-color: var(--d1, rgba(204, 204, 204, 0.4));
  color: var(--txt);
  border-radius: 0.25em;
  padding: 0.25em 1em;
  outline: none;
  border: 1px solid var(--shade);
  appearance: button;
  cursor: pointer;
  line-height: 1.5;
}
/* line 17, user/themes/gasken/scss/poko/component/_buttons.scss */
button.primary, a.button.primary, input[type="submit"].primary, input[type="reset"].primary {
  background-color: var(--co, var(--primary));
  color: var(--primary-txt, var(--txt));
}
/* line 22, user/themes/gasken/scss/poko/component/_buttons.scss */
button:active, a.button:active, input[type="submit"]:active, input[type="reset"]:active {
  box-shadow: 0 0 3px var(--shadow);
  border: 1px solid rgba(0, 0, 0, 0);
}
/* line 27, user/themes/gasken/scss/poko/component/_buttons.scss */
button:hover, a.button:hover, input[type="submit"]:hover, input[type="reset"]:hover {
  box-shadow: inset 0 1px 2px 0px var(--hilite);
  border: 1px solid var(--outline);
}
/* line 32, user/themes/gasken/scss/poko/component/_buttons.scss */
button.toggle, a.button.toggle, input[type="submit"].toggle, input[type="reset"].toggle {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  outline: none;
  box-shadow: none;
}
/* line 39, user/themes/gasken/scss/poko/component/_buttons.scss */
button.xsmall, a.button.xsmall, input[type="submit"].xsmall, input[type="reset"].xsmall {
  padding: 0.1em 0.25rem;
  font-size: 0.75em;
}
/* line 40, user/themes/gasken/scss/poko/component/_buttons.scss */
button.small, a.button.small, input[type="submit"].small, input[type="reset"].small {
  padding: 0.25em 0.5em;
  font-size: 0.9em;
}
/* line 41, user/themes/gasken/scss/poko/component/_buttons.scss */
button.large, a.button.large, input[type="submit"].large, input[type="reset"].large {
  padding: 0.5em 1rem;
  font-size: 1.2em;
}
/* line 42, user/themes/gasken/scss/poko/component/_buttons.scss */
button.xlarge, a.button.xlarge, input[type="submit"].xlarge, input[type="reset"].xlarge {
  padding: 0.75em 1.5em;
  font-size: 1.5em;
}
/* line 46, user/themes/gasken/scss/poko/component/_buttons.scss */
p a.button {
  display: inline-block;
  padding: 0 0.5em;
}
/* line 48, user/themes/gasken/scss/poko/component/_buttons.scss */
input[type='submit'] + input[type='submit'], button + button, .button + .button {
  margin-left: 1rem;
}
/* line 1, user/themes/gasken/scss/poko/component/_pretext.scss */
pre {
  width: 100%;
  padding: 1rem;
  font-size: 1.2rem;
  max-height: 40vh;
  line-height: 1.1;
  background: var(--d1, rgba(0, 0, 0, 0.067));
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.25em;
  color: var(-txt);
}
/* line 11, user/themes/gasken/scss/poko/component/_pretext.scss */
pre code {
  color: var(-txt) !important;
}
/* line 2, user/themes/gasken/scss/poko/component/_table.scss */
table {
  background: var(--d1, rgba(0, 0, 0, 0.067));
  border-radius: 0.25em;
  border-collapse: collapse;
  overflow: hidden;
}
/* line 8, user/themes/gasken/scss/poko/component/_table.scss */
table th {
  background-color: var(--l1, var(--shade));
}
/* line 12, user/themes/gasken/scss/poko/component/_table.scss */
/* line 13, user/themes/gasken/scss/poko/component/_table.scss */
table tbody tr:nth-child(odd) {
  background-color: rgba(255, 255, 255, 0.133);
}
/* line 14, user/themes/gasken/scss/poko/component/_table.scss */
table tbody tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.067);
}
/* line 17, user/themes/gasken/scss/poko/component/_table.scss */
table th, table td {
  border: 1px solid var(--outline);
}
/* line 25, user/themes/gasken/scss/poko/component/_listitem.scss */
ol, ul {
  counter-reset: li;
}
/* line 26, user/themes/gasken/scss/poko/component/_listitem.scss */
li {
  counter-increment: li;
}
/* line 31, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 32, user/themes/gasken/scss/poko/component/_listitem.scss */
.circle ol, .circle ul {
  list-style: none;
}
/* line 41, user/themes/gasken/scss/poko/component/_listitem.scss */
.circle ol li::before, .circle ul li::before {
  content: "\25E6";
  color: var(--txt-t2);
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
  margin-right: 0.5em;
  text-align: right;
  direction: rtl;
}
/* line 31, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 32, user/themes/gasken/scss/poko/component/_listitem.scss */
.disc ol, .disc ul {
  list-style: none;
}
/* line 41, user/themes/gasken/scss/poko/component/_listitem.scss */
.disc ol li::before, .disc ul li::before {
  content: "\2022";
  color: var(--txt-t2);
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
  margin-right: 0.5em;
  text-align: right;
  direction: rtl;
}
/* line 31, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 32, user/themes/gasken/scss/poko/component/_listitem.scss */
.square ol, .square ul {
  list-style: none;
}
/* line 41, user/themes/gasken/scss/poko/component/_listitem.scss */
.square ol li::before, .square ul li::before {
  content: "\25AA";
  color: var(--txt-t2);
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
  margin-right: 0.5em;
  text-align: right;
  direction: rtl;
}
/* line 31, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 32, user/themes/gasken/scss/poko/component/_listitem.scss */
.armenian ol, .armenian ul {
  list-style: none;
}
/* line 41, user/themes/gasken/scss/poko/component/_listitem.scss */
.armenian ol li::before, .armenian ul li::before {
  content: counter(li,armenian);
  color: var(--txt-t2);
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
  margin-right: 0.5em;
  text-align: right;
  direction: rtl;
}
/* line 31, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 32, user/themes/gasken/scss/poko/component/_listitem.scss */
.cjk-ideographic ol, .cjk-ideographic ul {
  list-style: none;
}
/* line 41, user/themes/gasken/scss/poko/component/_listitem.scss */
.cjk-ideographic ol li::before, .cjk-ideographic ul li::before {
  content: counter(li,cjk-ideographic);
  color: var(--txt-t2);
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
  margin-right: 0.5em;
  text-align: right;
  direction: rtl;
}
/* line 31, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 32, user/themes/gasken/scss/poko/component/_listitem.scss */
.decimal ol, .decimal ul {
  list-style: none;
}
/* line 41, user/themes/gasken/scss/poko/component/_listitem.scss */
.decimal ol li::before, .decimal ul li::before {
  content: counter(li,decimal);
  color: var(--txt-t2);
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
  margin-right: 0.5em;
  text-align: right;
  direction: rtl;
}
/* line 31, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 32, user/themes/gasken/scss/poko/component/_listitem.scss */
.decimal-leading-zero ol, .decimal-leading-zero ul {
  list-style: none;
}
/* line 41, user/themes/gasken/scss/poko/component/_listitem.scss */
.decimal-leading-zero ol li::before, .decimal-leading-zero ul li::before {
  content: counter(li,decimal-leading-zero);
  color: var(--txt-t2);
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
  margin-right: 0.5em;
  text-align: right;
  direction: rtl;
}
/* line 31, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 32, user/themes/gasken/scss/poko/component/_listitem.scss */
.georgian ol, .georgian ul {
  list-style: none;
}
/* line 41, user/themes/gasken/scss/poko/component/_listitem.scss */
.georgian ol li::before, .georgian ul li::before {
  content: counter(li,georgian);
  color: var(--txt-t2);
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
  margin-right: 0.5em;
  text-align: right;
  direction: rtl;
}
/* line 31, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 32, user/themes/gasken/scss/poko/component/_listitem.scss */
.hebrew ol, .hebrew ul {
  list-style: none;
}
/* line 41, user/themes/gasken/scss/poko/component/_listitem.scss */
.hebrew ol li::before, .hebrew ul li::before {
  content: counter(li,hebrew);
  color: var(--txt-t2);
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
  margin-right: 0.5em;
  text-align: right;
  direction: rtl;
}
/* line 31, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 32, user/themes/gasken/scss/poko/component/_listitem.scss */
.hiragana ol, .hiragana ul {
  list-style: none;
}
/* line 41, user/themes/gasken/scss/poko/component/_listitem.scss */
.hiragana ol li::before, .hiragana ul li::before {
  content: counter(li,hiragana);
  color: var(--txt-t2);
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
  margin-right: 0.5em;
  text-align: right;
  direction: rtl;
}
/* line 31, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 32, user/themes/gasken/scss/poko/component/_listitem.scss */
.hiragana-iroha ol, .hiragana-iroha ul {
  list-style: none;
}
/* line 41, user/themes/gasken/scss/poko/component/_listitem.scss */
.hiragana-iroha ol li::before, .hiragana-iroha ul li::before {
  content: counter(li,hiragana-iroha);
  color: var(--txt-t2);
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
  margin-right: 0.5em;
  text-align: right;
  direction: rtl;
}
/* line 31, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 32, user/themes/gasken/scss/poko/component/_listitem.scss */
.katakana ol, .katakana ul {
  list-style: none;
}
/* line 41, user/themes/gasken/scss/poko/component/_listitem.scss */
.katakana ol li::before, .katakana ul li::before {
  content: counter(li,katakana);
  color: var(--txt-t2);
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
  margin-right: 0.5em;
  text-align: right;
  direction: rtl;
}
/* line 31, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 32, user/themes/gasken/scss/poko/component/_listitem.scss */
.katakana-iroha ol, .katakana-iroha ul {
  list-style: none;
}
/* line 41, user/themes/gasken/scss/poko/component/_listitem.scss */
.katakana-iroha ol li::before, .katakana-iroha ul li::before {
  content: counter(li,katakana-iroha);
  color: var(--txt-t2);
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
  margin-right: 0.5em;
  text-align: right;
  direction: rtl;
}
/* line 31, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 32, user/themes/gasken/scss/poko/component/_listitem.scss */
.lower-alpha ol, .lower-alpha ul {
  list-style: none;
}
/* line 41, user/themes/gasken/scss/poko/component/_listitem.scss */
.lower-alpha ol li::before, .lower-alpha ul li::before {
  content: counter(li,lower-alpha);
  color: var(--txt-t2);
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
  margin-right: 0.5em;
  text-align: right;
  direction: rtl;
}
/* line 31, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 32, user/themes/gasken/scss/poko/component/_listitem.scss */
.lower-greek ol, .lower-greek ul {
  list-style: none;
}
/* line 41, user/themes/gasken/scss/poko/component/_listitem.scss */
.lower-greek ol li::before, .lower-greek ul li::before {
  content: counter(li,lower-greek);
  color: var(--txt-t2);
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
  margin-right: 0.5em;
  text-align: right;
  direction: rtl;
}
/* line 31, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 32, user/themes/gasken/scss/poko/component/_listitem.scss */
.lower-latin ol, .lower-latin ul {
  list-style: none;
}
/* line 41, user/themes/gasken/scss/poko/component/_listitem.scss */
.lower-latin ol li::before, .lower-latin ul li::before {
  content: counter(li,lower-latin);
  color: var(--txt-t2);
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
  margin-right: 0.5em;
  text-align: right;
  direction: rtl;
}
/* line 31, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 32, user/themes/gasken/scss/poko/component/_listitem.scss */
.lower-roman ol, .lower-roman ul {
  list-style: none;
}
/* line 41, user/themes/gasken/scss/poko/component/_listitem.scss */
.lower-roman ol li::before, .lower-roman ul li::before {
  content: counter(li,lower-roman);
  color: var(--txt-t2);
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
  margin-right: 0.5em;
  text-align: right;
  direction: rtl;
}
/* line 31, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 32, user/themes/gasken/scss/poko/component/_listitem.scss */
.upper-alpha ol, .upper-alpha ul {
  list-style: none;
}
/* line 41, user/themes/gasken/scss/poko/component/_listitem.scss */
.upper-alpha ol li::before, .upper-alpha ul li::before {
  content: counter(li,upper-alpha);
  color: var(--txt-t2);
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
  margin-right: 0.5em;
  text-align: right;
  direction: rtl;
}
/* line 31, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 32, user/themes/gasken/scss/poko/component/_listitem.scss */
.upper-greek ol, .upper-greek ul {
  list-style: none;
}
/* line 41, user/themes/gasken/scss/poko/component/_listitem.scss */
.upper-greek ol li::before, .upper-greek ul li::before {
  content: counter(li,upper-greek);
  color: var(--txt-t2);
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
  margin-right: 0.5em;
  text-align: right;
  direction: rtl;
}
/* line 31, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 32, user/themes/gasken/scss/poko/component/_listitem.scss */
.upper-latin ol, .upper-latin ul {
  list-style: none;
}
/* line 41, user/themes/gasken/scss/poko/component/_listitem.scss */
.upper-latin ol li::before, .upper-latin ul li::before {
  content: counter(li,upper-latin);
  color: var(--txt-t2);
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
  margin-right: 0.5em;
  text-align: right;
  direction: rtl;
}
/* line 31, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 32, user/themes/gasken/scss/poko/component/_listitem.scss */
.upper-roman ol, .upper-roman ul {
  list-style: none;
}
/* line 41, user/themes/gasken/scss/poko/component/_listitem.scss */
.upper-roman ol li::before, .upper-roman ul li::before {
  content: counter(li,upper-roman);
  color: var(--txt-t2);
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
  margin-right: 0.5em;
  text-align: right;
  direction: rtl;
}
/* line 56, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 57, user/themes/gasken/scss/poko/component/_listitem.scss */
.li-none ol, .li-none ul {
  list-style: none;
  padding-left: 0;
}
/* line 63, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 65, user/themes/gasken/scss/poko/component/_listitem.scss */
.li-custom-1 ol, .li-custom-1 ul {
  list-style-type: none;
}
/* line 68, user/themes/gasken/scss/poko/component/_listitem.scss */
.li-custom-1 ol .parent:after, .li-custom-1 ul .parent:after {
  color: #971111;
  content: var(--txt-t1);
}
/* line 73, user/themes/gasken/scss/poko/component/_listitem.scss */
.li-custom-1 ol .parent.open:after, .li-custom-1 ul .parent.open:after {
  content: '';
}
/* line 75, user/themes/gasken/scss/poko/component/_listitem.scss */
.li-custom-1 ol li:before, .li-custom-1 ul li:before {
  position: absolute;
  top: 0;
  left: -1.5rem;
  content: "\25b6";
  color: var(--txt-t2);
}
/* line 85, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 87, user/themes/gasken/scss/poko/component/_listitem.scss */
.li-custom-2 ol, .li-custom-2 ul {
  list-style-type: none;
  counter-reset: li;
  padding-left: 1.5rem;
}
/* line 93, user/themes/gasken/scss/poko/component/_listitem.scss */
.li-custom-2 ol li.parent:after, .li-custom-2 ul li.parent:after {
  float: right;
  color: var(--txt-t2);
}
/* line 97, user/themes/gasken/scss/poko/component/_listitem.scss */
.li-custom-2 ol li, .li-custom-2 ul li {
  counter-increment: li;
  position: relative;
}
/* line 102, user/themes/gasken/scss/poko/component/_listitem.scss */
.li-custom-2 ol ol, .li-custom-2 ul ol {
  counter-increment: ol;
  padding-left: 2rem;
}
/* line 107, user/themes/gasken/scss/poko/component/_listitem.scss */
.li-custom-2 ol li:before, .li-custom-2 ul li:before {
  position: absolute;
  top: 0;
  left: -1.5rem;
  content: counter(li) ".";
  font-size: 0.9rem;
  line-height: 1.5;
  color: var(--txt-t1);
}
/* line 117, user/themes/gasken/scss/poko/component/_listitem.scss */
.li-custom-2 ol ul li:before, .li-custom-2 ul ul li:before, .li-custom-2 ol ol li:before, .li-custom-2 ul ol li:before {
  left: -2rem;
  content: counters(li, ".") ".";
}
/* line 187, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 138, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="zip"]:before, main li a[href$="zip"]:before {
  font-family: 'FontAwesome';
  content: "\f1c6";
  margin-right: 0.25rem;
}
/* line 139, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="rar"]:before, main li a[href$="rar"]:before {
  font-family: 'FontAwesome';
  content: "\f1c6";
  margin-right: 0.25rem;
}
/* line 140, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="tar"]:before, main li a[href$="tar"]:before {
  font-family: 'FontAwesome';
  content: "\f1c6";
  margin-right: 0.25rem;
}
/* line 141, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="gz"]:before, main li a[href$="gz"]:before {
  font-family: 'FontAwesome';
  content: "\f1c6";
  margin-right: 0.25rem;
}
/* line 142, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="arj"]:before, main li a[href$="arj"]:before {
  font-family: 'FontAwesome';
  content: "\f1c6";
  margin-right: 0.25rem;
}
/* line 144, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="html"]:before, main li a[href$="html"]:before {
  font-family: 'FontAwesome';
  content: "\f1c9";
  margin-right: 0.25rem;
}
/* line 145, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="css"]:before, main li a[href$="css"]:before {
  font-family: 'FontAwesome';
  content: "\f1c9";
  margin-right: 0.25rem;
}
/* line 146, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="php"]:before, main li a[href$="php"]:before {
  font-family: 'FontAwesome';
  content: "\f1c9";
  margin-right: 0.25rem;
}
/* line 147, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="java"]:before, main li a[href$="java"]:before {
  font-family: 'FontAwesome';
  content: "\f1c9";
  margin-right: 0.25rem;
}
/* line 148, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="php"]:before, main li a[href$="php"]:before {
  font-family: 'FontAwesome';
  content: "\f1c9";
  margin-right: 0.25rem;
}
/* line 149, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="py"]:before, main li a[href$="py"]:before {
  font-family: 'FontAwesome';
  content: "\f1c9";
  margin-right: 0.25rem;
}
/* line 151, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="pdf"]:before, main li a[href$="pdf"]:before {
  font-family: 'FontAwesome';
  content: "\f1c1";
  margin-right: 0.25rem;
}
/* line 153, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="jpg"]:before, main li a[href$="jpg"]:before {
  font-family: 'FontAwesome';
  content: "\f1c5";
  margin-right: 0.25rem;
}
/* line 154, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="jpeg"]:before, main li a[href$="jpeg"]:before {
  font-family: 'FontAwesome';
  content: "\f1c5";
  margin-right: 0.25rem;
}
/* line 155, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="png"]:before, main li a[href$="png"]:before {
  font-family: 'FontAwesome';
  content: "\f1c5";
  margin-right: 0.25rem;
}
/* line 156, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="svg"]:before, main li a[href$="svg"]:before {
  font-family: 'FontAwesome';
  content: "\f1c5";
  margin-right: 0.25rem;
}
/* line 157, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="bmp"]:before, main li a[href$="bmp"]:before {
  font-family: 'FontAwesome';
  content: "\f1c5";
  margin-right: 0.25rem;
}
/* line 158, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="gif"]:before, main li a[href$="gif"]:before {
  font-family: 'FontAwesome';
  content: "\f1c5";
  margin-right: 0.25rem;
}
/* line 160, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="txt"]:before, main li a[href$="txt"]:before {
  font-family: 'FontAwesome';
  content: "\f15c";
  margin-right: 0.25rem;
}
/* line 161, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="md"]:before, main li a[href$="md"]:before {
  font-family: 'FontAwesome';
  content: "\f0f6";
  margin-right: 0.25rem;
}
/* line 163, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="doc"]:before, main li a[href$="doc"]:before {
  font-family: 'FontAwesome';
  content: "\f1c2";
  margin-right: 0.25rem;
}
/* line 164, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="ppt"]:before, main li a[href$="ppt"]:before {
  font-family: 'FontAwesome';
  content: "\f1c4";
  margin-right: 0.25rem;
}
/* line 165, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="xls"]:before, main li a[href$="xls"]:before {
  font-family: 'FontAwesome';
  content: "\f1c3";
  margin-right: 0.25rem;
}
/* line 166, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="docx"]:before, main li a[href$="docx"]:before {
  font-family: 'FontAwesome';
  content: "\f1c2";
  margin-right: 0.25rem;
}
/* line 167, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="pptx"]:before, main li a[href$="pptx"]:before {
  font-family: 'FontAwesome';
  content: "\f1c4";
  margin-right: 0.25rem;
}
/* line 168, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="xlsx"]:before, main li a[href$="xlsx"]:before {
  font-family: 'FontAwesome';
  content: "\f1c3";
  margin-right: 0.25rem;
}
/* line 170, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="mp4"]:before, main li a[href$="mp4"]:before {
  font-family: 'FontAwesome';
  content: "\f1c8";
  margin-right: 0.25rem;
}
/* line 171, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="ogv"]:before, main li a[href$="ogv"]:before {
  font-family: 'FontAwesome';
  content: "\f1c8";
  margin-right: 0.25rem;
}
/* line 172, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="avi"]:before, main li a[href$="avi"]:before {
  font-family: 'FontAwesome';
  content: "\f1c8";
  margin-right: 0.25rem;
}
/* line 174, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="mp3"]:before, main li a[href$="mp3"]:before {
  font-family: 'FontAwesome';
  content: "\f1c7";
  margin-right: 0.25rem;
}
/* line 175, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="ogg"]:before, main li a[href$="ogg"]:before {
  font-family: 'FontAwesome';
  content: "\f1c7";
  margin-right: 0.25rem;
}
/* line 176, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="au"]:before, main li a[href$="au"]:before {
  font-family: 'FontAwesome';
  content: "\f1c7";
  margin-right: 0.25rem;
}
/* line 178, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href$="zip|rar"]:before, main li a[href$="zip|rar"]:before {
  font-family: 'FontAwesome';
  content: "\f1c6";
  margin-right: 0.25rem;
}
/* line 182, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href^="http"]:before, main li a[href^="http"]:before {
  font-family: 'FontAwesome';
  content: "\f0ac";
  margin-right: 0.25rem;
}
/* line 183, user/themes/gasken/scss/poko/component/_listitem.scss */
/* line 128, user/themes/gasken/scss/poko/component/_listitem.scss */
main p a[href^="mailto:"]:before, main li a[href^="mailto:"]:before {
  font-family: 'FontAwesome';
  content: "\f003";
  margin-right: 0.25rem;
}
/* line 1, user/themes/gasken/scss/poko/component/_blockquote.scss */
blockquote {
  background: var(--d2, var(--shade));
  border-radius: 0.25em;
  margin: 1rem 0;
  padding: 2rem 3rem 1rem 3rem;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 300;
}
/* line 10, user/themes/gasken/scss/poko/component/_blockquote.scss */
blockquote cite {
  text-transform: capitalize;
  display: block;
  margin-bottom: 0;
  text-align: right;
  font-size: 1rem;
}
/* line 13, user/themes/gasken/scss/poko/component/_blockquote.scss */
blockquote cite:before {
  content: '\2014\00A0';
}
/* line 2, user/themes/gasken/scss/poko/component/_alerts.scss */
.alert {
  --icon: '\f05a';
  --color: #ffc20a;
  --d1: #ffecb2;
  background-color: var(--d1);
  border: 1px solid rgba(0, 0, 0, 0.333);
  border-left: 3rem solid var(--color);
  color: var(--btxt);
  border-radius: 0.25em;
  padding: 0.5em 1em;
  margin: 1em 0;
}
/* line 13, user/themes/gasken/scss/poko/component/_alerts.scss */
.alert:before {
  font-family: 'FontAwesome';
  display: inline-flex;
  padding: 0 1.5rem 0 0;
  margin-left: -3em;
  margin-right: 0.5em;
  content: var(--icon);
  color: var(--d1);
}
/* line 1, user/themes/gasken/scss/poko/component/_footnotes.scss */
.footnotes {
  font-size: 0.9rem;
  line-height: 1.2;
}
/* line 3, user/themes/gasken/scss/poko/component/_footnotes.scss */
.footnotes p {
  margin: 0;
}
/* line 5, user/themes/gasken/scss/poko/component/_footnotes.scss */
.footnotes li {
  margin-top: 0.5rem;
}
/* line 8, user/themes/gasken/scss/poko/component/_footnotes.scss */
.footnotes ol {
  margin-top: var(--margin);
}
/* line 1, user/themes/gasken/scss/poko/component/_notices.scss */
.notices {
  --d1: #ffdf7f;
  border: 1px solid rgba(0, 0, 0, 0.333);
  padding: 0.5em 1em;
  margin: 1em 0;
  border-radius: 0.25em;
  color: var(--txt);
  background-color: var(--d1);
  position: relative;
}
/* line 11, user/themes/gasken/scss/poko/component/_notices.scss */
.notices:after {
  content: "\f00d";
  font-family: 'FontAwesome';
  display: inline-flex;
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  color: var(--color);
}
/* line 21, user/themes/gasken/scss/poko/component/_notices.scss */
.notices p {
  margin: 0;
}
/* width */
/* line 2, user/themes/gasken/scss/poko/component/_scrollbars.scss */
::-webkit-scrollbar {
  width: 12px;
  cursor: pointer !important;
}
/* line 7, user/themes/gasken/scss/poko/component/_scrollbars.scss */
::-webkit-scrollbar-corner {
  background: rgba(0, 0, 0, 0.2);
}
/* Track */
/* line 12, user/themes/gasken/scss/poko/component/_scrollbars.scss */
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
  box-shadow: inset -1px 0 3px rgba(0, 0, 0, 0.2);
}
/* Handle */
/* line 18, user/themes/gasken/scss/poko/component/_scrollbars.scss */
::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.4);
  border: 1px outset rgba(0, 0, 0, 0.2);
  border-radius: 12px;
}
/* Handle on hover */
/* line 25, user/themes/gasken/scss/poko/component/_scrollbars.scss */
::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.933);
  border: 1px outset rgba(0, 0, 0, 0.4);
}
/* line 1, user/themes/gasken/scss/poko/component/_errorpage.scss */
/* line 3, user/themes/gasken/scss/poko/component/_errorpage.scss */
.g-error #g-container-main {
  height: 100vh;
  width: 100%;
  background: #fff;
}
/* line 9, user/themes/gasken/scss/poko/component/_errorpage.scss */
.g-error #g-main {
  text-align: center;
  height: 100vh;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
/* line 17, user/themes/gasken/scss/poko/component/_errorpage.scss */
.g-error h1 {
  font-size: 3rem;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.6);
  margin: 0;
}
/* line 2, user/themes/gasken/scss/poko/component/_floats.scss */
#g-floats, .ga-floats {
  overflow: hidden;
  height: 0;
  width: 0;
}
/* line 9, user/themes/gasken/scss/poko/component/_floats.scss */
#g-floats .g-particle > div, .ga-floats .g-particle > div {
  position: absolute;
}
/* line 1, user/themes/gasken/scss/poko/component/_etc.scss */
[data-height] {
  --height: attr(data-height);
  height: var(--height);
}
/* line 6, user/themes/gasken/scss/poko/component/_etc.scss */
[data-width] {
  --width: attr(data-width);
  width: var(--width);
}
/* line 11, user/themes/gasken/scss/poko/component/_etc.scss */
html .content-padding {
  padding: calc(2 * var(--padding)) !important;
}
/* line 28, user/themes/gasken/scss/poko/mix/_sections.scss */
.section-header {
  --color: #304055;
  background-color: var(--bg, var(--color));
  --txt: #222;
  color: var(--txt, #222);
}
/* line 55, user/themes/gasken/scss/poko/mix/_sections.scss */
.section-header a {
  transition: all 0.25s linear;
  color: var(--txt, #9fcadf);
  border-bottom: none;
}
/* line 5, user/themes/gasken/scss/function/poko/_poko.scss */
.section-header a:hover {
  color: var(--hover, #6ac);
  border-bottom: none;
}
/* line 6, user/themes/gasken/scss/function/poko/_poko.scss */
.section-header a:active {
  color: var(--active, #d9eaf2);
  border-bottom: none;
}
@media only all and (max-width: 47.99rem) {
  .section-header {
    --mobile-center: 1;
  }
}
/* line 28, user/themes/gasken/scss/poko/mix/_sections.scss */
.section-footer {
  --color: #fff;
  background-color: var(--bg);
  --txt: #304055 !important;
  color: var(--txt, #304055);
}
/* line 55, user/themes/gasken/scss/poko/mix/_sections.scss */
.section-footer a {
  transition: all 0.25s linear;
  color: var(--txt, #dfd99f);
  border-bottom: none;
}
/* line 5, user/themes/gasken/scss/function/poko/_poko.scss */
.section-footer a:hover {
  color: var(--hover, #ccc266);
  border-bottom: none;
}
/* line 6, user/themes/gasken/scss/function/poko/_poko.scss */
.section-footer a:active {
  color: var(--active, #f2f0d9);
  border-bottom: none;
}
@media only all and (max-width: 47.99rem) {
  .section-footer {
    --mobile-center: 1;
  }
}
/* line 28, user/themes/gasken/scss/poko/mix/_sections.scss */
.section-navigation, .section-offcanvas {
  --color: #911;
  background-color: var(--bg, var(--color));
  --txt: #222;
  color: var(--txt, #222);
}
/* line 55, user/themes/gasken/scss/poko/mix/_sections.scss */
.section-navigation a, .section-offcanvas a {
  transition: all 0.25s linear;
  color: var(--txt, #9fcadf);
  border-bottom: none;
}
/* line 5, user/themes/gasken/scss/function/poko/_poko.scss */
.section-navigation a:hover, .section-offcanvas a:hover {
  color: var(--hover, #6ac);
  border-bottom: none;
}
/* line 6, user/themes/gasken/scss/function/poko/_poko.scss */
.section-navigation a:active, .section-offcanvas a:active {
  color: var(--active, #d9eaf2);
  border-bottom: none;
}
/* line 67, user/themes/gasken/scss/poko/mix/_sections.scss */
/* line 28, user/themes/gasken/scss/poko/mix/_sections.scss */
.section-aside {
  --color: #fff;
  background-color: var(--bg);
  --txt: #222;
  color: var(--txt, #222);
}
/* line 55, user/themes/gasken/scss/poko/mix/_sections.scss */
.section-aside a {
  transition: all 0.25s linear;
  color: var(--txt, #9fcadf);
  border-bottom: none;
}
/* line 5, user/themes/gasken/scss/function/poko/_poko.scss */
.section-aside a:hover {
  color: var(--hover, #6ac);
  border-bottom: none;
}
/* line 6, user/themes/gasken/scss/function/poko/_poko.scss */
.section-aside a:active {
  color: var(--active, #d9eaf2);
  border-bottom: none;
}
/* line 74, user/themes/gasken/scss/poko/mix/_sections.scss */
main [class*='section-'] a:not(.button) {
  border: none;
}
/* line 76, user/themes/gasken/scss/poko/mix/_sections.scss */
main [class*='section-'] a:not(.button):hover {
  border: none;
}
/* line 77, user/themes/gasken/scss/poko/mix/_sections.scss */
main [class*='section-'] a:not(.button):active {
  border: none;
}
/* line 80, user/themes/gasken/scss/poko/mix/_sections.scss */
@media only all and (max-width: 47.99rem) {
  footer {
    text-align: center;
    font-size: 0.9rem;
  }
}
/* line 47, user/themes/gasken/scss/poko/mix/_color.scss */
.txt-accent-1 {
  color: #304055;
}
/* line 51, user/themes/gasken/scss/poko/mix/_color.scss */
.bg-color-accent-1, .ga-carousel {
  --color: #304055;
  --h: 214;
  --s: 28%;
  --l: 26%;
  --txt: var(--w1, #dbe2eb);
  --bg: hsl(var(--h),var(--s),var(--l));
  --txt: #e2e7ef;
  background-color: var(--bg, var(--color, #304055));
  color: var(--w1, var(--txt, #e2e7ef));
}
/* line 64, user/themes/gasken/scss/poko/mix/_color.scss */
/* line 65, user/themes/gasken/scss/poko/mix/_color.scss */
button.accent-1, a.button.accent-1, input[type="submit"].accent-1, input[type="reset"].accent-1 {
  background-color: #304055;
  color: #e2e7ef;
}
/* line 47, user/themes/gasken/scss/poko/mix/_color.scss */
.txt-accent-2 {
  color: #971111;
}
/* line 51, user/themes/gasken/scss/poko/mix/_color.scss */
.bg-color-accent-2, .modular-row.features {
  --color: #971111;
  --h: 0;
  --s: 80%;
  --l: 33%;
  --txt: var(--w1, #fad1d1);
  --bg: hsl(var(--h),var(--s),var(--l));
  --txt: #fef6f6;
  background-color: var(--bg, var(--color, #971111));
  color: var(--w1, var(--txt, #fef6f6));
}
/* line 64, user/themes/gasken/scss/poko/mix/_color.scss */
/* line 65, user/themes/gasken/scss/poko/mix/_color.scss */
button.accent-2, a.button.accent-2, input[type="submit"].accent-2, input[type="reset"].accent-2 {
  background-color: #971111;
  color: #fef6f6;
}
/* line 47, user/themes/gasken/scss/poko/mix/_color.scss */
.txt-accent-3 {
  color: #258209;
}
/* line 51, user/themes/gasken/scss/poko/mix/_color.scss */
.bg-color-accent-3, .modular-row.callout {
  --color: #258209;
  --h: 106;
  --s: 87%;
  --l: 27%;
  --txt: var(--w1, #d7fbcc);
  --bg: hsl(var(--h),var(--s),var(--l));
  --txt: #e2fcda;
  background-color: var(--bg, var(--color, #258209));
  color: var(--w1, var(--txt, #e2fcda));
}
/* line 64, user/themes/gasken/scss/poko/mix/_color.scss */
/* line 65, user/themes/gasken/scss/poko/mix/_color.scss */
button.accent-3, a.button.accent-3, input[type="submit"].accent-3, input[type="reset"].accent-3 {
  background-color: #258209;
  color: #e2fcda;
}
/* line 47, user/themes/gasken/scss/poko/mix/_color.scss */
.txt-accent-4 {
  color: #6b146b;
}
/* line 51, user/themes/gasken/scss/poko/mix/_color.scss */
.bg-color-accent-4 {
  --color: #6b146b;
  --h: -60;
  --s: 69%;
  --l: 25%;
  --txt: var(--w1, #f7d4f7);
  --bg: hsl(var(--h),var(--s),var(--l));
  --txt: #f7d4f7;
  background-color: var(--bg, var(--color, #6b146b));
  color: var(--w1, var(--txt, #f7d4f7));
}
/* line 64, user/themes/gasken/scss/poko/mix/_color.scss */
/* line 65, user/themes/gasken/scss/poko/mix/_color.scss */
button.accent-4, a.button.accent-4, input[type="submit"].accent-4, input[type="reset"].accent-4 {
  background-color: #6b146b;
  color: #f7d4f7;
}
/* line 47, user/themes/gasken/scss/poko/mix/_color.scss */
.txt-yellow {
  color: #ffc20a;
}
/* line 51, user/themes/gasken/scss/poko/mix/_color.scss */
.bg-color-yellow {
  --color: #ffc20a;
  --h: 45;
  --s: 100%;
  --l: 52%;
  --txt: var(--b1, #382a00);
  --bg: hsl(var(--h),var(--s),var(--l));
  --txt: #000;
  background-color: var(--bg, var(--color, #ffc20a));
  color: var(--b1, var(--txt, #000));
}
/* line 64, user/themes/gasken/scss/poko/mix/_color.scss */
/* line 65, user/themes/gasken/scss/poko/mix/_color.scss */
button.yellow, a.button.yellow, input[type="submit"].yellow, input[type="reset"].yellow {
  background-color: #ffc20a;
  color: #000;
}
/* line 75, user/themes/gasken/scss/poko/mix/_color.scss */
.alert-warning {
  --color: #ffc20a;
  --d1: #ffecb2;
  --txt: #664c00;
  --icon: '\f071';
}
/* line 87, user/themes/gasken/scss/poko/mix/_color.scss */
.notices.yellow {
  --color: #ffc20a;
  --d1: #ffdf7f;
  --txt: #332600;
}
/* line 47, user/themes/gasken/scss/poko/mix/_color.scss */
.txt-red {
  color: #cc2936;
}
/* line 51, user/themes/gasken/scss/poko/mix/_color.scss */
.bg-color-red {
  --color: #cc2936;
  --h: -5;
  --s: 67%;
  --l: 48%;
  --txt: var(--w1, #f6d0d3);
  --bg: hsl(var(--h),var(--s),var(--l));
  --txt: #fff;
  background-color: var(--bg, var(--color, #cc2936));
  color: var(--w1, var(--txt, #fff));
}
/* line 64, user/themes/gasken/scss/poko/mix/_color.scss */
/* line 65, user/themes/gasken/scss/poko/mix/_color.scss */
button.red, a.button.red, input[type="submit"].red, input[type="reset"].red {
  background-color: #cc2936;
  color: #fff;
}
/* line 75, user/themes/gasken/scss/poko/mix/_color.scss */
.alert-error {
  --color: #cc2936;
  --d1: #f1bbc0;
  --txt: #511015;
  --icon: '\f188';
}
/* line 87, user/themes/gasken/scss/poko/mix/_color.scss */
.notices.red {
  --color: #cc2936;
  --d1: #e99198;
  --txt: #26080a;
}
/* line 47, user/themes/gasken/scss/poko/mix/_color.scss */
.txt-blue {
  color: #3c60ad;
}
/* line 51, user/themes/gasken/scss/poko/mix/_color.scss */
.bg-color-blue {
  --color: #3c60ad;
  --h: 221;
  --s: 48%;
  --l: 46%;
  --txt: var(--w1, #d8e0f1);
  --bg: hsl(var(--h),var(--s),var(--l));
  --txt: #fff;
  background-color: var(--bg, var(--color, #3c60ad));
  color: var(--w1, var(--txt, #fff));
}
/* line 64, user/themes/gasken/scss/poko/mix/_color.scss */
/* line 65, user/themes/gasken/scss/poko/mix/_color.scss */
button.blue, a.button.blue, input[type="submit"].blue, input[type="reset"].blue {
  background-color: #3c60ad;
  color: #fff;
}
/* line 75, user/themes/gasken/scss/poko/mix/_color.scss */
.alert-info {
  --color: #3c60ad;
  --d1: #c5d1eb;
  --txt: #1a294b;
  --icon: '\f05a';
}
/* line 87, user/themes/gasken/scss/poko/mix/_color.scss */
.notices.blue {
  --color: #3c60ad;
  --d1: #9fb3de;
  --txt: #0d1425;
}
/* line 47, user/themes/gasken/scss/poko/mix/_color.scss */
.txt-green {
  color: #44af69;
}
/* line 51, user/themes/gasken/scss/poko/mix/_color.scss */
.bg-color-green {
  --color: #44af69;
  --h: 141;
  --s: 44%;
  --l: 48%;
  --txt: var(--w1, #d9f0e1);
  --bg: hsl(var(--h),var(--s),var(--l));
  --txt: #fff;
  background-color: var(--bg, var(--color, #44af69));
  color: var(--w1, var(--txt, #fff));
}
/* line 64, user/themes/gasken/scss/poko/mix/_color.scss */
/* line 65, user/themes/gasken/scss/poko/mix/_color.scss */
button.green, a.button.green, input[type="submit"].green, input[type="reset"].green {
  background-color: #44af69;
  color: #fff;
}
/* line 75, user/themes/gasken/scss/poko/mix/_color.scss */
.alert-success {
  --color: #44af69;
  --d1: #c7e9d3;
  --txt: #1c482b;
  --icon: '\f046';
}
/* line 87, user/themes/gasken/scss/poko/mix/_color.scss */
.notices.green {
  --color: #44af69;
  --d1: #a2dbb6;
  --txt: #0e2315;
}
/* line 3, user/themes/gasken/scss/poko/mix/_palletes.scss */
main .g-main-nav, .hsl-pal, html [class*='bg-color'], .modular-row {
  --w1: hsl(var(--h),var(--s),95%);
  --w0: hsl(var(--h),var(--s),90%);
  --l2: hsl(var(--h),var(--s),calc(var(--l) + 15%));
  --l1: hsl(var(--h),var(--s),calc(var(--l) + 10%));
  --l0: hsl(var(--h),var(--s),calc(var(--l) + 5%));
  --bg: hsl(var(--h),var(--s),var(--l));
  --d0: hsl(var(--h),var(--s),calc(var(--l) - 5%));
  --d1: hsl(var(--h),var(--s),calc(var(--l) - 10%));
  --d2: hsl(var(--h),var(--s),calc(var(--l) - 15%));
  --d3: hsl(var(--h),var(--s),calc(var(--l) - 20%));
  --d4: hsl(var(--h),var(--s),calc(var(--l) - 25%));
  --b0: hsl(var(--h),var(--s),10%);
  --b1: hsl(var(--h),var(--s),5%);
  --co: hsl(calc(var(--h) + 180),var(--s),var(--l));
  --t1: hsl(calc(var(--h) + 120),var(--s),var(--l));
  --t2: hsl(calc(var(--h) + 240),var(--s),var(--l));
  --co-w: hsl(calc(var(--h) + 180),var(--s),90%);
  --co-b: hsl(calc(var(--h) + 180),var(--s),10%);
}
/* line 24, user/themes/gasken/scss/poko/mix/_palletes.scss */
/* line 28, user/themes/gasken/scss/poko/mix/_palletes.scss */
/* line 30, user/themes/gasken/scss/poko/mix/_palletes.scss */
html .bg-b0 {
  background-color: var(--b0);
  color: var(--w1);
}
/* line 31, user/themes/gasken/scss/poko/mix/_palletes.scss */
html .bg-b1 {
  background-color: var(--b1);
  color: var(--w0);
}
/* line 32, user/themes/gasken/scss/poko/mix/_palletes.scss */
html .bg-d0 {
  background-color: var(--d0);
  color: var(--txt);
}
/* line 33, user/themes/gasken/scss/poko/mix/_palletes.scss */
html .bg-d1 {
  background-color: var(--d1);
  color: var(--txt);
}
/* line 34, user/themes/gasken/scss/poko/mix/_palletes.scss */
html .bg-d2 {
  background-color: var(--d2);
  color: var(--txt);
}
/* line 36, user/themes/gasken/scss/poko/mix/_palletes.scss */
html .bg-w0 {
  background-color: var(--w0);
  color: var(--b1);
}
/* line 37, user/themes/gasken/scss/poko/mix/_palletes.scss */
html .bg-w1 {
  background-color: var(--w1);
  color: var(--b0);
}
/* line 38, user/themes/gasken/scss/poko/mix/_palletes.scss */
html .bg-l0 {
  background-color: var(--l0);
  color: var(--txt);
}
/* line 39, user/themes/gasken/scss/poko/mix/_palletes.scss */
html .bg-l1 {
  background-color: var(--l1);
  color: var(--txt);
}
/* line 40, user/themes/gasken/scss/poko/mix/_palletes.scss */
html .bg-l2 {
  background-color: var(--l2);
  color: var(--txt);
}
/* line 42, user/themes/gasken/scss/poko/mix/_palletes.scss */
html .bg-co {
  background-color: var(--co);
  color: var(--txt);
}
/* line 43, user/themes/gasken/scss/poko/mix/_palletes.scss */
html .bg-co-w {
  background-color: var(--co-w);
  color: var(--b0);
}
/* line 44, user/themes/gasken/scss/poko/mix/_palletes.scss */
html .bg-co-b {
  background-color: var(--co-b);
  color: var(--w0);
}
/* line 46, user/themes/gasken/scss/poko/mix/_palletes.scss */
html .bg {
  background-color: var(--bg);
  color: var(--txt);
}
/* line 47, user/themes/gasken/scss/poko/mix/_palletes.scss */
html .bg-1 {
  background-color: var(--bg-1);
  color: var(--txt);
}
/* line 48, user/themes/gasken/scss/poko/mix/_palletes.scss */
html .bg-2 {
  background-color: var(--bg-2);
  color: var(--txt);
}
/* line 50, user/themes/gasken/scss/poko/mix/_palletes.scss */
/* line 1, user/themes/gasken/scss/poko/hydrogen/_contentarray.scss */
.g-content-array {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
/* line 5, user/themes/gasken/scss/poko/hydrogen/_contentarray.scss */
.g-content-array .g-grid {
  margin-bottom: 1.5em;
}
/* line 8, user/themes/gasken/scss/poko/hydrogen/_contentarray.scss */
.g-content-array .g-grid:last-child {
  margin-bottom: 0;
}
/* line 11, user/themes/gasken/scss/poko/hydrogen/_contentarray.scss */
/* line 12, user/themes/gasken/scss/poko/hydrogen/_contentarray.scss */
/* line 13, user/themes/gasken/scss/poko/hydrogen/_contentarray.scss */
@media only all and (max-width: 47.99rem) {
  .g-content-array .g-grid:last-child .g-block:last-child .g-array-item {
    margin-bottom: 0;
  }
}
@media only all and (max-width: 47.99rem) {
  .g-content-array .g-grid {
    margin-bottom: 0;
  }
}
/* line 27, user/themes/gasken/scss/poko/hydrogen/_contentarray.scss */
.g-content-array .g-content {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
/* line 33, user/themes/gasken/scss/poko/hydrogen/_contentarray.scss */
@media only all and (max-width: 47.99rem) {
  .g-content-array .g-array-item {
    margin-bottom: 1.5em;
  }
}
/* line 39, user/themes/gasken/scss/poko/hydrogen/_contentarray.scss */
.g-content-array .g-array-item-image {
  margin: 0 0 15px 0;
}
/* line 43, user/themes/gasken/scss/poko/hydrogen/_contentarray.scss */
.g-content-array .g-item-title {
  margin: 0;
}
/* line 47, user/themes/gasken/scss/poko/hydrogen/_contentarray.scss */
/* line 48, user/themes/gasken/scss/poko/hydrogen/_contentarray.scss */
.g-content-array .g-array-item-details, .g-content-array .g-array-item-text, .g-content-array .g-array-item-read-more {
  margin: 15px 0 0;
}
/* line 53, user/themes/gasken/scss/poko/hydrogen/_contentarray.scss */
.g-content-array .g-array-item-details {
  font-size: 90%;
}
/* line 56, user/themes/gasken/scss/poko/hydrogen/_contentarray.scss */
.g-content-array .g-array-item-details > span {
  margin-right: 10px;
}
/* line 60, user/themes/gasken/scss/poko/hydrogen/_contentarray.scss */
.g-content-array .g-array-item-details i {
  margin-right: 5px;
}
/* line 1, user/themes/gasken/scss/poko/hydrogen/_dropdownanimations.scss */
/* line 2, user/themes/gasken/scss/poko/hydrogen/_dropdownanimations.scss */
/* line 3, user/themes/gasken/scss/poko/hydrogen/_dropdownanimations.scss */
.g-main-nav .g-standard .g-dropdown {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
/* line 7, user/themes/gasken/scss/poko/hydrogen/_dropdownanimations.scss */
.g-main-nav .g-standard .g-fade.g-dropdown {
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, -moz-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
/* line 11, user/themes/gasken/scss/poko/hydrogen/_dropdownanimations.scss */
.g-main-nav .g-standard .g-zoom.g-active {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: g-dropdown-zoom;
  -moz-animation-name: g-dropdown-zoom;
  animation-name: g-dropdown-zoom;
}
/* line 16, user/themes/gasken/scss/poko/hydrogen/_dropdownanimations.scss */
.g-main-nav .g-standard .g-fade-in-up.g-active {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: g-dropdown-fade-in-up;
  -moz-animation-name: g-dropdown-fade-in-up;
  animation-name: g-dropdown-fade-in-up;
}
/* line 22, user/themes/gasken/scss/poko/hydrogen/_dropdownanimations.scss */
/* line 23, user/themes/gasken/scss/poko/hydrogen/_dropdownanimations.scss */
.g-main-nav .g-fullwidth > .g-dropdown {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
/* line 27, user/themes/gasken/scss/poko/hydrogen/_dropdownanimations.scss */
.g-main-nav .g-fullwidth > .g-fade.g-dropdown {
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, -moz-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
/* line 31, user/themes/gasken/scss/poko/hydrogen/_dropdownanimations.scss */
.g-main-nav .g-fullwidth > .g-zoom.g-active {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: g-dropdown-zoom;
  -moz-animation-name: g-dropdown-zoom;
  animation-name: g-dropdown-zoom;
}
/* line 36, user/themes/gasken/scss/poko/hydrogen/_dropdownanimations.scss */
.g-main-nav .g-fullwidth > .g-fade-in-up.g-active {
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-name: g-dropdown-fade-in-up;
  -moz-animation-name: g-dropdown-fade-in-up;
  animation-name: g-dropdown-fade-in-up;
}
@-webkit-keyframes g-dropdown-zoom {
  /* line 44, user/themes/gasken/scss/poko/hydrogen/_dropdownanimations.scss */
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
  }
  /* line 48, user/themes/gasken/scss/poko/hydrogen/_dropdownanimations.scss */
  100% {
    opacity: 1;
  }
}
@-moz-keyframes g-dropdown-zoom {
  /* line 44, user/themes/gasken/scss/poko/hydrogen/_dropdownanimations.scss */
  0% {
    opacity: 0;
    -moz-transform: scale3d(0.8, 0.8, 0.8);
  }
  /* line 48, user/themes/gasken/scss/poko/hydrogen/_dropdownanimations.scss */
  100% {
    opacity: 1;
  }
}
@keyframes g-dropdown-zoom {
  /* line 44, user/themes/gasken/scss/poko/hydrogen/_dropdownanimations.scss */
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
    -moz-transform: scale3d(0.8, 0.8, 0.8);
    -ms-transform: scale3d(0.8, 0.8, 0.8);
    -o-transform: scale3d(0.8, 0.8, 0.8);
    transform: scale3d(0.8, 0.8, 0.8);
  }
  /* line 48, user/themes/gasken/scss/poko/hydrogen/_dropdownanimations.scss */
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes g-dropdown-fade-in-up {
  /* line 54, user/themes/gasken/scss/poko/hydrogen/_dropdownanimations.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
  }
  /* line 58, user/themes/gasken/scss/poko/hydrogen/_dropdownanimations.scss */
  100% {
    opacity: 1;
  }
}
@-moz-keyframes g-dropdown-fade-in-up {
  /* line 54, user/themes/gasken/scss/poko/hydrogen/_dropdownanimations.scss */
  0% {
    opacity: 0;
    -moz-transform: translate3d(0, 30px, 0);
  }
  /* line 58, user/themes/gasken/scss/poko/hydrogen/_dropdownanimations.scss */
  100% {
    opacity: 1;
  }
}
@keyframes g-dropdown-fade-in-up {
  /* line 54, user/themes/gasken/scss/poko/hydrogen/_dropdownanimations.scss */
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
  }
  /* line 58, user/themes/gasken/scss/poko/hydrogen/_dropdownanimations.scss */
  100% {
    opacity: 1;
  }
}
/* line 1, user/themes/gasken/scss/poko/hydrogen/_offline.scss */
/* line 2, user/themes/gasken/scss/poko/hydrogen/_offline.scss */
.g-offline #grav-login {
  max-width: 36rem;
}
/* line 4, user/themes/gasken/scss/poko/hydrogen/_offline.scss */
.g-offline #grav-login .form-actions {
  margin-top: 0.5em;
}
@media only all and (max-width: 47.99rem) {
  .g-offline #grav-login .form-actions {
    text-align: center;
  }
}
/* line 10, user/themes/gasken/scss/poko/hydrogen/_offline.scss */
.g-offline #grav-login .button {
  text-transform: capitalize;
}
/* line 13, user/themes/gasken/scss/poko/hydrogen/_offline.scss */
@media only all and (max-width: 47.99rem) {
  .g-offline #grav-login .rememberme {
    float: none;
    display: block;
  }
}
/* line 1, user/themes/gasken/scss/poko/hydrogen/_social.scss */
/* line 2, user/themes/gasken/scss/poko/hydrogen/_social.scss */
.g-social a {
  display: inline-block;
  padding: 0.1rem 0.4rem;
  background: #fafafa;
  border: 1px solid var(--d1);
  border-radius: 0.25em;
  margin-bottom: 4px;
  text-decoration: none;
}
/* un ------------ */
/* line 1, user/themes/gasken/scss/poko/etc/z/_gallery.scss */
.page-gallery {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
/* line 9, user/themes/gasken/scss/poko/etc/z/_gallery.scss */
.page-gallery .item {
  list-style-type: none;
  margin: 0 0.5rem 1rem 0.5rem;
  padding: 0;
}
/* line 14, user/themes/gasken/scss/poko/etc/z/_gallery.scss */
.page-gallery .item a {
  display: block;
}
/* line 16, user/themes/gasken/scss/poko/etc/z/_gallery.scss */
.page-gallery .item .image-surround {
  border: 1px solid var(--outline);
  width: 300px;
  padding: 0.25rem;
  text-align: center;
}
/* line 22, user/themes/gasken/scss/poko/etc/z/_gallery.scss */
.page-gallery .item .image-surround h5, .page-gallery .item .image-surround p {
  margin: 0;
  font-size: 0.9rem;
}
@keyframes rfloat {
  /* line 29, user/themes/gasken/scss/poko/etc/z/_gallery.scss */
  0% {
    transform: rotate(0deg);
  }
  /* line 30, user/themes/gasken/scss/poko/etc/z/_gallery.scss */
  25% {
    transform: rotate(1deg);
  }
  /* line 31, user/themes/gasken/scss/poko/etc/z/_gallery.scss */
  50% {
    transform: rotate(0deg);
  }
  /* line 32, user/themes/gasken/scss/poko/etc/z/_gallery.scss */
  75% {
    transform: rotate(-1deg);
  }
  /* line 33, user/themes/gasken/scss/poko/etc/z/_gallery.scss */
  100% {
    transform: rotate(0deg);
  }
}
/* line 36, user/themes/gasken/scss/poko/etc/z/_gallery.scss */
#page-gallery-modal {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100vh;
  z-index: 1000;
  align-items: center;
  justify-content: space-around;
}
/* line 49, user/themes/gasken/scss/poko/etc/z/_gallery.scss */
#page-gallery-modal.show {
  display: flex;
}
/* line 52, user/themes/gasken/scss/poko/etc/z/_gallery.scss */
#page-gallery-modal .g-content {
  background-color: #fff;
  padding: 0;
  min-height: 50vh;
  max-height: 70vh;
  justify-content: space-around;
  align-items: center;
  display: flex;
  animation: rfloat 8s linear 1s 1;
}
/* line 62, user/themes/gasken/scss/poko/etc/z/_gallery.scss */
#page-gallery-modal .g-content figure {
  margin: 0;
  padding: 0;
  position: relative;
}
/* line 67, user/themes/gasken/scss/poko/etc/z/_gallery.scss */
#page-gallery-modal .g-content figure .caption {
  position: absolute;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 1em;
  width: 100%;
}
/* line 75, user/themes/gasken/scss/poko/etc/z/_gallery.scss */
#page-gallery-modal .g-content figure .caption * {
  margin: 0;
}
/* line 76, user/themes/gasken/scss/poko/etc/z/_gallery.scss */
#page-gallery-modal .g-content figure .caption p {
  font-size: 0.9em;
}
/* line 78, user/themes/gasken/scss/poko/etc/z/_gallery.scss */
#page-gallery-modal .g-content figure > img {
  height: 70vh;
  outline: 1px solid rgba(0, 0, 0, 0.4);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}
/* line 1, user/themes/gasken/scss/poko/etc/z/_modal.scss */
/* line 3, user/themes/gasken/scss/poko/etc/z/_modal.scss */
.modal.screen {
  background: #001;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 2rem;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  width: 100%;
  padding: 2rem 2rem 6rem 2rem;
  height: 100%;
}
/* line 20, user/themes/gasken/scss/poko/etc/z/_modal.scss */
.modal.active {
  position: fixed;
  top: 0;
  left: 0;
}
/* line 26, user/themes/gasken/scss/poko/etc/z/_modal.scss */
.modal > .container {
  background-color: var(--bg);
  padding: 1rem;
  border-radius: 0.5rem;
}
/* line 1, user/themes/gasken/scss/poko/etc/z/_page-staff.scss */
ul.page-staff {
  display: flex;
  margin-left: 0;
}
/* line 6, user/themes/gasken/scss/poko/etc/z/_page-staff.scss */
ul.page-staff li {
  list-style-type: none;
  display: flex;
  width: 50%;
  margin-bottom: 2rem;
  padding: 0;
}
/* line 15, user/themes/gasken/scss/poko/etc/z/_page-staff.scss */
ul.page-staff .picture {
  height: 200px;
  margin-right: 2rem;
  outline: 1px solid rgba(0, 0, 0, 0.4);
  padding: 0.25rem;
  background-color: #fff;
}
/* line 22, user/themes/gasken/scss/poko/etc/z/_page-staff.scss */
ul.page-staff .picture img {
  height: 100%;
}
/* line 26, user/themes/gasken/scss/poko/etc/z/_page-staff.scss */
/* line 27, user/themes/gasken/scss/poko/etc/z/_page-staff.scss */
ul.page-staff .data p {
  margin: 0 0 1rem 0;
  clear: both;
}
/* line 28, user/themes/gasken/scss/poko/etc/z/_page-staff.scss */
ul.page-staff .data label {
  width: 120px;
  font-weight: 700;
  display: inline-block;
  float: left;
}
/* line 29, user/themes/gasken/scss/poko/etc/z/_page-staff.scss */
ul.page-staff .data .value {
  float: left;
}
/* line 1, user/themes/gasken/scss/poko/etc/z/_presentation.scss */
.presentation-iframe {
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  width: fill-available;
  height: 100%;
  height: -moz-available;
  height: -webkit-fill-available;
  height: fill-available;
}
@keyframes slider {
  /* line 2, user/themes/gasken/scss/poko/etc/z/_slider.scss */
  0% {
    left: 0%;
  }
  /* line 3, user/themes/gasken/scss/poko/etc/z/_slider.scss */
  20% {
    left: 0%;
  }
  /* line 4, user/themes/gasken/scss/poko/etc/z/_slider.scss */
  25% {
    left: -100%;
  }
  /* line 5, user/themes/gasken/scss/poko/etc/z/_slider.scss */
  45% {
    left: -100%;
  }
  /* line 6, user/themes/gasken/scss/poko/etc/z/_slider.scss */
  50% {
    left: -200%;
  }
  /* line 7, user/themes/gasken/scss/poko/etc/z/_slider.scss */
  70% {
    left: -200%;
  }
  /* line 8, user/themes/gasken/scss/poko/etc/z/_slider.scss */
  75% {
    left: -300%;
  }
  /* line 9, user/themes/gasken/scss/poko/etc/z/_slider.scss */
  95% {
    left: -300%;
  }
  /* line 10, user/themes/gasken/scss/poko/etc/z/_slider.scss */
  100% {
    left: -400%;
  }
}
/* line 13, user/themes/gasken/scss/poko/etc/z/_slider.scss */
.img-slider-container {
  background-color: var(--d0);
  overflow: hidden;
  height: 200px;
  position: relative;
}
/* line 20, user/themes/gasken/scss/poko/etc/z/_slider.scss */
.img-slider-container .slide {
  height: 100%;
  display: flex;
  flex-direction: row;
  position: absolute;
  transition: all 2s linear;
}
/* line 28, user/themes/gasken/scss/poko/etc/z/_slider.scss */
.img-slider-container .slide .image {
  float: left;
  width: 100%;
  height: 100%;
  background-size: cover;
  padding: 0.5rem;
  background-position: center;
  position: relative;
}
/* line 37, user/themes/gasken/scss/poko/etc/z/_slider.scss */
.img-slider-container .slide .image .caption {
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 0.9rem;
  padding: 0.5rem;
}
/* line 1, user/themes/gasken/scss/poko/etc/z/_toc.scss */
.ga-toc-bar {
  display: flex;
  justify-content: space-between;
}
/* line 4, user/themes/gasken/scss/poko/etc/z/_toc.scss */
.ga-toc-bar h3 {
  margin-bottom: 0;
}
/* line 5, user/themes/gasken/scss/poko/etc/z/_toc.scss */
.ga-toc-bar a {
  text-decoration: none;
}
/* line 11, user/themes/gasken/scss/poko/etc/z/_toc.scss */
#g-mainbar #g-navigation .g-content.g-particle {
  display: flex;
  align-items: center;
  padding-left: 1em;
  padding-right: 1em;
}
/* line 18, user/themes/gasken/scss/poko/etc/z/_toc.scss */
html.smooth {
  scroll-behavior: smooth;
  scroll-margin-top: -2rem;
}
@media screen and (prefers-reduced-motion: reduce) {
  /* line 24, user/themes/gasken/scss/poko/etc/z/_toc.scss */
  html.smooth {
    scroll-behavior: auto;
  }
}
/* line 29, user/themes/gasken/scss/poko/etc/z/_toc.scss */
/* line 31, user/themes/gasken/scss/poko/etc/z/_toc.scss */
#ga-toc ol {
  list-style: none;
  counter-reset: li;
}
/* line 33, user/themes/gasken/scss/poko/etc/z/_toc.scss */
#ga-toc li {
  counter-increment: li;
  position: relative;
  padding-left: 2rem;
}
/* line 35, user/themes/gasken/scss/poko/etc/z/_toc.scss */
#ga-toc li:before {
  position: absolute;
  color: #6b146b;
  left: 0;
  font-size: 0.8em;
  line-height: 1.5;
  width: 1.5rem;
  content: counter(ol) "." counter(li);
}
/* line 45, user/themes/gasken/scss/poko/etc/z/_toc.scss */
#ga-toc li.active > a {
  font-weight: 700;
}
/* line 47, user/themes/gasken/scss/poko/etc/z/_toc.scss */
#ga-toc li.active:before {
  color: #971111;
  content: "\25b6";
}
/* line 52, user/themes/gasken/scss/poko/etc/z/_toc.scss */
#ga-toc li.active > ol, #ga-toc li:hover > ol, #ga-toc li:active > ol, #ga-toc li:focus > ol {
  height: auto;
  visibility: visible;
}
/* line 57, user/themes/gasken/scss/poko/etc/z/_toc.scss */
#ga-toc li:hover > ol {
  transition: all 0.5s linear 0.15s;
}
/* line 61, user/themes/gasken/scss/poko/etc/z/_toc.scss */
#ga-toc li > ol {
  height: 0;
  visibility: collapse;
}
/* line 63, user/themes/gasken/scss/poko/etc/z/_toc.scss */
#ga-toc ol ol {
  padding-left: 0;
}
/* line 65, user/themes/gasken/scss/poko/etc/z/_toc.scss */
#ga-toc > ol {
  padding-left: 0;
}
/* line 66, user/themes/gasken/scss/poko/etc/z/_toc.scss */
#ga-toc > ol > li {
  counter-increment: ol;
  padding-left: 1.5rem;
}
/* line 67, user/themes/gasken/scss/poko/etc/z/_toc.scss */
#ga-toc > ol > li:before {
  content: counter(ol) ".";
}
/* line 71, user/themes/gasken/scss/poko/etc/z/_toc.scss */
#ga-toc .is-position-fixed {
  position: fixed !important;
  top: 0;
}
/* line 77, user/themes/gasken/scss/poko/etc/z/_toc.scss */
#ga-toc .is-collapsible {
  max-height: 1000px;
  overflow: hidden;
  transition: all 300ms ease-in-out;
}
/* line 83, user/themes/gasken/scss/poko/etc/z/_toc.scss */
#ga-toc .is-collapsed {
  max-height: 0;
}
/* line 85, user/themes/gasken/scss/poko/etc/z/_toc.scss */
#ga-toc .is-active-li > a {
  font-weight: 700;
}
/* line 89, user/themes/gasken/scss/poko/etc/z/_toc.scss */
/* line 90, user/themes/gasken/scss/poko/etc/z/_toc.scss */
ol.ga-tree li {
  position: relative;
}
/* line 92, user/themes/gasken/scss/poko/etc/z/_toc.scss */
ol.ga-tree li ol {
  display: none;
}
/* line 93, user/themes/gasken/scss/poko/etc/z/_toc.scss */
ol.ga-tree li.open > ol {
  display: block;
}
/* line 94, user/themes/gasken/scss/poko/etc/z/_toc.scss */
ol.ga-tree li.parent {
  position: relative;
}
/* line 97, user/themes/gasken/scss/poko/etc/z/_toc.scss */
ol.ga-tree li.parent:after {
  font-family: 'FontAwesome';
  position: absolute;
  content: "\f196";
  top: 0;
  right: 0;
}
/* line 104, user/themes/gasken/scss/poko/etc/z/_toc.scss */
ol.ga-tree li.parent.open:after {
  content: "\f147";
}
/* line 112, user/themes/gasken/scss/poko/etc/z/_toc.scss */
ol.ga-tree {
  padding-left: 0;
}
/* line 116, user/themes/gasken/scss/poko/etc/z/_toc.scss */
ol.ga-tree li ol {
  padding-left: 0;
}
/* line 120, user/themes/gasken/scss/poko/etc/z/_toc.scss */
ol.ga-tree li ol > li {
  padding-left: 1rem;
  font-weight: normal;
}
/* line 125, user/themes/gasken/scss/poko/etc/z/_toc.scss */
ol.ga-tree.top-level > li {
  font-weight: bold;
}
/* line 129, user/themes/gasken/scss/poko/etc/z/_toc.scss */
ol.ga-tree li {
  list-style-type: none;
  line-height: 2;
}
/* line 134, user/themes/gasken/scss/poko/etc/z/_toc.scss */
ol.ga-tree li > ol {
  border-top: 1px solid var(--yellow);
}
/* line 138, user/themes/gasken/scss/poko/etc/z/_toc.scss */
ol.ga-tree li > ol > Li:last-child {
  border-bottom: none;
}
/* line 142, user/themes/gasken/scss/poko/etc/z/_toc.scss */
ol.ga-tree li.parent:after {
  color: rgba(0, 0, 0, 0.533);
  font-weight: normal;
}
/* line 147, user/themes/gasken/scss/poko/etc/z/_toc.scss */
ol.ga-tree a {
  display: block;
}
/* line 148, user/themes/gasken/scss/poko/etc/z/_toc.scss */
ol.ga-tree {
  opacity: 0.5;
  transition: opacity 0.5s linear;
}
/* line 149, user/themes/gasken/scss/poko/etc/z/_toc.scss */
ol.ga-tree:hover {
  opacity: 1;
}
/* line 1, user/themes/gasken/scss/poko/etc/_ga-search.scss */
.ga-search-wrapper {
  display: flex;
  width: 100%;
  align-items: center;
  flex-flow: row;
  justify-content: flex-end;
  position: relative;
}
/* line 10, user/themes/gasken/scss/poko/etc/_ga-search.scss */
.ga-search-wrapper form {
  height: 100%;
  align-items: center;
  flex: 1 1 100%;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}
/* line 19, user/themes/gasken/scss/poko/etc/_ga-search.scss */
.ga-search-wrapper.active {
  background-color: var(--w1);
  color: var(--black);
}
/* line 24, user/themes/gasken/scss/poko/etc/_ga-search.scss */
.ga-search-wrapper.active button {
  color: var(--black);
}
/* line 28, user/themes/gasken/scss/poko/etc/_ga-search.scss */
.ga-search-wrapper.active form {
  visibility: visible;
  opacity: 1;
}
/* line 34, user/themes/gasken/scss/poko/etc/_ga-search.scss */
.ga-search-wrapper input {
  border: 1px solid rgba(0, 0, 0, 0);
}
/* line 39, user/themes/gasken/scss/poko/etc/_ga-search.scss */
main .ga-search-wrapper {
  padding: 0.5rem;
}
/* line 2, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card {
  height: 80vh;
  max-height: 80vh;
  min-height: 80vh;
  background-color: #f7f7f7;
  --b1: #000;
  --w1: #fff;
  overflow: hidden;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 1rem;
}
/* line 18, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card .description {
  padding: 0.5rem 1rem;
}
/* line 22, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card .items {
  list-style-type: none;
  padding-left: 0;
  font-size: 0.9rem;
  line-height: 1.2;
}
/* line 29, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card .item {
  padding: 0.5rem 0;
}
/* line 33, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card .item h4 {
  margin: 0 0 0.25rem 0;
}
/* line 40, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.default {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 2rem;
}
/* line 49, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.card {
  position: relative;
  transition: all 0.25s linear;
  transform: translateY(0px);
}
/* line 55, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.card:hover {
  transform: translateY(-8px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
/* line 60, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.card .image {
  background-color: var(--d2, rgba(0, 0, 0, 0.6));
  background-blend-mode: soft-light;
  height: 50%;
  background-size: cover;
  background-position: 100% 50%;
}
/* line 68, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.card .headline {
  margin: 0;
  padding: 0.5rem 1rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
/* line 77, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.card .description {
  margin: 0;
  align-self: flex-start;
  flex: 1 1 100%;
  line-height: 1.2;
  padding: 1rem;
}
/* line 85, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.card .items {
  margin: 0;
  flex: 1 1 100%;
  padding: 0 1rem 1rem 1rem;
  display: flex;
  flex-flow: column;
  align-items: center;
}
/* line 94, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.card .item {
  font-size: 0.9rem;
}
/* line 96, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.card .content {
  display: flex;
  flex-flow: wrap;
  height: 50%;
  width: 100%;
}
/* line 106, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.cue {
  background-color: var(--bg);
}
/* line 109, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.cue .content {
  height: 100%;
  background-position: 50% 30%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-blend-mode: lighten;
  position: relative;
  transition: all 1s ease;
  color: var(--txt);
}
/* line 120, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.cue h4 {
  font-size: 1.1rem;
}
/* line 124, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.cue .overlay {
  height: 100%;
  line-height: 1.2;
}
/* line 128, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.cue .overlay .normal, .ga-card.cue .overlay .hover {
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  position: absolute;
  width: 100%;
  transition: all 0.5s ease;
}
/* line 138, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.cue .overlay .items, .ga-card.cue .overlay .description {
  padding-bottom: 4rem;
}
/* line 142, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.cue .overlay .normal {
  opacity: 1;
  color: var(--txt);
}
/* line 147, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.cue .overlay .hover {
  transform: translateY(100%);
  background-color: rgba(0, 0, 0, 0.6);
  color: var(--w1);
}
/* line 154, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.cue h3 {
  margin-bottom: 0;
}
/* line 158, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
/* line 159, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.cue:hover .content {
  background-size: 120%;
  background-position: 50% 15%;
}
/* line 163, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.cue:hover .hover {
  transform: translateY(0);
}
/* line 166, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.cue:hover .normal {
  opacity: 0.1;
}
/* line 174, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
/* line 175, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.imagebox .content {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-color: var(--d2, var(--shade));
  color: var(--w1);
  background-blend-mode: normal;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  line-height: 1.2;
}
/* line 188, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.imagebox .overlay {
  background-color: rgba(0, 0, 0, 0.8);
  position: relative;
  height: 50%;
  z-index: 2;
}
/* line 195, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.imagebox .description {
  padding: 0;
  line-height: 1.8;
}
/* line 200, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.imagebox .hover {
  padding: 1rem;
  transition: all 1s ease-out;
  font-size: 0.9rem;
}
/* line 206, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.imagebox .normal {
  padding: 1rem;
  transition: all 1s ease-out;
  text-align: left;
  position: absolute;
  top: 0;
  display: block;
}
/* line 215, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.imagebox .hover {
  text-align: left;
  position: absolute;
  top: 0;
  opacity: 0;
}
/* line 222, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.imagebox li {
  padding-left: 1.5rem;
  position: relative;
}
/* line 224, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.imagebox li:before {
  font-family: FontAwesome;
  content: '\f00c';
  position: absolute;
  left: 0;
  width: 1rem;
  color: var(--co, var(--primary, #fc3));
}
/* line 233, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
/* line 234, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.imagebox:hover .normal {
  opacity: 0;
}
/* line 238, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.imagebox:hover .hover {
  opacity: 1;
}
/* line 243, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.imagebox a.pin {
  --fz: 1rem;
  --sq: calc(5 * var(--fz));
  background-color: var(--co, var(--primary, #fc3));
  color: #fff !important;
  z-index: 3;
  right: 1rem;
  position: absolute;
  top: calc(-3 * var(--fz));
  font-size: var(--fz);
  width: var(--sq);
  height: var(--sq);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  word-spacing: 100vh;
  word-break: break-word;
  line-height: 1;
  transform: rotate(15deg);
  border: none;
  outline: none;
  transition: all 1s linear;
}
/* line 268, user/themes/gasken/scss/poko/etc/_ga-cards.scss */
.ga-card.imagebox:hover a.pin {
  transform: rotate(0deg);
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.6);
}
/* line 1, user/themes/gasken/scss/poko/etc/_ga-list.scss */
.ga-list {
  line-height: 1.3;
  text-align: center;
}
/* line 2, user/themes/gasken/scss/poko/etc/_ga-list.scss */
.ga-list a {
  border-bottom: none !important;
}
/* line 4, user/themes/gasken/scss/poko/etc/_ga-list.scss */
.ga-list a:hover {
  border-bottom: none !important;
  border-bottom: none;
}
/* line 11, user/themes/gasken/scss/poko/etc/_ga-list.scss */
.ga-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
/* line 16, user/themes/gasken/scss/poko/etc/_ga-list.scss */
.ga-list span {
  margin: 0;
  display: block;
}
/* line 20, user/themes/gasken/scss/poko/etc/_ga-list.scss */
/* line 21, user/themes/gasken/scss/poko/etc/_ga-list.scss */
.ga-list .item .title {
  font-size: 0.9rem;
  font-weight: 700;
}
/* line 25, user/themes/gasken/scss/poko/etc/_ga-list.scss */
.ga-list .item .subtitle {
  font-size: 0.8rem;
}
/* line 31, user/themes/gasken/scss/poko/etc/_ga-list.scss */
.ga-list.table {
  text-align: center;
  padding: 1rem;
}
/* line 34, user/themes/gasken/scss/poko/etc/_ga-list.scss */
.ga-list.table .item {
  text-align: center;
  display: flex;
  flex: 0 1 25%;
  width: 25%;
  align-items: flex-start;
}
/* line 35, user/themes/gasken/scss/poko/etc/_ga-list.scss */
.ga-list.table .item .item-image {
  margin: 0.5rem 0;
}
/* line 44, user/themes/gasken/scss/poko/etc/_ga-list.scss */
.ga-list.table ul {
  display: flex;
  flex-direction: warp;
  justify-content: space-evenly;
}
/* line 51, user/themes/gasken/scss/poko/etc/_ga-list.scss */
/* line 52, user/themes/gasken/scss/poko/etc/_ga-list.scss */
.ga-list.linklist .item-image {
  margin-right: 0.5rem;
  max-width: 15%;
  float: left;
}
/* line 57, user/themes/gasken/scss/poko/etc/_ga-list.scss */
.ga-list.linklist .item {
  display: flex;
  margin: 1rem 0;
  text-align: left;
}
/* line 64, user/themes/gasken/scss/poko/etc/_ga-list.scss */
/* line 65, user/themes/gasken/scss/poko/etc/_ga-list.scss */
.ga-list.buttons .description {
  display: none;
}
/* line 66, user/themes/gasken/scss/poko/etc/_ga-list.scss */
.ga-list.buttons ul {
  display: flex;
  justify-content: space-around;
}
/* line 70, user/themes/gasken/scss/poko/etc/_ga-list.scss */
/* line 71, user/themes/gasken/scss/poko/etc/_ga-list.scss */
.ga-list.buttons .item .title {
  display: none;
}
/* line 74, user/themes/gasken/scss/poko/etc/_ga-list.scss */
.ga-list.buttons .item .subtitle {
  display: none;
}
/* line 77, user/themes/gasken/scss/poko/etc/_ga-list.scss */
.ga-list.buttons .item .item-image {
  max-width: 40%;
  margin-right: 1rem;
}
/* line 86, user/themes/gasken/scss/poko/etc/_ga-list.scss */
.sandbox {
  --color: #938;
}
/* line 89, user/themes/gasken/scss/poko/etc/_ga-list.scss */
.sandbox .row {
  display: flex;
  flex-direction: row;
  padding: 0;
  margin: 0;
}
/* line 96, user/themes/gasken/scss/poko/etc/_ga-list.scss */
.sandbox .row div {
  --width: calc(100% / 12);
  width: var(--width);
  text-align: center;
  padding: 0;
  margin: 0;
}
/* line 103, user/themes/gasken/scss/poko/etc/_ga-list.scss */
.sandbox .row div.n5 {
  width: calc(5 * var(--width));
}
/* line 104, user/themes/gasken/scss/poko/etc/_ga-list.scss */
.sandbox .row div.n4 {
  width: calc(4 * var(--width));
}
/* line 105, user/themes/gasken/scss/poko/etc/_ga-list.scss */
.sandbox .row div.n3 {
  width: calc(3 * var(--width));
}
/* line 106, user/themes/gasken/scss/poko/etc/_ga-list.scss */
.sandbox .row div.n2 {
  width: calc(2 * var(--width));
}
/* line 1, user/themes/gasken/scss/poko/etc/_ga-branding.scss */
#ga-branding {
  display: flex;
  flex-flow: wrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
@media only all and (max-width: 47.99rem) {
  #ga-branding {
    margin: 0 4.5rem;
    flex-flow: column;
  }
  /* line 15, user/themes/gasken/scss/poko/etc/_ga-branding.scss */
  #ga-branding .site-logo {
    margin-right: 0 !important;
    zoom: 2;
  }
  /* line 20, user/themes/gasken/scss/poko/etc/_ga-branding.scss */
  #ga-branding .wrapper {
    flex: 0 0;
    align-items: center !important;
  }
  /* line 23, user/themes/gasken/scss/poko/etc/_ga-branding.scss */
  #ga-branding .wrapper .subtext {
    text-align: center;
  }
}
/* line 28, user/themes/gasken/scss/poko/etc/_ga-branding.scss */
#ga-branding .site-logo {
  flex-shrink: 1;
  margin-right: var(--margin);
}
/* line 32, user/themes/gasken/scss/poko/etc/_ga-branding.scss */
#ga-branding .site-logo i.icon, #ga-branding .site-logo svg, #ga-branding .site-logo img {
  height: 100%;
}
/* line 38, user/themes/gasken/scss/poko/etc/_ga-branding.scss */
#ga-branding .site-logo i.icon {
  display: inline-flex;
  align-items: center;
}
/* line 44, user/themes/gasken/scss/poko/etc/_ga-branding.scss */
#ga-branding a {
  border: none;
  outline: none;
}
/* line 46, user/themes/gasken/scss/poko/etc/_ga-branding.scss */
#ga-branding .wrapper {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  font-weight: 300;
  line-height: 1.2;
}
/* line 56, user/themes/gasken/scss/poko/etc/_ga-branding.scss */
#ga-branding h1 {
  font-weight: 400;
  margin: 0 0 0.125rem 0;
  font-size: 1.5em;
}
/* line 61, user/themes/gasken/scss/poko/etc/_ga-branding.scss */
#ga-branding h1 small {
  display: block;
  font-size: 0.625rem;
  text-transform: uppercase;
}
/* line 68, user/themes/gasken/scss/poko/etc/_ga-branding.scss */
#ga-branding .subtext {
  font-size: 0.85em;
  margin: 0;
}
@keyframes paralax-v {
  /* line 2, user/themes/gasken/scss/poko/_animation.scss */
  0% {
    background-position: 50% 50%;
  }
  /* line 3, user/themes/gasken/scss/poko/_animation.scss */
  90% {
    background-position: 50% 25%;
  }
  /* line 4, user/themes/gasken/scss/poko/_animation.scss */
  100% {
    background-position: 50% 50%;
  }
}
@keyframes paralax-h {
  /* line 7, user/themes/gasken/scss/poko/_animation.scss */
  0% {
    background-position: 50% 50%;
  }
  /* line 8, user/themes/gasken/scss/poko/_animation.scss */
  15% {
    background-position: 49% 50%;
  }
  /* line 9, user/themes/gasken/scss/poko/_animation.scss */
  85% {
    background-position: 51% 50%;
  }
  /* line 10, user/themes/gasken/scss/poko/_animation.scss */
  100% {
    background-position: 50% 50%;
  }
}
@keyframes zoom {
  /* line 13, user/themes/gasken/scss/poko/_animation.scss */
  0% {
    background-size: 120%;
  }
  /* line 14, user/themes/gasken/scss/poko/_animation.scss */
  25% {
    background-size: 120%;
  }
  /* line 15, user/themes/gasken/scss/poko/_animation.scss */
  27% {
    background-size: 125%;
  }
  /* line 16, user/themes/gasken/scss/poko/_animation.scss */
  29% {
    background-size: 120%;
  }
  /* line 17, user/themes/gasken/scss/poko/_animation.scss */
  75% {
    background-size: 126%;
  }
  /* line 18, user/themes/gasken/scss/poko/_animation.scss */
  90% {
    background-size: 120%;
  }
  /* line 19, user/themes/gasken/scss/poko/_animation.scss */
  100% {
    background-size: 120%;
  }
}
@keyframes fade {
  /* line 22, user/themes/gasken/scss/poko/_animation.scss */
  0% {
    box-shadow: inset 0 0 0 3000px rgba(0, 0, 0, 0.6);
  }
  /* line 23, user/themes/gasken/scss/poko/_animation.scss */
  50% {
    box-shadow: inset 0 0 0 3000px rgba(0, 0, 0, 0);
  }
  /* line 24, user/themes/gasken/scss/poko/_animation.scss */
  100% {
    box-shadow: inset 0 0 0 3000px rgba(0, 0, 0, 0.6);
  }
}
@keyframes block-fade {
  /* line 27, user/themes/gasken/scss/poko/_animation.scss */
  0% {
    opacity: 0;
  }
  /* line 28, user/themes/gasken/scss/poko/_animation.scss */
  100% {
    opacity: 1;
  }
}
@keyframes block-slide-left {
  /* line 31, user/themes/gasken/scss/poko/_animation.scss */
  0% {
    transform: translateX(-100%);
  }
  /* line 32, user/themes/gasken/scss/poko/_animation.scss */
  100% {
    transform: translateX(0);
  }
}
@keyframes block-slide-right {
  /* line 35, user/themes/gasken/scss/poko/_animation.scss */
  0% {
    transform: translateX(100%);
  }
  /* line 36, user/themes/gasken/scss/poko/_animation.scss */
  100% {
    transform: translateX(0);
  }
}
@keyframes block-bounce {
  /* line 39, user/themes/gasken/scss/poko/_animation.scss */
  0% {
    transform: translateY(-20px);
  }
  /* line 40, user/themes/gasken/scss/poko/_animation.scss */
  50% {
    transform: translateY(2px);
  }
  /* line 41, user/themes/gasken/scss/poko/_animation.scss */
  60% {
    transform: translateY(-10px);
  }
  /* line 42, user/themes/gasken/scss/poko/_animation.scss */
  70% {
    transform: translateY(0px);
  }
  /* line 43, user/themes/gasken/scss/poko/_animation.scss */
  80% {
    transform: translateY(-5px);
  }
  /* line 44, user/themes/gasken/scss/poko/_animation.scss */
  85% {
    transform: translateY(0px);
  }
  /* line 45, user/themes/gasken/scss/poko/_animation.scss */
  90% {
    transform: translateY(-3px);
  }
  /* line 46, user/themes/gasken/scss/poko/_animation.scss */
  100% {
    transform: translateY(0);
  }
}
/* line 49, user/themes/gasken/scss/poko/_animation.scss */
.banim-fade {
  animation-name: block-fade;
  animation-duration: 1.5s;
}
/* line 53, user/themes/gasken/scss/poko/_animation.scss */
.banim-slide-l {
  animation-name: block-slide-left;
  animation-duration: 1.5s;
}
/* line 57, user/themes/gasken/scss/poko/_animation.scss */
.banim-bounce {
  animation-name: block-bounce;
  animation-duration: 1s;
}
/* line 61, user/themes/gasken/scss/poko/_animation.scss */
.banim-slide-r {
  animation-name: block-slide-right;
  animation-duration: 1.5s;
}
/* line 2, user/themes/gasken/scss/poko/_modular.scss */
.ga-small .modular-row, .ga-mobile .modular-row {
  padding: 2rem;
}
/* line 8, user/themes/gasken/scss/poko/_modular.scss */
.ga-small .modular-row .feature, .ga-mobile .modular-row .feature {
  flex: 1 1 50%;
  padding: 0.5rem;
}
/* line 14, user/themes/gasken/scss/poko/_modular.scss */
.ga-small .modular-row.horizontal .feature, .ga-mobile .modular-row.horizontal .feature {
  flex: 1 1 100%;
  width: 100%;
  padding: 1rem 2rem;
}
/* line 21, user/themes/gasken/scss/poko/_modular.scss */
.g-content .modular-row {
  margin: 0 -1rem;
}
/* line 25, user/themes/gasken/scss/poko/_modular.scss */
.modular-row {
  display: flex;
  overflow: hidden;
  min-height: 80vh;
  padding: calc(6 * var(--lead));
  text-align: center;
  background-size: cover;
  background-position: 50% 50%;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all 0.25s linear;
}
/* line 42, user/themes/gasken/scss/poko/_modular.scss */
.modular-row.center {
  text-align: center;
}
/* line 43, user/themes/gasken/scss/poko/_modular.scss */
.modular-row.align-left {
  text-align: left;
}
/* line 44, user/themes/gasken/scss/poko/_modular.scss */
.modular-row.align-right {
  text-align: right;
}
/* line 46, user/themes/gasken/scss/poko/_modular.scss */
.modular-row a:not(.button) {
  color: var(--w1);
  border-bottom: none;
}
/* line 49, user/themes/gasken/scss/poko/_modular.scss */
.modular-row a:not(.button):visited {
  color: var(--w1);
}
/* line 50, user/themes/gasken/scss/poko/_modular.scss */
.modular-row a:not(.button):hover {
  color: var(--w1);
}
/* line 51, user/themes/gasken/scss/poko/_modular.scss */
.modular-row a:not(.button):active {
  color: var(--w1);
}
/* line 54, user/themes/gasken/scss/poko/_modular.scss */
.modular-row h1 {
  font-weight: 300;
  font-size: 4rem;
  line-height: 1.5;
  margin: 0;
}
/* line 63, user/themes/gasken/scss/poko/_modular.scss */
.modular-row.features {
  background-color: var(--b0, rgba(0, 0, 0, 0.6));
  color: var(--w1);
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
/* line 76, user/themes/gasken/scss/poko/_modular.scss */
.modular-row.features .feature {
  width: 25%;
  line-height: 1.4;
  padding: 1rem;
}
/* line 80, user/themes/gasken/scss/poko/_modular.scss */
.modular-row.features .feature i.fa {
  font-size: 3rem;
  margin-bottom: 1rem;
}
/* line 81, user/themes/gasken/scss/poko/_modular.scss */
.modular-row.features .feature p {
  margin: 0;
}
/* line 82, user/themes/gasken/scss/poko/_modular.scss */
.modular-row.features .feature h4 {
  margin: 0 0 0.5rem 0;
}
/* line 86, user/themes/gasken/scss/poko/_modular.scss */
/* line 88, user/themes/gasken/scss/poko/_modular.scss */
.modular-row.features.horizontal .feature-items {
  display: flex;
}
/* line 92, user/themes/gasken/scss/poko/_modular.scss */
.modular-row.features.horizontal .feature {
  display: flex;
  justify-content: flex-start;
  text-align: left;
  width: 50%;
}
/* line 97, user/themes/gasken/scss/poko/_modular.scss */
.modular-row.features.horizontal .feature p {
  margin: 0;
}
/* line 98, user/themes/gasken/scss/poko/_modular.scss */
.modular-row.features.horizontal .feature h4 {
  margin: 0 0 0.5rem 0;
}
/* line 99, user/themes/gasken/scss/poko/_modular.scss */
.modular-row.features.horizontal .feature .icon-offset {
  margin-left: 1rem;
}
/* line 104, user/themes/gasken/scss/poko/_modular.scss */
.modular-row.features .feature-items {
  display: flex;
  flex-flow: wrap;
  justify-content: space-evenly;
}
/* line 114, user/themes/gasken/scss/poko/_modular.scss */
.modular-row.showcase {
  background-color: var(--b0, rgba(0, 0, 0, 0.6));
  color: var(--w1);
  background-position: 50% 40%;
  flex-direction: column;
  justify-content: space-around;
  background-size: 160%;
  animation-iteration-count: infinite;
}
/* line 126, user/themes/gasken/scss/poko/_modular.scss */
.modular-row.showcase a.button.primary {
  background: var(--primary);
}
/* line 129, user/themes/gasken/scss/poko/_modular.scss */
.modular-row.showcase .content {
  font-size: 2rem;
}
/* line 133, user/themes/gasken/scss/poko/_modular.scss */
.modular-row.callout {
  justify-content: space-evenly;
  align-items: center;
  font-weight: 300;
  font-size: 2rem;
  line-height: 1;
}
@keyframes carousel-paralax {
  /* line 2, user/themes/gasken/scss/poko/_carousel.scss */
  0% {
    background-position: 50% 50%;
  }
  /* line 3, user/themes/gasken/scss/poko/_carousel.scss */
  50% {
    background-position: 60% 52%;
  }
  /* line 4, user/themes/gasken/scss/poko/_carousel.scss */
  100% {
    background-position: 50% 50%;
  }
}
@keyframes img-dance {
  /* line 8, user/themes/gasken/scss/poko/_carousel.scss */
  0% {
    transform: translateX(0);
  }
  /* line 9, user/themes/gasken/scss/poko/_carousel.scss */
  50% {
    transform: translateX(5px);
  }
  /* line 10, user/themes/gasken/scss/poko/_carousel.scss */
  60% {
    transform: translateX(-5px);
  }
  /* line 11, user/themes/gasken/scss/poko/_carousel.scss */
  70% {
    transform: translateX(3px);
  }
  /* line 12, user/themes/gasken/scss/poko/_carousel.scss */
  80% {
    transform: translateX(-3px);
  }
  /* line 13, user/themes/gasken/scss/poko/_carousel.scss */
  100% {
    transform: translateX(0);
  }
}
@keyframes img-bounce {
  /* line 17, user/themes/gasken/scss/poko/_carousel.scss */
  0% {
    transform: translateY(0);
  }
  /* line 18, user/themes/gasken/scss/poko/_carousel.scss */
  30% {
    transform: translateY(-10px);
  }
  /* line 19, user/themes/gasken/scss/poko/_carousel.scss */
  50% {
    transform: translateY(10px);
  }
  /* line 20, user/themes/gasken/scss/poko/_carousel.scss */
  60% {
    transform: translateY(0px);
  }
  /* line 21, user/themes/gasken/scss/poko/_carousel.scss */
  70% {
    transform: translateY(5px);
  }
  /* line 22, user/themes/gasken/scss/poko/_carousel.scss */
  80% {
    transform: translateY(0px);
  }
  /* line 23, user/themes/gasken/scss/poko/_carousel.scss */
  90% {
    transform: translateY(3px);
  }
  /* line 24, user/themes/gasken/scss/poko/_carousel.scss */
  100% {
    transform: translateY(0);
  }
}
@keyframes img-spinbit {
  /* line 28, user/themes/gasken/scss/poko/_carousel.scss */
  0% {
    transform: rotate(0);
  }
  /* line 29, user/themes/gasken/scss/poko/_carousel.scss */
  40% {
    transform: rotate(0);
  }
  /* line 30, user/themes/gasken/scss/poko/_carousel.scss */
  50% {
    transform: rotate(1deg);
  }
  /* line 31, user/themes/gasken/scss/poko/_carousel.scss */
  60% {
    transform: rotate(-1deg);
  }
  /* line 32, user/themes/gasken/scss/poko/_carousel.scss */
  70% {
    transform: rotate(0);
  }
  /* line 33, user/themes/gasken/scss/poko/_carousel.scss */
  100% {
    transform: rotate(0);
  }
}
/* line 36, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel {
  overflow: hidden;
  z-index: 1;
  width: 100%;
  max-height: 100vh;
  height: 100vh;
  position: relative;
  margin: 0;
  box-sizing: border-box;
  background-color: var(--bg);
  color: var(--txt);
}
/* line 40, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel a:not(.button) {
  border-bottom: none !important;
}
/* line 55, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .carousel-item {
  display: flex;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-blend-mode: soft-light;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  transition: all 1.5s linear;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
}
/* line 71, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .carousel-item h2, .ga-carousel .carousel-item h1 {
  font-size: 1.1rem;
}
/* line 74, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .carousel-item.slide-show {
  left: 0px;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.8);
  background-position: 50% 50%;
  transition: all 1s;
  animation: 20s ease-in 1s infinite carousel;
  visibility: visible;
}
/* line 84, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .carousel-item.slide-hide {
  left: 100%;
  opacity: 0.5;
  background-color: rgba(0, 0, 0, 0.4);
  background-position: 0% 50%;
  visibility: hidden;
}
/* line 92, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .carousel-item.slide-after {
  left: -100%;
  opacity: 0.5;
  background-color: rgba(0, 0, 0, 0.4);
  background-position: 100% 50%;
  visibility: hidden;
}
/* line 100, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .carousel-item .content {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 6rem;
  z-index: 90;
  color: #fff;
  fon-size: 2em;
}
/* line 109, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .carousel-item .content h1, .ga-carousel .carousel-item .content h2, .ga-carousel .carousel-item .content h3, .ga-carousel .carousel-item .content h4, .ga-carousel .carousel-item .content h5, .ga-carousel .carousel-item .content h6 {
  color: #fff;
}
/* line 113, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .carousel-item .content img {
  max-height: 75%;
}
/* line 116, user/themes/gasken/scss/poko/_carousel.scss */
/* line 118, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .carousel-item.frames .content {
  flex-flow: row;
  margin: 2rem 6rem !important;
  width: 100%;
  justify-content: space-evenly;
}
/* line 126, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .carousel-item.frames .inside {
  display: block;
  text-align: left;
  width: 50%;
  margin: 1rem;
}
/* line 133, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .carousel-item.frames .image {
  max-width: 50%;
  text-align: center;
}
/* line 137, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .carousel-item.frames .image img {
  width: 70%;
}
/* line 143, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .carousel-item.frames.slide-show {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.067);
}
/* line 149, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .carousel-item.frames.slide-hide {
  left: 100%;
  opacity: 0;
}
/* line 154, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .carousel-item.frames.slide-after {
  opacity: 0;
}
/* line 161, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .carousel-ctl {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60vh;
  display: flex;
  align-items: center;
  z-index: 88;
}
/* line 172, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .carousel-ctl .prev, .ga-carousel .carousel-ctl .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 1rem;
  transition: 0.6s ease;
  user-select: none;
}
/* line 187, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .carousel-ctl .prev {
  left: 0;
  border-radius: 0 0.2rem 0.2rem 0;
}
/* line 188, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .carousel-ctl .next {
  right: 0;
  border-radius: 0.2rem 0 0 0.2rem;
}
/* line 190, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .carousel-ctl .prev:hover, .ga-carousel .carousel-ctl .next:hover {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
/* line 199, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .carousel-dot {
  text-align: center;
  bottom: 0;
  position: absolute;
  width: 100%;
  height: 2rem;
  z-index: 89;
}
/* line 207, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .carousel-dot .dot {
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  display: inline-block;
  margin: 0.15rem;
}
/* line 216, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .carousel-dot .active, .ga-carousel .carousel-dot .dot:hover {
  background-color: #fff;
}
/* line 221, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .carousel-button {
  margin: 2rem 0;
}
/* line 225, user/themes/gasken/scss/poko/_carousel.scss */
/* line 227, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .slide-show .img-bounce img {
  animation: 2s linear 1s 1 img-bounce;
}
/* line 228, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .slide-show .img-spinbit img {
  animation: 2s linear 1s 1 img-spinbit;
}
/* line 229, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .slide-show .img-dance img {
  animation: 2s linear 1s 1 img-dance;
}
/* line 230, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel .slide-show .photo img {
  padding: 0.5rem;
  background: #fff;
  box-shadow: 1px 2px 4px var(--shade);
}
/* line 238, user/themes/gasken/scss/poko/_carousel.scss */
/* line 240, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel h1, .ga-showcase h1, .ga-carousel h2, .ga-showcase h2, .ga-carousel h3, .ga-showcase h3, .ga-carousel h4, .ga-showcase h4, .ga-carousel h5, .ga-showcase h5, .ga-carousel h6, .ga-showcase h6, .ga-carousel p, .ga-showcase p {
  margin: 0;
}
/* line 241, user/themes/gasken/scss/poko/_carousel.scss */
.ga-carousel p, .ga-showcase p {
  margin-top: 0.5rem;
}
/* line 246, user/themes/gasken/scss/poko/_carousel.scss */
/* line 248, user/themes/gasken/scss/poko/_carousel.scss */
/* line 249, user/themes/gasken/scss/poko/_carousel.scss */
.g-block.align-right .carousel-item.frames .content {
  flex-flow: row-reverse;
}
/* line 250, user/themes/gasken/scss/poko/_carousel.scss */
.g-block.align-right .carousel-item.frames .inside {
  text-align: right;
}
/* line 255, user/themes/gasken/scss/poko/_carousel.scss */
/* line 256, user/themes/gasken/scss/poko/_carousel.scss */
/* line 257, user/themes/gasken/scss/poko/_carousel.scss */
.g-block.center .carousel-item.frames .inside {
  text-align: center;
}
/* line 4, user/themes/gasken/scss/poko/etc/_toggle-block.scss */
/* line 6, user/themes/gasken/scss/poko/etc/_toggle-block.scss */
.toggle .toggle-label {
  background-color: var(--d1);
  padding: 1em;
  cursor: pointer;
  display: block;
  margin: 0;
  font-weight: 700;
  border-top: 1px solid var(--hilite);
  border-bottom: 1px solid var(--shade);
  box-shadow: inset 0 1px 3px 1px rgba(255, 255, 255, 0.4);
}
/* line 17, user/themes/gasken/scss/poko/etc/_toggle-block.scss */
.toggle .toggle-label:after {
  color: var(--secondary);
  content: "+";
  float: right;
  font-weight: bold;
}
/* line 25, user/themes/gasken/scss/poko/etc/_toggle-block.scss */
.toggle .toggle-content {
  padding: 1em;
  border: 1px solid rgba(0, 0, 0, 0.133);
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}
/* line 32, user/themes/gasken/scss/poko/etc/_toggle-block.scss */
.toggle .toggle-input {
  display: none;
}
/* line 35, user/themes/gasken/scss/poko/etc/_toggle-block.scss */
.toggle .toggle-input:not(checked) ~ .toggle-content {
  display: none;
}
/* line 39, user/themes/gasken/scss/poko/etc/_toggle-block.scss */
/* line 40, user/themes/gasken/scss/poko/etc/_toggle-block.scss */
.toggle .toggle-input:checked ~ .toggle-content {
  display: block;
}
/* line 44, user/themes/gasken/scss/poko/etc/_toggle-block.scss */
.toggle .toggle-input:checked ~ .toggle-label {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
/* line 47, user/themes/gasken/scss/poko/etc/_toggle-block.scss */
.toggle .toggle-input:checked ~ .toggle-label:after {
  content: "-";
}
/* line 53, user/themes/gasken/scss/poko/etc/_toggle-block.scss */
/* line 54, user/themes/gasken/scss/poko/etc/_toggle-block.scss */
/* line 55, user/themes/gasken/scss/poko/etc/_toggle-block.scss */
.toggle-group .toggle:first-child .toggle-label {
  border-top-left-radius: 0.25em;
  border-top-right-radius: 0.25em;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
/* line 63, user/themes/gasken/scss/poko/etc/_toggle-block.scss */
/* line 64, user/themes/gasken/scss/poko/etc/_toggle-block.scss */
.toggle-group .toggle:last-child .toggle-label {
  border-bottom-left-radius: 0.25em;
  border-bottom-right-radius: 0.25em;
}
/* line 3, user/themes/gasken/scss/poko/etc/_tool-tips.scss */
[data-tooltip] {
  position: relative;
  cursor: pointer;
  border-bottom: 1px dotted var(--txt-2);
}
/* line 9, user/themes/gasken/scss/poko/etc/_tool-tips.scss */
[data-tooltip]:before, [data-tooltip]:after {
  line-height: 1;
  font-size: 0.8em;
  pointer-events: none;
  position: absolute;
  box-sizing: border-box;
  display: none;
  opacity: 0;
}
/* line 19, user/themes/gasken/scss/poko/etc/_tool-tips.scss */
[data-tooltip]:before {
  content: "";
  border: 5px solid transparent;
  z-index: 100;
}
/* line 24, user/themes/gasken/scss/poko/etc/_tool-tips.scss */
[data-tooltip]:after {
  content: attr(data-tooltip);
  text-align: center;
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1em 1em;
  border-radius: 3px;
  background-color: var(--black);
  color: var(--w1);
  z-index: 99;
}
/* line 38, user/themes/gasken/scss/poko/etc/_tool-tips.scss */
[data-tooltip]:hover:before, [data-tooltip]:hover:after {
  display: block;
  opacity: 1;
}
/* line 43, user/themes/gasken/scss/poko/etc/_tool-tips.scss */
[data-tooltip]:not([data-flow])::before, [data-tooltip][data-flow="top"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: var(--black);
}
/* line 49, user/themes/gasken/scss/poko/etc/_tool-tips.scss */
[data-tooltip]:not([data-flow])::after, [data-tooltip][data-flow="top"]::after {
  bottom: calc(100% + 5px);
}
/* line 53, user/themes/gasken/scss/poko/etc/_tool-tips.scss */
[data-tooltip]:not([data-flow])::before, [tooltip]:not([data-flow])::after, [data-tooltip][data-flow="top"]::before, [data-tooltip][data-flow="top"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, -4px);
  transform: translate(-50%, -4px);
}
/* line 60, user/themes/gasken/scss/poko/etc/_tool-tips.scss */
[data-tooltip][data-flow="bottom"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: var(--black);
}
/* line 65, user/themes/gasken/scss/poko/etc/_tool-tips.scss */
[data-tooltip][data-flow="bottom"]::after {
  top: calc(100% + 5px);
}
/* line 68, user/themes/gasken/scss/poko/etc/_tool-tips.scss */
[data-tooltip][data-flow="bottom"]::before, [data-tooltip][data-flow="bottom"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, 8px);
  transform: translate(-50%, 8px);
}
/* line 73, user/themes/gasken/scss/poko/etc/_tool-tips.scss */
[data-tooltip][data-flow="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: var(--black);
  left: calc(0em - 5px);
  -webkit-transform: translate(-8px, -50%);
  transform: translate(-8px, -50%);
}
/* line 81, user/themes/gasken/scss/poko/etc/_tool-tips.scss */
[data-tooltip][data-flow="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  -webkit-transform: translate(-8px, -50%);
  transform: translate(-8px, -50%);
}
/* line 87, user/themes/gasken/scss/poko/etc/_tool-tips.scss */
[data-tooltip][data-flow="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: var(--black);
  right: calc(0em - 5px);
  -webkit-transform: translate(8px, -50%);
  transform: translate(8px, -50%);
}
/* line 95, user/themes/gasken/scss/poko/etc/_tool-tips.scss */
[data-tooltip][data-flow="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  -webkit-transform: translate(8px, -50%);
  transform: translate(8px, -50%);
}
/* line 101, user/themes/gasken/scss/poko/etc/_tool-tips.scss */
[data-tooltip=""]::after, [data-tooltip=""]::before {
  display: none !important;
}
/* line 3, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
/* line 5, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
/* line 6, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
/* line 7, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
html:not(.ga-small):not(.ga-mobile) .g-grid.f-flush .g-block:first-child {
  margin-left: -1rem;
}
/* line 8, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
html:not(.ga-small):not(.ga-mobile) .g-grid.f-flush .g-block:last-child {
  margin-right: -1rem;
}
/* line 14, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
/* line 16, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
/* line 20, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
/* line 21, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
.g-block.f-nomargin .g-content {
  margin: calc(-1 * var(--margin));
}
/* line 26, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
/* line 27, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
.g-block.f-nopadding .g-content {
  padding: 0;
}
/* line 33, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
/* line 34, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
.g-block.f-flush .g-content {
  margin: calc(-1 * (calc(var(--margin) + var(--padding))));
  padding: 0;
}
/* line 43, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
.g-flushed .f-flush .g-block:first-child {
  margin-left: 0;
}
/* line 44, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
.g-flushed .f-flush .g-block:last-child {
  margin-right: 0;
}
/* line 47, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
.f-table {
  display: flex;
  flex-flow: wrap;
  justify-content: space-evenly;
}
/* line 53, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
.f-table span {
  width: 10%;
  display: inline-flex;
  flex-flow: column;
  justify-content: center;
  font-size: 0.8rem;
  text-align: center;
  margin: 1rem;
}
/* line 63, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
.f-table i.fa {
  display: block;
  font-size: 3rem;
}
/* line 65, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
.f-small-font {
  font-size: 0.85em;
}
/* line 68, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
.f-content {
  display: flex;
  align-items: center;
  padding: 1rem;
  justify-content: space-evenly;
  height: 100%;
  width: 100%;
  margin: 0;
}
/* line 78, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
.f-table .g-block {
  display: flex;
  align-items: center;
  height: 100%;
}
/* line 84, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
.f-table f.content {
  text-align: center;
}
/* line 89, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
.f-padding {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
/* line 94, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
[class*='f-margin'] {
  --fmargin: 1rem;
  margin-bottom: var(--fmargin) !important;
}
/* line 100, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
.f-margin-1 {
  --fmargin: 1rem;
}
/* line 101, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
.f-margin-2 {
  --fmargin: 2rem;
}
/* line 102, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
.f-margin-3 {
  --fmargin: 3rem;
}
/* line 105, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
.f-table-d {
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
}
/* line 111, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
.f-table-d div {
  flex: 1 1 15%;
  text-align: center;
  max-width: 15%;
  margin: 0 1rem 1rem 0;
}
/* line 118, user/themes/gasken/scss/poko/etc/_f-utilities.scss */
.f-table-d input {
  font-size: 0.85rem;
  margin: 0 1rem;
  width: calc(100% - 2rem);
}
/* line 1, user/themes/gasken/scss/poko/etc/_etc.scss */
.emoji {
  line-height: 1.1;
}
/* line 5, user/themes/gasken/scss/poko/etc/_etc.scss */
.emoji big {
  font-size: 3rem;
}
/* line 6, user/themes/gasken/scss/poko/etc/_etc.scss */
.emoji code {
  displau: inline-block;
  margin: 1rem 0 0 0;
}
/* line 1, user/themes/gasken/scss/poko/_print.scss */
.print-only {
  display: none;
}
/* line 5, user/themes/gasken/scss/poko/_print.scss */
@media print {
  /* line 6, user/themes/gasken/scss/poko/_print.scss */
  .modularrow, side, main, header, footer {
    background-color: #fff !important;
    background-image: none;
    color: #000 !important;
    border: 1px solid #999 !important;
  }
}
/* line 14, user/themes/gasken/scss/poko/_print.scss */
@media print {
  /* line 18, user/themes/gasken/scss/poko/_print.scss */
  .display-only, #g-navigation, #g-offcanvas {
    display: none;
  }
  /* line 19, user/themes/gasken/scss/poko/_print.scss */
  .print-only {
    display: block;
  }
}
/*# sourceMappingURL=theme.css.map */