/*
Theme Name: Renaissance Design
Theme URI: 
Description: A custom theme for Renaissance Design, v5
Version: 5.0
Author: Chris Cox
Author URI: 
Tags: 
*/

/* Your custom styles */

@font-face {
  font-family: 'Museo500';
  src: url('fonts/museo500-regular-webfont.eot');
  src: url('fonts/museo500-regular-webfont.eot?iefix') format('eot'),
    url('fonts/museo500-regular-webfont.woff') format('woff'),
    url('fonts/museo500-regular-webfont.ttf') format('truetype'),
    url('fonts/museo500-regular-webfont.svg#webfontaikg0Bd3') format('svg');
  font-weight: normal;
  font-style: normal;

}


html {
  background-color: #f7efde;
  height: 100%;
  scroll-behavior: smooth;
}

body {
  position: relative;
  height: 100%;
  font-family: Arial, sans-serif;
  line-height: 1.5;
  color: #333;
  font-size: 18px;
  opacity: 1;
  transition: 1s opacity;
}

.fadein {
  opacity: 0;
  transition: none;
}

a {
  text-decoration: none;
  color: #262277;
}

pre, code {
  font-family: 'Courier', monospace;
  margin-bottom: 1.5em;
  max-width: 100%;
  white-space: pre-wrap;       /* css-3 */
  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  white-space: -pre-wrap;      /* Opera 4-6 */
  white-space: -o-pre-wrap;    /* Opera 7 */
  word-wrap: break-word;
}

acronym, abbr, span.help {
	cursor: help;
}

figure {
	margin: 1.5rem 0 1.5rem 0;
}

.wp-block-footnotes {
	font-size: 0.7em;
	line-height: 1.8;
}

/*Opera Fix*/
body:before {
  content:"";
  height:100%;
  float:left;
  width:0;
  margin-top:-32767px;/
}

.wrap {
  min-height: 100%;
}

.wrap {
  display: block;
  padding: 0;
}

div.main {
  display: block;
  background: url('img/main-bg.png') top center no-repeat transparent;
  background-size: 100% auto;
  overflow: auto;
  padding: 100px 0 200px 0;

}

div.content:after {
  content: " ";
  display: table;
}

div.content header {
	margin: 0;
}

.bigdamnhero + div.main {
  padding-top: 6em;
}

.bigdamnhero {
  height: 100vh;
  background: url('img/code.png') center center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.single-post .bigdamnhero {
	height: 75vh;
	max-height: none;
}

.bigdamnhero::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0,0,0,0.4);
}

.bigdamnhero .arrow {
	display: block;
	z-index: 3;
	margin: 0 auto 1.5em auto;
	text-align: center;
	
}

.arrow img {
	width: 50px;
	height: 50px;

}


.container {
  max-width: 62em;
  padding: 0;
}

/* Header */

.page-header {
  width: 100%;
  background-color: #111;
  line-height: 66px;
  border-bottom: 1px solid #333;
  height: 66px;
  position: fixed;
  top: 0;
  transition: all 0.5s ease-in-out;
  color: #fefefe;
  padding: 0 2.5%;
  box-sizing: border-box;
  z-index: 9;
  -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2);
  -moz-box-shadow:    0 3px 3px 0 rgba(0,0,0,0.2);
  box-shadow: 0 3px 3px 0 rgba(0,0,0,0.2);
  color: #fefefe;
  margin-bottom: 2em;
}

.admin-bar .page-header {
  top: 32px;
}

.logo-wrap {
  float: left;
  transition: all 0.5s ease-in-out;
  position: relative;
}

.logo-wrap a {
  display: block;
}
.logo-wrap img {
  max-width: none;
  transition: all 0.5s ease-in-out;
  position: absolute;
  backface-visibility: hidden;
}



.home .logo-wrap::after,
.single-post .logo-wrap::after,
.page .logo-wrap::after {
	position: absolute;
	background: url('img/logo-white.png') top left no-repeat transparent;
	z-index: 2;
	content: "";
	top: 0;
	left: 0;
	display: block;
	width: 236px;
	height: 85px;
	pointer-events: none;
}

.home .scrolled::after,
.single-post .scrolled::after,
.page .scrolled::after {
	display: none;
}

.main-menu {
  float: right;
  font-size: 16px;
}

.sticky {
  line-height: 48px;
  height: 48px;
}



.sticky .logo-wrap {
  transform: scale(0.7272727272727273);
}

.sticky .logo-wrap img {
  width: auto;
}

body div.mce-toolbar-grp {
  background: #f7efde;

}

/* Footer */

