@charset "UTF-8";
/*!
*	Theme Name: Superfly Child Theme, V2 (logo left)
*	Theme URI: https://superflywebdesigns.com
*
*	Description: The WordPress Genesis child theme for Superfly projects.
*	Author: Superfly Web Designs
*	Author URI: https://superflywebdesigns.com
*
*	Version: 1.0.0
*
*	Tags: black, red, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*
*	Template: genesis
*	Template Version: 2.2.3
*
*	License: GPL-2.0+
*	License URI: http://www.opensource.org/licenses/gpl-license.php
*	Text Domain: swd_child_theme
*/
/* # Settings
---------------------------------------------------------------------------------------------------- */
/*
* Base...............
*/
/*
* Aligns...............
*/
a.aligncenter img {
  display: block;
  margin: 0 auto; }

a.alignnone {
  display: inline-block; }

.alignleft {
  float: left;
  text-align: left; }

.alignright {
  float: right;
  text-align: right; }

a.alignleft,
a.alignnone,
a.alignright {
  max-width: 100%; }

img.centeaqua--light,
.aligncenter {
  display: block;
  margin: 0 auto 24px; }

img.alignnone,
.alignnone {
  margin-bottom: 12px; }

a.alignleft,
img.alignleft {
  margin: 0 24px 24px 0; }

a.alignright,
img.alignright {
  margin: 0 0 24px 24px; }

/*
* Audio-Video...............
*/
.wp-caption.alignright {
  margin: 0 0 24px 24px; }

.wp-caption.alignleft {
  margin: 0 24px 24px 0; }

.wp-caption-text {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0;
  text-align: center; }

.entry-content p.wp-caption-text {
  margin-bottom: 0; }

.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
  margin: 0 0 28px; }

/*
* Colors...............
*/
h2,
h3,
h4 {
  color: #000;
  text-decoration-line: underline;
  letter-spacing: 1px; }

