/*
Theme Name:   Burke Electric Astra Childtheme
Theme URI:    https://yourwebsite.com/be-astra-child/
Description:  Burke Electric's Amazing Astra Childtheme
Author:       Heidi Productions
Author URI:   https://heidiproductions.com/
Version:      1.0.0
Template:     astra
*/

/***********************************************
INDEX (list of sections)
************************************************
1. Testing Area
2. Resets
3. Typography
4. Colors
5. Universal Styles (theme 'typography, page background color, etc...' overrides.)
6. Buttons
7. Header
8. Navigation
9. Footer Content
10. Gravity Forms Stuff
11. Woo Commerce Stuff
12. ID's (General)
13. Class's (General)
14. Responsive code below here


************************************************************************************************/ 

/***********************************************
************************************************
1. Testing Area
************************************************
***********************************************/
/* Preload your large background image */
/*link[rel="preload"][href*="TextGradBG-scaled.png"] {
    as: image;
    fetchpriority: high;
}*/
.ast-single-post .entry-content a, .ast-comment-content a:not(.ast-comment-edit-reply-wrap a) {
    text-decoration: none;
}

#heidi-hero-banner .white-overlay {
    animation: whiteOut 1s 1s forwards;
}

#heidi-hero-banner .red-overlay {
    transform: translateX(-100%);
    animation: wipeIn 1s forwards, wipeOut 1s 2s forwards;
}

@keyframes wipeIn {
    from { transform: translateX(-100%); }
    to { transform: translateX(0); }
}

@keyframes wipeOut {
    from { transform: translateX(0); }
    to { transform: translateX(100%); }
}

@keyframes whiteOut {
    from { transform: translateX(0); }
    to { transform: translateX(100%); }
}




.sitelogoadj{
	height:38px;
	width:auto;
}
#footerlogocenter {
	margin:0 auto !important;
	text-align:center !important;
}
.testing123 {background-color:red;
color:red;}

/***********************************************
************************************************
3. Typography
************************************************
***********************************************/

 .michroma{
    font-family: 'Michroma', sans-serif !important;
	font-weight: 400 !important;
	 color:white;
	 font-size: 3em;
}

.imgcaption {
    text-transform: uppercase !important;
    font-size: .7em !important;
    color: #c1c1c1!important;
    font-family: 'Michroma', sans-serif !important;
    text-align: center;
}

/***********************************************
************************************************
4. Colors
************************************************
***********************************************/

.burkered {color:#d32027 !important;}


/***********************************************
************************************************
7. Header Stuff
************************************************
***********************************************


/***********************************************
************************************************
9. Footer
************************************************
***********************************************/

.footerlineheight {
	line-height:1.0em !important;
	margin: 0px !important;
}

.burke-custom-footer {
  text-align: center;
  padding: 0px 20px 10px;
  max-width: 1200px;
  margin: 0 auto;
}

.footer-top-section {
  margin-bottom: 20px;
}

.footer-logo img {
  max-width: 240px;
  height: auto;
  margin-bottom: 25px;
}

.footer-contact-row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 50px; /* space between contact blocks */
}

.contact-block {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contact-label {
  font-size: 1.1em;
  margin-bottom: 10px;
  white-space: nowrap;
  color: #c1c1c1;
}

.contact-block a img {
  width: 32px;
  height: 32px;
  transition: transform 0.25s ease;
}

.contact-block a:hover img {
  transform: scale(1.12);
}

.footer-copyright {
  font-size: 14px;
  opacity: 0.85;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid rgba(255,255,255,0.15);
}

/* Mobile: stack contacts vertically if screen is small */
@media (max-width: 768px) {
  .footer-contact-row {
    flex-direction: column;
    gap: 30px;
  }
  
  .footer-logo img {
    max-width: 200px;
  }
  
  .contact-block img {
    width: 42px;
    height: 42px;
  }
}
	/* Center logo in HTML 1 widget */
.ast-footer-html-1,          /* Astra often uses this class for first HTML element */
.ast-builder-html-element-1, /* or this variant */
.footer-logo-wrap,           /* if you added a wrapper class earlier */
html .ast-footer-html-1 div { 
  text-align: center !important;
}

.ast-footer-html-1 img,
.ast-builder-html-element-1 img {
  display: inline-block;     /* ensures it respects text-align */
  max-width: 240px;          /* optional: control size */
  height: auto;
}