body { padding:0; margin:0; border:0; font-family:arial; font-size:14px; } ul, ol, p, form { padding:0; margin:0; } ul { list-style-type:none; } h1,h2,h3,h4,h5,h6 { font-size:100%; } .depth0 { padding-left:0; } .depth1 { padding-left:1em; } .depth2 { padding-left:2em; } .depth3 { padding-left:3em; } .depth4 { padding-left:4em; } .popup-menu .depth0 { padding-left:0; } .popup-menu .depth1 { padding-left:0; } .popup-menu .depth2 { padding-left:0; } .popup-menu .depth3 { padding-left:0; } .popup-menu .depth4 { padding-left:0; } #navigation .popup-menu .depth0 a { padding-left:11.0px; } #navigation .popup-menu .depth1 a { padding-left:22px; } #navigation .popup-menu .depth2 a { padding-left:33.0px; } #navigation .popup-menu .depth3 a { padding-left:44.0px; } #navigation .popup-menu .depth4 a { padding-left:55.0px; } #page .inner { overflow:auto; } #page > .inner { overflow:visible; } .full-bust { width:100vw; position:relative; left:50%; right:50%; margin-left:-50vw; margin-right:-50vw; } body { background-color:#FFFFFF; }.inner { max-width:1224px; }#topper { background-color:#FFFFFF; }#topper .inner { background-color:#ffffff; }#search { background-color:#FFFFFF; }#search .inner { background-color:#FFFFFF; }#header { background-color:#FFFFFF; }#header .inner { background-color:#ffffff; }#popdown { background-color:#FFFFFF; }#popdown .inner { background-color:#ffffff; }#navigation { background-color:#FFFFFF; }#navigation .inner { background-color:#142F40; }#page { background-color:#FFFFFF; }#page .inner { background-color:#ffffff; }#followup { background-color:#FFFFFF; }#followup .inner { background-color:#ffffff; }#footer { background-color:#142F40; }#footer .inner { background-color:#142F40; }#tailbar { background-color:#142F40; }#tailbar .inner { background-color:#142F40; }#base { background-color:#142F40; }#base .inner { background-color:#142F40; }#banner { background-color:#FFFFFF; }#banner .inner { background-color:##ffffff; }#footer-logos { background-color:#FFFFFF; }#footer-logos .inner { background-color:#ffffff; }#topper { color:#016096; }#topper a { color:#016096; }#footer { color:#FFFFFF; }#footer a { color:#FFFFFF; }#footer h2 { color:#DAB45C; }#footer h2 { font-size:16px; }#navigation { color:#FFFFFF; }#navigation a { color:#FFFFFF; }#navigation a:hover { color:#142F40; }#navigation .on a { color:#FFFFFF; }#tailbar { color:#000000; }#tailbar a { color:#0000ff; }#base { color:#FFFFFF; }#base a { color:#DAB45C; } #topper a { text-decoration:none; } #topper a:hover { text-decoration:underline; } #topper { text-align:right; overflow:auto; overflow:visible; } #topper .inner { padding:11.0px 22px; } #top-phone, #top-email, #top-subscribe, #top-search { float:left; margin-right:22px; } #popdown {} #popdown .inner { overflow:auto; } #tailbar a { text-decoration:none; } #tailbar a:hover { text-decoration:underline; } #tailbar { text-align:right; overflow:auto; } #tailbar .inner { padding:11.0px 22px; } #tail-phone, #tail-email, #tail-search { float:left; margin-right:22px; } #footer-logos .row { text-align:center; } #footer-logos .row img { vertical-align:middle; margin:22px 11.0px; display:inline-block; } #base a { text-decoration:none; } #base a:hover { text-decoration:underline; } #base { text-align:right; } #base .inner { padding:11.0px 22px; } #base-credit { float:left; } #base-phone, #base-email, #base-search { float:left; margin-right:22px; } .inner { margin:0 auto; box-sizing:border-box; } .inner { padding:22px; } #banner .inner { padding:0; }#top-right a { display:inline-block; margin-left:1em; }#top-social { margin-right:0.5em; float:left; text-align:left; }#top-social a { margin-right:0.75em; }#top-social a img { vertical-align:middle; } .ui-autocomplete-loading { background: white url('/images/spinner.gif') right center no-repeat; } #top-phone img { vertical-align:middle; } #top-email img { vertical-align:middle; } #top-subscribe img { vertical-align:middle; } #top-webcam { float:left;margin-right:1em; } #top-webcam img { vertical-align:middle;position:relative;top:-2px; } #top-search img { vertical-align:top; } .with-force #primary { width:75%; float:left; } .with-force #secondary { width:25%; float:right; } .trail { color:#2E2EFF; margin:0 0 22px 0; }.trail a { color:#2E2EFF; }.trail .sep { color:#2E2EFF; }.trail.pre { display:none; }@media screen and (max-width: 800px) { .trail.pre { display:block; } .trail.post { display:none; } }#paging { color:#2E2EFF; }#paging a { color:#2E2EFF; } #navigation ul {} #navigation li { display:inline; } #navigation .inner { padding:11.0px; } #navigation a { display:inline-block; padding:5.5px 11.0px; text-decoration:none; } #navigation li a { border-bottom:2px solid #142F40; }#navigation li.on a { border-bottom:2px solid #142F40; }#navigation li a:hover { border-bottom:2px solid #DAB45C; }#navigation { text-transform: uppercase; }#navigation .popup-menu { background-color:#FFFFFF; border-color:#FFFFFF; }#navigation .popup-menu { color:#142F40; }#navigation .popup-menu a { color:#142F40; }#navigation .popup-menu a:hover { background-color:#E8EEEC; }#navigation .popup-menu a:hover { color:#142F40; }#navigation .popup-menu li { border-bottom-color:#FFFFFF; }#navigation .popup-menu li.on a { color:#142F40; }#popdown .inner { padding:0; }#popdown .inner { background-color:#FFFFFF; }#popdown .popup-menu { background-color:#FFFFFF; border-color:#FFFFFF; overflow:auto; padding:22px; }#popdown .popup-menu { color:#142F40; }#popdown .popup-menu a { color:#142F40; }#popdown .popup-menu a:hover { background-color:#E8EEEC; }#popdown .popup-menu a:hover { color:#142F40; }#popdown .popup-menu li { border-bottom-color:#FFFFFF; }#popdown .popup-menu li.on a { color:#142F40; } .row { overflow:auto; } .chunk { } .chunk .inside { margin-right:11.0px; } .chunk:last-child .inside { margin-right:0; } .chunk.width-1 { width:33%; float:left; } .chunk.width-1:last-child { width:34%; float:left; } .chunk.width-1 .inside { margin-left:11.0px; margin-right:11.0px; } .chunk.width-1:first-child .inside { margin-left:0; } .chunk.width-1:last-child .inside { margin-right:0; } .chunk.width-2 { width:66%; float:left; } .chunk.width-2 .inside { margin-right:11.0px; } .chunk.width-3 { width:100%; } .chunk h2 { padding:11.0px; font-weight:normal; margin-bottom:0; } .chunk.width-3 .span-2 { width:66%; float:left; box-sizing:border-box; padding-right:11.0px; } .chunk.width-3 .span-1 { width:34%; float:left; box-sizing:border-box; padding-left:11.0px; } .chunk.width-3 .inside { margin-right:0; } .chunk.width-3 .span-2 .image {}.chunk.width-3 .span-1 .article { padding:11.0px 11.0px 11.0px 0; }.chunk .inside { background-color:#F6F7F5; } .chunk h2 { background-color:#E8EEEC; } .chunk h2 { color:#FFFFFF; } .chunk h3 { margin-top:0; }#homepage-message { padding:1em;margin:1em 0;border-radius:3px; background-color:#E8EEEC; color:#FFFFFF; }#homepage-message.content p { color:#FFFFFF; }.chunk { color:#142F40; } .chunk h3, .chunk h3 a { color:#142F40; } .chunk h3 a { text-decoration:none } .chunk h3 a:hover { text-decoration:underline } #crew a { text-decoration:none; color:#142F40; } #crew a:hover { text-decoration:underline } .chunk .image { position:relative; }.chunk .image img { width:100%; display:block; }.chunk .article { padding:11.0px; }.article.empty { text-align:center; margin:2em 2em 0 2em; padding-bottom:2em; }.chunk .date { background-color:#DAB45C; color:#142F40; position:absolute; right:0; bottom:0; text-align:center; padding:5.5px 11.0px; }.chunk .date .day { font-size:170%; }.chunk .date .month { text-transform:uppercase; }.chunk .no-image a { text-decoration:none; }.chunk .no-image a .date { position:static; right:auto; bottom:auto; padding:22px; }.chunk .no-image a .date .day { font-size:400%; }.chunk .no-image a .date .month { font-size:200%; }.chunk .more { text-align:right; }.chunk .more > a { display:inline-block; padding:5.5px 11.0px; background-color:#DAB45C; color:#142F40; text-transform:uppercase; text-decoration:none; }.chunk .more > a:hover { text-decoration:underline; }.chunk .more span { display:inline-block; padding:5.5px 11.0px; background-color:#E8EEEC; color:#FFFFFF; font-family:arial; }.chunk .more span a { color:#FFFFFF; text-decoration:none; } .spans { overflow:auto; } .width-2 .span-1:nth-child(2n+1) { width:50%; float:left; padding-right:11.0px; box-sizing:border-box; clear:both; } /* Left */ .width-2 .span-1:nth-child(2n) { width:50%; float:right; padding-left:11.0px; box-sizing:border-box; } /* Right */ .finder-box { border:1px solid #ddd; padding:1em; margin-bottom:1em; overflow:auto; color:#444; background:#eee; border-radius:2px; position:relative; } .finder-box > img, .finder-box .image { float:left; margin-right:1em; } a.link-button { background:#bbb; color:#222; padding:2px 6px; border-radius:5px; position:absolute; bottom:1em; right:1em; text-decoration:none; display:inline-block; cursor:pointer; } a.link-button:hover { background:#999; color:#000; text-decoration:none; } a.simple-link-button { background:#bbb; color:#222; padding:2px 6px; border-radius:5px; text-decoration:none; display:inline-block; cursor:pointer; } a.simple-link-button:hover { background:#999; color:#000; text-decoration:none; } @media screen and (max-width: 800px) { .finder-box { } .finder-box > img, .finder-box .image { float:none; width:100%; display:block; margin-bottom:0.5em; } a.link-button { position:static; margin-top:0.5em; } } ul.tags li { display:inline; } ul.tags a { display:inline-block; padding:0.25em 0.75em; border-radius:0.3em; background:#eee; margin:0 0.5em 0.5em 0; text-decoration:none; } ul.tags a:hover { background:#ddd; } ul.tags .on a { background:#444; color:white; } ul.tags .on a:hover { background:#111; } table.agenda { width:100%; border-collapse:collapse; } table.agenda td { padding:0.6em 0.7em; } table.agenda th { background:#dddddd; padding:0; } table.agenda th h2 { text-align:left; padding:1em; margin:0; } table.agenda th h2, table.agenda th h2 a { color:#0000ff; } xxx-table.agenda td .day-num { color:#142F40; } table.agenda .same td .day-name { opacity:0.4; } table.agenda .same td .day-num {} table.agenda tr:nth-child(even) td { background:#eee; } table.agenda tr:nth-child(odd) td { background:#fff; } table.agenda a { text-decoration:none; } table.agenda a:hover { text-decoration:underline; } .style-news h2, .style-event h2, .style-image h2, .style-weather h2, .style-social h2 { background-repeat:no-repeat; background-position:98% 50%; background-position: right 11.0px center; }.style-news h2 { background-image:url(/images/site/news.png); }.style-event h2.a { background-image:url(/images/site/events.png); }.style-event h2.b { background-image:url(/images/site/calendar.png); }.style-image h2 { background-image:url(/images/site/images.png); }.style-weather h2 { background-image:url(/images/site/weather.png); }.style-social h2 { background-image:url(/images/site/social.png); }#page-article.content h1.page-article,h1.portal { background:transparent; margin:0 0 11.0px 0; text-align:left; font-size:200%; padding:11.0px 0; color:#142F40; font-size:30px; font-weight:bold; letter-spacing:0; text-align:left; border-bottom:1px solid #DAB45C; }#page-article.content h1.page-article,h1.portal a {color:#016096; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { /* Retina-specific stuff here */ .style-news h2 { background-image:url(/images/site/news2x.png); background-size: 22px 22px; } .style-event h2.a { background-image:url(/images/site/events2x.png); background-size: 36px 22px; } .style-event h2.b { background-image:url(/images/site/calendar2x.png); background-size: 22px 22px; } .style-image h2 { background-image:url(/images/site/images2x.png); background-size: 29px 22px; } .style-weather h2 { background-image:url(/images/site/weather2x.png); background-size: 22px 22px; } .style-social h2 { background-image:url(/images/site/social2x.png); background-size: 22px 22px; } } #secondary { color:#444444; }#secondary a { color:#0000FF; text-decoration:none; }#secondary a:hover { color:#0088FF; text-decoration:underline; }#secondary .on a { color:#FF0000; font-weight:bold; } .with-force .inner { background-image:url(/images/site/sidebar-itop-E8E8E8.png); background-repeat:repeat-y; background-position:75% 0;} .with-force #primary { box-sizing:border-box; padding-right:22px; } .with-force #secondary { box-sizing:border-box; padding-left:22px; } .with-force #secondary { background:#E8E8E8; box-sizing:border-box; padding:22px; }#secondary ul li { margin-bottom:5.5px; } .content p { line-height:1.4em; margin:1.1em 0; } .content li { margin-bottom:0.2em; } .content ul, .content ol { margin-left:1.5em; margin-bottom:1.1em; } .content strong { font-weight:bold; } .content h1 { font-size:28px; } .content h1 { font-weight:600; } .content h1 { letter-spacing:0; } .content h1 { border-bottom:always solid #000; padding-bottom:0.25em; } .content h1 { border-bottom-color:#000000; } .content h2 { font-size:26px; } .content h2 { font-weight:600; } .content h2 { letter-spacing:0; } .content h2 { border-bottom:always solid #000; padding-bottom:0.25em; } .content h2 { border-bottom-color:#000000; } .content h3 { font-size:24px; } .content h3 { font-weight:500; } .content h3 { letter-spacing:0; } .content h3 { border-bottom:always solid #000; padding-bottom:0.25em; } .content h3 { border-bottom-color:#000000; } .content h4 { font-size:22px; } .content h4 { font-weight:500; } .content h4 { letter-spacing:0; } .content h4 { border-bottom:always solid #000; padding-bottom:0.25em; } .content h4 { border-bottom-color:#000000; } .content h5 { font-size:20px; } .content h5 { font-weight:normal; } .content h5 { letter-spacing:0; } .content h5 { border-bottom:always solid #000; padding-bottom:0.25em; } .content h5 { border-bottom-color:#000000; } .content h6 { font-size:18px; } .content h6 { font-weight:normal; } .content h6 { letter-spacing:0; } .content h6 { border-bottom:always solid #000; padding-bottom:0.25em; } .content h6 { border-bottom-color:#000000; } .content p, .content, .article p { font-weight:300; } .content p, .content, .article p { letter-spacing:0; } .content p, .content, .article p { border-bottom-color:#; } .content li { font-weight:300; } .content li { letter-spacing:0; } .content li { border-bottom-color:#; } .content a:not(.button) { font-weight:300; } .content a:not(.button) { letter-spacing:0; } .content a:not(.button) { border-bottom-color:#; } #groups { color:#; } #groups p { margin:0 0 1em 0; } #groups > div { border-bottom:1px solid #282828; padding-bottom:2em; margin:2em 0; } #groups .image span { width:110px; height:110px; border-radius:10px; padding:15px; background-color:#888; display:block; } #groups .image img { display:block; } #groups h2 { margin:0 0 11px 0; font-size:200%; padding:0 0 11px 0; color:#; font-size:26px; font-weight:300; } #groups h2 a { text-decoration:none; color:#; } #groups h2 a:hover { text-decoration:underline; } #groups > div { position:relative; min-height:160px; } #groups .image { position:absolute; } #groups .text { padding-left:160px; } ul#galleries h2, ul#galleries h2 a { color:#; } ul#galleries h2, ul#galleries h2 a { font-size:26px; } ul#galleries h2, ul#galleries h2 a { font-weight:600; } ul#galleries h2, ul#galleries h2 a { letter-spacing:0; } .content dl { font-weight:300; } .content dl { letter-spacing:0; } #secondary ul li.plain { display:block; float:none; clear:both; margin-left:0; } #success { background:#00FF00; color:#FFFFFF; } #problems { background:#FF0000; color:#FFFFFF; } #messages { background:#0000FF; color:#FFFFFF; } #success a { color:#0000FF; } #problems a { color:#0000FF; } #messages a { color:#BFF3A6; } #primary form p { margin-bottom:0.5em; } #primary form p label, #primary form p span.label { display:block; margin-bottom:0.1em; } #primary form p label em, #primary form p span.label em { font-size:11px; color:#888; } #primary form p input[type=text], #primary form p input[type=password] { box-sizing:border-box; width:100%; padding:0.5em; border-radius:0.25em; border:1px solid #ddd; font-size:15px; font-family:system-ui,sans-serif; } #primary form p textarea { box-sizing:border-box; width:100%; padding:0.5em; border-radius:0.25em; border:1px solid #ddd; height:6em; font-size:15px; font-family:system-ui,sans-serif; } #primary form h2 { border-bottom:1px solid #ccc; margin:0 0 1em 0; } #primary form input[type=submit], #primary form input[type=button], ul.gridded li a.button, .button { display:inline-block; border-style:none; background:#00CC00; color:#FFFFFF; border-radius:0.25em; padding:0.5em 1em; font-size:1.1em; margin:1em 0; text-decoration:none; line-height:1.2; } ul.gridded li > div:hover a.button { color:#FFFFFF; } #primary form input[type=submit].bad, #primary form input[type=button].bad, ul.gridded li a.button.bad, .button.bad { background:#FF0000; color:#FFFFFF; } ul.gridded li > div:hover a.button.bad { color:#FFFFFF; } #primary form input[type=submit].small, #primary form input[type=button].small, .button.small { padding:0.25em 0.5em; font-size:1em; } #primary form input[type=submit].green, #primary form input[type=button].green, .button.green { background:#00cc00; color:white; } #primary form { background:#eee; padding:1em; margin:1em 0; } #primary form hr { margin:1em 0; height:0; border-style:none; border-top:1px solid #ccc; } #primary table form { background:transparent; padding:0; margin:0; } #primary td form input[type=submit], #primary td form input[type=button], td .button { margin:0; padding:0.25em 0.5em; } #primary form input[type=submit].compact, #primary form input[type=button].compact, ul.gridded li a.button.compact, .button.compact { margin:0; } #primary form input[type=submit].disabled, #primary form input[type=button].disabled, ul.gridded li a.button.disabled, .button.disabled, ul.gridded li > div:hover a.button.disabled { opacity:0.5 } #primary form.style-contact { background:#EEEEEE;color:#000000; } #primary form.style-account { background:#EEEEEE;color:#000000; } #primary form.style-portal { background:#EEEEEE;color:#000000; } #primary form.style-manage { background:#EEEEEE;color:#000000; } #primary form.style-plain { background:transparent; padding:0; margin:0; } #primary form .style-contact { background:#EEEEEE;color:#000000; padding:1em; margin:1em 0; border-radius:5.5px; } #primary form .style-account { background:#EEEEEE;color:#000000; padding:1em; margin:1em 0; border-radius:5.5px; } #primary form .style-portal { background:#EEEEEE;color:#000000; padding:1em; margin:1em 0; border-radius:5.5px; } #primary form .style-manage { background:#EEEEEE;color:#000000; padding:1em; margin:1em 0; border-radius:5.5px; } #primary form input[type=submit].minus_q, #primary form input[type=submit].plus_q { background:#00FF00; color:#FFFFFF} #primary form input[type=submit].add-to-basket { background:#00FF00; color:#FFFFFF; border-width:0; } .button.step { background-color:#00CC00; color:#FFFFFF; }.button.step:hover { background-color:#00CC00; color:#FFFFFF; } #primary form.inline { margin:0; padding:0; display:inline; background:transparent; } #primary form.inline div { margin:0; padding:0; display:inline; } #primary form div.as-form { background:#eee; padding:1em; margin:1em 0; display:block; border-radius:5.5px; } ul.picker { margin:2em -1em 2em 0; } ul.picker li.typed, ul.picker li.typeSelector { display:block; float:left; width:25%; padding-right:1em; box-sizing:border-box; margin-bottom:1em; text-align:center; } ul.picker li.typeSelectorWide { clear:both; display:block; box-sizing:border-box; margin-bottom:1em; text-align:center; color:#888; font-style:italic; } ul.picker li.typeSelector:nth-child(4n+1), ul.picker li.typed:nth-child(4n+1) { clear:left; } @media screen and (max-width: 800px) { ul.picker li.typeSelector, ul.picker li.typed { width:33.3333%; } ul.picker li.typeSelector:nth-child(4n+1), ul.picker li.typed:nth-child(4n+1) { clear:none; } ul.picker li.typeSelector:nth-child(3n+1), ul.picker li.typed:nth-child(3n+1) { clear:left; } } @media screen and (max-width:600px) { ul.picker li.typeSelector, ul.picker li.typed { width:50%; } ul.picker li.typeSelector:nth-child(4n+1), ul.picker li.typed:nth-child(4n+1) { clear:none; } ul.picker li.typeSelector:nth-child(3n+1), ul.picker li.typed:nth-child(3n+1) { clear:none; } ul.picker li.typeSelector:nth-child(2n+1), ul.picker li.typed:nth-child(2n+1) { clear:left; } } @media screen and (max-width:400px) { ul.picker li.typeSelector, ul.picker li.typed { width:100%; float:none; text-align:left; } } ul.picker li a, ul.picker li span { display:block; padding:1em; background-color:#eee; border-radius:0.25em; text-decoration:none; } ul.picker li.with-flash a { padding-bottom:0.65em; } ul.picker li a:hover { background:#ddd; } ul.picker li.off { opacity:0.5; } ul.picker li.on a { background:#47d147; font-weight:bold; } ul.picker li.on a:hover { background:#2eb82e; } ul.picker.non-link li { display:inline-block; padding:1em; width:120px; background-color:#eee; border-radius:0.25em; margin:0 1em 1em 0; text-align:center; } ul.picker.non-link li:hover { background:#ddd; } ul.picker.non-link input { width:100%; box-sizing:border-box; padding:0.5em; } ul.picker { overflow:auto; } ul.picker em { font-weight:bold; font-style:normal; } ul.picker li.divider { float:none; margin-bottom:1em; clear:left; } ul.chunky {} ul.chunky li { display:block; float:left; width:50%; margin-bottom:1em; } ul.chunky li:nth-child(even) .wrap { background:#eee; padding:1em; margin-left:0.5em; } ul.chunky li:nth-child(odd) .wrap { background:#eee; padding:1em; margin-right:0.5em; clear:both; } ul.chunky li:nth-child(odd) { clear:both; } .menu .split { margin-top:1em; } #header img { display:block; } #header .inner { overflow:auto; text-align:center; } #header img#primary-logo { display:inline; max-width:100%; } #secondary-logo { float:right; display:block; margin-bottom:22px; } @media screen and (max-width:800px) { #header img#primary-logo { display:block; max-width:100%; margin:0 auto 1em auto; } #secondary-logo { float:none; display:block; max-width:100%; margin:1em auto 0 auto; } } #footer table { width:100%; font-size:90%; line-height:1.4em; } #footer table td { vertical-align:top; padding-right:22px; } #footer table td:last-child { padding-right:0; } #footer h2 { margin-top:0; font-weight:normal; border-bottom:1px solid rgba(255,255,255,0.5); padding-bottom:7.333333333333333px; margin-bottom:11.0px; } #footer p { margin-bottom:1em; } #footer a { text-decoration:none; } #footer a:hover { text-decoration:underline; } #footer { letter-spacing:0; } span.badge { display:inline-block; background:#eee; border-radius:1em; padding:0.25em 0.5em; margin-right:1em; } span.badge.rank-1 { background:gold; } span.badge.rank-2 { background:silver; } span.badge.rank-3 { background:#CD7F32; } #welcome-slides { position:relative; } #welcome-slides h3 { font-size: 125%; margin-top:0.75em; } .gallery li { float:left; width:33.3333%; text-align:center; margin-bottom:22px; box-sizing:border-box; } .gallery li.column0 { padding-right:14.666666666666666px; clear:left; } .gallery li.column1 { padding-left:7.333333333333333px; padding-right:7.333333333333333px; } .gallery li.column2 { padding-left:14.666666666666666px; } .gallery img { display:block; margin-bottom:11.0px; width:100%; } .gallery a { color:#888888; display:block; text-decoration:none; } .gallery a:hover { color:#333333; text-decoration:underline; } .gallery a {font-weight:100; letter-spacing:0; text-align:left; }#galleries h2, #galleries h2 a { clear:both;color:#000000 !important; font-weight:100 !important; letter-spacing:0 !important; text-align:left !important; }#galleries h2 a { text-decoration:underline !important; }#galleries h2 a:hover { text-decoration:underline !important; } .members { margin:22px -22px 22px 0; } .members li { width:20%; float:left; margin-bottom:22px; padding-right:22px; text-align:center; box-sizing:border-box; } .members li img { width:100%; max-width:100%; } .members { -ms-word-break:break-all; word-break:break-all; word-break:break-word; -webkit-hyphens:auto; -moz-hyphens:auto; hyphens:auto; } .members li { width:20%; float:left; margin-bottom:22px; padding-right:22px; text-align:center; box-sizing:border-box; } @media screen and (max-width: 800px) { .members li { width:25%; } } @media screen and (max-width: 600px) { .members li { width:33%; } } table.calendar { width:100%; border-collapse:collapse; border:1px solid #eee; } table.calendar td { width:14%;padding:0.25em;border-left:1px solid #eee;border-right:1px solid #eee; } table.calendar td.day-number { border:1px solid #eee; } p.paginator { margin:1em 0; } table.weather { width:100%; } table.weather .day { width:20%; } table.weather .icon { width:20%; } table.weather .temp { width:20%; } table.weather .wind { background-repeat:no-repeat; background-position:center;text-align:center;width:20%; } table.weather .uv { background-repeat:no-repeat; background-position:center; padding-top:5px;text-align:center;width:20%; } table.weather td { vertical-align:middle; } #weather-credit { color:#aaa; text-align:right; margin:1em; font-style:italic; } table.pretty { width:100%; border-collapse:collapse; } table.pretty tr {} table.pretty th, table.pretty td { border:1px solid #eee; padding:5.5px 11.0px; text-align:left; vertical-align:top; } #primary form table.pretty th, #primary form table.pretty td { border-color:#ddd; } #page table.pretty td, #page table.pretty th { border-color:#FFFFFF; }#page table.pretty thead td, #page table thead th { background-color:#FFFFFF; }#page table.pretty thead { color:#000000; }#page table.pretty thead a { color:#0000FF; }#page table.pretty tbody td { background-color:#FFFFFF; }#page table.pretty tbody { color:#000000; }#page table.pretty tbody a { color:#0000FF; }#page table.pretty tfoot td { background-color:#070080; }#page table.pretty tfoot { color:#000000; }#page table.pretty tfoot a { color:#0000FF; }#page table.pretty tbody a.button { color:white; }#page table.pretty tbody tr.group-begin td { border-top:1px solid #aaa; }#page table.pretty tbody tr:nth-child(odd) td { background-color:#F0F0F0; } #page .content table { width:100%; border-collapse:collapse; } #page .content table tr {} #page .content table th { border:1px solid #ddd; padding:0.25em 0.5em; text-align:left; } #page .content table td { border:1px solid #ddd; padding:0.25em 0.5em; } #header h1 { font-size:30px; margin:22px 0; } #page-article { background-color:#FFFFFF; color:#142F40; padding:11.0px; } #page-article { padding:0; } ul.list { color:#142F40; } ul.list li { margin-bottom:11.0px; background:#F6F7F5; overflow:auto; position:relative; } ul.list li.with-image { min-height:150px; } ul.list .image { position:absolute; left:0; top:0; } ul.list .image img { display:block; } ul.list .article { padding:11.0px; } ul.list li.with-image .article { padding:16.5px 16.5px 16.5px 211px; } ul.list h2, ul.list h2 a { color:#142F40; margin-top:0; } ul.list h3 {} ul.list.news li.with-image { min-height:225px; } ul.list.news li.with-image .article { padding-left:317px; } @media screen and (max-width: 800px) { ul.list .image { position:static; } ul.list .image img { width:100%; } ul.list li.with-image .article, ul.list.news li.with-image .article { padding-left:11.0px; } } #navigation li.burger { display:none; } #navigation li.non-burger { display:inline; } #navigation li.non-burger a { display:inline-block; } @media screen and (max-width: 800px) { #navigation li.burger { display:inline; } #navigation li.burger a { float:none; text-align:center; width:100%; box-sizing:border-box; } #navigation li.non-burger { display:none !important; } #navigation li.non-burger.show { display:inline !important; } #navigation li.non-burger.show a { display:block !important; } } .sticky { position:fixed; width:100%; left:0; top:0; z-index:100; border-top:0; }@media screen and (max-width: 800px) { .sticky { position:static; } } #top-search input { border:1px solid #ddd; padding:0.3em 0.25em 0.4em 0.25em; border-radius:0; position:relative; top:-2px; } #navigation .inner > ul { text-align:center; }#navigation .inner > ul > li { text-align:center; }#navigation ul ul { text-align:left; }p.empty { margin:2em; text-align:center; color:#888; } #pri { width:49%; float:left; } #sec { width:49%; float:right; } #ter { clear:both; margin-top:1em; } @media screen and (max-width:800px) { #pri { width:auto; float:none; margin:1em 0; } #sec { width:auto; float:none; margin:1em 0; } #ter { margin:1em 0; } } @media screen and (min-width:800px) { .wide { display:block; } .narrow { display:none; } } @media screen and (max-width:800px) { .wide { display:none; } .narrow { display:block; } } body { font-family:'Work Sans',sans-serif; } #topper { font-family:; } #tailbar { font-family:; } #header { font-family:; } #navigation { font-family:; } .trail { font-family:; } #page { font-family:; } #footer { font-family:; } #base { font-family:; } body { font-size:14px; } #navigation { font-size:15px; } #base { font-size:12px; } body { font-weight:normal; } #topper { font-weight:normal; } #header { font-weight:normal; } #navigation { font-weight:normal; } .trail { font-weight:normal; } #page { font-weight:normal; } #footer { font-weight:normal; } #base { font-weight:normal; } #module-promo { text-align:center; margin:4em; } ul.uix-grid { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:1em; margin:1em 0; } ul.uix-grid li { text-align:center; background:#eee; padding:0.5em; } ul.uix-grid img { width:100%; max-width:100%; } .uix-square { width:100%; background:#eee; } .uix-square:after { content:""; display:block; padding-bottom:100%; } /* Styling hints */ .uix-square { background-repeat:no-repeat; background-position:50% 50%; } .uix-square.uix--boat { background-image:url('/images/site/default-yacht.gif'); } .uix-labels { margin-top:0.5em; } .uix-labels p:nth-child(1) { font-size:110%; } .uix-labels p:nth-child(2) { color:#888; font-weight:bold; } @media screen and (max-width: 800px) { ul.uix-grid { grid-template-columns:1fr 1fr 1fr; } } @media screen and (max-width: 480px) { ul.uix-grid { grid-template-columns:1fr 1fr; } } @media screen and (max-width: 320px) { ul.uix-grid { grid-template-columns:1fr; } } .uix-box, .uix-bar { background:#eee; padding:1em; border-radius:0.25em; margin-bottom:1em; } .uix-bar input[type=text] { padding:0.5em 1em; border-style:none; margin:0 0.75em 0 0; } .uix-bar input[type=submit] { margin:0 !important; } /* Override */ .uix-bar {} .uix-bar input[type=text] { width:25%; box-sizing:border-box; } @media screen and (max-width: 800px) { .uix-bar input[type=text] { width:33%; } } @media screen and (max-width: 480px) { .uix-bar input[type=text] { width:50%; } } @media screen and (max-width: 300px) { .uix-bar input[type=text] { width:100%; margin:0; } .uix-bar input[type=submit] { text-align:left !important; width:100% !important; margin:0.75em 0 0 0 !important; } } .uix-bar .uix-secondary { float:right; margin-top:0.5em; } @media screen and (max-width: 480px) { .uix-bar .uix-secondary { float:none; display:block; margin-top:0.5em; } } .uix-az { display:grid; grid-template-columns:repeat(26, 1fr); gap:1px; margin-bottom:0.5em; } .uix-az.uix--with-all { grid-template-columns:repeat(27, 1fr); } .uix-az.uix--with-digits { grid-template-columns:repeat(36, 1fr); } .uix-az.uix--with-all.uix--with-digits { grid-template-columns:repeat(37, 1fr); } .uix-az > a, .uix-az > span { text-align:center; display:inline-block; padding:3px 0; border-radius:2px; } .uix-az > a { background:#ddd; } .uix-az > span { background:#eee; color:#555; } @media screen and (max-width:640px) { .uix-az.uix--with-all { grid-template-columns:repeat(14, 1fr); } .uix-az.uix--with-all a:first-child, .uix-az.uix--with-all span:first-child { grid-column-start:1; grid-column-end:3; } } @media screen and (max-width:360px) { .uix-az.uix--with-all { grid-template-columns:repeat(9, 1fr); } .uix-az.uix--with-all a:first-child, .uix-az.uix--with-all span:first-child { grid-column-start:1; grid-column-end:2; } } @media screen and (max-width:800px) { .uix-az.uix--with-all.uix--with-digits { grid-template-columns:repeat(19, 1fr); } .uix-az.uix--with-all.uix--with-digits a:first-child, .uix-az.uix--with-all.uix--with-digits span:first-child { grid-column-start:1; grid-column-end:3; } } @media screen and (max-width:480px) { .uix-az.uix--with-all.uix--with-digits { grid-template-columns:repeat(13, 1fr); } .uix-az.uix--with-all.uix--with-digits a:first-child, .uix-az.uix--with-all.uix--with-digits span:first-child { grid-column-start:1; grid-column-end:4; } } ul.gridded { overflow:auto; margin-left:-5px; margin-right:-5px; } ul.gridded li { float:left; box-sizing:border-box; text-align:center; padding:0 5px; } ul.gridded li img { width:100%; max-width:100%; } ul.gridded .name { white-space:nowrap; overflow:hidden; display:block; text-overflow:ellipsis; margin-top:0.5em; } ul.gridded a { text-decoration:none; } ul.gridded a:hover span { text-decoration:underline; } ul.gridded li > div { background:#EEEEEE; }ul.gridded li > div:hover { background:#DDDDDD; }ul.gridded li > div { padding:10px; }ul.gridded li a { color:#0000FF; }ul.gridded li > div:hover a { color:#2222FF; } ul.gridded li { width:25%; margin:0 0 30px 0; } ul.gridded li:nth-child(4n+1) { clear:left; } @media screen and (max-width:800px) { ul.gridded li { width:33.333333%; } ul.gridded li:nth-child(4n+1) { clear:none; } ul.gridded li:nth-child(3n+1) { clear:left; } } @media screen and (max-width:600px) { ul.gridded li:nth-child(4n+1) { clear:none; } ul.gridded li:nth-child(3n+1) { clear:none; } ul.gridded li:nth-child(2n+1) { clear:left; } ul.gridded li { width:50%; } } @media screen and (max-width:400px) { ul.gridded li { width:auto; float:none; } } ul.gridded.grid-size-2 { display:grid; grid-template-columns: repeat(2,1fr); } ul.gridded.grid-size-2 li { width:auto; } @media screen and (max-width:400px) { ul.gridded.grid-size-2 { grid-template-columns: repeat(1,100%); } } ul.gridded.grid-size-3 { display:grid; grid-template-columns: repeat(3,33%); } ul.gridded.grid-size-3 li { width:auto; } @media screen and (max-width:600px) { ul.gridded.grid-size-3 { grid-template-columns: repeat(2,50%); } } @media screen and (max-width:400px) { ul.gridded.grid-size-3 { grid-template-columns: repeat(1,100%); } } ul.gridded.grid-size-4 { display:grid; grid-template-columns: repeat(4,25%); } ul.gridded.grid-size-4 li { width:auto; } @media screen and (max-width:800px) { ul.gridded.grid-size-4 { grid-template-columns: repeat(3,33%); } } @media screen and (max-width:600px) { ul.gridded.grid-size-4 { grid-template-columns: repeat(2,50%); } } @media screen and (max-width:400px) { ul.gridded.grid-size-4 { grid-template-columns: repeat(1,100%); } } ul.gridded.grid-size-5 { display:grid; grid-template-columns: repeat(5,20%); } ul.gridded.grid-size-5 li { width:auto; } @media screen and (max-width:800px) { ul.gridded.grid-size-5 { grid-template-columns: repeat(3,33%); } } @media screen and (max-width:600px) { ul.gridded.grid-size-5 { grid-template-columns: repeat(2,50%); } } @media screen and (max-width:400px) { ul.gridded.grid-size-5 { grid-template-columns: repeat(1,100%); } } ul.gridded.grid-size-6 { display:grid; grid-template-columns: repeat(6,16%); } ul.gridded.grid-size-6 li { width:auto; } @media screen and (max-width:800px) { ul.gridded.grid-size-6 { grid-template-columns: repeat(4,25%); } } @media screen and (max-width:600px) { ul.gridded.grid-size-6 { grid-template-columns: repeat(3,33%); } } @media screen and (max-width:400px) { ul.gridded.grid-size-6 { grid-template-columns: repeat(2,50%); } } #tag-outer { margin-right:1em; padding:0.5em; border:1px solid #ddd; background-color:#FFFFFF; } #tag-outer h2 { font-size:150%; color:#008800; margin-top:0; } ul#tag-browser { background:#DDDDDD; padding:3px; font-family:arial; font-size:13px; } ul#tag-browser li { background:#eee; margin-bottom:3px; padding:0.25em 0.25em 0.25em 0.5em; } ul#tag-browser li:last-child { margin-bottom:0; } ul#tag-browser li.depth0 { background:#222222; } ul#tag-browser li.depth1 { background:#5CAF2B; padding-left:1.5em; } ul#tag-browser li.depth2 { background:#AAAAAA; padding-left:2.5em; } ul#tag-browser li.depth3 { background:#DDDDDD; padding-left:3.5em; } ul#tag-browser li.depth0:hover { background:#FFFFFF; } ul#tag-browser li.depth1:hover { background:#FFFFFF; } ul#tag-browser li.depth2:hover { background:#FFFFFF; } ul#tag-browser li.depth3:hover { background:#FFFFFF; } ul#tag-browser li.on { border-left:3px solid red; } ul#tag-browser li a { text-decoration:none; float:right; } ul#tag-browser li a:first-child { float:none; } ul#tag-browser li a:last-child { text-decoration:none; } ul#tag-browser li.depth0 a { color:#5CAF2B; } ul#tag-browser li.depth1 a { color:#FFFFFF; } ul#tag-browser li.depth2 a { color:#5CAF2B; } ul#tag-browser li.depth3 a { color:#FFFFFF; } ul#tag-browser li.depth0:hover a { color:#FFFFFF; } ul#tag-browser li.depth1:hover a { color:#FFFFFF; } ul#tag-browser li.depth2:hover a { color:#FFFFFF; } ul#tag-browser li.depth3:hover a { color:#FFFFFF; } ul#tag-browser li { position:relative; padding-right:1em; } ul#tag-browser li.depth0 a.toggle { float:none; position:absolute; top:2px; right:2px; } #search .inner form {} #search .inner form input[name=q] { font-size:120%; padding:0.4em 0.65em; border-style:none; border-radius:0.125em; } #search .inner form input[type=submit] { font-size:120%; padding:0.4em 0.65em; border-radius:0.125em; display:inline-block; border-style:none; } .circle { width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#E8EEEC; display:inline-block; font-size:0; margin-bottom:10px; } .circle.on { background:#DAB45C; } #footer table td.cols1 { width:100%; } #footer table td.cols2 { width:50%; } #footer table td.cols3 { width:33.333%; } #footer table td.cols4 { width:25%; } #footer table td.cols5 { width:20%; } #footer table td.cols6 { width:16.666%; } #footer table td.cols7 { width:14.286%; } #footer table td.cols8 { width:12.5%; } #footer table td.cols9 { width:11.111%; } #footer table td.cols10 { width:10%; } .circles { text-align:right; margin:0 11.0px 0 0; position:absolute; bottom:0; right:0; } #image-row { margin:22px -11px 22px 0; } #image-row img { width:20%; float:left; padding-right:11px; box-sizing:border-box; } #paging { float:right; margin:0 0 22px 0; } #welcome-slides .image { position:relative; } #welcome-slides .image > div, #welcome-slides .image > a:last-child { display:block; position: absolute; left:0; top:0; text-align:center; width:100%; height:100%; padding:0px; box-sizing:border-box; } #welcome-slides .image > div > div, #welcome-slides .image > a:last-child > div { display:block; position:relative; border:1px solid white; height:100%; padding:0; margin:0; } #welcome-slides .image div h1 { letter-spacing:0; font-weight:normal; font-family:; font-size:22; color:#FFFFFF; margin:0; width:100%; text-align:center; position:absolute; top:60%; transform: translate(0,-50%); padding:0; } @media screen and (max-width:1000px) { #welcome-slides .image div h1 { font-size:17.6; } } @media screen and (max-width:800px) { #welcome-slides .image div h1 { font-size:13.2; } } @media screen and (max-width:600px) { #welcome-slides .image div h1 { font-size:11.0; } } @media screen and (max-width:420px) { #welcome-slides .image div h1 { display:none; } } .only-mobile { display:none !important; } /* Secondary menu turns into popdown. */ .changer { float:right; display:none; } @media screen and (max-width: 800px) { body { padding-bottom:1px; } .changer { display:block; } #secondary.not-popup ul li, #secondary.not-popup ul li.plain { display:none; } #secondary.not-popup ul li.on { display:block; } #secondary.not-popup.show ul li { display:block; } /* Always center menus on mobile. */ #navigation ul { text-align:center; } .chunk .inside { margin-left:0; margin-right:0; padding-left:0; padding-right:0; } .chunk.width-1, .chunk.width-2, .chunk.width-3, .chunk.width-1:first-child, .chunk.width-2:first-child, .chunk.width-3:first-child, .chunk.width-1:last-child, .chunk.width-2:last-child, .chunk.width-3:last-child, .chunk.width-1 .inside, .chunk.width-2 .inside, .chunk.width-3 .inside, .chunk.width-1:first-child .inside, .chunk.width-2:first-child .inside, .chunk.width-3:first-child .inside, .chunk.width-1:last-child .inside, .chunk.width-2:last-child .inside, .chunk.width-3:last-child .inside { width:auto; float:none; padding-left:0; padding-right:0; margin-left:0; margin-right:0; } .not-mobile { display:none !important; } .only-mobile { display:inline !important; } /* Top bar collapses to have as little content as possible, as tightly packed as possible. */ #top-right a { margin-left:0.5em; } #topper .inner { position:relative; } #top-email, #top-phone { margin-right:11.0px; } #top-search input { float: none; display: block; width: 100%; position: absolute; left: 0; top: 3em; height: 2em; margin: 0em; box-sizing:border-box; padding:0.25em 0.5em; font-size:15px; } /* Footer collapses into straight list of block, each with inline content. */ #footer table td.cols1, #footer table td.cols2, #footer table td.cols3, #footer table td.cols4, #footer table td.cols5, #footer table td.cols6, #footer table td.cols7, #footer table td.cols8, #footer table td.cols9, #footer table td.cols10 { width:100%; display:block; } #footer table td ul li { display:inline; margin:0 1em 0 0; padding:0; } #footer td a { display:inline-block; padding:3px 6px; background:rgba(255,255,255,0.25); margin-bottom:5px; border-radius:3px; } #welcome-slides .span-2 { width:100%; float:none; padding-right:0; } #welcome-slides .span-2 .image { padding:0; } #welcome-slides .span-1 { width:auto; float:none; padding:11.0px; } .circles { text-align:center; } .chunk.width-2 .span-1 { width:auto; float:none; padding:0; } .chunk.width-2 .span-1 .image { width:auto; float:none; padding:0; } .chunk.width-2 .span-1 .article { width:auto; float:none; padding:11.0px; } #image-row img { width:100%; float:none; padding:0; } #footer { font-size:14px; } #footer ul { margin-bottom:22px; } #base { text-align:left; } #base-credit { float:none; } .with-secondary #primary { width:auto; float:none; margin:0; padding:0; } #secondary { width:auto; float:none; margin:0; } .with-force #secondary { width:auto; float:none; margin:0; } .with-secondary .inner { background-image:none; } #secondary { background-color:#E8E8E8; padding:22px; } } .article p { line-height:1.3em; } @media screen and (max-width: 800px) { .popup-menu { position:static !important; width:auto !important; } } #navigation.itop_pop .menu li { position:relative; } #navigation.itop_pop .popup-menu { border-width:1px; border-style:solid; border-bottom-left-radius:0.25em; border-bottom-right-radius:0.25em; position:absolute; display:inline-block; left:0; z-index:100; top:100%; width:200%; } #navigation.itop_pop li.popdown:last-child .popup-menu { left:auto; right:0; } #navigation.itop_pop li.non-burger { display:inline-block; } #navigation.itop_pop .popup-menu li { display:block; border-bottom-width:1px; border-bottom-style:solid; } #navigation.itop_pop .popup-menu li a { display:block; } #navigation.itop_pop .popup-menu li:last-child { border-bottom-style:none; } #navigation.itop_pop .popup-menu li:last-child a { border-bottom-left-radius:0.25em; border-bottom-right-radius:0.25em; } #paging ul {} #paging ul li { display:inline; } #paging ul li a {} #paging ul li.on a { font-weight:bold; } .cfm #contact-content { width:50%; float:right; padding-left:1em; box-sizing:border-box; } .cfm #contact-form { width:50%; float:left; padding-right:1em; box-sizing: border-box; } .cfm #contact-map { clear: both; padding-top:1em; } .fm #contact-form { width:50%; float:left; padding-right:1em; box-sizing: border-box; } .fm #contact-map { width:50%; float:right; padding-left:1em; box-sizing:border-box; margin-top:1em; } @media screen and (max-width: 800px) { .cfm #contact-content { width:auto; float:none; padding-left:0; } .cfm #contact-form { width:auto; float:none; padding-right:0; } .fm #contact-form { width:auto; float:none; padding-right:0; } .fm #contact-map { width:100%; float:none; padding-left:0; } } .slick-prev::before { font-family:'FontAwesome'; content: '\f053'; color:#FFFFFF; } .slick-next::before { font-family:'FontAwesome'; content: '\f054'; color:#FFFFFF; } .spread-2,.spread-3,.spread-4,.spread-5 { overflow:auto; margin:0.5em -0.5em; } .spread-2 > div,.spread-3 > div,.spread-4 > div,.spread-5 > div { float:left; padding:0.5em; box-sizing:border-box; } .spread-2 > div { width:50%; } .spread-3 > div { width:33.3333%; } .spread-4 > div { width:25%; } .spread-5 > div { width:20%; } .spread-2 img,.spread-3 img,.spread-4 img,.spread-5 img { width:100%; padding:0.5em; box-sizing:border-box; border:1px solid #ccc; } @media screen and (max-width:800px) { .spread-4 > div { width:50%; } } @media screen and (max-width:600px) { .spread-2 > div { width:100%; float:none; } .spread-3 > div { width:100%; float:none; } .spread-4 > div { width:100%; float:none; } } .menu-group { float:left; width:25%; border-right:1px solid white; border-left:1px solid white; box-sizing:border-box; padding-left:1em; padding-right:1em; } .menu-group:first-child { border-left-style:none; } .menu-group:nth-child(2) { position:relative; left:-1px; } .menu-group:nth-child(3) { position:relative; left:-2px; } .menu-group:nth-child(4) { position:relative; left:-3px; } .menu-group:last-child { border-right-style:none; } .menu-group .group-name { font-weight:bold; margin-bottom:1em; } #popdown .popup-menu .menu-group li a { float:none; width:auto; display:block; } .menu-group:nth-child(4n+1) { clear:both; border-left-style:none; } .menu-group { margin-bottom:1em; } .menu-group:nth-child(4n+2) { position:relative; left:-1px; } .menu-group:nth-child(4n+3) { position:relative; left:-2px; } .menu-group:nth-child(4n+4) { position:relative; left:-3px; } ul.committee li > div { border-bottom:1px solid #aaa; } ul.committee li .tags { background:#E8EEEC; color:#FFFFFF; text-transform:uppercase; padding:0.25em 0.5em; min-height:3em; margin-bottom:0.5em; } ul.committee li .image { border:1px solid #aaa; padding:0.25em; text-align:center; } ul.committee li .image img { display:block; margin:0 auto; width:100%; } ul.committee li .details { overflow:auto; margin-top:0.75em; } ul.committee li .details .name { font-weight:bold; margin-bottom:0.75em; } ul.committee li .details .phone { float:left; } ul.committee li .details .email { float:right; } ul.committee li .details .email a { font-weight:bold; color:#438bc5; text-decoration:none; } ul.committee li .details .email a:hover { text-decoration:underline; } @media screen and (max-width:800px) { .menu-group { float:none; width:100%; padding:1em; margin:0; border-left-style:none; border-right-style:none; } } @media screen and (max-width: 800px) { #secondary.not-popup ul.force li, #secondary.not-popup ul.force li.plain { display: block; } } a.cart-add, ul.gridded li a.cart-add { display:inline-block; padding:2px 4px 2px 4px; background:#45bc43; color:white; font-size:11px; margin:3px; border-radius:2px; font-family:arial; box-shadow:1px 1px 1px rgba(0,0,0,0.25); } li:hover a.cart-add, ul.gridded li:hover a.cart-add { color:white; } a.cart-add:hover, ul.gridded li a.cart-add:hover { color:white; box-shadow:none; position:relative; top:1px; left:1px; } ul.gridded input.quantity { width:1.5em; text-align:center; } .quantity-box { display:block; margin-top:0.5em; line-height:1.2em; white-space:nowrap; } .quantity-box.boxed > span { display:inline-block; border:1px solid #eee; } .quantity-box a { text-decoration:none; text-align:center; } .quantity-val, a.quantity-dec, a.quantity-inc, .quantity-val { font-size:13px; line-height:1.2em; padding:0.5em; display:inline-block; width:1.5em; border-style:none; margin:0; text-align:center; font-family:inherit; background:white; } a.quantity-dec, a.quantity-inc { padding:0.5em; background:white; color:#888; width:1em; display:inline-block; font-family:inherit; line-height:1.2em; } a.quantity-dec:hover, a.quantity-inc:hover { background:#eee; } @media screen and (max-width:800px) { .quantity-val, a.quantity-dec, a.quantity-inc { padding-left:0.25em; padding-right:0.25em; } } a.quantity-add, ul.gridded li a.quantity-add { margin-left:0.5em; font-size:13px; padding:0.5em; line-height:1.2em; } .grid-size-6 a.quantity-add span { display:none; } XXXli:hover a.quantity-add, XXXul.gridded li:hover a.quantity-add { color:white; } XXXa.quantity-add:hover, XXXul.gridded li a.quantity-add:hover { background:#377913; color:white; } ul.image-text {} ul.image-text li { overflow:auto; } ul.image-text .prim { float:left; width:30%; box-sizing:border-box; padding:15px; } ul.image-text .prim img { width:100%; display:block; } ul.image-text .secn { float:right; width:70%; padding-top:15px; padding-right:15px; padding-bottom:15px; box-sizing:border-box; } ul.image-text .prim-only { padding:15px 15px 15px 15px; } ul.image-text .prim-only p, ul.image-text .secn p { line-height:; } ul.image-text li { background:#FFFFFF; } ul.image-text li:nth-child(even) { background:#EEEEEE; } ul.image-text li.special { background:#92B3E8; } ul.image-text h2 { font-size:130%; margin-top:0; } ul.image-text hr { font-size:130%; border-style:none; margin:-0.25em 0 0.25em 0; padding:0; } ul.image-text hr:after { content:'\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7\B7'; letter-spacing:4px; } .calendar-page { min-width:28px; background:#FFFFFF; display:inline-block; font-size:10px; text-align:center; font-family:arial; border-radius:2px; border:1px solid #EEEEEE; vertical-align:middle; margin-bottom:0.5em; margin-right:0.5em; } .calendar-page .month { background:#FF0000; display:block; color:#FFFFFF; padding:2px 4px; border-top-left-radius:2px; border-top-right-radius:2px; line-height:1.2em; } .calendar-page .day { color:#000000; font-size:16px; display:inline-block; padding:2px 2px 0 2px; line-height:1.1em; } #page-article ul { list-style: disc; padding-left: 1em; } .event-badge { line-height:1.3em; vertical-align:top; font-weight:normal; font-size:11px; font-family:arial; background:#aaa; display:inline-block; padding:1px 5px 2px 5px; border-radius:2px; text-transform:lowercase; } .event-badge.provisional { background:orange; color:black; } .event-badge.cancelled { background:red; color:white; } .columns1, .columns2, .columns3, .columns4, .columns5, .columns6 { display: grid; grid-gap: 1em; margin-bottom:1em; } .columns1 { grid-template-columns: repeat(1, 1fr); } .columns2 { grid-template-columns: repeat(2, 1fr); } .columns3 { grid-template-columns: repeat(3, 1fr); } .columns4 { grid-template-columns: repeat(4, 1fr); } .columns5 { grid-template-columns: repeat(5, 1fr); } .columns6 { grid-template-columns: repeat(6, 1fr); } .columns1 .fill { grid-column: 1 / span 1; } .columns2 .fill { grid-column: 1 / span 2; } .columns3 .fill { grid-column: 1 / span 3; } .columns4 .fill { grid-column: 1 / span 4; } .columns5 .fill { grid-column: 1 / span 5; } .columns6 .fill { grid-column: 1 / span 6; } .width1 { grid-column: span 1; } .width2 { grid-column: span 2; } .width3 { grid-column: span 3; } .width4 { grid-column: span 4; } .width5 { grid-column: span 5; } .width6 { grid-column: span 6; } .columns1 .alert, .columns2 .alert, .columns3 .alert, .columns4 .alert, .columns5 .alert, .columns6 .alert { margin-bottom:0 !important; } @media screen and (max-width:600px) { .columns1, .columns2, .columns3, .columns4, .columns5, .columns6 { display: block; } .columns1 > div, .columns2 > div, .columns3 > div, .columns4 > div, .columns5 > div, .columns6 > div { margin-bottom:1em !important; } .columns1 > div:last-child, .columns2 > div:last-child, .columns3 > div:last-child, .columns4 > div:last-child, .columns5 > div:last-child, .columns6 > div:last-child { margin-bottom:0 !important; } } @media screen and (max-width:800px) { .columns1.soft, .columns2.soft, .columns3.soft, .columns4.soft, .columns5.soft, .columns6.soft { display: grid !important; } } @media screen and (min-width:720px) and (max-width:800px) { .columns5.soft, .columns6.soft { grid-template-columns: repeat(4, 1fr); } } @media screen and (min-width:640px) and (max-width:720px) { .columns4.soft, .columns5.soft, .columns6.soft { grid-template-columns: repeat(3, 1fr); } } @media screen and (min-width:480px) and (max-width:640px) { .columns3.soft, .columns4.soft, .columns5.soft, .columns6.soft { grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width:480px) { .columns1.soft, .columns2.soft, .columns3.soft, .columns4.soft, .columns5.soft, .columns6.soft { grid-template-columns: repeat(1, 1fr); } } ul.uix-menu li a { background-color:#EEEEEE !important; color:#0000EE !important; } ul.uix-menu li a:hover { background-color:#DDDDDD !important; } ul.uix-menu li.uix-on a { background-color:#008800 !important; color:#FFFFFF !important; } ul.uix-menu li.uix-on a:hover { background-color:#008800 !important; } .aspect-ratio-box { height: 0; overflow: hidden; padding-top: calc( 400 / 400 * 100%); background: white; position: relative; } .aspect-ratio-box-inside { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .flexbox-centering { height: 100%; display: flex; justify-content: center; align-items: center; } .tyc-redesign{color:#142f40;font:16px/1.65 Arial,sans-serif;background:#f6f7f5}.tyc-redesign *{box-sizing:border-box}.tyc-redesign .hero{position:relative;min-height:420px;display:flex;align-items:center;overflow:hidden;color:white;background:#142f40}.tyc-redesign .smallhero{min-height:310px}.tyc-redesign .hero img{position:absolute;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:center 62%}.tyc-redesign .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#142f40aa,#142f401a);pointer-events:none}.tyc-redesign .hero .wrap{position:relative;z-index:1;width:100%;padding-top:45px;padding-bottom:45px}.tyc-redesign .wrap{max-width:1180px;margin:auto;padding:0 36px}.tyc-redesign h1{font:normal clamp(38px,4.5vw,64px)/1.08 Georgia,serif;max-width:740px;margin:0 0 20px;color:inherit}.tyc-redesign h2{font:normal clamp(29px,3vw,40px)/1.17 Georgia,serif;margin:0 0 18px;color:inherit}.tyc-redesign h3{font:normal 24px/1.25 Georgia,serif;margin:0 0 10px;color:inherit}.tyc-redesign p{margin:0 0 18px}.tyc-redesign .eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:11px;font-weight:bold}.tyc-redesign .hero p{max-width:520px;color:#e5ecee}.tyc-redesign .section{padding:60px 0}.tyc-redesign .split,.tyc-redesign .intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.tyc-redesign .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.tyc-redesign .band{background:#e8eeec}.tyc-redesign .btn{display:inline-block;text-decoration:none;background:#dab45c;color:#142f40;border:1px solid #dab45c;padding:11px 23px;border-radius:3px;font-weight:bold;font-size:14px}.tyc-redesign .outline{background:transparent;color:white;border-color:white}.tyc-redesign .actions{display:flex;gap:14px;flex-wrap:wrap}.tyc-redesign .image-slot{overflow:hidden;aspect-ratio:4/3}.tyc-redesign .image-slot img{width:100%!important;height:100%!important;object-fit:cover}.tyc-redesign [data-photo=club-history]{aspect-ratio:21/9}.tyc-redesign [data-photo=club-history] img{object-position:center 62%}.tyc-redesign .card{background:white;padding:25px}.tyc-redesign .step{padding:25px 0;border-bottom:1px solid #ccd6d7}.tyc-redesign .quick{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d3dadd;border-bottom:1px solid #d3dadd}.tyc-redesign .quick a{padding:23px;text-decoration:none;display:flex;justify-content:space-between;color:#142f40}.tyc-redesign .contact{background:#142f40;color:white}.tyc-redesign .muted{color:#63737b}.tyc-redesign [data-photo=membership-hero] img{object-position:center 38%}.tyc-redesign [data-photo=home-hero] img{object-position:center 58%}.tyc-redesign [data-photo=calendar-hero] img{object-position:center 22%}.tyc-redesign [data-photo=calendar-hero] .wrap{text-align:right}.tyc-redesign [data-photo=calendar-hero] h1,.tyc-redesign [data-photo=calendar-hero] p{margin-left:auto}.tyc-redesign [data-photo=calendar-hero]:after{background:linear-gradient(270deg,#142f40aa,#142f401a)}@media(max-width:760px){.tyc-redesign .wrap{padding-left:23px;padding-right:23px}.tyc-redesign .split,.tyc-redesign .intro,.tyc-redesign .cards,.tyc-redesign .quick{grid-template-columns:1fr;gap:25px}.tyc-redesign .section{padding:38px 0}.tyc-redesign .hero{min-height:390px}.tyc-redesign .smallhero{min-height:290px}.tyc-redesign [data-photo=membership-hero] img{object-position:70% 38%}.tyc-redesign [data-photo=calendar-hero] img{object-position:28% 22%}} #header .inner,#navigation .inner{max-width:none!important;width:auto!important}#header{background:#fff!important;padding:20px 6%!important}#header .inner{height:56px!important;margin:0!important;padding:0!important}#primary-logo{width:46px!important;height:52px!important;object-fit:contain;opacity:0}#header .inner>a{display:flex;align-items:center;gap:13px;position:relative;text-decoration:none}#header .inner>a:before{content:"";position:absolute;width:46px;height:52px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2050%2056%22%3E%3Cpath%20d%3D%22M25%202V43H4L23%208%22%20fill%3D%22%23142f40%22%2F%3E%3Cpath%20d%3D%22M28%2010L46%2043H28Z%22%20fill%3D%22%23dab45c%22%2F%3E%3Cpath%20d%3D%22M2%2047Q25%2059%2048%2047%22%20fill%3D%22none%22%20stroke%3D%22%23142f40%22%20stroke-width%3D%223%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}#header .inner>a:after{content:"THURROCK\A YACHT CLUB";white-space:pre;font:bold 17px/1.25 Arial,sans-serif;letter-spacing:1px;color:#142f40}#navigation{background:white!important;color:#142f40!important}#navigation a{color:#142f40!important}#navigation .inner{padding:0 6%!important}#navigation .inner,#navigation ul,#navigation li{background:#fff!important}#navigation .menu>li>a{border:0!important}#header .inner>a{justify-content:flex-start!important;text-align:left!important}#primary-logo{margin:0!important;flex:0 0 46px}#navigation a{white-space:normal!important}#navigation .popup-menu{min-width:0!important;width:260px!important;background:#fff!important}#navigation .popup-menu ul{display:block!important}#navigation .popup-menu li{float:none!important;display:block!important;width:auto!important}#navigation .popup-menu a{display:block!important;padding:10px 14px!important;text-align:left}@media(min-width:1000px){#navigation{position:absolute!important;top:28px;right:5%;z-index:10}#navigation .inner{padding:0!important}#navigation .inner>ul.menu{display:flex!important;gap:4px}#navigation .burger{display:none!important}#navigation li.non-burger{display:block!important}#navigation a{font:14px Arial!important;padding:12px!important}}@media(max-width:760px){#header{padding:16px 6%!important}#navigation .popup-menu{width:auto!important}}#topper{display:none!important} .tyc-redesign [data-photo="club-life"] img{transform:rotate(180deg)}.tyc-redesign [data-photo="calendar-hero"] img{transform:rotate(180deg);object-position:center 78%}@media(max-width:760px){.tyc-redesign [data-photo="calendar-hero"] img{object-position:72% 78%}} /* Photo spaces awaiting club photography */ .tyc-photo-slot{margin:24px 0!important;max-width:100%;box-sizing:border-box;} .tyc-photo-slot>div[role="img"]{min-height:230px;background:linear-gradient(155deg,#e8eeef,#d6e0e3);border:1px solid #c4d1d5;border-radius:2px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;box-sizing:border-box;} .tyc-photo-slot span{display:block;} #page-article div:has(>.tyc-photo-slot){display:flex;flex-wrap:wrap;gap:24px;} #page-article div:has(>.tyc-photo-slot)>.tyc-photo-slot{flex:1 1 280px;min-width:0;} #page-article div:has(>.tyc-photo-slot)>.tyc-photo-slot>div{min-height:210px;} @media(max-width:650px){.tyc-photo-slot>div[role="img"]{min-height:200px;padding:20px;}#page-article div:has(>.tyc-photo-slot){gap:0;}#page-article div:has(>.tyc-photo-slot)>.tyc-photo-slot{flex-basis:100%;margin:12px 0!important;}} /* Dinghy photographs */ #page-article .tyc-dinghy-main img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:center 64%;} #page-article .tyc-dinghy-support img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;} #page-article .tyc-dinghy-support{flex:1 1 280px;min-width:0;} #page-article .tyc-dinghy-support figcaption{font-family:Georgia,serif;color:#142f40;font-size:20px;margin-top:12px;} @media(max-width:650px){#page-article .tyc-dinghy-main img{aspect-ratio:16/9;}#page-article .tyc-dinghy-support{flex-basis:100%;}} #page-article .tyc-dinghy-support img{transform:rotate(180deg);} #page-article .tyc-dinghy-rigging img{object-position:center 40%;} #page-article .tyc-dinghy-afloat img{object-position:center 75%;} /* Cruising photographs */ #page-article .tyc-cruise-main img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:center 60%;} #page-article .tyc-cruise-support img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;} #page-article .tyc-cruise-support figcaption{font-family:Georgia,serif;font-size:20px;color:#142f40;margin-top:12px;} @media(max-width:650px){#page-article .tyc-cruise-main img{aspect-ratio:16/9;}} #page-article .tyc-cruise-ashore img{object-position:center 25%;} #page-article .tyc-cruise-aboard img{transform:rotate(180deg);object-position:center 75%;} #page-article .tyc-cruise-main img{object-position:center 35%;} /* Racing photographs */ #page-article .tyc-race-main img{display:block;width:100%;height:auto;aspect-ratio:21/9;object-fit:cover;object-position:center 95%;} #page-article .tyc-race-support img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center 60%;} #page-article .tyc-race-support figcaption{font-family:Georgia,serif;font-size:20px;color:#142f40;margin-top:12px;} @media(max-width:650px){#page-article .tyc-race-main img{aspect-ratio:16/9;}} #page-article .tyc-race-main img{transform:rotate(180deg);object-position:center 5%;} #page-article .tyc-race-afloat img{transform:rotate(180deg);object-position:center 65%;} /* Moorings photographs */ #page-article .tyc-moor-main img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center 65%;} #page-article .tyc-moor-support img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;} #page-article .tyc-moor-shore img{object-position:center 25%;} #page-article .tyc-moor-slip img{object-position:center 40%;} #page-article .tyc-moor-support figcaption{font-family:Georgia,serif;font-size:20px;color:#142f40;margin-top:12px;} #page-article .tyc-moor-main img{object-position:center 25%;} #page-article .tyc-moor-shore img{object-position:center 65%;} /* Facilities photograph */ #page-article .tyc-fac-main img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transform:rotate(180deg);object-position:center 40%;} /* Membership types photograph */ #page-article .tyc-member-types-main img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center 45%;} #page-article .tyc-member-types-main img{aspect-ratio:3/2;object-position:center 65%;} #page-article .tyc-member-types-main img{aspect-ratio:16/9;object-position:center 65%;} #page-article .tyc-moor-slip img{object-position:center 80%;} /* Moorings hero, matching membership styling */ .tyc-moor-hero{margin-bottom:28px}.tyc-moor-hero .hero{min-height:420px}.tyc-moor-hero .hero img{object-position:center 25%}.tyc-moor-hero .hero:after{background:linear-gradient(90deg,rgba(20,47,64,.06),rgba(20,47,64,.82))}.tyc-moor-hero .hero .wrap{width:52%;margin-left:auto;margin-right:0;padding:36px}.tyc-moor-hero .hero h1{font-size:48px}@media(max-width:650px){.tyc-moor-hero .hero{min-height:480px}.tyc-moor-hero .hero .wrap{width:100%;padding:26px}.tyc-moor-hero .hero img{object-position:30% 25%}.tyc-moor-hero .hero:after{background:rgba(20,47,64,.58)}.tyc-moor-hero .hero h1{font-size:36px}} /* Membership types hero, matching membership styling */ .tyc-types-hero{margin-bottom:28px}.tyc-types-hero .hero{min-height:420px}.tyc-types-hero .hero img{object-position:center 45%}.tyc-types-hero .hero:after{background:linear-gradient(90deg,rgba(20,47,64,.06),rgba(20,47,64,.82))}.tyc-types-hero .hero .wrap{width:52%;margin-left:auto;margin-right:0;padding:36px}.tyc-types-hero .hero h1{font-size:48px}@media(max-width:650px){.tyc-types-hero .hero{min-height:480px}.tyc-types-hero .hero .wrap{width:100%;padding:26px}.tyc-types-hero .hero img{object-position:30% 25%}.tyc-types-hero .hero:after{background:rgba(20,47,64,.58)}.tyc-types-hero .hero h1{font-size:36px}} #page-article .tyc-fees-main img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center 50%;} #page-article .tyc-fees-main img{transform:rotate(180deg);} /* Fees hero, matching membership styling */ .tyc-fees-hero{margin-bottom:28px}.tyc-fees-hero .hero{min-height:420px}.tyc-fees-hero .hero img{object-position:center 65%}.tyc-fees-hero .hero:after{background:linear-gradient(90deg,rgba(20,47,64,.06),rgba(20,47,64,.82))}.tyc-fees-hero .hero .wrap{width:52%;margin-left:auto;margin-right:0;padding:36px}.tyc-fees-hero .hero h1{font-size:48px}@media(max-width:650px){.tyc-fees-hero .hero{min-height:480px}.tyc-fees-hero .hero .wrap{width:100%;padding:26px}.tyc-fees-hero .hero img{object-position:30% 25%}.tyc-fees-hero .hero:after{background:rgba(20,47,64,.58)}.tyc-fees-hero .hero h1{font-size:36px}} .tyc-fees-hero .hero img{transform:rotate(180deg)}.tyc-fees-hero .hero .wrap{margin-left:0;margin-right:auto;width:42%}.tyc-fees-hero .hero:after{background:linear-gradient(90deg,rgba(20,47,64,.86),rgba(20,47,64,.08))}@media(max-width:650px){.tyc-fees-hero .hero .wrap{width:100%}.tyc-fees-hero .hero:after{background:rgba(20,47,64,.62)}} /* Membership form hero, matching membership styling */ .tyc-form-hero{margin-bottom:28px}.tyc-form-hero .hero{min-height:420px}.tyc-form-hero .hero img{object-position:center 75%}.tyc-form-hero .hero:after{background:linear-gradient(90deg,rgba(20,47,64,.06),rgba(20,47,64,.82))}.tyc-form-hero .hero .wrap{width:52%;margin-left:auto;margin-right:0;padding:36px}.tyc-form-hero .hero h1{font-size:48px}@media(max-width:650px){.tyc-form-hero .hero{min-height:480px}.tyc-form-hero .hero .wrap{width:100%;padding:26px}.tyc-form-hero .hero img{object-position:30% 25%}.tyc-form-hero .hero:after{background:rgba(20,47,64,.58)}.tyc-form-hero .hero h1{font-size:36px}} .tyc-form-hero .hero img{transform:rotate(180deg)} /* Contact hero, matching membership styling */ .tyc-contact-hero{margin-bottom:28px}.tyc-contact-hero .hero{min-height:420px}.tyc-contact-hero .hero img{object-position:center 55%}.tyc-contact-hero .hero:after{background:linear-gradient(90deg,rgba(20,47,64,.06),rgba(20,47,64,.82))}.tyc-contact-hero .hero .wrap{width:52%;margin-left:auto;margin-right:0;padding:36px}.tyc-contact-hero .hero h1{font-size:48px}@media(max-width:650px){.tyc-contact-hero .hero{min-height:480px}.tyc-contact-hero .hero .wrap{width:100%;padding:26px}.tyc-contact-hero .hero img{object-position:30% 25%}.tyc-contact-hero .hero:after{background:rgba(20,47,64,.58)}.tyc-contact-hero .hero h1{font-size:36px}} #contact-content:has(.tyc-contact-hero){float:none;width:100%;margin:0}#contact-content:has(.tyc-contact-hero)+#contact-form{float:none;width:100%;box-sizing:border-box;clear:both} /* Moorings hero, matching membership styling */ .tyc-regulations-hero{margin-bottom:28px}.tyc-regulations-hero .hero{min-height:420px}.tyc-regulations-hero .hero img{object-position:center 62%}.tyc-regulations-hero .hero:after{background:linear-gradient(90deg,rgba(20,47,64,.06),rgba(20,47,64,.82))}.tyc-regulations-hero .hero .wrap{width:52%;margin-left:auto;margin-right:0;padding:36px}.tyc-regulations-hero .hero h1{font-size:48px}@media(max-width:650px){.tyc-regulations-hero .hero{min-height:480px}.tyc-regulations-hero .hero .wrap{width:100%;padding:26px}.tyc-regulations-hero .hero img{object-position:40% 62%}.tyc-regulations-hero .hero:after{background:rgba(20,47,64,.58)}.tyc-regulations-hero .hero h1{font-size:36px}} .tyc-upcoming-heading{grid-column:1/-1;background:#e8eeec;margin:0;padding:45px 6% 0;font:36px/1.2 Georgia,serif;color:#142f40} #primary>.ui-split-1:has(.uie-event):nth-of-type(n){padding:24px 18px 38px!important}#primary .tyc-event-summary{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}#primary .uie-html .tyc-home-club h2{position:static!important;grid-column:auto!important;grid-row:auto!important;margin:0 0 18px!important;padding:0!important;background:none!important;color:#142f40!important;font:normal 40px/1.17 Georgia,serif!important}#primary .uie-html .tyc-home-club h2:before,#primary .uie-html .tyc-home-club h2:after{display:none!important;content:none!important}#primary .uie-html .tyc-home-club .hero h2{color:white!important;font-size:56px!important}#primary .uie-html .tyc-home-club .hero p{color:#e5ecee}@media(max-width:760px){#primary>.ui-split-1:has(.uie-event):nth-of-type(n){padding:12px 6%!important}#primary .uie-html .tyc-home-club h2{font-size:30px!important}#primary .uie-html .tyc-home-club .hero h2{font-size:38px!important}} /* Moorings hero, matching membership styling */ .tyc-facilities-hero{margin-bottom:28px}.tyc-facilities-hero .hero{min-height:420px}.tyc-facilities-hero .hero img{object-position:center 40%}.tyc-facilities-hero .hero:after{background:linear-gradient(90deg,rgba(20,47,64,.06),rgba(20,47,64,.82))}.tyc-facilities-hero .hero .wrap{width:52%;margin-left:auto;margin-right:0;padding:36px}.tyc-facilities-hero .hero h1{font-size:48px}@media(max-width:650px){.tyc-facilities-hero .hero{min-height:480px}.tyc-facilities-hero .hero .wrap{width:100%;padding:26px}.tyc-facilities-hero .hero img{object-position:50% 40%}.tyc-facilities-hero .hero:after{background:rgba(20,47,64,.58)}.tyc-facilities-hero .hero h1{font-size:36px}} .tyc-facilities-hero .hero img{transform:rotate(180deg)} /* Moorings hero, matching membership styling */ .tyc-history-hero{margin-bottom:28px}.tyc-history-hero .hero{min-height:420px}.tyc-history-hero .hero img{object-position:center 62%}.tyc-history-hero .hero:after{background:linear-gradient(90deg,rgba(20,47,64,.06),rgba(20,47,64,.82))}.tyc-history-hero .hero .wrap{width:52%;margin-left:auto;margin-right:0;padding:36px}.tyc-history-hero .hero h1{font-size:48px}@media(max-width:650px){.tyc-history-hero .hero{min-height:480px}.tyc-history-hero .hero .wrap{width:100%;padding:26px}.tyc-history-hero .hero img{object-position:center 62%}.tyc-history-hero .hero:after{background:rgba(20,47,64,.58)}.tyc-history-hero .hero h1{font-size:36px}} .tyc-history-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:32px 0}.tyc-history-gallery figure{margin:0;background:#f5f3ed;padding:16px}.tyc-history-gallery figure>div{height:420px;display:flex;align-items:center;justify-content:center}.tyc-history-gallery img{width:100%;height:100%;object-fit:contain}.tyc-history-gallery figcaption{font-size:14px;color:#425665;padding-top:14px}@media(max-width:650px){.tyc-history-gallery{grid-template-columns:1fr}.tyc-history-gallery figure>div{height:auto}.tyc-history-gallery img{height:auto}} /* Consistent typography and hero dimensions across public pages */ #page-article{font-family:Inter,Arial,sans-serif;font-size:17px;line-height:1.7;color:#142f40}#page-article>p,#page-article>ul,#page-article>ol{font-size:17px;line-height:1.7}#page-article>h2{font:38px/1.15 Georgia,serif;color:#142f40;margin:32px 0 18px}#page-article .tyc-redesign .hero{min-height:420px;box-sizing:border-box}#page-article .tyc-redesign .hero h1{font:64px/1.08 Georgia,serif;margin:0 0 24px}#page-article .tyc-redesign .hero p:not(.eyebrow){font:18px/1.65 Inter,Arial,sans-serif;margin:0 0 20px}#page-article .tyc-redesign .hero .eyebrow{font:11px/1.65 Arial,sans-serif;letter-spacing:3px;text-transform:uppercase;margin:0 0 20px}#page-article .tyc-redesign .hero .btn{font:bold 15px/1.4 Arial,sans-serif;padding:12px 24px;background:#dab45c;color:#142f40;border-radius:0;text-decoration:none;display:inline-block}#page-article .tyc-redesign .hero img{width:100%!important;height:100%!important;object-fit:cover}#page-article .tyc-photo-slot img{width:100%;object-fit:cover} @media(max-width:760px){#page-article>h2{font-size:30px}#page-article .tyc-redesign .hero{min-height:390px}#page-article .tyc-redesign .hero .wrap{width:100%;padding:26px}#page-article .tyc-redesign .hero h1{font-size:40px}#page-article .tyc-redesign .hero p:not(.eyebrow){font-size:16px}#page-article .tyc-redesign .hero .eyebrow{font-size:9px;letter-spacing:2px}} #page-article .tyc-redesign .hero{height:420px;min-height:420px}#page-article .tyc-redesign .hero .wrap{width:64%;padding:24px 32px}#page-article .tyc-redesign .hero h1{margin-bottom:16px}#page-article .tyc-redesign .hero p:not(.eyebrow){margin-bottom:12px}#page-article .tyc-redesign .hero .eyebrow{margin-bottom:12px}@media(max-width:760px){#page-article .tyc-redesign .hero{height:390px;min-height:390px}#page-article .tyc-redesign .hero .wrap{width:100%;padding:26px}} body .tyc-redesign .hero{min-height:420px;box-sizing:border-box}body .tyc-redesign .hero h1{font:64px/1.08 Georgia,serif;margin:0 0 24px}body .tyc-redesign .hero p:not(.eyebrow){font:18px/1.65 Inter,Arial,sans-serif;margin:0 0 20px}body .tyc-redesign .hero .eyebrow{font:11px/1.65 Arial,sans-serif;letter-spacing:3px;text-transform:uppercase;margin:0 0 20px}body .tyc-redesign .hero .btn{font:bold 15px/1.4 Arial,sans-serif;padding:12px 24px;background:#dab45c;color:#142f40;border-radius:0;text-decoration:none;display:inline-block}body .tyc-redesign .hero img{width:100%!important;height:100%!important;object-fit:cover}#page-article .tyc-photo-slot img{width:100%;object-fit:cover} @media(max-width:760px){#page-article>h2{font-size:30px}body .tyc-redesign .hero{min-height:390px}body .tyc-redesign .hero .wrap{width:100%;padding:26px}body .tyc-redesign .hero h1{font-size:40px}body .tyc-redesign .hero p:not(.eyebrow){font-size:16px}body .tyc-redesign .hero .eyebrow{font-size:9px;letter-spacing:2px}} body .tyc-redesign .hero{height:420px;min-height:420px}body .tyc-redesign .hero .wrap{width:64%;padding:24px 32px}body .tyc-redesign .hero h1{margin-bottom:16px}body .tyc-redesign .hero p:not(.eyebrow){margin-bottom:12px}body .tyc-redesign .hero .eyebrow{margin-bottom:12px}@media(max-width:760px){body .tyc-redesign .hero{height:390px;min-height:390px}body .tyc-redesign .hero .wrap{width:100%;padding:26px}} body .tyc-redesign .hero{min-height:420px;box-sizing:border-box}body .tyc-redesign .hero h1{font:64px/1.08 Georgia,serif;margin:0 0 24px}body .tyc-redesign .hero p:not(.eyebrow){font:18px/1.65 Inter,Arial,sans-serif;margin:0 0 20px}body .tyc-redesign .hero .eyebrow{font:11px/1.65 Arial,sans-serif;letter-spacing:3px;text-transform:uppercase;margin:0 0 20px}body .tyc-redesign .hero .btn{font:bold 15px/1.4 Arial,sans-serif;padding:12px 24px;background:#dab45c;color:#142f40;border-radius:0;text-decoration:none;display:inline-block}body .tyc-redesign .hero img{width:100%!important;height:100%!important;object-fit:cover}#page-article .tyc-photo-slot img{width:100%;object-fit:cover} @media(max-width:760px){#page-article>h2{font-size:30px}body .tyc-redesign .hero{min-height:390px}body .tyc-redesign .hero .wrap{width:100%;padding:26px}body .tyc-redesign .hero h1{font-size:40px}body .tyc-redesign .hero p:not(.eyebrow){font-size:16px}body .tyc-redesign .hero .eyebrow{font-size:9px;letter-spacing:2px}} body .tyc-redesign .hero{height:420px;min-height:420px}body .tyc-redesign .hero .wrap{width:64%;padding:24px 32px}body .tyc-redesign .hero h1{margin-bottom:16px}body .tyc-redesign .hero p:not(.eyebrow){margin-bottom:12px}body .tyc-redesign .hero .eyebrow{margin-bottom:12px}@media(max-width:760px){body .tyc-redesign .hero{height:390px;min-height:390px}body .tyc-redesign .hero .wrap{width:100%;padding:26px}} @media(max-width:760px){body .tyc-contact-hero .hero .wrap{padding:16px 26px}body .tyc-contact-hero .hero h1,body .tyc-contact-hero .hero .eyebrow,body .tyc-contact-hero .hero p:not(.eyebrow){margin-bottom:8px}} @media(max-width:760px){body .tyc-redesign .hero{height:460px;min-height:460px;align-items:flex-end}body .tyc-redesign .hero .wrap,#page-article .tyc-redesign .hero .wrap{width:100%;margin:0;padding:24px;text-align:left}body .tyc-redesign .hero h1,#page-article .tyc-redesign .hero h1{font-size:36px;line-height:1.12;margin:0 0 12px}body .tyc-redesign .hero p:not(.eyebrow){font-size:16px;line-height:1.5;margin:0 0 16px}body .tyc-redesign .hero .eyebrow{margin:0 0 12px}body .tyc-redesign .hero .actions{margin:0;display:flex;justify-content:flex-start}body .tyc-redesign .hero:after{background:linear-gradient(180deg,rgba(20,47,64,.12),rgba(20,47,64,.48) 35%,rgba(20,47,64,.94))}body .tyc-types-hero .hero img{object-position:30% 42%}body .tyc-moor-hero .hero img{object-position:30% 25%}body .tyc-contact-hero .hero img{object-position:70% 55%}} @media(max-width:760px){#page-article .tyc-redesign .hero{height:460px;min-height:460px;align-items:flex-end}#page-article .tyc-redesign .hero p:not(.eyebrow){line-height:1.5;margin-bottom:16px}#page-article .tyc-redesign .hero .eyebrow{margin-bottom:12px}} @media(max-width:760px){body .tyc-redesign .hero h1,#page-article .tyc-redesign .hero h1{font-size:32px}body .tyc-redesign .hero h1 br{display:none}body .tyc-redesign .hero h1 br:after{content:" "}} @media(max-width:760px){body .tyc-redesign .hero h1 br{display:initial}} body :is(.tyc-dinghy-hero,.tyc-cruising-hero,.tyc-racing-hero){margin-bottom:28px}body :is(.tyc-dinghy-hero,.tyc-cruising-hero,.tyc-racing-hero) .hero .wrap{margin:0;width:64%;padding:24px 32px}body .tyc-dinghy-hero .hero img{object-position:center 64%}body .tyc-cruising-hero .hero img{object-position:center 35%}body .tyc-racing-hero .hero img{transform:rotate(180deg);object-position:center 5%}@media(max-width:760px){body :is(.tyc-dinghy-hero,.tyc-cruising-hero,.tyc-racing-hero) .hero .wrap{width:100%;padding:24px}} /* Desktop hero refinements: smaller headlines and face-aware text placement. */ @media (min-width:761px){ body #primary .uie-html h1,body .tyc-redesign .hero h1,body #page .tyc-redesign .hero h1{font-size:48px!important;line-height:1.12!important;margin-bottom:18px!important} body .tyc-redesign .hero[data-photo="calendar-hero"] .wrap{width:58%!important;margin:0 0 0 auto!important;padding:24px 32px!important;text-align:left!important} body .tyc-redesign .hero[data-photo="calendar-hero"] .actions{display:flex!important;justify-content:flex-start!important} body .tyc-redesign .hero[data-photo="membership-hero"] .wrap{width:52%!important;margin:0!important;padding:24px 32px!important;text-align:left!important} body .tyc-types-hero .hero .wrap{width:52%!important;margin:0 0 0 auto!important;text-align:left!important} body .tyc-moor-hero .hero .wrap{width:56%!important;margin:0 0 0 auto!important;text-align:left!important} body .tyc-fees-hero .hero .wrap{width:40%!important;margin:0!important;text-align:left!important} body #page .tyc-fees-hero .hero h1{font-size:44px!important} body .tyc-form-hero .hero{align-items:flex-end!important} body .tyc-form-hero .hero .wrap{width:44%!important;margin:0!important;padding:24px 32px!important;text-align:left!important} body #page .tyc-form-hero .hero h1{font-size:40px!important} body .tyc-form-hero .hero .wrap>p:not(.eyebrow){font-size:16px!important;line-height:1.5!important;margin-bottom:14px!important} } /* Home group photograph: compact copy below the members' faces. */ body .tyc-home-club .hero{align-items:flex-end!important} body .tyc-home-club .hero .wrap{width:48%!important;margin:0!important;padding:20px 32px!important;text-align:left!important} body .tyc-home-club .hero h2{font-size:28px!important;line-height:1.12!important;margin:0 0 10px!important} body .tyc-home-club .hero .eyebrow{font-size:9px!important;margin-bottom:8px!important} body .tyc-home-club .hero .wrap>p:not(.eyebrow){font-size:15px!important;line-height:1.45!important;margin:0 0 12px!important} body .tyc-home-club .hero .btn{font-size:13px!important;padding:9px 16px!important} body .tyc-home-club .hero:after{background:linear-gradient(to bottom,rgba(20,47,64,.08) 0%,rgba(20,47,64,.16) 42%,rgba(20,47,64,.82) 100%)!important} @media(max-width:760px){body .tyc-home-club .hero .wrap{width:100%!important;padding:20px 24px!important}body .tyc-home-club .hero h2{font-size:26px!important}} body #primary .uie-html .tyc-home-club .hero h2{font:28px/1.12 Georgia,serif!important;margin:0 0 10px!important;max-width:none!important} @media(max-width:760px){body #primary .uie-html .tyc-home-club .hero h2{font:26px/1.12 Georgia,serif!important}} @media(min-width:761px){body .tyc-form-hero .hero .wrap{margin:0 0 0 auto!important;width:48%!important;text-align:right!important;padding:24px 32px!important}body .tyc-form-hero .hero .actions{display:flex!important;justify-content:flex-end!important}} /* Simple contact details beneath the SCM form */ #tyc-contact-details{clear:both;box-sizing:border-box;width:100%;margin:32px 0;padding:32px;background:#f4f5f3;border-top:3px solid #cfb261;color:#142f40;font:17px/1.65 Inter,Arial,sans-serif}#tyc-contact-details h2{font:32px/1.2 Georgia,serif;margin:0 0 16px}#tyc-contact-details>p{max-width:850px;margin:0 0 12px}#tyc-contact-details .tyc-contact-details-grid{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:28px;margin-top:28px}#tyc-contact-details h3{font:22px/1.25 Georgia,serif;margin:0 0 10px}#tyc-contact-details address{font-style:normal}#tyc-contact-details a{color:#142f40;overflow-wrap:anywhere}#tyc-contact-details .tyc-contact-details-grid p{margin:0}@media(max-width:760px){#tyc-contact-details{padding:24px;margin:24px 0}#tyc-contact-details h2{font-size:28px}#tyc-contact-details .tyc-contact-details-grid{grid-template-columns:1fr;gap:24px}} /* Membership enquiry website page */ .tyc-form-hero{background:white!important}#membership-enquiry{padding:44px 28px 28px!important;max-width:980px;margin:0 auto!important;scroll-margin-top:110px}#membership-enquiry h2{font-family:Georgia,serif!important;font-size:36px!important;line-height:1.2!important;margin:12px 0 22px!important}#membership-enquiry p{font:17px/1.65 Inter,Arial,sans-serif!important;margin:0 0 20px!important}#membership-enquiry .eyebrow{font-size:12px!important}#tyc-membership-enquiry-frame{margin:8px 0 22px!important}@media(max-width:760px){#membership-enquiry{padding:32px 16px 24px!important}#membership-enquiry h2{font-size:30px!important}#membership-enquiry p{font-size:16px!important}} /* Membership fees menu */ #page-article.content-slug-fees-subscriptions > div:not(.tyc-fees-hero){box-sizing:border-box;max-width:820px;width:calc(100% - 32px);margin:32px auto;padding:clamp(18px,4vw,40px);border-radius:20px;background:#142f40;color:#fff;box-shadow:0 8px 28px #142f4024;border:1px solid #dab45c}#page-article.content-slug-fees-subscriptions > div:not(.tyc-fees-hero) h1{color:#dab45c;margin:0 0 12px;font-size:30px;line-height:1.2}#page-article.content-slug-fees-subscriptions > div:not(.tyc-fees-hero) p{color:#fff;margin:0 0 10px}#page-article.content-slug-fees-subscriptions > div:not(.tyc-fees-hero) h2{color:#dab45c;font-size:23px;line-height:1.25;margin:26px 0 10px;padding-bottom:10px;border-bottom:2px solid #dab45c}#page-article.content-slug-fees-subscriptions > div:not(.tyc-fees-hero) table{width:100%;border-collapse:collapse;table-layout:fixed;margin:0;background:transparent;color:white}#page-article.content-slug-fees-subscriptions > div:not(.tyc-fees-hero) :is(td,th){background:transparent;color:#fff;border:0;border-bottom:1px solid #dab45c38;padding:10px 0;vertical-align:top;font-size:15px;line-height:1.45;text-align:left}#page-article.content-slug-fees-subscriptions > div:not(.tyc-fees-hero) th{color:#dab45c;font-size:12px}#page-article.content-slug-fees-subscriptions > div:not(.tyc-fees-hero) :is(td,th):first-child{width:56%;padding-right:12px;overflow-wrap:break-word}#page-article.content-slug-fees-subscriptions > div:not(.tyc-fees-hero) :is(td,th):nth-child(2):not(:last-child){width:17%;padding-right:6px}#page-article.content-slug-fees-subscriptions > div:not(.tyc-fees-hero) :is(td,th):last-child{width:27%;text-align:right}#page-article.content-slug-fees-subscriptions > div:not(.tyc-fees-hero) td:last-child{color:#f1d28e;white-space:nowrap;font-weight:600}#page-article.content-slug-fees-subscriptions > div:not(.tyc-fees-hero) > br{display:none}