@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/roboto-condensed-v30-latin-600.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/roboto-condensed-v30-latin-700.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 600;
  src: url('/fonts/roboto-condensed-v30-latin-600italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/raleway-v36-latin-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/raleway-v36-latin-italic.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/raleway-v36-latin-700.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts/raleway-v36-latin-700italic.woff2') format('woff2');
}


*, *::before, *::after {
  box-sizing:border-box;
}
html {
  -moz-text-size-adjust:none;
  -webkit-text-size-adjust:none;
  text-size-adjust:none;
  --col-bg:#ffffff;
  --col-nav:#ffb400;
  --col-nav2:#ffb400;
  --col-nav2-home:#FF8000;
  --col-title:#FF8000;
  --col-btn-off:#ffb400;
  --col-btn-on:#0675bb;
  --col-box-bg:#ffb400;
  --col-foot:#0675bb;
  --col-foot2:#0a4da2;
  --col-foot-ymal:#0675bb;
  --col-foot-ymal-wide:#0675bb;
  --col-foot-blog:#0564a0;
  --col-foot-blog-wide:#0675bb;
  --col-foot-va:#ffb400;
  --col-try:#ffb400;
  --col-prod-age-bar:#FFFFFF;
}
html, body {
  margin:0;
  padding:0;
}
body {
  font-family:'Raleway';
  font-style:normal;
  font-weight:400;
  font-size:16px;
  min-height:100vh;
  line-height:1.5;
}
body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin-block-end:0;
}
ul[role='list'], ol[role='list'] {
  list-style:none;
}
h1, h2, h3, h4, button, input, label {
  line-height:1.1;
}
h1, h2, h3, h4 {
  text-wrap:balance;
}
img, picture {
  max-width:100%;
  display:block;
}
input, button, textarea, select {
  font-family:inherit;
  font-size:inherit;
}
option {
  font-family:'Raleway', sans-serif;
}
:target {
  scroll-margin-block:5ex;
}

h1, h2, h3, h4 {
  font-family:'Roboto Condensed';
  font-style:normal;
  font-weight:700;
}

a {
  text-decoration:underline;
  color:inherit;
}
.footer a {
  text-decoration:underline;
}

.logoCol {
  display:flex;
  flex-direction: column;
  align-items: center;
  gap:1vw;
}
.funAndGames {
  display:none;
  width:0.1vw;
  aspect-ratio:721 / 72;
}
.navBarTop {
  display:flex;
  justify-content:space-between;
  align-items:center;
  position:relative;
  padding:15px;
}
.navbarHome .navBarTop {
  padding:15px;
}
.navbar {
  line-height:1.1;
  color:#000;
  font-family:'Roboto Condensed';
  font-style:normal;
  font-weight:700;
  background-color:var(--col-nav);
}
.navBar > nav {
  width:11.2vw;
}
.closeIcon {
  border-radius:50%;
  background-color:var(--col-nav);
  color:#000;
  width:25px;
  height:25px;
  margin-left:7px;
  display:inline-block;
  padding-top:4px;
  text-align:center;
}
.mFunGames {
  background-color:#fff;
  color:#000;
  padding:20px;
  font-family:'Roboto Condensed';
  font-style:normal;
  font-weight:700;
  font-size:calc( min( 12px + 4vw, 48px ));
  text-align:center;
}
.menuIcon {
  width:8.3vw;
  aspect-ratio:1 / 1;
  display:inline-block;
  vertical-align:middle;
  margin-right:6px;
}

#navMenuWide .navLine {
  pointer-events:none;
  margin-top:-12px;
  margin-bottom:12px;
  height:5px;
  border-radius:4px;
  background-color:#000000a0;
  width:0%;
  transition: width 800ms cubic-bezier(0.82, 0.01, 0.41, 1.35);
}

#navMenuWide a:hover~.navLine {
  width:100%;
}

