/* PINS -------------------------*/
.timelinePinBlocks { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around;
}
a.timelinePinBlock { text-decoration: none;
}
.timelinePinBlock:hover .title { /*background-color: #e0ecf7;*/ color: #fa782f;
}
.timelinePinBlock { width: 32%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; cursor: pointer; margin: 4px 0 40px; position: relative; padding: 5px; border-radius: 2px; min-height: 200px;
}
.timelinePinBlock .info { display: flex; width: 100%; color: #7e7e7e; font-size: 70%; padding: 3px 0;
}
.timelinePinBlock .info .fa{ margin-right: 3px; margin-left: 5px;
}
.timelinePinBlock .info .eye{ margin-left: 9px;
}
.timelinePinBlock .thumb { width: 100%; border-radius: 5px;
} .timelineThumps { position: relative; width: 100%;}
.timelineThumps .thumb { height: auto; }
.timelineThumps .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .2s ease; }
.timelineThumps:hover .overlay { opacity: 1; } .timelinePinBlock .time { flex-grow: 1;
}
.timelinePinBlock .title { color: #2b3c4f; font-size: 120%; -webkit-transition: 0.3s; transition: 0.3s; line-height: 20px; padding: 0;
}
.timelinePinBlock .desc { color: #2b3c4f; font-size: 80%; width: 100%; line-height: 15px; padding: 4px 9px;
}
.timelinePinBlock .accessLink { position: absolute; width: 30px; height: 30px; background-color: #f5c200; padding: 4px; border-radius: 22px; top: -1px; right: -1px;
}
.timelinePinBlock .accessPrivate { position: absolute; width: 30px; height: 30px; background-color: #ff1010; padding: 4px; border-radius: 22px; top: -1px; right: -1px;
}
.timelinePinBlock .accessJohnsHopkins { position: absolute; width: 30px; height: 30px; background-color: #28477E; padding: 4px; border-radius: 22px; top: -1px; right: -1px;
}
.timelinePinBlock .noPic { background: url(/public/images/svg/timeline.svg) center no-repeat; background-size: 30px; width: 100%; height: 160px; border: 6px #ffffff solid; border-radius: 24px; }
@media screen and (max-width: 700px) { .timelinePinBlock { width: 48%; } .timelinePinBlocks { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
}
@media screen and (max-width: 370px) { .timelinePinBlock { width: 100%; }
} /*------------------------------------*/ .contentMiddle .block h1 { background-color: rgba(0, 0, 0, 0); color: #5d8fa8; cursor: auto; display: inline; /*font-family: "Fira Sans", sans-serif;*/ font-size: 28px; font-weight: 500; height: auto; line-height: 34px; text-decoration: none; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; width: auto; -webkit-font-smoothing: antialiased;
}.contentMiddle .block .buttons { /*color: #000;*/ /*display: block;*/ /*font-family: Verdana, sans-serif;*/ /*font-size: 12px;*/ /*height: 32px;*/ /*line-height: 13.8px;*/ /*padding: 20px 0px 0px;*/ /*text-size-adjust: 100%;*/ /*width: 780px;*/ }
.contentMiddle .block .button { background-color: #f4f4f4; border-image-outset: 0px; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-radius: 4px; border: 1px solid #c9c9c9; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; box-sizing: border-box; color: #464646; cursor: pointer; display: inline-block; /*font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;*/ font-size: 12px; height: 32px; letter-spacing: 0.3px; line-height: 30px; margin-right: 0px; padding: 0px 13px; text-decoration: none; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; vertical-align: middle; white-space: nowrap; width: 132.625px; -webkit-appearance: none; } /*nav––––––––––––––––––––––*/
.page-nav { display: flex; flex-direction: column; }
.page-nav-pages { display: flex; flex-wrap: wrap; margin-top: 7px; }
.page-nav-pages a { display: flex; text-decoration: none; flex-wrap: wrap; padding: 1px 7px; }
.page-nav-pages a:hover { display: flex; text-decoration: none; flex-wrap: wrap; padding: 1px 7px; background-color: #6b8098; border-radius: 2px; color: #f2f4f5; }
.page-nav-pages span { display: flex; flex-wrap: wrap; margin: 0 3px; background-color: #6b8098; padding: 1px 7px; border-radius: 2px; color: #f2f4f5; }
.page-nav-pages .dots { font-weight: bold; margin: 0 5px; color: #6b8098; } @media screen and (max-width: 320px) { .page-nav { padding: 17px; width: 100%; } .page-nav-pages { width: 100%; }
}