/*
Theme Name:  Working Holiday Canada (Astra child)
Template:    astra
*/


/* Header */
.ast-builder-menu-2 {
	  z-index: 999;
    margin-top: 0.5rem;
    margin-bottom: -0.5rem;
}
.ast-above-header-wrap {
	background-color: white;	
}

#ast-desktop-header > .ast-above-header-wrap  {
	margin-bottom: -3rem;
	margin-top: 2rem;
}

#ast-desktop-header, .ast-builder-menu-1 {
	margin-bottom: -3.5rem!important;
	margin-top: -0.85rem;
}

/** MENU */

.main-header-menu .menu-link, .main-header-menu>a {
    padding: 0 0.5em;
}

/* Main container shift */
#menu-destinations {
    margin-top: -20px;
}

/* Subtext styling and layout */
#menu-destinations .menu-subtext {
    display: block !important;
    font-size: 11px;
    line-height: 1.2;
    margin-top: -0.75rem;
	margin-bottom: 0.25rem;
}

/* Logo sizing */
#menu-destinations .menu-logo {
    height: 16px !important;
    width: auto !important;
}

@media only screen and (min-width: 992px) {
	#menu-destinations {
		margin-top: -15px;
	}
	#menu-destinations .menu-subtext {
		margin-top: -35px;
	}
}




/** PROMO BANNER AIRCANADA */

/* Banner container */
.lc-banner-promo-air-canada {
    padding: 0;
    z-index: 999;
    margin-top: 8rem !important;
    background-color: #F5C400;
    position: absolute;              /* needed for absolute positioning */
	opacity: 0;
    visibility: hidden;
    transition: opacity 0.6s ease;
	width: 100%;
}
body.home .lc-banner-promo-air-canada {
	position: relative;  
    margin-top: 4rem !important;
}
/* When visible */
.lc-banner-promo-air-canada.lc-show {
    opacity: 1;
    visibility: visible;
}

/* Close button */
.lc-banner-close-btn {
    position: absolute !important;   /* take it out of normal flow */
    top: 5px;                        /* vertical position inside banner */
    right: 12px;                     /* horizontal position */
    background: transparent !important;
    border: none;
    padding: 0;
    width: auto !important;          /* IMPORTANT: don't occupy width */
    min-width: 0 !important;
    height: auto;
    font-size: 20px;
    cursor: pointer;
    color: #000;                     /* or #fff if you prefer */
    opacity: 0.8;
    line-height: 1;
    transition: opacity 0.2s ease;
    z-index: 1000;
}

.lc-banner-close-btn:hover {
    opacity: 1;
}

/* Remove extra margin on text */
.lc-banner-promo-air-canada p {
    margin: 0;
}

@media only screen and (max-width: 576px) {
	.lc-banner-promo-air-canada p {
		font-size: 0.82rem!important;
	}
			
}

@media only screen and (max-width: 768px) {

    .site-header {
    z-index: 99;
    position: relative!important;
    left: 0;
    right: 0;
}

    /* Home page special case */
    body.home .lc-banner-promo-air-canada {
        margin-top: 0 !important;
    }
	
	/* Default mobile behavior */
    .lc-banner-promo-air-canada {
        position: relative !important;
        margin-top: 0rem !important;
    }

    /* Adjust text */
    .lc-banner-promo-air-canada p { 
        font-size: smaller;
    }

    /* Close button position */
    .lc-banner-close-btn {
        top: -8px;
        right: 2px;
    }
}


/* Style for special menu button */
.menu-button {
    display: inline-block;
    background-color: #1B837C;  /* Change to your brand color */
    color: #ffffff !important;  /* Ensures text stays white */
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 600;
    transition: background-color 0.25s ease, color 0.25s ease;
    line-height: 1;
}

/* Hover effect */
.menu-button:hover {
    background-color: #1B837C;  /* Slightly darker */
    color: #ffffff !important;
}

/* For tablet and mobile */
@media only screen and (max-width: 768px) {
	.page-heading-block .uagb-heading-text { 
		margin-top: 5rem;
	}
}

#nav_menu-3 {
	text-align: left;
}
#menu-switcher-en-fr {
	display: inline-flex;
}
#menu-switcher-en-fr > li {
	margin: 1rem 
}

/*
body {
	background-color: #EBF9FAC2!important;
}
*/
.site-header .site-logo-img img.custom-logo,
.site-header .site-branding img.custom-logo {
  filter: none !important;
  -webkit-filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

.footer-widget-area section.widget_block.widget_text {
  margin-bottom: 0.5rem; /* or 0 if you prefer */
}



/* Home */
.lc-home-timeline .uagb-timeline-desc-content {
  font-size: 0.9rem !important;
}
.lc-home-feature-program {
	border-radius: 0.5em!important;
}
.lc-home-feature-program .uagb-inline-editing {
  color: #fff !important; /* white text */
}

/* Mobile responsive padding */
@media only screen and (max-width: 768px) {
    .lc-home-feature-program {
        padding: 0.5em !important;
    }
}

/* Round the image inside the feature box */
.lc-home-feature-program img {
    border-radius: 12px;
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

.lc-list-pro-highlights {
	margin-top: -20px!important;
}

section.widget_block {
	margin-bottom: 1em;
}

section.widget_text p {
	margin-bottom: 0;
}




/* JOB/PROGRAM REQUIREMENTS */

/* Flip container for mobile and tablet */
@media (max-width: 1024px) {
  .lc-program-requirements .uagb-container-inner-blocks-wrap {
    flex-direction: column-reverse !important;
  }
}



/* LTL Programs*/
@media only screen and (max-width: 768px) {
	
	.uagb-modal-popup-content {
		padding:0!important;
		max-width: 350px;
		max-height: 75vh;
	}
	.uagb-modal-popup-wrap {
		max-width: 350px!important;
	}
	.lc-ltl-modal-form {
		padding:0!important;	
	}
}