@charset "UTF-8";
/************************************************

Stylesheet: Main Stylesheet

*************************************************/

/*********************
GENERAL STYLES
*********************/

* {
  font-variant-ligatures: none;
}
body {
  /* padding-top: 0; */
  padding-top: 70px;
}
.navbar-brand {
  float: left;
}
.navbar-brand img {
  width: 250px;
  height: auto;
}
.row .columns {
  padding-left: 10px;
  padding-right: 10px;
}
:focus {
  outline: none !important;
}
.widget {
  margin: 25px 0;
}
.label,
.label.primary {
  background: transparent;
  color: #000;
}
/*********************
LINK STYLES
*********************/
a:link,
a:visited:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
a,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.x-comment-time:hover,
#reply-title small a,
.comment-reply-link:hover,
.x-comment-author a:hover,
.x-recent-posts a:hover .h-recent-posts {
  color: #414141;
}
a:hover,
#reply-title small a:hover,
a:focus {
  color: #414141;
}
/* a[href^="tel"] {
  color: unset !important;
  font-size: unset !important;
  line-height: unset !important;
  letter-spacing: unset !important;
  font-weight: unset !important;
} */
/*********************
MENUS
*********************/

.dropdown-menu {
  position: absolute;
  font-size: 1rem;
  color: #212529;
  background-color: #fff;
  border-radius: 0;
}
.navbar-nav li.menu-item {
  margin: 0 25px;
}
footer ul#footer-links {
  padding: 15px 0;
}
footer .menu li {
  margin-right: 20px;
}
footer .menu a {
  color: #fff;
  padding: 0 20px 0 0;
  border-right: 1px solid #fff;
}
footer .menu .active > a,
footer .menu .is-active > a,
footer .menu a:hover,
footer .menu a:focus {
  background: transparent;
  color: #000;
}
/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/

h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a {
  text-decoration: none;
}
html,
body,
p,
li {
  font-size: 15px;
  line-height: 1.7;
  letter-spacing: 0.01235em;
  color: rgba(0, 0, 0, 1);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000000;
  font-weight: 700;
}
h1 {
  font-size: 35px;
  line-height: 1.13;
  margin: 0 0 0.5em;
}
h2 {
  font-size: 25px;
  line-height: 1.038;
  margin: 0 0 0.7em;
}
h3 {
  font-size: 18px;
  line-height: 1.5;
}
h4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}
h5 {
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1.36;
  letter-spacing: 0.192em;
  color: rgba(0, 0, 0, 0.5);
  margin: 0 0 1.5em;
}
h6 {
  font-size: 17px;
  line-height: 1.7;
  letter-spacing: 0.01235em;
}
h1:not(:first-child),
h2:not(:first-child),
h3:not(:first-child),
h4:not(:first-child),
h5:not(:first-child),
h6:not(:first-child) {
}
h1:not(:last-child),
h2:not(:last-child),
h3:not(:last-child),
h4:not(:last-child),
h5:not(:last-child),
h6:not(:last-child) {
}
h4.widgettitle {
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 25px 0 10px 0;
}
article p {
  margin-bottom: 15px;
}
article p:last-child {
  margin-bottom: 15px;
}
article ul {
  list-style: none;
  margin: 0 0 1em;
}
article ul li {
  position: relative;
  margin: 0 0 0.5em 2em;
}
article ul li::before {
  content: " ";
  display: block;
  position: absolute;
  height: 0.588em;
  width: 0.588em;
  border-radius: 50%;
  left: -2em;
  top: 0.55em;
}
article hr {
  border-bottom: 1px solid rgba(117, 117, 117, 0.15);
}

@media (max-width: 64em) {
  h1 {
    font-size: 43px;
  }
  h2 {
    font-size: 43px;
  }
  h3 {
    font-size: 29px;
  }
  h5 {
    margin-bottom: 1.25em;
  }
}

@media (max-width: 40em) {
  html,
  body,
  p,
  li {
    font-size: 16px;
  }
  h1 {
    font-size: 33px;
  }
  h2 {
    font-size: 33px;
  }
  h3 {
    font-size: 22px;
  }
  h5 {
    margin-bottom: 1em;
  }
}

/*********************
FOOTER STYLES
*********************/

