/* Description */
#main { padding: 128px 0 0; }
main > p { margin: 0 auto 65px; width: 600px; max-width: 100%; line-height: 1.5; text-align: center; }
main > div { margin: 0 0 60px; }

/* Committees */
#committees > section { display: flex; flex-wrap: wrap; gap: 40px; }
#committees a { width: calc( ( 100% - 80px ) / 3 ); box-shadow: 0 0 9px 1px #00000042; border-radius: 10px; position: relative; overflow: hidden; transition: all .4s; border-bottom: 3px solid transparent; background: #fff; }
#committees a:hover { transform: translateY( -10px ); border-color: #0098ce; }
#committees figure { position: relative; }
#committees figure:before { content: ' '; display: block; opacity: 0; transition: all .4s; background: #0098ce; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }
#committees figure:after { content: 'Discover'; display: block; opacity: 0; transition: all .4s; position: absolute; left: 50%; top: 50%; z-index: 2; color: #fff; font-weight: 700; font-size: 16pt; transform: translate( -50%, -50% ); }
#committees a:hover figure:before { opacity: .7; }
#committees a:hover figure:after { opacity: 1; }
#committees small { display: block; transition: all .4s; font-size: 9pt; color: #FFF; background: #0098ce; position: absolute; top: 0; right: 0; border-top-right-radius: 7px; border-bottom-left-radius: 7px; float: none; padding: 3px 8px; z-index: 3; }
#committees a:hover small { background: #e6e6e6; color: #0098ce; }
#committees img { display: block; }
#committees h3 { margin: 0 0 10px; font-size: 16pt; letter-spacing: 0; }
#committees h3 + span { display: block; margin: 0 0 7px; font-size: 11pt; font-weight: 600; }
#committees a > div { padding: 34px 17px 12px; }
#committees a > figure + div { padding: 12px 17px; }
.chairman { display: flex; gap: 10px; padding: 0; align-items: start; color: #636363; }
.chairman img { width: 47px; }
.chairman h4 { margin: 0; }
.chairman p { margin: 0; font-size: 10pt; letter-spacing: -.5px; }

/* Meetings */
#meetings section:after { content: ' '; display: block; position: absolute; top: 0; bottom: 0; right: 0; z-index: 12; width: 80px; background: linear-gradient( to right, transparent 0%, rgba( 255, 255, 255, .6 ) 50%, #FFF 100% ); }
#meetings > section, #meetings .tns-slider { display: flex; gap: 44px; }
#meetings > section > div, #meetings .owl-item { box-sizing: border-box; text-align: left; background: #fff; width: 343px; }
#meetings > section div div, #meetings .owl-item div { padding: 16px; }
#meetings figure { position: relative; display: block; border-radius: 10px; overflow: hidden; width: 343px; max-width: 100%; aspect-ratio: 1.55909; background: linear-gradient( 90deg, #e0e0e0 25%, #f0f0f0 50%, #e0e0e0 75% ) 200% 0/200% 100%; animation: image-loading 1.5s infinite; }
@keyframes image-loading { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
#meetings img { display: block; box-shadow: 0 0 9px #d9d9d9; }
#meetings aside { position: absolute; top: 0; right: 0; left: 0; bottom: 0; border-radius: 10px / 10px; opacity: 0; transition: all .4s; background: rgba( 0, 152, 206, .82 ); z-index: 2; }
#meetings > section > div:hover aside, #meetings .owl-item:hover aside { opacity: 1; }
#meetings h3 { margin: 0 0 10px; font-size: 15pt; letter-spacing: .5px; }
#meetings aside a { position: absolute; top: 50%; left: 50%; transform: translate( -50%, -50% ); width: max-content; max-width: 90%; color: #0098ce; background: #fff; }
.date, .time, .address { position: relative; padding: 0 0 0 19px; font-size: 11pt; display: inline-block; vertical-align: bottom; }
.date:after { width: max-content; width: -webkit-max-content; content: 'Add to your calendar'; height: 0; position: absolute; z-index: 2; top: 0; bottom: 0; left: 19px; transition: all .4s; background: #FFF; overflow: hidden; cursor: pointer; color: #0098ce; }
#meetings > section > div:hover .date:after, #meetings .owl-item:hover .date:after, .date:hover:after { height: 100%; }
.time { margin: 0 0 0 12px; }
#meetings section > div:hover .time, #meetings .owl-item:hover .time, .date:hover + .time { opacity: 0; }
.address { display: block; margin: 8px 0 0; font-style: normal; }