#nprogress
{
    pointer-events:none
}

#nprogress .bar
{
    background:#bbb;position:fixed;z-index:99999;top:0;left:0;width:100%;height:6px
}

#nprogress .peg
{
    display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px var(--title),0 0 5px var(--title);opacity:1.0;-webkit-transform:rotate(3deg) translate(0px, -4px);transform:rotate(3deg) translate(0px, -4px)
}

#nprogress .spinner
{
    display:block;position:fixed;z-index:1031;top:15px;right:15px
}

#nprogress .spinner-icon
{
    width:18px;height:18px;border:solid 2px transparent;border-top-color:var(--title);border-left-color:var(--title);border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite
}

.nprogress-custom-parent
{
    overflow:hidden;position:relative
}

.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar
{
    position:absolute
}

@-webkit-keyframes nprogress-spinner
{
    0%
{
    -webkit-transform:rotate(0deg)
}

100%
{
    -webkit-transform:rotate(360deg)
}


}

@keyframes nprogress-spinner
{
    0%
    
    {
        transform:rotate(0deg)
    }
    
    100%
    {
        transform:rotate(360deg)
    }
}

html
{
    line-height:1.6;
    font-size:1.1em;
    --title: #d49959;
    --text: #d49959;
    --bg: #fff;
    --accent: #bc945c;
    --border: 0px;
}

*,*::before,*::after
{
    box-sizing:border-box
}

body
{
    margin:0;font-size:2rem;background:var(--bg);font-family:'Texturina', sans-serif; width: 96%;
}

h1,h2,h3,h4,h5,h6
{
    color:var(--title);line-height:1.4;font-weight:500
}

strong,b
{
    color:var(--title); font-weight:500
}

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

img
{
    max-width:100%;height:auto
}

a,a:hover,a:focus,a.more,a.more:hover
{
    -webkit-text-decoration-skip:objects;text-decoration-skip:objects;transition:0.4s all ease-in;text-decoration:none;outline:none;color:var(--accent);cursor:pointer
}

a.more,a.more:hover
{
    color:var(--accent) !important
}

input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"]
{
    border:solid var(--title);border-width:0 0 var(--border);display:block;width:100%;line-height:1.8;background: #bdad7e; color: #331506;
}

textarea
{
    border:var(--border) solid var(--title);border-radius:0;display:block;width:100%;background:var(--bg)
}

input[type="submit"]
{
    border:0;border-radius:0;background:var(--title);color:var(--bg);text-transform:uppercase;letter-spacing:1px;line-height:1
}

table,th,td
{
    border:none;
}

blockquote
{
    border:none ;padding-left:4rem;position:relative
}

blockquote:before
{
    speak:none;font-weight:normal;position:absolute;left:0.5rem;top:-0.5rem;content:'\275d';font-size:3rem;color:var(--text)
}

.wp-block-embed,iframe
{
    max-width:100%
}

.alignleft
{
    display:inline;float:left;margin-right:1.5rem
}

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

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

.clear:before,.clear:after
{
    content:"";
	display:table
}

.clear:after
{
    clear:both
}

#page
{
    width:100%;max-width:1500px;min-height:100vh;margin:0 auto;position:relative
}

.scroll-top
{
    position:fixed;bottom:-1rem;right:0;cursor:pointer;z-index:9999;background:url(assets/img/top.svg) no-repeat right bottom;background-size:100% auto;width:5vw;height:10vw;min-width:5rem;min-height:10rem;display:block
}

.wp-caption,.wp-caption-text,.gallery-caption
{
    font-weight:bold
}

.screen-reader-text
{
    clip:rect(1px, 1px, 1px, 1px);position:absolute !important;height:1px;width:1px;overflow:hidden
}

.screen-reader-text:hover,.screen-reader-text:active,.screen-reader-text:focus
{
    background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto !important;color:var(--title);display:block;font-size:1rem;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000
}

.pull
{
    width:100%;z-index:99998;font-size:0.875rem
}

.pull div ul
{
	list-style-type: none;
	padding:0;
	position: relative;
	flex-flow: row-reverse;
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: flex-start;
	align-items: center;
	margin: 3px;
}

.pull div ul li
{
    position:relative;
	margin: 3px;
	color: #0accc5;
	font-weight: bold;
}

.pull div ul li a:hover,.pull div ul li a
{
    color: #3286a3;
	font-weight: bold;
	position:relative;
}

.sub-menu li a
{
    padding-left:1rem
}

.sub-menu li a::before
{
    content:'\21B3';position:absolute;left:0;top:0
}

#site-header
{
    display:grid;grid-template-columns:1fr 2fr;width:100%;max-width:1200px;margin:1rem auto 0;position:relative;padding:1rem 4rem
}

#heart
{
    position:absolute;top:5rem;left:2rem;z-index:-1;height:80vh;max-height:550px
}

#heart img
{
    height:100%
}

.site-title
{
    line-height:1.2;font-size:1.6rem;margin:0;padding:0;font-weight:400;
	color: #ffa500;
	font-family: Texturina;
}

