/*
Theme Name: sitegy_basic
Theme URI: https://sitegy.com/wordpress-theme/sitegy-basic
Author: Vikki Peroza
Author URI: https://sitegy.com
Description: A clean, fast WordPress theme customized to your needs.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2025.1
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: sitegy_basic
sitegy_basic WordPress Theme 2011-2025
sitegy_basic is distributed under the terms of the GNU GPL
*/
/* theme specific */
/* brand colors */
:root {
--sans-font: "Montserrat", sans-serif;
--serif-font: "Merriweather", serif;
}
.black-links a { color:var(--wp--preset--color--black); text-decoration: underline; }
.black-links a:hover { text-decoration: none; }
.white-links a { color:var(--wp--preset--color--white); text-decoration: underline; }
.white-links a:hover { text-decoration:none; }
.reverse-underline.black-links a,
.reverse-underline.white-links a,
.reverse-underline a { text-decoration: none; }
.reverse-underline.black-links a:hover,
.reverse-underline.white-links a:hover,
.reverse-underline a:hover { text-decoration: underline; }
.bc-primary { border-color: var(--wp--preset--color--primary-400); }
.bc-secondary { border-color: var(--wp--preset--color--secondary-400); }
.bc-accent { border-color: var(--wp--preset--color--accent-400); }
.bc-contrast { border-color: var(--wp--preset--color--contrast-400); }
.bc-none { border-color: transparent; }
.bw2 { border-style: solid; border-width: 2px; }
.font1 { font-family: var(--serif-font); }
.font2 { font-family: var(--sans-font); }
.fill-white svg { fill: var(--wp--preset--color--white); }
.custom-logo {
height: auto;
max-width: 300px;
}
.margin,
.entry-content > *:not(.alignfull):not(.alignwide) {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.alignfull {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.alignwide {
width: 92vw;
margin-left: auto;
margin-right: auto;
}
.card-action { position: absolute; bottom: 2rem; right: 2rem; }
.nav-links { display: flex; justify-content: center; align-items: center; gap:36px; }
.nav-links a { text-decoration: none; color: inherit; }
/* header styles */
#header nav ul {display:flex;align-items:center;justify-content:center;column-gap:24px;}
#header nav ul li a {color:var(--wp--preset--color--primary-700);text-decoration:none;}
#header nav ul li a:hover {color:var(--wp--preset--color--primary-400);}
/* typography */
body {
color: var(--wp--preset--color--gray);
font-size: 20px;
font-family: var(--sans-font);
line-height: 1.5;
margin: 0;
padding: 0;
}
h1, h2, h3 { font-family:var(--serif-font); }
h4, h5, h6 { font-family: var(--sans-font); }
.entry-content ul {
list-style-type: disc;
list-style-position: outside;
margin-left: 1em;
}
.entry-content ul li:not(:last-child) { margin-bottom: 1.5rem; }
.entry-content ul li::marker {
color: var(--wp--preset--color--accent-400);
}
.entry-content a { transition: all 0.3s ease; }
.entry-content a:not(.wp-element-button):not(.btn):not(.add_to_cart_button) { color: var(--wp--preset--color--accent-400); text-decoration: none; }
.entry-content a:not(.wp-element-button):not(.add_to_cart_button):not(.btn):hover { color: var(--wp--preset--color--accent-700); }
.entry-content a.wp-element-button:hover {
transform: scale(1.05);
}
/* button colors */
.btn-primary-100.outline, .btn-primary-100:hover { color: var(--wp--preset--color--primary-100); }
.btn-primary-200.outline, .btn-primary-200:hover { color: var(--wp--preset--color--primary-200); }
.btn-primary-300.outline, .btn-primary-300:hover { color: var(--wp--preset--color--primary-300); }
.btn-primary-400.outline, .btn-primary-400:hover, .primary-links a { color: var(--wp--preset--color--primary-400); }
.btn-primary-500.outline, .btn-primary-500:hover { color: var(--wp--preset--color--primary-500); }
.btn-primary-600.outline, btn-primary-600:hover { color: var(--wp--preset--color--primary-600); }
.btn-primary-700.outline, .btn-primary-700:hover { color: var(--wp--preset--color--primary-700); }
.btn-primary-100 { background: var(--wp--preset--color--primary-100); }
.btn-primary-200 { background: var(--wp--preset--color--primary-200); }
.btn-primary-300 { background: var(--wp--preset--color--primary-300); }
.btn-primary-400 { background: var(--wp--preset--color--primary-400); }
.btn-primary-500 { background: var(--wp--preset--color--primary-500); }
.btn-primary-600 { background: var(--wp--preset--color--primary-600); }
.btn-primary-700 { background: var(--wp--preset--color--primary-700); }
.btn-secondary-100.outline, .btn-secondary-100:hover { color: var(--wp--preset--color--secondary-100); }
.btn-secondary-200.outline, .btn-secondary-200:hover { color: var(--wp--preset--color--secondary-200); }
.btn-secondary-300.outline, .btn-secondary-300:hover { color: var(--wp--preset--color--secondary-300); }
.btn-secondary-400.outline, .btn-secondary-400:hover, .secondary-links a { color: var(--wp--preset--color--secondary-400); }
.btn-secondary-500.outline, .btn-secondary-500:hover { color: var(--wp--preset--color--secondary-500); }
.btn-secondary-600.outline, .btn-secondary-600:hover { color: var(--wp--preset--color--secondary-600); }
.btn-secondary-700.outline, .btn-secondary-700:hover { color: var(--wp--preset--color--secondary-700); }
.btn-secondary-100 { background: var(--wp--preset--color--secondary-100); }
.btn-secondary-200 { background: var(--wp--preset--color--secondary-200); }
.btn-secondary-300 { background: var(--wp--preset--color--secondary-300); }
.btn-secondary-400 { background: var(--wp--preset--color--secondary-400); }
.btn-secondary-500 { background: var(--wp--preset--color--secondary-500); }
.btn-secondary-600 { background: var(--wp--preset--color--secondary-600); }
.btn-secondary-700 { background: var(--wp--preset--color--secondary-700); }
.btn-accent-100.outline, .btn-accent-100:hover { color: var(--wp--preset--color--accent-100); }
.btn-accent-200.outline, .btn-accent-200:hover { color: var(--wp--preset--color--accent-200); }
.btn-accent-300.outline, .btn-accent-300:hover { color: var(--wp--preset--color--accent-300); }
.btn-accent-400.outline, .btn-accent-400:hover, .accent-links a { color: var(--wp--preset--color--accent-400); }
.btn-accent-500.outline, .btn-accent-500:hover { color: var(--wp--preset--color--accent-500); }
.btn-accent-600.outline, .btn-accent-600:hover { color: var(--wp--preset--color--accent-600); }
.btn-accent-700.outline, .btn-accent-700:hover { color: var(--wp--preset--color--accent-700); }
.btn-accent-100 { background: var(--wp--preset--color--accent-100); }
.btn-accent-200 { background: var(--wp--preset--color--accent-200); }
.btn-accent-300 { background: var(--wp--preset--color--accent-300); }
.btn-accent-400 { background: var(--wp--preset--color--accent-400); }
.btn-accent-500 { background: var(--wp--preset--color--accent-500); }
.btn-accent-600 { background: var(--wp--preset--color--accent-600); }
.btn-accent-700 { background: var(--wp--preset--color--accent-700); }
.btn-contrast-100.outline, .btn-contrast-100:hover { color: var(--wp--preset--color--contrast-100); }
.btn-contrast-200.outline, .btn-contrast-200:hover { color: var(--wp--preset--color--contrast-200); }
.btn-contrast-300.outline, .btn-contrast-300:hover { color: var(--wp--preset--color--contrast-300); }
.btn-contrast-400.outline, .btn-contrast-400:hover, .contrast-links a { color: var(--wp--preset--color--contrast-400); }
.btn-contrast-500.outline, .btn-contrast-500:hover { color: var(--wp--preset--color--contrast-500); }
.btn-contrast-600.outline, .btn-contrast-600:hover { color: var(--wp--preset--color--contrast-600); }
.btn-contrast-700.outline, .btn-contrast-700:hover { color: var(--wp--preset--color--contrast-700); }
.btn-contrast-100 { background: var(--wp--preset--color--contrast-100); }
.btn-contrast-200 { background: var(--wp--preset--color--contrast-200); }
.btn-contrast-300 { background: var(--wp--preset--color--contrast-300); }
.btn-contrast-400 { background: var(--wp--preset--color--contrast-400); }
.btn-contrast-500 { background: var(--wp--preset--color--contrast-500); }
.btn-contrast-600 { background: var(--wp--preset--color--contrast-600); }
.btn-contrast-700 { background: var(--wp--preset--color--contrast-700); }
/* border-colors */
.btn { color:var(--wp--preset--color--primary-700); } /* default button color */
.btn-primary-100 { border-color: var(--wp--preset--color--primary-100); }
.btn-primary-200 { border-color: var(--wp--preset--color--primary-200); }
.btn-primary-300 { border-color: var(--wp--preset--color--primary-300); }
.btn-primary-400 { border-color: var(--wp--preset--color--primary-400); }
.btn-primary-500 { border-color: var(--wp--preset--color--primary-500); }
.btn-primary-600 { border-color: var(--wp--preset--color--primary-600); }
.btn-primary-700 { border-color: var(--wp--preset--color--primary-700); }
.btn-secondary-100 { border-color: var(--wp--preset--color--secondary-100); }
.btn-secondary-200 { border-color: var(--wp--preset--color--secondary-200); }
.btn-secondary-300 { border-color: var(--wp--preset--color--secondary-300); }
.btn-secondary-400 { border-color: var(--wp--preset--color--secondary-400); }
.btn-secondary-500 { border-color: var(--wp--preset--color--secondary-500); }
.btn-secondary-600 { border-color: var(--wp--preset--color--secondary-600); }
.btn-secondary-700 { border-color: var(--wp--preset--color--secondary-700); }
.btn-accent-100 { border-color: var(--wp--preset--color--accent-100); }
.btn-accent-200 { border-color: var(--wp--preset--color--accent-200); }
.btn-accent-300 { border-color: var(--wp--preset--color--accent-300); }
.btn-accent-400 { border-color: var(--wp--preset--color--accent-400); }
.btn-accent-500 { border-color: var(--wp--preset--color--accent-500); }
.btn-accent-600 { border-color: var(--wp--preset--color--accent-600); }
.btn-accent-700 { border-color: var(--wp--preset--color--accent-700); }
.btn-contrast-100 { border-color: var(--wp--preset--color--contrast-100); }
.btn-contrast-200 { border-color: var(--wp--preset--color--contrast-200); }
.btn-contrast-300 { border-color: var(--wp--preset--color--contrast-300); }
.btn-contrast-400 { border-color: var(--wp--preset--color--contrast-400); }
.btn-contrast-500 { border-color: var(--wp--preset--color--contrast-500); }
.btn-contrast-600 { border-color: var(--wp--preset--color--contrast-600); }
.btn-contrast-700 { border-color: var(--wp--preset--color--contrast-700); }
/* white and black buttons*/
.btn-offwhite { border-color: var(--wp--preset--color--offwhite); }
.btn-white { border-color: var(--wp--preset--color--white); }
.btn-gray { border-color: var(--gray); }
.btn-offblack { border-color: var(--wp--preset--color--offblack); }
.btn-black { border-color: var(--wp--preset--color--black); }
.btn-white { background-color: var(--wp--preset--color--white); border: 2px solid var(--wp--preset--color--white); color:var(--wp--preset--color--black); }
.btn-white:hover { background-color: transparent; border: 2px solid var(--wp--preset--color--white); color:var(--wp--preset--color--white); }
.btn-white.outline { color: var(--wp--preset--color--white); }
.btn-white.outline:hover { background-color: var(--wp--preset--color--white); color:var(--wp--preset--color--black); }
.btn-offwhite { background-color: var(--wp--preset--color--offwhite); border: 2px solid var(--wp--preset--color--offwhite); color:var(--wp--preset--color--black); }
.btn-offwhite:hover { background-color: transparent; border: 2px solid var(--wp--preset--color--offwhite); color:var(--wp--preset--color--offwhite); }
.btn-offwhite.outline { color: var(--wp--preset--color--offwhite); }
.btn-offwhite.outline:hover { background-color: var(--wp--preset--color--offwhite); color:var(--wp--preset--color--black); }
.btn-black, .btn-offblack, .btn-gray { color:var(--wp--preset--color--white); }
/* hover colors */
.btn-black:hover { color:var(--wp--preset--color--black); }
.btn-black:hover { color:var(--wp--preset--color--black); }
.btn-offblack:hover { color:var(--wp--preset--color--offblack); }
.btn-gray:hover { color:var(--gray); }
/* outline buttons */
.btn-black.outline { color: var(--wp--preset--color--black); }
.btn-black.outline:hover { background-color: var(--wp--preset--color--black); color:var(--wp--preset--color--white); }
.btn-offblack.outline { color: var(--wp--preset--color--offblack); }
.btn-offblack.outline:hover { background-color: var(--wp--preset--color--offblack); color:var(--wp--preset--color--white); }
.btn-primary-100.outline:hover {background-color:var(--wp--preset--color--primary-100)}
.btn-primary-200.outline:hover {background-color:var(--wp--preset--color--primary-200)}
.btn-primary-300.outline:hover {background-color:var(--wp--preset--color--primary-300)}
.btn-primary-400.outline:hover {background-color:var(--wp--preset--color--primary-400)}
.btn-primary-500.outline:hover {background-color:var(--wp--preset--color--primary-500)}
.btn-primary-600.outline:hover {background-color:var(--wp--preset--color--primary-600)}
.btn-primary-700.outline:hover {background-color:var(--wp--preset--color--primary-700)}
.btn-secondary-100.outline:hover {background-color:var(--wp--preset--color--secondary-100)}
.btn-secondary-200.outline:hover {background-color:var(--wp--preset--color--secondary-200)}
.btn-secondary-300.outline:hover {background-color:var(--wp--preset--color--secondary-300)}
.btn-secondary-400.outline:hover {background-color:var(--wp--preset--color--secondary-400)}
.btn-secondary-500.outline:hover {background-color:var(--wp--preset--color--secondary-500)}
.btn-secondary-600.outline:hover {background-color:var(--wp--preset--color--secondary-600)}
.btn-secondary-700.outline:hover {background-color:var(--wp--preset--color--secondary-700)}
.btn-accent-100.outline:hover {background-color:var(--wp--preset--color--accent-100)}
.btn-accent-200.outline:hover {background-color:var(--wp--preset--color--accent-200)}
.btn-accent-300.outline:hover {background-color:var(--wp--preset--color--accent-300)}
.btn-accent-400.outline:hover {background-color:var(--wp--preset--color--accent-400)}
.btn-accent-500.outline:hover {background-color:var(--wp--preset--color--accent-500)}
.btn-accent-600.outline:hover {background-color:var(--wp--preset--color--accent-600)}
.btn-accent-700.outline:hover {background-color:var(--wp--preset--color--accent-700)}
.btn-contrast-100.outline:hover {background-color:var(--wp--preset--color--contrast-100)}
.btn-contrast-200.outline:hover {background-color:var(--wp--preset--color--contrast-200)}
.btn-contrast-300.outline:hover {background-color:var(--wp--preset--color--contrast-300)}
.btn-contrast-400.outline:hover {background-color:var(--wp--preset--color--contrast-400)}
.btn-contrast-500.outline:hover {background-color:var(--wp--preset--color--contrast-500)}
.btn-contrast-600.outline:hover {background-color:var(--wp--preset--color--contrast-600)}
.btn-contrast-700.outline:hover {background-color:var(--wp--preset--color--contrast-700)}
.black, .black-links a, .card--textonly a { color:var(--wp--preset--color--black); }
.offblack { color:var(--wp--preset--color--offblack); }
.gray { color:var(--gray); }
.offwhite { color:var(--wp--preset--color--offwhite); }
.white, .white-links a { color:var(--wp--preset--color--white); }
.black-bg, .btn-black { background:var(--wp--preset--color--black); }
.offblack-bg, .btn-offblack { background:var(--wp--preset--color--offblack); }
.gray-bg, .btn-gray { background:var(--gray); }
.offwhite-bg, .btn-offwhite { background:var(--wp--preset--color--offwhite); }
.white-bg, .btn-white { background:var(--wp--preset--color--white); }
.btn.outline,
.btn:not(.outline):hover { background-color:transparent; }
.btn, button, input[type="submit"] {
appearance: none;
border-style: solid;
border-width: 2px;
display: inline-block;
line-height: 1;
outline: none;
text-align: center;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
transition: all 0.3s ease;
}
.button--blocks { gap: 24px; margin-top:2rem; margin-bottom: 2rem; }
@media (min-width: 900px) {
.button--blocks.cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.button--blocks.cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.button--blocks.cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.button--blocks.cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
.button--blocks .btn { display:flex; align-items:center; justify-content:center; line-height:1.25; padding: 1em 2em; text-align: center; }
.button-blocks .btn span { display:block; }
/* form fields */
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="range"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
option,
textarea {
border-radius: 5px;
font-size: 1rem;
line-height: 1;
border: 1px solid var(--wp--preset--color--primary-300);
}
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
padding: 0.3em 1.2em;
}
/* woo commerce */
.woocommerce div.product form.cart table.variations { margin-bottom: 0; }
.woocommerce div.product form.cart table.variations tr th,
.woocommerce div.product form.cart table.variations tr td {
border-top: 1px solid var(--wp--preset--color--primary-200);
}
.woocommerce div.product form.cart table.variations tr:last-child th,
.woocommerce div.product form.cart table.variations tr:last-child td {
border-bottom: 1px solid var(--wp--preset--color--primary-200);
}
.woocommerce div.product form.cart table.variations tr th {
background-color:var(--wp--preset--color--accent-100);
color:var(--wp--preset--color--primary-600);
margin: 1px;
padding: 0.5em;
text-align:left;
font-weight: 400;
}
.woocommerce div.product form.cart table.variations tr td {
margin: 1px;
padding: 0.5em;
}
.woocommerce div.product form.cart div.quantity {
margin: 0 16px 0 0;
}
.woocommerce .quantity .qty { height: 49px; width: 148px; }
.woocommerce div.product form.cart .button {
appearance: none;
background-color: var(--wp--preset--color--accent-500);
border-color: var(--wp--preset--color--accent-500);
border-radius: 5px;
border-style: solid;
border-width: 2px;
color: #fff;
display: inline-block;
line-height: 1;
outline: none;
text-align: center;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
transition: all 0.3s ease;
}
.woocommerce div.product form.cart .button:hover {
background-color: var(--wp--preset--color--white);
color: var(--wp--preset--color--accent-500);
}
/* woo archive page */
.woocommerce-products-header {
background-color: var(--wp--preset--color--secondary-100);
padding: 2rem;
text-align: center;
}
.woocommerce .woocommerce-breadcrumb {
font-size: 15px !important;
padding: 1rem 2rem 0;
}
.woocommerce-result-count {
font-size: 0.8rem !important;
padding: 0.5em 2rem;
}
.woocommerce .woocommerce-ordering {
margin: 10px 2rem;
}
.woocommerce-ordering select {
font-size: 15px;
}
.woocommerce ul.products {
width: 1400px;
margin-left:auto;
margin-right:auto;
max-width: 90%;
}
.woocommerce ul.products li.product a img {
background-color: white;
border-radius: 1rem;
margin-left: auto;
margin-right: auto;
height: 250px;
width:90%;
object-fit: contain;
object-position: center;
padding: 1rem;
position: relative;
transition: all 0.3s ease-in;
}
.woocommerce ul.products li.product a img:hover {
box-shadow: 0 5px 7px rgba(0,0,0,0.15);
transform:translateY(-10px)
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
justify-content: space-between;
background-color: var(--wp--preset--color--secondary-100);
border-radius: 2rem;
display: flex;
flex-direction: column;
padding: 1rem 0 2rem;
}
.woocommerce .products.columns-3 {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
border-radius: 2rem;
padding: 1rem;
text-align: center;
}
.woocommerce #sidebar .xoxo .wp-block-search__button.wp-element-button {
margin: 0 0 0 10px !important;
}
.woocommerce .product_type_variable.button,
.woocommerce #sidebar .xoxo .wp-block-search__button.wp-element-button,
.woocommerce .button.product_type_simple {
background-color: var(--wp--preset--color--primary-600);
border:2px solid var(--wp--preset--color--primary-600);
border-radius: 5px !important;
color: var(--wp--preset--color--white) !important;
text-align: center;
font-weight: normal;
font-size: 0.8rem;
margin-left: auto;
margin-right: auto;
padding: 0.5em 1.5em;
width: fit-content;
}
.woocommerce .product_type_variable.button:hover,
.woocommerce #sidebar .xoxo .wp-block-search__button.wp-element-button:hover,
.woocommerce .button.product_type_simple:hover {
background-color: #fff;
color:var(--wp--preset--color--primary-600) !important;
}
.woocommerce .woocommerce-loop-product__title {
color:var(--wp--preset--color--primary-600);
transition: all 0.3s ease;
}
.woocommerce .woocommerce-loop-product__title:hover {
color:var(--wp--preset--color--accent-400);
}
.woocommerce-Price-amount.amount { color:var(--wp--preset--color--accent-500); font-weight: bold; }
.woocommerce #sidebar {
background-color:var(--wp--preset--color--secondary-100);
padding: 2rem 10vw;
}
.woocommerce #sidebar .xoxo { list-style: none outside none; margin:0; padding:0; }
.woocommerce #sidebar .wp-block-search__input {
border-radius: 5px !important;
border-color: var(--wp--preset--color--secondary-400);
}
.woocommerce #sidebar .xoxo > li:first-child {
background-color:var(--wp--preset--color--offwhite);
border: 1px solid var(--wp--preset--color--secondary-300);
border-radius: 5px;
padding: 10px;
text-align: center;
}
.woocommerce #sidebar .xoxo > li:nth-child(2) {
padding-top: 2rem;
}
.woocommerce #sidebar .wp-block-heading { font-size: 1.25rem; text-align: center; }
.woocommerce #sidebar .wp-block-latest-posts__list.wp-block-latest-posts a {
color: var(--wp--preset--color--accent-500);
font-size: 0.8rem;
text-align: center;
text-decoration: none;
}
.woocommerce .products.columns-3 {
margin-top: 3.25rem;
padding-top: 1.25rem;
position: relative;
}
.woocommerce .products.columns-3:before {
content: '';
display: block;
left: -2rem;
position: absolute;
right:-2rem;
top: -1rem;
border-top: 1px solid #bebebe;
}
.woocommerce .product-category.product .woocommerce-loop-category__title {
color:var(--wp--preset--color--primary-600);
text-align: center;
}
.woocommerce .product-category.product .woocommerce-loop-category__title .count {
display:none;
}
.woocommerce.single-product .single_add_to_cart_button {
margin-top: 12px;
}
.woocommerce .added_to_cart.wc-forward {
text-align: center;
color: inherit;
}
.woocommerce-products-header .term-description a { color: var(--wp--preset--color--accent-400) !important; }
@media screen and (min-width: 1024px) {
.woocommerce #sidebar .wp-block-latest-posts__list.wp-block-latest-posts {
display: flex;
gap: 48px;
}
.woocommerce #sidebar .wp-block-latest-posts__list.wp-block-latest-posts a {
display:block;
}
}
@media (max-width: 768px) {
.woocommerce .products.columns-3 {
flex-direction: column;
}
.woocommerce ul.products[class*=columns-] li.product,
.woocommerce-page ul.products[class*=columns-] li.product {
width: 100%;
}
}
/* yoast faq block */
@keyframes pushdown {
from { height:0; opacity: 0; }
to { height:100%; opacity: 1; }
}
.schema-faq-section {
border-bottom:1px solid var(--wp--preset--color--gray);
padding: 0.3em 0.5em;
}
.schema-faq-section:first-of-type { border-top: 1px solid var(--wp--preset--color--black); }
.schema-faq-question { display: block; font-weight: 600; }
.schema-faq-question[aria-expanded="true"] { margin-bottom: 1rem }
.schema-faq-answer {
height: 0;
margin:0;
opacity:0;
overflow-y: hidden;
transition: opacity 500ms ease, height 500ms ease-in;
}
[aria-expanded="true"] + .schema-faq-answer {
height: 100%;
opacity: 1;
}
.schema-faq-answer img { margin: 1rem 0; }
/* sticky site nav */
/*
body.scrolled .header--parent {
background-color: #fff;
box-shadow: 0 3px 5px rgba(0,0,0,0.2);
position: fixed;
top:0;
width: 100%;
z-index: 5;
}
.header--child {
top: 0;
transition: all 0.5s ease-in;
width: 100%;
}
body.scrolled .header--child {
background-attachment: scroll;
position: relative;
animation-name: slidedown;
animation-duration: 0.5s;
}
@keyframes slidedown {
from { transform: translateY(-50px); opacity: 0.2; }
to { transform: translateY(0); opacity: 1; }
}
*/
/* drop downs */
.header--logo {
margin-top: 5px;
margin-bottom: 5px;
}
.header--logo a, .header--logo svg { display:flex; align-items: center; }
#siteMenu ul,
#siteMenu li,
#siteMenu a {
box-sizing: border-box;
display: block;
margin: 0;
z-index: 105;
}
#siteMenu ul { list-style: none outside none; }
#siteMenu a { text-decoration: none; }
#siteMenu .sub-menu a { font-size: 0.8rem; padding: 0.5em 1em; }
#siteMenu #menu-main-menu {
display:flex;
font-size: 1rem;
column-gap: 36px;
}
#siteMenu a { color:var(--wp--preset--color--black); font-size: 16px; }
#siteMenu .sub-menu a { color:var(--wp--preset--color--offblack); }
input[type="image"].custom-cart { height: 24px; } /* paypal button */
.header--social { width:30px;height:30px;padding:2px; display:inline-block; }
.header--social.facebook svg { fill:#1877F2; }
@media (min-width: 1200px) {
/* body.admin-bar.scrolled .header--parent {top: 32px} */
#siteMenu .menu-item-has-children {
display: inline-block;
position: relative;
}
#siteMenu .sub-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
}
#siteMenu .menu-item-has-children:hover .sub-menu {
background-color: var(--wp--preset--color--white);
border-radius: 0 0 7px 7px;
box-shadow: 0 3px 5px rgba(0,0,0,0.15);
display: block;
overflow: hidden;
margin:0;
min-width:250px;
padding:0;
position:absolute;
}
#siteMenu .menu > li > a {
border-bottom: 5px solid transparent;
padding: 29px 0 21px;
}
#siteMenu .menu > li:hover > a,
#siteMenu .menu-item-has-children.current-page-parent a {
border-bottom-color: var(--wp--preset--color--accent-400);
}
#siteMenu .sub-menu a:hover,
#siteMenu .sub-menu .current-link a {
background-color:var(--wp--preset--color--primary-100);
}
#siteToggle { display: none; }
#siteMenu .menu-item-has-children > a { padding-right: 1.25em !important; position: relative; }
#siteMenu .menu-item-has-children > a:after {
content: "";
height: 100%;
width: 1em;
position: absolute;
right: 0;
top: 0;
background-size: 1em 1em;
background-position: center;
background-repeat: no-repeat;
background-image:url('data:image/svg+xml;utf8,');
}
#siteMenu .menu-item-has-children:hover > a:after {
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
}
}
/* mobile menus */
@media (max-width: 1199px) {
/* body.admin-bar.scrolled .header--parent {top: 46px} */
.header--child { min-height: 50px; }
#siteToggle {
background-color: transparent;
border: none;
display: block;
font-size: 1px;
height: 34px;
line-height: 1;
padding: 0;
top: 50%;
transform: translateY(-50%); top:50%;
right: 1rem;
width: 30px;
z-index: 6;
}
/* body:not(.scrolled) #siteToggle { transform: translateY(-50%); top:50%; } */
#siteToggle svg path { fill: var(--wp--preset--color--primary-400); }
#siteMenu .menu > li > a { background-color: #fff; padding: 0.35em 1em; }
#siteMenu .menu > li:not(:lastchild) > a { border-bottom: 1px solid var(--wp--preset--color--offwhite); }
#siteMenu #menu-main-menu {
flex-direction: column;
width: 100%;
}
#siteMenu .menu-item-has-children { background-color: #fff; }
#siteMenu .sub-menu a { border-bottom:1px solid var(--wp--preset--color--offwhite); padding: 0.35em 1em 0.35em 1.85em; }
#siteMenu {
position: absolute;
left: -30px;
right: 10px;
top: 63px;
box-shadow: 0 3px 5px rgba(0,0,0,0.2);
border-top: 1px solid var(--wp--preset--color--primary-100);
}
body.admin-bar:not(.scrolled) #siteMenu { top:96px; }
#siteToggle[aria-expanded="false"] + #siteMenu { display: none; }
#siteMenu .menu-item-has-children { position: relative; }
#siteMenu .menu-item-has-children:after {
content: "";
height: 1em;
width: 1em;
position: absolute;
right: 24px;
background-size: 1em 1em;
background-position: center;
background-image:url('data:image/svg+xml;utf8,');
}
#siteMenu .menu-item-has-children[aria-expanded="true"]:after {
transform: scaleY(-1);
}
#siteMenu .menu-item-has-children[aria-expanded="false"] + .sub-menu { display: none; }
#siteMenu .menu-item-has-children[aria-expanded="true"] + .sub-menu { display: block; }
#siteMenu .sub-menu { background-color:var(--wp--preset--color--primary-100); }
#siteMenu .current-link > a { background-color: var(--wp--preset--color--primary-400) !important; color: var(--wp--preset--color--white); }
}
#siteFooter nav a {
background-color: transparent;
color: var(--wp--preset--color--offwhite);
display:block;
padding:0.25em;
text-decoration: none;
transition: all 0.3s ease;
}
#siteFooter nav a:hover {
background-color:rgba(255,255,255,0.2);
color: var(--wp--preset--color--white);
}
.footer-social-1rem svg {
height: 1em;
width: auto;
}
.footer--form form { display: flex; gap: 12px; }
.footer--form input[type="email"] {
max-width: 100%;
}
.footer--form input[type="submit"] {
background-color:var(--wp--preset--color--primary-600);
border-color:var(--wp--preset--color--primary-600);
color:var(--wp--preset--color--white);
}
.footer--form p { margin:0; padding: 0; }
.footer--form .wpcf7-spinner,
.footer--form .wpcf7-response-output { display:none; }
.footer--form .wpcf7-not-valid-tip { padding-left: 1em; }
.wp-block-separator {
border-color:var(--wp--preset--color--secondary-200);
border-width: 1px;
}
.hvr-grow { transition: all 0.3s ease; }
.hvr-grow:hover { transform:scale(1.10); }
@media (max-width:768px) {
.footer--form p { max-width: calc(100vw - 180px); }
}