/*
 Theme Name:   SFWD Press Child
 Description:  Child Theme for SFWD Press
 Author:       Santa Fe Web Design
 Author URI:   https://santafewebdesign.com
 Template:     sfwdpress
 Text Domain: sfwd
*/

/* You can start adding your own CSS here. */

/* 
  fonts
  <link rel="stylesheet" href="https://use.typekit.net/mse8yfs.css">
*/

@font-face {
  font-family: "canto";
  src: url("https://use.typekit.net/af/615f71/00000000000000007735b15d/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3")
      format("woff2"),
    url("https://use.typekit.net/af/615f71/00000000000000007735b15d/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3")
      format("woff"),
    url("https://use.typekit.net/af/615f71/00000000000000007735b15d/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3")
      format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}

@font-face {
  font-family: "gill-sans-nova";
  src: url("https://use.typekit.net/af/3447ab/00000000000000007735bb95/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3")
      format("woff2"),
    url("https://use.typekit.net/af/3447ab/00000000000000007735bb95/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3")
      format("woff"),
    url("https://use.typekit.net/af/3447ab/00000000000000007735bb95/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3")
      format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}

:root {
  --serif-font: "canto";
  --sans-serif-font: "gill-sans-nova";

  --body-bg: #fefaf0;
  --logo-width: 275px;

  --max-content-width: 1440px;

  --page-title-margin-bottom: 16px;

  --content-bg: #fefaf0;
  --content-text-color: #303132;
  --content-link-color: #bd4c20;
  --content-link-hover-color: rgb(29 129 213);

  --header-height: auto;

  --header-bg-color: #fefaf0;
  --header-text-color: #000;
  --header-column-gap: 16px;
  --header-merged-bg: linear-gradient(rgba(43, 35, 34, 0.75), rgba(43, 35, 34, 0.75), rgba(43, 35, 34, 0.55), rgba(43, 35, 34, 0));
  --header-merged-bg: transparent;

  --header-padding-top: 32px;
  --header-padding-bottom: 32px;
  --header-border-bottom: 0;

  --topbar-background-color: #00000073;
  --topbar-text-color: #fff;
  --topbar-text-color-hover: #adb3c5;
  --topbar-icon-color: #fff;
  --topbar-icon-color-hover: #adb3c5;
  --topbar-padding-top: 0;
  --topbar-padding-bottom: 0;
  --account-dropdown-bgcolor: #000;

  --hamburger-icon-width: 28px;
  --hamburger-icon-height: 100%;

  --menu-text-color: #000;
  --menu-text-color-hover: #be6205;
  --menu-current-item-color: #be6205;

  --menu-item-gap: 20px;
  --menu-font-size: 16px;
  --menu-font-weight: normal;
  --menu-letter-spacing: 0.1rem;

  --dropdown-bg: #0000007a;
  --dropdown-text-color: #f2f5f5;
  --dropdown-text-color-hover: red;
  --dropdown-padding: 8px;

  --popup-menu-text-color: #fff;
  --popup-menu-text-color-hover: #ccc;
  --popup-menu-width: 450px;
  --popup-menu-bg: rgba(0, 0, 0, 0.7);
  --popup-menu-font-size: 16px;
  --popup-menu-item-gap: 24px;
  --popup-menu-letter-spacing: 0.1rem;
  --popup-menu-text-transform: uppercase;

  --popup-submenu-text-color: #b6c1c6;
  --popup-submenu-text-color-hover: #ccc;
  --popup-submenu-text-transform: uppercase;
  --popup-submenu-item-gap: 16px;
  --popup-submenu-left-right-padding: 16px;
  --popup-submenu-font-size: 14px;

  --footer-bg: #000; /* set in pattern editor */
  --footer-text-color: #fff;
  --footer-link-color: #c3cae0;
  --footer-padding: 0 32px;

  --back-to-top-bg: rgba(0, 0, 0, 0.6);
  --back-to-top-color: #fff;

  --breadcrumb-link-color: #32261b;
  --breadcrumb-link-hover-color: #c24b06;

  --full-width-block-bg: #f3f3f3;

  --gallery-gap: 30px;
  --heading-margin-bottom: 8px;

  --image-overlay-bg: rgba(0, 0, 0, 0.4);

  --input-border: 1px solid #555;
  --input-border-radius: 0;
  --input-color: #271501;
  --input-padding: 8px 12px;
  --input-bg: #fff;

  --selected-item-bg: #106f82;
  --selected-item-color: #fff;

  --invalid-color: red;
  --invalid-bg-color: #fff;
  --invalid-border: 1px solid red;

  --success-color: #fff;
  --success-bg-color: #000;

  --submit-text-color: #fff;
  --submit-padding: 10px 12px;
  --submit-width: 100%;

  --submit-bg-color: #000;
  --submit-hover-bg-color: #555;
  --submit-hover-text-color: #fff;

  --h1-size: 2rem;
  --h2-size: 1.75rem;
  --h3-size: 1.5rem;
  --h4-size: 1.25rem;
  --h5-size: 1.13rem;
  --h6-size: 1rem;

  --expandable-top-bottom-padding: 24px;
  --expandable-side-padding: 32px;
  --expandable-bottom-margin: 32px;
  --expandable-bg: #f3f3f370;
  --expandable-header-color: #106f82;
  --popup-title-color: #0c3666;
  --popup-close-icon-color: #0c3666;

  --login-popup-member-nav-bg: #f3f3f3;
  --login-popup-member-nav-color: #000;
  --login-popup-member-nav-color-hover: blue;

  --search-near-me-position-icon: rgba(224, 113, 23, 0.7);
}

.site-header.logo-left .wp-block-column:nth-child(2) nav .wp-block-navigation__container {
  padding-right: 0;
}

.site-header .wp-block-navigation__responsive-container-open svg {
  top: 1px;
}

.site-header .has-small-font-size {
  font-size: 12px !important;
}

.site-header .wp-block-sfwd-svg-icon {
  gap: 8px;
  font-size: 12px;
}

.site-header .wp-block-sfwd-svg-icon a:hover svg {
  fill: var(--svg-hover-color);
  color: var(--svg-hover-color);
}

.site-header .desktop-nav li {
  border-right: 1px solid #fff;
  padding-right: var(--menu-item-gap);
}

.site-header .desktop-nav li:last-child {
  border-right: 0;
  padding-right: 0;
}

main {
  background: var(--content-bg);
  margin-top: 32px;
}

body.single-post main {
  padding-bottom: 32px;
}

.home main {
  padding-top: 0;
  margin-top: 0;
}

main .wp-block-post-title {
  margin-bottom: 0;
}

main .wp-block-post-date {
  margin: 0;
}

.wp-block-post-content p {
  font-weight: 300;
  font-size: 1.1rem;
  letter-spacing: 0.1rem;
  line-height: 1.8;
  margin: 0 0 16px 0;
}

footer p {
  margin: 0 0 8px 0 !important;
}

footer .contact {
  display: grid;
  grid-template-columns: 50px 50px;
  margin-bottom: 32px;
}

.home footer {
  margin-top: 0;
}

.footer a svg {
  position: relative;
  top: 2px;
}

.footer a:hover svg {
  fill: var(--svg-hover-color);
}

footer p {
  text-wrap: balance;
}

footer a:hover {
  color: rgba(29 129 213);
}

/* index page customizations */

/* end of index page css */

/* tablet portrait */
@media only screen and (max-width: 810px) {
}

/* stuff for mobile only */
@media only screen and (max-width: 767px) {
  :root {
    --logo-width: 275px;
    --header-height: 113px;
  }
}