.breadcrumbs
{
    font-size:0.625rem;z-index:99;padding:0 0.5rem
}

.pull-left,.pull-right,.intro
{
    font-size:1.4rem;font-weight:700
}

.pull-left,.pull-right
{
    width:calc(40% + 4rem)
}

.pull-left
{
    float:left;text-align:right;margin-left:-4rem;padding:3rem 3rem 3rem 0
}

.pull-right
{
    float:right;margin-right:-4rem;padding:3rem 0 3rem 3rem
}

.entry-footer
{
    color:#1f48fc;font-size:0.786rem;display:inline-flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;border:2px solid var(--title);border-radius:100px 15px 225px 15px/15px 125px 15px 155px;z-index:4;position:relative
}

.posted-on
{
    display:inline-block;padding:6px 10px 4px;border-right:2px solid var(--title);letter-spacing:0
}

.posted-on a
{
    color:#1f48fc !important
}

.grid .grid__item .posted-on
{
    display:none !important
}

.grid .grid__item .entry-header
{
    margin:2rem 0;line-height:1;z-index:2
}

.entry-title
{
    margin:0;padding:0;line-height:1.4;font-size:2rem;color:var(--title);font-weight:500
}

.grid .grid__item .entry-title
{
    font-size:1.5rem;font-weight:400;max-width:340px
}

.grid .grid__item .entry-content
{
    max-width:400px
}

.category-name
{
    color:var(--text);font-size:0.813rem
}

.entry-footer
{
    color:var(--accent);font-size:0.688rem;display:inline-flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;border:var(--border) solid var(--accent);border-radius:100px 15px 225px 15px/15px 125px 15px 155px;z-index:4;position:relative
}

.grid
{
    position:relative;width:100%;display:grid;max-width:1200px;padding:1rem;grid-template-columns:repeat(2, 1fr);grid-gap:4rem;margin:0 auto
}

.grid__single
{
    position:relative;width:100%;display:grid;max-width:1200px;margin:0 auto;padding:1rem;grid-template-columns:1fr 300px;grid-gap:4rem
}

.grid__page
{
    margin:0 auto;
	position:relative;
	padding:1rem;
	width:100%;
	display: block; /* was grid */
	/* max-width: 1200px; */
	grid-template-columns:90%;
	justify-content:center
}

.grid__item
{
    position:relative
}

.grid .grid__item
{
    align-self:start;justify-self:center
}

.grid__single .grid__item:first-of-type
{
    padding:0 4rem 0 3rem
}

.grid__single .grid__item:nth-of-type(2)
{
    padding:0 0 0 4rem
}

.grid__single .grid__item>article
{
    max-width:calc(900px - 6rem)
}

.grid .grid__item:nth-child(odd)
{
    margin-top:20vh;align-self:end
}

.grid .grid__item:nth-child(1)
{
    justify-self:end;align-self:end;max-width:300px
}

.grid__single .grid__item .entry-content,.grid__page .grid__item .entry-content
{
    margin-top:2rem
}

.grid__item article,.grid .grid__item.has-post-thumbnail
{
    position:relative
}

.grid__single .grid__item .entry-content,.grid__page .grid__item .entry-content
{
    margin-top:1rem
}

.entry-thumbnail-single
{
    max-width:400px;float:left;padding:0 2rem 1rem 0
}

.entry-thumbnail-single.landscape
{
    max-width:none;float:none
}

.no-img.grid__item
{
    align-self:center
}

.not-found
{
    grid-column:1 / 3
}

nav.pagination
{
    width:100%;grid-column:1 / 3
}

.pagination .nav-links
{
    display:flex;align-items:center;justify-content:center
}

.pagination .nav-links a
{
    padding:12px;position:relative;display:flex;color:var(--title)
}

.pagination .nav-links .current
{
    padding:18px;position:relative;display:flex;color:var(--accent)
}

.pagination .nav-links .prev,.pagination .nav-links .next
{
    width:64px;height:20px;display:flex;color:rgba(0,0,0,0)
}

.pagination .nav-links .next
{
    background:url(assets/img/next.svg) no-repeat left center;background-size:auto 100%;padding:0
}

.pagination .nav-links .prev
{
    background:url(assets/img/prev.svg) no-repeat right center;background-size:auto 100%;padding:0
}

.social-media-profiles
{
    display:flex;flex-flow:row wrap;list-style-type:none;padding:0;margin:1rem 0 0
}

.social-media-profiles li
{
    padding:0 1.2rem 0 0
}

.social-media-profiles svg
{
    height:14px
}

.widget-area
{
    font-size:0.813rem;position:relative;padding:2rem 0;position:-webkit-sticky;position:sticky;top:10px
}

.widget
{
    margin-bottom:4rem
}

.widget-area a
{
    color:var(--title)
}

.widget-area ul,.widget-area ul.children
{
    color:var(--title);padding-left:1rem
}

.widget_mc4wp_form_widget
{
    padding:1rem;margin:2rem 0;border:var(--border) solid var(--title)
}