#navChk:not(:checked)~#navMenuDrop, #navChk:not(:checked)~label #navX, #navChk, #navMenuWide {
  display: none;
}
#navChk:checked~label #navBurger {
  display: none;
}
#navChk:checked~label #navX {
  display:block;
  position:absolute;
  top:0;
  left:15px;
  z-index:2;
  padding:10px 5px 5px 200px;
}
#navMenuDrop, #navMenuWide {
  list-style-type:none;
  padding:0;
  margin:0;
  font-size:21px;
  -webkit-user-select: none;
  user-select: none;
}
#navMenuDrop {
  position:absolute;
  background-color:#fff;
  z-index:1;
  top:0;
  padding:40px 5px 5px 5px;
  width:283px;
  filter: drop-shadow(3px 3px 5px #00000030);
}
#navX, #navBurger {
  cursor:pointer;
}


#navMenuDrop a, #navMenuWide a {
  text-decoration:none;
  display:block;
  color:#000;
}
#navMenuDrop a {
  border:1px solid transparent;
  padding:2px 10px;
}
#navMenuWide a {
  padding:25px 10px 20px 10px;
}
#navMenuDrop a:hover {
  border:1px solid #ff800060;
}

.barCol1 {
  width:11.2vw;
  align-self:start;
}
.talkCol {
  align-self:start;
}
.box {
  display:none;
  width:16vw;
  aspect-ratio:414 / 414;
}
.boxFilter {
  width:37vw;
  aspect-ratio:414 / 414;
}

@media (min-width:600px) {
  .barCol1 {
    width:7.9vw;
  }
  .boxFilter {
    width:18vw;
  }
}
@media (min-width:801px) {
  .navBarTop {
    padding:15px 15px 0 15px;
  }
  .talkCol {
    align-self:center;
  }
  .navbarHome .talkCol {
    align-self:start;
  }
  .menuIcon {
    width:0;
    display:none;
  }
  .box {
    width:16vw;
    display:block;
  }
  #navChk~label, #navMenuDrop {
    display:none;
  }
  .mFunGames {
    display:none;
  }
  #navMenuWide {
    display:flex;
    justify-content:space-between;
    padding:0 20px;
  }
  .navMenuCol {
    background-color:var(--col-nav2);
  }
  .navbarHome .navMenuCol {
    background-color:var(--col-nav2-home);
  }
  .navbar {
    padding-bottom:0px;
  }
  .barCol1 {
    width:109px;
  }
  .funAndGames {
    display:block;
    width:26.3vw;
  }
}
@media (min-width:1370px) {
  .box {
    width:219px;
  }
  .boxFilter {
    width:247px;
  }
}

.mainTitle {
  background-color:var(--col-title);
  color:#000;
  padding:20px;
  margin:0;
  font-size:calc( min( 12px + 4vw, 48px ));
  text-align:center;
}
.subTitle {
  background-color:#fff;
  color:#000;
  padding:20px;
  margin:0;
  font-size:calc( min( 12px + 1vw, 24px ));
  text-align:center;
}


.gallery_galhome {
  --gallery_galhome-width: 80vw;
  --gallery_galhome-height: 80vw;
  margin:0 10vw;
  overflow: hidden;
  background-color:#fff;
  padding: 30px 0 30px 0;
}
.gallery_galhome_box .arrowl, .gallery_galhome_box .arrowr {
  display:none;
}
@media (min-width:600px) {
  .gallery_galhome_box .arrowl, .gallery_galhome_box .arrowr {
    display:block;
  }
  .gallery_galhome .dots {
    display:none;
  }
  .gallery_galhome {
    --gallery_galhome-width: 19.5vw;
    --gallery_galhome-height: 19.5vw;
    --gallery_galhome-view-width: 90vw;
    --gallery_galhome-view-height: 19.5vw;
    --gallery_galhome-pad: 4vw;
    margin:0;
    padding: 50px 0 50px 0;
  }
}
@media (min-width:1370px) {
  .gallery_galhome {
    --gallery_galhome-width: 267px;
    --gallery_galhome-height: 267px;
    --gallery_galhome-view-width: 1233px;
    --gallery_galhome-view-height: 267px;
    --gallery_galhome-pad: 55px;
    padding: 50px 0 50px 0;
  }
}
.whiteBar {
  background-color:#fff;
}