.sitefooter {
  min-height: 66px;
  margin: -66px 0 0 0;
  clear: both;
  background-color: #111;
  width: 100%;
  box-sizing: border-box;
  color: #fefefe;
  padding: 0 2.5%;
}

/* Opera Fix for sticky footer */
body:before {
  content:"";
  height:100%;
  float:left;
  width:0;
  margin-top:-32767px;/
}

#social {
  margin: 9px 0;
  padding: 0;
  list-style-type: none;
  float: left;
}

#social li {
  display: inline-block;
  margin-right: 24px;
  padding: 0;
  zoom: 1;
}

#social a {
  display: block;
  text-indent: -999em;
  width: 48px;
  height: 48px;
  background: url('img/social.png') no-repeat transparent;
}

#rss a {
  background-position: 0 0;
}

#twitter a {
  background-position: -48px 0;
}

#facebook a {
  background-position: -96px 0;
}

#linkedin a {
  background-position: -144px 0;
}

#delicious a {
  background-position: -192px 0;
}

#forrst a {
  background-position: -240px 0;
}

#flickr a {
  background-position: -288px 0;
}

#googleplus a {
  background-position: -336px 0;
}

#jsfiddle a {
  background-position: -384px 0;
}

#dribbble a {
  background-position: -432px 0;
}

#github a {
  background-position: -480px 0;
}

#twdf a {
  background-position: -528px 0;
}

#stackexchange a {
  background-position: -576px 0;
}

#rss a:hover {
  background-position: 0 -48px;
}

#twitter a:hover {
  background-position: -48px -48px;
}

#facebook a:hover {
  background-position: -96px -48px;
}

#linkedin a:hover {
  background-position: -144px -48px;
}

#delicious a:hover {
  background-position: -192px -48px;
}

#forrst a:hover {
  background-position: -240px -48px;
}

#flickr a:hover {
  background-position: -288px -48px;
}

#googleplus a:hover {
  background-position: -336px -48px;
}

#jsfiddle a:hover {
  background-position: -384px -48px;
}

#dribbble a:hover {
  background-position: -432px -48px;
}

#github a:hover {
  background-position: -480px -48px;
}

#twdf a:hover {
  background-position: -528px -48px;
}

#stackexchange a:hover {
  background-position: -576px -48px;
}

#copyright {
  margin: 0;
  padding: 0;
  text-align: right;
  font-family: Museo500, Georgia, serif;
  color: #fdfdfd;
  line-height: 66px;
}

#social:after {
  content: " ";
  display: table;
  clear: both;
}

/* Navigation */

.menu {

}

.menu ul {
  list-style: none;
  margin: 0;
  float: right;
}

.menu li {
  display: inline-block;
  position: relative;
  margin: 0 0 0 2em;
}

.menu a {
  color: #fefefe;
  font-size: 16px;
  font-family: Museo500, Georgia, serif;
  text-decoration: none;
}

.toggle {
  display: none;
  float: right;
  cursor: pointer;
  padding: 15px 0 20px 20px;
}

.toggle .bar1,
.toggle .bar2,
.toggle .bar3 {
    width: 25px;
    height: 3px;
    background: #FFF;
    margin-bottom: 8px;
    transition: all 0.6s;
    display: block;
}

.pagination {
  text-align: center;
}

article {
  margin-bottom: 1.5em;
}

article::after {
  content: " ";
  display: table;
  visibility: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Museo500, Georgia, serif;
  font-weight: normal;
  color: #333;
  line-height: 1.25;
  font-smooth: always;
  margin-bottom: 1.5em;
}


h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
  text-decoration: none;
}

h1 {
  font-size: 2.827em;
  margin-bottom: 1rem;
}

h2 {
  font-size: 1.999em;
  margin-bottom: 1rem;
}

h3 {
  font-size: 1.414em;
}

p {

}

header + p {
  font-size: 1.125em;
  font-weight: bold;
}


a {

}

a:hover {
  text-decoration: underline;
}

small {
  font-size: 0.875em;
}

blockquote, q {
  font-style: italic;
}

blockquote {
  padding: 0 2em;
  font-family: georgia, serif;
  quotes: "“" "”" "‘" "’";
  position: relative;
}

sup {
	font-size: 0.7em;
	line-height: 1.8;
	vertical-align: top;
}

blockquote:before {
  content: open-quote;
  font-size: 4em;
  line-height: .1em;
  position: absolute;
  top: 0;
  left: 0;
}

blockquote:after {
  content: close-quote;
  font-size: 4em;
  line-height: .1em;
  position: absolute;
  bottom: 0;
  right: 0;
}

