/* Flipping Cards */

.study-sizer {
    opacity: 0;
    visibility: hidden;
}

.studies-content-area .stamp {
    position: absolute;
    width: 33.33333%;
}

.studies-content-area .stamp1 {
    left: 0;
    top: 0;
    height: 40px;
}

.studies-content-area .stamp2 {
    right: 0;
    top: 0;
    height: 40px;
}

.study-card {
    width: 100%;
    padding-bottom: 36px;
    max-width: 29.33333%;
    margin: 20px;
}

.study-card-container {
    perspective: 600px;
}

/*@media (hover: hover){
    .study-card:hover .study-card-inner {
        transform: rotateY(180deg);
    }
}

*study-card.flipped .study-card-inner {
    transform: rotateY(180deg);
}*/

.study-card-inner {
    width: 100%;
    min-height: 230px;

    /*transition: transform 0.5s ease;
    transform-style: preserve-3d;*/

    position: relative;
    box-shadow: var(--box-shadow);
}

.study-card-front,
.study-card-back {
    display: flex;
    flex-direction: column;
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 100%;

    /*-webkit-backface-visibility: hidden;
    backface-visibility: hidden;*/

    border-radius: 6px;
    padding: 25px;
    box-sizing: border-box;
    color: var(--dark-grey);
}

.study-card-front {
    height: 100%;
/*    pointer-events: none;
*/    background-color: rgba(255, 255, 255, 0.7);
}

.study-card-inner .study-tag-line {
    font-size: 2.1rem;
    line-height: 1.2;
    margin-bottom: 5px;
}

.study-card-front .study-tag-line {
    display: none;
}

.study-card-front .study-link {
    display: none;
}



.study-card-front h2 .study-icon {
    display: none;
}

.study-meta {
    font-size: 1rem;
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.study-meta-location strong {
    display: block;
}

.study-icon {
    width: 100%;
    height: 100%;
    max-height: 70px;
    max-width: 50px;
    margin-left: 15px;
    flex-shrink: 0;
    display: flex;
}

.study-icon img {
    display: block;
    width: 100%;
    max-height: 100%;
    height: 100%;
}

.study-card-back {
    background-color: #006E60;
    /*transform: rotateY(180deg);*/

    clip-path: circle(0 at 50% 50%);
}

.study-card-back.no-transition {
    transition: none;
}

.study-num {
    font-size: 0.9rem;
    color: var(--red);
    font-weight: 700;
    margin-bottom: 7px;
}

.study-num:after {
    content: '.';
}

.study-short-text {
    font-size: 1.4rem;
}

.study-link {
    margin-top: auto;
    align-self: flex-end;
    display: none !important; /*hide temporarily for the beta version*/
}

.study-link svg {
    display: block;
}

/* Study Progress */

.study-progress-section {
    margin-bottom: 110px;
}

.study-progress-section .section-head .section-text {
    font-size: 2.4rem;
    max-width: 710px;
}

.study-progress {
    margin-bottom: 40px;
}

.study-progress-section .section-head {
    margin-bottom: 90px;
}

.study-progress .progress-inner {
    height: 4px;
    background-color: #dedcd4;
    position: relative;
}

.study-progress .label {
    position: absolute;
    bottom: 100%;
    font-size: 2.4rem;
    line-height: 46px;
}

.study-progress .label-start {
    left: 0;
}

.study-progress .label-now {
    left: var(--percent);
    transform: translateX(-50%);
    font-size: 1.8rem;
    font-weight: 700;
    text-transform: uppercase;
    opacity: 0;
}

.study-progress .label-end {
    right: 0;
}

.study-progress .progress-bar {
    /*width: var(--percent);*/
    background-color: var(--red);
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 0;
}

.study-progress .progress-bar:after {
    content: "";
    width: 1px;
    height: 12px;
    background-color: var(--red);
    position: absolute;
    right: 0;
    bottom: 0;
}

.studies-list {
    font-size: 2.4rem;
}

.studies-list li {
    margin-bottom: 12px;
}

.studies-list > span {
    font-size: 1rem;
    display: block;
    margin-bottom: 12px;
}

.studies-list > span strong {
    font-size: 1.2rem;
    font-weight: 600;
    margin-right: 12px;
}

.studies-list .study-num {
    vertical-align: super;
}

.studies-list a {
    font-weight: 600;
}

.studies-list .study-status {
    font-weight: 400;
}