@charset "UTF-8";
/*
Theme Name: Shift
Theme URI: https://www.competethemes.com/shift/
Author: Compete Themes
Author URI: https://www.competethemes.com/
Description: Shift is a simple and customizable theme made for businesses and bloggers. Present your best content in a beautiful and responsive design across mobile devices, tablets, and widescreen monitors with Shift. With a minimalist design, Shift is great at highlighting your content. That means you’ll get higher engagement whether you’re publishing videos, podcast, photographs, or blog posts. It’s suitable for niche niche from travel and food blogs to corporate business websites. Use Shift for a small, personal content site or publish a ton with an online magazine. Shift is also fully compatible with the new Gutenberg post editor. Preview Shift now on desktop, tablets, and mobile devices with the interactive live demo: https://www.competethemes.com/demos/?theme=shift
Version: 1.24
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, right-sidebar, left-sidebar, accessibility-ready, custom-logo, custom-menu, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, rtl-language-support, blog, education, news
Text Domain: shift
Tested up to: 6.0
Requires PHP: 5.4

Shift WordPress Theme, Copyright 2022 Compete Themes
Shift is distributed under the terms of the GNU GPL
*/
/*===== Variables =====*/
/* Theme Colors */
/* Media Query widths */
/* Social Media Brand Colors */
/*===== Mixins =====*/
/***** Silent Classes *****/
h1 {
  font-size: 1.75em;
  /* 28px / 16px */
  line-height: 1.357;
  /* 38px */
}

.search-header h1, h2 {
  font-size: 1.3125em;
  /* 21px / 16px */
  line-height: 1.143;
  /* 24px */
}

.widget-title, .comments-number h2, h3 {
  font-size: 1.125em;
  /* 18px / 16px */
  line-height: 1.333;
  /* 24px */
}

.sidebar-primary .widget > *:not(.widget-title), .comment-respond label {
  font-size: 0.875em;
  /* 14px / 16px */
  line-height: 1.714;
  /* 24px */
}

.single-attachment .attachment-caption, .further-reading span, .post-meta > div, .tagline, .site-footer .design-credit, .comment-footer > span,
.comment-footer a, .sticky-status, .more-link, input[type=submit], input[type=text],
input[type=email],
input[type=password],
input[type=number],
input[type=search],
input[type=tel],
input[type=url],
textarea, .wp-caption-text,
.gallery-caption,
.wp-caption-dd, img figcaption,
.alignright figcaption,
.alignleft figcaption,
.aligncenter figcaption,
.alignnone figcaption,
.size-auto figcaption,
.size-full figcaption,
.size-large figcaption,
.size-medium figcaption,
.size-thumbnail figcaption,
.wp-block-image figcaption, .wp-block-table figcaption {
  font-size: 0.75em;
  /* 12px / 16px */
  line-height: 1.5;
  /* 18px */
}

.site-title a, .site-footer a {
  color: white;
}
.site-title a:link, .site-footer a:link, .site-title a:visited, .site-footer a:visited, .site-title a:hover, .site-footer a:hover, .site-title a:active, .site-footer a:active, .site-title a:focus, .site-footer a:focus {
  color: white;
}

.further-reading a, .post-categories a, .post-meta a, .pagination a, .comment-pagination a, .comment-footer .comment-edit-link,
.comment-footer .comment-reply-link {
  font-style: italic;
}
.further-reading a:hover, .post-categories a:hover, .post-meta a:hover, .pagination a:hover, .comment-pagination a:hover, .comment-footer .comment-edit-link:hover,
.comment-footer .comment-reply-link:hover, .further-reading a:active, .post-categories a:active, .post-meta a:active, .pagination a:active, .comment-pagination a:active, .comment-footer .comment-edit-link:active,
.comment-footer .comment-reply-link:active, .further-reading a:focus, .post-categories a:focus, .post-meta a:focus, .pagination a:focus, .comment-pagination a:focus, .comment-footer .comment-edit-link:focus,
.comment-footer .comment-reply-link:focus {
  text-decoration: underline;
}

.post-header,
.post-content,
.after-post-meta, #disqus_thread, .comments, .error404 .search-form-container {
  margin: 1.5em 4.41543%;
}

.search-header, .pagination, .archive-header {
  padding: 1.5em 4.41543%;
  background: #E6E6E6;
}

@media all and (min-width: 56.25em) {
  .post-header,
.post-content,
.after-post-meta, #disqus_thread, .comments, .error404 .search-form-container {
    margin: 1.5em 6.83142%;
  }

  .search-header, .pagination, .archive-header {
    padding: 1.5em 6.83142%;
  }
}
/*===== Basic Styles =====*/
/* apply a natural box layout model to all elements */
*, *:before, *:after {
  box-sizing: border-box;
}

body {
  height: 100%;
  font-size: 100%;
  margin: 0;
  padding: 0;
  font-family: "Lato", sans-serif;
  line-height: 1.5;
  background: #F2F2F2;
  color: #1A1A1A;
  -webkit-font-smoothing: subpixel-antialiased;
  word-wrap: break-word;
  -ms-word-wrap: break-word;
}

.overflow-container {
  position: relative;
  overflow: hidden;
  height: auto;
  min-height: 100%;
}

.loop-container:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

p {
  margin: 1.5em 0;
}