/* Tables */

table {

}

thead {

}

thead tr {
  border-bottom: 1px solid;
}

th {
  font-family: Museo500, Georgia, serif;
  font-weight: bold;
  padding: .5em;
  vertical-align: bottom;
}

tr {

}

tr.alt {

}

td {
  text-align: center;
  padding: .5em;
}

th.text, td.text {
  text-align: left;
}

th.currency, td.currency {
  text-align: right;
}

tbody::before, tfoot::before {
  content: '';
  display: block;
  height: 1em;
}

/* Services */

.services-list {
	display: flex;
	flex-direction: column;
}

.services-list a {
	transition: all 0.5s ease-in-out;
	display: block;
}

.services-list a:hover {

	text-decoration: none;
	transform: scale(1.1);
	transition: all 0.5s ease-in-out;
}

@media screen and (min-width: 768px) {
	.services-list {
		flex-direction: row;
		justify-content: space-between;
		gap: 1.5em;
	}
	
	.services-list .service {
		flex-basis: 30%;
	}
	
	.services-list h2 {
		font-size: 1.5rem;
		text-align: center;
	}

}	

/* Forms */


input[type=submit], 
.button,
html .wp-block-button__link {
  font-family: Museo500, Georgia, serif;
  font-size: 0.875em;
  line-height: 1.5em;
  float: right;
  display: block;
  padding: 0.5em 1em;
  background-color: #115f11;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-shadow: 0 1px 1px rgba(0,0,0,0.7);
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255,255,255,0.1);
  color: #fefefe !important;
  cursor: pointer;
    
}

input.submit, .button:hover {
  background-color: #115f11;
  text-decoration: none;
}

input[type="text"], 
input[type="email"], 
input[type="search"], 
input[type="tel"], 
input[type="url"], 
input[type="password"], 
input[type="number"], 
input[type="date"], 
input[type="month"],
input[type="week"], 
input[type="time"], 
input[type="datetime"], 
input[type="datetime-local"], 
textarea, 
select {
  background-color: #fefefe;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);	
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.3);

}

.workwithme {
display: inline-block;
margin: 1em;
float: none;
}

/* Pages */

article.page {
  padding: 1.5em 0;
}

/* Blog */

article.single-post {
  padding: 1.5em 0;
}

.single-post header {

}

article {
  margin-bottom: 3em;
}

.post-author {
  text-align: center;
  font-family: "Museo500", serif;
}

.post-title {
  margin-bottom: .25rem;
}

.single-post .post-title {
  margin-bottom: 1rem;	
}

.meta {
  margin-bottom: 1.5em;
  font-size: 0.85em;
}

tbody::before {
  display: none;
}

/* Portfolio */

.post-type-archive-portfolio div.main, 
.single-portfolio div.main, 
.tax-portfolio-skills div.main {
  padding-top: 100px;
}

.post-type-archive-portfolio section.main, 
.single-portfolio section.main, 
.tax-portfolio-skills section.main {
  max-width: 95%;
}

.portfolio-meta h1, .portfolio-meta h2 {
  margin-bottom: .5em;
}

.portfolio-meta h1 {
  font-size: 2.2em;
  margin-bottom: .5em;
}

.portfolio-meta h1 + p {
  font-size: 1em;
  font-weight: normal;
}

.portfolio-meta h2 {
  font-size: 1.5em;
}

.portfolio-gallery img {
  margin-bottom: 1.5em;
  border: 1px solid #bbb;
  background-color: #f7efde;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); 
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -o-transition: all 2s ease;
  -ms-transition: all 2s ease;
  transition: all 2s ease;
  max-width: 99%;
}

.portfolio-gallery .image-caption {
  padding-bottom: .5em;
  border-bottom: 1px solid;
}

.portfolio-listing {
  margin-bottom: 3.06748466257669%;
  border: 1px solid #bbb;
  background-color: #111;
  overflow: hidden;
  max-height: 496px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  
}

.portfolio-listing a {
  display: block;
  padding-bottom: calc((496/620)*100%); 
  position: relative;
}

.portfolio-listing img { 
  position: absolute;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  opacity: 0.9;
}

.portfolio-listing:hover img {
  opacity: 1.0;
}

html .single-portfolio .portfolio-gallery {
  overflow: auto;
  margin: 0 0 0 3.06748466257669%;
  width: 57.05521472392638%;
}

.fade {
  box-shadow: none;
}

.current {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}

.fade img, .portfolio-nav img, .portfolio-nav .image-caption {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
  opacity: 0.5;
}

.portfolio-nav .active .image-caption {
  opacity: 1;
}

