/*
Theme Name:   Medilink Child
Theme URI:    https://radiustheme.com/demo/wordpress/medilink
Description:  Child theme for Medilink. Created so that customisations survive parent theme updates. Add all custom CSS and template overrides here, never in the parent theme.
Author:       AITS
Author URI:   https://www.aits.com.au
Template:     medilink
Version:      1.0.3
Text Domain:  medilink-child
*/

/* ------------------------------------------------------------------
   Homepage hero — MetaSlider #3809
   Reproduces the original LayerSlider hero (slider id 9) removed for
   PHP 8 compatibility. Geometry taken from the 2025-01-25 archive
   capture: full-bleed, 720px tall on a 1280 design canvas, background
   cover-cropped, title Roboto 900 48/60 at 236,366 and button #396cf0
   at 243,501. Below 1280px everything scales linearly, as LayerSlider
   did (responsiveUnder: 1280).
   ------------------------------------------------------------------ */

#metaslider-id-3809,
#metaslider-id-3809 #metaslider_container_3809,
#metaslider-id-3809 .flexslider,
#metaslider-id-3809 .flex-viewport,
#metaslider-id-3809 .slides,
#metaslider-id-3809 .slides > li {
	height: 720px !important;
	max-height: none !important;
}

#metaslider-id-3809 .slides > li { position: relative; }

#metaslider-id-3809 .slides > li img {
	width: 100% !important;
	height: 720px !important;
	object-fit: cover !important;
	object-position: 50% 50% !important;
	display: block;
	max-width: none !important;
}

/* MetaSlider ships a black caption bar; the original had none. */
#metaslider-id-3809 .caption-wrap {
	position: absolute !important;
	top: 0 !important;
	right: auto !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
	background: none !important;
	opacity: 1 !important;
	margin: 0 !important;
	padding: 0 !important;
	pointer-events: none;
}
#metaslider-id-3809 .caption { padding: 0 !important; height: 100%; }

#metaslider-id-3809 .hc-hero-caption {
	position: relative;
	width: 1280px;
	max-width: 100%;
	height: 100%;
	margin: 0 auto;
}

#metaslider-id-3809 .hc-hero-title {
	position: absolute;
	left: 18.4375%;
	top: 50.83%;
	width: auto;
	white-space: nowrap;
	margin: 0;
	padding: 0;
	font-family: Roboto, sans-serif;
	font-size: 48px;
	font-weight: 900;
	line-height: 60px;
	color: #ffffff;
	text-align: left;
}

#metaslider-id-3809 .hc-hero-btn {
	position: absolute;
	left: 18.984%;
	top: 69.58%;
	display: inline-block;
	pointer-events: auto;
	padding: 18px 30px;
	border-radius: 4px;
	background-color: #396cf0;
	color: #ffffff !important;
	font-family: Roboto, sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 18px;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .3s ease;
}
#metaslider-id-3809 .hc-hero-btn:hover,
#metaslider-id-3809 .hc-hero-btn:focus { background-color: #2055e4; color: #ffffff !important; }

/* The original hero had no arrows or dots. */
#metaslider-id-3809 .flex-direction-nav,
#metaslider-id-3809 .flex-control-nav { display: none !important; }

@media (max-width: 1279px) {
	#metaslider-id-3809,
	#metaslider-id-3809 #metaslider_container_3809,
	#metaslider-id-3809 .flexslider,
	#metaslider-id-3809 .flex-viewport,
	#metaslider-id-3809 .slides,
	#metaslider-id-3809 .slides > li,
	#metaslider-id-3809 .slides > li img {
		height: 56.25vw !important;
	}
	#metaslider-id-3809 .hc-hero-title { font-size: 3.75vw; line-height: 4.6875vw; }
	#metaslider-id-3809 .hc-hero-btn { padding: 1.40625vw 2.34375vw; font-size: 1.171875vw; line-height: 1.40625vw; border-radius: 0.3125vw; }
}

@media (max-width: 767px) {
	#metaslider-id-3809,
	#metaslider-id-3809 #metaslider_container_3809,
	#metaslider-id-3809 .flexslider,
	#metaslider-id-3809 .flex-viewport,
	#metaslider-id-3809 .slides,
	#metaslider-id-3809 .slides > li,
	#metaslider-id-3809 .slides > li img {
		height: 82vw !important;
		min-height: 320px;
		object-position: 68% 50% !important;
	}
	#metaslider-id-3809 .hc-hero-title { left: 6%; top: 32%; width: 68%; font-size: 24px; line-height: 32px; }
	#metaslider-id-3809 .hc-hero-btn { left: 6%; top: 70%; padding: 12px 22px; font-size: 13px; line-height: 16px; border-radius: 4px; }
}