.logo, .logoS {
  width:17.2vw;
  aspect-ratio:206 / 134;
  margin-left:3vw;
}
.talkToUs {
  width:14.2vw;
  aspect-ratio:134 / 93;
}

@media (min-width:600px) {
  .logo {
    width:24.5vw;
    margin-left:0;
  }
  .logoS {
    width:11.2vw;
    margin-left:0;
  }
  .talkToUs {
    width:7.9vw;
  }
}

@media (min-width:1370px) {
  .logo {
    width:336px;
  }
  .logoS {
    width:154px;
  }
  .talkToUs {
    width:109px;
  }
  .funAndGames {
    width:361px;
  }
  html {
    background-color:var(--col-bg);
  }
  .contentBody {
    width:1370px;
    margin:0 auto;
  }
}

.homeHero {
  width:100vw;
  aspect-ratio:2740 / 1482;
}

.buttons {
  display:flex;
  flex-wrap:wrap;
  margin:20px 0;
  gap:20px;
  justify-content:space-evenly;
}
@media (min-width:660px) {
  .buttons {
    justify-content:start;
  }
}
@media (min-width:960px) {
  .buttons {
    justify-content:space-between;
  }
}
.buttons button {
  border: 0;
  padding:0;
  margin:0;
  background-color: transparent;
  cursor: pointer;
}

.buttons text {
  font-family:'Roboto Condensed';
  font-style:normal;
  font-weight:700;
  line-height:1.1;
  font-size:16px;
  white-space:pre-wrap;
  text-transform:uppercase;
}
.buttons polygon {
  fill:var(--col-btn-off);
  stroke-width:0;
}
.buttons button.selected polygon {
  fill:var(--col-btn-on);
}
.buttons button.selected text {
  fill:#fff;
}
.contentBox {
  padding:10px 3vw;
  background-color:#fff;
}
.boxes {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  min-height:calc( min( 16vw + 40px, 259px ) );
  background-color:var(--col-box-bg);
  padding-top:10px;
  padding-bottom:10px;
}
.boxlink {
  display:block;
  padding:10px;
  margin:10px;
  background-color:#fff;
  border-radius:10px;
}
.boxlink.hide {
  padding:0;
  margin:0;
}
.boxlink.hide .boxFilter {
  width:0;
}

.titleBarColor {
  background-color:var(--col-title);
  color:#000;
}

.cone {
  margin:0 5px -5px 0;
}
.footerTop {
  display:flex;
  flex-direction:column;
  background-color:var(--col-foot);
  color:#fff;
  padding:50px;
  font-family:'Roboto Condensed';
  font-style:normal;
  font-weight:600;
}
.footerBottomCol {
  background-color:var(--col-foot2);
  color:#f2fbfe;
}
.footerBottom {
  padding:50px;
  font-size:12px;
}
.footerBottom div {
  padding-bottom:20px;
}
.footerBottom div:last-child {
  padding-bottom:0px;
}
.footerBottom a {
  color:#f2fbfe;
  text-decoration:none;
  font-size:12px;
}
.footerTopCol2 {
  flex-grow:1;
  display:flex;
  margin-top:40px;
}
.homeReadTheBlog, .homeFindUsOn {
  text-indent: -25px;
  margin-left: 25px;
}

@media (min-width:600px) {
  .boxes {
    background-color:#fff;
  }
  .footerTopCol1 {
    padding-right:40px;
  }
  .footerTopCol2 {
    margin-top:0;
  }
}
.social {
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  margin-top:40px;
}
.instagram {
  width:12.3vw;
  aspect-ratio:147 / 147;
}
.twitter {
  width:11.4vw;
  aspect-ratio:137 / 141;
}
.bluesky {
  width:10.9vw;
  aspect-ratio:131 / 115;
}
.facebook {
  width:11.6vw;
  aspect-ratio:139 / 139;
}
.featuredBlog .blogPic {
  width:100%;
  aspect-ratio:450 / 308;
}
.featuredBlog {
  background-color:#fff;
  text-decoration:none;
  color:#000;
  padding:20px;
  display:flex;
  flex-direction:column;
  gap:20px;
  margin:40px 0 0 0;
}
.featuredBlog img {
  flex:0 0 30%;
  align-self: flex-start;
}
.featuredBlog div {
  flex:1 1 auto;
}
@media (max-width:600px) {
  .notNarrow {
    display:none;
  }
}

