/*
** pk arkitetar css by csaba bozzay @ airb web
*/

/*
** RESPONSIVE *********************************************************************************************
*/

/* protrait background images: front, subpage backgrounds, footers */
@media screen and (orientation:portrait){

/* front */
/* ---------------------------------------------- skip responsive css for random in js
#projects-menu .bg-container {
background-image: url('../images/bg-1-port.jpg');
background-position: top center;
}
#office-menu .bg-container {
background-image: url('../images/bg-2-port.jpg');
background-position: bottom center;
}
#news-menu .bg-container {
background-image: url('../images/bg-3-port.jpg');
background-position: center;
}
#contact-menu .bg-container {
background-image: url('../images/bg-4-port.jpg');
background-position: top center;
}
*/
/* subpages */
/*
.projects-header {
background-image: url('../images/bg-1-port.jpg');
}
.office-header {
background-image: url('../images/bg-2-port.jpg');
}
.news-header {
background-image: url('../images/bg-3-port.jpg');
}
.contact-header {
background-image: url('../images/bg-4-port.jpg');
}
*/

/* footers */
/*
.page-projects .pk-footer,
.node-type-projects .pk-footer {
background-image: url('../images/bg-1-port.jpg');
}

.page-office .pk-footer {
background-image: url('../images/bg-2-port.jpg');
}
.page-news .pk-footer,
.page-node-type-news .pk-footer {
background-image: url('../images/bg-3-port.jpg');
}
.page-contact .pk-footer {
    background-image: url('../images/bg-4-port.jpg');
}
*/

}

