/* =============================================================================================== */
/* POST ========================================================================================== */
/* =============================================================================================== */

section.post .head {
    float: left;
    width: 100%;
    height: 0;
    background-color: var(--frame-lght-grey);
    background-position: center;
    background-size: cover;
    overflow: hidden;
    transition: 0.5s; }
	.post .head iframe {
		width: 100%;
		line-height: 0; }

section.post .post-category {
    float: left;
    width: 100%;
    color: var(--frame-main);
    font-family: "Oswald";
    font-size: 18px;
    padding: 15px 15px 0;
    margin-bottom: -10px; }

section.post .post-title {
    position: relative;
	float: left;
	width: 100%;
	color: var(--frame-dark-grey);
    font-family: "Oswald";
    font-size: 32px;
    font-weight: bold;
    padding: 0 60px 0 15px;
    margin: 15px 0; }

    section.post .post-title .post-share {
        position: absolute; top: 0; right: 15px; }
        section.post .post-title .post-share .share {
            position: relative;
            opacity: 0.8;
            width: 30px;
            height: 30px;
            color: white;
            font-size: 16px;
            text-align: center;
            line-height: 1;
            border-radius: 3px;
            padding: 6px;
            margin-bottom: 5px;
            transition: 0.5s; }
            section.post .post-title .post-share .share:hover {
                opacity: 1;
                transition: 0.3s; }
            section.post .post-title .post-share .share.fb { background-color: var(--frame-social-fb); }
            section.post .post-title .post-share .share.tw { background-color: var(--frame-social-tw); }


        section.post .post-title .post-share .share:before {
            content: "";
            position: absolute; top: 0; left: 30px;
            width: 0;
            height: 30px;
            color: transparent;
            font-size: 14px;
            text-align: center;
            white-space: nowrap;
            border-radius: 3px;
            padding: 6px 0;
            overflow: hidden;
            transition: 0.5s }
            section.post .post-title .post-share .share:hover:before { 
                position: absolute; top: 0; left: -47px;
                color: white;
                width: 50px;
                padding: 6px 6px;
                transition: 0.3s }
            section.post .post-title .post-share .share.fb:before {
                content: "Share";
                background-color: var(--frame-social-fb); }
            section.post .post-title .post-share .share.tw:before {
                content: "Tweet";
                background-color: var(--frame-social-tw); }

section.post .post-postdata {
    color: grey;
    border-bottom: 1px solid #eee;
    padding: 0 15px 5px; }

section.post .post-cont {
    padding: 15px 15px 60px; }
	section.post .post-cont img {
		width: 100%;
		height: auto;
		margin-bottom: 15px; }
	section.post .post-cont iframe {
		width: 100%;
		margin-bottom: 15px; }