/* Links */

a {
    color: #00ffa7;
    text-decoration: none;
}

a:visited {
    color: #00ffa7;
}

p a {
    color: #00ffa7;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
}

a h1,
a h2,
a h3,
a h4 {
    color: rgba(0, 0, 0, 1);
}


a h5,
a h6,
a p {
    color: rgba(0, 0, 0, 0.3);
}

a:hover,
a:focus,
a:active,
a:hover h1,
a:focus h1,
a:active h1,
a:hover h2,
a:focus h2,
a:active h2,
a:hover h3,
a:focus h3,
a:active h3,
a:hover h4,
a:focus h4,
a:active h4,
a:hover h5,
a:focus h5,
a:active h5,
a:hover h6,
a:focus h6,
a:active h6,
a:hover p,
a:focus p,
a:active p {
    color: #f0f;
    color: rgba(255, 0, 255, 1);
}

p a:hover {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.05);
}

a:focus,
a:hover,
a:active {
    outline: 0;
}

a img,
a video {
    opacity: 1;
    cursor: pointer;
}

a:hover img:not(.icon),
a:hover video {
    opacity: 1;
    filter: brightness(1.2);
}


/* bbb Buttons bbb */

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button a,
.button a:visited,
a.button,
a.button:visited,
.button,
.cat-links a,
.tags-links a,
a.wp-block-button__link,
.wp-block-button__link:visited{
    float: left;
    width: auto;
    box-sizing: border-box;
    line-height: 36px;
    height: 40px;
    margin: 0;
    padding: 0 40px;
    font-size: 14px;
    color: rgba(0, 255, 186, 1);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: none;
    text-shadow: none;
    background: none;
    background: rgba(0, 0, 0, 0);
    border: 2px solid rgba(0, 255, 186, 0.6);
    border-radius: 0;
}

a.cat-links.alt,
.cat-links.alt a {
    color: rgba(0, 255, 186, 1);
}

.button.full,
a.button.full,
button.full,
.full a.wp-block-button__link {
    width: 100%;
    margin: 20px 0 0 0;
}

a.button.icon {
    padding: 6px 60px 6px 50px;
}

.button svg {
    float: left;
    position: relative;
    width: 12px;
    height: 2.4em;
    line-height: 2.4em;
    margin: 0 10px 0 0;
    top: -2px;
}

.entry-content a.button {
    float: left;
    margin: inherit;
}

.entry-title .button,
.entry-title a.button {
    margin: 40px 0 0 0;
}

button:not(.hamburger):hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button a:hover,
a.button:hover,
.button:hover,
a.wp-block-button__link:hover {
    outline: 0;
    color: #f0f;
    color: rgba(255, 0, 255, 1);
    background: none;
    background: rgba(0, 0, 0, 0);
    border: 2px solid #f0f;
    border: 2px solid rgba(255, 0, 255, 0.6);
}

button:not(.hamburger):active,
button:not(.hamburger):focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus,
.button a:active,
.button a:focus,
a.button:active,
a.button:focus,
.button:active,
.button:focus,
a.wp-block-button__link:active,
a.wp-block-button__link:focus {
    outline: 0;
    background: #f0f;
    border: 2px solid #00ffa7;
    border: 2px solid rgba(0, 255, 186, 1);
}


/* Close button */

a.button.circle,
a.button.arrow {
    z-index: 9;
    float: right;
    width: 56px !important;
    height: 56px;
    line-height: 56px;
    padding: 0 10px;
    font-size: 12px;
    /*border-radius: 50%;*/
}

a.button.arrow svg {
    position: absolute;
    width: 14px;
    top: 14px;
    left: 20px;
}

a.button.circle svg {
    position: absolute;
    width: 14px;
    top: 20px;
    left: 20px;
}

a.button.arrow svg .icon-path,
a.button.arrow:focus svg .icon-path,
a.button.circle svg .icon-path,
a.button.circle:hover svg .icon-path {
    fill: rgba(0, 0, 0, 0.3);
}

