/*
Theme Name: Awaken
Description: Used to style Gutenberg Blocks in the editor.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 General Typography
2.0 General Block Settings
3.0 Blocks - Common Blocks
4.0 Blocks - Formatting
5.0 Blocks - Layout Elements
6.0 Blocks - Widgets

--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 General Typography
--------------------------------------------------------------*/

.editor-styles-wrapper p,
.editor-default-block-appender textarea.block-editor-default-block-appender__content,
.editor-default-block-appender textarea.editor-default-block-appender__content, 
.edit-post-visual-editor .block-editor-block-list__block,
.edit-post-visual-editor .editor-block-list__block {
    color: #404040;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5 !important;
}

.editor-default-block-appender textarea.block-editor-default-block-appender__content,
.editor-default-block-appender textarea.editor-default-block-appender__content {
    font-family: "Source Sans Pro", sans-serif;
    line-height: 1.5 !important;
}

.edit-post-visual-editor .block-editor-block-list__block,
.edit-post-visual-editor .editor-block-list__block {
	color: #404040;
}

.editor-post-title__block .editor-post-title__input {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 1.3;
    font-weight: normal;
    color: #404040;
}

.editor-rich-text__tinymce,
.editor-block-list__block,
.editor-styles-wrapper .mce-content-body,
.editor-styles-wrapper p {
    line-height: 1.5 !important;
}

/*--------------------------------------------------------------
2.0 General Block Settings
--------------------------------------------------------------*/

.wp-block {
	max-width: 747px; 
}

ul.wp-block-gallery, 
ol.wp-block-gallery {
    margin: 0 !important;
    padding-left: 0 !important;
}

.wp-block-pullquote {
    border-top: none;
    border-bottom: none;
    color: inherit;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: none;
}

.wp-block-pullquote.alignleft {
	margin-right: 25px;
}

.wp-block-pullquote.alignright {
	margin-left: 25px;
}

.rtl .wp-block-pullquote.alignleft {
    margin-left: 25px;
    margin-right: 0;
}

.rtl .wp-block-pullquote.alignright {
    margin-left: 0;
    margin-right: 25px;
}

.wp-block-quote {
	font-size: 16px;
    font-size: 1rem;
    padding: 1.5em;
    margin: 1.5em 0;
    background: #f8f8f8;
    border-left: 2px solid #fa5742; 
}

.wp-block-quote:not(.is-large):not(.is-style-large) {
    border-left: 2px solid #fa5742;
    padding-left: 1.5em;
}

.edit-post-visual-editor.editor-styles-wrapper .editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large) p {
    font-size: 16px !important;
    font-size: 1rem !important;
}

.wp-block-quote.is-large p {
    font-size: 21px;
    font-style: normal;
}

.wp-block-quote.is-large, .wp-block-quote.is-style-large {
    padding: 1.5em;
    margin: 1.5em 0;    
}

.editor-block-list__block .wp-block-quote .wp-block-quote__citation {
	color: inherit;
	display: block;
	font-size: inherit;
	font-style: normal;
	font-weight: normal;
	margin-top: 0.5em;
}

.editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large) .wp-block-quote__citation {
  font-size: 16px;
  font-weight: bold;
}

.editor-block-list__block .wp-block-quote.is-large .wp-block-quote__citation {
  margin-top: 1em;
  font-size: 18px;
  font-weight: bold;
}

.editor-block-list__block .wp-block-quote.alignleft p,
.editor-block-list__block .wp-block-quote.alignright p,
.editor-block-list__block .wp-block-quote.alignleft .wp-block-quote__citation,
.editor-block-list__block .wp-block-quote.alignright .wp-block-quote__citation {
	font-size: 14px;
}

.editor-block-list__block .wp-block-quote.alignleft p:last-of-type,
.editor-block-list__block .wp-block-quote.alignright p:last-of-type {
	margin-bottom: 0;
}

.editor-styles-wrapper th {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    background: #f8f8f8;
    font-weight: bold;
    padding: 8px 15px;
}

.editor-styles-wrapper td {
    padding: 5px 15px;
}

.wp-block-table__cell-content {
    padding: 0;
}

/* Pullquote */

.wp-block-pullquote {
	border: 0;
}

.wp-block-pullquote.alignleft blockquote > .editor-rich-text p,
.wp-block-pullquote.alignright blockquote > .editor-rich-text p {
	font-size: 18px;
}

.wp-block-pullquote .wp-block-pullquote__citation {
    font-size: 14px;
    font-weight: bold;
    text-transform: none;
    margin-top: 1em;
}

/* Cover Image */
.wp-block-cover p {
    font-size: 2em;
    padding: 1em;
}

[data-align=left] .wp-block-cover p, 
[data-align=right] .wp-block-cover p {
    font-size: 1.4em;
    padding: 1em;
} 

/* Tiny mce h tag font sizes */
.wp-block-freeform.block-library-rich-text__tinymce h1 {
    font-size: 24px;
    font-size: 1.5rem;
}
.wp-block-freeform.block-library-rich-text__tinymce h2 {
    font-size: 20px;
    font-size: 1.25rem;
}
.wp-block-freeform.block-library-rich-text__tinymce h3 {
    font-size: 18px;
    font-size: 1.125rem;
}
.wp-block-freeform.block-library-rich-text__tinymce h4 {
    font-size: 16px;
    font-size: 1rem;
}
.wp-block-freeform.block-library-rich-text__tinymce h5 {
    font-size: 14px;
    font-size: 0.875rem;
}
.wp-block-freeform.block-library-rich-text__tinymce h6 {
    font-size: 13px;
    font-size: 0.8125rem;
}

/*Search block*/
.wp-block-search .wp-block-search__input {
    color: #666666;
    border: 1px solid #eeeeee;
    margin: 0;
    height: 45px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    border-radius: 0;
}
  
.wp-block-search .wp-block-search__button {
    height: 45px;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    background: #fa5742;
    color: #fff;
    margin: 0;
}
  
.wp-block-search .wp-block-search__button:hover {
    background-color: #3f3f3f;
    color: #ffffff;
}

.blocks-widgets-container .editor-styles-wrapper,
.wp-block[data-type="core/widget-area"] {
    max-width: 820px;
}