/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
    #prk_ajax_container .project, #prk_ajax_container .event {
        padding-top: 60px;
    }

    .project .entry-content, .event .entry-content {
        width: 100%;
    }

    #project-details, #event-details {
        width: 100%;
        display: table;
    }

    .project-details-left, .event-details-left {
        width: 100%
    }
    .project-details-left, .event-details-left, .project-details-right, .event-details-right {
        display: table-cell;
        padding: 2px 6px;
        vertical-align: top;
    }

    .project-details-right, .event-details-right {
        white-space: nowrap;
    }

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    #prk_ajax_container .project, #prk_ajax_container .event {
        padding: 0px 10px 0 10px;
    }

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .project, .event {
        padding: 0px;
    }

    table.dataTable thead th.nowrap, table.dataTable tbody td.nowrap {
        white-space: nowrap;
    }

    table.dataTable tbody td.right, table td.filesize, table td.date {
        text-align: right;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

#project-map, #event-map {
    height: 450px;
    width: 350px;
}

.project-thumbnail-image, .event-thumbnail-image {
    width: 350px;
}

div.event, div.project {
    float: left;
}

.event .clear, .project .clear {
    clear: both;
}

.project-abstract p, .event-abstract p, .event-project-title {
    font-weight: bold;
}

.contact-role {
    padding-bottom: 20px;
}