a {
  color: #1A1A1A;
  text-decoration: none;
}
a:link, a:visited {
  color: #1A1A1A;
}
a:hover, a:active, a:focus {
  color: #1A1A1A;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Lato", sans-serif;
  margin: 0;
  padding: 0;
  font-weight: 400;
}

h4, h5, h6 {
  font-size: 1em;
  line-height: 1.5;
}

ul,
ol {
  font-size: 1em;
  padding: 0;
  margin: 1.5em;
}
ul ul, ul ol,
ol ul,
ol ol {
  margin: 0 1.5em;
}

ul ul,
ol ol,
ul ol,
ol ul,
li li {
  font-size: 1em;
}

/* Markup styles */
pre {
  word-wrap: break-word;
  background: #F2F2F2;
  white-space: pre-wrap;
  padding: 0.75em;
}

code {
  background: #F2F2F2;
  padding: 0 0.375em;
}

pre code {
  padding: 0;
}

blockquote {
  margin: 1.5em 1.5em 1.5em 0;
  padding-left: 1.5em;
  border-left: solid 3px #1A1A1A;
}
blockquote cite {
  display: block;
  text-align: right;
}

hr {
  margin: 1.5em 0;
}

/* Table styles */
table {
  border-spacing: 0;
  border-collapse: collapse;
  margin: 1.5em 0;
}

td,
th {
  padding: 0.75em;
  border: solid 1px #1A1A1A;
}

.wp-block-table {
  margin: 0;
}
.wp-block-table thead,
.wp-block-table tfoot {
  background: #F2F2F2;
}
.wp-block-table td,
.wp-block-table th {
  border-color: #E6E6E6;
}
.wp-block-table figcaption {
  margin: -18px 0 0 0;
  color: #1A1A1A;
  text-align: center;
}

.wp-block-table.is-style-stripes {
  border-bottom: none;
}
.wp-block-table.is-style-stripes thead {
  background: none;
}
.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th {
  border-color: #E6E6E6;
}

/* Images */
.alignleft {
  float: left;
  margin: 0 1.5em 1.5em 0;
}

.alignright {
  float: right;
  margin: 0 0 1.5em 1.5em;
}

.aligncenter {
  text-align: center;
  margin: 1.5em auto;
  display: block;
}

.alignnone {
  margin: 1.5em 0;
}

img,
.alignright,
.alignleft,
.aligncenter,
.alignnone,
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail,
.wp-block-image {
  max-width: 100%;
  height: auto;
}
img figcaption,
.alignright figcaption,
.alignleft figcaption,
.aligncenter figcaption,
.alignnone figcaption,
.size-auto figcaption,
.size-full figcaption,
.size-large figcaption,
.size-medium figcaption,
.size-thumbnail figcaption,
.wp-block-image figcaption {
  margin: 3px 0 0 0;
  color: #1A1A1A;
  text-align: center;
}

.wp-caption-text,
.gallery-caption,
.wp-caption-dd {
  margin: 3px 0 0 0;
  color: #1A1A1A;
  text-align: center;
}

.wp-block-social-links a {
  color: #fff;
}

.wp-block-group.alignwide,
.wp-block-group .alignwide,
.wp-block-group.alignfull,
.wp-block-group .alignfull {
  line-height: 1.5;
}

/* Form styles */
input[type=text],
input[type=email],
input[type=password],
input[type=number],
input[type=search],
input[type=tel],
input[type=url],
textarea {
  width: 100%;
  font-family: "Lato", sans-serif;
  padding: 10px 12px;
  max-width: 27.75em;
  min-height: 42px;
  background: #F2F2F2;
  color: #1A1A1A;
  border: solid 2px #E6E6E6;
  border-radius: 0;
  -webkit-appearance: none;
  transition: background 0.2s, border-color 0.2s;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=url]:focus,
textarea:focus {
  outline: none;
  background: white;
  border-color: #CCCCCC;
}

textarea {
  max-width: 41.625em;
  overflow: auto;
  /* to hide scrollbar in IE */
}

input[type=submit] {
  font-family: "Lato", sans-serif;
  padding: 12px;
  color: white;
  background: #1A1A1A;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  transition: background 0.2s;
}
input[type=submit]:hover {
  cursor: pointer;
}
input[type=submit]:hover, input[type=submit]:active, input[type=submit]:focus {
  background: #4D4D4D;
}

input[type=search] {
  padding-right: 0.375em;
  /* so safari 'x' doesn't get cut off */
}

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

:-moz-placeholder {
  color: #666666;
}

::-moz-placeholder {
  color: #666666;
}

:-ms-input-placeholder {
  color: #666666;
}