footer.footer {
  background: rgb(41, 41, 41);
  color: #fff;
  float: left;
  width: 100%;
  margin-top: 50px;
}
footer.footer p {
  color: #fff;
}
footer .inner-footer {
  padding: 25px 0;
}

/*********************
BUTTON STYLES
*********************/

input[type="submit"],
.button,
footer#colophon .BBFormButtonRow input[type="submit"].BBFormSubmitbutton,
body #mongo-form .BBFormSubmitbutton,
.buddypress .buddypress-wrap input[type="submit"],
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  border: 2px solid #000;
  border-radius: 0;
  background-color: transparent;
  color: #000;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 700;
  padding: 0.65em 3.4em;
  position: relative;
  transition: padding 0.25s;
  box-shadow: 0 0 0px 2px transparent;
  box-shadow: none;
}
.button.no-arrow {
}
.button:not(.no-arrow)::after {
  content: " ";
  font-weight: 400;
  margin-left: 0;
  position: relative;
  background-size: auto 100%;
  height: 0.9em;
  background-repeat: no-repeat;
  background-position: right center;
  display: inline-block;
  vertical-align: middle;
  opacity: 0;
  width: 0;
  transition: all 0.25s;
  top: -0.1em;
}
.generic-button .button:not(.no-arrow)::after {
  display: none !important;
}

input[type="submit"]:focus,
footer#colophon .BBFormButtonRow input[type="submit"].BBFormSubmitbutton:focus,
.button:focus,
body #mongo-form .BBFormSubmitbutton:focus,
.woocommerce #respond input#submit:focus,
.woocommerce a.button:focus,
.woocommerce button.button:focus,
.woocommerce input.button :focus {
  background-color: transparent;
  border-color: #ac1100;
  color: #ac1100;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.35);
}
.button:hover::after,
.button:focus::after {
  opacity: 1;
}
/* Dark Buttons */

.button.dark {
  background-color: #000;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.35);
  padding-left: 2.5em;
  padding-right: 2.5em;
}
.button.text-light::after,
.button:not(.no-arrow).dark::after {
  background-image: url("../images/icon-arrow-white.png");
}
.button.dark:focus,
.button.dark:hover {
  background-color: #000;
  color: #fff;
  padding-left: 1.75em;
  padding-right: 1.75em;
}
.button.dark:hover {
  border-color: transparent;
  box-shadow: 0 0 0px 2px #fff;
}
.button.dark:focus {
  border-color: rgba(255, 255, 255, 0.35);
  box-shadow: 0 0 0px 2px transparent;
}
/* Grey Buttons */

.button.color-grey {
  background-color: #405663;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.35);
}
.button:not(.no-arrow).color-grey::after {
  background-image: url("../images/icon-arrow-white.png");
}
.button.color-grey:focus,
.button.color-grey:hover {
  background-color: #405663;
  color: #fff;
}
.button.color-grey:hover {
  border-color: transparent;
  box-shadow: 0 0 0px 2px #fff;
}
.button.color-grey:focus {
  border-color: rgba(255, 255, 255, 0.35);
  box-shadow: 0 0 0px 2px transparent;
}
/* Color Scheme Buttons */

.button.color-scheme {
  color: #fff;
  border-color: transparent;
}
.button:not(.no-arrow).color-scheme::after {
  background-image: url("../images/icon-arrow-white.png");
}
.button.color-scheme:focus,
.button.color-scheme:hover {
  color: #fff;
}
.button.color-scheme:hover {
  border-color: transparent;
}
.button.color-scheme:focus {
  border-color: rgba(0, 0, 0, 0.35);
  box-shadow: inset 0 0 50px 50px rgba(0, 0, 0, 0.3);
}
/* Transparent Buttons */

.button.transparent {
  background-color: transparent;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.5);
}
.button:not(.no-arrow).transparent::after {
  background-image: url("../images/icon-arrow-white.png");
}
.button.transparent:focus,
.button.transparent:hover {
}
.button.transparent:hover {
}
.button.transparent:focus {
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.15);
  border-color: rgba(255, 255, 255, 0);
}

@media (max-width: 64em) {
}