@media (min-width:600px) {
  .notWide {
    display:none;
  }
  .footerTop {
    flex-direction:row;
  }
  .footerTopCol2 {
    justify-content:center;
  }
  .social {
    width:14vw;
  }
  .instagram {
    width:5.4vw;
  }
  .twitter {
    width:5vw;
  }
  .bluesky {
    width:4.8vw;
  }
  .facebook {
    width:5.1vw;
  }
  .featuredBlog {
    max-width:calc(50vw - 20px);
    flex-direction:row;
  }
  .featuredBlog .blogPic {
    width:16.4vw;
  }
  .featuredBlog div {
    flex:1 1 66%;
  }
  .homeHero {
    width:100vw;
  }
}
@media (min-width:1370px) {
  .social {
    width:192px;;
  }
  .instagram {
    width:74px;
  }
  .twitter {
    width:69px;
  }
  .bluesky {
    width:66px;
  }
  .facebook {
    width:70px;
  }
  .featuredBlog {
    max-width:665px;
  }
  .featuredBlog .blogPic {
    width:225px;
  }
  .homeHero {
    width:1370px;
  }
}

.footerYMAL {
  position:relative;
  background-color:var(--col-foot-ymal);
  color:#fff;
  padding:45px 45px 90px 45px;
  flex:1;
}
.footerBlog {
  background-color:var(--col-foot-blog);
  color:#fff;
  padding:45px;
  flex:1;
}
.footerBars {
  display:flex;
  flex-direction:column;
  color:#000;
  font-family:'Roboto Condensed';
  font-style:normal;
  font-weight:600;
}
.footerBar1Color {
  background-color:var(--col-foot-ymal);
  color:#fff;
}
.footerYMALwhite {
  background-color:#fff;
  padding:15px;
  margin:20px 0 0 0;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
}
.footerYMALBox {
  width:25vw;
}
.footerViewAll {
  position:absolute;
  right:5px;
  margin-top:-30px;
  display:flex;
  justify-content:space-around;
  align-items:center;
  font-family:'Roboto Condensed';
  font-style:normal;
  font-weight:700;
  line-height:0.9;
  letter-spacing:-1px;
  font-size:20px;
  width:4em;
  height:4em;
  background-color:var(--col-foot-va);
  color:#000;
  border-radius:50%;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  transform:rotate(-10deg);
  transition:all ease-in-out 300ms;
  animation:wiggle 800ms linear 1;
  animation-delay:300ms;
}
.footerViewAll:hover {
  transform:scale(1.1);
  filter:drop-shadow(0 0 3px #00000080);
}
.footerBlogRow {
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  margin:20px 0 0 0;
  background-color:#fff;
  padding:10px;
}
.footerBlogLink {
  display:flex;
  flex-direction:column;
  gap:10px;
  width:calc( 33vw - 40px );
  text-decoration:none;
  color:#000;
  font-size:14px;
}
@media (min-width:600px) {
  .footerYMALwhite {
    padding:30px;
  }
  .footerYMAL {
    background-color:var(--col-foot-ymal-wide);
    color:#fff;
  }
  .footerBars {
    flex-direction:row;
  }
  .footerYMALBox {
    width:13vw;
  }
  .footerBlogLink {
    width:calc(16vw - 40px);
  }
  .footerBlogRow {
    min-height:calc( 13vw + 60px );
  }
  .footerBlog {
    background-color:var(--col-foot-blog-wide);
    color:#fff;
  }
}
@media (min-width:1370px) {
  .footerYMALBox {
    width:178px;
  }
  .footerBlogLink {
    width:178px;
  }
  .footerBlogRow {
    min-height:238px;
  }
}

.facebookIcon {
  display:inline-block;
  width:24px;
  height:24px;
  background-image: url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978.401 0 .955.042 1.468.103a8.68 8.68 0 0 1 1.141.195v3.325a8.623 8.623 0 0 0-.653-.036 26.805 26.805 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.686 1.686 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647Z'/%3E%3C/svg%3E");
}

.emailIcon {
  display:inline-block;
  width:24px;
  height:24px;
  background-image: url("data:image/svg+xml,%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7'/%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3C/svg%3E");
}

.xIcon {
  display:inline-block;
  width:24px;
  height:24px;
  background-image: url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z'/%3E%3C/svg%3E");
}

.blueskyIcon {
  display:inline-block;
  width:24px;
  height:24px;
  background-image: url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364.136-.02.275-.039.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.953 3.195 2.05 9.271 7.733 4.308 4.267-4.308 1.172-6.498-2.74-7.078a8.741 8.741 0 0 1-.415-.056c.14.017.279.036.415.056 2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8Z'/%3E%3C/svg%3E");
}

.instaIcon {
  display:inline-block;
  width:24px;
  height:24px;
  background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' viewBox='5 5 22 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.445 5h-8.891A6.559 6.559 0 0 0 5 11.554v8.891A6.559 6.559 0 0 0 11.554 27h8.891a6.56 6.56 0 0 0 6.554-6.555v-8.891A6.557 6.557 0 0 0 20.445 5zm4.342 15.445a4.343 4.343 0 0 1-4.342 4.342h-8.891a4.341 4.341 0 0 1-4.341-4.342v-8.891a4.34 4.34 0 0 1 4.341-4.341h8.891a4.342 4.342 0 0 1 4.341 4.341l.001 8.891z'/%3E%3Cpath d='M16 10.312c-3.138 0-5.688 2.551-5.688 5.688s2.551 5.688 5.688 5.688 5.688-2.551 5.688-5.688-2.55-5.688-5.688-5.688zm0 9.163a3.475 3.475 0 1 1-.001-6.95 3.475 3.475 0 0 1 .001 6.95zM21.7 8.991a1.363 1.363 0 1 1-1.364 1.364c0-.752.51-1.364 1.364-1.364z'/%3E%3C/svg%3E");
}

.blogContent {
  padding:15px;
  background-color:#fff;
}
.blogInner {
  max-width:847px;
  margin:0 auto;
}
.blogMainPic {
  width:100%;
  aspect-ratio:450 / 308;
}
.blogPicCaption {
  font-style: italic;
  text-align:right;
  padding:5px 0 5px 5px;
  font-size:12px;
}
.blogDate {
  text-align:right;
  font-size:24px;
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
}
.blogBody {
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:30px;
  width:100%;
}
.blogBody iframe {
  max-width:100%;
}
.blogSide {
  max-width:270px;
  flex-shrink:0;
  flex-grow:0 0;
}
.blogSide img {
  margin-top:20px;
}
.blogSide img:first-child {
  margin-top:0;
}
.blogContent h1 {
  font-size:24px;
  margin:1em 0;
}
.blogText p:first-child {
  margin-top:0;
}
.blogPrevNext {
  display:flex;
  flex-direction:row;
  justify-content:space-between;
}
.blogTags{
  margin:1.5em 0;
}
.blogSocial {
  display:flex;
  flex-direction:row;
  gap:10px;
}
@media (min-width:750px) {
  .blogBody {
    flex-direction:row;
    align-items:normal;
  }
}

@view-transition {
  navigation: auto;
}
::view-transition-group(*) {
  animation-duration: 0.3s;
}

@keyframes wiggle {
  0% {
    transform: scale(0.1) rotate(-10deg);
  }
  50% {
    transform: scale(1.3) rotate(-10deg);
  }
  60% {
    transform: scale(1) rotate(-10deg);
  }
  70% {
    transform: scale(1.2) rotate(-10deg);
  }
  80% {
    transform: scale(1) rotate(-10deg);
  }
  90% {
    transform: rotateZ(1.1) rotate(-10deg);
  }
  100% {
    transform: scale(1) rotate(-10deg);
  }
}