/* ie image border fix */
a img {
  border: none;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
  html {
    -webkit-text-size-adjust: none;
    /* none for no scaling */
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  html {
    -webkit-text-size-adjust: none;
    /* none for no scaling */
  }
}
.screen-reader-text {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
}

.skip-content {
  position: absolute;
  top: -100%;
  width: 100%;
  left: 0;
  display: block;
  text-align: center;
  color: white !important;
  z-index: 99;
  padding: 1.5em;
  background: #1A1A1A;
  transition: top 0.2s ease-in-out;
}
.skip-content:focus {
  top: 0;
  outline: none;
}

.admin-bar .skip-content:focus {
  top: 32px;
}

.max-width {
  max-width: 1340px;
  margin: 0 auto;
}
.max-width:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.max-width.main-max-width {
  min-height: calc(100vh - 150px);
}

@media all and (min-width: 50em) {
  h1 {
    font-size: 2.375em;
    /* 38px / 16px */
    line-height: 1.342;
    /* 51px */
  }

  h2 {
    font-size: 1.75em;
    /* 28px / 16px */
    line-height: 1.357;
    /* 38px */
  }

  h3 {
    font-size: 1.3125em;
    /* 21px / 16px */
    line-height: 1.143;
    /* 24px */
  }

  h4 {
    font-size: 1.125em;
    /* 18px / 16px */
    line-height: 1.333;
    /* 24px */
  }

  h5, h6 {
    font-size: 1em;
    line-height: 1.5;
  }
}
.archive-header {
  margin-bottom: 1.5em;
}
.archive-header h1 {
  font-size: 1em;
  line-height: 1.5;
}

.more-link {
  display: inline-block;
  color: white;
  background: #1A1A1A;
  padding: 9px 12px;
  transition: color 0.2s, background 0.2s;
}
.more-link:link, .more-link:visited {
  color: white;
}
.more-link:hover, .more-link:active, .more-link:focus {
  color: white;
  background: #4D4D4D;
}
.more-link:hover i, .more-link:active i, .more-link:focus i {
  right: -1px;
}
.more-link i {
  display: inline-block;
  position: relative;
  right: 0;
  margin-left: 3px;
  vertical-align: middle;
  transition: right 0.2s;
}

.post-content .more-link {
  text-decoration: none;
}
.post-content .more-link:hover, .post-content .more-link:active, .post-content .more-link:focus {
  color: white;
}

.more-link-wrapper {
  margin: 1.5em 0;
}

.sticky-status {
  padding: 1px 5px;
  border: solid 2px #E6E6E6;
  color: #666666;
  display: inline-block;
  margin-bottom: 3px;
}

.comment-respond {
  margin: 3em 0;
}
.comment-respond label {
  display: block;
  margin-bottom: 6px;
}
.comment-respond p {
  margin: 1.125em 0;
}
.comment-respond p.comment-notes {
  margin: 1.5em 0;
}
.comment-respond p.form-submit {
  margin-top: 2.25em;
}
.comment-respond .comment-form-cookies-consent label {
  display: inline-block;
}

.comments {
  margin-top: 3em;
}

.comments-number {
  margin: 1.5em 0 3em;
}
.comment-list,
.comment-list .children {
  list-style: none;
  margin: 2.25em 0;
}

.comment-list .children {
  padding-left: 1.5em;
  border-left: solid 1px #F2F2F2;
}

.comment-author {
  margin-bottom: 1.5em;
}
.comment-author .avatar {
  width: 36px;
  height: auto;
  float: left;
  margin-right: 6px;
  border-radius: 50%;
}
.comment-author .author-name {
  line-height: 36px;
}
.comment-author .author-name a {
  font-style: italic;
}
.comment-author .author-name a:hover, .comment-author .author-name a:active, .comment-author .author-name a:focus {
  text-decoration: underline;
}

.comment-content ul,
.comment-content ol {
  margin: 1.5em;
}
.comment-content ul ul,
.comment-content ul ol,
.comment-content ol ul,
.comment-content ol ol {
  margin: 0 0 0 1.5em;
}

.comment-footer .comment-edit-link,
.comment-footer .comment-reply-link {
  position: relative;
  padding-left: 9px;
  margin-left: 4px;
}
.comment-footer .comment-edit-link:before,
.comment-footer .comment-reply-link:before {
  content: "|";
  position: absolute;
  left: 0;
  top: 0;
}

li.comment,
li.pingback {
  margin-bottom: 2.25em;
}
li.comment.bypostauthor > article,
li.pingback.bypostauthor > article {
  border: solid 4px #E6E6E6;
  padding: 0.75em;
}

.comment-pagination {
  margin: 1.5em 0;
}
.comment-pagination p {
  display: inline-block;
  margin: 0 -4px 0 0;
  width: 50%;
}
.comment-pagination .next-comment {
  float: right;
  text-align: right;
}
.comment-pagination:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

@media all and (min-width: 50em) {
  .comments-number h2 {
    font-size: 1.3125em;
    /* 21px / 16px */
    line-height: 1.143;
    /* 24px */
  }
}
.site-footer {
  clear: both;
  margin-top: 3em;
  background: #1A1A1A;
  color: #CCCCCC;
  text-align: center;
}
.site-footer .design-credit {
  padding: 0.75em 6.9425%;
}
.site-footer a {
  text-decoration: underline;
}

.scroll-to-top {
  position: fixed;
  bottom: -45px;
  right: 0;
  z-index: 9;
  background: #1A1A1A;
  border: none;
  color: #fff;
  padding: 12px 0;
  width: 60px;
  transition: background 0.2s, transform 0.3s;
}
.scroll-to-top.visible {
  transform: translateY(-45px);
}
.scroll-to-top:hover {
  cursor: pointer;
  background: #4D4D4D;
}
.scroll-to-top:hover i {
  transform: translateY(-4px);
}
.scroll-to-top i {
  font-size: 21px;
  transition: transform 0.2s;
}

/**
 * 14.2 Galleries
 */
.gallery {
  margin: 2.25em auto;
}

.gallery-item {
  display: inline-block;
  padding: 0.75em;
  text-align: center;
  vertical-align: top;
  width: 100%;
  margin: 0;
}
.gallery-item img {
  max-width: 100%;
  max-height: 100%;
}
.gallery-item a {
  border: none;
}

.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-icon img {
  margin: 0 auto;
}

.gallery-caption {
  display: block;
  font-size: 12px;
  padding: 0.5em 0 0;
  margin: 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

/* Jetpack Galleries */
.tiled-gallery {
  margin: 2.25em auto !important;
}
.tiled-gallery .gallery-row {
  margin: 0 auto;
}

.site-header {
  background: white;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}
.site-header:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.title-container {
  position: relative;
  display: inline-block;
  background: #1A1A1A;
  padding: 1.125em 1.5em 1.125em 6.9425%;
  min-height: 60px;
}
.title-container.has-tagline {
  padding-top: 14px;
  padding-bottom: 9px;
}

.site-title {
  display: inline-block;
  font-size: 1em;
  line-height: 1.5;
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
}
.site-title a {
  text-decoration: none;
  transition: color 0.2s;
}
.site-title a:hover, .site-title a:active, .site-title a:focus {
  color: #E6E6E6;
}

.tagline {
  color: #E6E6E6;
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

.social-media-icons {
  list-style: none;
  margin: 1.5em 0 0.75em;
  transition: opacity 0.2s;
}
.social-media-icons li {
  display: inline-block;
  margin-right: 20px;
}
.social-media-icons.fade {
  opacity: 0;
}
.social-media-icons a {
  transition: color 0.2s;
}
.social-media-icons a:hover, .social-media-icons a:active, .social-media-icons a:focus {
  color: #666666;
}

.logo {
  max-width: 100%;
  width: 200px;
  height: auto;
}

@media all and (min-width: 56.25em) {
  .title-container {
    float: left;
    z-index: 19;
    padding-right: 2.25em;
    margin-right: 2.25em;
  }
  .title-container:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -999px;
    z-index: -1;
    background: #1A1A1A;
  }

  .social-media-icons {
    position: absolute;
    top: 100%;
    transform: translateY(-50%);
    right: 5.554%;
    margin: 0;
  }
  .social-media-icons li:last-child {
    margin-right: 0;
  }
}
@media all and (min-width: 68.75em) {
  .site-header {
    margin-bottom: 0.75em;
  }
}
.pagination {
  text-align: center;
  clear: both;
  margin-bottom: 3em;
}
.pagination a {
  transition: color 0.2s;
}
.pagination .prev,
.pagination .next {
  position: relative;
}
.pagination .prev {
  float: left;
  margin-left: 0;
  padding-left: 10px;
}
.pagination .prev:before {
  content: "«";
  position: absolute;
  left: 0;
}
.pagination .next {
  float: right;
  margin-right: 0;
  padding-right: 10px;
}
.pagination .next:after {
  content: "»";
  position: absolute;
  right: 0;
}
.pagination a,
.pagination span {
  margin: 0 0.75em;
}
.pagination a.current,
.pagination span.current {
  font-weight: 700;
}

@media all and (min-width: 37.5em) {
  .pagination {
    position: relative;
  }
  .pagination.prev, .pagination.next {
    position: absolute;
  }
  .pagination.prev {
    left: 0;
  }
  .pagination.next {
    right: 0;
  }
}
.main {
  margin: 1.5em 2.777%;
}

@media all and (min-width: 56.25em) {
  .main {
    width: 61.094%;
    float: left;
  }

  .left-sidebar .main {
    float: right;
  }

  .page-template-full-width .main {
    width: 100%;
    float: none;
    margin: 1.5em 0;
    padding: 0 2.777%;
  }
}
.toggle-navigation {
  position: relative;
  float: right;
  font-size: 1em;
  line-height: 1.5;
  background: none;
  margin: 0;
  border: none;
  padding: 1.125em 6.9425% 1.125em 1.5em;
}
.toggle-navigation:after {
  content: "";
  position: absolute;
  top: 16px;
  left: 16px;
  width: 40px;
  height: 32px;
  border: solid 1px #CCCCCC;
  visibility: hidden;
}
.toggle-navigation svg {
  display: inline-block;
  vertical-align: middle;
}
.toggle-navigation svg g {
  fill: #1A1A1A;
}
.toggle-navigation:hover svg g, .toggle-navigation:active svg g, .toggle-navigation:focus svg g, .toggle-navigation.open svg g {
  fill: #666666;
}
.toggle-navigation:hover {
  cursor: pointer;
}
.toggle-navigation:focus, .toggle-navigation.open {
  outline: none;
}
.toggle-navigation:focus:after, .toggle-navigation.open:after {
  visibility: visible;
}

.menu-primary-container {
  background: white;
  max-height: 0;
  margin: 0;
  overflow: hidden;
}
.menu-primary-container .menu-inner-container {
  position: relative;
  padding: 1.5em 6.9425%;
  min-height: 1.5em;
}
.menu-primary-container.open {
  max-height: none;
}

.menu-primary ul {
  margin: 0;
  list-style: none;
}
.menu-primary li {
  margin-bottom: 0.75em;
}
.menu-primary li.current-menu-item > a, .menu-primary li.current_page_item > a, .menu-primary li.current-menu-ancestor > a {
  font-weight: 700;
}

/* Tier 2 */
.menu-primary ul ul {
  max-height: 0;
  overflow: hidden;
  margin-left: 1.5em;
}
.menu-primary ul ul li:first-child {
  margin-top: 0.75em;
}
.menu-primary ul ul li:last-child {
  margin-bottom: 0;
}
.menu-primary .open > ul {
  max-height: none;
}
.toggle-dropdown {
  top: 0;
  font-size: 1em;
  padding: 3px 6px;
  margin: 0;
  border: none;
  background: none;
}
.toggle-dropdown i {
  transition: top 0.2s;
  top: 0;
  right: 0;
}
.toggle-dropdown:hover {
  cursor: pointer;
}

@media all and (min-width: 56.25em) {
  .toggle-navigation {
    display: none;
  }

  .toggle-dropdown {
    font-size: 14px;
    padding: 0;
    margin-left: 3px;
    vertical-align: middle;
  }

  .menu-primary-container {
    position: relative;
    max-height: none;
    overflow: visible;
    height: 60px;
    z-index: 9;
  }
  .menu-primary-container .menu-inner-container {
    position: relative;
    padding: 0 5.554% 0 3em;
    top: 50%;
    transform: translateY(-50%);
  }

  .menu-primary .open > ul {
    opacity: 1;
    visibility: visible;
    top: calc(100% - 2px);
  }
  .menu-primary li {
    display: inline-block;
    margin: 0 20px 0 0;
  }
  .menu-primary li:hover > a:after {
    transform: scale(1);
  }
  .menu-primary li:hover > button i {
    top: 2px;
  }
  .menu-primary a {
    position: relative;
    font-size: 0.75em;
    line-height: 1.5;
  }
  .menu-primary a:after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    height: 2px;
    width: 100%;
    background: #E6E6E6;
    transform: scale(0);
    transition: transform 0.2s;
  }
  .menu-primary a:before {
    content: "";
    position: absolute;
    top: 100%;
    height: 4px;
    left: 0;
    width: 100%;
  }
  .menu-primary a:hover:after, .menu-primary a:active:after, .menu-primary a:focus:after {
    transform: scale(1);
  }

  /* Tier 2 */
  .menu-primary {
    /***** Tier 2 *****/
  }
  .menu-primary ul ul {
    position: absolute;
    z-index: 19;
    top: calc(100% + 4px);
    max-height: none;
    overflow: visible;
    background: white;
    margin-left: 0;
    padding: 0 0.75em 1.125em;
    left: 0;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    border-top: solid 2px #E6E6E6;
    min-width: 5em;
    transition: opacity 0.2s, visibility 0.2s, top 0.2s, left 0.2s;
  }
  .menu-primary ul ul:hover, .menu-primary ul ul.focused {
    opacity: 1;
    visibility: visible;
    top: calc(100% - 2px);
  }
  .menu-primary ul ul li {
    white-space: nowrap;
    margin: 0 10px 6px 0;
  }
  .menu-primary ul ul a {
    width: 100%;
  }
  .menu-primary li {
    display: inline-block;
    margin: 0 10px 0 0;
  }
  .menu-primary li.menu-item-has-children {
    position: relative;
    /***** Tier 3+ *****/
  }
  .menu-primary li.menu-item-has-children > a:hover ~ ul, .menu-primary li.menu-item-has-children > a:active ~ ul, .menu-primary li.menu-item-has-children > a:focus ~ ul {
    opacity: 1;
    visibility: visible;
    top: calc(100% - 2px);
  }
  .menu-primary li.menu-item-has-children > a:hover + button i, .menu-primary li.menu-item-has-children > a:active + button i, .menu-primary li.menu-item-has-children > a:focus + button i {
    top: 2px;
  }
  .menu-primary li.menu-item-has-children ul li {
    display: list-item;
  }
  .menu-primary li.menu-item-has-children ul .menu-item-has-children:hover button i, .menu-primary li.menu-item-has-children ul .menu-item-has-children:active button i {
    right: -2px;
    top: 0;
  }
  .menu-primary li.menu-item-has-children ul .menu-item-has-children button i {
    transition: right 0.2s ease;
    margin-left: 3px;
  }
  .menu-primary li.menu-item-has-children ul .menu-item-has-children > a:before {
    top: 0;
    bottom: 0;
    left: 100%;
    height: 100%;
    width: 36px;
  }
  .menu-primary li.menu-item-has-children ul .menu-item-has-children > a:hover ~ ul, .menu-primary li.menu-item-has-children ul .menu-item-has-children > a:active ~ ul, .menu-primary li.menu-item-has-children ul .menu-item-has-children > a:focus ~ ul {
    opacity: 1;
    visibility: visible;
    top: -12px;
    left: 100%;
  }
  .menu-primary li.menu-item-has-children ul .menu-item-has-children > a:hover + button i, .menu-primary li.menu-item-has-children ul .menu-item-has-children > a:active + button i, .menu-primary li.menu-item-has-children ul .menu-item-has-children > a:focus + button i {
    top: 0;
    right: -2px;
  }
  .menu-primary li.menu-item-has-children ul ul {
    top: -12px;
    left: calc(100% + 4px);
  }
  .menu-primary li.menu-item-has-children ul ul:hover, .menu-primary li.menu-item-has-children ul ul.focused {
    top: -12px;
    left: 100%;
  }
}
.featured-image {
  position: relative;
  height: 0;
  padding-bottom: 50%;
  overflow: hidden;
  margin: 1.5em 0;
}
.featured-image > a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 0;
}
.featured-image > a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: white;
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
}
.featured-image > a:focus:after {
  opacity: 0.2;
}
.featured-image > img,
.featured-image > a > img {
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.featured-image > img.no-object-fit,
.featured-image > a > img.no-object-fit {
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
  top: 50%;
  right: 50%;
  left: auto;
  transform: translateX(50%) translateY(-50%);
}
.featured-image:before, .featured-image:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9;
  height: 6px;
  background: #1A1A1A;
  opacity: 0.3;
}
.featured-image:before {
  top: 0;
}
.featured-image:after {
  bottom: 0;
}
.featured-image .ccfic {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 4px 4px 4px 12px;
  font-size: 13px;
}