@media (max-width: 40em) {
  input[type="submit"],
  .button,
  footer#colophon .BBFormButtonRow input[type="submit"].BBFormSubmitbutton,
  body #mongo-form .BBFormSubmitbutton {
    width: 100%;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px;
}
.wp-caption img {
  max-width: 100%;
  margin-bottom: 0;
  width: 100%;
}
.wp-caption p.wp-caption-text {
  font-size: 0.85em;
  margin: 4px 0 7px;
  text-align: center;
}
.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff;
}
[data-whatinput="mouse"] .post-password-form input[type="submit"] {
  outline: 0;
}
.post-password-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:focus {
  background: #1583cc;
  color: #fff;
}
.wp-caption {
  background: none;
  padding: 0;
}
.wp-caption p.wp-caption-text {
  text-align: left;
}
/*********************
ARCHIVE GRID STYLES
*********************/

.row-eq-height.archive-grid {
  margin: 0 -40px;
}
.row-eq-height.archive-grid:first-child {
  margin-top: 55px;
}
.row-eq-height.archive-grid .panel {
  padding: 55px 40px;
}
.row-eq-height.archive-grid .panel h3 {
  font-size: 33px;
  margin: 0.5rem 0 0.5rem;
}
.row-eq-height.archive-grid .panel .byline {
  font-size: 1rem;
  margin: 0 0 0.5rem;
}
.row-eq-height.archive-grid .panel p {
  margin-bottom: 2rem;
}
.row-eq-height.archive-grid .panel p.view-page {
  margin-bottom: 0;
}
.row-eq-height.archive-grid .panel p.view-page a {
  font-weight: 400;
  position: relative;
}
.row-eq-height.archive-grid .panel p.view-page a::before {
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #757575;
  content: " ";
  top: 50%;
  left: 0;
  margin-top: 0.85em;
}
.row-eq-height.archive-grid .panel .featured-image {
  overflow: hidden;
  text-align: center;
}
.row-eq-height.archive-grid .panel .featured-image img {
}
@media (max-width: 64em) {
  .row.archive-grid:first-child {
    margin-top: 40px;
  }
  .row.archive-grid .columns.panel {
    padding: 40px;
  }
  .row.archive-grid .columns.panel h3 {
    font-size: 29px;
    margin-bottom: 0.9em;
  }
  .row.archive-grid .columns.panel p {
    margin-bottom: 1.5em;
  }
}

@media (max-width: 40em) {
  .row.archive-grid:first-child {
    margin-top: 25px;
  }
  .row.archive-grid .columns.panel {
    padding: 25px 40px;
  }
  .row.archive-grid .columns.panel h3 {
    font-size: 25px;
    margin-bottom: 0.8em;
  }
  .row.archive-grid .columns.panel p {
    margin-bottom: 1em;
  }
}
nav.page-navigation {
  margin-left: calc(-1 * (50vw - 634px));
  margin-right: calc(-1 * (50vw - 634px));
  padding-left: calc(50vw - 634px);
  padding-right: calc(50vw - 634px);
  border-top: 1px solid rgba(117, 117, 117, 0.15);
  text-align: center;
  margin-top: 95px;
}
.row.archive-grid:last-child,
nav.page-navigation {
  margin-bottom: 100px;
}
nav.page-navigation ul.pagination {
  margin: 0;
}
nav.page-navigation ul.pagination li {
}
nav.page-navigation ul.pagination li:first-child,
nav.page-navigation ul.pagination li:last-child {
  display: none;
}
nav.page-navigation ul.pagination li.current,
nav.page-navigation ul.pagination li a {
  font-size: 20px;
  line-height: 1.45;
  background: none;
  color: #a5a9b6;
  font-weight: 400;
  letter-spacing: 0.1em;
  margin: 2em 0.5em;
  transition: color 0.4s;
  position: relative;
  padding: 0.2em 0.55em;
}
nav.page-navigation ul.pagination li a:hover,
nav.page-navigation ul.pagination li a:focus {
  color: #000;
}
nav.page-navigation ul.pagination li.current {
  color: #000;
}
nav.page-navigation ul.pagination li.current::before {
  height: 0.15em;
  width: 100%;
  background-color: #ffed00;
  content: " ";
  display: block;
  top: -2em;
  position: absolute;
  left: 0;
}

@media (max-width: 64em) {
}

@media (max-width: 40em) {
  nav.page-navigation {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    margin-top: 40px;
  }
  .row.archive-grid:last-child,
  nav.page-navigation {
    margin-bottom: 40px;
  }
  nav.page-navigation ul.pagination li {
    display: inline-block;
  }
}
/*********************
SEARCH RESULT STYLES
*********************/