h5,
h6 {
  color: #000; }

/*
* Dimensions...............
*/
/**
 * File-header..........The file header for the themes style.css file.
 **/
/**
 * Fonts................Any font files, if the project needs specific fonts.
 */
/**
 * Global...............Project-specific, globally available variables.
 */
/*
* Typography....
*/
/*
* Tools...............general.
*/
/*
* Functions............Global functions.
*/
/*
* Mixins...............Global mixins.
*/
/*********************
BREAKPOINTS
*********************/
/*
2021 most commonly used BREAKPOINTS
480px
768px
1024px
1280px

2021 most common screensizes
1920 by 1080
1366 by 768
360 by 640
414 by 896
1536 by 864
375 by 667
*/
/*********************
TRANSITIONS
*********************/
/*********************
TRANSFORM
*********************/
/*********************
SPAN Columns- https://gist.github.com/Integralist/6222299
*********************/
/*********************
Center using Flexbox
*********************/
/*
* Device Sizes...............
*/
/*
* HTML5...............reset.
*/
/*
* Baseline Normalize...............
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/*
* Box Sizing...............
*/
html,
input[type="search"] {
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: inherit; }

/*
* Float Clearing...............
*/
.author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.widget:before,
.wrap:before {
  content: " ";
  display: table; }

.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.widget:after,
.wrap:after {
  clear: both;
  content: " ";
  display: table; }

/*
* Breakpoints......refers to device-sizes.scss
*/
/*
* Generic...............
*/
/*
* Elements...............
*/
/*
* Blockquote...............
*/
blockquote {
  background: #fff;
  border-left: 2px solid #545454;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "“" "”" "‘" "’"; }

blockquote:before {
  color: #545454;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em; }

blockquote p {
  display: inline; }

cite {
  font-style: italic;
  text-transform: uppercase;
  color: #545454;
  line-height: 2; }

/*
* Body...............
*/
html {
  font-size: 14px;
  /* 10px browser default */ }

body {
  background-color: #fff;
  color: #000;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1.75;
  margin: 0;
  /* Chrome fix */ }
  @media (max-width: 859px) {
    body {
      font-size: 1em; } }
  body > div {
    font-size: 1em; }
    @media (max-width: 859px) {
      body > div {
        font-size: 1em; } }

/*
* Defaults...............
*/
@use "body";
a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out; }

a {
  color: #000;
  text-decoration: underline; }
  a:hover, a:focus {
    color: #dfe0e0;
    text-decoration: none; }

p {
  margin: 0 0 28px;
  padding: 0;
  color: #000; }

hr {
  border: 0;
  border-collapse: collapse;
  border-top: 1px solid #eee;
  clear: both;
  margin: 1em 0; }

b,
strong {
  font-weight: 700; }

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

/*
* Forms...............
*/
input,
select,
textarea {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  color: #e8e8e8;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  padding: 16px;
  width: 100%; }

input:focus,
textarea:focus {
  border: 1px solid #f0f0f0;
  outline: none; }

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
  width: auto; }

::-moz-placeholder {
  color: #e8e8e8;
  opacity: 1; }

::-webkit-input-placeholder {
  color: #e8e8e8; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
  background-color: #85a7ca;
  border: 0;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700;
  padding: 16px 24px;
  text-decoration: none;
  white-space: normal;
  width: auto; }

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
button:focus,
input:focus[type="button"],
input:focus[type="reset"],
input:focus[type="submit"],
.button:focus {
  background-color: #85a7ca;
  color: #fff; }

.entry-content .button:hover,
.entry-content .button:focus {
  color: #fff; }

.button {
  display: inline-block; }

a.button.small,
button.small,
input[type="button"].small,
input[type="reset"].small,
input[type="submit"].small {
  padding: 8px 16px; }

.site-container button:disabled,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
  background-color: #f4f4f4;
  border-width: 0;
  color: #e8e8e8;
  cursor: not-allowed; }

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

/*
* Gallery...............
*/
.gallery {
  overflow: hidden; }

.gallery-item {
  float: left;
  margin: 0 0 28px;
  text-align: center; }

.gallery-columns-1 .gallery-item {
  width: 100%; }

.gallery-columns-2 .gallery-item {
  width: 50%; }

.gallery-columns-3 .gallery-item {
  width: 33%; }

.gallery-columns-4 .gallery-item {
  width: 25%; }

.gallery-columns-5 .gallery-item {
  width: 20%; }

.gallery-columns-6 .gallery-item {
  width: 16.6666%; }

.gallery-columns-7 .gallery-item {
  width: 14.2857%; }

.gallery-columns-8 .gallery-item {
  width: 12.5%; }

.gallery-columns-9 .gallery-item {
  width: 11.1111%; }

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
  clear: left; }

.gallery img {
  border: 1px solid #eee;
  height: auto;
  padding: 4px; }
  .gallery img:hover, .gallery img:focus {
    border: 1px solid #999; }

/*
* Headings...............
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  line-height: 1.3;
  margin: 0 0 10px;
  text-transform: uppercase; }

h1 {
  font-size: 30.52px;
  font-size: 3.052rem; }

h2 {
  font-size: 24.41px;
  font-size: 2.441rem; }

h3 {
  font-size: 19.53px;
  font-size: 1.953rem; }

h4 {
  font-size: 15.63px;
  font-size: 1.563rem; }

h5 {
  font-size: 12.5px;
  font-size: 1.25rem; }

h6 {
  font-size: 14px;
  font-size: 1.4rem; }

/*
* Links...............
*/
/*
* Lists...............
*/
ol,
ul {
  margin: 0;
  padding: 0; }

li {
  list-style-type: none; }

/*
* Media...............
*/
/*
* Objects...............
*/
embed,
iframe,
img,
object,
video,
.wp-caption {
  max-width: 100%; }

img {
  height: auto; }

figure {
  margin: 0; }

/*
* Tables...............
*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 2;
  margin-bottom: 40px;
  width: 100%;
  word-break: break-word; }

tbody {
  border-bottom: 1px solid #eee; }

td,
th {
  text-align: left; }

td {
  border-top: 1px solid #eee;
  padding: 6px; }

th {
  font-weight: 400;
  padding: 0 6px; }

td:first-child,
th:first-child {
  padding-left: 0; }

/*
* These are design elements used througout the template...............
*/
/*
* Animation Effects...............
*/
.parallax-listings {
  height: 150px;
  background-attachment: fixed;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 0px -50px; }

.parallax-content {
  width: 100%;
  margin: 0 auto;
  color: #FFF;
  padding-top: 50px; }

.post-462.page.type-page.status-publish.entry {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.fadein {
  animation-duration: 2s;
  animation-name: fadeIn; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.slidein {
  animation-duration: 2s;
  animation-name: slideIn; }

@keyframes slideIn {
  from {
    margin-left: 100%;
    width: 300%; }
  to {
    margin-left: 0%;
    width: 100%; } }

.stretchin {
  animation-name: stretch;
  animation-duration: .8s;
  animation-delay: 0s;
  animation-play-state: running; }

@keyframes stretch {
  0% {
    transform: scale(0.2); }
  50% { }
  100% {
    transform: scale(1); } }

/*
* Blocks...............
*/
/* BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Neighborhood...........Specific styles for the neighborhood block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Spacer...............Specific styles for the spacer block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.*/
/*
* Parallax Background Block...............
*/
/*
* Testimonial Block...............
*/
.testimonial-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto; }

div.testimonial--content {
  padding: 1% 2%;
  transition: all .3s ease;
  text-align: center;
  padding: 30px; }

div.testimonial--content p {
  font-size: 1em;
  padding: 10px 10px; }

h3.testimonial--author {
  padding: 10px 0px;
  margin: 0px 0px 0px 0px; }

.testimonial--element {
  margin-right: 15px; }

img.testimonial--image {
  width: 400px;
  height: 400px;
  object-fit: cover; }
  @media only screen and (max-width: 1365px) {
    img.testimonial--image {
      width: 200px;
      height: 200px; } }

/*
* Section with circle images block...............
*/
.circle-img-section--main-description {
  padding: 5%;
  width: 100%; }

.circle-img-section-grid {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto; }

h3.circle-img-section--title {
  padding: 10px 0px;
  margin: 0px 0px 0px 0px; }

div.circle-img-section--description {
  padding: 2% 2%; }
  @media only screen and (max-width: 766px) {
    div.circle-img-section--description {
      text-align: center; } }

div.circle-img-section--description p {
  align-self: center;
  font-size: .9em;
  padding: 10px 10px; }
  @media only screen and (max-width: 766px) {
    div.circle-img-section--description p {
      text-align: left; } }

.circle-img-section--element {
  float: left;
  shape-outside: circle(50%);
  clip-path: circle(46% at 46% 50%);
  margin-right: 10px; }
  @media only screen and (max-width: 766px) {
    .circle-img-section--element {
      float: none;
      shape-outside: none;
      clip-path: none;
      margin-right: 0px; } }

img.circle-img-section--image {
  width: 340px;
  height: 340px;
  grid-column-start: 1;
  clip-path: circle(47% at 47% 50%);
  object-fit: cover; }
  @media only screen and (max-width: 1023px) {
    img.circle-img-section--image {
      width: 250px;
      height: 250px; } }
  @media only screen and (max-width: 766px) {
    img.circle-img-section--image {
      text-align: center; } }

.circle-img-section-grid {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto; }

/*
* Avatar...............
*/
.avatar {
  border-radius: 50%;
  float: left; }
  .alignleft .avatar {
    margin-right: 24px; }
  .alignright .avatar {
    margin-left: 24px; }

/*
* Buttons...............
*/
/*
* Sorting buttons on the listing pages...............
*/
.sort-nav-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr  1fr; }
  @media only screen and (max-width: 1023px) {
    .sort-nav-wrapper {
      min-height: 250px; } }

.sort-nav {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  justify-self: center;
  align-self: center;
  grid-column-start: 2; }
  @media only screen and (max-width: 1023px) {
    .sort-nav {
      display: grid;
      grid-gap: 20px;
      grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
      align-self: center;
      grid-column-start: 2; } }
  @media only screen and (min-width: 1024px) {
    .sort-nav {
      display: grid;
      grid-gap: 20px;
      grid-template-columns: 1fr 1fr 1fr;
      align-self: center;
      grid-column-start: 2; } }

button.sort-button, button.sort-button a {
  text-decoration: none;
  color: #dfe0e0;
  width: 150px;
  padding: 15px 15px !important;
  font-weight: bold;
  letter-spacing: 1px;
  font-family: "Raleway", serif;
  text-transform: uppercase; }
  @media only screen and (max-width: 1023px) {
    button.sort-button, button.sort-button a {
      text-decoration: none;
      color: #5E5E5E;
      font-weight: normal; } }

button.highlighted.sort-button.sort-button-1, button.highlighted.sort-button.sort-button-2, button.highlighted.sort-button.sort-button-3 {
  background-color: #545454; }

.sort-button-1 {
  background-color: #545454; }

.sort-button-2 {
  background-color: #545454; }

.sort-button-3 {
  background-color: #545454; }

/*
* Featured Content...............
*/
.featured-content .entry {
  background: none;
  padding: 0; }
  .featured-content .entry:last-of-type {
    margin-bottom: 0; }

/* # Site Header
---------------------------------------------------------------------------------------------------- */
/*
* Site Description....go to the typography page for most of these settings
*/
p.site-description {
  font-size: 1em;
  color: #000;
  font-family: "Roboto", sans-serif;
  text-transform: none;
  text-align: left;
  padding-left: 25px;
  letter-spacing: 1px;
  color: #fff; }
  @media only screen and (max-width: 1023px) {
    p.site-description {
      text-align: center; } }

.site-description,
.site-title {
  margin-bottom: 0;
  display: none; }

/*
* Site Title...............
*/
.site-title a,
.site-title a:hover,
.site-title a:focus {
  color: #000;
  text-decoration: none; }

/*
* Title Area...............
*/
.title-area {
  float: left;
  width: 270px; }
  @media only screen and (max-width: 1023px) {
    .title-area {
      width: 100%;
      text-align: center; } }
  @media only screen and (max-width: 1023px) {
    .title-area .site-description,
    .title-area .site-header .title-area,
    .title-area .site-header .widget-area,
    .title-area .site-title {
      text-align: center; } }
  .header-full-width .title-area {
    float: left;
    width: 50%; }
    @media only screen and (max-width: 1023px) {
      .header-full-width .title-area {
        width: 100%;
        text-align: center;
        padding: 30px; } }

/*
* Header-image...............
*/
.header-image .title-area {
  margin: 0 auto;
  max-width: 270px;
  min-width: 270px;
  padding: 30px 10px 30px 40px;
  background-color: #f1f0ea; }
  @media only screen and (max-width: 1023px) {
    .header-image .title-area {
      float: none;
      max-width: 275px; } }

.header-image .site-title > a {
  background-position: left;
  background-size: contain;
  float: left;
  min-height: 83px;
  width: 200px; }

.header-image .site-title {
  display: block;
  text-indent: -9999px; }

/*
* Header-right...............
*/
.site-header .widget-area {
  float: right;
  text-align: right;
  width: 800px; }
  @media only screen and (max-width: 1366px) {
    .site-header .widget-area {
      width: 800px; } }
  @media only screen and (max-width: 1023px) {
    .site-header .widget-area {
      width: 100%;
      background-color: #47bee0;
      margin-top: 20px; } }

/*
* Site Header...............
*/
.site-header {
  background-color: #160603;
  z-index: 10;
  background-size: cover; }
  @media only screen and (max-width: 1023px) {
    .site-header {
      padding: 0; } }

/*
* Site Navigation...............
*/
/*
* Base Nav Styles...............find variables in settings-->typography
*/
.genesis-nav-menu {
  clear: both;
  font-size: 0.7em;
  font-size: 0.7em;
  font-weight: 600;
  text-transform: uppercase;
  width: 100%;
  font-family: "Roboto", sans-serif;
  letter-spacing: 1px; }
  @media only screen and (max-width: 1023px) {
    .genesis-nav-menu {
      text-align: center;
      margin-top: 0px;
      padding-right: 0px; }
      .genesis-nav-menu .genesis-nav-menu li,
      .site-header ul .genesis-nav-menu {
        float: none; } }
  .genesis-nav-menu .menu-item {
    display: inline-block;
    text-align: left; }
  .genesis-nav-menu a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: .5em;
    border-radius: 1px; }
  .genesis-nav-menu a:hover,
  .genesis-nav-menu a:focus,
  .genesis-nav-menu .current-menu-item > a,
  .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
  .genesis-nav-menu .sub-menu .current-menu-item > a:focus {
    color: #fff;
    text-decoration: none;
    background: #000;
    font-size: 1.2rem; }
    @media (max-width: 1023px) {
      .genesis-nav-menu a:hover,
      .genesis-nav-menu a:focus,
      .genesis-nav-menu .current-menu-item > a,
      .genesis-nav-menu .sub-menu .current-menu-item > a:hover,
      .genesis-nav-menu .sub-menu .current-menu-item > a:focus {
        background-color: #000; } }
  .genesis-nav-menu .sub-menu {
    border-top: 1px solid #160603;
    left: -9999px;
    opacity: 0;
    position: absolute;
    transition: opacity .4s ease-in-out;
    width: 200px;
    z-index: 99; }
    .genesis-nav-menu .sub-menu a {
      background-color: #000;
      border: 1px solid #160603;
      border-top: 0;
      font-size: 1em;
      font-size: 1em;
      padding: 20px;
      position: relative;
      width: 200px;
      word-wrap: break-word; }
    .genesis-nav-menu .sub-menu .sub-menu {
      margin: -56px 0 0 199px; }
  .genesis-nav-menu .menu-item:hover {
    position: static; }
    .genesis-nav-menu .menu-item:hover > .sub-menu {
      left: auto;
      opacity: 1; }
  .genesis-nav-menu > .first > a {
    padding-left: 0; }
  .genesis-nav-menu > .last > a {
    padding-right: 0; }
  .genesis-nav-menu > .right {
    float: right; }

/*
* Accessible Menu...............
*/
.menu .menu-item:focus {
  position: static; }

.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
  left: auto;
  opacity: 1; }

.sub-menu-toggle,
.menu-toggle {
  display: none;
  visibility: hidden; }
  @media only screen and (max-width: 1023px) {
    .sub-menu-toggle,
    .menu-toggle {
      border-width: 0;
      background-color: #000;
      color: #fff;
      display: block;
      margin: 0 auto;
      overflow: hidden;
      text-align: center;
      visibility: visible; } }

@media only screen and (max-width: 1023px) {
  .sub-menu-toggle {
    float: right;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100; }
    .sub-menu-toggle:hover, .sub-menu-toggle:focus {
      border-width: 0; }
    .sub-menu-toggle:before {
      display: inline-block;
      text-rendering: auto;
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); }
    .sub-menu-toggle.activated:before {
      content: "\f142"; }
  .menu-toggle {
    border-top: 1px solid #eee;
    line-height: 20px;
    position: relative;
    right: 0;
    z-index: 1000;
    width: 100%; }
    .site-header .menu-toggle {
      border: 0; }
    .menu-toggle:before, .menu-toggle.activated:before {
      margin-right: 10px;
      text-rendering: auto;
      -moz-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0); } }

/*
*Breadcrumbs...............
*/
.breadcrumb {
  background-color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 1px;
  padding: 12px 30px; }

/*
* Site Header...............
*/
.site-header .genesis-nav-menu li li {
  margin-left: 0; }

/*
* Primary...............
*/
.nav-primary {
  background-color: #160603;
  border-top: 1px solid #160603;
  float: right;
  margin-top: 40px; }
  @media only screen and (max-width: 1023px) {
    .nav-primary {
      margin-top: 0px; } }

/*
* Secondary...............
*/
.nav-secondary {
  background-color: #160603;
  border-top: 1px solid #160603; }

/*
* Pagination...............
*/
.pagination {
  clear: both;
  margin: 40px 0; }
  @media only screen and (max-width: 860px) {
    .pagination {
      margin: 5% auto; } }

.adjacent-entry-pagination {
  margin-bottom: 0; }

.archive-pagination li {
  display: inline; }
  @media only screen and (max-width: 860px) {
    .archive-pagination li a {
      margin-bottom: 4px; } }

.archive-pagination a {
  background-color: #fff;
  color: #ececec;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  font-size: 1em;
  font-weight: 600;
  padding: 8px 12px;
  text-decoration: none; }
  .archive-pagination a:hover, .archive-pagination a:focus,
  .active .archive-pagination a {
    background-color: #fff;
    color: #fff; }

/*
* Site Footer...............
*/
.site-footer .genesis-nav-menu {
  padding-bottom: 20px; }
  .site-footer .genesis-nav-menu a {
    padding: 0 20px 10px; }

/*
* JS Enabled Styles...............
*/
@media only screen and (max-width: 1023px) {
  .js .genesis-nav-menu .sub-menu, .js .genesis-nav-menu .sub-menu a {
    width: 100%; }
  .js .genesis-nav-menu .menu-item:hover {
    position: relative; }
  .js .genesis-nav-menu .menu-item > a:focus ul.sub-menu,
  .js .genesis-nav-menu .menu-item > a:focus ul.sub-menu .sub-menu {
    left: 0;
    margin-left: 0; }
  .js .genesis-nav-menu > .menu-item-has-children > a:after {
    content: none; }
  .js .genesis-nav-menu .sub-menu {
    border: none;
    clear: both;
    display: none;
    margin: 0;
    opacity: 1;
    padding-left: 15px;
    position: static;
    width: 100%; }
    .js .genesis-nav-menu .sub-menu .sub-menu {
      margin: 0; }
  .js .nav-primary .genesis-nav-menu .menu-item, .js .site-header .genesis-nav-menu .menu-item {
    display: block;
    float: none;
    margin: 1px 0;
    position: relative;
    text-align: left; } }
  @media only screen and (max-width: 1023px) and (max-width: 1023px) {
    .js .nav-primary .genesis-nav-menu .menu-item, .js .site-header .genesis-nav-menu .menu-item {
      text-align: center; } }

@media only screen and (max-width: 1023px) {
    .js .nav-primary .genesis-nav-menu .menu-item a, .js .site-header .genesis-nav-menu .menu-item a {
      border: none;
      padding: 12px 0;
      width: 100%;
      font-size: 1rem; }
  .js nav button:hover,
  .js .menu-toggle:hover,
  .js .nav-primary,
  .js nav button:focus,
  .js .menu-toggle:focus {
    background-color: #edae44; } }
  @media only screen and (max-width: 1023px) and (max-width: 1023px) {
    .js nav button:hover,
    .js .menu-toggle:hover,
    .js .nav-primary,
    .js nav button:focus,
    .js .menu-toggle:focus {
      background-color: black;
      display: grid;
      justify-content: center;
      float: none; } }

@media only screen and (max-width: 1023px) {
    .js nav button:hover nav button:hover,
    .js nav button:hover .menu-toggle:hover,
    .js nav button:hover .nav-primary,
    .js .menu-toggle:hover nav button:hover,
    .js .menu-toggle:hover .menu-toggle:hover,
    .js .menu-toggle:hover .nav-primary,
    .js .nav-primary nav button:hover,
    .js .nav-primary .menu-toggle:hover,
    .js .nav-primary .nav-primary,
    .js nav button:focus nav button:hover,
    .js nav button:focus .menu-toggle:hover,
    .js nav button:focus .nav-primary,
    .js .menu-toggle:focus nav button:hover,
    .js .menu-toggle:focus .menu-toggle:hover,
    .js .menu-toggle:focus .nav-primary {
      color: #fff; }
    .js nav button:hover nav button:focus,
    .js nav button:hover .menu-toggle:focus,
    .js .menu-toggle:hover nav button:focus,
    .js .menu-toggle:hover .menu-toggle:focus,
    .js .nav-primary nav button:focus,
    .js .nav-primary .menu-toggle:focus,
    .js nav button:focus nav button:focus,
    .js nav button:focus .menu-toggle:focus,
    .js .menu-toggle:focus nav button:focus,
    .js .menu-toggle:focus .menu-toggle:focus {
      color: #ee4834; } }

/*
* Content-area...............
*/
/*
* Main Entry Article...............
*/
.entry {
  background-color: #fff;
  padding: 0px; }
  @media (max-width: 1023px) {
    .entry {
      padding: 30px;
      margin-bottom: 5%; } }

/*
* Entry-meta...............
*/
p.entry-meta {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 0;
  margin-left: 60px;
  padding-top: 30px;
  display: none; }

/*
* Entry-header...............
*/
/*
* Entry-header...............
*/
/*
* Entry-title...............
*/
h1.entry-title {
  padding: 30px;
  display: none; }
  h1.entry-title a {
    text-decoration: none; }

/*
* Entry-meta...............
*/
.entry-comments-link::before {
  content: "\2014";
  margin: 0 6px 0 2px; }

/*
* Featured-image...............
*/
/*
* Entry-content...............
*/
.entry-content ol, .entry-content ul {
  margin-bottom: 28px;
  margin-left: 40px;
  list-style-type: none; }
  @media only screen and (max-width: 480px) {
    .entry-content ol, .entry-content ul {
      margin-left: 0px; } }

.entry-content ol > li {
  list-style-type: none; }

.entry-content ul > li {
  list-style-type: none; }

.entry-content ol ol,
.entry-content ul ul {
  margin-bottom: 0; }

.entry-content code {
  background-color: #fff;
  color: #000; }

/*
* Entry-footer...............
*/
/*
* Entry-footer...............
*/
/*
* Entry-meta...............
*/
.entry-categories,
.entry-tags {
  display: none; }

/*
* After-entry...............
*/
/*
* After-entry...............base
*/
.after-entry {
  background-color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 40px;
  padding: 60px; }
  @media (max-width: 859px) {
    .after-entry {
      padding: 30px;
      margin-bottom: 5%; } }

/*
* Optin-form...............
*/
/*
* Author-box...............
*/
/*
* Author-box...............
*/
.author-box {
  background-color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 40px;
  padding: 60px; }
  .author-box p:last-child {
    margin-bottom: 0; }
  @media (max-width: 859px) {
    .author-box {
      padding: 30px;
      margin-bottom: 5%; } }

.author-box-title {
  font-size: 20px; }

/*
* Author-box...............
*/
.author-box .avatar {
  margin-right: 24px; }

/*
* Author-box...............
*/
/*
* Author-box...............
*/
/*
* Comments...............
*/
/*
* Comments...............
*/
.comment-respond,
.entry-comments,
.entry-pings {
  background-color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 40px; }
  @media (max-width: 1279px) {
    .comment-respond,
    .entry-comments,
    .entry-pings {
      padding: 30px;
      margin-bottom: 5%;
      min-width: 64em; } }

.comment-respond,
.entry-pings {
  padding: 60px 60px 32px; }

.entry-comments {
  padding: 60px; }

.entry-pings .reply {
  display: none; }

/*
* Comments...............
*/
.comment-list li {
  padding: 40px 0 0 30px; }

.comment-list .depth-1 {
  padding-left: 0; }

/*
* Comments...............
*/
.comment-header {
  margin-bottom: 30px; }
  .comment-header p {
    margin-bottom: 0; }

/*
* Comments...............
*/
.comment .avatar {
  margin: 0 16px 24px 0; }

/*
* Comments...............
*/
.comment-content {
  clear: both; }
  .comment-content ul > li {
    list-style-type: disc; }

/*
* Comments...............
*/
.comment-respond label {
  display: block;
  margin-right: 12px; }

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
  width: 50%; }

/*
* Sidebars...............
*/
/*
* Sidebars...............
*/
.sidebar {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 40px; }
  .sidebar .widget {
    background-color: #fff;
    padding: 40px; }

/* # Widgets
---------------------------------------------------------------------------------------------------- */
/*
* Widget Base Styling...............
*/
.widget {
  margin-bottom: 40px;
  word-wrap: break-word; }
  .widget ul > li {
    margin-bottom: 10px;
    padding-bottom: 10px; }
    .widget ul > li:last-of-type {
      padding-bottom: 0; }
  .widget ol > li {
    list-style-position: inside;
    list-style-type: decimal;
    padding-left: 20px;
    text-indent: -20px; }
  .widget li li {
    border: 0;
    margin: 0 0 0 30px;
    padding: 0; }

.widget p:last-child,
.widget ul > li:last-of-type,
.widget-area .widget:last-of-type {
  margin-bottom: 0; }

@media only screen and (max-width: 860px) {
  .sidebar .widget {
    padding: 30px;
    margin-bottom: 5%; } }

/*
* Widget Title...............
*/
.sidebar .widget-title a {
  color: #000;
  text-decoration: none; }

.widget-title {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 20px; }

/*
* Calendar Widget...............
*/
.widget_calendar table {
  width: 100%; }

.widget_calendar td,
.widget_calendar th {
  text-align: center; }

/*
* Search Form...............
*/
.search-form {
  overflow: hidden; }
  .entry-content .search-form,
  .site-header .search-form {
    margin-bottom: 40px;
    width: 50%; }
  .site-header .search-form {
    float: right;
    margin: 12px auto 0; }
    @media only screen and (max-width: 1023px) {
      .site-header .search-form {
        float: none;
        margin: 16px auto; } }

.post-password-form input[type="submit"],
.search-form input[type="submit"] {
  margin-top: 10px; }

.genesis-nav-menu .search input[type="submit"],
.widget_search input[type="submit"] {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  width: 1px; }

/*
* Footer...............
*/
/*
* Footer-widgets- this is the footer section...............
*/
div#genesis-footer-widgets.footer-widgets {
  padding: 1em 5em;
  background-color: #fff; }
  @media (max-width: 1023px) {
    div#genesis-footer-widgets.footer-widgets {
      padding: 1em; } }

.footer-widgets div.wrap {
  display: grid;
  grid-template-columns: 25% 50% 25%;
  grid-template-rows: 1fr; }
  @media (max-width: 1023px) {
    .footer-widgets div.wrap {
      grid-template-columns: 1fr;
      grid-template-rows: 1fr; } }

.widget-area.footer-widgets-1.footer-widget-area {
  text-align: center;
  grid-row-start: 1;
  grid-column-start: 1;
  align-self: center; }
  @media (max-width: 1023px) {
    .widget-area.footer-widgets-1.footer-widget-area {
      display: none; } }

.widget-area.footer-widgets-2.footer-widget-area {
  grid-row-start: 1;
  grid-column-start: 2;
  align-self: center; }
  @media (max-width: 1023px) {
    .widget-area.footer-widgets-2.footer-widget-area {
      grid-row-start: 1;
      grid-column-start: 1; }
      .widget-area.footer-widgets-2.footer-widget-area div.wp-block-stackable-text.stk-block-text.stk-block {
        align-self: center;
        justify-self: center; } }

.widget-area.footer-widgets-3.footer-widget-area {
  grid-row-start: 1;
  grid-column-start: 3;
  align-self: center; }
  @media (max-width: 1023px) {
    .widget-area.footer-widgets-3.footer-widget-area {
      display: none; } }

/*
* Site-footer...............
*/
/*This is the small line at the bottom of the page*/
.site-footer {
  display: grid;
  grid-template-rows: 40px;
  background-color: #000;
  border-top: 0px !important;
  text-align: center; }

.site-footer p {
  font-size: 1rem;
  color: #fff; }

/*
* Utilities...............note they do not compile into css, they are helpers
*/
/*
* Utilities...............
*/
/* UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */
/*
* Layouts...............
**/
/*
* Site Containers...............
*/
.site-inner,
.wrap, .entry {
  margin: 0 auto; }
  @media (max-width: 1365px) {
    .site-inner,
    .wrap, .entry {
      max-width: 1365px;
      padding: 0px; } }
  @media (max-width: 1279px) {
    .site-inner,
    .wrap, .entry {
      max-width: 1279px; } }
  @media (max-width: 1023px) {
    .site-inner,
    .wrap, .entry {
      max-width: 1023px; } }
  @media (max-width: 859px) {
    .site-inner,
    .wrap, .entry {
      max-width: 859px; } }
  @media (max-width: 479px) {
    .site-inner,
    .wrap, .entry {
      max-width: 767px; } }

.site-inner {
  clear: both;
  padding: 0px 0px;
  word-wrap: break-word; }

.landing-page .site-inner {
  max-width: 800px; }

/*
* Layouts...............
*/
@media only screen and (max-width: 1023px) {
  .content,
  .content-sidebar-sidebar .content,
  .content-sidebar-sidebar .content-sidebar-wrap,
  .sidebar-content-sidebar .content,
  .sidebar-content-sidebar .content-sidebar-wrap,
  .sidebar-primary,
  .sidebar-secondary,
  .sidebar-sidebar-content .content,
  .sidebar-sidebar-content .content-sidebar-wrap {
    width: 100%; } }

/*
* ### Wrapping div for .content and .sidebar-primary
*/
.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
  width: 1060px; }
  @media (max-width: 1365px) {
    .content-sidebar-sidebar .content-sidebar-wrap,
    .sidebar-content-sidebar .content-sidebar-wrap,
    .sidebar-sidebar-content .content-sidebar-wrap {
      width: 920px; } }
  @media (max-width: 1365px) {
    .content-sidebar-sidebar .content-sidebar-wrap,
    .sidebar-content-sidebar .content-sidebar-wrap,
    .sidebar-sidebar-content .content-sidebar-wrap {
      width: 740px; } }

.content-sidebar-sidebar .content-sidebar-wrap {
  float: left; }

.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
  float: right; }

/*
* Content...............
*/
.content {
  float: right;
  width: 880px; }
  @media (max-width: 1365px) {
    .content {
      width: 800px; } }
  @media (max-width: 1279px) {
    .content {
      width: 620px; } }
  .content-sidebar-sidebar .content,
  .sidebar-content-sidebar .content,
  .sidebar-sidebar-content .content {
    width: 660px; }
    @media (max-width: 1365px) {
      .content-sidebar-sidebar .content,
      .sidebar-content-sidebar .content,
      .sidebar-sidebar-content .content {
        width: 580px; } }
    @media (max-width: 1279px) {
      .content-sidebar-sidebar .content,
      .sidebar-content-sidebar .content,
      .sidebar-sidebar-content .content {
        width: 400px; } }
  .content-sidebar .content,
  .content-sidebar-sidebar .content,
  .sidebar-content-sidebar .content {
    float: left; }
  .full-width-content .content {
    width: 100%; }

/*
* Primary Sidebar...............
*/
.sidebar-primary {
  float: right;
  width: 360px; }
  @media (max-width: 1365px) {
    .sidebar-primary {
      width: 300px; } }
  .sidebar-content .sidebar-primary,
  .sidebar-sidebar-content .sidebar-primary {
    float: left; }

/*
* Secondary Sidebar...............
*/
.sidebar-secondary {
  float: left;
  width: 180px; }
  .content-sidebar-sidebar .sidebar-secondary {
    float: right; }

/*
* Columns...............
*/
/*
* Columns...............
*/
/* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */
.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
  float: left;
  margin-left: 2.564102564102564%; }

.one-half,
.three-sixths,
.two-fourths {
  width: 48.717948717948715%; }

.one-third,
.two-sixths {
  width: 31.623931623931625%; }

.four-sixths,
.two-thirds {
  width: 65.81196581196582%; }

.one-fourth {
  width: 23.076923076923077%; }

.three-fourths {
  width: 74.35897435897436%; }

.one-sixth {
  width: 14.52991452991453%; }

.five-sixths {
  width: 82.90598290598291%; }

.first {
  clear: both;
  margin-left: 0; }

/*
* Neat Columns...............using Neat Framework
*/
.one-half,
.three-sixths,
.two-fourths {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
  width: 49.999%; }

.one-third,
.two-sixths {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
  width: 33.33333%; }

.four-sixths,
.two-thirds {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
  width: 66.66667%; }

.one-fourth {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
  width: 25%; }

.three-fourths {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
  width: 75%; }

.one-sixth {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
  width: 16.66667%; }

.five-sixths {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 8px;
  width: 83.33333%; }

.last {
  clear: right; }

.first {
  clear: left; }

.one-half {
  clear: left; }
  .one-half.last {
    clear: none; }

/*
* Full-width Columns...............
*/
@media (max-width: 859px) {
  .five-sixths,
  .four-sixths,
  .one-fourth,
  .one-half,
  .one-sixth,
  .one-third,
  .three-fourths,
  .three-sixths,
  .two-fourths,
  .two-sixths,
  .two-thirds {
    margin: 0;
    width: 100%; } }

/*
* Archive ...............
*/
@use "description";
@use "title";
/*
* Blog...............
*/
div.wp-block-latest-posts__featured-image.alignleft {
  padding-bottom: 60px; }
  @media only screen and (max-width: 1023) {
    div.wp-block-latest-posts__featured-image.alignleft {
      float: none;
      padding-bottom: 10px; } }

.wp-block-latest-posts__featured-image a {
  margin-top: .5em;
  margin-bottom: 1em; }

.wp-block-latest-posts.wp-block-latest-posts__list li {
  padding: 30px 0px; }

/* # Grids
---------------------------------------------------------------------------------------------------- */
/*
* Grid Formatting...............
*/
.container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  margin: 1rem;
  background-color: #fff; }
  @media (max-width: 1023px) {
    .container {
      grid-template-columns: 2fr; } }
  @media (max-width: 859px) {
    .container {
      grid-template-columns: 1fr;
      padding: 20px 0px; } }

.item {
  background-color: #fff;
  align-items: center;
  transition: all .3s ease; }

.item-author {
  font-style: italic;
  margin-left: 20px; }

/*
* Image Overlap Formatting...............
*/
.image-stack {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  position: relative; }

.image-stack__item--title {
  grid-column: 1/span 6;
  grid-row: 1;
  padding: 5% 0% 0% 5%;
  z-index: 3;
  font-family: "Roboto", sans-serif;
  color: #000;
  font-size: 3em;
  line-height: 1em;
  color: #fff; }
  @media only screen and (max-width: 1100px) {
    .image-stack__item--title {
      font-size: 2em; } }

.image-stack__item--top {
  grid-column: 4/-1;
  grid-row: 1;
  padding-top: 20%;
  z-index: 1; }

img.image-stack__item--top-style {
  border: solid 10px #fff; }

.image-stack__item--bottom {
  grid-column: 1/span 10;
  grid-row: 1; }

/*
* Grid Formatting for Multisized Box Layout...............
*/
/**GRID 1**/
.grid-area-1 {
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  column-gap: 0px;
  grid-row-gap: 0px;
  height: 250px; }

.grid-item-1-1 {
  background-color: #f4f4f4;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 2;
  grid-row-end: 3; }

/**GRID 2**/
.grid-area-2 {
  background-color: #f0f0f0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  column-gap: 0px;
  grid-row-gap: 0px;
  height: 450px; }

.grid-item-2-1 {
  background-color: #545454;
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 3; }

/**GRID 3**/
.grid-area-3 {
  background-color: #f0f0f0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  column-gap: 0px;
  grid-row-gap: 0px;
  height: 500px; }

.grid-item-3-1 {
  background-color: #545454;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3; }

.grid-item-3-2 {
  background-color: #e8e8e8;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2; }

.grid-item-3-3 {
  background-color: #000;
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3; }

.grid-item-3-4 {
  background-color: #dfe0e0;
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 3; }

/**GRID 4**/
.grid-area-4 {
  background-color: #e8e8e8;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  column-gap: 0px;
  grid-row-gap: 0px;
  height: 400px; }

.grid-item-4-1 {
  background-color: #f0f0f0;
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3; }

.grid-item-4-2 {
  background-color: #e8e8e8;
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 3; }

/**GRID 5**/
.grid-area-5 {
  background-color: #f8f8f8;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  column-gap: 0px;
  grid-row-gap: 0px;
  height: 400px; }

.grid-item-5-1 {
  background-color: #000;
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3; }

.grid-item-5-2 {
  background-color: #545454;
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 1;
  grid-row-end: 2; }

.grid-item-5-3 {
  background-color: #545454;
  grid-column-start: 3;
  grid-column-end: 5;
  grid-row-start: 2;
  grid-row-end: 3; }

/*
* Text Overlap Header Formatting...............
*/
.text-stack {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  position: relative;
  line-height: 1; }

.text-stack__item--top {
  grid-column: 1/span 12;
  grid-row: 1;
  z-index: 2;
  font-family: "Roboto", sans-serif;
  font-style: italic;
  font-size: 1.5em;
  justify-self: center;
  align-self: end;
  font-weight: bold; }
  @media only screen and (max-width: 1100px) {
    .text-stack__item--top {
      font-size: 2em;
      grid-column: 1/span 12;
      grid-row: 1;
      z-index: 0;
      padding-top: 40px;
      font-size: 1.5em;
      justify-self: left; } }

.text-stack__item--bottom {
  grid-column: 1/span 12;
  grid-row: 1;
  z-index: 0;
  font-size: 3em;
  text-transform: uppercase;
  text-align: center;
  color: rgba(235, 235, 235, 0.5); }
  @media only screen and (max-width: 1100px) {
    .text-stack__item--bottom {
      grid-column: 1/span 12;
      grid-row: 1;
      padding: 10px 0px;
      font-size: 1em;
      color: #e8e8e8;
      text-align: left; } }

/*
* General...............
**/
div.entry-content .home-collage {
  margin-top: -100px;
  z-index: 1;
  position: relative; }
  @media only screen and (max-width: 1023px) {
    div.entry-content .home-collage {
      margin-top: 0px;
      margin-top: -120px; } }

header.site-header {
  z-index: 10;
  position: relative; }

.dashicons,
.dashicons-before:before {
  display: none !important; }

.intro {
  background-color: #fff; }

.intro-text p {
  font-size: 1.3em;
  color: #000;
  padding: 1em 0px;
  font-family: "Merriweather", serif; }

.credits {
  background-color: #000; }

.credits p {
  color: #fff;
  font-size: .5em;
  padding: .5em; }

.contact {
  padding: 30px 0; }

.contact p,
.contact p a {
  color: #000; }

h2.entry-title {
  display: none; }

img.custom-logo {
  display: none; }

/* # Plugins
---------------------------------------------------------------------------------------------------- */
/*
* Genesis E-news Extended...............
*/
.sidebar .enews-widget {
  background-color: #fff; }
  .sidebar .enews-widget, .sidebar .enews-widget .widget-title {
    color: #000; }
  .sidebar .enews-widget input,
  .sidebar .enews-widget input:focus {
    border: 1px solid #f8f8f8; }
  .sidebar .enews-widget input[type="submit"] {
    background-color: #fff;
    color: #dfe0e0; }
  .sidebar .enews-widget input:hover[type="submit"],
  .sidebar .enews-widget input:focus[type="submit"] {
    background-color: #e8e8e8;
    color: #fff; }

.enews-widget input {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 16px; }
  .enews-widget input[type="submit"] {
    margin: 0;
    width: 100%; }

.enews form + p {
  margin-top: 24px; }

/*
* Jetpack...............
*/
#wpstats {
  display: none; }

/*
* Gravity Forms...............
*/
/*
* WP Stackable...............
*/
@media (max-width: 1023px) {
  h2.stk-block-heading__text {
    font-size: 1.5em !important; }
  .wp-block-stackable-heading {
    padding-bottom: 0px !important; }
  div.stk-block-posts__item {
    width: 100% !important;
    flex-basis: 100% !important; } }

/*
* Skip Links...............
*/
.genesis-skip-link {
  margin: 0; }
  .genesis-skip-link li {
    height: 0;
    width: 0;
    list-style: none; }

/* Display outline on focus */
:focus {
  color: #333;
  outline: #ccc solid 1px; }

/*
* Screen Reader Text...............
*/
.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden; }

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.genesis-nav-menu .search input[type="submit"]:focus,
.widget_search input[type="submit"]:focus {
  clip: auto !important;
  height: auto;
  width: auto;
  display: block;
  font-size: 1em;
  font-weight: bold;
  padding: 15px 23px 14px;
  color: #e8e8e8;
  background: #fff;
  z-index: 100000;
  /* Above WP toolbar. */
  text-decoration: none;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); }

.more-link {
  position: relative; }

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