@charset "UTF-8";
/*
Theme Name: melchoyce.design 2017
Author: Mel Choyce & Kelly Dwan
Author URI: https://melchoyce.design
Description: ❤️
Version: 1.0.0
*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; background-color: #fafafa; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

hr { box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #fff; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #222; display: block; font-size: 1rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus { outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft { display: inline; float: left; margin-right: 1.5em; }

.alignright { display: inline; float: right; margin-left: 1.5em; }

.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; }

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, textarea { color: #222; font-family: "proxima-nova", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.4; }

hr { margin: 2.5em 0; border: 0; height: 1px; background-color: #eee; }

p { margin-bottom: 1em; }

dfn, cite, em, i { font-style: italic; }

blockquote { margin: 0 1em 0 -15px; padding-left: 1em; border-left: 3px solid #ddd; font-style: italic; color: #666; }

address { margin: 0 0 1em; }

pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 1em; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; }

code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 1em; }

abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }

mark, ins { background: #fff9c0; text-decoration: none; }

big { font-size: 125%; }

blockquote, q { quotes: '' ''; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }

/*--------------------------------------------------------------
# Headings
--------------------------------------------------------------*/
h1, h2, h3, h4 { margin: 1.4em 0 0.8em; font-weight: bold; }

h1 { font-size: 2.48832rem; }

h2 { font-size: 2.0736rem; }

h3 { font-size: 1.728rem; color: #3c3c3c; }

h4 { font-size: 1.44rem; color: #3c3c3c; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; }
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; }

select { border: 1px solid #ccc; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] { padding: 3px; }

textarea { padding-left: 3px; width: 100%; }

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.8); font-size: 0.833333em; line-height: 1; padding: .6em 1em .4em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); }
button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #aaa #bbb #bbb; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); }

/*--------------------------------------------------------------
# Lists
--------------------------------------------------------------*/
ul, ol { margin: 0 0 1em -2em; }

ul { list-style: disc; }

ol { list-style: decimal; }

li { line-height: 1.6; padding-bottom: 6px; }

li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; }

dt { font-weight: bold; }

dd { margin: 0 1.5em 1.5em; }