.entry {
  background: white;
  border: solid 6px #E6E6E6;
  margin-bottom: 1.5em;
}

.post-title {
  margin-bottom: 6px;
}
.post-title a {
  transition: color 0.2s;
}
.post-title a:hover, .post-title a:active, .post-title a:focus {
  color: #666666;
}

.post-meta > div {
  display: inline-block;
  margin-right: 6px;
}
.post-meta .author a {
  line-height: 2;
  vertical-align: middle;
}
.post-meta img {
  border-radius: 50%;
  vertical-align: middle;
}
.post-meta img,
.post-meta i {
  margin-right: 2px;
}
.post-meta span {
  font-style: italic;
}
.post-content {
  margin-bottom: 0.75em;
}
.post-content a {
  text-decoration: underline;
}
.post-content a:hover, .post-content a:active, .post-content a:focus {
  color: #666666;
  text-decoration: none;
}
.post-content iframe {
  max-width: 100%;
}
.post-content:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.post-categories span {
  margin-right: 0.75em;
  font-weight: 700;
}
.post-categories a {
  margin-left: 6px;
}

.post-tags {
  margin: 1.5em 0 1.125em;
}
.post-tags ul {
  list-style: none;
  margin: 0;
}
.post-tags li {
  display: inline-block;
  margin: 0 8px 6px 0;
}
.post-tags a {
  display: inline-block;
  padding: 0 8px;
  background: #F2F2F2;
  border: solid 1px #E6E6E6;
  transition: background 0.2s;
}
.post-tags a:hover, .post-tags a:active, .post-tags a:focus {
  background: #E6E6E6;
}

