.magazinePhoto {
    margin-bottom:5px;
}

.magazinePhotoLocked {
    opacity: 0.5;
}

.magazineName {font-size: 30px;
    text-transform: uppercase;
    line-height: 30px;
    letter-spacing: -1.7px;
font-family:'Oswald';
margin-bottom:0px;
margin-top:0px;
}

.magazineTitle {margin-bottom:15px; font-family:'Oswald';     text-transform: uppercase; color:#818181; letter-spacing:-1px; font-size:22px; line-height:30px; margin-right:5px;}
.magazineShortCodeLink .magazineTitle {margin-bottom:15px; font-family: "Libre Franklin", Sans-serif; font-weight: 700; text-transform: uppercase; color:#818181; letter-spacing: -0.1px; font-size:11px; line-height:11px; margin-right:5px;}

.magazinePhotoContainer {position:relative;}
.magazinePhotoLockMessage {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index:1; width:calc(100% - 20px); text-align:center; background-color: #fff;
    padding: 10px;
    border-radius: 10px;}
.magazinePhotoLockIconContainer {    font-family: "Oswald", Sans-serif;
    font-size: 36px;
    color: #26272B;
    text-transform: uppercase;
    display: block;
    line-height: 36px;
    letter-spacing: -1.6px;
    font-weight: 500;}
.magazinePhotoLockMessage a { margin-top:10px; background-color:#0075C1; font-family: "Oswald", Sans-serif; font-size: 18px; color:#fff; text-transform: uppercase; display:block; line-height: 18px;
    letter-spacing: -0.6px; border-radius: 5px 5px 5px 5px; padding: 12px 12px;}
.magazinePhotoLockMessage a:hover {color:#fff;}

.magazinePhotoLockIcon {background-color:#e76564;
    width: 60px;
    height: 60px;
    line-height: 57px;
    border-radius: 100%;
    font-size: 24px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
color:#FFF;}

.magazinePhotoMemberMessage
{font-family: "Oswald", Sans-serif;
    font-size: 26px;
    color: #26272b;
    text-transform: uppercase;
    display: block;
    line-height: 26px;
    letter-spacing: -1.6px;
    font-weight: 500;
    margin-top: 18px;
}

a h3.magazineName {color:#26272B;}

.flipbookMainContainer {position:relative;}


.magazineLockContainer {width:90%; max-width:500px; margin-left:auto; margin-right:auto; text-align: center; background-color: #fff;
    padding: 30px 10px;
    border-radius: 10px; margin-top:30px; margin-bottom:30px;     font-family: "Oswald", Sans-serif;
    font-size: 36px;
    color: #26272B;
    text-transform: uppercase;
    display: block;
    line-height: 36px;
    letter-spacing: -1.6px;
    font-weight: 500;}


    .magazineLockIcon {background-color:#e76564;
        width: 60px;
        height: 60px;
        line-height: 57px;
        border-radius: 100%;
        font-size: 24px;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    color:#FFF;}

    .magazineLockOptions a {color:#0075C1; font-size: 24px;
        line-height: 24px;
        margin-bottom: 18px;
        display: inline-block;}
.magazineLockOptions {font-size: 24px;
    line-height: 24px;
    margin-bottom: 18px;
    display: inline-block;}

        .magazineLockOptions a:hover {color:#0075C1;}


        .magazineLockMemberAlready {font-size: 20px;
            line-height: 20px;
            letter-spacing: -1px; color:#818181;}



            .magazineLockError {background-color: #E76564;
                color: #fff;
                font-size: 20px;
                line-height: 30px;
                letter-spacing: -0.5px;
                display: inline-block;
                padding: 5px 10px;
                border-radius: 10px; margin-bottom: 10px;}

                .magazineLockForm input[type="password"] {text-transform: uppercase;
                    font-size: 18px;
                    border-radius: 10px;
                    border: none;
                    background-color: #ebe8e8;     max-width: 300px;}

                    .magazineLockForm input[type="submit"] {border:none; line-height: 25px !important;}



                    .magazineLockPreview input[type="submit"] {border:none; background-color:transparent !important; color:#26272B !important;}


                    .magazineLockContainer.previewShown { background-color: transparent; color: #818181;   font-size: 22px;
                        line-height: 22px; letter-spacing: -0.5px;
                        padding: 15px 10px;
                        max-width: fit-content; text-align: center;}

                    .magazineLockContainer.previewShown .magazineLockPreviewMessage { background-color: #E76564; color: #fff;   font-size: 22px;
                        line-height: 22px; letter-spacing: -0.5px;
                        padding: 15px 10px;
                        max-width: fit-content; margin-left: auto; margin-right:auto; border-radius: 15px; margin-bottom:15px;}


                        .magazineLockContainer.previewShown a {color:#0075C1;}