Manager

Back Back Up Advanced Editor

/* Gutenberg related styles */

/* Table of Contents
-------------------------------------------------------
	
	# Editor Styles
	# Block Alignment
	# Cover Image
	# Block Galley
	# Blockquotes
	# Pullquotes
	# Buttons
	# Forms
	# Widgets
	# Code
	# Calendar
	# Separator
	# Ul/Ol Archives
	# WooCommerce Blocks
*/

/* # Editor Styles */
	.editor-styles-wrapper {
		-moz-osx-font-smoothing: grayscale;
	  -webkit-font-smoothing: antialiased;
	  font-smoothing: antialiased;
	  -moz-font-smoothing: antialiased;
	}
	.editor-styles-wrapper a {
		color: #151515;
		text-decoration: none;
		position: relative;
		padding: 0.1em 0;
	}
	.editor-styles-wrapper a:not([class]):after {
		content: '';
		height: 2px;
		width: 0;
		background-color: currentColor;
		position: absolute;
		bottom: 0;
		left: 0;
		-webkit-transition: width .25s;
		transition: width .25s;
	}
	.editor-styles-wrapper a:not([class]):hover:after {
		width: 100%;
	}
	.editor-styles-wrapper,
	.editor-styles-wrapper .mce-content-body {
		line-height: 1.7;
	}

@media only screen and (min-width: 768px) {
		.editor-post-title__block .editor-post-title__input {
			font-size: 2.6rem;
			text-align: center;
		}
	}

/* # Block Alignment */
	.alignleft {
		display: inline;
		float: left;
		text-align: left;
		margin-right: 2em;
	}
	.alignright {
		display: inline;
		float: right;
		text-align: right;
		margin-left: 2em;
	}
	.aligncenter {
		display: block;
		clear: both;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}
	.wp-block[data-align=center]>* {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	}
	.wp-block[data-align=left]>*,
	.wp-block[data-align=right]>* {
		margin-top: 0;
	}

.wp-block-cover.alignleft {
		margin-right: 1em;
	}
	.wp-block-cover.alignright {
		margin-left: 1em;
	}

/* Main column width */
	.wp-block {
		max-width: 730px;
	}
	
	.editor-styles-wrapper .wp-block-column > * {
		margin-bottom: 0;
	}
	.editor-styles-wrapper .wp-block-column > *:first-child {
		margin-top: 0;
	}
	.wp-block[data-align=full] .wp-block-columns {
		padding: 0 26px;
	}
	
	.wp-block[data-align=full] {
		max-width: none !important;
		margin-bottom: 5rem;
		margin-top: 5rem;
	}
	.wp-block[data-align=full],
	.wp-block[data-align=wide],
	.wp-block.alignwide {
		clear: both;
	}

.block-editor-block-list__layout.is-root-container>.wp-block[data-align=full] {
    margin-left: -14px;
    margin-right: -14px;
	}

@media (min-width: 600px) {
		.block-editor-block-list__layout.is-root-container>.wp-block[data-align=full] {
	    margin-left: -36px;
	    margin-right: -36px;
		}
	}

@media (min-width: 992px) {
		.wp-block[data-align=wide],
		.wp-block.alignwide,
		.wp-block .alignwide {
			max-width: calc(730px + 8vw);
		}
	}
	@media (min-width: 1490px) {
		.wp-block {
			max-width: 915px;
		}
		.wp-block[data-align=wide],
		.wp-block.alignwide,
		.wp-block .alignwide {
			max-width: calc(915px + 8vw);
		}
	}

/* Tables */

.wp-block-table th {
	text-transform: uppercase;
	font-weight: normal;
	color: #282828;
}

/* # Cover Image */
	.block-editor-block-list__layout .block-editor-block-list__block[data-align=left]>.is-block-content,
	.block-editor-block-list__layout .block-editor-block-list__block[data-align=right]>.is-block-content {
		margin-bottom: 28px;
	}
	.wp-block-cover a,
	.wp-block-cover-image a {
		color: #fff;
	}
	.editor-styles-wrapper .wp-block-cover p {
		line-height: 1.25;
		font-size: 2em;
		padding: 14px 0;
	}