.further-reading {
  margin: 2.25em 0;
}
.further-reading .previous {
  margin-bottom: 0.75em;
}
.further-reading span {
  display: block;
}
.last-updated {
  font-style: italic;
}

.wp-block-image {
  margin: 0;
}

.wp-block-image.alignfull,
.wp-block-cover {
  position: relative;
  left: -4.75%;
  width: 109.5%;
  max-width: none;
}

.wp-block-quote.is-large {
  padding-left: 0;
  border-left: none;
  margin: 1.5em;
}

.wp-block-embed {
  margin: 1.5em 0;
}

.wp-block-code code {
  background: none;
}

.wp-block-button a {
  text-decoration: none;
  color: #fff;
}
.wp-block-button a:link, .wp-block-button a:visited, .wp-block-button a:hover, .wp-block-button a:active, .wp-block-button a:focus {
  color: #fff;
}

@media all and (min-width: 37.5em) {
  .post-title {
    font-size: 1.75em;
    /* 28px / 16px */
    line-height: 1.357;
    /* 38px */
  }

  .further-reading div {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin-right: -4px;
  }
  .further-reading .previous {
    margin-bottom: 0;
  }
  .further-reading .next {
    text-align: right;
  }
}
@media all and (min-width: 50em) {
  .post-header {
    margin: 2.25em 4.41543%;
  }

  .post-title {
    font-size: 2.375em;
    /* 38px / 16px */
    line-height: 1.342;
    /* 51px */
  }
}
@media all and (min-width: 56.25em) {
  .post-title {
    font-size: 1.75em;
    /* 28px / 16px */
    line-height: 1.357;
    /* 38px */
  }

  .post-content {
    margin-bottom: 0.75em;
  }

  .wp-block-image.alignfull,
.wp-block-cover {
    left: -7.8%;
    width: 115.6%;
  }

  .wp-block-image.alignwide {
    position: relative;
    left: -4%;
    width: 108%;
    max-width: none;
  }
}
@media all and (min-width: 68.75em) {
  .post-header {
    margin: 2.25em 6.83142%;
  }

  .post-title {
    font-size: 2.375em;
    /* 38px / 16px */
    line-height: 1.342;
    /* 51px */
  }
}
.site-header .search-form-container {
  position: absolute;
  bottom: 2.25em;
  right: 6.9425%;
  z-index: 9;
}
.site-header .search-form-container button {
  position: relative;
  z-index: 9;
  background: none;
  border: none;
  margin: 5px -10px 0 0;
  padding: 6px 10px;
  font-size: 1em;
  line-height: 1.5;
}
.site-header .search-form-container button:hover {
  cursor: pointer;
}
.site-header .search-form-container button:focus {
  outline: none;
}
.site-header .search-form-container button:hover i, .site-header .search-form-container button:active i, .site-header .search-form-container button:focus i {
  color: #666666;
}
.site-header .search-form-container button.open + form {
  opacity: 1;
}
.site-header .search-form-container i {
  color: #1A1A1A;
  z-index: -1;
  transition: color 0.2s;
}
.site-header .search-form-container form {
  position: absolute;
  top: 0;
  right: -12px;
  left: 0;
  padding-top: 6px;
  opacity: 0;
  transition: opacity 0.15s ease-in-out, left 0.15s ease-in-out;
}
.site-header .search-form-container .search-field {
  max-width: none !important;
  outline: none !important;
  padding: 6px 12px !important;
}
.site-header .search-form-container .search-field::-webkit-search-decoration, .site-header .search-form-container .search-field::-webkit-search-cancel-button, .site-header .search-form-container .search-field::-webkit-search-results-button, .site-header .search-form-container .search-field::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.site-header .search-form-container .search-field::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
.site-header .search-form-container .search-field::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