body.search {
}
body.search .page-header form.search-form {
}
body.search .page-header form.search-form input.search-field {
  color: #000000;
  font-weight: 700;
  font-size: 52px;
  line-height: 1.13;
  margin: 0;
  box-shadow: none;
  border: none;
  text-align: center;
  display: inline-block;
  height: auto;
  padding: 0;
}
body.search .page-header form.search-form input.search-submit {
  display: none;
}
.relevanssi-query-term {
  position: relative;
}
.relevanssi-query-term::before {
  position: absolute;
  height: 0.1em;
  width: 100%;
  background-color: #ffed00;
  content: " ";
  top: 50%;
  left: 0;
  margin-top: 0.55em;
}
#post-not-found {
  margin-top: 95px;
  margin-bottom: 100px;
}

@media (max-width: 64em) {
  body.search .page-header form.search-form input.search-field {
    font-size: 47px;
  }
}

@media (max-width: 40em) {
  body.search .page-header form.search-form input.search-field {
    font-size: 42px;
  }
}
/*********************
IMAGE GALLERY STYLES
*********************/

/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem;
}
/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px;
}
#respond ul {
  margin-left: 0px;
}
.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px;
}
.commentlist li:last-child {
  margin-bottom: 0;
}
.commentlist li ul.children {
  margin: 0;
}
.commentlist li[class*="depth-"] {
  margin-top: 1.1em;
}
.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0;
}
.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0;
}
.commentlist .vcard {
  margin-left: 50px;
}
.commentlist .vcard cite.fn {
  font-weight: 700;
  font-style: normal;
}
.commentlist .vcard time {
  float: right;
}
.commentlist .vcard time a {
  color: #999;
  text-decoration: none;
}
.commentlist .vcard time a:hover {
  text-decoration: underline;
}
.commentlist .vcard img.avatar {
  position: absolute;
  left: 10px;
  padding: 2px;
  border: 1px solid #cecece;
  background: #fff;
}
.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em;
}
.commentlist .comment-reply-link {
  float: right;
}
/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em;
}
.respond-form form {
  margin: 0.75em 0;
}
.respond-form form li {
  list-style-type: none;
  clear: both;
  margin-bottom: 0.7335em;
}
.respond-form form li label,
.respond-form form li small {
  display: none;
}
.respond-form form input[type="text"],
.respond-form form input[type="email"],
.respond-form form input[type="url"],
.respond-form form textarea {
  padding: 3px 6px;
  background: #efefef;
  border: 2px solid #cecece;
  line-height: 1.5em;
}
.respond-form form input[type="text"]:focus,
.respond-form form input[type="email"]:focus,
.respond-form form input[type="url"]:focus,
.respond-form form textarea:focus {
  background: #fff;
}
.respond-form form input[type="text"]:invalid,
.respond-form form input[type="email"]:invalid,
.respond-form form input[type="url"]:invalid,
.respond-form form textarea:invalid {
  outline: none;
  border-color: #fbc2c4;
  background-color: #f6e7eb;
  -ms-box-shadow: none;
  box-shadow: none;
}
.respond-form form input[type="text"],
.respond-form form input[type="email"],
.respond-form form input[type="url"] {
  max-width: 400px;
  min-width: 250px;
}
.respond-form form textarea {
  resize: none;
  width: 97.3%;
  height: 150px;
}
#comment-form-title {
  margin: 0 0 1.1em;
}
#allowed_tags {
  margin: 1.5em 10px 0.7335em 0;
}
.nocomments {
  margin: 0 20px 1.1em;
}
/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
  margin: 0;
}
.widget ul li {
  list-style: none;
}
/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0;
}
/*********************
WOOCOMMERCE STYLES
*********************/
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background-color: #a46497;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  float: left;
  padding: 0;
  position: relative;
  width: 22.05%;
  margin-left: 0;
  text-align: center;
}
.woocommerce ul.products li.product .price {
  color: #000;
  font-weight: 400;
  font-size: 0.857em;
}

/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. 

Remember to add things that won't make sense to print at 
the bottom. Things like nav, ads, and forms shouldbe set 
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after,
  a:visited:after {
    content: " (" attr(href) ")";
  }
  a abbr[title]:after,
  a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}