/*----------------------------------------------*\
    HEADER
	======

	@package abbylitman

\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========

	@package abbylitman

\*----------------------------------------------*/
/* 
 *
 * / Variables
------------------------------------------------*/
/* Colors */
/* Breakpoints */
/* 600px */
/* 800px */
/* 1100px */
/* 1400px */
/* Fonts */
/* 
 *
 * 1./  
------------------------------------------------*/
/* line 16, ../src/header.scss */
.site-header {
  font-family: ltc-caslon-pro, serif;
  text-transform: lowercase;
  padding: 1em 1.25em;
  text-align: center;
  margin-bottom: 2em; }
  @media screen and (min-width: 37.5em) {
    /* line 16, ../src/header.scss */
    .site-header {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: justify;
          justify-content: space-between;
      -ms-flex-align: baseline;
          align-items: baseline;
      text-align: left;
      padding: 1em 2em; } }
  @media screen and (min-width: 68.75em) {
    /* line 16, ../src/header.scss */
    .site-header {
      padding: 2em 3em; } }
  /* line 35, ../src/header.scss */
  .site-header a {
    color: #000000;
    text-decoration: none; }

/* line 40, ../src/header.scss */
.site-title {
  font-size: 1.75em;
  margin-bottom: 0.75em; }
  @media screen and (min-width: 37.5em) {
    /* line 40, ../src/header.scss */
    .site-title {
      margin-bottom: 0; } }
  @media screen and (min-width: 50em) {
    /* line 40, ../src/header.scss */
    .site-title {
      font-size: 2.25em;
      margin-bottom: 0; } }
  @media screen and (min-width: 68.75em) {
    /* line 40, ../src/header.scss */
    .site-title {
      font-size: 3em; } }

/* line 55, ../src/header.scss */
.site-logo {
  width: 4.75em;
  margin-bottom: -0.25em; }

@media screen and (min-width: 37.5em) {
  /* line 59, ../src/header.scss */
  .main-navigation {
    width: 64%; } }
@media screen and (min-width: 50em) {
  /* line 59, ../src/header.scss */
  .main-navigation {
    width: 50%; } }
@media screen and (min-width: 68.75em) {
  /* line 59, ../src/header.scss */
  .main-navigation {
    width: 40%; } }

/* line 71, ../src/header.scss */
.menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  font-size: 1.05em;
  text-align: center; }
  @media screen and (min-width: 37.5em) {
    /* line 71, ../src/header.scss */
    .menu {
      font-size: 1.125em; } }
  @media screen and (min-width: 50em) {
    /* line 71, ../src/header.scss */
    .menu {
      font-size: 1.25em; } }
  @media screen and (min-width: 68.75em) {
    /* line 71, ../src/header.scss */
    .menu {
      font-size: 1.5em; } }
  /* line 87, ../src/header.scss */
  .menu li a {
    position: relative; }
    /* line 90, ../src/header.scss */
    .menu li a:after {
      content: '';
      position: absolute;
      top: 0.25em;
      left: 0;
      right: 0;
      bottom: 0;
      width: 2.5em;
      height: 1.75em;
      mix-blend-mode: multiply;
      opacity: 0;
      transition: opacity 1s; }
      @media screen and (min-width: 50em) {
        /* line 90, ../src/header.scss */
        .menu li a:after {
          width: 2.75em;
          height: 1.5em; } }
    /* line 109, ../src/header.scss */
    .menu li a:hover:after, .menu li a:focus:after {
      opacity: 1; }
  /* line 114, ../src/header.scss */
  .menu li:nth-of-type(1) a:hover:after,
  .menu li:nth-of-type(1) a:focus:after {
    background: url(../../images/menu-thread-yellow.svg) no-repeat;
    background-size: cover; }
  /* line 119, ../src/header.scss */
  .menu li:nth-of-type(2) a:hover:after,
  .menu li:nth-of-type(2) a:focus:after {
    background: url(../../images/menu-thread-green-light.svg) no-repeat;
    background-size: cover; }
  /* line 124, ../src/header.scss */
  .menu li:nth-of-type(3) a:hover:after,
  .menu li:nth-of-type(3) a:focus:after {
    background: url(../../images/menu-thread-pink.svg) no-repeat;
    background-size: cover; }
  /* line 129, ../src/header.scss */
  .menu li:nth-of-type(4) a:hover:after,
  .menu li:nth-of-type(4) a:focus:after {
    background: url(../../images/menu-thread-purple.svg) no-repeat;
    background-size: cover; }
  /* line 134, ../src/header.scss */
  .menu li:nth-of-type(5) a:hover:after,
  .menu li:nth-of-type(5) a:focus:after {
    background: url(../../images/menu-thread-green-dark.svg) no-repeat;
    background-size: cover; }
  /* line 140, ../src/header.scss */
  .menu li:nth-of-type(1).current-menu-item a:after {
    background: url(../../images/menu-thread-yellow.svg) no-repeat;
    background-size: cover;
    opacity: 1; }
  /* line 145, ../src/header.scss */
  .menu li:nth-of-type(2).current-menu-item a:after {
    background: url(../../images/menu-thread-green-light.svg) no-repeat;
    background-size: cover;
    opacity: 1; }
  /* line 150, ../src/header.scss */
  .menu li:nth-of-type(3).current-menu-item a:after {
    background: url(../../images/menu-thread-pink.svg) no-repeat;
    background-size: cover;
    opacity: 1; }
  /* line 155, ../src/header.scss */
  .menu li:nth-of-type(4).current-menu-item a:after {
    background: url(../../images/menu-thread-purple.svg) no-repeat;
    background-size: cover;
    opacity: 1; }
  /* line 160, ../src/header.scss */
  .menu li:nth-of-type(5).current-menu-item a:after {
    background: url(../../images/menu-thread-green-dark.svg) no-repeat;
    background-size: cover;
    opacity: 1; }

/* line 173, ../src/header.scss */
.single-post .menu li:nth-of-type(4) a:after,
.category-music .menu li:nth-of-type(4) a:after,
.category-arts-crafts .menu li:nth-of-type(4) a:after,
.category-poetry-lyrics .menu li:nth-of-type(4) a:after {
  background: url(../../images/menu-thread-purple.svg) no-repeat;
  background-size: cover;
  opacity: 1; }