.thhm-cart-contents {
display: flex;
position: relative;
width: 40px;
height: 100%;
justify-content: center;
align-items: center;
}
span.cart-contents-count {
display: flex;
position: absolute;
right: -2px;
top: -2px;
min-width: 16px;
min-height: 16px;
padding: 2px;
background-color: var(--ast-global-color-0);
color: #ffffff;
text-align: center;
font-size: 13px;
align-content: center;
justify-content: center;
align-items: center;
border-radius: 100px;
line-height: 1;
letter-spacing: -0.5px;
box-sizing: content-box;
}
input[type="email"], 
input[type="number"], 
input[type="password"], 
input[type="reset"], 
input[type="search"], 
input[type="tel"], 
input[type="text"], 
input[type="url"], 
select, 
textarea,
input[type="email"]:focus, 
input[type="number"]:focus, 
input[type="password"]:focus, 
input[type="reset"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="text"]:focus, 
input[type="url"]:focus, 
select:focus, 
textarea:focus,
.woocommerce .woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper > input:focus {
border-left: none !important;
border-top: none !important;
border-right: none !important;
}
textarea {
resize: vertical;
}
b, strong {
font-family: 'Helvetica Bold', sans-serif;
font-weight: normal;
}
a:focus {
outline: none;
}
.site-content {
overflow: hidden;
}
.page .site-content > .ast-container,
.blog .site-content > .ast-container, 
.archive .site-content > .ast-container, 
.search .site-content > .ast-container,
.ast-container {
box-sizing: content-box;
}
.ast-row {
box-sizing: border-box;
}
@media(min-width: 922px) {
.ast-container {
max-width: 1290px;
}
.page-template-page-templatesfull-width-php .site-content .ast-container {
display: block !important;
}
}
.ast-archive-description {
border-bottom: none !important;
}
#single-hero {
background-color: #231f20;
color: #ffffff;
display: flex;
flex-direction: column;
align-items: start;
height: 600px;
justify-content: center;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
overflow: hidden;
}
#single-hero:after {
content:'';
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: .5;
z-index: 2;
}
#single-hero video.wp-block-cover__video-background {
border: none;
bottom: 0;
box-shadow: none;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
object-fit: cover;
outline: none;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 0;
}
#single-hero .tribe-events-notices {
background: transparent;
border: none;
border-radius: 0;
color: #fff;
margin: 0 0 18px;
padding: 0;
text-shadow: none;
}
#single-hero .ast-container {
width: 100%;
position: relative;
z-index: 5;
box-sizing: border-box;
max-width: 1440px;
}
#single-hero h2.post-title {
letter-spacing: -2px;
color: #fff;
text-transform: uppercase;
margin: 0 0 35px;
font-size: 40px;
width: 100%;
}
#single-hero .button {
padding: 16px 30px;
text-transform: uppercase;
font-size: 14px;
line-height: 24px;
display: inline-flex;
}
#single-hero .button span {
display: flex;
align-self: center;
margin-left: 10px;
margin-top: -4px;
}
@media (min-width: 769px) {
#single-hero h2.post-title {
font-size: 60px;
width: 80%;
}
}
@media (min-width: 922px) {
#single-hero {
height: 650px;
}
#single-hero h2.post-title {
width: 75%;
font-size: clamp(3.75rem,-.8877rem + 7.2464vw,5rem);
line-height: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
.ast-container {
padding-left: 75px;
padding-right: 75px;
}
.ast-right-sidebar #primary,
.ast-right-sidebar #secondary {
border-right: none;
border-left: none;
}
}
@media (max-width: 991.98px) {
.ast-container {
padding-left: 45px;
padding-right: 45px;
}
}
@media (max-width: 767.98px) {
.ast-container {
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 993px) {
.ast-right-sidebar #primary {
padding-right: 100px;
}
.ast-right-sidebar #secondary {
padding-left: 0;
}
}
@media (max-width: 921px) {
body.archive .ast-blog-layout-4-grid .ast-article-post {
width: 50%;
}
}
@media (max-width: 767.98px) {
body.archive .ast-blog-layout-4-grid .ast-article-post {
width: 50%;
padding-left: 10px !important;
padding-right: 10px !important;
}
body.archive .ast-grid-common-col .entry-title, 
body.post-type-archive .ast-grid-common-col .entry-title {
font-size: 18px !important;
}
body.archive .ast-blog-layout-4-grid .ast-row {
margin-left: -10px !important;
margin-right: -10px !important;
}
}
.ast-article-post.remove-featured-img-padding .blog-layout-4 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content {
margin: 0;
}
body.archive .ast-blog-layout-4-grid .ast-article-inner .wp-post-image,
body.post-type-archive .ast-blog-layout-4-grid .ast-article-inner .wp-post-image{
width: 100%;
aspect-ratio: 1/1;
object-fit: cover;
}
body.archive .ast-blog-layout-4-grid .ast-article-inner,
body.post-type-archive .ast-blog-layout-4-grid .ast-article-inner {
box-shadow: none;
}
body.archive .ast-article-inner,
body.post-type-archive .ast-article-inner {
padding: 0;
}
body.archive .ast-grid-common-col .entry-title,
body.post-type-archive .ast-grid-common-col .entry-title {
font-size: 24px;
line-height: 120%;
color: #231F20;
letter-spacing: -1px;
text-transform: uppercase;
}
body.archive .ast-grid-common-col .entry-title a,
body.post-type-archive .ast-grid-common-col .entry-title a {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
font-size: 20px;
line-height: 120%;
text-decoration: none;
margin-bottom: 12px;
}
.ast-excerpt-container.ast-blog-single-element {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.5;
}
.entry-meta .posted-by > a {
pointer-events: none;
}
.single .post-navigation {
display: none;
}
#secondary h2 {
color: #231F20;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 120%; letter-spacing: -1px;
text-transform: uppercase;
}
#secondary .ast-related-posts-title-section {
margin-bottom: 20px;
padding-bottom: 0;
}
#secondary .ast-single-related-posts-container {
padding: 0;
border: none;
}
#secondary .ast-related-post.hentry {
margin-bottom: 0;
}
#secondary .ast-related-post-content {
display: flex;
flex-direction: row;
}
#secondary .ast-related-post-content .post-thumb-img-content img {
aspect-ratio: 6/7;
object-fit: cover;
}
#secondary .ast-related-post-content .entry-header {
margin: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
align-content: flex-start;
justify-content: center;
text-align: left;
}
#secondary .ast-related-post-content .entry-header .ast-related-post-title,
#secondary .ast-related-post-content .entry-header .ast-related-post-title a {
color: #231F20;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 120%; letter-spacing: -1px;
text-transform: uppercase;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
#secondary .ast-related-post-featured-section.post-has-thumb {
width: calc(40% - 0px - 7.5px);
}
@media (max-width: 991.98px) {
#secondary .ast-related-post-featured-section.post-has-thumb {
width: calc(33.333333333333336% - 7.5px);
}
}
#secondary .ast-related-post-content .entry-header {
padding-left: 15px;
width: 60%;
}
#secondary .ast-related-post-content .entry-meta {
margin: 0;
}
#secondary .ast-related-post-content .entry-meta span,
#secondary .ast-related-post-content .entry-meta span a {
margin-left: 0;
margin-right: 0;
color: #A6A6A6 !important;
font-size: 14px;
line-height: 140%; 
}
#secondary .ast-related-post-content .entry-content {
display: none;
}
#secondary .ast-single-related-posts-container .ast-related-posts-wrapper,
#secondary .ast-related-posts-wrapper {
display: grid;
grid-column-gap: 25px;
grid-row-gap: 25px;
grid-template-columns: repeat( 1, 1fr );
}
@media (max-width: 921px) {
#secondary .ast-single-related-posts-container .ast-related-posts-wrapper {
grid-template-columns: repeat( 1, 1fr );
}
}
@media (min-width: 922px) {
.ast-single-related-posts-container.ast-container--narrow {
max-width: 100%;
}
}
#secondary .ast-single-related-posts-container.ast-container--narrow {
background-color: transparent;
}
#secondary .ast-single-related-posts-container.ast-container--narrow:before {
content: none;
}
.ast-single-related-posts-container .ast-related-posts-wrapper,
.archives-collections-template-default.single .ast-single-related-posts-container .ast-related-posts-wrapper {
display: grid;
grid-column-gap: 25px;
grid-row-gap: 25px;
grid-template-columns: repeat(3, 1fr);
position: relative;
z-index: 5;
}
#secondary .ast-related-post:nth-child(1n+4) {
display: block;
}
.ast-related-post:nth-child(1n+4) {
display: none;
}
.ast-related-posts-title-section {
padding-bottom: 50px;
position: relative;
z-index: 5;
}
.ast-single-related-posts-container.ast-container--narrow,
.archives-collections-template-default.single .ast-single-related-posts-container.ast-container--narrow {
padding: 90px 0;
background-color: #F8F8F8;
position: relative;
z-index: 5;
}
.ast-single-related-posts-container.ast-container--narrow:before {
content: '';
position: absolute;
top: 0;
left: -200vw;
height: 100%;
width: 400vw;
background-color: #F8F8F8;
z-index: 1;
}
.ast-related-posts-title-section .ast-related-posts-title {
font-size: 52px;
line-height: 120%;
letter-spacing: -1.56px;
text-transform: uppercase;
}
.ast-related-post-content .post-thumb-img-content img {
object-fit: cover;
}
.ast-related-post-content .entry-header .ast-related-post-title, 
.ast-related-post-content .entry-header .ast-related-post-title a {
color: #231F20;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 120%;
letter-spacing: -1px;
text-transform: uppercase;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
.ast-related-post-content .entry-meta,
.ast-related-post-content .entry-meta a {
text-transform: uppercase;
color: #EE352E;
}
.ast-related-post-excerpt {
padding-bottom: 24px;
border-bottom: 1px solid #A6A6A6;
}
@media (max-width: 921px) {
.ast-single-related-posts-container.ast-container--narrow {
display: none;
}
#secondary .ast-single-related-posts-container.ast-container--narrow {
display: block;
}
}
#thhm-related {
padding: 90px 0;
}
#thhm-related main {
display: flex;
flex-direction: row;
gap: 30px;
}
#thhm-related main article {
width: 33.3333%;
} #tribe-events-content {
margin-bottom: 0 !important;
}
.post-type-archive-tribe_events #primary .ast-row {
margin-left: -20px;
margin-right: -20px;
}
.tribe_events.ast-article-post .ast-article-inner {
border-bottom: solid 1px #A6A6A6;
height: 100%;
}
.tribe_events.ast-article-post .ast-blog-featured-section {
margin-bottom: 12px;
}
.tribe_events.ast-article-post .entry-meta{
font-size: 14px;
line-height: 140%;
margin-bottom: 12px;
}
.tribe-events-pg-template {
width: 100%;
}
.thhm-event-details-item {
background-color: var(--wp--preset--color--ast-global-color-0, var(--ast-global-color-0)) !important;
color: #ffffff !important;
margin: 0 !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
display: block !important;
border: none !important;
max-width: 100% !important;
border-radius: 0 !important;
}
.thhm-event-details-item.first {
padding-top: 90px !important;
}
.thhm-event-details-item.last {
padding-bottom: 90px !important;
}
.thhm-ed-inner {
display: flex !important;
flex-direction: row;
justify-content: space-between;
width: 100%;
align-items: center;
font-family: 'Helvetica', sans-serif;
padding-top: 25px !important;
padding-bottom: 15px !important;
border-bottom: 1px solid RGBA(255, 255, 255, 0.3);
margin-bottom: 30px;
}
.thhm-ed-inner h3 {
color: #ffffff;
font-family: Helvetica Bold, sans-serif;
font-size: 42px !important;
font-style: normal !important;
font-weight: normal !important;
line-height: 108% !important;
letter-spacing: -1.26px;
text-transform: uppercase; 
}
.thhm-ed-inner span {
color: #ffffff;
font-size: 20px;
font-weight: normal;
text-align: right;
}
@media (max-width: 768px) {
.thhm-ed-inner {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 10px;
}
.thhm-event-details-item.first {
padding-top: 50px !important;
}
.thhm-event-details-item.last {
padding-bottom: 50px !important;
}
.thhm-ed-inner h3 {
font-size: 22px !important;
margin-bottom: 10px;
}
.thhm-ed-inner span {
text-align: left;
font-size: 18px;
}
}
.tribe-block__venue__map iframe {
width: 100%;
height: 600px;
}
.post-type-archive-tribe_events .ast-pagination {
display: inline-block;
width: 100%;
padding-top: 2em;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
text-align: center;
}
.post-type-archive-tribe_events .ast-pagination .nav-links {
display: inline-block;
width: 100%;
}
.post-type-archive-tribe_events .ast-pagination .page-numbers {
display: inline-block;
width: 2.33333em;
height: 2.33333em;
font-size: 16px;
font-size: 1.06666rem;
line-height: calc(2.33333em - 3px);
font-weight: 500;
}
.post-type-archive-tribe_events .ast-pagination .prev, 
.post-type-archive-tribe_events .ast-pagination .prev:visited, 
.post-type-archive-tribe_events .ast-pagination .prev:focus, 
.post-type-archive-tribe_events .ast-pagination .next, 
.post-type-archive-tribe_events .ast-pagination .next:visited, 
.post-type-archive-tribe_events .ast-pagination .next:focus {
display: inline-block;
width: auto;
}
.post-type-archive-tribe_events .ast-pagination .prev.page-numbers, 
.post-type-archive-tribe_events .ast-pagination .next.page-numbers {
padding: 0 1.5em;
height: 2.33333em;
line-height: calc(2.33333em - 3px);
}
.post-type-archive-tribe_events .ast-pagination .next.page-numbers {
float: right;
}
.post-type-archive-tribe_events .ast-pagination .prev.page-numbers {
float: left;
}  .wc-block-components-button:not(.is-link):focus {
box-shadow: none !important;
outline: none !important;
}
.woocommerce-page .ast-archive-description .ast-archive-title,
.woocommerce-page .ast-archive-description .ast-archive-title > span,
.woocommerce-products-header__title.page-title, 
.woocommerce-products-header__title.page-title > span {
text-transform: uppercase;
font-size: 52px !important;
line-height: 120%;
font-weight: normal;
font-family: 'Helvetica Bold', sans-serif;
}
@media (min-width: 768px) {
.woocommerce-page .ast-archive-description .ast-archive-title > span,
.woocommerce-products-header__title.page-title > span {
display: block;
margin-left: 60px;
}
}
.woocommerce-page .site-main ul.products li.product {
background-color: #f8f8f8;
margin-bottom: 30px;
}
.thhm-woo-loop-cta {
grid-column: span 2;
grid-row: span 1;
}
@media (min-width: 768px) {
.woocommerce ul.products, 
.woocommerce-page ul.products {
column-gap: 30px;
}
}
.woocommerce-js ul.products li.product a img, 
.woocommerce-page ul.products li.product a img {
margin-bottom: 0 !important;
}
.astra-shop-summary-wrap {
padding: 25px 20px;
}
ul.products li.product .woocommerce-loop-product__title {
margin-top: 0 !important;
margin-bottom: 10px !important;
font-weight: normal !important;
text-transform: uppercase;
font-size: 24px !important;
line-height: 120% !important;
font-family: 'Helvetica Bold', sans-serif;
}
.woocommerce-js ul.products li.product .price, 
.woocommerce-page ul.products li.product .price {
font-size: 20px;
line-height: 120%;
margin-top: 0 !important;
margin-bottom: 10px !important;
font-weight: normal;
}
ul.products li.product .price ins {
font-weight: normal !important;
}
.woocommerce-js ul.products li.product .onsale,
.woocommerce span.onsale,
.wc-block-grid__product .wc-block-grid__product-onsale,
.woocommerce-js div.product span.onsale {
top: 10px !important;
right: auto !important;
left: 10px !important;
margin: 0 !important;
font-size: 14px;
line-height: 100%;
background-color: #231f20;
color: #ffffff;
border-radius: 0;
min-height: auto;
min-width: auto;
display: block;
padding: 10px;
}
.woocommerce-js ul.products li.product .button, 
.woocommerce-page ul.products li.product .button {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding: 4px 0px 2px 0px !important;
background-color: transparent;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #231f20;
color: #231f20;
text-transform: uppercase;
font-size: 14px;
line-height: 100%;	
}
.woocommerce-js ul.products li.product .button:not(.added):after, 
.woocommerce-page ul.products li.product .button:not(.added):after {
content:'';
display: inline-block;
vertical-align: top;
height: 24px;
width: 24px;
background-image: url(//thhm.org/wp-content/themes/astra-thhm/img/arrow-up-right-02.svg);
background-position: right top;
background-repeat: no-repeat;
background-size: 24px;
margin-top: -7px;
}
.woocommerce-js a.button.added:after, 
.woocommerce-js button.button.added:after {
vertical-align: top;
margin-top: -2px;
display: inline-block;
}
@media (max-width: 767.98px) {
.woocommerce-page .ast-archive-description .ast-archive-title,
.woocommerce-page .ast-archive-description .ast-archive-title > span,
.woocommerce-products-header__title.page-title, 
.woocommerce-products-header__title.page-title > span {
font-size: 30px !important;
line-height: 100%;
}
.ast-container .woocommerce ul.products:not(.elementor-grid), 
.woocommerce-page ul.products:not(.elementor-grid), 
.woocommerce.mobile-columns-2 ul.products:not(.elementor-grid), 
.woocommerce-page.mobile-columns-2 ul.products:not(.elementor-grid) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.woocommerce-page .site-main ul.products li.product {
margin-bottom: 20px;
}
.astra-shop-summary-wrap {
padding: 20px 10px;
}
ul.products li.product .woocommerce-loop-product__title {
font-size: 20px !important;
}
.woocommerce-js ul.products li.product .price, 
.woocommerce-page ul.products li.product .price {
font-size: 16px !important;
}
}
.woocommerce-js div.product div.images img,
.woocommerce-page div.product div.images img {
width: 100%;
}
.woocommerce-page .woocommerce-product-gallery__image img {
width: 100%;
aspect-ratio: 41/48;
object-fit: cover;
}
.woocommerce-js div.product .product_title,
.woocommerce-page div.product .product_title {
text-transform: uppercase;
}
.woocommerce-js div.product .woocommerce-tabs ul.tabs li a,
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
font-weight: normal;
color: #231f20;
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
}
.woocommerce-js div.product .woocommerce-tabs ul.tabs:before {
border: none !important;
}
.woocommerce-js #reviews #review_form {
border: none !important;
padding: 0 !important;
}
.woocommerce-js #reviews .comment-form-rating label,
.woocommerce-js #reviews .comment-form-comment label {
font-size: 18px;
font-weight: normal;
padding-right: .5em;
}
.woocommerce-js #reviews #review_form #respond p.comment-form-author input, 
.woocommerce-js #reviews #review_form #respond p.comment-form-email input {
border-bottom: 1px solid #A6A6A6 !important;
padding: 20px 12px;
max-height: 65px;
}
.woocommerce-js #reviews .comment-form-rating .stars a {
top: 0px
}
div.product .related.products h2 {
font-size: 52px;
line-height: 120%;
letter-spacing: -1.56px;
text-transform: uppercase;
}
@media (max-width: 992px) {
.woocommerce ul.products:not(.elementor-grid).columns-3, 
.woocommerce-page ul.products:not(.elementor-grid).columns-3 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
div.product .related.products h2 {
font-size: 30px;
}
}
@media (max-width: 1199.98px) {
.woocommerce-cart.woocommerce-page #primary,
.woocommerce-checkout.woocommerce-page #primary {
margin-top: 30px;
margin-bottom: 30px;
}
}
body.woocommerce-js.woo-variation-swatches .button[name="update_cart"] {
display: none !important;
}
@media (max-width: 1199.98px) {
body.single-product #primary {
margin-top: 20px !important;
}
}
.woocommerce-js div.product form.cart .button.single_add_to_cart_button {
padding: 13px 20px !important;
}
form.woocommerce-cart-form,
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals,
form #order_review_heading:not(.elementor-widget-woocommerce-checkout-page #order_review_heading),
form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review) {
box-sizing: border-box;
}
.woocommerce-js #content table.cart [name="coupon_code"], 
.woocommerce-page #content table.cart [name="coupon_code"] {
max-height: 48px;
height: 48px;
}
.woocommerce form.checkout_coupon {
box-sizing: border-box;
}
.woocommerce form.checkout_coupon .button {
padding: 16px 20px !important;
line-height: 1em !important;
}
.woocommerce-js .select2-container .select2-selection--single, 
.woocommerce-js select, 
.woocommerce-page .select2-container .select2-selection--single, 
.woocommerce-page select {
border-color: #A6A6A6 !important;
}
.woocommerce-js .select2-container .select2-dropdown, 
.woocommerce-js .select2-container .select2-search__field, 
.woocommerce-page .select2-container .select2-dropdown, 
.woocommerce-page .select2-container .select2-search__field {
border: 1px solid #A6A6A6 !important;
}
.woocommerce-js #respond input#submit.disabled, 
.woocommerce-js #respond input#submit:disabled, 
.woocommerce-js #respond input#submit:disabled[disabled], 
.woocommerce-js a.button.disabled, 
.woocommerce-js a.button:disabled, 
.woocommerce-js a.button:disabled[disabled], 
.woocommerce-js button.button.disabled, 
.woocommerce-js button.button:disabled, 
.woocommerce-js button.button:disabled[disabled], 
.woocommerce-js input.button.disabled, 
.woocommerce-js input.button:disabled, 
.woocommerce-js input.button:disabled[disabled] {
padding: 16px 30px !important;
}
body #content .woocommerce form .form-row .select2-container--default .select2-selection--single:focus, 
#ast-coupon-code:focus {
border-style: solid !important;
border-color: inherit;
border-width: 1px !important;
}
@media (max-width: 768px) {
form #order_review_heading:not(.elementor-widget-woocommerce-checkout-page #order_review_heading) {
border: none;
padding: 0 0 1em 0;
}
form #order_review:not(.elementor-widget-woocommerce-checkout-page #order_review) {
border: none;
padding: 0;
}
}