.portfolio-nav .active img {
  opacity: 1;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}

.portfolio-meta a {
  color: inherit;
}

.fade {
  background-color: #111;
}

.portfolio-item::after {
  content: " ";
  display: table;
  clear: both;
  height: 0;
  line-height:0;
}

.portfolio-nav li {
  color: eee;
  padding: 0;
  margin-bottom: 1.5em;
  position: relative;
}

.portfolio-nav img {
  background-color: #111;
}

.portfolio-nav .active {
  color: #fff;
}

.portfolio-nav .active:after {
  position: absolute;
  left: 100%;
  content: "{";
  top: 50%;
  bottom: 0;
  margin: -50px 0 0 5px;
  font-size: 100px;
  line-height: 100px;
  font-family: Museo500, serif;
  display: none;
}

.portfolio-nav a {
  display: block;
}


.portfolio-nav img {
  display: block;
}

.portfolio-nav .image-caption {
  padding: .1em .5em;
  font-family: Museo500, serif;
  background-color: #111;
  color: #ddd;
}

.portfolio-nav .image-description {
  display: none;
  color: #111;
}

.portfolio-meta h1, .portfolio-meta h2 {
  padding-bottom: .5em;
  border-bottom: 1px solid;
}

/* Home/holding page stuffs */

.home .content header,
.page .content header {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100vh; 
	justify-content: center;
	align-items: center;
}

.home h1, .page h1 {

	color: #fefefe;
	text-align: center;
	max-width: 65%;
	margin: auto;
	text-shadow: 2px 1px 3px rgba(0, 0, 0, 0.5);
	left:0;
	right: 0;

}


.home .or {
  display: block;
  text-align: center;
  font-size: 3em;
}

.avatar {
  border-radius: 100%;
}

.single-post header .avatar {

}

@media screen and (min-width: 768px) {
	.home h1, .page h1 {
		font-size: 4em;
		max-width: 65%;
	}

.contact-list {
	text-align: right;
 }
}	


/* Contact page */

.contact-list {
	padding: 1.5em 0;
	line-height: 1.6875;
}

.contact-list span {
	font-size: 0.7em;
	line-height: 1.8;
	vertical-align: baseline;
}

/* Comments */

#comments-title {
  margin-top: 1.5em;
  margin-left: 17.1779%;
}

#reply-title {
  margin-top: 1.5em;
}

.comment {

}

.comment:after {
  content: " ";
  display: table;
  clear: both;
}

.comment-meta, .comment-content {
  float: right;
  box-sizing: border-box;
}

.comment-body {
  margin: 0;
}

.comment-meta {
  font-family: Museo500, serif;
  width: 14.11042944785276%;
  text-align: center;
}

.comment-meta .avatar {
  display: block;
  margin: 0 auto;
}

.comment-meta .fn {

}

.comment-metadata {
  font-size: .85em;
}

.comment-content {
  width: 65.6441717791411%;
  margin-right: 3.06748466257669%;
  padding: 2em 2em 1em 2em;
  border: 1px solid #aaa;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #fefefe none repeat scroll 0 0;
  color: #333;
  position: relative;
  margin-bottom: 2em;
}

.bypostauthor .comment-meta, .bypostauthor .comment-content {
  float: left;
  margin-right: 0;
}

.bypostauthor .comment-content {
  margin-left: 3.06748466257669%;
}

.comment-content::before {
  border-color: #aaa transparent;
  border-style: solid;
  border-width: 20px 20px 0;
  bottom: -20px;
  content: "";
  display: block;
  left: 40px;
  position: absolute;
  width: 0;
}

.comment-content::after {
  border-color: #fefefe transparent;
  border-style: solid;
  border-width: 13px 13px 0;
  bottom: -13px;
  content: "";
  display: block;
  left: 47px;
  position: absolute;
  width: 0;
}

.comment-content::before {
  border-color: transparent #aaa;
  border-width: 15px 0 15px 30px;
  bottom: auto;
  left: auto;
  right: -30px;
  top: 25px;
}

.comment-content::after {
  border-color: transparent #fefefe;
  border-width: 14px 0 14px 29px;
  bottom: auto;
  left: auto;
  right: -29px;
  top: 26px;
}

.bypostauthor .comment-content::before {
  border-color: transparent #aaa;
  border-width: 15px 30px 15px 0;
  bottom: auto;
  left: -30px;
  top: 25px;
}

.bypostauthor .comment-content::after {
  border-color: transparent #fefefe;
  border-width: 14px 29px 14px 0;
  bottom: auto;
  left: -29px;
  top: 26px;
}



