/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/*GENERAL STYLING HERE*/

/*h1 = page title, product or piece title on individual item pages*/
.woocommerce h1, .elementor h1, h1 {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 32px;
	color: #000000;
}

/*h2 = series titles, collection titles, woo also makes jewelry piece names on shop page h2 but custom styling is below*/
.woocommerce h2, .elementor h2, h2 {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #000000;
}

/*h3 = image titles for image blocks - elementor requires an HTML title tag*/
.woocommerce h3, .elementor h3, h3 {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #737373;
}

/*unknown - using for titles below images*/
.woocommerce h4, .elementor h4, h4 {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #000000;
}

/*section headings on additional info pages*/
.woocommerce h5, .elementor h5, h5 {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #737373;
	text-decoration: underline;
}

/*unknown - using for descriptions below images*/
.woocommerce h6, .elementor h6, h6 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #000000;
}

.woocommerce p, .elementor p, p {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 13px;
	color: #222222;
}

p a:link, cf a:link, .woocommerce a:link, elementor a:link {
	color: #222222;
	font-weight: bold;
}

p a:visited, cf a:visited, .woocommerce a:visited, elementor a:visited {
	color: #222222;
}

p a:hover, cf a:hover, .elementor a:hover, .woocommerce a:hover, ct a:hover {
	text-decoration: underline;
}

p a:active, cf a:active, .woocommerce a:active, elementor a:active {
	color: #222222;
}

/*cf=text for copyright footer*/
cf {
	font-style: normal;
    font-weight: 300;
    font-stretch: normal;
    font-size: 9px;
    line-height: 1.4em;
    font-family: Arial, sans-serif;
	color: #737373;
}

/*jmt=text for "all jewelry" on jewelry menu header - not sure this is being used*/
jmt, jmt a {
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	/*letter-spacing: .8px;*/
	font-style: oblique;
	color: #000000;
}

/*and now for the rest*/

/*global for menu sub-items - marking out below causing overtyping issue???
 * 
 * 
 * #menu-1-f63c0d3 a.elementor-item:hover {
	text-decoration: underline;
}*/

a.elementor-item:hover {
	text-decoration: underline;
}

a.elementor-sub-item {
	font-family: Arial, sans-serif;
	font-weight: normal;
}

a.elementor-sub-item:hover {
	text-decoration: underline !important;
}

.elementor-item.elementor-item-active {
	font-weight: bold !important;
}

/*a.elementor-button--view-cart > span:nth-child(1):hover, a.elementor-button:nth-child(2) > span:nth-child(1):hover {
    color: #000000;
    text-decoration: underline;
}*/

/* things i'm hiding - not sure what the button thing is*/

.woocommerce-breadcrumb, .woocommerce-result-count, .woocommerce-ordering, .woocommerce ul.products li.product .button {
	display: none;
}

/* not sure specifically what image this applies to*/

img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail:hover {
	opacity: 0.3;
	filter: alpha(opacity=30); /* For IE8 and earlier */
}

/*product title and price styling shop and shop archive pages*/

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: Arial, sans-serif;
	font-size: 16px;
	color: #222222 !important;
	text-align: left;
	padding-left: 4px;
}

.woocommerce-loop-product__title:hover {
	color: #222222 !important;
	text-decoration: underline !important;
}

.woocommerce ul.products li.product .price {
	text-align: left;
	padding-left: 4px;
}

.post-type-archive .woocommerce-products-header__title.page-title {
	display: none;
}

.woocommerce button.button.alt {
	color: #ffffff !important;
}

.woocommerce button.button.alt:hover {
	background-color: #737373 !important;
}

.posted_in {
	font-family: Arial, sans-serif;
	font-size: 11px;
}

/*price on individual product pages*/

.woocommerce div.product p.price {
	font-weight: bold;
}

.related.products {
  display: none;
}

.woocommerce-product-gallery__trigger {
	display: none;
}

/*for woocommerce alert messages - 9/2021 changed globals*/

.woocommerce-message, .woocommerce-error {
	border-top-color: #737373;
	background-color: #ffffff;
}

.woocommerce a.button.wc-forward {
	color: #737373;
	text-transform: capitalize;
}

.woocommerce-error li, .woocommerce a.restore-item, .woocommerce-message {
	font-family: Arial, sans-serif;
}

.woocommerce a.restore-item:link {
	color: #222222;
}

.woocommerce a.restore-item:hover {
	color: #000000;
	text-decoration: underline;
}

