/**
 * Avoid line wrap on amount display
 */

.infos-money-details .info-money.detail,
/*.project-detail-data .objectif-amount,*/
#projects > .info-money.detail {
    white-space: nowrap;
}

/**
 * Idem for long titles
 */
.projects-list .panel h3 a,
.projects-list .panel h3 a:focus,
.projects-list .panel h3 a:hover {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 1em;
    text-overflow: ellipsis;
    text-align: center;
    line-height: 2.7em;
}
p.truncate_html {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 2em;
}

/**
 * Avoid ugly line break with tiptip in project forms
 */
#form-project input[type="text"],
#form-project input[type="password"],
#form-project input[type="date"],
#form-project input[type="datetime"],
#form-project input[type="datetime-local"],
#form-project input[type="month"],
#form-project input[type="week"],
#form-project input[type="email"],
#form-project input[type="number"],
#form-project input[type="search"],
#form-project input[type="tel"],
#form-project input[type="time"],
#form-project input[type="url"],
#form-project input[type="color"],
#form-project select {
    width: 90%;
}


/**
 * Keep create page and event pages button at the bottom of the event
 * widget in event-list
 */
.event-item .event-details .wrap {
    height: 23.6875rem;
}
.section-events .event-item .event-details .event-goup-btn {
    bottom: 0px;
}
.section-events .event-item .event-description p+p+p+p {
    display: none;
}

/**
 * Better event list
 */
.section-events .event-item .event-details .infos-money p,
.section-events .event-item .event-description .infos div {
    white-space: nowrap;
}

@media all and (max-width: 1024px) {
    .event-item .panel .event-image .wrap {
        text-align: center;
    }
}

@media all and (max-width: 640px) {
    .event-item .panel .event-image .wrap {
        height: 200px;
    }
    .section-events .event-item .event-details .event-goup-btn {
        position: static;
        text-align: center;
    }
    .section-events .event-item .event-details .event-goup-btn li {
        float: none;
    }
}

/**
 * Better events page
 */

@media all and (max-width: 1024px) {
    .event-head .details-my-event .infos-money .objectif-amount,
    .event-head .details-my-event .infos-money .current-amount,
    .event-head .details-my-event .infos-money .jours-restants #show_days {
        text-align: center;
    }
}

@media all and (min-width: 641px) and (max-width: 1024px) {
    .event-head .details-my-event {
        padding: 1em;
    }
}

/**
 * Avoid ugly margins on projects pictures in event list
 */
@media all and (min-width: 1025px) {
    .projects-list .panel .thumbnail {
        min-width: 262px;
    }
    section.section-my-event .large-block-grid-3.projects-list .panel .thumbnail {
        height: 245px;
        line-height: 245px;
        min-width: 245px;
        overflow: hidden;
    }
}

@media all and (max-width: 1024px) {
    .projects-list .panel .thumbnail img {
        width: 100%;
        max-height: none;
    }
    section.section-my-event .medium-block-grid-2.projects-list .panel .thumbnail {
        height: 190px;
        line-height: 190px;
    }
    .medium-block-grid-2.projects-list {
        padding: 0 1em;
    }
}

/**
 * Hide picto on small screens
 */
@media all and (max-width: 1024px) {
    section.section-projet-details .project-detail-data .project_boutons_give i,
    section.section-projet-details .project-detail-data .jours-restants i {
        display: none;
    }
}

@media all and (min-width: 641px) and (max-width: 869px) {
    section.section-projet-details .project-detail-data .pledge-amount,
    section.section-projet-details .project-detail-data .objectif-amount {
        display: none;
    }
}

/**
 * Projects metadata on small screens
 */
@media only screen and (max-width: 640px){
    section.section-projet-details .project-detail-data .objectif-amount,
    section.section-projet-details .project-detail-data .current-amount,
    section.section-projet-details .project-detail-data .jours-restants #show_days {
        text-align: center;
    }

    /* Avoid ugly margins for project pictures */
    section.section-projet-details .project_images .bx-viewport {
        background-color: #000000;
    }
    section.section-projet-details .project_images li.maybevideocontainer {
        height: auto;
        text-align: center;
    }
    section.section-projet-details .project_images li.maybevideocontainer iframe.videoiframe {
        margin-top: 10%;
    }
    section.section-projet-details .project_images li.maybevideocontainer img {
        margin: 0 auto;
    }
}
@media only screen and (max-width: 600px){
    .widget.summary {
        width: 100%;
    }
    .widget.summary .summary_details,
    .widget.summary .summary_graph {
        float: none;
        text-align: center;
        margin: 0;
        width: 100%;
    }
    .widget.summary .summary_details ul {
        text-align: center;
        margin: 0;
    }
}

/**
 * Avoid login and languages menu overlap on small screens
 */
@media all and (max-width: 700px) {
    .top-bar img {
        display: none;
    }
}

@media all and (min-width: 641px) and (max-width: 1200px) {
    nav#main-nav section.top-bar-section>ul>li a {
        max-width: 150px;
        padding: 0 .6em;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}

/**
 * Beautiful titles
 */
@media all and (max-width: 1024px) {
    section.section-projet-details h1#show_title {
        text-align: center;
    }
}

/**
 * Various tabs adjustments
 */
@media all and (min-width: 641px) and (max-width: 1024px) {
    #form-project .tabs dd a,
    #project_tabs .tabs dd a {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    #form-project .tabs dd {
        max-width: 250px;
    }
    #project_tabs .tabs dd {
        max-width: 140px;
    }
    #project_tabs .tabs dd a {
        padding: .6em;
    }
    #form-project .tabs dd a {
        padding: 1rem;
    }
}
@media all and (max-width: 640px) {
    #project_tabs .tabs-content {
        margin-top: 1em;
    }

    #form-project .tabs dd {
        width: auto;
        float: left;
    }
    #form-project .tabs dd {
        max-width: 140px;
    }
    #form-project #step_tab.tabs dd {
        max-width: 200px;
    }
    #form-project .tabs dd.active a {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        padding: 1rem;
    }
}

/**
 * Projects form adjustments
 */
@media all and (max-width: 1024px) {
    #form-project .button.btn-next {
        width: 90%;
        float: none;
    }
}

/**
 * Better login and language selection menu on small screens
 */
@media all and (max-width: 640px) {
    footer .top-bar-section ul {
        height: auto;
    }

    footer .top-bar-section ul li a {
        font-size: 1.2rem;
        padding: 12px;
        line-height: 2rem;
    }

    #main-nav .top-bar-section ul li > a,
    #header-header .top-bar .right ul.dropdown li.title h5 a,
    #header-header .top-bar .right ul.dropdown li a,
    #header-header .top-bar .left ul.dropdown li.title h5 a,
    #header-header .top-bar .left ul.dropdown li a {
        font-size: 1.2rem;
        padding: 12px;
    }

    #header-header .top-bar {
        height: auto;
    }
    #header-header section.top-bar-section > a.button:first-child {
        margin-top: 8px;
    }
    #header-header .top-bar-section ul.left > li.has-dropdown a,
    #header-header .top-bar-section ul.right > li.has-dropdown a {
        font-size: 1.2rem;
        padding: 12px;
    }
}

/**
 * Avoid ugly margin in small sizes
 */
@media all and (max-width: 1024px){
    .event-head .intro-my-event .container {
        padding: 1.375rem 1rem 1rem;
    }
}

/**
 * Responsive youtube video
 */
@media all and (max-width: 700px) {
    iframe[src*=youtube],
    iframe[src*=dailymotion] {
        max-width: 90%;
    }
}

/**
 * Size to take into account: 320, 640, 1024
 */