@media all and (min-width: 50em) {
  .site-header .search-form-container {
    top: -5px;
    right: 2.777%;
    bottom: auto;
  }
  .site-header .search-form-container button {
    margin: 0;
    padding: 4px 10px;
  }
  .site-header .search-form-container button:hover {
    cursor: pointer;
  }
  .site-header .search-form-container button.open + form {
    left: -266px;
  }
  .site-header .search-form-container form {
    padding-top: 0;
    right: 0;
    top: -4px;
  }
  .site-header .search-form-container + .social-media-icons {
    padding-right: 1.5em;
  }
}
.search .sticky-status {
  display: none;
}

.search-header {
  margin-bottom: 1.5em;
}
.search-header h1 {
  margin-bottom: 12px;
}
.search-header .search-field {
  border-color: #CCCCCC !important;
  margin-bottom: 6px;
}
.search-header .search-submit {
  padding: 12px 24px;
}

.search-bottom {
  padding: 1.5em 4.41543%;
  background: white;
  margin-bottom: 3em;
}
.search-bottom p {
  margin-top: 0;
}

@media all and (min-width: 56.25em) {
  .search-bottom {
    padding: 1.5em 6.83142%;
  }
}
.sidebar-primary {
  margin: 1.5em 2.777%;
}
.sidebar-primary .widget {
  padding: 1.5em 4.41543% 2.25em;
}
@media all and (min-width: 56.25em) {
  .sidebar-primary {
    width: 30.547%;
    float: right;
    margin: 1.5em 2.777% 3em 0;
  }
  .sidebar-primary .widget {
    padding: 1.5em 11.3857%;
  }

  .left-sidebar .sidebar-primary {
    margin: 1.5em 0 3em 2.777%;
  }
}
.widget {
  border: solid 6px #E6E6E6;
  padding: 1.5em 1.5em 2.25em;
  margin-bottom: 1.5em;
  background: white;
}
.widget ul {
  list-style: none;
  margin: 0;
}
.widget ul ul {
  margin: 0.75em 0 0 1.5em;
}
.widget li {
  margin-bottom: 0.75em;
}
.widget li a:hover, .widget li a:active, .widget li a:focus {
  text-decoration: underline;
}
.widget .current-cat {
  font-weight: 700;
}

