/* PHOTO COVER STYLE */
.layoutOne .standard-photo-post-cover,
.layoutTwo .standard-photo-post-cover,
.layoutThree .standard-photo-post-cover,
.layoutFour .standard-photo-post-cover,
.layoutOne .photo-post-linear-gradient,
.layoutTwo .photo-post-linear-gradient,
.layoutThree .photo-post-linear-gradient,
.layoutFour .photo-post-linear-gradient,
.layoutOne .photo-post-radial-gradient,
.layoutTwo .photo-post-radial-gradient,
.layoutThree .photo-post-radial-gradient,
.layoutFour .photo-post-radial-gradient {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: .2s;    
}

/* BASIC SETTINGS */
.photo-post-interaction-controls > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.photo-post-interaction-controls > ul > li {
    display: inline-block;
    padding: 5px;
}
/* hide mods on default photo post layout */
.default .photo-post-interaction-controls {
    display: none;
}
.default .standard-photo-post-cover,
.default .photo-post-linear-gradient,
.default .photo-post-radial-gradient {
    display: none;
}
.photo-post-img {
    top: 0;
    transition: .2s;
}
.layoutFour .post-caption,
.layoutFour .post-tags-container,
.layoutOne .post-caption,
.layoutOne .post-tags-container,
.layoutTwo .post-caption,
.layoutTwo .post-tags-container,
.layoutThree .post-caption,
.layoutThree .post-tags-container,
.layout-default .photo-post-texture,
.layout-default .photo-post-interaction-controls {
    display: none;
}

/* photo post layout 1 */
.layoutOne {
    cursor: pointer;
    overflow: hidden;
}
.layoutOne .post-reblog-button,
.layoutOne .post-like-button {
    display: none;
}
.layoutOne .post-header{
    position: absolute;
    z-index: 2;
    top: -10px;
    transition: .2s;
}
.layoutOne .post-footer {
    position: absolute;
    z-index: 2;
    bottom: -10px;
    transition: .2s;
}
.layoutOne .photo-post-interaction-controls {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    backface-visibility: hidden;
    z-index: 2;
}
.layoutOne .faux-like,
.layoutOne .reblog_button {
    width: 20px !important;
    height: 20px !important;
}
.layoutOne .photo-post-interaction-controls > ul > li {
    margin: 1px 1px;
    transition: .2s;
}
.layoutOne .post-header {
    border-bottom: none !important;
}
/* hovers */
.layoutOne .post-footer,
.layoutOne .post-header,
.layoutOne .standard-photo-post-cover,
.layoutOne .photo-post-linear-gradient,
.layoutOne .photo-post-interaction-controls,
.layoutOne .photo-post-radial-gradient {
    opacity: 0;
    transition: .2s;
}
.layoutOne:hover .photo-post-interaction-controls > ul > li {
    margin: 1px 5px;
}
.layoutOne:hover .post-footer,
.layoutOne:hover .post-header,
.layoutOne:hover .standard-photo-post-cover,
.layoutOne:hover .photo-post-linear-gradient,
.layoutOne:hover .photo-post-radial-gradient,
.layoutOne:hover .photo-post-interaction-controls,
.layoutOne:hover {
    opacity: 1;
}
.layoutOne:hover .post-footer {
    bottom: 0;
}
.layoutOne:hover .post-header {
    top: 0;
}

/* photo post layout 2 */
.layoutTwo {
    cursor: pointer;
    overflow: hidden;
}
.layoutTwo .post-reblog-button,
.layoutTwo .photo-post-mod-like {
    display: none;
}
.layoutTwo .post-header{
    position: absolute;
    z-index: 2;
    top: -10px;
    transition: .2s;
}
.layoutTwo .post-footer {
    position: absolute;
    z-index: 1;
    bottom: -30px;
    transition: .2s;
}
.layoutTwo .photo-post-interaction-controls {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 7px;
    z-index: 2;
}
.layoutTwo .reblog_button {
    width: 30px !important;
    height: 30px !important;
}
/* hovers */
.layoutTwo .post-footer,
.layoutTwo .post-header {
    border: none !important;
}
.layoutTwo .post-footer,
.layoutTwo .post-header,
.layoutTwo .standard-photo-post-cover,
.layoutTwo .photo-post-linear-gradient,
.layoutTwo .photo-post-interaction-controls,
.layoutTwo .photo-post-radial-gradient {
    opacity: 0;
    transition: .2s;
}
.layoutTwo:hover .photo-post-img {
    top: -30px;
}
.layoutTwo:hover .photo-post-interaction-controls {
    top: 50%;
}
.layoutTwo:hover .post-footer,
.layoutTwo:hover .post-header,
.layoutTwo:hover .standard-photo-post-cover,
.layoutTwo:hover .photo-post-linear-gradient,
.layoutTwo:hover .photo-post-linear-gradient,
.layoutTwo:hover .photo-post-interaction-controls,
.layoutTwo:hover .photo-post-radial-gradient {
    opacity: 1;
}
.layoutTwo:hover .post-footer {
    bottom: 0;
}
.layoutTwo:hover .post-header {
    top: 0;
}

