body.effect main {
    background-color: rgba(242, 242, 242, 0.7);
}

body.effect header {
    margin-top: 45px; 
    background-color: rgba(242, 242, 242, 0.7); 
    z-index: 99;
}

body.effect header .logo {
    margin-left: 50px; 
}

body.effect header nav {
    padding-right:50px;
}

body.effect footer {
    background-color: rgba(242, 242, 242, 0.7);
    z-index: 99;
    margin-bottom: 45px; 
}

body.effect footer {
    padding-left: 50px;
    padding-right: 50px;
}

.text-bold {
    font-weight: bold;
}

.font-fc {
    font-family: 'Fira Code', monospace;
}

.mfp-title {
    font-family: 'Fira Code', monospace;
}

.d-none {
    display: none;
}

.m-t-50 {
    margin-top: 50px;
}

.m-b-100 {
    margin-bottom: 100px;
}

.artwork-collect {
    font-size: 115%;
    border: 1px solid green;
    padding: 15px;
    color: green;
    background-color:rgba(0, 147, 80, 0.2);
}

.artwork-soldout {
    font-size: 1.3rem;
    border: 1px solid red;
    padding: 15px;
    color: red;
    background-color:rgba(162, 37, 37, 0.2);
}

.artwork-makeoffer {
    font-size: 1.3rem;
    border: 1px solid #ffecb5;
    padding: 15px;
    color: #664d03;
    background-color:rgba(241, 136, 0, 0.2);
}

.alert-success {
    border: 1px solid green;
    padding: 20px;
    color: green;
}

.alert-error {
    border: 1px solid red;
    padding: 20px;
    color: red;
}

.alert-warning {
    border: 1px solid orange;
    padding: 20px;
    color: orange;
}

.submit-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.xbtn {
    font-family: 'Fira Code', monospace;
    background: black !important; 
    color: white !important;
    font-size: 14px !important;

    padding: 9px 15px;
    display: inline-block;
    margin: 0 15px;
    border-radius: 5px;
}

#cryptovoxels-iframe {
    width: 100%; 
    height: 550px;
    border-radius: 5px;
    margin-bottom: 80px;   
}

.series-header {
    font-size: 1.8rem;
    line-height: 38px;
    letter-spacing: 4px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.series-description {
    font-size: 14px;
    padding: 20px 10vw 40px 10vw;
}

.figure-series {
    margin-bottom: 25px;
}

.landing-series {
    margin-top: 60px;
}

.landing-series article {
    margin-bottom: 100px !important;
}

.btn-x {
    margin: 15px;
}

.series-mockup img {
    width: 100%;
    max-width: 100%;
    border-radius: 10px;
}

.mockup-caption {
    padding-top: 15px;
}

a.gradient {
  color: black;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: .2s;
}
a.gradient:hover {
  color: hotPink;
}
@media (-webkit-min-device-pixel-ratio:0) {
  a.gradient {
    background-color: black;
    background-image: -webkit-linear-gradient(left, black 0%, red 50%, transparent 50%);
    background-position: 100% 0;
    background-size: 200% 200%;
    color: transparent;
    -webkit-transition: .1s .2s;
    -webkit-background-clip: text;
  }
  a.gradient:hover {
    background-position: 0 0;
    color: transparent;
    transition: .4s 0;
  }
}
.word-break-all {
    word-break: break-all;
}