/* Main */
header { box-shadow: 0 0 24px 0 #ffffffb0; background: #ffffff63; }
#main { background: no-repeat url( '../../images/pages/gala-dinner/bg/main.jpg' ) center bottom/cover; padding: 128px 0 0; }
#headline span { color: #FFF; text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 4px #000; }
#headline strong { text-shadow: 0 0 3px #fff, 0 0 3px #fff, 0 0 4px #dddcdc; }
#main section { margin: 0 auto 135px; width: 650px; background: #FFF; border-radius: 20px; max-width: 60%; padding: 35px 30px; box-sizing: border-box; text-align: center; box-shadow: 0 5px 20px 5px #00000047; font-weight: 700; }
#main section h2 { color: #0098ce; margin: 0 0 20px; line-height: .9; }
#main section time { display: block; font-size: 17pt; color: #0f165f; }
#main section address { display: block; font-style: normal; color: #0f165f; line-height: 1.6; letter-spacing: .25px; font-size: 13pt; margin: 9px 0; }
#main section big { display: block; text-transform: uppercase; font-size: 0; margin: 0 -18px; padding: 7px 0 0; }
#main section div { display: inline-block; vertical-align: bottom; font-size: 23pt; position: relative; color: #0098ce; margin: 0 18px; }
#main section div:not( :last-of-type ):before, #main section div:not( :last-of-type ):after { content: ' '; display: block; width: 5px; height: 5px; background: #b4b4b4; position: absolute; top: 8px; right: -20px; }
#main section div:not( :last-of-type ):after { top: 24px; }
#main section small { display: block; color: #0f165f; letter-spacing: .25px; font-size: 13pt; margin: 6px 0 0; }
#main section a { margin: 24px 0 0; }
.container.text { padding: 0 0 60px; }

/* Sponsors */
#sponsors { background: #f6f8fb; padding: 52px 0 15px; text-align: center; }
#sponsors .container { width: 910px; }
#sponsors section { margin: 0 -11.5px; }
#sponsors h3 { text-align: left; word-spacing: 200px; min-height: 60px; padding: 0 0 0 84px; position: relative; width: 210px; margin: 14px auto 30px; }
#sponsors h3:before { content: ' '; display: block; position: absolute; top: 0; left: 0; border-radius: 50%; width: 60px; height: 60px; line-height: 60px; background: no-repeat url( '../../images/pages/gala-dinner/icons/contributing.png' ) #0098ce center; color: #FFF; }
#sponsors h3.platinum:before { background-color: #e5e4e2; background: no-repeat center url( '../../images/pages/gala-dinner/icons/platinum.png' ), linear-gradient( 180deg, rgb( 201 201 201 / 79% ) 0%, #f5f0f0 50%, rgb( 201 201 201 / 79% ) 100% ); }
#sponsors h3.gold:before { background: no-repeat url( '../../images/pages/gala-dinner/icons/gold.png' ) #ffd700 center; }
#sponsors h3.silver:before { background: no-repeat url( '../../images/pages/gala-dinner/icons/silver.png' ) #c0c0c0 center; }
#sponsors h3.bronze:before { background: no-repeat url( '../../images/pages/gala-dinner/icons/bronze.png' ) #cd7f32 center; }
#sponsors figure { display: inline-block; vertical-align: middle; margin: 0 11.5px 43px; width: calc( ( 100% - 115px ) / 5 ); height: 100px; line-height: 100px; }
#sponsors img { display: inline-block; vertical-align: middle; max-height: 100%; max-width: 165px; margin: auto; }

/* Past events */
#past-events { padding: 95px 0 125px; text-align: center; background: no-repeat url( '../../images/pages/gala-dinner/bg/past-events.jpg' ) #FFF center top/cover; font-size: 0; }
#past-events h2 { color: #FFF; }
#past-events .container > div { display: inline-block; vertical-align: top; background: #FFF; border-radius: 10px/10px; padding: 0 0 24px; margin: 0 24px; width: calc( ( 100% - 70px ) / 3 ); box-sizing: border-box; }
#past-events figure { position: relative; }
#past-events .container > div img, #past-events .container > div iframe { border-top-left-radius: 10px; border-top-right-radius: 10px; display: block; width: 100%; height: 220px; }
#past-events aside { position: absolute; top: 0; right: 0; left: 0; bottom: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; opacity: 0; transition: all .4s; background: rgba( 0, 152, 206, .92 ); z-index: 2; }
#past-events .container > div:hover aside { opacity: 1; }
#past-events figure div { position: absolute; top: 50%; transform: translateY( -50% ); left: 0; right: 0; font-size: 0; text-align: center; }
#past-events .button { padding: 0 17px; border: 0; background: #FFF; color: #0098ce; line-height: 35px; height: 35px; margin: 0 10px; }
#past-events h3 { margin: 20px 0 10px; font-size: 15pt; letter-spacing: .5px; }
.address { position: relative; padding: 0 0 0 19px; font-size: 11pt; display: inline-block; vertical-align: bottom; }
.time { margin: 0 0 0 12px; }
.address { display: block; margin: 8px auto 0; font-style: normal; width: max-content; width: -webkit-max-content; }
.address:before { content: '\e803'; font: 10pt/1 'ssa', sans-serif; display: block; position: absolute; left: 3px; top: 2px; }
.address a:hover { color: #0098ce; }
.description { display: none; }

/* View more popup */
#popup form#view { padding: 20px 0 0; }
#view h3 { margin: 0 15px 17px; letter-spacing: .5px; }
#view > img, #view > iframe { display: block; margin: 0 0 13px; width: 100%; }
#view > iframe { height: 260px; }
#view .date, #view .time, #view .address { color: #090071; }
#view .address { width: max-content; width: -webkit-max-content; margin: 4px auto 0; }
#view section { padding: 15px; line-height: 1.4; }
#view section > *:last-of-type { margin-bottom: 0; }

/* Assistance */
#assistance { background: no-repeat url( '../../images/pages/gala-dinner/bg/assistance.jpg' ) center/cover; text-align: center; color: #FFF; padding: 72px 15px; }
#assistance h2 { color: #FFF; margin: 0 0 20px; }
#assistance p { width: 520px; margin: 0 auto 28px; letter-spacing: 1.25px; font-size: 11pt; line-height: 1.7; max-width: 100%; }
#assistance > a { margin: 0 10px; }
#assistance [href^="tel:"]:before { content: '\e801'; display: inline-block; vertical-align: middle; margin: 0 6px 0 0; font: 12pt 'ssa'; }
#assistance [href^="mailto:"]:before { content: '\e802'; display: inline-block; vertical-align: middle; margin: 0 6px 0 0; font: 13pt 'ssa'; }