/* Click-to-load Google Maps and YouTube. The map loads only after a click, so Google gets
   nothing before that. Same size as the iframe it stands in for. */
.ali-map{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;min-height:400px;height:100%;padding:32px;background:var(--e-global-color-vamtam_accent_5,#f3f0ea);text-align:center}
.ali-map iframe{display:block;width:100%;height:100%;min-height:400px;border:0}
.ali-map--loaded{padding:0;display:block}
.ali-map__box{max-width:420px}
.ali-map .ali-map__note{margin:20px 0 0;font-size:14px;line-height:1.6;color:var(--e-global-color-faf2f7e,#3F4D82)}
.ali-map__note a{text-decoration:underline}
.ali-map .ali-map__btn{cursor:pointer;border:1px solid var(--e-global-color-faf2f7e,#3F4D82);border-radius:0;background:var(--e-global-color-faf2f7e,#3F4D82);color:#fff;font:inherit;font-size:16px;line-height:1.2;letter-spacing:0;text-transform:none;padding:14px 24px;box-shadow:none}
.ali-map .ali-map__btn:hover,.ali-map .ali-map__btn:focus-visible{background:transparent;color:var(--e-global-color-faf2f7e,#3F4D82)}
@media(max-width:767px){.ali-map{min-height:350px;height:350px;padding:24px}.ali-map iframe{min-height:350px;height:350px}}

/* YouTube video: 16:9 box. In the course pages it fills the .video box. */
.ali-map--video{min-height:0;height:auto;aspect-ratio:16/9;width:100%;max-width:560px;margin:0 auto}
.ali-map--video iframe{min-height:0;height:100%}
.ali-course .video .ali-map--video{position:absolute;inset:0;aspect-ratio:auto;max-width:none;height:100%}
@media(max-width:767px){.ali-map--video{min-height:0;height:auto;padding:16px}.ali-map--video iframe{min-height:0;height:100%}.ali-course .video .ali-map--video{height:100%}}