/* ~ tablet view */
@media screen and (max-width: 1080px) {

/* projects */
.node-type-projects h1 {
    top: 113px;
    left: 5.5%;
    right: 5.5%;
    padding-right: 5.5%;
}
.node-type-projects .filter-options {
display: none; /* JS */
}
.node-type-projects h1 div.title-text,
h1, .node-type-projects h2, .page-node-type-news h2 {
    font-size: 28px;
    line-height: 28px;
    letter-spacing: 3px;
}
.title-text u {
    border-bottom: none;
}

/* filter items ->> js item sizes, margin, padding */


/* js
.node-type-projects .panel-col-middle
padding-top: 120px;
*/

.table-title-container {
line-height: 22px;
}
.table-title-container .code {
white-space: normal;
display: block;
}
.table-title-container span,
.info-title {
/*
display: block;
*/
}
.table-title-container span.project-year-date {
display: inline;
}

/* office */
.page-office .field-type-text-with-summary {
width: auto;
}



/* ************************************************************************************* */
/* padding 60 -> 5.5%, 80 -> 7.5%, 40 -> 4% ? */

.node-type-projects h2,
.page-node-type-news h2 {
    left: 5.5%;
}

.node-type-projects h1 {
    right: 5.5%;
}

.page-office .pane-publication-page {
    padding-left: 5.5%;
    padding-right: 5.5%;
    padding-top: 10%;
}

.pane-news-node-title {
padding: 5.5%;
padding-top: 10%;
padding-bottom: 4%;
}


.pane-news-created .views-field-php {
padding-left: 5.5%;
padding-right: 5.5%;
}

.news-more .views-row,
.news-more .views-row-odd,
.news-more .views-row-even {
padding-left: 5.5%;
padding-right: 5.5%;
}

.news-more-txt {
padding-left: 0;
}
.news-more-item .title {
    font-size: 18px;
    line-height: 22px;
}

.pane-jobs {
    padding-left: 5.5%;
    padding-right: 5.5%;
    padding-top: 0;
    padding-bottom: 10%;
}

.pane-map {
float:right;
    padding-top: 10%;
    padding-right: 5.5%;
    padding-bottom: 5.5%;
    padding-left: 0;
}

.pk-address{
padding: 5.5%;
padding-top: 10%;
}

.pk-links {
padding: 5.5%;
padding-top: 0px;
}

.pk-credits {
padding: 5.5%;
padding-top: 10%;
}
.icon-fb {
margin-left:5.5%;
}

.tothetop {
    right: 5.5%;
}

.filter-options,
.filter-options-2,
.filter-options-3 {
    left:5.5%;
}

.page-node-type-news .field-type-image {
padding-left:5.5%;
padding-right:5.5%;
}

.field-type-text-long {
margin:0;
padding-left:5.5%;
padding-right:5.5%;
}
.field-type-text-long.info {
margin-left:5.5%;
}
.node-type-projects .field-type-text-long {
padding-bottom:5.5%;
}

/*
.project-table-wrapper {
padding-left:5.5%;
padding-right:5.5%;
padding-top:2.75%;
padding-bottom:5.5%;
}
*/
.info-box-wrapper {
padding-left:5.5%;
padding-right:5.5%;
padding-top:0;
padding-bottom:5.5%;
}

.pk-office-co-worker {
padding-left:5.5%;
padding-right:5.5%;
}

.page-office .pk-office-co-worker .pk-infos, .page-office .pk-office-co-worker .pk-office-bio-text {
padding:0;
}
.pk-office-co-worker .pk-office-image {
margin-right:5.5%;
margin-bottom:2.5%;
}

.page-contact .staff,
.page-office .field-type-text-with-summary {
padding-top:0;
padding-left:5.5%;
padding-right:5.5%;
padding-bottom:10%;
}

.page-office .mission .content,
.page-office .scope .field-type-text-with-summary {
float:none;
width:100%;
}

.page-contact .staff,
.page-office .collaboration .field-type-text-with-summary,
.page-office .mission .field-type-text-with-summary,
.page-office .workplace .field-type-text-with-summary {
padding-top:10%;
}
.page-office .scope .field-type-text-with-summary {
padding-top:0;
}

.page-office .field-type-image {
padding-left:5.5%;
padding-right:5.5%;
}

.back-button, .node-type-jobs article,
.page-office .panel-pane.pane-views.pane-contact-list.team {
padding-left:5.5%;
padding-right:5.5%;
}
.pane-contact-list .views-row,
.pane-contact-list .views-row-odd,
.pane-contact-list .views-row-even {
    width: 33.333%;
}

.pane-office .views-row,
.pane-office .views-row-odd,
.pane-office .views-row-even {
padding-top:0;
padding-bottom:0;
}
.page-office .pane-contact-list .views-row,
.page-office .pane-contact-list .views-row-odd,
.page-office .pane-contact-list .views-row-even {
    padding-bottom: 5.5%;
}

.page-office .pane-jobs .views-row,
.page-office .pane-jobs .views-row-odd,
.page-office .pane-jobs .views-row-even {
    padding-bottom: 7.5%;
}
.page-office .pane-jobs .views-row-last {
padding-bottom:0;
}

.pane-office .views-row-first {
    padding-bottom: 5.5%;
}
.page-office .pane-office {
    padding-bottom: 10%;
}

.page-office .pane-publication-page {
    padding-top: 0;
    padding-bottom: 0;
}

.collaborators-list p {
    float: none;
    width: 100%;
}

h1, .node-type-projects h2, .page-node-type-news h2 {
left: 5.5%;
}

.project-arr {
display:none;
}

/* ** project images ** */

/*
in JS
.pane-project-images {
padding-left:2.75%;
padding-right:2.75%;
}
.pk-image {
margin:2.9%;
}
.images-second {
margin-left: 2.9%;
margin-right: 2.9%;
}
*/




.page-node-type-news .field-type-image,
.views-row,
.views-row-odd,
.views-row-even,
.field-type-text-long {
padding-bottom: 4%;
}

.page-node-type-news .field-type-image .field-item {
padding-bottom: 4%;
}


.news-more-cont {
padding-left:4%;
}

.field-type-image {
padding-bottom:10%;
}

.page-contact .pane-office .views-row-first {
    padding-top: 10%;
}

/* node share on project node site */
.pane-share-node-links {
padding-top:2.75%;

padding-left:5.5%;
padding-right:5.5%;
}


/* publication */
.page-office .pane-publication-page {
padding-left:5.5%;
padding-right:5.5%;
}
.pane-publication-page .views-row {
    float: none;
    width: 100%;
}
.pane-publication-page .field-type-text-long,
.pane-publication-page .row-wrapper {
    padding-left: 0;
    padding-right: 0;
}
.page-office .pane-publication-page .field-type-image img {
    max-width: 500px;
    width:100%;
}
.row-wrapper {
height:auto !important;
}


/*
+ new stuff
*/
.pane-news-node-title div {
    font-size: 28px;
    line-height: 34px;
}

.page-node-type-news .field-type-image .img-wrap {
    max-width: 500px;
    width:100%;
}

.news-more .views-row,
.news-more .views-row-odd,
.news-more .views-row-even {
    padding-left: 0;
    padding-right: 0;
    margin-left: 5.5%;
    margin-right: 5.5%;
}

.news-more-image {
display:none;
}

.news-more-cont {
    padding-left: 0;
}



}



/*
** 880 px
*/

@media screen and (max-width: 880px) {

/* leaflet map */
.pane-map {
float:none;
    padding-top: 0;
    padding-right: 5.5%;
    padding-bottom: 5.5%;
    padding-left: 5.5%;
}

.pane-contact-list .views-row,
.pane-contact-list .views-row-odd,
.pane-contact-list .views-row-even {
    width: 50%;
}
.pane-contact-list h3 .title-wrap {
margin-bottom:0;
}

}


/*
** 700 px
*/

@media screen and (max-width: 700px) {
.project-table-wrapper.v1 {
    display: none;
}
.project-table-wrapper.v2 {
    display: block;
}

.page-office .field-type-image img {
    max-width: 500px;
    width:100%;
}

/* pkdm bio */
.pk-office-co-worker .pk-office-image {
    float: none;
}

.pane-contact-list .views-row,
.pane-contact-list .views-row-odd,
.pane-contact-list .views-row-even {
    width: 100%;
}

}



/*
** 400 px
*/
@media screen and (max-width: 400px) {
.pane-contact-list h3 .title-wrap,
h3 .title-wrap {
    text-decoration: underline;
    border-bottom: none;
}

.node-type-projects h1 div.title-text,
h1,
.node-type-projects h2,
.page-node-type-news h2 {
    font-size: 27px;
}


}