/*!
 * Gutenberg Editor Styles.
 * Make the editor look the same as the theme.
 * These styles change the actual editor.
 */

/**************************************************************
 General and Typography
 *************************************************************/
.edit-post-visual-editor .editor-block-list__block-edit,
.edit-post-visual-editor,
.editor-post-title__block .editor-post-title__input {
  	font-family: BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
	background: #fff;
	color: #575757;
	font-weight: 300;
}

.editor-post-title__block .editor-post-title__input {
	font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
}

h1 {
  font-size: 32px;
  font-size: 2rem;
}

h2 {
  font-size: 24px;
  font-size: 1.5rem;
}

h3 {
  font-size: 22px;
  font-size: 1.375rem;
}

h4 {
  font-size: 20px;
  font-size: 1.25rem;
}

h5 {
  font-size: 18px;
  font-size: 1.125rem;
}

h6,
p {
  font-size: 16px;
  font-size: 1rem;
}

a {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:link,
a:visited {
    text-decoration: underline;
    color: #15587e;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #a30f1e;
}

a:focus,
a:active {
    outline: dotted 1px #000;
}

figcaption {
  	font-size: 0.7111111111em;
  	line-height: 1.6;
}

/**************************************************************
 Pull Quote
 *************************************************************/
.wp-block-pullquote {
  	border: none;
}

.wp-block-pullquote blockquote {
  	border-top: solid 1px #d1d1d1;
	border-bottom: solid 1px #d1d1d1;
	border-left: none;
	padding-top: calc(2 * 1rem);
  	padding-bottom: calc(2 * 1rem);
  	margin-right: 0;
}

.wp-block-pullquote blockquote > .editor-rich-text p {
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.3;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

.wp-block-pullquote blockquote cite {
	font-size: 0.7111111111em;
}

/**************************************************************
 Drop Cap
 *************************************************************/
.edit-post-visual-editor  p.has-drop-cap:first-letter {
   font-size: 3.5em;
   line-height: 1;
   font-weight: 400;
   margin: 0 0.25em 0 0;
   text-transform: uppercase;
   font-style: normal;
}

/**************************************************************
 Gallery
 *************************************************************/
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
  font-size: 0.7111111111em;
  line-height: 1.6;
}

/**************************************************************
 Button
 *************************************************************/
.wp-block-button .wp-block-button__link {
	background: #00538a;
	border: solid 1px #00538a;
	border-radius: 0;
	color: #fff;
	@include font-size(13px);
	line-height: 1;
	margin: 0;
	@include padding(13px, 16px, 13px, 16px);
	text-decoration: none;
}

.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:active {
	background: #a3041f;
	border: solid 1px #a3041f;
}

.disabled
{
    cursor: not-allowed;

    opacity: .5;
}

.disabled > a
{
    display: inline-block;

    text-decoration: none;
    pointer-events: none;

    color: currentColor;
}

/**************************************************************
 Block Quote
 *************************************************************/
.wp-block-quote:not(.is-large):not(.is-style-large) {
  	border-left: 4px solid #000;
}

.wp-block-quote.is-large, .wp-block-quote.is-style-large {
	margin-top: 2.8125em;
	margin-bottom: 2.8125em;
	border-left: 0;
}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
	font-size: 1.6875em;
	line-height: 1.3;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

.wp-block-quote cite,
.wp-block-quote footer,
.wp-block-quote .wp-block-quote__citation {
	font-size: 0.7111111111em;
	line-height: 1.6;
	color: #919191;
}

/**************************************************************
 Code
 *************************************************************/
.wp-block-code {
  	border-radius: 0;
}

.wp-block-code
{
     direction: ltr;
}

/**************************************************************
 Video
 *************************************************************/
.wp-block-video video {
  	width: 100%;
}

/**************************************************************
 Verse
 *************************************************************/
.wp-block-verse,
.wp-block-verse pre {
  	padding: 0;
}

/**************************************************************
 Table
 *************************************************************/
.wp-block-table td, .wp-block-table th {
  	border-color: #d1d1d1;
}

/**************************************************************
 Latest Comments
 *************************************************************/
.wp-block-latest-comments .wp-block-latest-comments__comment-meta {
  	font-weight: bold;
}

.wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
  	font-weight: normal;
}

.wp-block-latest-comments .wp-block-latest-comments__comment,
.wp-block-latest-comments .wp-block-latest-comments__comment-date,
.wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
  	font-size: inherit;
}

.wp-block-latest-comments .wp-block-latest-comments__comment-date {
  	font-size: 0.7111111111em;
}

/**************************************************************
 File
 *************************************************************/
.wp-block-file .wp-block-file__button {
	transition: background 150ms ease-in-out;
	border: none;
	background: #00538a;
	font-size: 0.8888888889em;
	line-height: 1.2;
	box-sizing: border-box;
	font-weight: bold;
	padding: 0.66rem 1rem;
	outline: none;
	color: #fff;
	outline: none;
	border-radius: 0;
}

.wp-block-file .wp-block-file__button:hover {
  	cursor: pointer;
}

.wp-block-file .wp-block-file__button:hover, 
.wp-block-file .wp-block-file__button:focus {
  	background: #a30f1e;
}

.wp-block-file .wp-block-file__button:focus {
	outline: thin dotted #fff;
	outline-offset: -4px;
}

.wp-block-file .wp-block-file__button:hover {
	border-color: #a30f1e;
	color: #fff;
}