.icon-close .icon-path {
    fill: none;
    stroke: rgba(0, 0, 0, 0.3);
    stroke-miterlimit: 10;
    stroke-width: 9px;
}

/* Grey button */

button.grey,
input[type="button"].grey,
input[type="reset"].grey,
input[type="submit"].grey,
.button.grey a,
.button.grey a:visited,
a.button.grey,
a.button.grey:visited,
.button.grey,
.button.grey:visited,
.cat-links a,
.cat-links a.button,
.cat-links a:visited,
.cat-links a.button:visited,
.tags-links a,
.tags-links a.button,
.tags-links a:visited,
.tags-links a.button:visited,
.types-links a,
.types-links a.button,
.types-links a:visited,
.types-links a.button:visited,
a.cat-link,
a.cat-link.button,
a.cat-link:visited,
a.cat-link.button:visited,
a.tags-link,
a.tags-link.button,
a.tags-link:visited,
a.tags-link.button:visited,
a.type-link,
a.type-link.button,
a.type-link:visited,
a.type-link.button:visited,
li.sf-field-reset a,
input[type="button"].facetwp-slider-reset,
.facetwp-toggle,
.bc-manage-wish-list-actions a,
.bc-wish-list-product-row__delete a {
    box-sizing: content-box;
    height: 24px;
    line-height: 22px;
    padding: 0 16px;
    font-size: 10px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.05);
    border: 2px solid rgba(0, 0, 0, 0.0);
    border-radius: 20px;
}

button.grey.dark,
.cat-links a,
.cat-links a.button {
    color: rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.08);
}

button.grey:hover,
input[type="button"].grey:hover,
input[type="reset"].grey:hover,
input[type="submit"].grey:hover,
.button.grey a:hover,
.button.grey a:visited:hover,
a.button.grey:hover,
a.button.grey:visited:hover,
.button.grey:hover,
.button.grey:visited:hover,
button.grey:focus,
input[type="button"].grey:focus,
input[type="reset"].grey:focus,
input[type="submit"].grey:focus,
.button.grey a:focus,
.button.grey a:visited:focus,
a.button.grey:focus,
a.button.grey:visited:focus,
.button.grey:focus,
.button.grey:visited:focus,
.cat-links a:hover,
.cat-links a:focus,
.cat-links a.button:hover,
.cat-links a.button:focus,
.tags-links a:hover,
.tags-links a:focus,
.tags-links a.button:hover,
.tags-links a.button:focus,
.type-links a:hover,
.type-links a:focus,
.type-links a.button:hover,
.type-links a.button:focus,
a.cat-link:hover,
a.cat-link:focus,
a.cat-link.button:hover,
a.cat-link.button:focus,
a.tags-link:hover,
a.tags-link:focus,
a.tags-link.button:hover,
a.tags-link.button:focus,
a.type-link:hover,
a.type-link:focus,
a.type-link.button:hover,
a.type-link.button:focus,
li.sf-field-reset a:hover,
li.sf-field-reset a:focus,
input[type="button"].facetwp-slider-reset:hover,
input[type="button"].facetwp-slider-reset:focus,
.facetwp-toggle:hover,
.facetwp-toggle:focus,
.bc-manage-wish-list-actions a:hover,
.bc-manage-wish-list-actions a:focus,
.bc-wish-list-product-row__delete a:hover,
.bc-wish-list-product-row__delete a:focus {
    color: rgba(255, 0, 255, 1);
    background: rgba(0, 0, 0, 0.1);
    border: 2px solid rgba(0, 0, 0, 0.0);
}

button.grey.dark:hover,
.cat-links a:hover,
.cat-links a.button:hover,
a.cat-link:hover {
    background: rgba(0, 0, 0, 0.10);
}