.widget_mc4wp_form_widget .widget-title
{
    margin-top:0
}

.widget-title
{
    font-size:1.3rem
}

.comments-area
{
    font-size:0.688rem
}

.comment-content a
{
    word-wrap:break-word
}

.bypostauthor
{
    display:block
}

.comment-list
{
    padding:0;margin:0 0 2rem;list-style-type:none
}

.comment-list ol
{
    list-style-type:none
}

.comment-list li
{
    position:relative;padding:2rem 0 0
}

.comment-list .children li
{
    padding:1rem 0 0 2rem;border-bottom:0
}

.comment-form-author,.comment-form-email,.comment-form-url
{
    width:33%;float:left
}

#commentform .form-submit
{
    width:33%;margin-left:33%
}

#commentform label
{
    display:block
}

.comment-metadata a
{
    font-size:0.6rem;margin:5px 0
}

.comments-title,.comment-reply-title
{
    margin:1rem 0;text-transform:uppercase;letter-spacing:2px;display:inline-block
}

.comment-author.vcard .says
{
    display:none
}

.reply
{
    position:absolute;top:1rem;right:0
}

.comment-reply-link
{
    font-size:0.688rem;text-transform:uppercase;padding:2px 4px
}

#site-footer
{
    padding: 1rem 2rem 0;
	font-size:0.750rem;
	text-align:center
}

#site-footer a
{
    color:var(--text)
	font-size: 0.750rem;
}

@media (min-width: 1201px)
{
    .pull
    {
        display:block !important;
		z-index:3
    }
    
    .pull div ul
    {
		list-style-type: none;
        padding:0;
		position: relative;
		display: flex;
		flex-flow: row-reverse nowrap;
		justify-content: flex-start;
		align-items: flex-start;
		margin: 6px;
    }
    
    .pull div ul li a
    {
        display:block;
		font-weight: bold;
		margin: 6px;
		color: #3286a3;
    }
}

@media screen and (max-width: 1200px)
{
    .pull
    {
        display:none;
		background: #000000;
		position:fixed;
		top:0;
		/* left:0; */
		right:0;
		text-align:right
    }
    
    .pull div ul
    {
        padding: 1rem 140px 1rem 1rem;
		display: list-item;
    }
    
    .pull div ul li
    {
        flex:0 1 auto;
		padding:0.5rem 0;
    }
    
    #nav-toggle
    {
        position:fixed;
		right:2rem;
		top:1.1rem;
		cursor:pointer;
		width:4rem;
		height:4rem;
		z-index:999999;
    }
    
    #nav-toggle.active
    {
        top:1rem
    }
    
    #nav-toggle span
    {
        top:50%;
		margin-top:-2px;
		left:50%;
		margin-left:-14px;
    }
    
    #nav-toggle span
    {
        cursor:pointer;
		height:2px;
		width:3rem;
		background: var(--title);
		position:relative;
		display:block
    }
    
    #nav-toggle span:before,#nav-toggle span:after
    {
        content:'';
		cursor:pointer;
		height:2px;
		width:2rem;
		background: var(--title);
		position:relative;
		display:block;
		left:0
    }
    
    #nav-toggle span:before
    {
        top:-7px
    }
    
    #nav-toggle span:after
    {
        bottom:-7px
    }
    
    #nav-toggle span,#nav-toggle span:before,#nav-toggle span:after
    {
        -webkit-transition:all 500ms ease-in-out;
		transition:all 500ms ease-in-out
    }
    
    #nav-toggle.active,#nav-toggle.active span
    {
        background:transparent
    }
    
    #nav-toggle.active span:before,#nav-toggle.active span:after
    {
        top:0
    }
    
    #nav-toggle.active span:before
    {
        -webkit-transform:rotate(45deg);
		transform:rotate(45deg)
    }
    
    #nav-toggle.active span:after
    {
        -webkit-transform:translateY(-10px) rotate(-45deg);
		transform:translateY(-10px) rotate(-45deg);
		top:10px
    }
    
    #site-header
    {
        grid-template-columns:auto 40px
    }
}

@media screen and (min-height: 780px) and (min-width: 1440px)
{
    .breadcrumbs
    {
        position:fixed;
		bottom:0.4rem;
		left:0.7rem;
		-webkit-transform:rotate(-90deg);
		transform:rotate(-90deg);transform-origin:top left;max-height:70vh
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1200px),screen and (max-width: 1200px) and (min-resolution: 192dpi),screen and (max-width: 1200px) and (min-resolution: 2dppx),screen and (max-resolution: 1dppx) and (max-width: 1024px)
{
    .grid,.grid__single,.grid__page
    {
        grid-template-columns:100%;margin-top:5rem
    }
    
    .grid__item
    {
        margin:0 3rem 3rem;justify-self:center
    }
    
    .grid .grid__item
    {
        max-width:700px;margin:0 auto !important
    }
    
    .grid__single .grid__item
    {
        margin:0
    }
    
    ul.page-numbers
    {
        grid-column:1 / 2
    }
}