/*
Theme Name: Flash Child
Template: flash
Description: Child theme for Flash (flygyro.com.au). header.php adds the Slider Revolution header slider.
Version: 1.0.0
Text Domain: flash-child
*/

/* Header slider (slider-1): reserve the full-width black box before Slider Revolution
   initialises, so the page does not show a narrow bar, then a jump, on first load.
   Ratios match the slider grid sizes (1100x425 desktop, 778x300 tablet, 430x175 mobile). */
.site-header sr7-module[data-alias="slider-1"] {
	display: block;
	width: 100%;
	aspect-ratio: 1100 / 425;
	background: #000;
	overflow: hidden;
}
@media (max-width: 1023px) { .site-header sr7-module[data-alias="slider-1"] { aspect-ratio: 778 / 300; } }
@media (max-width: 777px)  { .site-header sr7-module[data-alias="slider-1"] { aspect-ratio: 430 / 175; } }
/* Slider Revolution sets an inline height of 425px before it scales up, so also hold the final height. */
.site-header { container-type: inline-size; }
.site-header sr7-module[data-alias="slider-1"] { min-height: calc(100cqw * 425 / 1100); }
@media (max-width: 1023px) { .site-header sr7-module[data-alias="slider-1"] { min-height: calc(100cqw * 300 / 778); } }
@media (max-width: 777px)  { .site-header sr7-module[data-alias="slider-1"] { min-height: calc(100cqw * 175 / 430); } }