﻿
@media (max-width: 991px) {
    .main-timeline-5 {
        max-width: 100%;
    }
}

.gradient-custom-5 {
    /* fallback for old browsers */
    /*background: #151515;*/

    /* Chrome 10-25, Safari 5.1-6 */
    /*background: -webkit-linear-gradient(*/
    /*        to right,*/
    /*        rgba(235, 187, 167, 1),*/
    /*        rgba(207, 199, 248, 1)*/
    /*);*/

    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    /*background: linear-gradient(*/
    /*        to right,*/
    /*        rgba(235, 187, 167, 1),*/
    /*        rgba(207, 199, 248, 1)*/
    /*);*/
}

/*category*/
.category .card {
    width: 18%;
    margin-left: 5px;
    min-width: 200px;

}

.jumbotron-bg {
    background-image: url('/4future_static/images/slider-1.png');
    background-size: cover;
    background-position: center;
}

.jumbotron {
    /*padding: 10rem 9rem;*/
    font-family: "Poppins", sans-serif;
    color: #fff;
    font-weight: 600;
    height: 400px;
}

.jumbotron h1 {
    color: #fff;
}

.entry_title, .entry_title a {
    font-size: 18px;
    color: #212529!important;
}


.entry_desc {
    font-size: 14px;
    color: #b5b2b2;
}
.margin-center{
    margin:0 auto;
}

.future_input{
    width: 60%;
 }
.input_label{
    color:#bbbbbb;
}
.nav-menu .active{
    background-color: #b8c2f0;
}


.flipdown.flipdown__theme-dark .rotor, .flipdown.flipdown__theme-dark .rotor-top,.flipdown.flipdown__theme-dark .rotor-bottom, .flipdown.flipdown__theme-dark .rotor-leaf-front {
    color: #fff;
    background-color: #151515 !important;
}
.flipdown.flipdown__theme-dark .rotor:after{
   border-top: solid 1px #151515 !important;
}

.future-step-count{
    color: red;
    font-size:18px;
}

.dollarFlag{
    color:red;
}
.total-cost{
    color: red;
}
.discount-price{
    display:none;
    color: red;
    margin-left:10px;
}
.origin-price{
    text-decoration: line-through;
    color: #aaaaaa;
    font-style:italic;

}
.hero-image{
    height:20px;color:#000!important; font-size:18px; line-height:20px;
}
.entry-edit-image{
    height: 120px;  border-radius: 5%;
}
.my-hide{
    display:none;
}

.avatar-image{
    border-radius: 35px;
    height:180px;
    width: 220px;
}


.image-gallery a {
    display: inline-block;
    transition: transform 0.3s ease-in-out;
}
.image-gallery a:hover {
    transform: scale(1.2);
}

.winner-banner{
    background-repeat: no-repeat;background-size:cover;height:500px;
    background-color: #151515;

}
.winner-banner > h2 {
    color: #fff!important;
}
.img-box{
    width: 310px;height:210px;
}
.winner-prize-title{
    font-size:18px;font-weight:bold;color:#0b0b0b;
}

.category-vote{
    color: #ffc107;
    font-weight: bold;
}

.input-char-tips{
    color: #958b3c;
    font-size: 13px;
}
.move-box{
    /*margin-left: 5px;*/
}
.move-box:hover{
    border: 2px dotted #ccc;
    cursor: move; /* 鼠标变成可拖拽的图标 */
}

#myDropzone{
    border:1px dashed #CED4DA;height: 350px;
}

.upload-trigger{
    cursor: pointer;
}
.upload-icon {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    color: #ccc;
    position: absolute;
    cursor: pointer;
}
.upload-box {
    display:inline-block;

    width: 100px;
    height: 100px;
    border: 2px dashed #ccc;
    margin-top: 40px;
    position: relative;
}

