/*
  Custom Overrides for the Website
  This file is loaded last to ensure these styles take priority.
*/

/*
  Applies a negative top margin to the main navigation container
  on screens that are 1368px wide or wider.
*/

 @media (min-width: 1180px) {
	.main-navigation-container {
		margin-top: -40px;
	}
	.main-navigation-container-search {
		margin-top: 10px;
	}
	
	.line-2 img {
        width: 250px; 
        height: auto; 
    }
	
	.logos_left .line-1 {
    font-size: 28px;  
    font-weight: bold;
    color: #333;      
    line-height: 1.2; 
    text-decoration: none;
	}

}


@media (max-width: 1180px) {
		
	.logos_left .line-1 {
    font-size: 18px;  
    font-weight: bold;
    color: #333;      
    line-height: 1.2; 
    text-decoration: none;
	}

}

@media (max-width: 768px) {
		
	.logos_left .line-1 {
    font-size: 9.5px;  
    font-weight: bold;
    color: #333;      
    line-height: 1.2; 
    text-decoration: none;
	}

}
/*
@media (max-width: 1267px) {
	
	.main-navigation-container {
		margin-top: 120px;
	}
	.main-navigation-container-search {
		margin-top: 10px;
	}
	
	.line-2 img {
        width: 250px; 
        height: auto; 
    }
	.logos_left .line-1 {
    font-size: 18px;  
    font-weight: bold;
    color: #333;      
    line-height: 1.2; 
    text-decoration: none; 
	}
	
}
*/

/*
@media (max-width: 1180px) {
    .logos_left .line-2 img {
        width: 1000px; 
        height: auto;  
    }
}
*/

/* In your custom.css file */
/* In your custom.css file */

/* custom.css */

/* 
  Make the right container (holding the menu) grow to fill
  all available empty space in the header.
*/
/* custom.css */

/* --- Header Layout for the Symposium --- */

/* 1. Make the main logos container use the full width */
.logos_container {
    width: 100%;
}

/* 2. Style the new text title to make it look good */
/*
.logos_left .line-1 {
    font-size: 28px;      
    font-weight: bold; 
    color: #333;       
    line-height: 1.2;  
    text-decoration: none;
}

/* 3. Center the right container that holds the menu */
/*
.logos_right {
    flex-grow: 1; 
    display: flex;
    justify-content: center; 
    align-items: center;     
}
*/

/* 4. Ensure the menu container itself is ready for centering */

/*.main-navigation-container {*/
/*    width: auto; */
/*}*/

/* custom.css */

/* --- Force Center Alignment for the Menu --- */
/* Add this if the first solution doesn't work by itself */

/*
.main-navigation-container {
    display: flex;
    justify-content: center !important;
    
    
    float: none; 
    margin-left: 0;
    text-align: center;
}
*/

/* custom.css */

/* --- Center the Main Navigation Menu --- */

/* 1. Make the right-side container (which holds the menu) grow 
      to fill all the empty space in the middle of the header. */

.line-3 {
    flex-grow: 1;
}

/* 2. Target the menu's direct container and use flexbox to center it. */

.line-3 .main-navigation-container1 .navigation1 {
    display: flex;
    justify-content: center; 
    width: 100%;             
	  
    justify-content: center !important;
    
    
    float: none; 
    margin-left: 0;
    text-align: center;
}

/* custom.css */

/*
=====================================================
  FORCE CENTER ALIGNMENT FOR THE MAIN NAVIGATION
=====================================================
  This block is designed to override any existing
  right-alignment rules from the original theme.
*/

/* 1. Target the right-side container to make it a centering box */





/* You can add any other custom styles you need in this file later! */