ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / baas.elementalrock.com / wp-content / themes / oceanwp / sass / components / blog

/**
 * Single Post
 */
.single {
	.thumbnail {
		position: relative;
		margin-bottom: 20px;

img {
			width: 100%;
		}
	}

.entry-title {
		font-size: 34px;
	    padding: 0 0 20px;
	    margin: 0 0 15px;
	    border-bottom: 1px solid $color-9;
	    letter-spacing: 0.6px;
	}
}

.single-post.content-max-width {
	#main #content-wrap {
		width: 100%;
		max-width: 100%;
	}

.thumbnail,
	.entry-header,
	ul.meta,
	.entry-content h1,
	.entry-content h2,
	.entry-content h3,
	.entry-content h4,
	.entry-content h5,
	.entry-content h6,
	.entry-content blockquote,
	.entry-content p,
	.post-tags,
	.entry-share,
	nav.post-navigation,
	#author-bio,
	#related-posts,
	.comments-area {
	    padding-left: 20px;
	    padding-right: 20px;
	}

.entry-header,
	ul.meta,
	.entry-content h1,
	.entry-content h2,
	.entry-content h3,
	.entry-content h4,
	.entry-content h5,
	.entry-content h6,
	.entry-content blockquote,
	.entry-content p,
	.wp-block-image,
	.wp-block-gallery,
	.wp-block-video,
	.wp-block-quote,
	.wp-block-text-columns,
	.wp-block-code,
	.entry-content ul,
	.entry-content ol,
	.wp-block-cover-text,
	.post-tags,
	.comments-area {
	    margin: 1.5em auto;
	    max-width: 700px;
	}

.entry-content ul,
	.entry-content ol {
	    padding-left: 40px;
    	padding-right: 40px;
	}

.thumbnail {
		margin-top: 0;
	}

.entry-header {
		margin-bottom: 0;
	}

ul.meta {
	    display: block;
	}

.wp-block-quote p {
		padding: 0;
	}

.entry-content blockquote p {
		max-width: 100%;
	    margin: 0;
	    padding: 0;
	}

.thumbnail,
	.wp-block-cover-text.alignwide,
	.wp-block-image.alignwide,
	.wp-block-gallery.alignwide,
	.wp-block-text-columns.alignwide,
	.entry-share,
	nav.post-navigation,
	#author-bio,
	#related-posts {
	    margin: 1.5em auto;
	    max-width: 1100px;
	}

.wp-block-cover-text.alignfull,
	.wp-block-image.alignfull,
	.wp-block-gallery.alignfull,
	.wp-block-text-columns.alignfull {
	    margin: 1.5em 0;
	    max-width: 100%;
	}

.wp-block-image.alignfull img {
		width: 100%;
	}

.wp-block-image.alignleft,
	.wp-block-image.alignright {
		max-width: 350px;
	    margin-top: 0;
	    margin-bottom: 0;
	}

.wp-block-image.alignleft {
	    margin-left: calc( 50% - 350px);
	    padding: 14px 36px 14px 0;
	}

.wp-block-image.alignright {
	    margin-right: calc( 50% - 350px);
	    padding: 14px 0 14px 36px;
	}

figure img {
		margin: 0 auto;
	}

.entry-content {
	    ul.alignfull,
		ol.alignfull {
		    padding-left: 0;
		    padding-right: 0;
		}

ul.alignwide,
		ol.alignwide {
		    padding-left: 0;
		    padding-right: 0;
		}
	}
}

.wp-block-cover-image,
.wp-block-image {
	margin-bottom: 20px;
}

.wp-block-button a:hover {
    color: inherit;
}

.wp-block-quote.blocks-quote-style-2 {
    border: 0;
}

.wp-block-pullquote {
    border-left-width: 0;
    margin: 0;
}

.wp-block-separator {
    margin: 30px auto;

&.is-style-wide {
    	max-width: 700px;
    }
}

.wp-block-table {
	display: table;
}

/*------------------------------------*
	Phone Landscape
*------------------------------------*/
@media only screen and (max-width: 480px) {

.single-post.media-above-content .thumbnail {
		margin-bottom: 20px;
	}

.single-post .entry-title {
		font-size: 26px;
	}

}

[-] _single-next-prev.scss [edit]
[-] _gallery-format.scss [edit]
[+] ..
[-] _single-content.scss [edit]
[-] _blog-entries.scss [edit]
[-] _single-tags.scss [edit]
[-] _blog-thumbnail.scss [edit]
[-] _single-author-bio.scss [edit]
[-] _link-format.scss [edit]
[-] _single-post.scss [edit]
[-] _blog-meta.scss [edit]
[-] _blog-grid.scss [edit]
[-] _video-audio-formats.scss [edit]
[-] _blog-large.scss [edit]
[-] _single-related-posts.scss [edit]
[-] _quote-format.scss [edit]