/*
Theme Name: Astra Child
Theme URI: https://example.com/astra-child
Description: A custom child theme of Phlox, created by Inaam ul Haq. This theme extends Phlox with custom dynamic features for contact info and site settings integration with Elementor Pro.
Author: Inaam ul Haq
Author URI: https://example.com
Template: astra
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Tags: elementor, child theme, responsive, lightweight
*/

h1, h2, h3, h4, h5, h6 {
    color: var(--e-global-color-primary);
    font-family: var(--e-global-typography-primary-font-family), Sans-serif !important;
    font-weight: var(--e-global-typography-primary-font-weight) !important;
    text-transform: var(--e-global-typography-primary-text-transform) !important;
}

::selection {
  background-color: var(--e-global-color-primary);
  color: #fff; /* or any text color that contrasts well */
}

::-moz-selection {
  background-color: var(--e-global-color-primary);
  color: #fff;
}

.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1200px !important;
}

p{
  margin-bottom: 0px;
}

.footer_contact ul li span a{
    color: var(--e-global-color-secondary);
}

/*a {*/
/*    color: var(--e-global-color-secondary);*/
/*}*/

/*a:hover{*/
/*    color: var(--e-global-color-secondary);*/
/*}*/

.top_header,
.top_header * {
    color: var(--e-global-color-secondary);
}

.aux-arrow-nav:hover{
    background-color: var(--e-global-color-primary) !important;
    color: var(--e-global-color-secondary) !important;
}

#site-footer{
    background: var(--e-global-color-primary);
    color: var(--e-global-color-secondary); 
    padding:15px 0; 
    text-align:center;
    font-size: 12px;
}

#site-footer a{
    color: var(--e-global-color-secondary); 
}

#site-footer p{
    margin: 0;
}

.footer_menu nav ul li a {
    position: relative;
    display: inline-block;
    padding-left: 0;
    transition: all 0.3s ease;
}

.footer_menu nav ul li a {
    border-bottom: 1px solid var(--e-global-color-text)  !important;
    font-weight: 300;
}

.footer_menu nav ul li a:hover {
    border-bottom: 1px solid var(--e-global-color-secondary) !important;
}

.breadcrumb a, .breadcrumb span {
    color: var(--e-global-color-secondary) !important;
}

.ast-separate-container {
    background-color: white;
}

.inaam-hostel-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 10px;
}
.inaam-hostel-gallery img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 8px;
  transition: 0.3s ease;
}
.inaam-hostel-gallery img:hover {
  transform: scale(1.03);
}