.widget-title {
  margin-bottom: 24px;
}

.widget_recent_entries span {
  display: block;
  font-size: 12px;
  line-height: 18px;
}

.widget_calendar a:hover, .widget_calendar a:active, .widget_calendar a:focus {
  text-decoration: none;
}
.widget_calendar caption {
  margin-bottom: 6px;
}
.widget_calendar table {
  margin: 0 auto 0.75em;
  width: 100%;
  text-align: center;
}
.widget_calendar thead {
  background: #E6E6E6;
}
.widget_calendar th,
.widget_calendar tr,
.widget_calendar td {
  border-color: #CCCCCC;
}
.widget_calendar #today {
  background: #1A1A1A;
  color: white;
}
.widget_calendar #prev,
.widget_calendar #next,
.widget_calendar .pad {
  padding: 0;
}
.widget_calendar #prev a,
.widget_calendar #next a,
.widget_calendar .pad a {
  display: block;
  padding: 8px;
  transition: background 0.2s;
}
.widget_calendar #prev a:hover, .widget_calendar #prev a:active, .widget_calendar #prev a:focus,
.widget_calendar #next a:hover,
.widget_calendar #next a:active,
.widget_calendar #next a:focus,
.widget_calendar .pad a:hover,
.widget_calendar .pad a:active,
.widget_calendar .pad a:focus {
  background: #E6E6E6;
}

.widget_recent_comments li a {
  text-decoration: underline;
}
.widget_recent_comments li a:hover, .widget_recent_comments li a:active, .widget_recent_comments li a:focus {
  text-decoration: none;
}

.widget_rss .widget-title img {
  margin-right: 4px;
}
.widget_rss .widget-title a:hover, .widget_rss .widget-title a:active, .widget_rss .widget-title a:focus {
  text-decoration: none;
}
.widget_rss .rssSummary {
  margin: 0.75em 1.5em;
  color: #666666;
}
.widget_rss .rssSummary + cite {
  display: block;
  margin: 0 0 1.5em 1.5em;
}
.widget_rss .rss-date {
  font-style: italic;
}
.widget_rss li {
  display: block;
}
.widget_rss cite,
.widget_rss span {
  margin-bottom: 1.5em;
  display: block;
}
.widget_rss span + cite {
  margin-top: -1.5em;
}