/* Comment form */

.comment-respond {
  /* width: 65.6441717791411%; */
  margin-left: 17.17791411042945%;
}

.form-submit {

}

#wp-comment-wrap {
  margin-bottom: 1.5em;
}

/* Code blocks */

html .wp_syntax pre {
  font-size: 16px !important;
  line-height: 21px !important;
  margin-bottom: 0;
}

html .wp_syntax .code {
  background-size: 1px 42px !important;
}

html .wp_syntax td {
  text-align: left;
}

article.single-post::after {
  content: " "; 
  visibility: hidden; 
  display: table; 
  height: 0; 
  clear: both;
}

.single-post .title {
  padding-top: 22px;
}

.thumbnail {
	position: relative;
	display: block;
	margin-bottom: 1.5em;
}

.thumbnail img {
	display: block;
}

.thumbnail::after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,0.4);
	transition: 1s opacity;
}

article:hover .thumbnail::after {
	opacity: 0;
}

/* Form elements */

form .sb {
  display: none;
}

form p {
  margin-bottom: 1em;
}

form p.half {
  width: 48%;
  float: left;
  margin-left: 4%;
}

form p.half.first {
  margin-left: 0;
}

input[type="text"], 
input[type="email"], 
input[type="search"], 
input[type="tel"], 
input[type="url"], 
input[type="password"], 
input[type="number"], 
input[type="date"], 
input[type="month"],
input[type="week"], 
input[type="time"], 
input[type="datetime"], 
input[type="datetime-local"], 
textarea, 
select {
  padding: .5em 1em;
  width: 50%;
}

textarea {
  min-height: 10em;
}

label {
  line-height: 2em;
  display: block;
}

.enquiry-form input[type="text"], 
.enquiry-form input[type="email"], 
.enquiry-form input[type="search"], 
.enquiry-form input[type="tel"], 
.enquiry-form input[type="url"], 
.enquiry-form input[type="password"], 
.enquiry-form input[type="number"], 
.enquiry-form input[type="date"], 
.enquiry-form input[type="month"],
.enquiry-form input[type="week"], 
.enquiry-form input[type="time"], 
.enquiry-form input[type="datetime"], 
.enquiry-form input[type="datetime-local"], 
.enquiry-form textarea, 
.enquiry-form select {
  padding: .5em 1em;
  width: 100%;
  box-sizing: border-box;
}

.xoxo #searchform label {
  display: inline;
}

.xoxo #searchform .label {
  display: none;
}

.xoxo>li {
  margin-bottom: 1.5em;
}

.xoxo li::after {
  content: "";
  display: table;
  clear: both;
}

.xoxo li .search-form {
  padding: 1.5em;
}

.xoxo li ul {
  padding-left: 0;
}

#breadcrumbs{
  list-style:none;
  overflow:hidden;
}

#breadcrumbs li{
  display:inline-block;
  vertical-align:middle;
  padding-right: 0.5em;
}

#breadcrumbs .separator{
  font-size: 1.2em;
}

@media screen and (max-width: 768px) {

  .container {
    max-width: 95%;
  }

   header .menu {
    float: right;
   }

  header nav.menu {
	display: none;
    position: absolute;
    top: 100%;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.8);
	padding: 2em;
  }
  
  header nav.open {
	display: block;
  }
  
  header nav.menu ul {
	float: none;
  }
  
  header nav.menu li {
	display: block;
	float: none;
	font-size: 2.5em;
	}
  
  .toggle {
    display: block;
  }
  
  .bigdamnhero {

	}

  .portfolio-gallery {
    display: none;
  }

  .portfolio-nav .image-caption {
    margin-bottom: 1.5em;
  }

  .portfolio-nav .image-description {
    display: block;
    background-color: #f7efde;
  }

  .sitefooter {
    margin-top: -132px;
    padding: 1em 2.5%;
  }

  #social, #copyright {
    width: auto;
    float: none;
    text-align: center;
  }
}

@media screen and (max-width: 1080px) {

  .container {
    max-width: 95%;
  }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.fade-in {
  opacity: 0;
  -webkit-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
    animation-duration: 0s;
    animation-delay: 0s;
    animation-fill-mode: none;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

h1.fade-in {
	animation-delay: 0.5s;
}

.arrow.fade-in {
	animation-delay: 1.5s;
}

/* WP Blocks */

/* Widgets */

.widget-title {
	margin-bottom: .5em;
	padding-bottom: .25em;
	border-bottom: 1px solid;
}

@media screen and (min-width: 768px) {

  .sidebar {
    margin-top: 8.03375rem;
  }
}