/*
 Theme Name:   HVAC 2023
 Theme URI:    https://outshine.io
 Description:  GP child theme
 Author:       Outshine Media LLC
 Author URI:   https://outshine.io
 Template:     generatepress
 Version:      0.1
*/


.one-container .site-content
 {
    padding: 0 40px;
}


/* Set default font for the body */
body {
    font-family: sans-serif;
    font-weight: 400; /* Normal weight for regular text */
}

/* Specific styles for headings to use weight 700 */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700; /* Bold weight for headings */
}


/* Heading styles with responsive adjustments */

h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700; /* Bold weight for major headings */
    font-size: 46px; /* Default size for desktop */
    margin-bottom: 20px; /* Adds space below the heading */
}

h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700; /* Bold weight for secondary headings */
    font-size: 28px; /* Default size for desktop */
    margin-bottom: 15px; /* Adds space below the heading */
}


.main-navigation .main-nav ul li a {
	padding-left: 0;
	font-weight: 700;
}






/* Responsive adjustments for tablets */
@media (max-width: 768px) {
    h1 {
        font-size: 30px; /* Slightly smaller on tablets */
    }
    h2 {
        font-size: 24px; /* Slightly smaller on tablets */
    }
}

/* Responsive adjustments for mobile phones */
@media (max-width: 480px) {
    h1 {
        font-size: 24px; /* Much smaller on mobile for better readability */
    }
    h2 {
        font-size: 20px; /* Adjusted for mobile screens */
    }
}


html, body {
    max-width: 100vw;
    overflow-x: hidden;
} 

.home .entry-content img {
    margin-bottom: 0; 
}

.footer-widgets a {
	color: #fff;
	text-decoration: none;
}


.footer-widgets a:hover {
	color: #add8e6;
	text-decoration: none;
}

.footer-widgets h3 {
	font-size: 22px;
	text-decoration: underline
}

/* Remove bullet points from the menu */
#menu-f1 ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#menu-f1 a {
	text-decoration: none;
}

/* Display menu items in line (inline) */
#menu-f1 li {
    display: inline-block;
    margin-right: 10px; /* Adjust this value to add spacing between menu items */
}

.menu-f1-container {
	padding-top: 10px
}

h3 a {
	text-decoration: none;
}


/* Dropdown items */
.wp-block-details summary {
	cursor: pointer;
	font-weight: 700;
	padding: 10px;
	background: #f5f5f5;
	margin: 5px;
}

.wp-block-details summary:hover {
	background: #BD1B1f;
	color: #fff;
}

.wp-block-details p {
	padding: 25px;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	max-width: 100px;
}

hr.wp-block-separator {
	border: none;
	border-top: 1px solid #eee;
	margin: 1.65em auto;
}


.footer-widgets .widget-title {
    position: relative; /* Needed to position the pseudo-element */
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 700;
}

.paging-navigation .nav-links .current {
	background: #C61B22;
	color: #fff;
	padding: 5px 10px;
}

.paging-navigation .nav-links a {
	padding: 5px 10px;
	text-decoration: none;
	background: #f5f5f5;
	margin: 5px;
}

.paging-navigation .nav-links a:hover {
	background: #C61B22;
	color: #fff;
}



/* top bar */
 
.cta-top a {
	text-decoration: none;
}


.entry-content img {
	margin-bottom: 15px;
}


/* Adds spacing above service headings in homepage sections for better visual hierarchy and readability */
.home-services h3 {
   padding-top: 20px;
}

.sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2)!important;
    transform: translateY(-5px);
    transition: box-shadow 0.2s ease-in-out;
    z-index: 100;
}
@media (min-width: 769px) {
	
	
.menu-btn a {
  background-color: #226094;
  color: #ffffff!important;
  padding: 0 20px!important;
  border: none;
  border-radius: 50px;
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
	    text-transform: uppercase;       
    letter-spacing: 1px;             

}

.menu-btn a:hover {
  background-color: #1b4e78; /* Slightly darker for hover effect */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
  cursor: pointer;
	  border-radius: 50px;
}

.menu-btn a:focus {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}
}