/* See: tailwind/components/footer-plugin.tailwind.js */
.yubicool-footer {
margin-left: auto;
margin-right: auto;
min-width: 100%;
max-width: 100%;
overflow: hidden;
--tw-bg-opacity: 1;
background-color: rgb(249 249 249 / var(--tw-bg-opacity));
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 768px) {
.yubicool-footer {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media (min-width: 320px) {
.yubicool-footer {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (min-width: 768px) {
.yubicool-footer {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (min-width: 1024px) {
.yubicool-footer {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (min-width: 1440px) {
.yubicool-footer {
padding-left: 10rem;
padding-right: 10rem;
}
}
}
.yubicool-footer-row.yubicool-footer-row-type-upper .yubicool-footer-column {
padding: 0;
}
.yubicool-footer-row.yubicool-footer-row-type-upper > div {
margin-bottom: 2rem;
display: flex;
min-height: 5rem;
flex-direction: column;
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
--tw-border-opacity: 1;
border-bottom-color: rgb(217 217 217 / var(--tw-border-opacity));
padding-bottom: 2rem;
}
@media (min-width: 1024px) {
.yubicool-footer-row.yubicool-footer-row-type-upper > div {
flex-direction: row;
align-items: flex-end;
justify-content: flex-start;
}
}
.yubicool-footer-row.yubicool-footer-row-type-upper > div .yubicool-logo {
max-width: 7rem;
}
@media (min-width: 1024px) {
.yubicool-footer-row.yubicool-footer-row-type-upper > div .yubicool-logo {
max-width: none;
}
}
.yubicool-footer-row.yubicool-footer-row-type-navigation .yubicool-footer-nav-wrapper {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 2rem;
padding-bottom: 2rem;
}
@media (min-width: 768px) {
.yubicool-footer-row.yubicool-footer-row-type-navigation .yubicool-footer-nav-wrapper {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
      }
@media (min-width: 1024px) {
.yubicool-footer-row.yubicool-footer-row-type-navigation .yubicool-footer-nav-wrapper {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
      }
.yubicool-footer-row.yubicool-footer-row-type-navigation label {
margin-bottom: 0;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 700;
      line-height: 14px;
      letter-spacing: 0.1px;
}
.yubicool-footer-row.yubicool-footer-row-type-navigation nav ul {
list-style-type: none;
}
.yubicool-footer-row.yubicool-footer-row-type-navigation nav ul a {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.25rem;
          letter-spacing: 0.1px;
}
.yubicool-footer-row.yubicool-footer-row-type-navigation nav ul li {
margin-top: 0;
margin-bottom: 0.5rem;
}
.yubicool-social-media-links {
display: flex;
justify-content: space-between;
gap: 0.5rem;
}
@media (min-width: 1024px) {
.yubicool-social-media-links {
gap: 1rem;
padding-left: 4.5rem;
}
}
.yubicool-social-media-links ul,
  .yubicool-social-media-links li {
list-style-type: none;
}
.yubicool-social-media-links li {
max-width: 2.25rem;
overflow: hidden;
}
.yubicool-footer-column {
grid-column: span 1 / span 1;
height: -moz-fit-content;
height: fit-content;
padding: 0.5rem;
}
.yubicool-footer-column-style-white {
border-radius: 0.125rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.yubicool-footer .yubicool-secondary-navigation {
margin-left: auto;
margin-right: auto;
display: grid;
height: 8rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
padding-top: 1rem;
padding-bottom: 1rem;
max-width: 100vw;
}
@media (min-width: 320px) {
.yubicool-footer .yubicool-secondary-navigation {
max-width: 100vw;
}
}
@media (min-width: 768px) {
.yubicool-footer .yubicool-secondary-navigation {
max-width: calc(768px - 3rem);
}
}
@media (min-width: 1024px) {
.yubicool-footer .yubicool-secondary-navigation {
max-width: calc(100% - 2rem);
}
}
@media (min-width: 1440px) {
.yubicool-footer .yubicool-secondary-navigation {
max-width: calc(100% - 20rem);
}
}
.yubicool-footer .yubicool-secondary-navigation {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media (min-width: 320px) {
.yubicool-footer .yubicool-secondary-navigation {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (min-width: 768px) {
.yubicool-footer .yubicool-secondary-navigation {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (min-width: 1024px) {
.yubicool-footer .yubicool-secondary-navigation {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (min-width: 1440px) {
.yubicool-footer .yubicool-secondary-navigation {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
min-width: 1440px;
padding-left: 10.5rem;
padding-right: 10.5rem;
}
}
.yubicool-footer .yubicool-secondary-navigation .yubicool-copyright-info {
text-align: right;
}
@media (min-width: 1440px) {
.yubicool-footer .yubicool-secondary-navigation .yubicool-copyright-info {
text-align: center;
}
}
.yubicool-footer .yubicool-secondary-navigation nav {
grid-column: 1 / span 2;
}
.yubicool-footer .yubicool-secondary-navigation nav > ul {
margin-left: auto;
margin-right: auto;
justify-content: center;
}
@media (min-width: 1440px) {
.yubicool-footer .yubicool-secondary-navigation nav > ul {
justify-content: flex-end;
}
}
.yubicool-footer .yubicool-secondary-navigation select,.yubicool-footer .yubicool-secondary-navigation li,.yubicool-footer .yubicool-secondary-navigation span,.yubicool-footer .yubicool-secondary-navigation div {
--tw-text-opacity: 1;
color: rgb(177 180 169 / var(--tw-text-opacity));
}
.yubicool-footer .yubicool-secondary-navigation .language-switcher {
--tw-text-opacity: 1;
color: rgb(61 65 51 / var(--tw-text-opacity));
}
.wp-block-yubicool-wp-footer-column.is-style-white {
height: -moz-fit-content;
height: fit-content;
border-radius: 0.125rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.wp-block-yubicool-wp-footer-row div.yubicool-footer-row-type-upper > div:not([class]) {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 2rem;
}
@media (min-width: 1024px) {
.wp-block-yubicool-wp-footer-row div.yubicool-footer-row-type-upper > div:not([class]) {
display: flex;
}
}
.wp-block-yubicool-wp-footer-row div.yubicool-footer-row-type-upper nav {
display: flex;
justify-content: space-between;
gap: 0.5rem;
}
@media (min-width: 1024px) {
.wp-block-yubicool-wp-footer-row div.yubicool-footer-row-type-upper nav {
gap: 1rem;
padding-left: 4.5rem;
}
}
.wp-block-yubicool-wp-footer-row div.yubicool-footer-row-type-upper nav ul,.wp-block-yubicool-wp-footer-row div.yubicool-footer-row-type-upper nav li {
list-style-type: none;
}
.wp-block-yubicool-wp-footer-row div.yubicool-footer-row-type-upper nav li {
max-width: 2.25rem;
overflow: hidden;
}
.wp-block-yubicool-wp-footer-row div.yubicool-footer-row-type-upper nav {
align-items: baseline;
padding-left: 0;
padding-right: 0;
display: flex;
justify-content: space-between;
gap: 0.5rem;
}
@media (min-width: 1024px) {
.wp-block-yubicool-wp-footer-row div.yubicool-footer-row-type-upper nav {
gap: 1rem;
padding-left: 4.5rem;
}
}
.wp-block-yubicool-wp-footer-row div.yubicool-footer-row-type-upper nav ul,.wp-block-yubicool-wp-footer-row div.yubicool-footer-row-type-upper nav li {
list-style-type: none;
}
.wp-block-yubicool-wp-footer-row div.yubicool-footer-row-type-upper nav li {
max-width: 2.25rem;
overflow: hidden;
}
.wp-block-yubicool-wp-footer-row div.yubicool-footer-row-type-upper nav > ul {
gap: 1rem;
}
.wp-block-yubicool-wp-footer-row div.yubicool-footer-row-type-upper nav > ul > li {
margin-bottom: 0 !important;
max-height: 2.25rem;
max-width: 2.25rem;
}
.wp-block-yubicool-wp-footer-row div.yubicool-footer-row-type-navigation > nav {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 1.5rem;
}
@media (min-width: 1024px) {
.wp-block-yubicool-wp-footer-row div.yubicool-footer-row-type-navigation > nav {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
footer.wp-block-template-part .yubicool-secondary-navigation {
margin-left: auto;
margin-right: auto;
display: grid;
height: 8rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
padding-top: 1rem;
padding-bottom: 1rem;
max-width: 100vw;
}
@media (min-width: 320px) {
footer.wp-block-template-part .yubicool-secondary-navigation {
max-width: 100vw;
}
}
@media (min-width: 768px) {
footer.wp-block-template-part .yubicool-secondary-navigation {
max-width: calc(768px - 3rem);
}
}
@media (min-width: 1024px) {
footer.wp-block-template-part .yubicool-secondary-navigation {
max-width: calc(100% - 2rem);
}
}
@media (min-width: 1440px) {
footer.wp-block-template-part .yubicool-secondary-navigation {
max-width: calc(100% - 20rem);
}
}
footer.wp-block-template-part .yubicool-secondary-navigation {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
@media (min-width: 320px) {
footer.wp-block-template-part .yubicool-secondary-navigation {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (min-width: 768px) {
footer.wp-block-template-part .yubicool-secondary-navigation {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
@media (min-width: 1024px) {
footer.wp-block-template-part .yubicool-secondary-navigation {
padding-left: 1rem;
padding-right: 1rem;
}
}
@media (min-width: 1440px) {
footer.wp-block-template-part .yubicool-secondary-navigation {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
min-width: 1440px;
padding-left: 10.5rem;
padding-right: 10.5rem;
}
}
footer.wp-block-template-part .yubicool-secondary-navigation .yubicool-copyright-info {
text-align: right;
}
@media (min-width: 1440px) {
footer.wp-block-template-part .yubicool-secondary-navigation .yubicool-copyright-info {
text-align: center;
}
}
footer.wp-block-template-part .yubicool-secondary-navigation nav {
grid-column: 1 / span 2;
}
footer.wp-block-template-part .yubicool-secondary-navigation nav > ul {
margin-left: auto;
margin-right: auto;
justify-content: center;
}
@media (min-width: 1440px) {
footer.wp-block-template-part .yubicool-secondary-navigation nav > ul {
justify-content: flex-end;
}
}
footer.wp-block-template-part .yubicool-secondary-navigation select,footer.wp-block-template-part .yubicool-secondary-navigation li,footer.wp-block-template-part .yubicool-secondary-navigation span,footer.wp-block-template-part .yubicool-secondary-navigation div {
--tw-text-opacity: 1;
color: rgb(177 180 169 / var(--tw-text-opacity));
}
footer.wp-block-template-part .yubicool-secondary-navigation .language-switcher {
--tw-text-opacity: 1;
color: rgb(61 65 51 / var(--tw-text-opacity));
}
footer.wp-block-template-part .yubicool-secondary-navigation a {
      transition: 0.4s;
    }
footer.wp-block-template-part .yubicool-secondary-navigation a:hover span {
--tw-text-opacity: 1 !important;
color: rgb(132 189 0 / var(--tw-text-opacity)) !important;
}
@media (min-width: 1024px) {
footer.wp-block-template-part .yubicool-footer {
padding-left: 1.5rem;
padding-right: 1.5rem;
      max-width: calc(100% - 3rem) !important;
}

      footer.wp-block-template-part .yubicool-footer .yubicool-footer-row {
padding-left: 1rem;
padding-right: 1rem;
}
    }
@media (min-width: 1440px) {
footer.wp-block-template-part .yubicool-footer {
      width: calc(100vw - 7.5rem);
      max-width: 1440px !important;
      min-width: unset
  }
      footer.wp-block-template-part .yubicool-footer .yubicool-footer-row {
padding-left: 10rem;
padding-right: 10rem;
}
    }