/* # Block Galley */
	.wp-block-gallery .blocks-gallery-image figcaption,
	.wp-block-gallery .blocks-gallery-item figcaption {
	  line-height: 1.3;
	  background: linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.2) 60%,transparent);
	}
	figure.wp-block-gallery.alignleft {
		margin-right: 2em;
	}
	figure.wp-block-gallery.alignright {
		margin-left: 2em;
	}

/* # Blockquotes */
	blockquote {
    color: #282828;
    padding: 0 20px;
	}
	blockquote h1,
	blockquote h2,
	blockquote h3,
	blockquote h4,
	blockquote h5,
	blockquote h6, 
	.editor-styles-wrapper blockquote p {
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 20px;
	}
	.wp-block-pullquote {
		color: #282828;
	}
	[data-align=right] .wp-block-pullquote {
		text-align: right;
		max-width: 305px;
	}
	[data-align=left] .wp-block-pullquote {
		text-align: left;
		max-width: 305px;
	}
	.wp-block-quote {
		padding-top: 1.5em;
		padding-right: 1.5em;
		padding-left: 1.5em;
	}
	.editor-styles-wrapper .wp-block-quote p,
	.editor-styles-wrapper .wp-block-pullquote p {
		font-weight: inherit !important;
	}
	.editor-styles-wrapper .wp-block-pullquote p {
		font-size: 28px;
	}
	.editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote p {
		font-size: 32px;
	}
	.wp-block-quote__citation {
		padding-left: 32px;
		position: relative;
		display: inline;
		font-size: inherit;
	}
	.wp-block-quote__citation br {
		display: none;
	}
	.wp-block-quote.is-large .wp-block-quote__citation {
		font-size: 18px;
	}
	.wp-block-quote__citation:before {
		position: absolute;
		top: 50%;
		left: 0;
		display: block;
		content: " ";
		width: 25px;
		height: 1px;
		background: rgba(0,0,0,0.1);
	}
	.wp-block-quote.is-large p,
	.wp-block-quote.is-style-large p {
		font-style: normal;
	}

/* # Pullquotes */
	.wp-block-pullquote {
		border-top: 4px solid;
		border-bottom: 4px solid;
	}
	.wp-block-pullquote blockquote {
		margin: 0 20px;
	}
	.wp-block-pullquote blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]:before,
	.wp-block-pullquote blockquote > .editor-rich-text p {
		font-size: 22px;
	}
	.wp-block-pullquote.alignright blockquote > .editor-rich-text p,
	.wp-block-pullquote.alignleft blockquote > .editor-rich-text p {
		font-size: 20px;
	}
	.wp-block-pullquote.is-style-solid-color blockquote {
		max-width: 75%;
		text-align: inherit;
	}
	.wp-block-pullquote.is-style-solid-color blockquote p {
	  margin-top: 0;
	  margin-bottom: 0;
	  font-size: 26px;
	}
	.wp-block-pullquote.alignright {
		margin-left: 1.5em;
	}
	.wp-block-pullquote.alignleft {
		margin-right: 1.5em;
	}
	blockquote cite,
	.wp-block-quote cite,
	.wp-block-quote footer,
	.wp-block-quote__citation,
	.wp-block-pullquote cite,
	.wp-block-pullquote footer,
	.wp-block-pullquote__citation {
	  font-size: inherit;
	  text-transform: none;
	  margin-top: 1em;
	  line-height: 1;
	  font-style: normal;
	  font-weight: normal;
	}
	.wp-block-pullquote .wp-block-pullquote__citation {
		color: #6c7781;
	}
	cite a {
		text-decoration: underline;
	}