/* photo post layout 3 */
.layoutThree {
    cursor: pointer;
    overflow: hidden;
}
.layoutThree .post-reblog-button,
.layoutThree .photo-post-mod-like {
    display: none;
}
.layoutThree .post-header{
    position: absolute;
    z-index: 2;
    top: -10px;
    transition: .2s;
}
.layoutThree .post-footer {
    position: absolute;
    z-index: 1;
    bottom: -30px;
    transition: .2s;
}
.layoutThree .photo-post-interaction-controls {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 7px;
    z-index: 2;
}
.layoutThree .reblog_button {
    width: 30px !important;
    height: 30px !important;
}
/* hovers */
.layoutThree .post-footer,
.layoutThree .post-header {
    border: none !important;
}
.layoutThree .post-footer,
.layoutThree .post-header,
.layoutThree .standard-photo-post-cover,
.layoutThree .photo-post-linear-gradient,
.layoutThree .photo-post-interaction-controls,
.layoutThree .photo-post-radial-gradient {
    opacity: 0;
    transition: .2s;
}
.layoutThree:hover .photo-post-interaction-controls {
    top: 50%;
}
.layoutThree:hover .post-footer,
.layoutThree:hover .post-header,
.layoutThree:hover .standard-photo-post-cover,
.layoutThree:hover .photo-post-linear-gradient,
.layoutThree:hover .photo-post-linear-gradient,
.layoutThree:hover .photo-post-interaction-controls,
.layoutThree:hover .photo-post-radial-gradient {
    opacity: 1;
}
.layoutThree:hover .post-footer {
    bottom: 0;
}
.layoutThree:hover .post-header {
    top: 0;
}

/* photo post layout 4 */
.layoutFour {
    cursor: pointer;
    overflow: hidden;
}
.layoutFour .post-reblog-button,
.layoutFour .photo-post-mod-like {
    display: none;
}
.layoutFour .post-header{
    position: absolute;
    z-index: 2;
    top: -10px;
    transition: .2s;
}
.layoutFour .post-footer {
    position: absolute;
    z-index: 1;
    bottom: -30px;
    transition: .2s;
}
.layoutFour .photo-post-interaction-controls {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 7px;
    z-index: 2;
    border-radius: 100px;
}
.layoutFour .reblog_button {
    width: 30px !important;
    height: 30px !important;
}
/* hovers */
.layoutFour .post-footer,
.layoutFour .post-header {
    border: none !important;
}
.layoutFour .post-footer,
.layoutFour .post-header,
.layoutFour .standard-photo-post-cover,
.layoutFour .photo-post-linear-gradient,
.layoutFour .photo-post-interaction-controls,
.layoutFour .photo-post-radial-gradient {
    opacity: 0;
    transition: .2s;
}
.layoutFour:hover .photo-post-interaction-controls {
    top: 50%;
}
.layoutFour:hover .post-footer,
.layoutFour:hover .post-header,
.layoutFour:hover .standard-photo-post-cover,
.layoutFour:hover .photo-post-linear-gradient,
.layoutFour:hover .photo-post-interaction-controls,
.layoutFour:hover .photo-post-linear-gradient,
.layoutFour:hover .photo-post-radial-gradient {
    opacity: 1;
}
.layoutFour:hover .post-footer {
    bottom: 0;
}
.layoutFour:hover .post-header {
    top: 0;
}