@charset "UTF-8";
/******************************************************************
Site Name:
Author:

Stylesheet: TinyMCE Editor

This stylesheet is loaded automatically by Wordpress when compiled
and placed in the root theme directory folder as editor-style.css

For more info, check out the codex:
http://codex.wordpress.org/Editor_Style

******************************************************************/
/* Wrap the entire post style inside the TinyMCE selector, as suggested
here http://codex.wordpress.org/Function_Reference/add_editor_style */
body#tinymce.wp-editor {
  /*! modern-normalize | MIT License | https://github.com/sindresorhus/modern-normalize */
  /* Document
     ========================================================================== */
  /**
   * Use a better box model (opinionated).
   */
  /**
   * Use a more readable tab size (opinionated).
   */
  /**
   * Correct the line height in all browsers.
   */
  /* Sections
     ========================================================================== */
  /**
   * Remove the margin in all browsers.
   */
  /**
   * Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
   */
  /**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
  /* Grouping content
     ========================================================================== */
  /**
   * Add the correct height in Firefox.
   */
  /* Text-level semantics
     ========================================================================== */
  /**
   * Add the correct text decoration in Chrome, Edge, and Safari.
   */
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  /**
   * 1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  /**
   * Add the correct font size in all browsers.
   */
  /**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
  /* Forms
     ========================================================================== */
  /**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
  /**
   * Remove the inheritance of text transform in Edge and Firefox.
   * 1. Remove the inheritance of text transform in Firefox.
   */
  /**
   * Correct the inability to style clickable types in iOS and Safari.
   */
  /**
   * Remove the inner border and padding in Firefox.
   */
  /**
   * Restore the focus styles unset by the previous rule.
   */
  /**
   * Correct the padding in Firefox.
   */
  /**
   * Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
  /**
   * Add the correct vertical alignment in Chrome and Firefox.
   */
  /**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  /**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
  /* Interactive
     ========================================================================== */
  /*
   * Add the correct display in Chrome and Safari.
   */
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Variables
  
  Here is where we declare all our variables like colors, fonts,
  base values, and defaults. We want to make sure this file ONLY
  contains variables that way our files don't get all messy.
  No one likes a mess.
  
  ******************************************************************/
  /*********************
  COLORS
  Need help w/ choosing your colors? Try this site out:
  http://0to255.com/
  *********************/
  /*
  Here's a great tutorial on how to
  use color variables properly:
  http://sachagreif.com/sass-color-variables/
  */
  /******************************************************************
  Site Name: 
  Author: 
  
  Stylesheet: Typography
  
  ******************************************************************/
  /*
  "Web design is 95% typography" — Oliver Reichenstein
  
  When that quote was made in 2006 it was before web fonts, auto-play video,
  and animated pop-ups so even if it is 65 or 75% today that is still *most* 
  of any web site's design. Understanding some of the basics of typography
  (and web typography) will go a long way.
  
  There are lots of web typographic systems out there however many are
  overly complex and not intuitive. Thus, we've tried to set some good
  defaults that aren't based on confounding mixins here but you may want
  to explore web typography further:
  
  https://www.smashingmagazine.com/2009/08/typographic-design-survey-best-practices-from-the-best-blogs/
  https://www.smashingmagazine.com/2012/12/css-baseline-the-good-the-bad-and-the-ugly/
  http://www.newnet-soft.com/blog/csstypography
  http://typecast.com/blog/4-simple-steps-to-vertical-rhythm
  https://github.com/StudioThick/megatype
  https://sassline.com
  http://matejlatin.github.io/Gutenberg/
  https://zellwk.com/blog/responsive-typography/
  https://github.com/zellwk/typi
  
  Note that most of the typography styles are set in base.scss with
  the html, body, and h1–h6 tags so adjust as needed. Set a good baseline
  and consider your vertical rhythm.
  
  */
  /*********************
  FONT FACE (IN YOUR FACE)
  *********************/
  /* To embed your own fonts, use this syntax
    and place your fonts inside the
    library/fonts folder. For more information
    on embedding fonts, go to:
    http://www.fontsquirrel.com/
    Be sure to remove the comment brackets.
    
    Also, you don't have to include a separate name for 
    each font style...just use the same name and
    declare each style separately. See here:
    http://www.newnet-soft.com/blog/csstypography
  */
  /*  @font-face {
        font-family: 'Font Name';
        src: url('library/fonts/font-name.eot');
        src: url('library/fonts/font-name.eot?#iefix') format('embedded-opentype'),
               url('library/fonts/font-name.woff') format('woff'),
               url('library/fonts/font-name.ttf') format('truetype'),
               url('library/fonts/font-name.svg#font-name') format('svg');
        font-weight: normal;
        font-style: normal;
    }
  */
  /*********************
  FONT STACKS
  *********************/
  /*
   Commented out since WP uses system fonts now but if you can't let go I won't be upset. 
  */
  /*
  some nice typographical defaults
  more here: http://www.newnet-soft.com/blog/csstypography
  */
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Sass Functions
  
  You can do a lot of really cool things in Sass. Functions help you
  make repeated actions a lot easier. They are really similar to mixins,
  but can be used for so much more.
  
  Anyway, keep them all in here so it's easier to find when you're
  looking for one.
  
  For more info on functions, go here:
  http://sass-lang.com/documentation/Sass/Script/Functions.html
  
  ******************************************************************/
  /*********************
  COLOR FUNCTIONS
  These are helpful when you're working
  with shadows and such things. It's essentially
  a quicker way to write RGBA.
  
  Example:
  box-shadow: 0 0 4px black(0.3);
  compiles to:
  box-shadow: 0 0 4px rgba(0,0,0,0.3);
  *********************/
  /*********************
  RESPONSIVE HELPER FUNCTION
  If you're creating a responsive site, then
  you've probably already read
  Responsive Web Design: http://www.abookapart.com/products/responsive-web-design
  
  Here's a nice little helper function for calculating
  target / context
  as mentioned in that book.
  
  Example:
  width: cp(650px, 1000px);
  or
  width: calc-percent(650px, 1000px);
  both compile to:
  width: 65%;
  *********************/
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Mixins Stylesheet
  
  This is where you can take advantage of Sass' great features: Mixins.
  I won't go in-depth on how they work exactly,
  there are a few articles below that will help do that. What I will
  tell you is that this will help speed up simple changes like
  changing a color or adding CSS3 techniques gradients.
  
  A WORD OF WARNING: It's very easy to overdo it here. Be careful and
  remember less is more.
  
  Helpful:
  http://sachagreif.com/useful-sass-mixins/
  http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
  http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/
  
  
  
  ******************************************************************/
  /*********************
  TINTS/SHADES
  https://css-tricks.com/snippets/sass/tint-shade-functions/
  *********************/
  /*********************
  TRANSITION
  *********************/
  /*
  I totally rewrote this to be cleaner and easier to use.
  You'll need to be using Sass 3.2+ for these to work.
  Thanks to @anthonyshort for the inspiration on these.
  USAGE: @include transition(all 0.2s ease-in-out);
  */
  /*********************
  CSS3 GRADIENTS
  Be careful with these since they can
  really slow down your CSS. Don't overdo it.
  *********************/
  /* @include css-gradient(#dfdfdf,#f8f8f8); */
  /*********************
  BOX SIZING
  *********************/
  /* @include box-sizing(border-box); */
  /* NOTE: value of "padding-box" is only supported in Gecko. So
  probably best not to use it. I mean, were you going to anyway? */
  /*--------------------------------------------------
  Flexbox SASS mixins
  The spec: http://www.w3.org/TR/css3-flexbox
  https://gist.github.com/richardtorres314/26b18e12958ba418bb37993fdcbfc1bd
  
  Checkout this Flexbox guide for more info:
  https://css-tricks.com/snippets/css/a-guide-to-flexbox/
  
  2018: probably can remove these with autoprefixer(?)
  ---------------------------------------------------*/
  /*@include flexbox(); */
  /*********************
  LARGER MOBILE DEVICES
  This is for devices like the Galaxy Note or something that's
  larger than an iPhone but smaller than a tablet. Let's call them
  tweeners.
  *********************/
  /*********************
	LINK STYLES
	*********************/
  /******************************************************************
  H1, H2, H3, H4, H5 STYLES
  ******************************************************************/ }
  body#tinymce.wp-editor html {
    box-sizing: border-box; }
  body#tinymce.wp-editor *,
  body#tinymce.wp-editor *::before,
  body#tinymce.wp-editor *::after {
    box-sizing: inherit; }
  body#tinymce.wp-editor :root {
    -moz-tab-size: 4;
    tab-size: 4; }
  body#tinymce.wp-editor html {
    line-height: 1.15; }
  body#tinymce.wp-editor body {
    margin: 0; }
  body#tinymce.wp-editor body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; }
  body#tinymce.wp-editor h1 {
    margin: 0.67em 0;
    font-size: 2em; }
  body#tinymce.wp-editor hr {
    height: 0; }
  body#tinymce.wp-editor abbr[title] {
    text-decoration: underline dotted; }
  body#tinymce.wp-editor b,
  body#tinymce.wp-editor strong {
    font-weight: bolder; }
  body#tinymce.wp-editor code,
  body#tinymce.wp-editor kbd,
  body#tinymce.wp-editor samp,
  body#tinymce.wp-editor pre {
    font-size: 1em;
    /* 2 */
    font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
    /* 1 */ }
  body#tinymce.wp-editor small {
    font-size: 80%; }
  body#tinymce.wp-editor sub,
  body#tinymce.wp-editor sup {
    position: relative;
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0; }
  body#tinymce.wp-editor sub {
    bottom: -0.25em; }
  body#tinymce.wp-editor sup {
    top: -0.5em; }
  body#tinymce.wp-editor button,
  body#tinymce.wp-editor input,
  body#tinymce.wp-editor optgroup,
  body#tinymce.wp-editor select,
  body#tinymce.wp-editor textarea {
    margin: 0;
    /* 2 */
    font-size: 100%;
    /* 1 */
    font-family: inherit;
    /* 1 */
    line-height: 1.15;
    /* 1 */ }
  body#tinymce.wp-editor button,
  body#tinymce.wp-editor select {
    /* 1 */
    text-transform: none; }
  body#tinymce.wp-editor button,
  body#tinymce.wp-editor [type='button'],
  body#tinymce.wp-editor [type='reset'],
  body#tinymce.wp-editor [type='submit'] {
    -webkit-appearance: button; }
  body#tinymce.wp-editor button::-moz-focus-inner,
  body#tinymce.wp-editor [type='button']::-moz-focus-inner,
  body#tinymce.wp-editor [type='reset']::-moz-focus-inner,
  body#tinymce.wp-editor [type='submit']::-moz-focus-inner {
    padding: 0;
    border-style: none; }
  body#tinymce.wp-editor button:-moz-focusring,
  body#tinymce.wp-editor [type='button']:-moz-focusring,
  body#tinymce.wp-editor [type='reset']:-moz-focusring,
  body#tinymce.wp-editor [type='submit']:-moz-focusring {
    outline: 1px dotted ButtonText; }
  body#tinymce.wp-editor fieldset {
    padding: 0.35em 0.75em 0.625em; }
  body#tinymce.wp-editor legend {
    padding: 0; }
  body#tinymce.wp-editor progress {
    vertical-align: baseline; }
  body#tinymce.wp-editor [type='number']::-webkit-inner-spin-button,
  body#tinymce.wp-editor [type='number']::-webkit-outer-spin-button {
    height: auto; }
  body#tinymce.wp-editor [type='search'] {
    outline-offset: -2px;
    /* 2 */
    -webkit-appearance: textfield;
    /* 1 */ }
  body#tinymce.wp-editor [type='search']::-webkit-search-decoration {
    -webkit-appearance: none; }
  body#tinymce.wp-editor ::-webkit-file-upload-button {
    font: inherit;
    /* 2 */
    -webkit-appearance: button;
    /* 1 */ }
  body#tinymce.wp-editor summary {
    display: list-item; }
  body#tinymce.wp-editor p {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    hyphens: none;
    -webkit-hyphenate-before: 2;
    -webkit-hyphenate-after: 3;
    hyphenate-lines: 3;
    -webkit-font-feature-settings: "liga", "dlig";
    -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga", "dlig";
    -o-font-feature-settings: "liga", "dlig";
    font-feature-settings: "liga", "dlig"; }
  @media only screen and (min-width: 481px) {
    body#tinymce.wp-editor {
      /* at this larger size, we can start to align images */ }
      body#tinymce.wp-editor .alignleft, body#tinymce.wp-editor img.alignleft {
        display: inline;
        float: left;
        margin-right: 1.5em; }
      body#tinymce.wp-editor .alignright, body#tinymce.wp-editor img.alignright {
        display: inline;
        float: right;
        margin-left: 1.5em; }
      body#tinymce.wp-editor .aligncenter, body#tinymce.wp-editor img.aligncenter {
        display: block;
        clear: both;
        margin-right: auto;
        margin-left: auto; } }
  body#tinymce.wp-editor a, body#tinymce.wp-editor a:visited {
    /* on hover */
    /* on click */ }
    body#tinymce.wp-editor a:link, body#tinymce.wp-editor a:visited:link {
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }
  body#tinymce.wp-editor h1, body#tinymce.wp-editor .h1, body#tinymce.wp-editor h2, body#tinymce.wp-editor .h2, body#tinymce.wp-editor h3, body#tinymce.wp-editor .h3, body#tinymce.wp-editor h4, body#tinymce.wp-editor .h4, body#tinymce.wp-editor h5, body#tinymce.wp-editor .h5, body#tinymce.wp-editor h6, body#tinymce.wp-editor .h6 {
    margin: 1.333em 0 0.5em;
    color: #303030;
    font-weight: 500;
    line-height: 1.2;
    text-rendering: optimizelegibility;
    /*
    if you're going to use webfonts, be sure to check your weights
    http://css-tricks.com/watch-your-font-weight/
    */
    /* removing text decoration from all headline links */ }
    body#tinymce.wp-editor h1 a, body#tinymce.wp-editor .h1 a, body#tinymce.wp-editor h2 a, body#tinymce.wp-editor .h2 a, body#tinymce.wp-editor h3 a, body#tinymce.wp-editor .h3 a, body#tinymce.wp-editor h4 a, body#tinymce.wp-editor .h4 a, body#tinymce.wp-editor h5 a, body#tinymce.wp-editor .h5 a, body#tinymce.wp-editor h6 a, body#tinymce.wp-editor .h6 a {
      text-decoration: none; }
  body#tinymce.wp-editor h1, body#tinymce.wp-editor .h1 {
    margin-top: 0;
    margin-bottom: 0.319em;
    font-size: 3.157em; }
  body#tinymce.wp-editor h2, body#tinymce.wp-editor .h2 {
    margin-top: 0.88em;
    font-size: 2.369em; }
  body#tinymce.wp-editor h3, body#tinymce.wp-editor .h3 {
    font-size: 1.777em; }
  body#tinymce.wp-editor h4, body#tinymce.wp-editor .h4 {
    font-size: 1.333em; }
  body#tinymce.wp-editor h5, body#tinymce.wp-editor .h5 {
    font-size: 1em; }
  body#tinymce.wp-editor h6, body#tinymce.wp-editor .h6 {
    text-transform: uppercase;
    letter-spacing: 4.333px; }
  body#tinymce.wp-editor p {
    margin: 0 0 1.5em; }
  body#tinymce.wp-editor table {
    width: 100%; }
  body#tinymce.wp-editor tr {
    border-bottom: 1px solid #ccc; }
    body#tinymce.wp-editor tr:nth-child(even) {
      background-color: #dedede; }
  body#tinymce.wp-editor td {
    padding: 7px;
    border-right: 1px solid #ccc; }
    body#tinymce.wp-editor td:last-child {
      border-right: 0; }
  body#tinymce.wp-editor th {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background-color: #dedede; }
    body#tinymce.wp-editor th:last-child {
      border-right: 0; }
  body#tinymce.wp-editor .size-auto,
  body#tinymce.wp-editor .size-full,
  body#tinymce.wp-editor .size-large,
  body#tinymce.wp-editor .size-medium,
  body#tinymce.wp-editor .size-thumbnail {
    max-width: 100%;
    height: auto; }

/*# sourceMappingURL=editor-style.css.map */