/* # Ul/Ol Archives */
	
	.editor-styles-wrapper ol.wp-block,
	.editor-styles-wrapper ul.wp-block {
		padding-left: 2em;
	}
	.editor-styles-wrapper .block-library-list ol,
	.editor-styles-wrapper .block-library-list ul,
	.block-editor .wp-block-categories ul ul,
	.editor-styles-wrapper ol ol,
	.editor-styles-wrapper ul ul  {
		padding-left: 1.3em;
	}
	.editor-styles-wrapper ol ol,
	.editor-styles-wrapper ul ul {
		margin-left: 0;
	}
	.block-editor ul.wp-block-archives,
	.block-editor .wp-block-categories ul,
	.block-editor .wp-block-categories,
	.block-editor .wp-block-latest-posts,
	.block-editor .wp-block-latest-comments {
		padding-left: 0;
		margin-left: 0;
	}
	.block-editor ul.wp-block-archives,
	.block-editor .wp-block-categories ul,
	.block-editor .wp-block-latest-posts ul,
	.block-editor .wp-block-latest-comments ul {
		list-style: none;
	}
	.block-editor .wp-block-archives li,
	.block-editor .wp-block-categories li,
	.block-editor .wp-block-latest-posts li {
		margin-bottom: 16px;
	}

/* # Buttons */
	div[data-type="core/button"] {
		display: block;
	}
	.wp-block-button__link {
		display: inline-block;
	  line-height: 1.6;
	  font-size: inherit;
	  color: #fff;
	  padding: .75rem 1.75rem;
	  border: 2px solid transparent;
	  text-align: center;
	  opacity: 1;
	  background: #282828;
	  -webkit-transition: all .3s ease-in-out;
	  -o-transition: all .3s ease-in-out;
	  transition: all .3s ease-in-out;
	  border-radius: 5px;
	}
	.wp-block-button__link:hover {
		color: #fff;
		opacity: 0.82;
	}
	.is-style-outline {
		color: #32373c;
	}
	.wp-block-button.is-style-outline .wp-block-button__link {
		color: inherit;
		border: 2px solid currentColor;
	}

/* # Forms */

.wp-core-ui .wp-block select,
	.wp-core-ui .wp-block input {
		font-family: inherit;
    font-size: 1em;
    line-height: 1.6;
    outline: 0;
    padding: .75rem;
    height: calc(2.15em + .975rem + 4px);
    color: #282828;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: 0;
    border: 2px solid #ddd;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
	}
	.wp-core-ui .wp-block select {
		padding-right: 26px;
		background-position: right 10px top 55%;
	}

/* Widgets */

.editor-styles-wrapper .wp-block-latest-comments .wp-block-latest-comments__comment {
		font-size: inherit;
		margin-bottom: 1em;
	}
	.editor-styles-wrapper .wp-block-latest-comments__comment-excerpt p {
		margin: 5px 0;
	}
	.wp-block-search__button {
    background: transparent;
    border: 0;
    font-size: 0;
    position: absolute;
    right: 5px;
    bottom: 0;
    line-height: 1.6;
    padding: .75rem;
	}
	.block-editor .wp-block-rss {
		padding-left: 1.3em;
	}
	.editor-styles-wrapper .wp-block-latest-posts__post-date {
		font-size: 0.9em;
	}

/* # Code */
	.block-editor pre,
	.block-editor var,
	.block-editor code,
	.block-editor pre code,
	.wp-block-preformatted {
		-moz-hyphens: none;
    font-family: monospace, serif;
    font-style: normal;
    font-family: Menlo,Consolas,monaco,monospace;
    font-size: 14px;
    color: #212529;
  }
  .block-editor code {
  	color: #e83e8c;
  }
  .block-editor pre code {
  	color: inherit;
  }
  .block-editor pre,
  .block-editor var,
  .wp-block-preformatted {
  	display: block;
  }
  .wp-block-preformatted,
  .wp-block-code,
  .wp-block-freeform.block-library-rich-text__tinymce pre {
		padding: 20px;
		background: #fafafa;
		border: 1px solid #e7e7e7;
		border-radius: 4px;
	}
	.wp-block-code .block-editor-plain-text {
		font-size: inherit;
	}
	.wp-block-code textarea,
	.wp-block-code .editor-plain-text {
		background: transparent;
	}
	.wp-block-freeform.block-library-rich-text__tinymce code {
		-moz-hyphens: none;
    font-family: monospace, serif;
    font-style: normal;
    font-family: Menlo,Consolas,monaco,monospace;
    font-size: 14px;
		color: #e83e8c;
		background: transparent;
		word-wrap: break-word;
	}
	.editor-styles-wrapper kbd,
	.editor-styles-wrapper .wp-block kbd {
    padding: 0.2rem 0.4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: 0.2rem;
	}
	.editor-styles-wrapper mark, ins {
    text-decoration: none;
    background-color: #f5f5f5;
    padding: 0 3px;
	}
	.editor-styles-wrapper dt {
    font-weight: bold;
    color: #282828;
	}
	.editor-styles-wrapper dd {
		margin-left: 1.5em;
	}
	.editor-styles-wrapper table.mce-item-table {
	  border-collapse: collapse;
	}
	.editor-styles-wrapper table.mce-item-table td,
	.editor-styles-wrapper table.mce-item-table th {
		padding: .6em .8em;
		word-break: break-all;
		border: 1px solid currentColor;
	}
	.mce-item-table th {
    color: #282828;
    font-weight: normal;
    text-transform: uppercase;
	}

