/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; font-family: 'Roboto', 'Arial', 'sans-serif'; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; font-size: 62.5%; } li{ font-size: 62.5%; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .group:after{ content: ""; display: block; clear: both; } .fa{ line-height: 0; } a{ cursor: pointer; } a:link, a:active, a:visited{ color: #003e7e; text-decoration: none; } a:hover{ color: #1892c5; } b{ font-weight: 400; } h2{ font-weight: 400; } h2.saa_bottom_margin{ margin-bottom: 10px; } h2.saa_top_margin{ margin-top: 5px; } .saa_standard_h2{ line-height: 1.2em; } .saa_input_field{ padding: 5px 8px; border: 1px solid #d6d6d9; min-width: 200px; margin: 0 5px 5px; } .saa_font_smaller{ font-size: 0.65em; } .grey_bg{ background: #f2f2f2; } .saa_header_bottom.saa_fixed{ position: fixed; top: 0; width: 100%; border-bottom: 1px solid #d6d6d9; z-index: 9;} .saa_bottom_margin{ margin-bottom: 20px; } .saa_bottom_border{ border-bottom: 1px solid #d6d6d9; } .saa_top_border{ border-top: 1px solid #d6d6d9; } .saa_side_padding{ padding-left: 2em; padding-right: 2em; box-sizing: border-box; } .saa_top_margin{ margin-top: 2em; } .saa_center_content{ text-align: center; } .saa_uppercase_content { text-transform: uppercase; } .saa_section_title{ font-size: 2em; line-height: 1.2em; margin-bottom: 0.75em; } .blue_bg .saa_section_title{ padding-top: 0.75em; font-size: 2.6em; margin-bottom: 0; font-weight: 400; color: #8ad0f3; } .light_blue_bg{ background: #1893c5; color: #FFF; } .saa_red_text{ color: #ef4035; } .saa_lead_caption h1 .saa_extra_line_height{ line-height: 1.4em; font-size: 1.1em; } .saa_lead_caption h1 .saa_font_smaller{ font-size: 0.75em; } .nav_menu_mobile_hide, .saa_nav_item .saa_link.nav_menu_mobile_hide{ display: none; } .saa_404_page_wrapper{ width: 80%; margin: 2em auto; } .saa_404_page_wrapper p{ margin-bottom: 1em; line-height: 1.2em; } /* .saa_link, .saa_link:hover{ -webkit-transition: color 250ms ease; -moz-transition: color 250ms ease; -ms-transition: color 250ms ease; -o-transition: color 250ms ease; transition: color 250ms ease; } */ /* .saa_header_center_2{ -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } */ .saa_header_wrapper{ text-transform: uppercase; } .saa_header_top{ font-size: 1.2em; font-weight: 300; border-bottom: 1px solid #d6d6d9; } .saa_header_top .saa_link{ color: #FFF; text-decoration: none; } .saa2k16_page_wrapper{ max-width: 1200px; width: 100%; margin: 0 auto; } .saa_left{ float: left; } .saa_right{ float: right; } a.saa_image_link{ display: block; line-height: 0; width: 100%; height: 100%; } .saa_tablet_only{ display: none; } .saa_collapse{ visibility: hidden; } .saa_display_hidden{ height: 0; /* display: none; */ } .saa2k16_logo{ border-right: 1px solid #d6d6d9; } .saa2k16_logo img{ height: 30px; padding: 10px 12px; } #saa2k16_login_icon_wrapper{ cursor: pointer; } #saa2k16_login_icon_wrapper span{ margin-right: 5px; } .saa_nav_item_bold .saa_link{ background: #003e7e; color: #FFF; padding: 19px 18px; margin-left: 1px; } .saa_nav_item_bold .saa_link:hover{ color: #003e7e; background: #FFF; } .saa_login_and_menu_icon .saa_nav_item_bold .saa_link{ color: #003e7e; background: #FFF; margin-left: 0; border-left: 1px solid #d6d6d9; } .saa_login_and_menu_icon .saa_nav_item_bold .saa_link:hover{ background: #003e7e; color: #FFF; } .saa_header_center_1{ background: #1692c4; } .saa_header_center_1 #li_comp_usr{ border: none; width: 100%; margin: 0 auto; max-width: 275px; } .saa_header_center_1 #li_comp_usr_ttlTd, .saa_header_center_1 #li_comp_oauthTd{ display: none; } .saa_header_center_1 label{ color: #FFF; } .saa_header_center_1 form{ box-sizing: border-box; padding: 10px 20px; width: 100%; } /* .saa_header_center_1 #li_comp_usr tr{ display: inline-block; margin: 0 3px 0 0; } */ .saa_header_center_1 #li_comp_usr tr:first-child{ display: none; } /* .saa_header_center_1 #li_comp_usr tr:last-child{ display: block; } */ .saa_header_center_1 #li_comp_usr tr:last-child p{ display: inline-block; margin-top: 12px; } .saa_header_center_1 #li_comp_usr input[type=text], .saa_header_center_1 #li_comp_usr input[type=password]{ width: 208px; } .saa_header_center_1 #li_comp_usr p{ font-size: 0.75em; } .li_comp_usr_valTd #login, #lo_comp_usr_div #logout{ background: #003e7e; border: none; color: #FFF; border-radius: 5px; text-transform: uppercase; font-size: 0.75em; padding: 4px 8px; cursor: pointer; } .li_comp_usr_valTd #login{ margin: 10px -2px 0 0; float: right; } .li_comp_usr_valTd #login:hover, #lo_comp_usr_div #logout:hover{ color: #003e7e; background: #f2f3f3; } /* #li_comp_usr_rmbrTd{ float: right; } */ input#RememberMe{ float: right; margin: -2px 5px; } #li_comp_usr_rmbrTd p a{ display: block; color: #FFF; } #li_comp_usr_rmbrTd p a:hover{ color: #d6d6d9; } #lo_comp_usr_div p{ color: #FFF; } .saa_header_center_2{ color: #FFF; overflow: hidden; } .saa_header_center_2 li{ font-size: 0.8em; } .saa_nav_item{ background: #003e7e; border-bottom: 1px solid #d6d6d9; } .saa_sub_nav_item{ border-top: 1px solid #d6d6d9; } .saa_nav_item .saa_link{ padding: 13px 12px; display: inline-block; width: 100%; box-sizing: border-box; color: #FFF; } .saa_nav_item .saa_link:hover{ background: #f2f3f3; color: #003e7e; } .saa_header_bottom{ text-align: center; font-size: 1.2em; } .saa_nav_item_bold.saa_half{ width: 50%; float: left; } .saa_nav_item_bold.saa_half .saa_link{ display: inline-block; width: 100%; margin-left: 0; border-left: 1px solid #d6d6d9; box-sizing: border-box; } .saa_nav_item_bold.saa_half:first-child .saa_link{ border-left: none; } .saa_nav_item_bold.saa_half .saa_link:hover{ background: #f2f3f3; } #saa2k16_featured_slides_wrapper{ overflow: hidden; } .saa_featured_slide{ float: left; } .saa_featured_slide{ max-width: 728px; width: 100%; } .saa_side_slide img{ width: 100%; } #saa2k16_featured_slides .bx-wrapper .bx-viewport{ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: none; left: auto; } .saa_caption{ position: absolute; width: 100%; bottom: 25%; text-align: center; color: #FFF; text-transform: uppercase; } .saa_centered_caption .saa_caption{ top: 50%; } .saa_caption p{ font-size: 2.4em; margin-top: 4px; font-weight: 300; text-shadow: 1px 1px 4px #000; } .saa_full_width .saa_caption p{ font-size: 1.6em; } /* .saa_caption p strong{ text-shadow: 1px 1.5px 0 #000; } */ #saa2k16_featured_slides .bx-wrapper{ margin-bottom: 0; } #saa2k16_featured_slides .bx-wrapper .bx-pager{ bottom: 20px; } #saa2k16_featured_slides .bx-wrapper .bx-pager.bx-default-pager a{ width: 15px; height: 15px; border-radius: 10px; background: rgba(255,255,255,0.6); } #saa2k16_featured_slides .bx-wrapper .bx-pager.bx-default-pager a:hover, #saa2k16_featured_slides .bx-wrapper .bx-pager.bx-default-pager a.active{ background: rgba(255,255,255,1); } .saa_featured_slide.small_screen{ background-size: auto 100%; background-position: center 0; } .saa_featured_slide.small_screen img{ opacity: 0; } #saa2k16_psi_wrapper{ border-bottom: 1px solid #d6d6d9; } #saa2k16_psi li{ padding: 20px 25px; color: #FFF; border-top: 1px solid #d6d6d9; } #saa2k16_psi li:first-child{ border-top: none; } .saa_dark_blue{ background: #003e7e; } .saa_light_blue{ background: #1692c4; } .saa_light_blue_text, a.saa_light_blue_text{ color: #1892c5; } .saa_full_width_wrapper a.saa_thin{ font-weight: 400; } a.saa_light_blue_text:hover{ color: #003e7e; } .saa_dark_blue_text, a.saa_dark_blue_text{ color: #003e7e; } a.saa_dark_blue_text:hover{ color: #1892c5; } .blue_bg a.saa_dark_blue_text:hover{ color: #8ad0f3; } .saa_sky_blue_text, a.saa_sky_blue_text{ color: #8ad0f3; } a.saa_sky_blue_text:hover{ color: #003e7e; } .blue_bg a.saa_sky_blue_text:hover{ color: #1892c5; } .light_blue_bg a.saa_dark_blue_text:hover, .light_blue_bg a:hover{ color: #8ad0f3; } #saa2k16_psi p{ color: rgba(255,255,255,0.8); font-weight: 400; line-height: 1.4em; } #saa2k16_psi h3{ font-size: 2.6em; margin-bottom: 10px; } #saa2k16_make_waves_wrapper{ background: url('../images/make_waves_bg.jpg'); } .saa_full_wrapper{ padding: 20px 50px; text-align: center; } #saa2k16_make_waves_wrapper a{ text-decoration: none; } #saa2k16_make_waves_wrapper h4{ font-size: 2.8em; margin-bottom: 10px; } #saa2k16_make_waves_wrapper h4 a{ color: #1692c4; } #saa2k16_make_waves_wrapper p{ text-transform: uppercase; line-height: 1.4em; } #saa2k16_make_waves_wrapper p a{ color: #ef4035; } #saa2k16_email_wrapper .saa_full_wrapper{ padding: 20px 25px; } .saa_email_label h4{ font-size: 1.8em; font-weight: 400; line-height: 1.3em; } .saa_email_label h4 .fa-star{ margin-left: 6px; color: #ef4035; } #saa2k16_email_wrapper label, #saa2k16_email_wrapper input[type=button], #saa2k16_email_wrapper input[type=checkbox]{ display: none; } #saa2k16_email_wrapper input[type=text]{ width: 100%; font-size: 1.4em; margin-top: 6px; border: 1px solid #d6d6d9; box-sizing: border-box; padding: 8px 12px; font-weight: 300; } #saa2k16_email_wrapper form{ position: relative; margin: 0 auto; max-width: 350px; } #saa2k16_email_wrapper form table{ width: 100%; } #saa2k16_email_wrapper form .fa-chevron-right{ position: absolute; bottom: 19px; right: 8px; font-size: 1.8em; color: #d6d6d9; cursor: pointer; } #saa2k16_donors_wrapper .saa_half{ background-size: 100% auto; border-top: 1px solid #d6d6d9; box-sizing: border-box; height: 100%; overflow: hidden; } #saa2k16_donors_wrapper .saa_half:first-child{ border-top: none; } .saa_top_teams{ background-image: url('../images/top_teams_list_bg.jpg'); } .saa_top_donors{ background-image: url('../images/top_fundraisers_bg.jpg'); } .saa_top_list_wrapper{ padding: 0 54px 0 18px; max-height: 135px; overflow-y: scroll; height: 100%; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } /* .saa_top_list_container_box { padding-top: 135px; padding-bottom: 50px; } */ .saa_top_label{ color: #FFF; font-size: 1.8em; padding: 25px 20px 0; text-transform: uppercase; } .saa_top_item{ font-size: 1em; color: #FFF; line-height: 1.3em; text-transform: capitalize; margin-bottom: 6px; } .saa_top_item:nth-child(odd){ color: #8ad1f2; } .saa_gift_amount{ float: right; } .saa_top_list{ height: 100%; width: 100%; overflow: hidden; padding: 15px 20px 20px; } .saa_top_list_wrapper .saa_top_item a{ color: inherit; opacity: 1; } .saa_top_list_wrapper .saa_top_item a:hover{ color: inherit; opacity: 0.75; } #saa_hp_top_teams, #saa_hp_top_donors{ display: none; } /*Footer*/ #saa2k16_footer_border, .saa2k16_footer_border{ height: 10px; background-image: url('../images/saa_light_blue_gradient.jpg'); background-size: 100% 10px; margin-top: -1px; } #saa2k16_footer_wrapper{ background-image: url('../images/saa_dark_blue_gradient.jpg'); background-size: 100% 100%; padding: 15px 0; box-sizing: border-box; } .saa_footer_column.saa_side_column{ max-width: 65%; margin: 0 auto 15px; text-align: center; } .saa_side_column img{ width: 100%; max-width: 280px; } .saa_footer_column.saa_center_column{ text-transform: uppercase; text-align: center; margin-bottom: 20px; } .saa_footer_column.saa_center_column a{ color: #8bd1f2; padding: 0 10px; } .saa_footer_column.saa_center_column a:hover{ font-weight: 400; color: #FFF; } .saa_footer_column.saa_center_column li:hover{ background: #003e7e; } .saa_footer_column.saa_center_column li{ font-size: 1em; border-bottom: 1px solid #d6d6d9; font-weight: 300; padding: 10px 0; box-sizing: border-box; } .saa_footer_column.saa_center_column li.saa_footer_sub_nav_item:first-child{ margin-top: 10px; } .saa_footer_column.saa_center_column li.saa_has_sub_menu{ padding-bottom: 0; } .saa_footer_column.saa_center_column li.saa_footer_nav_item{ border-bottom: 1px solid #d6d6d9; } .saa_footer_column.saa_center_column li.saa_footer_sub_nav_item{ border-top: 1px solid #d6d6d9; } .saa_footer_column.saa_center_column li.saa_footer_sub_nav_item:last-child{ border-top: none; border-bottom: none; } .saa_footer_column.saa_center_column li.saa_footer_sub_nav_item:first-child{ border-bottom: none; } .saa_footer_nav_item_wrapper .fa-caret-down{ color: #8bd1f2; } .saa_footer_nav_item_wrapper .fa-caret-down:hover{ color: #FFF; } .saa_footer_label{ color: #8bd1f2; font-size: 1.8em; text-align: center; font-weight: 400; } .saa_footer_social_wrapper{ color: #8bd1f2; display: table; margin: 10px auto 0; } .saa_footer_social_wrapper a{ color: #8bd1f2; } .saa_footer_social_wrapper li{ font-size: 2.8em; display: table-cell;} .saa_footer_social_item a:hover{ color: #FFF; } .saa_approvers{ display: table; margin: 10px auto 0; } .saa_approvers a{ display: table-cell; vertical-align: middle; } .saa_approvers a img{ max-width: 65px; margin: 0 25px; } .saa_approvers a:first-child img{ max-width: 80px; } .saa_footer_secondary{ color: #8ad0f3; text-align: center; font-size: 1.2em; line-height: 1.3em; padding: 10px 10px 0; } .saa_footer_secondary a{ color: #8ad0f3; padding-left: 5px; border-left: 1px solid #d6d6d9; margin-left: 3px; } .saa_footer_right{ margin-top: 5px; } /*TR Pages*/ .saa_featured_slide.saa_full_width{ width: 100%; max-width: 1200px; position: relative; } .saa_full_width img{ width: 100%; max-width: 1200px; height: auto; } .saa_full_width_wrapper{ width: 100%; } .saa_full_width_wrapper.blue_bg{ background: #003e7e; color: rgba(255,255,255,0.85); } .saa_full_width_wrapper p{ max-width: 768px; width: 75%; padding: 20px 0; text-align: center; margin: 0 auto; font-size: 1.5em; line-height: 1.2em; font-weight: 300; } .saa_full_width_wrapper.saa_full_width_content p{ width: 100%; text-align: left; padding: 15px 0; max-width: none; } .saa_full_width_wrapper.saa_full_width_content p.saa_center_content{ text-align: center; } .saa_full_width_wrapper li{ font-size: 1.1em; line-height: 1.2em; margin-bottom: 8px; } .saa_full_width_wrapper li.table_inline_item{ margin-bottom: 2em; } .saa_full_width_wrapper li p{ font-size: 1em; } .saa_full_width_wrapper li .saa_section_title{ font-size: 1.2em; } .saa_full_width_wrapper a{ font-weight: 700; } .saa_rdv_wrapper, .saa_benefactor_wrapper, .saa_event_stats_wrapper, .saa_info_wrapper, .saa_about_wrapper{ border-bottom: 1px solid #d6d6d9; } .saa_rdv{ max-width: 600px; width: 100%; padding: 25px 0; margin: 0 auto; display: table; text-transform: uppercase; } .saa_rdv li{ display: table-cell; text-align: center; background: #003e7e; border-left: 5px solid #FFF; border-right: 5px solid #FFF; font-size: 1.2em; color: #FFF; } .saa_rdv li:hover{ background: #1893c5; } .saa_rdv li a{ color: #FFF; display: block; width: 100%; height: 100%; padding: 6% 5% 4%; box-sizing: border-box; text-decoration: none; font-weight: 400; } .saa_rdv li a.light-blue{ background: #1892c5; padding: 5% 5% 4%; } .saa_rdv li a.light-blue:hover{ background: #003e7e; } .saa_rdv li a.red{ background: #ef4035; padding: 5% 5% 4%; font-size: 26px; font-weight: bold; } .saa_rdv li a.red:hover{ background: #1892c5; } .saa_rdv.saa_event_register_sub_menu li a, .saa_rdv.saa_list_sub_menu li a{ padding: 5% 1% 4%; } .saa_rdv.saa_event_register_sub_menu li, .saa_rdv.saa_list_sub_menu li{ border-left: 1px solid #FFF; border-right: 1px solid #FFF; } .saa_rdv li:first-child{ border-left: none; } .saa_rdv.saa_event_register_sub_menu li:first-child, .saa_rdv.saa_list_sub_menu li:first-child{ border-right: 2px solid #FFF; } .saa_rdv li:last-child{ border-right: none; } .saa_rdv.saa_event_register_sub_menu li:last-child, .saa_rdv.saa_list_sub_menu li:last-child{ border-left: 2px solid #FFF; } .saa_event_register{ cursor: pointer; } .saa_event_donate{ cursor: pointer; } .saa_event_volunteer{ cursor: pointer; } .saa_rdv.saa_event_register_sub_menu, .saa_rdv.saa_list_sub_menu{ font-size: 1em; line-height: 1.5em; padding: 0 0 25px; display: none; } .saa_rdv.saa_list_sub_menu{ display: none; } .saa_rdv.saa_event_register_sub_menu.saa_show_menu{ display: table; } .saa_rdv.saa_event_donate_sub_menu.saa_show_menu{ display: table; } .saa_rdv.saa_event_volunteer_sub_menu.saa_show_menu{ display: table; } .saa_list_sub_menu>li{ display: block; text-align: left; border-bottom: 1px solid #FFF; } .saa_rdv.saa_list_sub_menu>li a{ padding: 1.5% 1% 1%; } .saa_rdv li.saa_event_sub_item_label{ background: #1893c5; padding: 1.5% 1% 1%; } .saa_rdv.saa_has_sub_menu li{ padding: 1% 0 1%; } .saa_rdv.-stacked { display: block; } .saa_rdv.-stacked li { display: block; border: 0; width: 100%; } @media(max-width: 767px) { .saa_rdv.-stacked-mobile { display: block; } .saa_rdv.-stacked-mobile li { display: block; border: 0; width: 100%; } } .saa_benefactor_wrapper{ padding: 25px 0; color: #000102; } .saa_benefactor_wrapper a{ color: #1893c5; text-decoration: none; font-weight: 400; } .saa_benefactor_wrapper a:hover{ color: #003e7e; } .saa_benefactor{ max-width: 600px; width: 100%; margin: 0 auto; display: table; } /* .saa_benefactor li{ font-size: 0.75em; } */ .benefactor_logo{ max-width: 250px; margin: 0 auto; } .benefactor_logo img{ width: 100%; } #opt_out_confirmation.appArea{ padding: 2em; } #opt_out_confirmation.appArea p{ line-height: 1.3em; margin: 1em 0; } .saa2k16_page_wrapper .appArea{ width: auto; margin: 0; } .saa_event_stats_wrapper{ color: #000; } .saa_event_stats_wrapper .saa_top_label{ color: #003e7e; padding: 0; font-weight: 400; font-size: 1.25em; line-height: 1.8em; margin-bottom: 10px; } .saa_event_stats_wrapper .fa-star{ color: #ef4035; } .stats_item{ padding: 25px 0; margin: 0 20px; border-top: 1px solid #d6d6d9; } .stats_item:first-child{ border-top: none; } .saa_progress_wrapper{ text-align: center; padding: 10px; background: #f7f7f7; border: 1px solid #d6d6d9; } .saa_raised_amount_wrapper{ font-size: 1.75em; font-weight: 700; } #saa_raised_amount{ font-size: 1.2em; line-height: 1.4em; } .saa_progress_meter{ padding: 5px 25px; } .saa_progress_meter table{ display: none; } .saa_progress_meter img{ width: 100%; height: auto; border-radius: 20px; max-width: 250px; } .saa_progress_label{ font-size: 1em; line-height: 1.8em; } .saa_event_donate{ margin: 15px 0 5px; text-transform: uppercase; font-size: 1em; text-align: center; } .saa_event_donate a{ color: #FFF; text-decoration: none; background: #003e7e; padding: 12px 15px 10px; display: block; width: 30%; margin: 0 auto; font-weight: 400; } .saa_event_donate a:hover{ background: #1893c5; } .event_stats .saa_top_list{ box-sizing: border-box; background: #f7f7f7; border: 1px solid #d6d6d9; } .event_stats .saa_top_list_wrapper{ padding-left: 0; width: 100%; } .saa_top_item.saa_event_item{ color: #003e7e; font-size: 1.04em;} .saa_top_item.saa_event_item span:first-child{ float: left; } .saa_top_item.saa_event_item .saa_item_label{ display: inline-block; margin-left: 5px; text-overflow: ellipsis; overflow: hidden; max-width: 58%; white-space: nowrap; } .saa_social_wrapper{ background: #1893c5; padding: 20px 15px; text-align: center; box-sizing: border-box; font-size: 2em; line-height: 1.3em; color: #FFF; font-weight: 300; } .event_social_label{ font-weight: 400; } .event_social_links a{ color: #FFF; } .event_social_links .fa{ font-size: 2em; line-height: 1.2em; } .saa_info_wrapper{ padding: 1.3em 0.8em 1em; color: #003e7e; font-size: 2.2em; box-sizing: border-box; } .saa_full_width_wrapper .saa_event_info, .saa_about_wrapper, .saa_details_wrapper{ color: #000; width: 80%; margin: 0 auto; padding: 25px 0; box-sizing: border-box; } .saa_info_label{ color: #003e7e; font-size: 1.75em; font-weight: 700; } .saa_content_wrapper .saa_info_label{ color: #000; font-size: 1.95em; } .saa_full_width_wrapper .saa_event_info p, .saa_about_wrapper p, .saa_details_wrapper p{ max-width: none; line-height: 1.35em; padding: 10px 0; text-align: left; width: 100%; } .saa_full_width_wrapper .saa_event_info .saa_center_content p, .saa_about_wrapper .saa_center_content p, .saa_details_wrapper .saa_center_content p { text-align: inherit; } .saa_full_width_wrapper .saa_event_info p a, .saa_about_wrapper p a, .saa_details_wrapper p a{ text-decoration: none; color: #1893c5; font-weight: 400; } .saa_full_width_wrapper .saa_event_info p a:hover, .saa_about_wrapper p a:hover, .saa_details_wrapper p a:hover{color: #003e7e; } .saa_event_content_wrapper{ width: 85%; margin: 0 auto; } .saa_event_content_wrapper h3{ font-size: 1.5em; color: #1893c5; padding-top: 10px; line-height: 1.4em; } .saa_event_content_wrapper ul{ padding: 10px 0 10px 10%; list-style: disc; } .saa_event_content_wrapper ul li{ font-size: 1.1em; line-height: 1.5em; font-weight: 300; padding-bottom: 5px; } .saa_dynamic_wrapper{ padding: 20px 0 20px 35px; width: 90%; margin: 0 auto; box-sizing: border-box; } .saa_dynamic_box_label{ color: #003e7e; font-size: 1.6em; font-weight: 700; cursor: pointer; line-height: 1.35em; text-indent: -20px; } .saa_dynamic_box_label:before{ content: "+"; color: #FFF; background: #003e7e; padding: 1px 6px; background: #003e7e; border-radius: 25px; margin-right: 8px; font-size: 1em; margin-left: -8px; } .saa_dynamic_box_label.wide_open:before{ content: "-"; background: #1893c5; padding: 1px 7px; } .saa_dynamic_box_content{ display: none; padding: 15px 0; } .saa_dynamic_box_content.wide_open{ display: block; } .saa_dynamic_box_label.wide_open{ color: #1893c5; } .saa_our_mission_page_wrapper .saa_dynamic_box_label.wide_open:before{ padding: 1px 9px; } .saa_hide_data{ display: none; } .saa_photos_wrapper{ background-image: url('../images/event_photos_bg.jpg'); padding-bottom: 10px; background-size: auto 100%; } .saa_photos{ text-align: center; padding: 0 20px; color: #FFF; } .saa_photos p{ font-weight: 400; } .saa_event_photos{ margin: 20px auto 0; } .saa_event_photos iframe{ width: 100%; max-width: 524px; box-shadow: 1px 1px 10px #000; } .saa_event_photos img{ max-width: 524px; width: 100%; height: auto; box-shadow: 1px 1px 10px #000; } .saa_sponsors_wrapper .saa_top_label{ color: #003e7e; } .saa_sponsors{ margin: 20px auto; } .event_sponsors li{ display: inline-block; margin: 15px; } .event_sponsors li img{ max-height: 70px; } .event_sponsors{ margin: 0 20px; } .saa_find_a_swim_wrapper .saa_open_swim_item .saa_caption{ bottom: initial; top: 50%; } .saa_lead_caption{ background: rgba(0,62,126,0.5); display: block; padding: 0.5em 0; margin-top: -14px; } .saa_lead_caption.saa_two_line{ margin-top: -24px; } .saa_lead_caption h1{ font-size: 1em; } .saa_full_width .saa_caption .saa_lead_caption p{ margin: 2px 0; font-size: 2em; } .saa_lead_caption p:first-child{ margin-top: 4px; } .saa_os_item_info{ background: rgba(255,255,255,0.7); padding: 0.4em 0; margin-top: -33px; } .saa_os_item_info p{ text-shadow: none; } .saa_os_item_info a{ text-decoration: none; color: #003e7e; } .saa_open_swims_event_calendar{ margin: 1em auto; } .saa_open_swims_wrapper{ padding: 0 2em; box-sizing: border-box; } .saa_os_item_wrapper{ position: relative; } .saa_open_swim_item{ padding: 2em 0; border-top: 1px solid #d6d6d9; } .saa_open_swim_item:first-child{ border-top: none; } .saa_os_item_image img{ width: 100%; max-width: 640px; } .saa_open_swim_item:hover .saa_os_item_image img{ opacity: 0.4; } .saa_join_a_swim_wrapper{ margin-bottom: 1em; } .saa_join_a_swim{ font-size: 1.5em; text-align: center; line-height: 1.5em; } .saa_join_a_swim span{ font-weight: 700; } .join_a_swim_link{ margin-bottom: 2em; } .join_a_swim_link:first-child{ margin-bottom: 0.5em; } .join_a_swim_link a{ text-decoration: none; color: #FFF; display: block; padding: 1em 0.5em; background: #1892c5; } .join_a_swim_link a span{ color: #003e7e; } .join_a_swim_link a:hover span{ color: #8ad0f3; } /*olympians*/ .saa_ul_list{ margin: 2em auto; padding: 0 2em; box-sizing: border-box; } li.saa_olympian{ font-size: 1.3em; line-height: 1.3em; margin-bottom: 10px; } /*Sponsors*/ .saa_sponsors_logos{ text-align: center; border-bottom: 1px solid #d6d6d9; padding-bottom: 20px; } .saa_image_content.saa_one_fifth li img, .saa_image_content.saa_one_fourth li img{ max-width: 200px; width: 100%; } /*Fundraising*/ .saa_block_title{ text-transform: uppercase; line-height: 1.15em; font-size: 1.2em; padding-bottom: 10px; } .saa_one_fifth img{ max-width: 130px; width: 100%; display: block; margin: 0 auto; padding: 0 0 1.5em 0; } .saa_full_width_wrapper.saa_full_width_content.saa_center_content p{ text-align: center; } .block_item span{ display: block; line-height: 1.4em; } .block_item span.saa_pipe{ display: none; } .saa_mission_caption{ padding: 0.5em 1em 1.5em; } .saa_full_width_wrapper iframe{ width: 100%; margin-bottom: 2em; } .saa_h2_title{ text-transform: uppercase; font-weight: 400; font-size: 1.8em; line-height: 1.35em; } .saa_full_width_wrapper p.saa_font_smaller{ font-size: 1.35em; } .saa_full_width_wrapper .saa_approvers a img{ max-width: none; } .saa_full_width_wrapper .saa_approvers li{ vertical-align: middle; } .saa_full_width_wrapper .saa_approvers li:first-child img{ max-width: 200px; } /* .pool_swim_list_item .saa_section_title:before{ content: "*"; color: #FFF; padding: 1px 6px; background: #003e7e; border-radius: 25px; margin-right: 8px; font-size: 1em; margin-left: -8px; } */ .saa_full_width_wrapper li.pool_swim_list_item{ margin-bottom: 0; } .saa_full_width_wrapper li.pool_swim_list_item li.inline_item{ margin-bottom: 1.5em; } .saa_find_poolswim_page_wrapper .saa_dynamic_box_label{ font-size: 1.2em; font-weight: 400; } .saa_find_poolswim_page_wrapper .saa_dynamic_box_label.wide_open:before{ padding: 1px 9px; margin-right: 7px; } .saa_find_poolswim_page_wrapper .saa_dynamic_box_content{ padding: 15px 0 0; } .inline_item.saa_only_image img{ width: 100%; height: auto; } .saa_donate_button{ background: #003e7e; border: none; color: #FFF; padding: 6px 30px; margin-left: 15px; cursor: pointer; } .saa_donate_button:hover{ background: #1892c5; } .saa_donate_button a{ color: #FFF; font-size: 0.8em; font-weight: 400;} .saa_donate_button.saa_link_button{ padding: 4px 30px; } .saa_sub_text.saa_font_smaller{ margin-left: 25px; } .saa_form .fa-star{ margin-top: 10px; } .saa_beneficiary_image img{ max-width: 70%; display: block; margin: 0 auto 1em; } .saa_beneficiary .saa_inline_list.saa_bottom_border{ border-bottom: none; } .saa_beneficiary_image.saa_more_padding{ padding: 1em 3em; } .saa_standard_inline_list .inline_item{ display: inline-block; float: left; box-sizing: border-box; padding: 0 1em; } .saa_standard_inline_list p{ padding-top: 0; text-align: left; width: 100%; max-width: none; } .saa_standard_inline_list .inline_item.saa_one_fourth{ width: 25%; padding: 0 1em 0 0; word-break: break-word; } .saa_standard_inline_list .inline_item.saa_one_fourth p{ text-align: right; } .saa_standard_inline_list .inline_item.saa_three_fourth{ width: 75%; border-left: 1px solid #d6d6d9; } .saa_standard_inline_list .fa-star{ color: #ef4035; } .saa_relative{ position: relative; } .saa_relative .fa-star{ position: absolute; right: -8px; top: 8px; } /*User Registration*/ #cons_profile{ padding: 2em; } #cons_profile, .cons-pers td, .cons-pers p, .cons-pers label, .cons-pers fieldset, .cons-pers .Explicit, .cons-prof h3, .cons-pers h4{ font-family: 'Roboto', 'Arial', 'sans-serif'; } #cons_profile p{ font-size: 1.2em; line-height: 1.2em; } .cons-pers div.Hint{ margin: 10px 0 15px; } .cons-prof h3{ text-transform: uppercase; color: #003e7e; font-weight: 400; padding: 18px 0 0; font-size: 1.6em; } .cons-prof h4{ color: #003e7e; } .cons-pers .grid tbody > tr td{ display: block; width: 100%; box-sizing: border-box; } .cons-pers .nogrid tbody > tr td{ margin-bottom: 0.6em; } .cons-pers .nogrid tbody > tr{ display: table-cell; } .cons-pers label{ font-weight: 400; font-size: 0.9em; } .cons-pers .label{ text-align: left; } .cons-pers table.grid > tbody > tr{ border-bottom: 1em solid #FFF; } .cons-pers .grid td{ border-bottom: none; } #cons_profile .cons-pers p.Hint{ font-size: 0.9em;} #cons_profile .cons-pers p.Hint-small{ font-size: 0.85em; } .cons-pers table td.heading{ padding: 8px; background: #F8F8F9; } #cons_profile .blueButton{ border: none; color: #FFF; background: #003e7e; padding: 7px 15px; border-radius: 3px; cursor: pointer; margin-top: 5px; } #cons_profile .blueButton:hover{ #1894c5; } .cons-nav li{ font-size: 0.8em; } /*Donation Forms*/ .saa2k16_page_wrapper .donation-form-container{ margin: 2em auto; width: 100%; box-sizing: border-box; } .saa2k16_page_wrapper div.donation-form-container.responsive{ border-radius: 0; border: none; background: #FFF; } .saa2k16_page_wrapper div.responsive span.field-required{ margin-right: 6px; float: left; } .saa2k16_page_wrapper div.responsive div.form-content{ font-size: 1.2em; } .saa2k16_page_wrapper div.donation-level-input-container{ padding: 0; width: 100%; } .saa2k16_page_wrapper div.form-input-choose-block, .saa2k16_page_wrapper div.donation-level-label-input-container input[type="radio" i]{ margin: 0 3px 0 5px; } .saa2k16_page_wrapper div.responsive legend{ font-family: 'Roboto', 'Arial', 'sans-serif'; margin-bottom: 8px; font-size: 16px; } .saa2k16_page_wrapper .designated-giving-recurring-row{ margin-bottom: 5px; } .saa2k16_page_wrapper .designated-giving-recurring-row input[type="radio" i]{ margin: 1px 3px 0 5px; } .saa2k16_page_wrapper div.responsive div.form-content{ margin: 5px 0; } .saa2k16_page_wrapper .mobile div.responsive div.form-row, .saa2k16_page_wrapper div.don-level-total-row{ margin-bottom: 10px; border: none; border-top: 1px solid #ccc; margin-top: 30px; border-radius: 0; padding-top: 20px; font-size: 1.25em; } .saa2k16_page_wrapper div.form-row div.form-content>select, .saa2k16_page_wrapper div.form-row div.form-content>input[type="text"], .saa2k16_page_wrapper div.form-row div.form-content input.ui-autocomplete-input, .saa2k16_page_wrapper div.form-row div.form-content>textarea, .saa2k16_page_wrapper div.form-row div.form-content>button{ margin-top: 6px; } .saa2k16_page_wrapper div.form-row p{ line-height: 1.3em; } .saa2k16_page_wrapper .payment-type-element-container{ margin-top: 1.5em; } .saa2k16_page_wrapper div.responsive a.next-step, .saa2k16_page_wrapper div.responsive button.next-step{ background: #003e7e; color: #FFF; border: none; text-transform: uppercase; } .saa2k16_page_wrapper div.responsive a.next-step:hover, .saa2k16_page_wrapper div.responsive button.next-step:hover{ background: #1892c5; } .saa2k16_page_wrapper .donation-form-content .section-header-container{ font-size: 2.5em; padding-bottom: 10px; } .saa2k16_page_wrapper .tributes-caption{ margin: 10px 0; line-height: 1.4em; font-size: 1.4em; } .saa2k16_page_wrapper .FormLabelText{ font-size: 1.2em; } .saa2k16_page_wrapper .mobile div.responsive div.form-checkbox label, .saa2k16_page_wrapper label.custom-element-checkbox-label{ line-height: 1.4em; } .saa2k16_page_wrapper div.don-level-total-row span.donation-level-total-label{ font-size: 1.4em; } .saa2k16_page_wrapper .donation-form-container.responsive { min-width: 300px; width: 100%; max-width: 95%; } .saa2k16_page_wrapper .registration-page-container{ margin: 2em auto; width: 100%; box-sizing: border-box; } .saa2k16_page_wrapper div.registration-page-container.responsive{ border-radius: 0; border: none; background: #FFF; padding: 25px; font-size: inherit !important; } .saa2k16_page_wrapper .registration-page-container.responsive { min-width: 300px; width: 100%; max-width: 95%; } .saa2k16_page_wrapper .donation-levels:after { clear: both; content: ' '; display: block; } .saa2k16_page_wrapper .donation-levels .donation-level-container:nth-child(odd){ padding-right: 5px; } .saa2k16_page_wrapper .donation-levels .donation-level-container:nth-child(even){ padding-left: 5px; } .saa2k16_page_wrapper .donation-levels .donation-level-container:last-child{ width: 100%; padding-right: 0; } .saa2k16_page_wrapper .donation-level-container .form-content{ display: block; width: 100%; } .saa2k16_page_wrapper .donation-level-container { display: inline-block; width: 50%; float: left; margin: 0; border: 0; box-sizing: border-box; } .saa2k16_page_wrapper .donation-level-container input[type="radio"]{ position: relative; left: -9999px; } .saa2k16_page_wrapper .donation-level-amount-container { padding: 16px 10px; background: #003e7e; color: #FFF; width: 100%; text-align: center; font-size: 1.3em; box-sizing: border-box; } .saa2k16_page_wrapper .donation-level-amount-container.donation-level-selected{ background: #1892c5; } .saa2k16_page_wrapper .donation-level-user-entered.donation-level-selected{ background: #1892c5; } .saa2k16_page_wrapper .donation-level-label-input-container{ display: none; } .saa2k16_page_wrapper .donation-level-user-entered{ width: 100%; height: 50px; background: #003e7e; color: #FFF; margin: 0 auto; text-align: center; } .saa2k16_page_wrapper .donation-level-user-entered input[type="text"]{ background: transparent; border-radius: 0; box-shadow: none; border: none; border-bottom: 1px solid #FFF; text-align: center; color: #FFF; margin: 9px; outline: none; font-size: 1.3em; } .saa2k16_page_wrapper .donation-level-user-entered input::focus[type="text"]{ border: none; border-bottom: 1px solid #FFF; border-radius: 0; box-shadow: none; background: transparent; } .saa2k16_page_wrapper .donation-level-user-entered ::placeholder{ color: #FFF; opacity: 0.8; } .saa2k16_page_wrapper .donation-level-user-entered ::-ms-input-placeholder{ color: #FFF; opacity: 0.8; } .saa2k16_page_wrapper #level_flexiblegift_type_Row .form-content{ width: 100%; } .saa2k16_page_wrapper .form-row.form-donation-level .FormLabelText, .saa2k16_page_wrapper .form-row.form-donation-level .field-required{ display: none; } .saa2k16_page_wrapper #level_flexiblegift_type_Row .designated-giving-recurring-row{ padding: 16px 10px; background: #003e7e; color: #FFF; width: 49%; text-align: center; display: inline-block; margin-right: 2%; font-size: 1.5em; box-sizing: border-box; } .saa2k16_page_wrapper #level_flexiblegift_type_Row .designated-giving-recurring-row:last-child{ margin-right: 0; } .saa2k16_page_wrapper #level_flexiblegift_type_Row .designated-giving-recurring-row input[type="radio"]{ position: absolute; left: -9999px; } .saa2k16_page_wrapper #level_flexiblegift_type_Row .designated-giving-recurring-row.donation-level-selected{ background: #1892c5; } .saa2k16_page_wrapper #level_flexibleduration{ font-size: 1.35em; border: 1px solid #ccc; border-radius: 0; padding: 8px; } .saa2k16_page_wrapper #level_flexibleduration_row{ display: none; } .saa2k16_page_wrapper #level_flexibleduration_row .form-content{ width: 100%; } .saa2k16_page_wrapper #level_flexibleduration{ width: 100%; } .saa2k16_page_wrapper .form-row.form-text .form-content{ width: 100%; display: block; } .saa2k16_page_wrapper .donation-form-container input[type=checkbox] { opacity: 0; } .saa2k16_page_wrapper .donation-form-container .form-checkbox .form-content{ width: 100%; position: relative; font-size: 1.75em; } .saa2k16_page_wrapper .donation-form-container .form-checkbox label{ line-height: 1.5em; margin-left: 3px; width: 84%; max-width: none !important; } .saa2k16_page_wrapper .donation-form-container .form-checkbox label:before { content: ""; display: inline-block; height: 15px; width: 15px; border: 1px solid #666; background: #fff; position: absolute; top: 5px; left: -1px; margin-right: 6px; border-radius: 0; transform: scale(1.25); } .saa2k16_page_wrapper .donation-form-container input[type=checkbox]:checked + label:after{ content: ""; display: inline-block; height: 5px; width: 8px; border-left: 2px solid #003e7e; border-bottom: 2px solid #003e7e; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; left: 3px; top: 9px; color: #003e7e; transition: all .2s; } .saa2k16_page_wrapper .form-row.form-text .form-content input[type="text"]{ width: 100% !important; box-sizing: border-box; border-radius: 2px; border: 1px solid #ccc; box-shadow: none; padding: 10px; font-size: 1.25em; } .saa2k16_page_wrapper .form-row.form-text .form-content textarea{ width: 100% !important; box-sizing: border-box; border-radius: 2px; border: 1px solid #ccc; box-shadow: none; padding: 10px; font-size: 1.25em; max-width: 100% !important; } .saa2k16_page_wrapper .form-row.form-selectlist{ width: 100%; } .saa2k16_page_wrapper .form-row.form-selectlist .form-content{ width: 100%; } .saa2k16_page_wrapper #billing_title, .saa2k16_page_wrapper #billing_addr_state, .saa2k16_page_wrapper #billing_addr_country, .saa2k16_page_wrapper #cons_title{ font-size: 1.35em; border: 1px solid #ccc; border-radius: 0; padding: 8px; width: 100% !important; max-width: none !important; } #appAreaNoWidthClearFix{ width: auto; } #login-div-content{ padding: 0; } #login-div-content .outer-border{ border: none; } #login-div-content{ margin: 2em auto; width: 80%; } .banner-header{ font-size: 1.6em; text-transform: uppercase; color: #003e7e; } .banner-header strong{ font-weight: 400; } #login-div-content .banner-header{ background: none; padding: 0 0 10px 0; border-bottom: 1px solid #d6d6d9; } .survey-question-number-container{ margin-right: 6px; float: left; } #participation_options_page, #find_participant, #cnv2{ font-size: 1.2em; margin: 2em auto; font-family: 'Roboto', 'Arial', 'sans-serif'; } div.campaign-banner-container{ margin: 1em 0; font-size: 1.4em; color: #003e7e; text-transform: uppercase; } #addl_gift_container{ margin: 8px 0; display: block; } #fr_gift{ margin-left: 0;} .manageable-content{ font-size: 1em; margin-bottom: 5px; } #personal_page_header h2{ color: #003e7e; } .TrAchievementBadgeIconListLargeHeader, .indicator-title{ text-transform: uppercase;} #team_name{ font-size: 2em; margin-bottom: 10px; } .personal-page-description p, .team-description p{ font-size: 1.35em; line-height: 1.4em; margin-bottom: 1em; } .mobile div#personal_page_image_div{ display: block; } .mobile div.mobile-view-description{ height: auto; } div.custom-wysiwyg-text p{ line-height: 1.3em; } #personal_page_image_div .caption{ margin: 0; } .saa2k16_page_wrapper div.registration-page-container div.section-container{ border: none; border-top: 1px solid #ccc; border-radius: 0; } .saa2k16_page_wrapper div.registration-page-container div.section-header{ font-size: 2.5em; padding-bottom: 10px; background: none; border-radius: 0; font-weight: normal; line-height: 1.15em; padding-left: 0; padding-top: 10px; } .saa2k16_page_wrapper div.registration-page-container div.section-sub-header{ font-size: 1.45em; background: none; border: none; font-weight: normal; line-height: 1.4em; padding-bottom: 0; padding-left: 0; } .saa2k16_page_wrapper .section-body>.required-indicator-legend-container{ margin-bottom: 20px; font-size: 0.95em; } .saa2k16_page_wrapper div.registration-page-container div.section-body{ padding-top: 5px; font-size: 1.15em; } .saa2k16_page_wrapper .section-body .manageable-content{ padding-bottom: 5px; line-height: 1.35em; margin-bottom: 0; font-size: 18px; } .saa2k16_page_wrapper .section-body .manageable-content span.field-required { margin-top: 6px; } .saa2k16_page_wrapper div.part-type-container{ padding-top: 3px; line-height: 1.35em; padding-top: 3px; } .saa2k16_page_wrapper div.part-type-container.selected{ border: none; border-radius: 0; background: #1892c5; color: #FFF; } .saa2k16_page_wrapper #waiver_body_container.section-body .manageable-content, .saa2k16_page_wrapper #reg_summary_body_container.section-body .manageable-content{ font-size: 16px; } .saa2k16_page_wrapper div#fr_waiver_page div.waiver-text{ margin: 0; border: 1px solid #ccc; padding: 15px; line-height: 1.6em; font-size: 14px; } .saa2k16_page_wrapper #part_type_selection_container, .saa2k16_page_wrapper #discount_code_container, .saa2k16_page_wrapper #part_type_fundraising_goal_container, .saa2k16_page_wrapper #part_type_additional_gift_container{ margin-top: 0; margin-bottom: 30px; } .saa2k16_page_wrapper .agree-block #fr_accept{ margin-top: 8px; } .saa2k16_page_wrapper .agree-block>.manageable-content{ width: 90%; } .saa2k16_page_wrapper #part_type_additional_gift_container .form-content { padding-top: 20px; border-top: 1px solid #ccc; font-size: 16px; line-height: 1.35em; } .saa2k16_page_wrapper #part_type_additional_gift_container .form-content .manageable-content{ font-size: 16px; } .saa2k16_page_wrapper div.registration-page-container div.section-footer{ background: none; } .saa2k16_page_wrapper div.registration-page-container.responsive input[type="text"], .saa2k16_page_wrapper div.registration-page-container.responsive input[type="number"], .saa2k16_page_wrapper div.registration-page-container.responsive input[type="password"], .saa2k16_page_wrapper div.registration-page-container.responsive input[type="email"], .saa2k16_page_wrapper div.registration-page-container.responsive input[type="tel"], .saa2k16_page_wrapper div.registration-page-container.responsive textarea{ width: 100% !important; box-sizing: border-box; border-radius: 2px; border: 1px solid #ccc; box-shadow: none; padding: 10px; font-size: 16px; margin: 0 !important; max-width: 300px; } .saa2k16_page_wrapper div#reg_instr_container{ padding: 0; margin-bottom: 20px; font-size: 16px; } .saa2k16_page_wrapper div.registration-page-container div.sub-section-container{ background: none; margin-bottom: 30px; } .saa2k16_page_wrapper div.registration-page-container div.sub-section-header{ border: none; padding: 0; background: none; padding-bottom: 2px; border-bottom: 2px solid #eee; margin-bottom: 15px; } .saa2k16_page_wrapper div.registration-page-container div.sub-section-body{ padding: 0px; } .saa2k16_page_wrapper div.registration-page-container div.sub-section-body .input-container label{ font-size: 16px; } .saa2k16_page_wrapper #cons_title{ font-size: 16px; max-width: 300px !important; } .saa2k16_page_wrapper #cons_birth_date_MONTH, .saa2k16_page_wrapper #cons_birth_date_DAY, .saa2k16_page_wrapper #cons_birth_date_YEAR, .saa2k16_page_wrapper #cons_gender, .saa2k16_page_wrapper #cons_state, .saa2k16_page_wrapper #cons_country, .saa2k16_page_wrapper #cons_email_format, .saa2k16_page_wrapper .survey-question-container .input-container select{ padding: 8px; border: 1px solid #ccc; max-width: 300px !important; font-size: 16px; box-sizing: border-box; } .saa2k16_page_wrapper #cons_gender, .saa2k16_page_wrapper #cons_state, .saa2k16_page_wrapper #cons_country, .saa2k16_page_wrapper #cons_email_format{ width: 100%; max-width: 300px !important; } .saa2k16_page_wrapper .survey-question-container .input-container select{ width: 100%; max-width: 300px !important; } .saa2k16_page_wrapper .survey-question-container .survey-text-hint.indented-field-group, .saa2k16_page_wrapper .survey-question-container .input-container span.survey-textarea-container .survey-text-hint{ margin-top: 5px; line-height: 16px; } .saa2k16_page_wrapper .survey-question-container .input-container .survey-question-number-container{ margin-top: 2px; } .saa2k16_page_wrapper .survey-question-container .input-container .input-label{ line-height: 20px; } .saa2k16_page_wrapper .survey-question-container .input-container .indented-field-group input[type="radio"]{ margin-top: 12px; } .saa2k16_page_wrapper .survey-question-container .input-container span.survey-textarea-container textarea{ max-width: none !important; width: 100% !important; margin-bottom: 10px !important; } .saa2k16_page_wrapper div#email_opt_in_container+div#email_format_container{ padding-left: 0; } .saa2k16_page_wrapper #employment_information_container #employment_info_header_container{ display: none; } .saa2k16_page_wrapper #employment_information_container #employer_container{ margin-left: 0; } .saa2k16_page_wrapper #emergency_contact_title_container{ font-size: 18px; padding-bottom: 10px; border-bottom: 2px solid #eee; margin-bottom: 15px !important; } .saa2k16_page_wrapper #emergency_contact_container{ margin-bottom: 30px; } .saa2k16_page_wrapper #emergency_contact_container #emergency_contact_field_group{ margin-left: 0; } .saa2k16_page_wrapper #gift_notice_optin label, .saa2k16_page_wrapper #email_optin label{ width: 90%; max-width: none !important; line-height: 1.5em; } .saa2k16_page_wrapper #gift_notice_optin label .manageable-content span, .saa2k16_page_wrapper #email_optin label span{ font-size: 16px; line-height: 18px; } .saa2k16_page_wrapper .section-body #privacy_opts_container .manageable-content{ font-size: 16px; } .saa2k16_page_wrapper .section-body #privacy_component_container{ padding-left: 0; margin-top: 8px; } .saa2k16_page_wrapper .section-body #privacy_component_container ul#privacy_options_input{ line-height: 1.5em; } .saa2k16_page_wrapper .section-body #privacy_component_container ul#privacy_options_input span#privacy_opts_screen_name{ margin-top: 5px; } .saa_my_events_page_wrapper table p:first-child{ font-size: 1.1em; font-weight: 500; } div.tr-page-container{ border-radius: 0; border: none; margin: 2em auto; } h2.tr-page-title{ color: #8ad0f3; text-transform: uppercase; background: /* #1892c5 #8ad0f3 */#003e7e; } div.tr-page-container div.section-sub-header{ border-top: none; background: #1892c5; } #team_search_container, #part_search_container{ font-size: 1.2em; } /*.cstmTitle{ margin: 1.65em; font-size: 1.6em; color: #003e7e; line-height: 1.4em; text-transform: uppercase; } .cstmBack{ width: 100%; background: #f7f7f7; }*/ #part_type_selection_container{ font-size: 1.1em; } .registration-page-container .section-container{ font-size: 1.2em; } div.form-content .input-container{ margin-bottom: 15px; display: block; } div.form-content .input-container label{display: inline-block; margin-bottom: 5px; } div#user_type_login_container input#RememberMe { display: inline; float: none; } .survey-combo-field-container{ display: inline-block; margin-bottom: 8px; } .reg-summary-reg-info{ font-size: 1.2em; } .reg-summary-name-info{ line-height: 1.5em; } span.label-text{ margin-bottom: 6px; display: inline-block; } .registration-page-container div.campaign-banner-container{ font-size: 1.8em; } .registration-page-container div.campaign-banner-container h2{ font-size: 1em; } div.required-indicator-legend{ display: inline-block; margin-bottom: 10px; text-align: left; padding: 0; } .required-indicator-legend-text{ float: left; } div.part-type-decoration-messages .part-type-description-text{ line-height: 1.4em; } div.reg-summary-thanks-common-container div.part-type-name{ margin-top: 5px; } #team_find_page label{ display: inline-block; font-size: 1.25em; margin-bottom: 5px; } #team_find_registration_type_container{ margin-bottom: 20px; font-size: 1.6em; margin-right: 0; } #search_part_team{ margin-bottom: 15px; } .search-content{ font-size: 1.15em; } .saa_table_list.saa_one_fourth .table_item.min_two_cols{ width: 50%; float: left; box-sizing: border-box; padding: 0 10px; } .min_two_cols a{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } #personal_page_team_link_container{ font-size: 1.2em; margin: 10px 0; } .saa_header_register{ position: relative; } .saa_header_register .saa_sub_nav_items_wrapper{ position: absolute; display: none; background: #f2f3f3; z-index: 9; width: 100%; left: 1px; } .saa_header_register.saa_has_sub_menu:hover .saa_sub_nav_items_wrapper{ display: block; } .saa_header_register .saa_sub_nav_items_wrapper li{ border-top: 1px solid #FFF; } .saa_header_register .saa_sub_nav_items_wrapper li a{ padding: 19px 10px; display: inline-block; box-sizing: border-box; color: #FFF; background: #003e7e; width: 100%; font-size: 1.4em; } .saa_header_register .saa_sub_nav_items_wrapper li a:hover{ background: #f2f3f3; color: #003e7e; } .mobile div#team_image{ display: block !important; margin: 10px 0; } #saa2k16_hp_content_wrapper .saa_center_slide img{ max-height: 360px; } #saa2k16_hp_content_wrapper ul.saa_featured_center_slides { width: 400%; } #saa2k16_hp_content_wrapper .saa_center_slide{ float: left; } .saa_center_table{ margin: 0 auto; } .saa_center_table td{ padding: 15px; } .saa_logos td .form-container, .saa_cover_photos .form-container, .saa_print_material .form-container{ position: relative; display: inline; } .saa_logos td button, .saa_cover_photos td button, .saa_print_material td button{ position: absolute; bottom: 0; right: -7px; background: transparent; border: none; font-size: 1.4em; color: #888; cursor: pointer; } .saa_logos td button:hover, .saa_cover_photos td button:hover, .saa_print_material td button:hover{ color: #1892c5; } .saa_print_material td button.left-buttton{ left: 0; right: auto; } .saa_logos td button .white-icon, .saa_cover_photos td button .white-icon, .saa_print_material td button .white-icon{ color: #FFF; } .saa_logos td button:hover .white-icon, .saa_cover_photos td button:hover .white-icon, .saa_print_material td button:hover .white-icon{ color: #1892c5; } .saa_logos{ width: 100%; max-width: 800px; } .saa_w_400 img{ max-width: 370px; } .saa_w_200 img{ max-width: 200px; } .saa_logos img{ width: 100%; height: auto; } .saa_logos td{ width: 50%; } .saa_section_title.saa_width_80.swap_margin{ padding-top: 1.5em; } .saa_photos button{ display: block; margin: 18px auto; background: #003e7e; border: none; padding: 5px 15px; color: #FFF; font-size: 0.75em; } .saa_photos button:hover{ background: #1892c5; } .saa_w_30p td{ width: 33%; box-sizing: border-box; } .saa_w_30p img{ max-width: 260px; width: 100%; height: auto; } .saa_full_width_wrapper .saa_social_box{ text-align: left; max-width: 768px; margin: 0 auto; padding: 25px; } .saa_full_width_wrapper .saa_social_box p{ text-align: left; width: 100%; } .saa_social_resource{ font-size: 2.4em; font-weight: 600; margin: 10px 0 15px; } .saa_social_resource span{ display: inline-block; vertical-align: bottom; } .saa_social_resource .resource_icon{ background: url('../images/saa_share_icons.png') no-repeat; } .saa_social_resource .saa_facebook_rs{ width: 70px; height: 50px; background-size: auto 70px; } .saa_social_resource .saa_twitter_rs{ width: 70px; height: 50px; background-size: auto 70px; background-position: -75px 0; } .saa_social_resource .saa_hashtag_rs{ width: 88px; height: 88px; background-size: auto 85px; background-position: -187px 2px; } .saa_hashtag{ margin-left: -20px; } .saa_web_rs_ul{ margin: 30px 0 20px; width: 100%; } .saa_web_rs_ul li{ line-height: 1.5em; } .saa_flyer_label{ float: left; font-size: 1.1em; margin: 1.2em 0; font-weight: 400; } .saa_medium_weight{ font-weight: 400; } .saa_img img{ max-width: 100%; height: auto; } .saa_cover_photos{ width: 100%; max-width: 900px; } .saa_cover_photos td{ width: 50%; box-sizing: border-box; } .saa_cover_photos td img{ max-width: 420px; height: auto; width: 100%; } #merck_fr, #saa_merck_top_teams{ display: none; } #waiver-full-name{ margin: 10px 5px; line-height: 1.65em; } #waiver-full-name.hide{ display: none; } .agree-block .manageable-content{ margin-top: 3px; display: inline-block; } .saa2k16_page_wrapper .donation-form-container .form-checkbox { margin-left: 3px; } #payment_cc_container:after{ content: ' '; display: block; clear: both; } #responsive_payment_typecc_exp_date_row, #responsive_payment_typecc_cvv_row{ width: 50%; float: left; } #responsive_payment_typecc_exp_date_MONTH{ font-size: 1.35em; border: 1px solid #ccc; border-radius: 0; padding: 8px; width: 56px !important; max-width: none !important; margin-top: 12px; } #responsive_payment_typecc_exp_date_YEAR{ font-size: 1.35em; border: 1px solid #ccc; border-radius: 0; padding: 8px; width: 76px !important; max-width: none !important; margin-top: 12px; } .html-caption-container, .html-caption-container p, .html-caption-container p span { font-size: 16px !important; line-height: 18px !important; } div#tr_recognition_namerec_name_row { margin: 20px 0; } #tr_message_to_participant_row{ margin: 20px 0; } .form-row.form-text .form-content label, .form-row.form-selectlist .form-content label, .form-row.form-date .form-content label, .form-row.form-text .form-content label span, .form-row.form-selectlist .form-content label span, .form-row.form-date .form-content label span{ font-size: 16px !important; line-height: 20px !important; } #responsive_payment_typecc_type_row{ display: none; } #responsive_payment_typepay_typeradio_row .form-content{ width: 100%; } #responsive_payment_typepay_typeradio_row .form-content .payment-type-selections{ width: 100% !important; } #responsive_payment_typepay_typeradio_row .form-content .payment-type-selections .internal-payment{ background: transparent; border-radius: 0; border: none; } #responsive_payment_typepay_typeradio_row .form-content .payment-type-selections .internal-payment, #responsive_payment_typepay_typeradio_row .form-content .payment-type-selections .external-payment .payment-type-option{ margin: 0; } #responsive_payment_typepay_typeradio_row .form-content .payment-type-selections .internal-payment .payment-type-option, #responsive_payment_typepay_typeradio_row .form-content .payment-type-selections .external-payment .payment-type-option{ background: #003e7e; border-radius: 0; border: none; } #responsive_payment_typepay_typeradio_row .form-content .payment-type-selections .internal-payment .payment-type-option.selected, #responsive_payment_typepay_typeradio_row .form-content .payment-type-selections .external-payment .payment-type-option.selected{ background: #1892c5; } #responsive_payment_typepay_typeradio_row .form-content .payment-type-selections .internal-payment .payment-type-option a, #responsive_payment_typepay_typeradio_row .form-content .payment-type-selections .external-payment .payment-type-option a{ color: #FFF; text-transform: uppercase; font-weight: bold; font-size: 15px; } #responsive_payment_type\.account_type_row legend{ font-size: 16px; } #responsive_payment_type\.account_type_row ul.radio-array-list li{ display: inline-block; width: 110px; padding: 10px; background: #003e7e; color: #FFF; text-transform: uppercase; font-size: 14px; text-align: center; margin: 5px 10px 5px 0; font-weight: bold; } #responsive_payment_type\.account_type_row ul.radio-array-list li.selected{ background: #1892c5; } #responsive_payment_type\.account_type_row ul.radio-array-list li span { line-height: 18px; } label#addl_gift_container:after { content: "(Includes transaction fee)"; margin: 0 8px; font-size: 14px; color: #1892c5; text-decoration: underline; display: none; } label#addl_gift_container.show:after { display: inline-block; } /* #tr_add_3_fee_row{ display: none; } */ #additional_amount_row{ display: none; } #tr_add_3_fee_row.hide{ display: none; } #tr_add_3_fee_row #tr_add_3_fee{ margin-right: 10px; } span.fee-box-hint { display: block; padding-left: 25px; font-size: 0.85em; font-style: italic; color: #aaa; } #txn_summary_row{ font-size: 14px; line-height: 22px; } #txn_summary_row div.transaction-summary-entry{ background: #FFF !important; } #txn_summary_row h5.summary-section-header{ background: #FFF !important; } button#pstep_finish { text-transform: uppercase; color: #FFF; background: #003e7e; border-radius: 0; border: 0; } button#pstep_previous{ background: #CCC; color: #888; text-transform: uppercase; border-radius: 0; border: none; } /* .saa_top_list_container_box { animation: autoscroll 10s linear infinite; } .saa_top_list_container_box:hover{ animation-play-state: paused; } @keyframes autoscroll { from { transform: translate3d(0,0,0); } to { transform: translate3d(0,-90%,0); } } */ .saa2k16_page_wrapper .payment-type-element-container .payment-field-container>h3{ display: none; } .saa2k16_page_wrapper .donation-form-content .form-info-message { font-size: 16px; margin: 10px 0 20px; } .saa2k16_page_wrapper .donation-form-content .form-info-message:before { content: 'i'; display: inline-block; float: left; background: #003e7e; color: #efefef; width: 15px; height: 15px; padding: 4px 3px 2px 3px; font-family: 'Georgia'; border-radius: 17px; font-size: 12px; text-align: center; font-style: italic; font-weight: bold; margin-right: 4px; margin-top: -2px; } .saa2k16_page_wrapper .donation-form-content span.header-info-message{ display: none; } .saa2k16_page_wrapper #fr_waiver_page.registration-page-container div.section-header h3, .saa2k16_page_wrapper #fr_reg_summary_page.registration-page-container div.section-header h3, .saa2k16_page_wrapper #reg_payment_page.registration-page-container div.section-header h3 { font-weight: normal; line-height: 1.15em; } .saa2k16_page_wrapper div#fr_waiver_page div.printable-link-block{ margin-bottom: 8px; } .saa2k16_page_wrapper div.registration-page-container #waiver_body_container.section-body{ } .saa2k16_page_wrapper div.reg-summary-thanks-common-container div.reg-summary-name-info { background: none !important; border: 1px solid #ccc; border-radius: 0 !important; } .saa2k16_page_wrapper div.reg-summary-thanks-common-container div.reg-summary-name-info span { margin-bottom: 3px !important; font-size: 18px; line-height: 1.35em; } .saa2k16_page_wrapper div.reg-summary-thanks-common-container div.reg-summary-name-info a { margin-top: 8px; } .saa2k16_page_wrapper div.reg-summary-thanks-common-container div.reg-summary-name-info a img { margin-top: -2px; } .saa2k16_page_wrapper div.reg-summary-thanks-common-container div.reg-summary-name-info a span { font-size: 16px; } .saa2k16_page_wrapper div.reg-summary-thanks-common-container div.reg-summary-address-info { border: 1px solid #CCC; font-size: 16px; line-height: 1.5em; } .saa2k16_page_wrapper div.reg-summary-thanks-common-container div.reg-summary-event-info { border: 1px solid #ccc !important; font-size: 15px; line-height: 1.35em; } .saa2k16_page_wrapper div.reg-summary-thanks-common-container div.reg-summary-total { border-radius: 0; background: #dedede; font-size: 16px; } .saa2k16_page_wrapper div.reg-summary-participant-info-container{ margin-top: 15px; } .saa2k16_page_wrapper div.registration-page-container div.label-value-block-container { border: none; border-top: 1px solid #ccc; border-radius: 0; margin-top: 50px; } .saa2k16_page_wrapper #reg_payment_page div.section-body{ padding: 0 !important; } .saa2k16_page_wrapper #reg_payment_page div.form-row{ margin-bottom: 30px; margin-right: 0; } .saa2k16_page_wrapper #reg_payment_page div.form-row input, .saa2k16_page_wrapper #reg_payment_page div.form-row select{ margin-top: 4px !important; font-size: 16px; max-width: none; } .saa2k16_page_wrapper #reg_payment_page div.form-row select{ background: none; width: 100%; max-width: none; padding: 8px; border: 1px solid #ccc; } .saa2k16_page_wrapper #reg_payment_page #billing_info_name div.form-row, .saa2k16_page_wrapper #reg_payment_page #billing_addr_city_row, .saa2k16_page_wrapper #reg_payment_page #billing_addr_state_row, .saa2k16_page_wrapper #reg_payment_page #billing_addr_county_row, .saa2k16_page_wrapper #reg_payment_page #billing_addr_zip_row{ display: block; } #responsive_payment_typeach_confirm_row{ font-size: 14px; line-height: 1.5em; } .saa2k16_page_wrapper #reg_payment_page div.form-row .field-required{ margin-top: 4px; } .saa2k16_page_wrapper #reg_payment_page #responsive_payment_typecc_exp_date_row, .saa2k16_page_wrapper #reg_payment_page #responsive_payment_typecc_cvv_row { width: 100%; float: none; } .saa2k16_page_wrapper #reg_payment_page #responsive_payment_typecc_exp_date_YEAR, .saa2k16_page_wrapper #reg_payment_page #responsive_payment_typecc_exp_date_MONTH{ font-size: 16px; background: none; margin-top: 0; } #reg_billing_info_block h3{ font-size: 18px; font-weight: normal; padding: 10px 0; border-bottom: 1px solid #ccc; margin-bottom: 15px; } .modal#register-modal { padding-top: 40px; } .modal#register-modal p { font-size: 1.8em; } .modal#register-modal .saa_rdv li { font-size: 1.2em; } .modal#register-modal .saa_rdv li + li { margin-top: 18px; } .saa_event_key_details, .saa_event_key_details * { box-sizing: border-box; } .saa_event_key_details { border-bottom: 1px solid #d6d6d9; font-size: 1.6em; padding: 25px 0; } .saa_event_key_detail_column { padding-right: 20px; padding-left: 20px; } .saa_event_key_detail_column + .saa_event_key_detail_column { border-top: 1px solid #d6d6d9; padding-top: 20px; margin-top: 20px; } .saa_event_key_detail_content { background: transparent; text-align: center; padding: 15px 20px 20px; } .saa_event_key_detail_content.-transparent-bg { background: transparent; } .saa_event_key_detail_icon { text-align: center; width: 100%; margin-bottom: 12px; } .saa_event_key_detail_icon img { display: inline-block; height: 24px; margin-right: auto; margin-left: auto; } .saa_event_key_detail_header { color: #003e7e; font-size: 1.25em; font-weight: 400; line-height: 1.8; text-transform: uppercase; margin-bottom: 10px; } .saa_event_key_detail_body + .saa_event_key_detail_header { margin-top: 15px; } .saa_event_key_detail_body { line-height: 1.4; } .saa_event_key_detail_image { display: block; max-width: 100%; margin: 0 auto 10px; } .saa_event_key_detail_footer { margin-top: 20px; } .saa_event_key_detail_footer a, .saa_event_key_detail_footer a:link, .saa_event_key_detail_footer a:visited { color: #003e7e; } .saa_event_key_detail_footer a:hover, .saa_event_key_detail_footer a:focus, .saa_event_key_detail_footer a:active { opacity: 0.75; } .saa_event_register_option_items { margin-top: 20px; } .saa_event_register_option_item + .saa_event_register_option_item { margin-top: 20px; } .saa_event_register_option_item a, .saa_event_register_option_item a:link, .saa_event_register_option_item a:visited { display: block; background-color: #f7f7f7; border: 1px solid #d6d6d9; color: #003e7e; padding: 20px; transition: all 0.3s; } .saa_event_register_option_item a:hover, .saa_event_register_option_item a:focus, .saa_event_register_option_item a:active { color: #003e7e; opacity: 0.75; } .saa_event_register_option_item a:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .saa_event_register_option_item a h3 { font-size: 2em; } .saa_event_register_option_item a p { padding-bottom: 0; } @media screen and (min-width:375px){ .saa2k16_page_wrapper #reg_payment_page.responsive button.next-step{ float: right; } .saa2k16_page_wrapper #reg_payment_page.responsive button.prev-step{ float: left; } } @media screen and (min-width:406px){ #responsive_payment_typecc_exp_date_MONTH, #responsive_payment_typecc_exp_date_YEAR{ margin-top: 0; } } @media screen and (min-width:600px){ .saa_full_width .saa_caption .saa_lead_caption p{ font-size: 3.8em; } .saa_lead_caption{ margin-top: -21px; } .saa_lead_caption.saa_two_line{ margin-top: -38px; } .saa_open_swims_event_calendar{ margin: 2em auto; } .saa_open_swims_wrapper{ padding: 0; } .saa_find_a_swim_wrapper .saa_open_swim_item .saa_caption{ font-size: 0.6em; } .saa_open_swim_item{ width: 33.33%; float: left; box-sizing: border-box; padding: 0 2em; border: none; border-left: 1px solid #d6d6d9; margin-bottom: 2em; } .saa_open_swim_item:nth-child( 3n+1 ){ border-left: 1px solid #FFF; } .saa_os_item_info{ margin-top: -18px; } .saa_photos button{ font-size: 1.5em; } .saa_web_rs_ul li{ width: 33%; display: inline-block; float: left; padding-left: 20px; box-sizing: border-box; } /* .saa2k16_page_wrapper .donation-form-container .form-checkbox label{ width: 100%; } */ } @media screen and (min-width:640px){ #responsive_payment_typepay_typeradio_row .form-content .payment-type-selections .internal-payment { width: 66.66%; float: left; } #responsive_payment_typepay_typeradio_row .form-content .payment-type-selections .external-payment { width: 33.33%; float: right; } #responsive_payment_typepay_typeradio_row .form-content .payment-type-selections .internal-payment .payment-type-option { width: 49%; float: left; box-sizing: border-box; text-align: center; } #responsive_payment_typepay_typeradio_row .form-content .payment-type-selections .internal-payment .payment-type-option:last-child { margin-right: 0; float: right; } #responsive_payment_typepay_typeradio_row .form-content .payment-type-selections .external-payment .payment-type-option { padding: 4px 5px 1px; margin-left: 4%; width: 100%; text-align: center; } } @media screen and (min-width:768px){ .saa_nav_item .saa_link{ color: #003e7e; } .saa_nav_item .saa_link.nav_menu_mobile_hide{ display: inline-block; } .saa_sub_nav_item .saa_link{ padding-left: 25px; } .saa_full_width_wrapper iframe{ width: 80%; } .saa_more_padding{ padding-top: 1.5em; padding-bottom: 1.5em; } .saa_login_and_menu_icon .saa_nav_item_bold .saa_link{ background: #003e7e; color: #FFF; margin-left: 1px; border-left: none; } .saa_login_and_menu_icon .saa_nav_item_bold .saa_link:hover{ color: #003e7e; background: #FFF; } .saa_login_and_menu_icon .saa_nav_item_bold:first-child .saa_link:hover{ border-left: 1px solid #d6d6d9; } .saa_tablet_only{ display: block; } span.saa_tablet_only{ display: inline-block; } .saa_mobile_only{ display: none; } #saa2k16_header_top.saa_fixed{ position: fixed; max-width: 1200px; width:100%; z-index: 99; background: #FFF; top: 0; } #saa2k16_header.saa_fixed .saa_header_center_1{ margin-top: 51px; } .saa_header_center_2{ overflow: visible; color: #000; } .saa_header_center_2 li{ font-size: 0.9em; } .saa_header_center_2.saa_collapse{ visibility: visible; } .saa_header_center_2.saa_display_hidden{ height: auto !important; } .saa_header_center_1 #li_comp_usr p, .li_comp_usr_valTd #login, #lo_comp_usr_div #logout{ font-size: 0.85em; } .saa_tablet_only a{ display: block; } .saa_nav_item{ background: #f2f3f3; border-bottom: none; float: left; border-left: 2px solid #FFF; } .saa_nav_item:first-child{ border-left: none; } .saa_sub_nav_item{ border-top: none; border-bottom: 1px solid #d6d6d9; } .saa_sub_nav_item .saa_link{ padding: 13px 25px; } .saa_sub_nav_item:first-child{ border-top: 1px solid #d6d6d9; } .saa_nav_wrapper{ background: #f2f3f3; width: 100%; border-bottom: 1px solid #d6d6d9; } .saa_nav_items_wrapper{ float: right; position: relative; color: rgba(0,0,0,0.7); } .saa_sub_nav_items_wrapper{ position: absolute; display: none; background: #f2f3f3; z-index: 9; } .saa_has_sub_menu:hover .saa_sub_nav_items_wrapper{ display: block; } .saa_nav_item .saa_nav_link:hover{ background: #003e7e; color: #FFF; } .saa_featured_slide{ width: 50%; } .saa_featured_slide.saa_side_slide{ width: 25%; max-width: 300px; } #saa2k16_psi li{ display: table-cell; width: 33.333%; box-sizing: border-box; border-left: 1px solid #d6d6d9; border-top: none; } #saa2k16_psi li:first-child{ border-left: none; } #saa2k16_email_wrapper .saa_full_wrapper{ display: table; margin: 0 auto; } #saa2k16_email_wrapper form{ display: table-cell; width: 310px; } .saa_email_label{ display: table-cell; } .saa_email_label h4{ font-size: 2em; margin-right: 15px; } #saa2k16_donors_wrapper{ width: 100%; height: 210px; } #saa2k16_donors_wrapper .saa_half{ float: left; width: 50%; } #saa2k16_donors_wrapper .saa_half{ border-left: 1px solid #d6d6d9; border-top: none; } #saa2k16_donors_wrapper .saa_half:first-child{ border-left: none; } /*Footer*/ #saa2k16_footer_border{ background-size: 100% 15px; } .saa_side_column .saa_image_link img{ max-width: 200px; } .saa_full_width .saa_caption p{ font-size: 3.8em; } .saa_width_80{ width: 80%; margin: 0 auto; max-width: none; } .saa_full_width_wrapper p.saa_width_80{ max-width: none; } .saa_section_title.saa_width_80{ margin: 0 auto 0.75em; } .saa_section_title.saa_width_80.swap_margin{ margin: 0.75em auto 0; padding-top: 0; } .blue_bg .saa_section_title.saa_width_80{ margin-bottom: 0; } .saa_full_width_wrapper p{ font-size: 1.8em; } .saa_full_width_wrapper li{ font-size: 1.25em; } .saa_rdv li{ border-left: 15px solid #FFF; border-right: 15px solid #FFF; } .saa_event_register_sub_menu, .saa_list_sub_menu{ width: 50%; } .saa_benefactor{ max-width: 768px; } .saa_benefactor li{ display: table-cell; box-sizing: border-box; } .benefactor_logo{ max-width: 30%; vertical-align: middle; padding: 20px; } .saa_benefactor_wrapper p{ text-align: left; width: 98%; } .saa_info_wrapper{ font-size: 2.4em; } .saa_rdv.saa_event_register_sub_menu li, .saa_rdv.saa_list_sub_menu li{ border-left: 6px solid #FFF; border-right: 6px solid #FFF; } .saa_rdv.saa_event_register_sub_menu li:first-child, .saa_rdv.saa_list_sub_menu li:first-child{ border-right: 6px solid #FFF; } .saa_rdv.saa_event_register_sub_menu li:last-child, .saa_rdv.saa_list_sub_menu li:last-child{ border-left: 6px solid #FFF; } .saa_open_swims_event_calendar{ margin: 3em auto 0.5em; } .saa_open_swim_item{ padding: 0 3em; margin-bottom: 3em; } .saa_join_a_swim_wrapper{ margin-bottom: 3em; } .saa_find_poolswim_page_wrapper .saa_dynamic_box_label:before{ padding: 1px 7px; } .saa_find_poolswim_page_wrapper .saa_dynamic_box_label.wide_open:before{ padding: 1px 10px; margin-right: 8px; } .saa_join_a_swim{ display: table; width: 100%; } .join_a_swim_link{ display: table-cell; width: 50%; box-sizing: border-box; border-left: 2px solid #FFF; } .join_a_swim_link:first-child{ border-left: none; border-right: 2px solid #FFF; } /*olympians*/ .saa_olympians{ display: table; } .saa_olympians_wrapper{ display: table-cell; width: 33.33%; box-sizing: border-box; border: 10px solid #FFF; } /*sponsors*/ .saa_table_list{ display: table; margin: 0 auto; } .saa_table_list .table_item{ display: table-cell; box-sizing: border-box; padding: 0 10px; vertical-align: top; } .saa_table_list.saa_image_content .table_item{ vertical-align: middle; } .saa_table_list.saa_one_fifth .table_item, .saa_table_list .table_item.saa_one_fifth{ width: 20%; } .saa_table_list.saa_one_fourth{ margin: 12px auto 0; } .saa_table_list.saa_one_fourth .table_item{ width: 25%; } .saa_table_list.saa_one_fourth .table_item.min_two_cols{ float: none; width: auto; } .min_two_cols a{ white-space: normal; display: inline; } .saa_section_title{ font-size: 2.2em; } .inline_item{ display: inline-block; float: left; } .inline_item.saa_one_third{ width: 33.33%; } .inline_item.saa_two_third{ width: 66.66%; } .inline_item.saa_one_half{ width: 50%; padding: 0 1em; box-sizing: border-box; } .block_item span, .block_item span.saa_pipe{ display: inline; } .saa_mission_caption{ padding: 0.5em 8em 1.5em; line-height: 2.2em; } .saa_lead_caption h1 .saa_font_smaller{ font-size: 0.55em; } .saa_full_width_wrapper p.saa_font_smaller{ font-size: 1.45em; } .saa_h2_title{ font-size: 2.25em; } .saa_full_width_wrapper li.saa_only_image{ line-height: 0; margin-bottom: 0; } .table_inline_item{ display: table-cell; float: none; vertical-align: middle; } .table_inline_item .inline_item{ margin-bottom: 0; } .saa_bottom_border.saa_beneficiary_image{ border-bottom: none; } .saa_beneficiary .saa_inline_list.saa_bottom_border{ border-bottom: 1px solid #d6d6d9; } .saa_beneficiary_image img{ margin: 0 0 1em; } .saa_standard_inline_list .inline_item, .saa_standard_inline_list .inline_item.saa_one_fourth{ padding: 0 2em; } .cons-pers .nogrid tbody > tr{ display: table-row; } .cons-pers .grid tbody > tr td{ width: auto; display: table-cell; } .cons-pers .grid tbody > tr td.heading{ display: block; background: none; width: 100%; } /*Donate Page*/ .saa_donate_button.saa_link_button{ display: inline-block; margin-top: -1px; } .saa_our_mission_page_wrapper .saa_dynamic_box_label:before{ padding: 0 7px; } .saa_our_mission_page_wrapper .saa_dynamic_box_label.wide_open:before{ padding: 1px 11px; } .saa2k16_page_wrapper .donation-level-container{ width: 20%; } .saa2k16_page_wrapper #level_flexible_row .form-content{ width: 100%; } .saa2k16_page_wrapper #level_standard_row .form-content{ width: 100%; } .saa2k16_page_wrapper .donation-levels .donation-level-container{ padding-right: 10px !important; padding-left: 0px !important; } .saa2k16_page_wrapper .donation-levels .donation-level-container:nth-child(5n){ padding-right: 0 !important; } .saa2k16_page_wrapper .donation-levels .donation-level-container:last-child{ width: 20%; } .saa2k16_page_wrapper .donation-level-user-entered input[type="text"]{ width: 80%; padding-left: 0;padding-right: 0; } /* .saa2k16_page_wrapper .form-row.form-text { width: 50%; } */ .saa2k16_page_wrapper div.registration-page-container div.sub-section-body #personal_info_section_one{ margin-right: 15px; } .saa2k16_page_wrapper div.registration-page-container.responsive legend{ margin-bottom: 5px; } div.form-content .input-container .input-container{ margin-bottom: 0; } .saa2k16_page_wrapper #employment_information_container #employer_container .input-container label{ margin-top: 2px; } .saa2k16_page_wrapper div.registration-page-container div.sub-section-body #contact_info_section_one{ margin-right: 15px; } .saa2k16_page_wrapper #emergency_contact_title_container{ margin-top: 22px; margin-bottom: 24px !important; } .saa2k16_page_wrapper div.registration-page-container #gift_notice_optin, .saa2k16_page_wrapper div.registration-page-container #email_optin{ float: none; width: 100%; display: block; clear: both; } .saa2k16_page_wrapper div.registration-page-container #email_opt_in_container .input-container{ margin-bottom: 0; } .saa2k16_page_wrapper div.registration-page-container #email_optin{ margin-bottom: 45px; } .saa2k16_page_wrapper div#privacy_opts_container{ width: 100% !important; } .saa2k16_page_wrapper .survey-question-container{ margin-bottom: 25px; } .saa2k16_page_wrapper .survey-question-container .survey-question-number-container{ margin-top: 2px; } .saa2k16_page_wrapper div.reg-summary-thanks-common-container div.reg-summary-name-info{ border: none; padding: 0; margin-bottom: 10px; } .saa2k16_page_wrapper div.reg-summary-thanks-common-container div.reg-summary-name-info span{ display: inline-block; } .saa2k16_page_wrapper div.reg-summary-thanks-common-container div.reg-summary-option-info-container{ display: table; width: 100%; } .saa2k16_page_wrapper div.reg-summary-thanks-common-container div.reg-summary-address-info{ width: 33%; border-right: 0; } .saa2k16_page_wrapper div.reg-summary-thanks-common-container div.reg-summary-event-info{ width: auto; } .saa2k16_page_wrapper div.reg-summary-thanks-common-container div.reg-summary-total{ margin-right: 0; } .saa2k16_page_wrapper #reg_payment_page #responsive_payment_typecc_number_row, .saa2k16_page_wrapper #reg_payment_page #responsive_payment_typecc_exp_date_row, .saa2k16_page_wrapper #reg_payment_page #responsive_payment_typecc_cvv_row{ width: 32%; margin-right: 2%; float: left; } .saa2k16_page_wrapper #reg_payment_page #responsive_payment_typecc_cvv_row{ margin-right: 0; } .saa2k16_page_wrapper #reg_payment_page #responsive_payment_typecc_exp_date_YEAR, .saa2k16_page_wrapper #reg_payment_page #responsive_payment_typecc_exp_date_MONTH{ margin-top: -2px !important; } .saa2k16_page_wrapper #reg_payment_page #billing_title_row, .saa2k16_page_wrapper #reg_payment_page #billing_suffix_row{ width: 15%; margin-right: 2%; float: left; } .saa2k16_page_wrapper #reg_payment_page #billing_first_name_row, .saa2k16_page_wrapper #reg_payment_page #billing_last_name_row{ width: 32%; margin-right: 2%; float: left; } .saa2k16_page_wrapper #reg_payment_page #billing_suffix_row{ margin-right: 0; } .saa2k16_page_wrapper #reg_payment_page #billing_info_name::after, .saa2k16_page_wrapper #reg_payment_page #billing_info_address::after{ content: " "; clear: both; display: block; } .saa2k16_page_wrapper #reg_payment_page #billing_addr_street1_row, .saa2k16_page_wrapper #reg_payment_page #billing_addr_street2_row, .saa2k16_page_wrapper #reg_payment_page #billing_addr_city_row{ width: 32%; margin-right: 2%; float: left; } .saa2k16_page_wrapper #reg_payment_page #billing_addr_city_row{ margin-right: 0; } .saa2k16_page_wrapper #reg_payment_page #billing_addr_state_row, .saa2k16_page_wrapper #reg_payment_page #billing_addr_zip_row, .saa2k16_page_wrapper #reg_payment_page #billing_addr_country_row{ width: 32%; margin-right: 2%; float: left; } .saa2k16_page_wrapper #reg_payment_page #billing_addr_country_row{ margin-right: 0; } .modal#register-modal { max-width: 704px; } .modal#register-modal .saa_rdv:not(.-stacked) li + li { margin-top: 0; } .saa_event_key_details { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .saa_event_key_detail_column { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .saa_event_key_detail_column + .saa_event_key_detail_column { border-top: 0; border-left: 1px solid #d6d6d9; padding-top: 0; margin-top: 0; } .saa_event_key_detail_content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .saa_event_key_detail_icon, .saa_event_key_detail_header, .saa_event_key_detail_body, .saa_event_key_detail_footer { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .saa_event_key_detail_footer { align-self: flex-end; } } @media screen and (min-width:1024px){ #saa2k16_footer_wrapper .nav_menu_desktop_hide, #saa2k16_footer_wrapper a.nav_menu_desktop_hide{ display: none; } #saa2k16_footer_wrapper .nav_menu_mobile_hide{ display: block; } .saa2k16_logo img{ height: 40px; padding: 15px 16px; } #saa2k16_header.saa_fixed .saa_header_center_1{ margin-top: 71px; } .saa_header_top{ font-size: 1.4em; } .saa_nav_item_bold .saa_link{ padding: 28px; } .saa_header_center_2 li{ font-size: 1.05em; } .saa_caption p{ font-size: 4.4em; } .saa_full_width .saa_caption p{ font-size: 5em; } #saa2k16_featured_slides .bx-wrapper .bx-pager{ bottom: 30px; } #saa2k16_psi h3{ font-size: 3.6em; } #saa2k16_psi p{ font-size: 2em; font-weight: 300; color: rgba(255,255,255,0.85); } #saa2k16_make_waves_wrapper h4{ font-size: 4.4em; } #saa2k16_make_waves_wrapper p{ font-size: 1.6em; } .saa_email_label h4{ 2.2em; } #saa2k16_email_wrapper form{ width: 350px; } #saa2k16_email_wrapper input[type=text]{ font-size: 1.6em; } #saa2k16_donors_wrapper{ height: 235px; } .saa_top_item{ font-size: 1.1em; line-height: 1.5em; } .saa_top_list_wrapper{ max-height: 160px; } /* .saa_top_list_container_box { padding-top: 160px; padding-bottom: 50px; } */ #saa2k16_footer_wrapper{ padding: 15px 0 12px; } .saa_footer_primary{ display: table; width: 100%; margin-top: 30px; overflow: hidden; } .saa_footer_column.saa_center_column li{ font-size: 0.9em; } .saa_footer_primary .saa_footer_column{ display: table-cell; vertical-align: top; } .saa_footer_column.saa_side_column{ width: 30%; } .saa_footer_column.saa_center_column{ width: 40%; text-align: left; } .saa_footer_column.saa_center_column a{ color: #FFF; padding: 5px 10px; display: block; } .saa_footer_column.saa_center_column li{ padding: 0; } .saa_footer_column.saa_center_column li.saa_footer_sub_nav_item:first-child{ margin-top: 0; } .saa_footer_column.saa_center_column a:hover{ font-weight: 300; color: #8ad0f3; background: none; } .saa_footer_column.saa_center_column li:hover{ background: none; } .saa_footer_column.saa_center_column li.saa_footer_sub_nav_item:first-child{ margin-top: 0; } .saa_footer_column.saa_center_column li.saa_footer_nav_item, .saa_footer_column.saa_center_column li.saa_footer_sub_nav_item{ border: none; } .saa_center_column_wrapper{ padding: 0 10px 20px; } .saa_center_column .saa_footer_nav_item_wrapper{ display: table-cell; padding-right: 25px;} .saa_footer_nav_item_wrapper .fa-caret-down{ display: none; } .saa_footer_sub_nav_item_wrapper.saa_collapse{ visibility: visible; } .saa_footer_sub_nav_item_wrapper.saa_display_hidden{ height: auto; display: block; } .saa_footer_secondary{ padding: 10px 15px 0; } .saa_footer_left{ float: left; } .saa_footer_right{ float: right; margin-top: 0; } .saa_full_width_wrapper p{ line-height: 1.3em; } .saa_rdv{ max-width: 768px; } .saa_rdv li{ border-left: 25px solid #FFF; border-right: 25px solid #FFF; font-size: 1.4em; } .event_stats{ display: table; width: 100%; margin: 25px 0; } .stats_item{ display: table-cell; box-sizing: border-box; padding: 0 20px; border: none; width: 33.33%; border-left: 1px solid #d6d6d9; box-sizing: border-box; } .stats_item:first-child{ border-left: none; } .saa_event_social{ display: table; margin: 0 auto; } .event_social_text{ padding-right: 10px; } .event_social_text, .event_social_links{ display: table-cell; vertical-align: middle; } .event_social_links{ margin-left: 5px; } /* .event_stats{ display: table; } */ .saa_event_content_wrapper{ width: 90%; } .saa_full_width .saa_caption .saa_lead_caption p{ font-size: 5em; } .saa_lead_caption{ margin-top: -27px; } .saa_lead_caption.saa_two_line{ margin-top: -49px; } .saa_os_item_info{ margin-top: -26px; } .saa_join_a_swim{ font-size: 2em; } .saa_find_poolswim_page_wrapper .saa_dynamic_box_label:before{ padding: 0px 7px; } .saa_find_poolswim_page_wrapper .saa_dynamic_box_label.wide_open:before{ padding: 0px 10px; } /*sponsors*/ .saa_table_list .table_item{ padding: 0 30px; } .saa_section_title{ font-size: 2.4em; } .saa_mission_caption{ padding: 0.5em 15em 1.5em; } .saa_lead_caption h1 .saa_font_smaller{ font-size: 0.5em; } .saa_full_width_wrapper p.saa_font_smaller{ font-size: 1.55em; } .saa_full_width_wrapper li.table_inline_item{ padding-left: 7em; padding-right: 7em; } div#personal_page_image_div, .mobile div#team_image{ float: left; margin: 0 2em 1em 0; } .saa2k16_page_wrapper .form-row.form-text { width: 33%; } .saa2k16_page_wrapper .form-row.form-selectlist{ width: 33%; } #billing_first_name_row, #billing_last_name_row, #donor_email_address_row{ float: left; } #billing_first_name_row .form-content{ box-sizing: border-box; padding-right: 10px; } #billing_last_name_row .form-content{ box-sizing: border-box; padding: 0 5px; } #donor_email_address_row .form-content{ box-sizing: border-box; padding-left: 10px; } #billing_addr_street1_row, #billing_addr_street2_row, #billing_addr_city_row{ float: left; } #billing_addr_street1_row .form-content{ box-sizing: border-box; padding-right: 10px; } #billing_addr_street2_row .form-content{ box-sizing: border-box; padding: 0 5px; } #billing_addr_city_row .form-content{ box-sizing: border-box; padding-left: 10px; } #billing_addr_state_row, #billing_addr_zip_row, #billing_addr_country_row{ float: left; } #billing_addr_state_row .form-content{ box-sizing: border-box; padding-right: 10px; } #billing_addr_zip_row .form-content{ box-sizing: border-box; padding: 0 5px; } #billing_addr_country_row .form-content{ box-sizing: border-box; padding-left: 10px; } .html-caption-container{ width: 100%; display: block; } #html-caption-container{ float: left; } #responsive_payment_typecc_number_row{ width: 33%; float: left; } #responsive_payment_typecc_exp_date_row, #responsive_payment_typecc_cvv_row{ width: 33%; } #responsive_payment_typecc_number_row .form-content{ box-sizing: border-box; padding-right: 10px; } #responsive_payment_typecc_exp_date_row .form-content{ box-sizing: border-box; padding: 0 5px; } #responsive_payment_typecc_cvv_row .form-content{ box-sizing: border-box; padding-left: 10px; } #responsive_payment_typerouting_number_row, #responsive_payment_typebank_account_row, #responsive_payment_typeverify_bank_account_row{ float: left; } #responsive_payment_typerouting_number_row .form-content{ box-sizing: border-box; padding-right: 10px; } #responsive_payment_typebank_account_row .form-content{ box-sizing: border-box; padding: 0 5px; } #responsive_payment_typeverify_bank_account_row .form-content{ box-sizing: border-box; padding-left: 10px; } .saa2k16_page_wrapper .donation-form-container .form-checkbox label{ margin-left: 10px; width: 95%; } #responsive_payment_typepay_typeradio_row .form-content .payment-type-selections .external-payment .payment-type-option{ padding: 10px 5px 5px; box-sizing: border-box; margin-left: 0; } #responsive_payment_typepay_typeradio_row .form-content .payment-type-selections .internal-payment .payment-type-option{ padding: 15px 0; } #responsive_payment_typepay_typeradio_row .form-content .payment-type-selections .internal-payment{ width:65%; } }