.comic-block {
    position:relative;
    background-color:rgba(0,0,0,.1);
    z-index: 1;
    overflow:hidden;
    box-sizing: border-box;
    width:100%;
    padding:70% 0;
    margin-bottom: 24px;
}

.comic-block .background-block {
    min-height:620px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position: center top;
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
    width:100%;
    height:100%;
    transition:.25s ease-in-out;
}

.comic-block .comic-block-overlay {
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
    width:100%;
    height:100%;
    cursor:pointer;
}

.comic-block .comic-block-content {
    transition: .25s background-color,opacity;
    padding:12px;
    opacity:0;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:108px;
    overflow:visible;
}

.comic-block .action-block {
    display: none;
    opacity: 0;
    position: absolute;
    right: -48px;
    bottom: -80px;
    width: 140px;
    height: 200px;
    transform: rotate(45deg);
}

.comic-block .action-block .action-block-content {
    transform:rotate(-45deg);
    position: relative;
    top: 8px;
    left: -24px
}

.comic-block .action-block .action-block-content a {
    margin:0 8px;
}

.comic-block:hover .action-block {
    opacity: 1;
    background-color: rgba(0,0,0,.75);
    font-size: 1.2em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.comic-block .comic-block-overlay:after {
    z-index:-2;
    content: "";
    position: absolute;
    top: -30%;
    left:-64%;
    width: 50%;
    height: 200%;
    opacity: 1;
    transition: .25s ease-in-out;
    transform: rotate(42deg);
    background: rgba(255, 255, 255, 0.13);
    background: linear-gradient(
            to right,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0) 24%,
            rgba(255, 255, 255, 0.42) 25%,
            rgba(255, 255, 255, 0.42) 40%,
            rgba(255, 255, 255, 0) 41%,
            rgba(255, 255, 255, 0) 52%,
            rgba(255, 255, 255, 0.42) 53%,
            rgba(255, 255, 255, 0.42) 58%,
            rgba(255, 255, 255, 0) 59%

    );
}

.comic-block:hover .comic-block-overlay:after {
    opacity:0;
}

.comic-block:hover .comic-block-content {
    background-color:rgba(0,0,0,.75);
    opacity:1;
}

.comic-block:hover .background-block {
    transform: scale(1.1);
}

.form-group label, .form-label {
    color:#999;
    margin-bottom:4px;
}
.form-control, .form-control:focus, .form-control:active, .form-control:visited {
    background-color: #1f2122;
    height: 46px;
    border-radius: 0;
    border: none;
    color: #999;
    font-size: 14px;
}

input[type="file"] {
    height:unset !important;
}

.form-control::placeholder {
    color:#999;
}

.form-group {
    margin-bottom: 24px;
}

.btn.btn-primary[type="submit"][name="submit"] {
    margin-top:24px;
    border:0 !important;
}

.breadcrumbs {
    padding: 30px;
    background-color: #1f2122;
    margin-bottom: 30px;
}

.breadcrumbs-no-highlight {
    margin-bottom: 30px;
}

.breadcrumbs .has-link-crumb , .breadcrumbs-no-highlight .has-link-crumb {
    color: #ffe471 !important;
}

textarea {
    height:240px !important;
}

.background-enabled {
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height:100vh;
}

.hidden {
    display:none;
}