/* # Calendar */
	#wp-calendar {
		width: 100%;
		border-collapse: separate;
		border-spacing: 1px;
	}
	#wp-calendar thead { font-size: 12px; }
	#wp-calendar thead th {
		padding-bottom: 10px; 
		text-align: center;
		background: transparent;
		border: 0;
	}
	#wp-calendar tbody td {
		background: #f5f5f5;
		background: rgba(0,0,0,0.04);
		border: 0;
		text-align: center;
		line-height: 2.5;
		padding: 0;
	}
	#wp-calendar tbody td a {
		display: block;
		background: #fff;
	}
	#wp-calendar tbody td:hover,
	#wp-calendar tbody .pad,
	#wp-calendar tbody #today {
		background: none;
	}
	#wp-calendar tfoot #prev,
	#wp-calendar tfoot #next {
		padding-top: 10px;
	}
	#wp-calendar tfoot #next {
		text-align: right;
	}
	#wp-calendar tfoot a {
		color: initial;
	}
	.wp-block-calendar a {
		text-decoration: none;
	}

/* # Separator */
	.editor-styles-wrapper .wp-block-separator.is-style-dots {
		color: currentColor;
	}
	.editor-styles-wrapper .wp-block-separator {
		border-color: currentColor;
	}

/* # WooCommerce Blocks */
	.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-price {
		margin-bottom: 0;
	}
	.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-rating,
	.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title {
		margin-bottom: 8px;
	}
	.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-title {
		font-weight: 400;
	}
	.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-rating {
		line-height: 1;
	}
	.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-rating .star-rating {
		text-align: left;
	}
	.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-rating .star-rating:before,
	.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-rating .star-rating span:before {
		content: "\e92e \e92e \e92e \e92e \e92e";
		font-family: "et-icon";
	}
	.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale {
		position: absolute;
    top: 5%;
    left: 5%;
    display: block;
    z-index: 2;
    font-size: 0.75em;
    font-weight: 400;
    color: #777;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 20px;
    padding: 0 10px;
    text-align: center;
    letter-spacing: normal;
    border: 0;
    margin: 0;
    text-transform: none;
	}
	.wc-block-grid .wc-block-grid__products .wc-block-grid__product {
		text-align: initial;
	}
	.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-price ins {
		background: transparent;
	}
	.wc-block-grid .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-price del {
		color: #848485;
	}
	.wc-block-grid .wc-block-grid__product-image {
		display: block;
    overflow: hidden;
    position: relative;
	}
	.wc-block-grid.has-4-columns:not(.alignwide):not(.alignfull) .wc-block-grid__product, .wc-block-grid.has-5-columns:not(.alignfull) .wc-block-grid__product, .wc-block-grid.has-6-columns:not(.alignfull) .wc-block-grid__product, .wc-block-grid.has-7-columns .wc-block-grid__product, .wc-block-grid.has-8-columns .wc-block-grid__product {
		font-size: inherit;
	}
	.wc-block-grid__product .wc-block-grid__product-price {
		margin: auto 0 0;
	}
	.wc-block-grid__product .wc-block-grid__product-add-to-cart button,
	.wc-block-grid__product .wc-block-grid__product-add-to-cart a {
		background: transparent;
    border-radius: 0;
    color: #777;
    padding: 0;
    font-weight: 400;
    font-size: inherit;
    text-align: initial;
	}