/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/
table { margin: 0 0 1.5em; width: 100%; }

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a { color: #e50f69; border-bottom: 2px solid transparent; text-decoration: none; transition: border-color .2s ease; }
a:visited { color: #e50f69; }
a:hover, a:focus, a:active { border-bottom: 2px solid currentColor; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ }

.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object { max-width: 100%; }

.wp-caption { margin-bottom: 1.5em; max-width: 100%; }
.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; }
.wp-caption .wp-caption-text { margin: 0.8075em 0; font-style: italic; font-size: .9em; }

.wp-caption-text { text-align: center; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery { margin-bottom: 1.5em; }

.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-3 .gallery-item { max-width: 33.33%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }

.gallery-caption { display: block; }

/*--------------------------------------------------------------
# Site Header
--------------------------------------------------------------*/
.site-header { padding: 5em 3em 7em; background-color: #222; }
.single .site-header { padding-top: 3.5em; padding-bottom: 3.5em; }

.site-title, .site-bio { max-width: 62rem; margin: auto; }

.site-title { margin-bottom: 0.6em; font-size: 3.5831808rem; font-weight: bold; color: #D2E8BE; line-height: 1.1; }
.single .site-title { margin-bottom: 0; }
.site-title a { color: #D2E8BE; border-bottom: none; }
.site-title a:hover, .site-title a:focus, .site-title a:active { border-bottom: none; }

.site-bio { font-family: "yrsa", georgia, serif; font-size: 1.44rem; font-weight: 400; letter-spacing: 0.01em; color: #FAFAFA; }

/*--------------------------------------------------------------
# Archive Pages
--------------------------------------------------------------*/
.site-content { margin: auto; padding: 5em 3em 7em; max-width: 62rem; }

.post { margin: 2.5rem auto; }

.entry-content { font-family: "yrsa", georgia, serif; font-size: 1.2rem; line-height: 1.5; }
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 { font-family: "proxima-nova", sans-serif; }

.post-thumbnail { display: none; }

.entry-title { margin-bottom: 0.2em; font-size: 1.2rem; font-weight: bold; text-transform: uppercase; letter-spacing: 0.125em; color: #e50f69; }

.entry-title a { text-decoration: none; color: inherit; }

.entry-date { font-family: "yrsa", georgia, serif; color: #AAA; }

.wp-block-gallery.alignwide, .wp-block-embed.alignwide, .wp-block-image.alignwide, .wp-block-video.alignwide, .wp-block-audio.alignwide { margin: 0 -164px; }
@media (max-width: 1000px) { .wp-block-gallery.alignwide, .wp-block-embed.alignwide, .wp-block-image.alignwide, .wp-block-video.alignwide, .wp-block-audio.alignwide { width: 100vw; position: relative; left: 50%; right: 50%; margin: 0 -50vw; } }
.wp-block-gallery.alignfull, .wp-block-embed.alignfull, .wp-block-image.alignfull, .wp-block-video.alignfull, .wp-block-audio.alignfull { width: 100vw; position: relative; left: 50%; right: 50%; margin: 0 -50vw; }

.nav-links { margin: 6em 0; font-size: 0.833333rem; font-weight: bold; letter-spacing: 0.125em; text-transform: uppercase; }
.nav-links a { color: #e50f69; text-decoration: none; }

.nav-previous, .nav-next { display: inline-block; width: 50%; }

.nav-next { text-align: right; }

.nav-next a:after { content: '\2192'; margin-left: 0.5em; }

.nav-previous a:before { content: '\2190'; margin-right: 0.5em; }

/*--------------------------------------------------------------
# Single Post/Page
--------------------------------------------------------------*/
.single .post { margin-top: 0; max-width: 42rem; }
.single .entry-title { margin: 0 0 1em; font-size: 1.44rem; line-height: 1.2; }
.single .pagination { width: 100%; }

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
ol.comment-list { list-style-type: none; margin: 0; padding: 0; }

ol.comment-list li > ul, li > ol { list-style-type: none; margin-left: .6em; }

.comment-body { margin-bottom: 1.6em; padding-left: 50px; }

.comment-meta { margin-bottom: 1em; }

.comment-author { margin: 0 0 6px; }

.comment-list .avatar { float: left; margin-top: 3px; margin-left: -50px; }

.comment-metadata { margin-top: -8px; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; }

.comment-metadata a { color: #999; }

.comment-metadata .edit-link:before { margin-left: 3px; padding-right: 6px; content: '|'; color: #bbb; }

.comment-content p { margin: .5em 0 1em; }

.reply { margin-top: .5em; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; }

/*--------------------------------------------------------------
# Jetpack Customizations
--------------------------------------------------------------*/
#jp-relatedposts.jp-relatedposts { border-top: 1px solid #eee; padding-top: 2em; }
#jp-relatedposts.jp-relatedposts h3.jp-relatedposts-headline { font-size: 16px; }
#jp-relatedposts.jp-relatedposts h3.jp-relatedposts-headline em:before { border: none; }
#jp-relatedposts.jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post h4.jp-relatedposts-post-title { margin-top: 1em; margin-bottom: .25em; line-height: 1.2; }
#jp-relatedposts.jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post.jp-relatedposts-post-nothumbs h4.jp-relatedposts-post-title { margin-top: 0; }
#jp-relatedposts.jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post p.jp-relatedposts-post-excerpt { margin-bottom: 0.5em; }
#jp-relatedposts.jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date { line-height: 1.2; }
#jp-relatedposts.jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context { display: none; }

/*--------------------------------------------------------------
# Site Footer
--------------------------------------------------------------*/
.site-footer { padding: 4em 3em; background-color: #222; }

.social { max-width: 62rem; margin: auto; }

.social ul { margin: 0; padding: 0; font-size: 0.833333rem; font-weight: bold; letter-spacing: 0.125em; text-transform: uppercase; }

.social ul li { display: inline; }

.social ul li a { color: #D2E8BE; text-decoration: none; }

.social li:after { content: '/'; margin-left: 0.5em; color: white; font-weight: bold; }

.social li:last-of-type:after { content: ''; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer { display: block; }

#infinite-handle span { background: transparent; padding: 0; }
#infinite-handle span button { text-shadow: none; box-shadow: none; border-radius: 0; background: transparent; color: #e50f69; font-size: 0.833333rem; font-weight: bold; letter-spacing: 0.125em; text-transform: uppercase; border-bottom: 2px solid transparent; transition: border-color .2s ease; }
#infinite-handle span button:hover, #infinite-handle span button:focus, #infinite-handle span button:active { color: #e50f69; font-size: 0.833333rem; font-weight: bold; background: transparent; border-bottom: 2px solid currentColor; }

@media (max-width: 480px) { h2 { line-height: 1.2; }
  .site-bio { font-size: 1.2rem; line-height: 1.5; }
  .nav-previous, .nav-next { display: block; width: 100%; text-align: center; }
  .nav-previous { margin-bottom: 1em; }
  ol.comment-list li > ul, li > ol { margin-left: -1em; } }
@media (max-width: 420px) { .site-title { font-size: 48px; }
  .site-bio { font-size: 22px; }
  .entry-title { font-size: 16px; }
  .social ul { font-size: 12px; }
  .site-header, .site-content { padding: 30px 2em 60px; }
  .pagination { margin: 30px 0 60px; }
  .site-footer { padding: 30px 2em; } }

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