/* Box sizing rules */
@import url("https://fonts.googleapis.com/css?family=Nunito:400,400i,700&display=swap");
*,
*::before,
*::after {
  box-sizing: border-box; }

html {
  line-height: 1.15;
  box-sizing: inherit; }

/* Remove default padding */
ul[class],
ol[class] {
  padding: 0; }

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0; }

/* Set core body defaults */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed; }

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none; }

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto; }

/* Make images easier to work with */
img {
  max-width: 100%;
  height: auto;
  display: block; }

/* Natural flow and rhythm in articles by default
article > * + * {
	margin-top: 1em;
}
*/
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit; }

/*
Remove _all_ animations and transitions for people that prefer not to see them 

@media prefers-reduced-motion: reduce) {
	* {
		animation-play-state: paused !important;
		transition: none !important;
		scroll-behavior: auto !important;
	}
}
*/
body {
  font-family: "Nunito", "Verdana", sans-serif;
  font-weight: 300;
  font-size: 62.5%; }

h1 {
  font-size: 1.75rem; }

h2 {
  font-size: 1.50rem; }

h3 {
  font-size: 1.25rem; }

h4 {
  font-size: 1rem; }

p, li {
  margin: 0 0 .5rem 0;
  font-size: 1rem; }

p {
  line-height: 1.6rem; }

strong {
  font-weight: bold; }

em {
  text-style: italic; }

body.home .entry-title {
  font-size: 1.5rem; }

body.single h1.entry-title, body.single h1.page-title, body.page h1.entry-title, body.page h1.page-title, body.search h1.entry-title, body.search h1.page-title {
  font-size: 2.75rem; }
  body.single h1.entry-title span, body.single h1.page-title span, body.page h1.entry-title span, body.page h1.page-title span, body.search h1.entry-title span, body.search h1.page-title span {
    font-style: italic; }
body.single article .entry-content p, body.single article .entry-summary p, body.page article .entry-content p, body.page article .entry-summary p, body.search article .entry-content p, body.search article .entry-summary p {
  font-size: 1.4rem;
  line-height: 2.2rem; }
body.single article .entry-content h3:not(:first-child), body.single article .entry-summary h3:not(:first-child), body.page article .entry-content h3:not(:first-child), body.page article .entry-summary h3:not(:first-child), body.search article .entry-content h3:not(:first-child), body.search article .entry-summary h3:not(:first-child) {
  margin-top: 2rem; }
body.single article .entry-content h3, body.single article .entry-summary h3, body.page article .entry-content h3, body.page article .entry-summary h3, body.search article .entry-content h3, body.search article .entry-summary h3 {
  font-size: 1.6rem; }
body.single article .entry-meta, body.page article .entry-meta, body.search article .entry-meta {
  font-size: 1.2rem; }
body.single main .page-content p, body.page main .page-content p, body.search main .page-content p {
  font-size: 1.4rem; }

#site-navigation li a {
  font-size: 1.25rem; }
#site-navigation .primary-menu-toggle {
  font-size: 1.5rem; }

#colophon p {
  font-size: 1.25rem; }
#colophon i {
  font-size: 1.5rem; }

@media screen and (min-width: 768px) {
  body.home .entry-title {
    font-size: 2rem; }

  #colophon p {
    font-size: 1.5rem; }
  #colophon i {
    font-size: 2rem; } }
/*TITLE LINK COLOR IN THE HEADER*/
a {
  color: #ff8ea7; }

a.visited {
  color: rgba(79, 113, 154, 0.7); }

body {
  color: #242729;
  background-color: #fdfdfd; }

#masthead,
#primary-menu,
.site-info,
#primary {
  margin: 0 auto;
  max-width: 1200px; }

#main {
  padding: 0 1rem; }

#page {
  display: grid;
  grid-template-areas: "masthead" "site-navigation" "content" "colophon"; }
  #page .skip-link,
  #page .menu-toggle {
    display: none; }

@media screen and (min-width: 768px) {
  #main {
    padding: 0 2rem; } }