.widget_search input {
  font-size: 12px !important;
  line-height: 18px !important;
}
.widget_search .search-field {
  width: 74% !important;
  width: calc(75% - 6px) !important;
  float: left;
  margin-right: 2px;
}
.widget_search .search-submit {
  width: auto !important;
  max-width: 25% !important;
  min-width: 25% !important;
}
.widget_search:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.single-attachment .attachment-container img {
  display: block;
}
.woocommerce .entry {
  padding: 1.5em 5.554%;
  background: white;
}
.woocommerce a {
  border-bottom: none;
}
.woocommerce .product .quantity .qty {
  width: 50px !important;
  font-size: 16px !important;
  padding: 11px 6px 11px 12px !important;
}
.woocommerce .product .single_add_to_cart_button {
  line-height: 1.5;
  padding: 13px 24px !important;
}
.woocommerce .product_meta a {
  text-decoration: underline;
}
.woocommerce .woocommerce-review-link {
  text-decoration: underline;
}
.woocommerce .woocommerce-Reviews-title,
.woocommerce .related h2,
.woocommerce .upsells h2 {
  margin-bottom: 24px;
}
.woocommerce .comment-reply-title {
  display: block;
  margin-bottom: 12px;
  color: #1A1A1A;
  font-weight: 700;
}
.woocommerce .comment-respond {
  box-shadow: none;
}
.woocommerce .woocommerce-loop-product__title,
.woocommerce .price {
  padding-right: 8px !important;
  padding-left: 8px !important;
}
.woocommerce .add_to_cart_button {
  display: block !important;
  text-align: center;
  border-radius: 0 0 3px 3px !important;
}
.woocommerce .added_to_cart {
  display: block !important;
  text-align: center;
}

.woocommerce-cart th, .woocommerce-cart td,
.woocommerce-checkout th,
.woocommerce-checkout td,
.woocommerce-account th,
.woocommerce-account td,
.woocommerce-page th,
.woocommerce-page td {
  border: none;
}
.woocommerce-cart h2,
.woocommerce-cart h3,
.woocommerce-checkout h2,
.woocommerce-checkout h3,
.woocommerce-account h2,
.woocommerce-account h3,
.woocommerce-page h2,
.woocommerce-page h3 {
  margin-bottom: 24px;
}
.woocommerce-cart input,
.woocommerce-checkout input,
.woocommerce-account input,
.woocommerce-page input {
  max-width: none;
}

.woocommerce-cart .main,
.woocommerce-checkout .main,
.woocommerce-account .main {
  float: none;
  margin: 2.25em auto;
}

.woocommerce-cart .quantity input {
  width: 50px !important;
  font-size: 14px !important;
  padding: 8px 4px !important;
}
.woocommerce-cart .coupon input {
  max-width: none !important;
  width: 49% !important;
  padding: 10px 12px;
}
.woocommerce-cart .coupon input[type=text] {
  font-size: 14px !important;
  padding: 7px 12px 8px !important;
}
.woocommerce-cart table.shop_table td.product-name {
  padding: 24px 12px;
}
.woocommerce-cart table.shop_table .actions {
  padding: 12px;
}
.woocommerce-cart .post-content a.remove {
  text-decoration: none;
}
.woocommerce-cart .post-content .checkout-button {
  text-decoration: none;
}

.woocommerce-checkout input {
  max-width: none;
}
.woocommerce-checkout .required {
  text-decoration: none;
}
.woocommerce-checkout #customer_details {
  margin-bottom: 24px;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
  width: auto;
  float: none;
}

.woocommerce .col-2 {
  margin-top: 1.5em;
}

.woocommerce-account .woocommerce {
  position: relative;
  border: solid 1px #F2F2F2;
  border-radius: 6px;
  min-height: 260px;
  margin-bottom: 1.5em;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
  background: #F2F2F2;
  padding: 1.5em;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
  margin-bottom: 12px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
  text-decoration: underline;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a {
  font-size: 0.75em;
  line-height: 1.5;
  text-decoration: none;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover, .woocommerce-account .woocommerce-MyAccount-navigation li a:active, .woocommerce-account .woocommerce-MyAccount-navigation li a:focus {
  text-decoration: underline;
}
.woocommerce-account .woocommerce-MyAccount-content {
  padding: 1.5em;
}
.woocommerce-account .woocommerce-MyAccount-content > p:first-child {
  margin-top: 0;
}
.woocommerce-account .woocommerce-MyAccount-content fieldset {
  margin: 1.5em 0;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-address-fields .button {
  margin-top: 18px;
}
.woocommerce-account .woocommerce-MyAccount-content .button {
  text-decoration: none;
}
.woocommerce-account .woocommerce-message {
  z-index: 9;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  top: -26px;
}
.woocommerce-account .col-2.woocommerce-Address {
  margin-top: 1.5em;
}

.woocommerce form .form-row .required {
  text-decoration: none;
}

.post-type-archive-product.woocommerce .loop-container,
.archive.woocommerce .loop-container {
  padding: 24px 2.777%;
  background: #fff;
}

/*

ATTENTION:

Please do not edit this. Your changes will be overwritten when you update Shift.

If you want to make CSS edits, use the "Custom CSS" section in the Customizer instead (Appearance > Customize).

If you want more information about customizing Shift with CSS, check out this guide: https://www.competethemes.com/help/custom-css-shift/

*/