button.grey:active,
input[type="button"].grey:active,
input[type="reset"].grey:active,
input[type="submit"].grey:active,
.button.grey a:active,
.button.grey a:visited:active,
a.button.grey:active,
a.button.grey:visited:active,
.button.grey:active,
.button.grey:visited:active,
.cat-links a:active,
.cat-links a:active,
.tags-links a:active,
.tags-links a:active,
.type-links a:active,
.type-links a:active,
a.cat-link:active,
a.cat-link:active,
a.tags-link:active,
a.tags-link:active,
a.type-link:active,
a.type-link:active,
li.sf-field-reset a:active,
.facetwp-toggle:active,
.bc-manage-wish-list-actions a:active,
.bc-wish-list-product-row__delete a:active {
    color: rgba(0, 0, 0, 0.25);
    background: rgba(0, 0, 0, 0.1);
}

button.grey.dark:active,
.cat-links a:active {
    background: rgba(0, 0, 0, 0.12);
}

/* Button no background */

.cat-links a,
.tags-links a,
.type-links a,
a.cat-link,
a.tags-link,
a.type-link {
    margin: 0 10px 10px 0;
}

/* Small button */

button.small,
.button.small,
a.button.small,
.meta a.cat-link,
input[type="button"].facetwp-slider-reset,
button.small:hover,
.button.small:hover,
a.button.small:hover,
.meta a.cat-link:hover,
input[type="button"].facetwp-slider-reset:hover {
    font-size: 10px;
    border-radius: 20px;
    height: 24px;
    line-height: 22px;
    padding: 0 16px;
    border-width: 1px;
}

a.grey, a.grey:visited {
    color: rgba(0, 0, 0, 0.3);
}

a.grey:hover {
    color: rgba(255, 0, 255, 1);
}


/* Plain style */
.button.plain,
.button.plain:hover,
.button.plain:active,
.button.plain:focus,
.link-plain .button,
.link-plain .button:hover,
.link-plain .button:active,
.link-plain .button:focus,
.link-plain .button.small,
.link-plain .button.small:hover,
.link-plain .button.small:active,
.link-plain .button.small:focus {
    border: none;
    padding: 0;
    line-height: 1;
    height: 1em;
}


/* UI buttons */

button.ui {
    float: right;
    width: 52px;
    padding: 20px;
    line-height: 1;
    border-width: 1px;
    background: none;
    border: none;
    transform: translate(0, 0);
    height: auto !important;
}

.block-ui button.ui {
    margin: -20px -20px -20px 0;
}

button.ui:hover,
button.ui:focus,
button.ui:active {
    border: none;
    background: none;
}

button.ui#prev:hover {
    transform: translate(-4px, 0);
}

button.ui#next:hover {
    transform: translate(4px, 0);
}

button.ui svg {
    float: left;
    width: auto;
    height: 20px;
}

button.ui svg .icon-path {
    fill: rgba(0, 0, 0, 1);
}

button.ui:hover svg .icon-path {
    fill: rgba(255, 0, 255, 1);
}

/* Close button */
.button.close,
.button.remove {
    font-size: 12px;
    line-height: 12px;
    height: auto;
    width: auto;
    float: right;
    padding: 8px 10px !important;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 20%;
    color: rgba(0, 0, 0, 0.3);
}

.button.remove {
    font-size: 8px;
    line-height: 8px;
    padding: 8px 10px !important;
}

.button.close:hover,
.button.remove:hover {
    border: 1px solid rgba(0, 0, 0, 0.2);
    color: rgba(255, 0, 255, 1);
}

.button.close svg {
    width: 10px;
    height: 10px;
    margin: 0;
    top: 0;
}

.button.remove svg {
    width: 8px;
    height: 8px;
    margin: 0;
    top: 0;
}

.button.close svg .icon-path,
.button.remove svg .icon-path {
    stroke-width: 12px;
    stroke: #00ffa7;
}

.button.close:hover svg .icon-path,
.button.remove:hover svg .icon-path {
    stroke: #ff00ff;
}


/* Wordpress blocks */
.wp-block-buttons .wp-block-button.align-right a {
    float: right;
}

.wp-block-button a {
    min-width: 240px;
}