#site-navigation {
  background-color: #242729;
  margin-bottom: 2rem; }
  #site-navigation #primary-menu-checkbox,
  #site-navigation .primary-menu-toggle {
    display: none; }
  #site-navigation .primary-menu-ul {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    height: 0; }
    #site-navigation .primary-menu-ul li {
      opacity: 0;
      visibility: hidden;
      background-color: #242729;
      margin: 0; }
      #site-navigation .primary-menu-ul li a {
        color: #fdfdfd;
        display: block;
        text-decoration: none;
        padding: 1rem;
        border-top: 0.1rem solid #fdfdfd; }
      #site-navigation .primary-menu-ul li:hover, #site-navigation .primary-menu-ul li.current-menu-item {
        background-color: rgba(36, 39, 41, 0.8);
        text-decoration: line-through;
		/*Current Menu Item Color*/
        text-decoration-color: #ff8ea7;
        text-decoration-thickness: 0.1rem; }
      #site-navigation .primary-menu-ul li div {
        padding: .5rem;
        display: flex;
        align-content: center;
        border-top: 0.1rem solid #fdfdfd; }
        #site-navigation .primary-menu-ul li div input {
          padding: .5rem;
          order: 2;
          height: 3rem;
          width: 80%; }
        #site-navigation .primary-menu-ul li div button {
          padding: 0;
          margin: 0 1rem 0 0;
          border: none;
          order: 1;
          color: #fdfdfd;
          background: #242729; }
          #site-navigation .primary-menu-ul li div button i {
            text-decoration: none;
            border: none; }
          #site-navigation .primary-menu-ul li div button:hover {
            text-decoration: none; }
  #site-navigation .primary-menu-toggle {
    display: flex;
    cursor: pointer;
    align-items: center;
    padding: 0 0 0.6rem 0.6rem;
    background: #242729;
    color: rgba(253, 253, 253, 0.5); }
    #site-navigation .primary-menu-toggle:hover {
      color: #fdfdfd; }
  #site-navigation #primary-menu-checkbox:checked + label .primary-menu-ul {
    height: 100%; }
    #site-navigation #primary-menu-checkbox:checked + label .primary-menu-ul li {
      opacity: 1;
      visibility: visible;
      transition: all .2s linear; }

@media screen and (min-width: 768px) {
  #site-navigation {
    margin-bottom: 4rem; }
    #site-navigation .primary-menu-ul {
      flex-direction: row;
      height: 100%; }
      #site-navigation .primary-menu-ul li {
        opacity: 1;
        visibility: visible;
        transition: all .2s linear;
        flex: 1 1 0;
        flex-basis: 5rem;
        border-right: 0.1rem solid #fdfdfd; }
        #site-navigation .primary-menu-ul li a {
          display: flex;
          border: none;
          justify-content: center;
          flex-direction: column;
          text-align: center;
          padding: 0.5rem;
          height: 100%; }
        #site-navigation .primary-menu-ul li:hover, #site-navigation .primary-menu-ul li.current-menu-item {
          text-decoration-thickness: 0.25rem; }
        #site-navigation .primary-menu-ul li:first-child {
          border-left: 0.1rem solid #fdfdfd; }
        #site-navigation .primary-menu-ul li:last-child {
          border: none; }
          #site-navigation .primary-menu-ul li:last-child:hover {
            text-decoration: none; }
        #site-navigation .primary-menu-ul li div {
          border: none; }
          #site-navigation .primary-menu-ul li div input {
            height: 1.25rem;
            order: 1; }
          #site-navigation .primary-menu-ul li div button {
            margin: 0 0 0 1rem;
            order: 2; }
    #site-navigation .primary-menu-toggle {
      display: none; } }
#colophon {
  margin: 4rem 0 0 0;
  padding: 1rem;
  background: #242729;
  color: #fdfdfd;
  min-height: 10rem;
  grid-area: colophon;
  border-top: 0.2rem solid #ff8ea7; }
  #colophon .site-info .footer-icon-wrap {
    margin-top: 1rem;
    display: flex;
    width: 100%; }
    #colophon .site-info .footer-icon-wrap i {
      margin-right: 1.25rem;
      color: #fdfdfd; }

