/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://lochburncapital.com/hello-elementor-child/
 Description:  Child theme for Hello Elementor
 Author:       Your Name
 Author URI:   https://lochburncapital.com/
 Template:     hello-elementor
 Version:      1.0.0
*/

/* Add your custom CSS below */
/* Default header style (before scroll) */

body.single-post .page-header{
    display: block;
    padding:5em;
}
body.single-post main{
    /*background: #F5F7FA;*/
    margin:0 5em;
    padding: 2em;
}
body.home .page-header{
    display: none;
}
.post-thumbnail img {
  width: 100%;
  border-radius: 12px;
  margin-bottom: 30px;
}

.entry-title {
  font-size: 2.2rem;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 10px;
}

.entry-meta {
  color: #888;
  font-size: 0.9rem;
  margin-bottom: 30px;
}

.entry-content {
  font-size: 1.1rem;
  line-height: 1.7;
}


/*================================*/


#site-footer{
    display: none;
}

#site-header.scrolled .site-branding img {
  width: 80%; /* Adjust size when scrolled */
  transition: width 0.3s ease; /* Smooth transition for resizing */
  margin-right: 10%;
}

#site-header {
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: transparent; /* Transparent initially */
padding: 20px 40px;
z-index: 1000;
transition: background-color 0.3s ease, padding 0.3s ease;
display: flex;
}

/* Header container */
.header-inner {
width: 100%;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between; /* Center menu */
transition: all 0.3s ease;
position: relative;
}

/* Hide the logo initially */
.site-branding.show-logo {
display: none !important;  
}
.site-navigation {
  flex-grow: 1; /* **Allow navigation to take up remaining space** */
  display: flex;
  justify-content: flex-end; /* **Align menu to the right** */
  align-items: center;
 
}
#site-header.scrolled .header-inner .site-navigation{
    margin-top: -4%;
    margin-left: 30%;
    padding-bottom: 2%;
    padding-top:2%;
    
}

#site-header.scrolled .header-inner .site-navigation.show ul.menu li a{
    font-size: 12px;
    padding:10px;
}

/* Navigation container */
.site-navigation.show {
display: flex;
align-items: flex-end;
}

/* Navigation menu */
.site-navigation.show ul.menu {
list-style: none;
display: flex;
gap: 30px;
margin: 0;
padding: 0;
}

/* Navigation links */
.site-navigation.show ul.menu li a {
font-family: 'Inter', sans-serif;
font-size: 16px;
font-weight: 500;
color: #ffffff;
text-decoration: none;
text-transform: uppercase;
transition: color 0.3s ease;
}

/* Hover effect */
.site-navigation.show ul.menu li a:hover {
color: #c4a45d; /* Gold hover color */
}

/* Scrolled header */
#site-header.scrolled {
position: fixed;
background-color: #101731 !important; /* Background color when scrolled */
padding: 10px 40px;
width: 100%; /* Ensure the header spans the full width */
top: 0;
left: 0;
}

/* Adjusting layout when scrolled */
#site-header.scrolled .header-inner {
display: flex;
align-items: center;
justify-content: space-between !important; /* Align logo and menu to the left */
}

/* Show logo when scrolled */
#site-header.scrolled .site-branding.show-logo {
display: flex !important;
align-items: center !important;
margin-right: auto; /* Push the menu to the right */
position: relative;
top: 20%;
}