/*for sold out badge shop archive pages*/

.soldout {
	padding: 3px 8px;
	text-align: center;
	background-color: #f2f2f2;
	opacity: .9;
	color: #737373;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	position: absolute;
	top: 6px;
	right: 6px;
}

/*for "SOLD" on individual works pages*/
.sold-art {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #000000;
}

/*to center images vertically in carousel*/
.swiper-wrapper {
	align-items: center;
}

/*styling for slider arrows woo product pages* - CURRENLTY DISABLED - SHOWING UP IN ELEMENTOR LIGHT BOX*/

/*ul.flex-direction-nav {
    position: absolute;
    top: 35%;
    z-index: 99999;
    width: 100%;
    left: 0;
    margin: 0;
    padding: 0px;
    list-style: none;}

li.flex-nav-prev {float: left;}
li.flex-nav-next {float: right;}
a.flex-next {visibility:hidden;}
a.flex-prev {visibility:hidden;}

a.flex-next::after {
	visibility: visible;
	content: '\f054';
	font-family: 'Font Awesome 5 Free';
	margin-right: 10px;
	font-size: 20px;   
	font-weight: bold;
}
a.flex-prev::before {
    visibility:visible;
    content: '\f053';
	font-family: 'Font Awesome 5 Free';   
	margin-left: 10px;
	font-size: 20px;
	font-weight: bold;
}
ul.flex-direction-nav li a {
	color: #737373;
}*/

/*need white arrows on art - SEE ABOVE*/

/*.woocommerce .product_cat-shop-small-works a.flex-next, .woocommerce .product_cat-shop-small-works a.flex-prev, .woocommerce .product_cat-small-works-sold a.flex-next, .woocommerce .product_cat-small-works-sold a.flex-prev {
	color: #ffffff;
}

ul.flex-direction-nav li a:hover {
	text-decoration: none;
}*/

/*for removing sold out on pieces that are on view elsewhere - doesn't fucking work*/

/*.single-product.postid-8184 p.stock.out-of-stock {
	display: none;
}*/

/*request-slider - no overlap*/
/*background and shadow - no overlap*/
.request-slider .swiper-slide-contents {
    background-color: rgba(255, 255, 255, 0.6);
    padding: 15px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
    transition: box-shadow 1s;
}

/*increase box-shadow only on hover - no overlap*/
.request-slider .swiper-slide-contents:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .4), 0 6px 20px 0 rgba(0, 0, 0, .4);
}

/*button padding - all*/
.request-slider .swiper-slide-inner .elementor-slide-button {
    padding: 10px;
}

/*button text underline - all*/
.request-slider .swiper-slide-inner .swiper-slide-contents .elementor-button:hover {
    text-decoration: underline;
}

/*hide empty title/desc box on on slide - update for each page if want it hidden - this is for slide #2, each has own repeater number*/
/*.request-slider .elementor-repeater-item-0920181 .swiper-slide-contents {
    visibility: hidden;
}*/

/*to fade inactive bullets - mark/unmark white background as needed for use over colored backgrounds*/
.request-slider .swiper-pagination-bullet{
    /*background: #ffffff;*/
    opacity: .5;
}

.request-slider .swiper-pagination-bullet-active{
    opacity: 1;
}

/*request-overlap-slider*/
/*background and shadow - overlaping image*/
.request-overlap-slider .swiper-slide-contents {
    background-color: rgba(255, 255, 255, 0.6);
    padding: 15px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.2);
    transition: background-color 2s;
}

/*fade background only on hover - overlapping image*/
.request-overlap-slider .swiper-slide-contents:hover {
    background-color: rgba(255, 255, 255, 0);
}

/*button padding - all*/
.request-overlap-slider .swiper-slide-inner .elementor-slide-button {
    padding: 10px;
}

/*button text underline - all*/
.request-overlap-slider .swiper-slide-inner .swiper-slide-contents .elementor-button:hover {
    text-decoration: underline;
}

/*hide empty title/desc box on on slide - update for each page if want it hidden - this is for slide #2, each has own repeater number*/
/*.request-overlap-slider .elementor-repeater-item-0920181 .swiper-slide-contents {
    visibility: hidden;
}*/

/*to fade inactive bullets - mark/unmark white background as needed for use over colored backgrounds*/
.request-overlap-slider .swiper-pagination-bullet {
    /*background: #ffffff;*/
    opacity: .5;
}

.request-overlap-slider .swiper-pagination-bullet-active {
    opacity: 1;
}