@media screen and (min-width: 768px) {
  #colophon {
    padding: 2rem; }
    #colophon .site-info .footer-icon-wrap i {
      margin-right: 2rem; } }
#masthead {
  display: flex;
  justify-content: center;
  background-color: #fdfdfd;
  grid-area: masthead;
  padding: 1rem; }
  #masthead .site-branding svg {
    max-width: 1200px;
    width: 100%;
    height: auto; }
    #masthead .site-branding svg .accent {
      fill: #ff8ea7; }

@media screen and (min-width: 768px) {
  #masthead {
    padding: 2rem; } }
body.home #main {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around; }
body.home article {
  margin-bottom: 3rem; }
  body.home article .article-wrapper {
    display: grid;
    grid-template-columns: 2rem repeat(2, 1fr) 4rem;
    grid-template-rows: auto; }
    body.home article .article-wrapper .entry-header {
      grid-area: 1 / 1 / 1 / 5;
      background-color: rgba(253, 253, 253, 0.9);
      z-index: 999;
      border: 0.01rem solid rgba(36, 39, 41, 0.2);
      border-bottom: 0.2rem solid #ff8ea7; }
      body.home article .article-wrapper .entry-header .entry-title {
        margin: 0;
        padding: .8rem; }
        body.home article .article-wrapper .entry-header .entry-title a {
          color: #242729;
          text-decoration: none; }
    body.home article .article-wrapper .post-thumbnail {
      grid-area: 1 / 1 / 3 / 5; }
      body.home article .article-wrapper .post-thumbnail img {
        width: 100%;
        height: auto; }

@media screen and (min-width: 768px) {
  body.home article {
    max-width: 500px;
    max-height: 500px; }
    body.home article .entry-title {
      padding: 1rem; } }
body.single article .article-wrapper {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto repeat(4, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px; }
  body.single article .article-wrapper .entry-header {
    grid-area: 1 / 1 / 2 / 6;
    background-color: rgba(253, 253, 253, 0.8);
    z-index: 999;
    border-bottom: 0.2rem solid rgba(79, 113, 154, 0.8); }
    body.single article .article-wrapper .entry-header h1.entry-title {
      margin: 0;
      padding: 1.25rem 1rem; }
  body.single article .article-wrapper .post-thumbnail {
    grid-area: 1 / 1 / 6 / 7; }
    body.single article .article-wrapper .post-thumbnail img {
      width: 100%;
      height: auto; }
body.single article .entry-content {
  margin: 2rem 0 0 0; }
  body.single article .entry-content .wp-block-separator {
    margin: 2.5rem 0; }
  body.single article .entry-content p {
    margin: 0 0 1.5rem 0; }

@media screen and (min-width: 768px) {
  body.single article .entry-content {
    margin: 4rem 0 0 0; } }
body.search main article {
  margin-bottom: 5rem; }
  body.search main article .entry-title a {
    text-decoration: none;
    color: #242729; }
  body.search main article .entry-summary {
    margin: 1rem 0 0 0; }
  body.search main article .entry-meta {
    margin: .5rem 0 1.25rem 0; }
body.search main article:first-of-type {
  margin-top: 4rem; }
body.search main .page-content {
  min-height: 40vh; }
  body.search main .page-content p {
    margin: 2rem 0; }

body.page article .article-wrapper .entry-header {
  margin: 0;
  border: none; }
  body.page article .article-wrapper .entry-header h1.entry-title {
    margin: 0;
    padding: 0; }
body.page article .article-wrapper .post-thumbnail img {
  width: 100%;
  height: auto; }
body.page article .entry-content {
  margin: 2rem 0 0 0; }
  body.page article .entry-content .wp-block-separator {
    margin: 2.5rem 0; }
  body.page article .entry-content p {
    line-height: 2rem;
    margin: 0 0 1.5rem 0; }

@media screen and (min-width: 768px) {
  body.page article .entry-content {
    margin: 4rem 0 0 0; } }

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