/* 
 Theme Name:   MyAstra
 Theme URI:    
 Description:  
 Author:       Brooke
 Author URI:   
 Template:     astra
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/

/*Primary Nav*/
.main-header-bar-navigation {
    font-weight: 700;
    font-family: 'Open Sans';
    font-size: 20px;
}

/*Theme had these with big paddings*/
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background,
p.has-background {
  padding: unset;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content p {
  margin: 10px 0px 0px 0px;
}

/*Homepage text started like 60px down the page*/
#primary.content-area.primary {
	margin:0px;
}
 
/*Homepage product blocks look messed up*/
#post-329 .wc-block-grid .wc-block-grid__products .wc-block-grid__product {
	text-align: center;
}
#post-329 ul.wc-block-grid__products {font-size:large;}


/*On checkout page style checkout field text fields*/
#post-8 p.awcfe_paragraph_field, #post-8 .woocommerce-billing-fields__field-wrapper, .shop_table {
    border-style: hidden;
    border-radius: 4px;
    box-shadow: 0 0 0 1px var(--ast-border-color);
	background-color: var(--ast-global-color-4); 
	padding: 24px;
}

/*Cart Hide Shipping Destination*/
#post-7 p.woocommerce-shipping-destination {display:none;}
/*Cart Add space because mobile cart page*/
#post-7 ul#shipping_method {margin: 20px 0px 0px 0px;}

/*Spaces the pay_for_order table better*/
.woocommerce-page.woocommerce-checkout table.shop_table td {padding-left:10px;}


/*Add a space between containers. Containers can have styling and I want margins between but groups I do not want margins between plus they cant be styled.*/
.wp-block-uagb-container {
	margin-top:20px !important;
}

/*Checkout page*/
/*Little crappy text that explains paypal*/
#payment .about_paypal {display:none;}
#post-8 #billing_country_field {display:none;}
#post-8 #billing_choose_delivery_or_pickup_field,#post-8 #billing_datepickup_time_field  {width:50%;}
#post-8 .woocommerce {font-family: 'Open Sans' !important;}
ul#shipping_method {text-align:left;}

/*Hide PayPal - No MORE JS snippet
Hides Paypal on regular checkout page but shows only Paypal on the pay_for_order page
#post-8 div#payment.woocommerce-checkout-payment li#payment_method_section_paypal.wc_payment_method.payment_method_paypal  {display:none;}

#post-8 form#order_review li#payment_method_section_cod.wc_payment_method.payment_method_cod {display:none;}
#post-8 form#order_review li#payment_method_section_cheque.wc_payment_method.payment_method_cheque {display:none;}
#post-8 form#order_review li#payment_method_section_other_payment.wc_payment_method.payment_method_other_payment {display:none;}*/

/*Hide PayPal credit card logos*/
#payment_method_paypal>img {display:none}



/*Add space at bottom of posts before footer and after text. It mashed these together before.*/
.ast-container {
	padding-bottom:20px;
}

/*Change logo size on mobile*/
@media (max-width: 544px){
header .custom-logo-link img, .ast-header-break-point .site-branding img, .ast-header-break-point .custom-logo-link img {
    max-width: 180px;
}}
@media (max-width: 921px){
header .custom-logo-link img, .ast-header-break-point .site-logo-img .custom-mobile-logo-link img {
    max-width: 180px;
}}

.ast-sticky-main-shrink .ast-sticky-shrunk .site-logo-img img {
	max-height: 75px !important;
}

/*Hide post navigation links*/
nav.navigation.post-navigation {
    display: none;
}

/*Fade in entire site*/
body {
    animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
  
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
     }
}

/*Product page add spacing to table of attributes*/
.woocommerce table.shop_attributes td {
	padding: 0 0 0 20px;
	font-style: normal;
}
.woocommerce table.shop_attributes th {
	width: auto;
}

.woocommerce-product-gallery .woocommerce-product-gallery__image {
    position: relative;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image:after {
    content: attr(data-thumb-alt);
	position: absolute;
	bottom: 2em;
	left:0;
	padding: 5px 10px;
	background-color: #000;
	color: #fff;
}

/*Hide Featured image on request chicks page, Warranty Product page*/
#product-1472 > div.summary.entry-summary,
#product-7800 > div.summary.entry-summary,
#product-9134 > div.summary.entry-summary {
	width:100% !important;
}
#product-1472 > div.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images,
#product-7800 > div.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images,
#product-9134 > div.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images,
#product-9134 > div.woocommerce-product-gallery.woocommerce-product-gallery--without-images.woocommerce-product-gallery--columns-4.images {
	display:none;
}
/*Hide Price*/
#product-1472 > div.summary.entry-summary > p,
#product-7800 > div.summary.entry-summary > p,
#product-9134 > div.summary.entry-summary > p {
	display:none;
}

/*Print CSS for Yard Sale page 5838*/
@media print {

	p.woocommerce-store-notice.demo_store {display:none !important;}
	header#masthead {display:none !important;}
	#colophon {display:none !important;}
	
	#post-5838 header.entry-header {display:none !important;}
	#post-5838 > div > div > div.wp-block-uagb-container.uagb-block-3cd4a0c2.alignfull.uagb-is-root-container {display:none !important;}	
	#post-5838 > div > div > div.wp-block-uagb-container.uagb-block-c54e7366.alignfull.uagb-is-root-container {display:none !important;}	
	#post-5838 > div > div > div.wp-block-uagb-container.uagb-block-3f017d95.alignwide.uagb-is-root-container {display:none !important;}
	
	#post-5838 > div > div > div.wp-block-uagb-container.uagb-block-25892593.alignfull.uagb-is-root-container {
		font-size: 14px !important;
		width: 800px;
		}
		
	#post-5838 .inherit-container-width.wp-block-group.alignfull.is-layout-constrained.wp-block-group-is-layout-constrained {
		column-count: 2;
		position: absolute;
		top: -50px;
		
	}	
	
	#post-5838 h2 {font-size: 14px !important;}

}