/* DUMMY FLAG CARDS */ .card_flag_outer { position: relative; display: block; width: 140px; height: 26px; border-radius: 4px 4px 0px 0px; overflow: hidden; } .page_background_flag_outer { position: relative; display: block; width: 100%; height: 255px; overflow: hidden; } .card_flag_background { position: absolute; display: block; top: -30px; left: -30px; width: 140%; height: 80px; background-size: 140%; background-position: 40% 20%; background-repeat: no-repeat; -webkit-transform: rotate(15deg); transform: rotate(15deg); } .page_background_flag_background { position: absolute; display: block; top: -100%; left: -10%; width: 120%; height: 400%; background-size: 100%; background-position: 40% 20%; background-repeat: no-repeat; -webkit-transform: rotate(15deg); transform: rotate(15deg); } .back_side { background-color: transparent; } .mix-blend-mode .card_flag_water { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; mix-blend-mode: multiply; background-position: 50% 50%; background-repeat: no-repeat; background-size: 400%; background-image: url('../img/card_top_water.png'); } .mix-blend-mode .page_background_flag_water { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; mix-blend-mode: multiply; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; background-image: url('../img/card_top_water.png'); } .no-mix-blend-mode .card_flag_water { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-position: 50% 50%; background-repeat: no-repeat; background-size: 400%; background-image: url('../img/no_mix_water.png'); opacity: 0.7; } .no-mix-blend-mode .page_background_flag_water { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100%; background-image: url('../img/no_mix_water.png'); opacity: 0.7; } .small_svg_flag { position: relative; display: block; width: 100%; height: 100%; background-size: 100%; background-position: 50% 50%; background-repeat: no-repeat; } .sph_flag { position: relative; display: block; width: 100%; padding-bottom: 57%; background-size: 100%; background-position: 50% 50%; background-repeat: no-repeat; } .sub_nav_page #col_set_1 { min-height: 320px; } /* THIS SCHOOL HAS */ #tsh_outer { position: absolute; top: 1px; left: 0px; width: 100%; background-color: #124573; z-index: 130; } #tsh_inner { position: relative; margin: 0px auto !important; width: 100%; max-width: 1280px; padding: 0px 10px; color: #27aae0; font-size: 18px; line-height: 30px; font-family: 'JockeyOne'; text-transform: uppercase; text-align: center; } .tsh_text { padding: 0px 0px; display: inline-block; vertical-align: top; } #tsh_eye_icon { width: 24px; display: inline-block; vertical-align: top; margin-right: 4px; margin-left: 12px; } #tsh_eye_icon svg { display: block; width: 100%; margin-top: 9px; } #tsh_hand_icon { width: 32px; display: inline-block; vertical-align: top; margin-right: 4px; margin-left: 12px; } #tsh_hand_icon svg { display: block; width: 100%; margin-top: 7px; } #tsh_thumb_icon { width: 21px; display: inline-block; vertical-align: top; margin-right: 4px; margin-left: 12px; } #tsh_thumb_icon svg { display: block; width: 100%; margin-top: 2px; } .tsh_group { display: inline-block; vertical-align: top; } #bg_outer_outer.mc_bg { height: 55vh; } .put_away #bg_outer_outer.mc_bg { height: 100vh; } #bg_outer_outer.fuller_height { height: calc( 100vh - 81px); } /* VIEW RESERVIOR BUTTON */ #view_res_outer { position: absolute; top: -47px; left: 50%; margin-left: -12.5%; width: 25%; padding: 0px 10px; text-align: center; } #view_reservior_link { position: relative; display: inline-block; font-family: 'dosissemibold'; text-transform: uppercase; font-size: 18px; line-height: 18px; color: #f08530; padding: 5px 8px 6px; border: 1px solid #e9e9e9; border-radius: 4px; z-index: 222; } #view_reservior_link.disabled { color: #27aae0; } #view_reservior_link.enabled { color: #f08530; cursor: pointer; } #view_reservior_link.enabled:hover { color: #fcb65b; } #bg_reservior_left { position: absolute; left: 0px; top: 0px; bottom: 0px; width: calc(50% - 500px); background-color: #15598f; z-index: 100; text-align: right; overflow: hidden; } #bg_reservior_right { position: absolute; right: 0px; top: 0px; bottom: 0px; width: calc(50% - 500px); background-color: #15598f; z-index: 100; text-align: left; overflow: hidden; } #bg_reservior_left img, #bg_reservior_right img { filter: grayscale(100%); height: 100%; position: absolute; top: 0px; height: 100%; opacity: 0.1; } #bg_reservior_left img { left: 0px; } #bg_reservior_right img { right: 0px; } #res_blend_left { position: absolute; left: 1px; top: 0px; width: 15px; height: 100%; background-image: url('../img/l_res_bg_blend.png'); background-size: 15px; background-repeat: repeat-y; z-index: 101; opacity: 1; } #res_blend_right { position: absolute; right: 1px; top: 0px; width: 15px; height: 100%; background-image: url('../img/r_res_bg_blend.png'); background-size: 15px; background-repeat: repeat-y; z-index: 101; opacity: 1; } .put_away #res_blend_left, .put_away #res_blend_right { opacity: 0; } #reservior_avatar { width: 31.25% !important; margin-left: 1.04%; margin-right: 1.04%; } #reservior_mission_prog { width: 31.25% !important; margin-left: 1.04%; margin-right: 1.04%; } #reservior_values { width: 31.25% !important; margin-left: 1.04%; margin-right: 1.04%; } #sp_reservoir_inner_lower_details { z-index: 2001; } #res_show_details_button { margin-bottom: 0px; z-index: 2202; position: relative; } #sp_reservoir_inner_lower { border: 0px solid red; z-index: 4202; } /* PUT AWAY */ #header_inner.put_away { top: -30px; } #header_bg.put_away { top: -30px; } #bg_reservior_left.put_away { width: 0px; } #bg_reservior_right.put_away { width: 0px; } #content_bg.put_away { top: -70px; } #cont_bg_blend.put_away, #cont_bg_fill.put_away { top: 91px; } .lang_header_outer.put_away { top: 30px; } #background_outer.fuller_height { padding-top: 81px; } #background.fuller_height { max-width: none; } #sp_reservoir_inner_lower.fuller_height { display: block; bottom: 75px; } #background.reservior_background { display: block; opacity: 1; } #school_page_top_strip_outer.put_away { display: none; } #profile_in_header_outer_outer.put_away { display: none; } #sp_avatar_outer.put_away {display: none; } #res_blend_left.put_away, #res_blend_right.put_away { display: none; } /* MISSION CONTROL */ .mc_left { width: 50%; padding: 0px 16px; z-index: 400; display: inline-block; vertical-align: top; padding-top: 22px; } .mc_right { width: 50%; padding: 0px 16px; z-index: 400; display: inline-block; vertical-align: top; padding-top: 22px; } .new_mission_control .content_block_inner { background-color: transparent; padding: 0px; } .new_module_outer_each { padding: 1px; } .module_list_column_outer.mc_col_0 { padding: 1px 1px 2px 1px; border-top: 1px solid #27aae0; border-left: 1px solid #27aae0; border-radius: 6px 0px 0px 0px; } .module_list_column_outer.mc_col_2 { padding: 2px 1px 1px 1px; border-bottom: 0px solid #27aae0; border-right: 1px solid #27aae0; border-radius: 0px 0px 0px 0px; } /* ACTIVITY LIST HEADER */ .activity_list_header { padding: 10px 16px 16px; border-radius: 5px; } #modal_window_content .activity_list_header { border-radius: 5px 5px 0px 0px; } #modal_window_content .activity_each_footer { border-radius: 0px 0px 5px 5px; } .activity_list_title_outer { position: relative; } .activity_list_title { display: inline-block; font-family: 'dosissemibold'; font-size: 30px; line-height: 40px; padding-right: 10px; width: calc(100% - 32px); } .activity_list_content p { font-family: 'dosisregular'; color: #FFFFFF; font-size: 14px; line-height: 14px; } .activity_list_content a, .activity_list_content a:visited { color: #fcb65b; text-decoration: none; } .activity_list_content a:hover { color: #f08530; } .activity_list_header .module_list_drops { margin-top: 0px; } .activity_list_title_back { float: right; position: relative; margin-top: 12px; } .activity_list_title_back a { display: block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: white; color: #f5893c; text-decoration: none; font-size: 12px; line-height: 14px; padding: 2px 8px; } .completed_header .activity_list_title_back { vertical-align: bottom; } .activity_list_title p { color: inherit !important; font-family: 'dosissemibold'; font-size: 30px; line-height: 40px; display: inline; position: relative; } .not_doing_text { color: #FFFFFF; display: inline-block; vertical-align: top; width: calc(100% - 42px); } .not_doing_text_button { display: inline-block; float: none; margin-right: 10px; width: 32px; height: 32px; cursor: pointer; vertical-align: top; } .module_activity_title_tick_or_cross_outer { margin-right: 0px; } .mc_drips_text_outer { display: inline-block; width: calc(100% - 75px); vertical-align: top; padding-right: 15px; } .activity_list_header .module_logo { display: inline-block; width: 75px; vertical-align: top; float: none; margin-left: 0px; height: 105px; background-size: 200px !important; } .module_list_drops { position: relative; padding: 0px 0px 5px 0px; } .module_activity_icon { position: absolute; width: 34px; height: 34px; top: 0px; left: 0px; padding: 1px; transition: transform 0.5s; } .module_activity_icon:hover { transform: scale(2); z-index: 200; } .module_activity_icon svg { display: block; width: 100%; } .module_activity_icon .Overlay { opacity: 0; transition: opacity 0s; } .module_activity_icon .Points { font-size: 24px; font-family: 'dosisextrabold'; opacity: 0; transition: opacity 0.5s; } .module_activity_icon:hover .Overlay { opacity: 0.5; } .module_activity_icon:hover .Points {opacity: 1; } .activity_body_svg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0.2; z-index: 0; text-align: center; } .activity_body_svg svg { height: 100%; display: inline-block; max-width: 100%; } .activity_body_svg .Overlay { display: none; } .activity_body_svg .Points { display: none; } /* OPENING LINEAR BUTTONS */ .opening_linear_buttons { border: 0px solid red; margin: 0px 0px -1px; } .new_mission_control { margin: 0px 0px; } .new_mission_control .content_block_inner { display: flex; flex-direction: row; height: 100%; } .opening_linear_buttons .content_block_inner.linear_buttons_left { display: inline-block; position: relative; border: 0px solid red; width: 50%; vertical-align: top; padding: 0px 16px 0px 0px; } .opening_linear_buttons .content_block_inner.linear_buttons_right { display: inline-block; position: relative; border-color: #27aae0; border-style: solid; border-width: 1px 1px 0px 0px; margin-left: 16px; width: calc(50% - 16px); vertical-align: top; padding: 0px 2px 0px 3px; border-radius: 6px 6px 0px 0px; } .linear_buttons_left .orange.title { color: #FFFFFF; font-family: 'dosisbold'; font-size: 18px; line-height: 24px; text-transform: uppercase; } .linear_buttons_left p { color: #27aae0; font-size: 18px; line-height: 24px; font-family: 'dosisregular'; } .mc_linear_button { min-width: 0px; display: block; position: relative; width: 100%; padding-left: 0px; padding-right: 0px; } .mc_linear_button_inner { border: 1px solid #27aae0; height: auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; width: 100%; } .mc_linear_button_inner.inactive { border: 1px solid #15598f; } .opening_linear_buttons .mc_linear_button_inner { margin-top: 2px; } .closing_linear_buttons .mc_linear_button_inner { margin-bottom: 2px; } .mc_linear_button_text { display: inline-block; font-family: 'dosissemibold'; text-align: left; color: #27aae0; padding: 3px 0px 5px 16px; line-height: 24px; width: calc(100% - 32px); } .inactive .mc_linear_button_text { color: #15598f; } .tl_corner { position: absolute; width: 6px; top: -1px; bottom: 6px; left: 0px; border-color: #27aae0; border-style: solid; border-width: 1px 0px 0px 1px; border-radius: 6px 0px 0px 0px; } .bl_corner { position: absolute; height: 6px; bottom: 0px; left: -16px; width: 17px; border-color: #27aae0; border-style: solid; border-width: 0px 1px 1px 0px; border-radius: 0px 0px 6px 0px; } .mc_linear_button_inner.next { border-color: #f08530; background-color: #f08530; } .mc_linear_button_inner.next:hover { background-color: #fcb65b; } .mc_linear_button_inner.next .mc_linear_button_text { color: #FFFFFF; } .mc_linear_button_inner.next6 { border-color: #f08530; background-color: #f08530; } .mc_linear_button_inner.next6:hover { background-color: #fcb65b; } .mc_linear_button_inner.next6 .mc_linear_button_text { color: #FFFFFF; } .mc_linear_button_inner.next5 { border-color: #f08530; background-color: #f08530; } .mc_linear_button_inner.next5:hover { background-color: #fcb65b; } .mc_linear_button_inner.next5 .mc_linear_button_text { color: #FFFFFF; } .mc_linear_button_inner.next4 { border-color: #f08530; background-color: #f08530; } .mc_linear_button_inner.next4:hover { background-color: #fcb65b; } .mc_linear_button_inner.next4 .mc_linear_button_text { color: #FFFFFF; } .mc_linear_button_inner.next3 { border-color: #f08530; background-color: #f08530; } .mc_linear_button_inner.next3:hover { background-color: #fcb65b; } .mc_linear_button_inner.next3 .mc_linear_button_text { color: #FFFFFF; } .mc_linear_button_inner.next2 { border-color: #f08530; background-color: #f08530; } .mc_linear_button_inner.next2:hover { background-color: #fcb65b; } .mc_linear_button_inner.next2 .mc_linear_button_text { color: #FFFFFF; } .mc_linear_button_inner.next1 { border-color: #f08530; background-color: #f08530; } .mc_linear_button_inner.next1:hover { background-color: #fcb65b; } .mc_linear_button_inner.next1 .mc_linear_button_text { color: #FFFFFF; } .linear_title_tick_or_cross_outer { display: inline-block; width: 32px; height: 32px; overflow: hidden; position: relative; vertical-align: top; margin-right: 0px; } .linear_title_tick_or_cross_bg.inactive { background-position: -362px -220px; } .linear_title_tick_or_cross_bg.lower.inactive { background-position: -362px -327px; } .linear_title_tick_or_cross_bg { position: absolute; top: 0px; left: 0px; width: 32px; height: 32px; z-index: 250; margin-top: 0px; background-image: url('../img/all_sprite.png'); background-repeat: no-repeat; background-size: 500px; background-position: -264px -219px; opacity: .4; } .linear_title_content.cross { position: absolute; bottom: 8px; left: 9px; width: 14px; height: 15px; z-index: 260; color: #FFFFFF; font-family: 'dosisbold'; font-size: 12px; line-height: 24px; text-align: center; background-image: url('../img/all_sprite.png'); background-repeat: no-repeat; background-size: 500px; background-position: 0px -278px; } .linear_title_content.complete { background-image: url('../img/all_sprite.png'); background-repeat: no-repeat; background-size: 500px; background-position: 0px -252px; } .linear_title_content img { width: 100%; } /* CLOSING LINEAR BUTTONS */ .closing_linear_buttons { border: 0px solid red; margin: -1px 0px 16px; } .lower_linear_left_outer { display: inline-block; position: relative; margin-right: 16px; width: calc(50% - 16px); vertical-align: top; padding: 0px 0px 0px 0px; } .lower_linear_right_outer { display: inline-block; position: relative; border: 0px solid red; width: 50%; vertical-align: top; padding: 12px 0px 0px 0px; } .content_block_inner.lower_linear_buttons_left { border-color: #27aae0; border-style: solid; border-width: 0px 0px 1px 1px; border-radius: 0px 0px 6px 6px; padding: 0px 3px 0px 2px; } .br_corner { position: absolute; width: 6px; bottom: -1px; top: 6px; right: 0px; border-color: #27aae0; border-style: solid; border-width: 0px 1px 1px 0px; border-radius: 0px 0px 6px 0px; } .tr_corner { position: absolute; height: 6px; top: 0px; right: -16px; width: 17px; border-color: #27aae0; border-style: solid; border-width: 1px 0px 0px 1px; border-radius: 6px 0px 0px 0px; } .lower_archive_message { position: relative; display: block; padding-top: 23px; } .lower_archive_message p { color: #27aae0; font-size: 18px; line-height: 24px; font-family: 'dosisregular'; } .lower_archive_message a, .lower_archive_message a:visited { color: #f08530; text-decoration: none; border: 0px; outline: none; } .lower_archive_message a:hover { color: #fcb65b; } .lower_archive_message .orange.title { color: #FFFFFF; font-family: 'dosisbold'; font-size: 18px; line-height: 24px; text-transform: uppercase; } .lower_linear_right_outer p { color: #27aae0; font-size: 18px; line-height: 24px; font-family: 'dosisregular'; } .lower_linear_right_outer a, .lower_linear_right_outer a:visited { color: #f08530; text-decoration: none; border: 0px; outline: none; } .lower_linear_right_outer a:hover { color: #fcb65b; } .lower_linear_right_outer .orange.title { color: #FFFFFF; font-family: 'dosisbold'; font-size: 18px; line-height: 24px; text-transform: uppercase; } #finish_all_buttons { position: relative; display: block; width: 100%; margin: 0px auto; max-width: 600px; } .finish_all_button { position: relative; display: inline-block; background-color: #f08530; text-align: center; font-family: 'dosisregular'; text-transform: uppercase; font-size: 24px; line-height: 30px; padding: 7px 70px 9px; color: #FFFFFF; border-radius: 5px; } .finish_all_button:hover { cursor: pointer; background-color: #fcb65b; } #finish_all_cancel { float: left; } #yes_finish_all { float: right; } /* NEXT ARROW */ #next_arrow { display: none; position: absolute; z-index: 403; width: 77px; height: 65px; border: 0px solid red; margin-left: -38px; left: 50%; top: 40px; background-image: url('../img/all_sprite.png'); background-repeat: no-repeat; background-size: 500px; background-position: -402px -224px; font-family: 'dosisextrabold'; color: #165990; font-size: 14px; text-transform: uppercase; text-align: center; padding-top: 32px; } .it #next_arrow, .eu #next_arrow, .es #next_arrow { font-size: 8px; } .blog_image_outer { margin-left: 16px; float: right; width: 200px; position: relative; min-width: 200px; padding-bottom: 133px; border: 0px solid red; } .blog_image { width: auto; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow: hidden; background-repeat: no-repeat; background-position: 50% 50%; background-attachment: scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .existing_image .blog_image { width: 100%; max-height: none; overflow: hidden; } #avatar_builder .existing_image { position: relative; padding-bottom: 32.66%; } .blog_single_image { width: 100%; max-height: none; overflow: hidden; } .blog_single_image.landscape { width: 66.66%; } .blog_single_image.portrait { width: 33.33%; } #edit_editorial .blog_single_image.landscape { max-width: 300px; display: inline-block; } #edit_editorial .blog_single_image.portrait { max-width: 300px; display: inline-block; } #edit_editorial_form .tmce_outer { height: auto; margin-bottom: 10px; } .blog_single_image img { width: 100%; display: block; position: relative; } .single_blog#editorial_no_0 .blog_image_outer { padding-bottom: 0px; } /* NEWS SECTION */ #mc_inner #editorial_outer.schools_news { margin: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } #mc_inner #editorial_outer.schools_news .content_block_inner { background-color: #0b1831; border-top: 0px solid #bee5f6; border-left: 0px solid #bee5f6; border-radius: 0px 0px 0px 0px; } #mc_inner .blog_title { color: #27aae0; } #mc_inner .blog_meta_author_activity_outer { color: #27aae0; } #mc_inner .blog_content p { color: #27aae0; } #mc_inner .liked_score { color: #27aae0; } #school_editorial_more_links { padding-left: 0px; padding-right: 0px; } .blog_show_more { position: relative; left: auto; bottom: auto; text-align: center; font-family: 'dosisregular'; text-transform: uppercase; font-size: 24px; line-height: 30px; padding: 5px 10px; color: #FFFFFF; } .mc_news_tabs_outer { position: relative; display: block; width: 100%; } .mc_news_tab { position: relative; display: inline-block; vertical-align: top; width: calc(33.33% - 2px); font-family: 'dosissemibold'; font-size: 18px; line-height: 18px; text-transform: uppercase; text-align: center; border-color: #27aae0; border-style: solid; border-width: 1px 1px 0px 1px; border-radius: 6px 6px 0px 0px; color: #fcb65b; padding: 5px 16px; } #mc_news_add, #mc_news_add, #mc_news_all_news a, #mc_news_our_news a { margin: 0px 2px; width: 33.33%; color: #fcb65b; text-decoration: none; } #mc_news_add:hover, #mc_news_all_news a:hover , #mc_news_our_news a:hover { color: #f08530; cursor: pointer; } #mc_news_tab { border-color: #0b1831; background-color: #0b1831; text-align: left; font-size: 24px; line-height: 19px; padding: 9px 16px 0px; color: #f08530; z-index: 401; } #school_editorial_more_links { padding-bottom: 32px; } .blog_previous a, .blog_next a, .blog_show_more a { line-height: 30px; width: 100%; display: block; } #school_editorial_more_links .open_all { display: none; } #school_editorial_more_links .show_more { display: block; } #school_editorial_more_links.one .open_all { display: block; } #school_editorial_more_links.one .show_more { display: none; } #blog_show_more_outer:hover { background-color: #fcb65b; } #blog_show_more_outer.no_more:hover { background-color: #f08530; } #blog_show_more_outer.no_more .blog_show_more { color: #fcb65b; } /* NEWSREEL IN MODAL */ #modal_window_content { height: auto; bottom: 0px; right: 0px; } #modal_window_content #editorial_outer { width: 66.66%; margin-bottom: 0px; } #modal_window_content #editorial_outer .content_block_inner { background-color: #0b1831; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } #modal_window_content .blog_title { color: #27aae0; } #modal_window_content .blog_meta_author_activity_outer { color: #27aae0; } #modal_window_content .blog_content p { color: #27aae0; } #modal_window_content .blog_content ul { color: #27aae0; } #modal_window_content .liked_score { color: #27aae0; } #modal_window_content .back_to_news_link { display: none; } #modal_window_content #school_editorial_more_links { width: 66.66%; margin-left: 10px; margin-bottom: 10px; } #modal_window_content .blog_previous a, #modal_window_content .blog_next a, #modal_window_content .blog_show_more a { line-height: 40px; } html, body { min-height: 100%; height: auto; } #modal_window_outer { border: 1px solid red; height: 100%; } #home_slideshow { height: calc(100vh - 111px); } #modal_window_inner { margin-top: 0px; padding-top: 64px; } #modal_window_close { top: 30px; } .home_page #main_content { height: auto; } #footer { overflow: hidden; } #modal_window_bg_blue { position: fixed; } #modal_article_buttons_outer { position: relative; text-align: left; vertical-align: top; margin-top: 0px; } #m_a_close { position: relative; display: inline-block; vertical-align: top; width: 40px; height: 40px; border-radius: 5px; background-color: #f08530; color: #FFFFFF; font-family: 'dosisregular'; font-size: 48px; line-height: 25px; text-align: center; } #m_a_np_outer { position: relative; display: inline-block; vertical-align: top; width: calc(100% - 40px); text-align: right; } #m_a_np_prev { position: relative; display: inline-block; vertical-align: top; width: 40px; height: 40px; border-radius: 5px; background-color: #f08530; color: #fcb65b; font-family: 'dosisregular'; font-size: 48px; line-height: 28px; text-align: center; } #m_a_np_next { position: relative; display: inline-block; vertical-align: top; width: 40px; height: 40px; border-radius: 5px; background-color: #f08530; color: #fcb65b; font-family: 'dosisregular'; font-size: 48px; line-height: 28px; text-align: center; margin-left: 15px; } #m_a_close, #m_a_np_prev.active, #m_a_np_next.active { color: #FFFFFF; cursor: pointer; } #m_a_close:hover, #m_a_np_prev.active:hover, #m_a_np_next.active:hover { background-color: #fcb65b; } .module_list_drop.fresher_water svg path { fill: #9ac55b; } .module_list_drop.secret_water svg path { fill: #f9b905; } .module_list_drop.global_water svg path { fill: #058f87; } .module_list_drop.precious_water svg path { fill: #af5a9d; } .module_list_drop.inactive svg path { opacity: 0.2; } .sdg_squares_outer { position: relative; display: block; margin-left: -1px; margin-right: -1px; margin-top: 10px; } .sdg_square { position: relative; display: inline-block; width: 16px; height: 16px; margin: 0px 1px; vertical-align: top; border: 0px solid #000000; } .fresher-water path.circ_slot_rem, .fresher-water circle.solid_circle { fill: #3b6e29; } .global-water path.circ_slot_rem, .global-water circle.solid_circle { fill: #02504b; } .precious-water path.circ_slot_rem, .precious-water circle.solid_circle { fill: #5b3757; } .secret-water path.circ_slot_rem, .secret-water circle.solid_circle { fill: #ac7f01; } path.tick, path.cross { fill: #FFFFFF; } path.circ_tick_rem { fill: #000000; opacity: 0.4; } rect.slot { fill: #15598f; } circle.solid_circle, path.circ_slot_rem, rect.slot, path.circ_tick_rem, path.tick, path.circ_cross_rem, path.cross, path.next_6, path.next_5, path.next_4, path.next_3, path.next_2, path.next_1 { display: none; } .module_activity_title_tick_or_cross_outer.inactive .circ_slot_rem { display: inline; } .module_activity_title_tick_or_cross_outer.cross .solid_circle, .module_activity_title_tick_or_cross_outer.cross .cross { display: inline; } .module_activity_title_tick_or_cross_outer.complete .solid_circle, .module_activity_title_tick_or_cross_outer.complete .tick { display: inline; } .module_header_tick_or_cross_outer { display: inline-block; width: 32px; height: 32px; overflow: hidden; position: relative; vertical-align: top; margin-right: 0px; } .module_header_tick_or_cross_outer.inactive .circ_tick_rem { display: inline; } .fresher-water .module_header_tick_or_cross_outer circle.solid_circle { fill: #9ac55b; } .global-water .module_header_tick_or_cross_outer circle.solid_circle { fill: #058f87; } .precious-water .module_header_tick_or_cross_outer circle.solid_circle { fill: #af5a9d; } .secret-water .module_header_tick_or_cross_outer circle.solid_circle { fill: #f9b905; } .module_header_tick_or_cross_outer.complete .solid_circle, .module_header_tick_or_cross_outer.complete .tick { display: inline; } .linear_title_tick_or_cross_outer.inactive path.circ_slot_rem { display: inline; fill: #000000; opacity: 0.4; } .linear_title_tick_or_cross_outer.complete circle.solid_circle { display: inline; fill: #000000; opacity: 0.4; } .linear_title_tick_or_cross_outer.complete .tick { display: inline; } .linear_title_tick_or_cross_outer.closing.inactive rect.slot { display: inline; } .next6 .linear_title_tick_or_cross_outer.inactive path.circ_slot_rem { display: none; fill: #000000; opacity: 0.4; } .next6 .linear_title_tick_or_cross_outer.closing.inactive rect.slot { display: none; } .next6 .linear_title_tick_or_cross_outer.inactive path.next_6 { display: inline; fill: #000000; opacity: 0.4; } .next5 .linear_title_tick_or_cross_outer.inactive path.circ_slot_rem { display: none; fill: #000000; opacity: 0.4; } .next5 .linear_title_tick_or_cross_outer.closing.inactive rect.slot { display: none; } .next5 .linear_title_tick_or_cross_outer.inactive path.next_5 { display: inline; fill: #000000; opacity: 0.4; } .next4 .linear_title_tick_or_cross_outer.inactive path.circ_slot_rem { display: none; fill: #000000; opacity: 0.4; } .next4 .linear_title_tick_or_cross_outer.closing.inactive rect.slot { display: none; } .next4 .linear_title_tick_or_cross_outer.inactive path.next_4 { display: inline; fill: #000000; opacity: 0.4; } .next3 .linear_title_tick_or_cross_outer.inactive path.circ_slot_rem { display: none; fill: #000000; opacity: 0.4; } .next3 .linear_title_tick_or_cross_outer.closing.inactive rect.slot { display: none; } .next3 .linear_title_tick_or_cross_outer.inactive path.next_3 { display: inline; fill: #000000; opacity: 0.4; } .next2 .linear_title_tick_or_cross_outer.inactive path.circ_slot_rem { display: none; fill: #000000; opacity: 0.4; } .next2 .linear_title_tick_or_cross_outer.closing.inactive rect.slot { display: none; } .next2 .linear_title_tick_or_cross_outer.inactive path.next_2 { display: inline; fill: #000000; opacity: 0.4; } .next1 .linear_title_tick_or_cross_outer.inactive path.circ_slot_rem { display: none; fill: #000000; opacity: 0.4; } .next1 .linear_title_tick_or_cross_outer.closing.inactive rect.slot { display: none; } .next1 .linear_title_tick_or_cross_outer.inactive path.next_1 { display: inline; fill: #000000; opacity: 0.4; } .mc_linear_button_text.done { color: #FFFFFF; } .module_svg_outer { position: absolute; top: 1px; bottom: 1px; left: 1px; right: 1px; pointer-events: none; border: 0px solid red; border-radius: 5px 5px 16px 16px; overflow: hidden; } .module_inactive_svg { position: relative; width: 100%; height: 100%; background-color: #FFFFFF; z-index: 400; opacity: 0.3; pointer-events: none; border: 0px solid red; } /* SUGGEST AN ACTIVITY */ .saa_outer { position: relative; padding: 0px 3px 3px 2px; border-left: 1px solid #27aae0; border-right: 0px solid #27aae0; } .saa_lower_border { position: absolute; bottom: 0px; right: 0px; width: 50%; top: -1px; border-color: #27aae0; border-style: solid; border-width: 0px 1px 1px 0px; border-radius: 0px 0px 6px 0px; z-index: -1; } #saa_button { position: relative; height: 88px; width: 100%; border: 1px solid #27aae0; background-color: #15598f; border-radius: 5px; padding: 12px 100px; cursor: pointer; } .saa_top_line { position: relative; text-align: center; color: #f08530; text-transform: uppercase; font-family: 'dosissemibold'; font-size: 18px; line-height: 18px; } .saa_middle_line { position: relative; text-align: center; color: #27aae0; text-transform: uppercase; font-family: 'dosissemibold'; font-size: 24px; line-height: 24px; } .saa_lower_line { position: relative; text-align: center; color: #f08530; text-transform: uppercase; font-family: 'dosissemibold'; font-size: 18px; line-height: 18px; } .saa_outer .module_svg_outer { top: 0px; bottom: 3px; left: 3px; right: 3px; pointer-events: none; border-radius: 6px 6px 6px 6px; } #saa_button_left { position: absolute; left: 0px; bottom: 0px; width: 117px; height: 87px; background-image: url('../img/saa_left.png'); background-repeat: no-repeat; background-size: 117px; } #saa_button_right { position: absolute; right: 0px; bottom: 0px; width: 117px; height: 87px; background-image: url('../img/saa_right.png'); background-repeat: no-repeat; background-size: 117px; } /* METRICS */ .metrics_outer { position: relative; display: block; margin-left: -16px; margin-right: -16px; margin-top: -16px; border: 0px solid red; text-align: left; padding: 0px 0px 0px 0px; } .metric_each_outer { position: relative; vertical-align: top; border: 0px solid white; float: left; overflow: hidden; opacity: 1; } .metrics_outer .trows_1 { padding-top: 50%; } .metrics_outer .trows_2 { padding-top: 100%; } .metrics_outer .tcols_1 { width: 50%; } .metrics_outer .tcols_2 { width: 100%; } .tile_inner { position: absolute; top:16px; left:16px; right: 16px; bottom: 16px; overflow: hidden; } .metric_each_outer .tile_image { position: relative; width: 100%; height: 100%; } .metric_each_outer svg { border: 0px solid yellow; width: 100%; height: 100%; } .module_complete_body_outer { padding: 0px 0px 46px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px;} #activity_list_complete { min-width: auto; min-height: 0px; font-size: 0px; } .new_module_outer_each { font-size: 0px; line-height: 0px; } .mission_achievements ul { padding-inline-start: 0px; list-style-position: inside; } .country_metrics_outer { position: relative; display: block; margin-left: -16px; margin-right: -16px; margin-top: -16px; border: 0px solid red; text-align: left; padding: 0px 0px 0px 0px; } .country_metrics_outer .trows_1 { padding-top: 50%; } .country_metrics_outer .trows_2 { padding-top: 100%; } .country_metrics_outer .tcols_1 { width: 50%; } .country_metrics_outer .tcols_2 { width: 100%; } #dots_above_filters.one { display: none; } #school_news_filter_outer.one { display: none; } #school_news_filter_outer { margin-top: -4px; } #filter_by_archive_div { display: inline-block; width: 100%; } #filter_by_archive { width: 100%; line-height: 18px; padding-bottom: 3px; } .feb { font-family: "futura-pt"; font-weight: 800; } .fceb { font-family: "futura-pt-condensed"; font-weight: 800; } .fb { font-family: "futura-pt-bold"; font-weight: 700; } #metric_first_5 { position: relative; display: block; width: 100%; } #metric_remaining { position: relative; display: none; width: 100%; } #metric_show_more { cursor: pointer; position: relative; width: 100%; font-family: 'dosisregular'; color: #FFFFFF; background-color: #f08530; font-size: 24px; line-height: 30px; text-align: center; text-transform: uppercase; padding: 5px 16px; border-radius: 0px 0px 5px 5px; } #metric_show_more:hover { background-color: #fcb65b; } #mshow_outer { position: relative; width: 100%; padding: 0px 16px; } /* VALUES */ #values_section_outer { position: relative; display: block; padding: 32px 0px; } .above_spider_text { position: relative; display: block; width: 100%; font-family: 'dosisregular'; color: #FFFFFF; font-size: 18px; line-height: 30px; text-align: center; } .above_spider_text p { font-family: 'dosissemibold'; font-weight: 400; color: #FFFFFF; font-size: 14px; line-height: 30px; } .below_spider_text { position: relative; display: block; width: 100%; font-family: 'dosisregular'; color: #FFFFFF; font-size: 18px; line-height: 30px; } .below_spider_text p { font-family: 'dosisregular'; color: #FFFFFF; font-size: 18px; line-height: 30px; } .outer_svg { border: 0px solid red; height: auto; display: inline-block; overflow: hidden; z-index: 40; position: absolute; top: 0px; left: 0px; right: 32px; } .outer_svg.outer_over { overflow: visible; } .axis path,.axis line { fill: none; stroke:transparent; shape-rendering: crispEdges; } .tick text{ fill:#999; } g.journal.active{ cursor:pointer; } text.label { font-size:12px; font-weight:bold; cursor:pointer; } text.value { font-size:12px; font-weight:bold; } text.module_label { font-size:14px; font-weight:bold; } text.activity_label { font-size:12px; font-weight:bold; cursor:pointer; } circle { display: block; z-index: 40; } .spider_outer { position: relative; font-size:0px; line-height: 0px; padding: 0px; color: #FFFFFF; font-family: 'dosissemibold'; font-weight: 400; padding-bottom: 100%; border: 0px solid red; } .spider_outer svg { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; } .legend { fill: #333333; } .tooltip { fill: #333333; font-size: 14px; } .fg_label { font-size: 14px; fill: #FFFFFF; text-anchor: middle; font-family: 'dosissemibold'; font-weight: 400; border: 0px solid red; } .fg_arc { fill-opacity: 1; } .hfg_arc { fill: none; } #st_arc { fill: #ffe4e4; } #con_arc { fill: #e5e5ff; } #se_arc { fill: #e4f2e4; } #otc_arc { fill: #ffffe4; } .ht_arc { fill: none; } .t_label { font-size: 12px; fill: #0b1831; text-anchor: middle; font-family: 'dosissemibold'; font-weight: 400; cursor: pointer; } .axisWrapper text { fill: #0e1b2b; } .radar_chart_title { position: relative; width: 100%; text-align: center; font-size:14px; margin-bottom: 20px; } #vp_1 .radarCircle { fill: #0e5891; } #vp_2 .radarCircle { fill: #ff8200; } .radarArea { opacity: 0.4; } .values_tooltip_outer { position: absolute; top: 0px; left: 0px; right: 0px; height: 100%; z-index: 30; } .vtt_each_outer { position: absolute; height: auto; border: 1px solid #525252; max-height: 500px; opacity: 0; overflow: hidden; transition: opacity 0.5s ease-out; margin-left: 0px; } /* height: 128px; border-left: 2px solid #525252; transition: max-height 0.5s ease-out; */ .vtt_flag { width: 242px; position: relative; height: auto; padding: 12px 10px; font-family: 'dosissemibold'; font-weight: 400; color: #525252; background-color: #FFFFFF; text-align: left; z-index: 50; } .vtt_each_outer.hover { opacity: 1; transition: opacity 0.5s ease-in; z-index: 50; } /* max-height: 500px; transition: max-height 1s ease-in; background-color: #ececec; */ .flag_v_text { position: relative; width: 100%; text-align: left; font-family: 'dosisregular'; font-weight: 400; font-size: 14px; line-height: 18px; } .values_blue { color: #0e5891; } .values_orange { color: #ff8200; } .schools_news .blog_divider_dots { background-repeat: repeat-x; } #mc_news_outer { position: relative; width: 100%; display: block; } @media only screen and (max-width: 580px) { #header { border: 0px solid pink; } #main_content_inner { text-align: center; } .mc_left { width: 100%; padding-top: 0px; max-width: 400px; } .opening_linear_buttons .content_block_inner.linear_buttons_left { width: 100%; padding: 0px 0px; margin-bottom: 10px; } .opening_linear_buttons .content_block_inner.linear_buttons_right { width: 100%; padding: 0px 2px 0px 2px; margin-left: 0px; border-width: 1px 1px 0px 1px; } .tl_corner, .bl_corner { display: none; } .mc_linear_button { margin-bottom: 0px; max-width: 100%; } .three_col.new_mission_control { margin-top: 0px !important; margin-bottom: 0px !important; } .new_mission_control .content_block_inner { flex-direction: column; } .module_list_column_outer.mc_col_0 { border-top: 0px solid #27aae0; border-right: 1px solid #27aae0; border-radius: 0px 0px 0px 0px; padding-bottom: 0px; } .module_list_column_outer.mc_col_2 { border-bottom: 0px solid #27aae0; border-left: 1px solid #27aae0; padding-top: 0px; } .saa_outer { padding: 0px 2px 3px 2px; border-left: 1px solid #27aae0; border-right: 1px solid #27aae0; } .saa_lower_border { display: none; } .closing_linear_buttons { margin: 0px 0px 16px !important; } .lower_linear_left_outer { width: 100%; margin-right: 0px; border-width: 0px 1px 1px 1px; } .content_block_inner.lower_linear_buttons_left { border-width: 0px 1px 1px 1px; } .lower_linear_right_outer { width: 100%; } .tr_corner, .br_corner { display: none; } #blue_bubbles_center { display: none; } #blue_bubbles_inner { max-width: 480px; } #saa_button { padding: 15px 8px; } #saa_button_left { opacity: 0.3; z-index: 0; } #saa_button_right { opacity: 0.3; z-index: 0; } .saa_top_line, .saa_middle_line, .saa_lower_line { z-index: 10; } .saa_middle_line { font-size: 21px; line-height: 21px; } #activity_list_complete { margin-bottom: 0px !important; } .mc_right { width: 100%; max-width: 400px; } #editorial_outer.schools_news { padding-right: 0px; padding-left: 0px; } #mc_inner #editorial_outer.schools_news .content_block_inner { border-right: 1px solid #27aae0; border-left: 1px solid #27aae0; border-top: 1px solid #27aae0; border-top-right-radius: 5px; } .blog_image_outer { margin-right: 0%; margin-left: 0%; float: none; width: 100%; display: block; clear: both; min-width: 200px; padding-bottom: 133px; max-width: 200px; margin-bottom: 4px; } #editorial_no_0 .blog_image_outer { width: 100%; max-width: none; padding-bottom: 66.5%; margin-bottom: 10px; } #school_editorial_more_links { margin-bottom: 16px; } #blog_show_more_outer { border-radius: 0px 0px 5px 5px; } #mc_news_tab { width: 33.33%; border-right: 1px solid #27aae0; border-left: 1px solid #27aae0; border-top: 1px solid #27aae0; border-radius: 5px 5px 0px 0px; background-color: #0b1831; z-index: 1000; position: relative; border-bottom: 0px solid #0b1831; margin-bottom: -1px; padding-bottom: 5px; vertical-align: bottom; } #mc_news_add { width: calc(66.66% - 4px); text-align: right; line-height: 19px; border-bottom: 0px solid #27aae0; vertical-align: bottom; padding-bottom: 2px; } .mc_news_tab { border-width: 0px 0px 0px 0px; } #mc_news_all_news { display: none; } #modal_window_content #editorial_outer { width: 100%; padding: 0px 0px; } #modal_window_content #school_editorial_more_links { width: 100%; margin-left: 0px; } #modal_window_content .blog_previous a, #modal_window_content .blog_next a, #modal_window_content .blog_show_more a, #modal_window_content .blog_next_previous_outer { font-size: 18px; line-height: 40px; } #modal_article_buttons_outer { width: 100%; position: relative; display: block; float: none; } #m_a_close, #m_a_np_prev, #m_a_np_next { width: 30px; height: 30px; border-radius: 3px; font-size: 36px; } #m_a_close { line-height: 18px; } #m_a_np_prev, #m_a_np_next { line-height: 22px; } #m_a_np_outer { width: calc(100% - 30px); } #finish_all_cancel { float: none; } #yes_finish_all { float: none; } #finish_all_buttons { text-align: center; } .finish_all_button { margin: 5px; } #res_blend_left, #res_blend_right { display: none; } #background_svg, #background_svg_greyscale, #sp_res_outer_full, #sp_res_outer_full #sp_reservoir { border-radius: 0px; } #background_outer { padding-top: 85px; } #bg_outer_outer.mc_bg { height: calc(100vh - 162px); min-height: 200px; } #background.reservior_background, #background #sp_res_outer_full { height: 100%; } #view_res_outer { top: -25px; left: 50%; margin-left: -25%; width: 50%; } #view_reservior_link { font-size: 14px; line-height: 18px; color: #f08530; padding: 1px 8px 2px; } #profile_in_header_outer_outer { top: 23px; z-index: 171; padding-bottom: 20px; position: relative; } .profile_in_header #sp_team_photo { left: 260px; } #school_page_top_strip_outer { top: 0px; padding-top: 5px; } #main_content_inner { padding-top: 15px; } .sp_avatar { bottom: -10px; } #tsh_outer { height: 30px; } .tsh_group { position: relative; display: block; } .tsh_group span { display: inline-block; height: 0px; opacity: 0; transition: all 1s; overflow: hidden; } .tsh_group.open span, .tsh_group.first span { display: inline-block; height: 30px; opacity: 1; transition: all 1s; } .dark #cont_bg_fill { top: 56px; } .dark #cont_bg_blend { top: 56px; } /* PUT AWAY */ #header_inner.put_away { top: -20px; } #header_bg.put_away { top: -20px; } .put_away #logo_outer { top: 45px; } .lang_header_outer.put_away { top: 20px; } #bg_reservior_left.put_away { width: 0px; } #bg_reservior_right.put_away { width: 0px; } #content_bg.put_away { top: -25px; } #cont_bg_blend.put_away, #cont_bg_fill.put_away { top: 56px; } #background_outer.fuller_height { padding-top: 61px; } #background.fuller_height { max-width: none; } #sp_reservoir_inner_lower.fuller_height { display: block; bottom: 75px; } #bg_outer_outer.fuller_height { height: calc(100vh - 62px); } #background.reservior_background { display: block; opacity: 1; } #school_page_top_strip_outer.put_away { display: block; } #profile_in_header_outer_outer.put_away { display: block; } #sp_avatar_outer.put_away {display: none; } #res_blend_left.put_away, #res_blend_right.put_away { display: none; } #content_bg.dark { top: -50px; } .blog_single_image.landscape { width: 100%; max-width: 540px; } .blog_single_image.portrait { width: 100%; max-width: 300px; } .page_background_flag_outer { height: 110px; } } @media only screen and (min-width: 581px) and (max-width: 850px) { #header { border: 0px solid red; } .mc_left { width: 100%; padding-top: 0px; } .mc_linear_button { max-width: 100%; margin-bottom: 0px; } .three_col.new_mission_control { margin: 0px 0px !important; } .three_col.opening_linear_buttons { margin-bottom: -1px !important; } .closing_linear_buttons { margin: -1px 0px 0px !important; } .three_col.opening_linear_buttons, .three_col.closing_linear_buttons { text-align: left; } .module_activity_title { font-size: 16px; } .mc_linear_button_text { font-size: 21px; } #activity_list_complete { margin-bottom: 0px !important; } .mc_right { width: 100%; } #editorial_outer.schools_news { padding-right: 0px; padding-left: 0px; } #mc_inner #editorial_outer.schools_news .content_block_inner { border-right: 1px solid #27aae0; border-left: 1px solid #27aae0; border-top: 1px solid #27aae0; border-top-right-radius: 5px; } .blog_image_outer { margin-right: 0%; margin-left: 0%; float: none; width: 100%; display: block; clear: both; min-width: 200px; padding-bottom: 133px; max-width: 200px; margin-bottom: 4px; } #editorial_no_0 .blog_image_outer { width: 100%; max-width: none; padding-bottom: 66.5%; margin-bottom: 10px; } #school_editorial_more_links { margin-bottom: 16px; } #blog_show_more_outer { border-radius: 0px 0px 5px 5px; } #mc_news_tab { width: calc(50% - 16px); border-right: 1px solid #27aae0; border-left: 1px solid #27aae0; border-top: 1px solid #27aae0; border-radius: 5px 5px 0px 0px; background-color: #0b1831; z-index: 1000; position: relative; top: 1px; padding-bottom: 5px; vertical-align: bottom; } #mc_news_add { width: calc(50% - 4px); text-align: right; line-height: 19px; border-bottom: 0px solid #27aae0; vertical-align: bottom; padding-bottom: 2px; } .mc_news_tab { border-width: 0px 0px 0px 0px; } #mc_news_all_news { display: none; } #modal_window_content #editorial_outer { width: 100%; padding: 0px 0px; margin-left: 0px; } #modal_window_content #school_editorial_more_links { width: 100%; margin-left: 0px; } #modal_window_content .blog_previous a, #modal_window_content .blog_next a, #modal_window_content .blog_show_more a, #modal_window_content .blog_next_previous_outer { font-size: 18px; line-height: 40px; } #modal_article_buttons_outer { width: 100%; position: relative; display: block; float: none; margin-left: 0px; } #m_a_close, #m_a_np_prev, #m_a_np_next { width: 30px; height: 30px; border-radius: 3px; font-size: 36px; } #m_a_close { line-height: 18px; } #m_a_np_prev, #m_a_np_next { line-height: 22px; } #m_a_np_outer { width: calc(100% - 30px); } #blue_bubbles_center { display: none; } #res_blend_left, #res_blend_right { display: none; } #background_svg, #background_svg_greyscale, #sp_res_outer_full, #sp_res_outer_full #sp_reservoir { border-radius: 0px; } #background_outer { padding-top: 85px; } #bg_outer_outer.mc_bg { height: calc(100vh - 162px); min-height: 200px; } #background.reservior_background, #background #sp_res_outer_full { height: 100%; } #view_res_outer { top: -25px; left: 50%; margin-left: -25%; width: 50%; } #view_reservior_link { font-size: 14px; line-height: 18px; color: #f08530; padding: 1px 8px 2px; } #main_content_outer_inner #profile_in_header_outer_outer { top: auto; padding-top: 40px; z-index: 400; padding-bottom: 10px; position: relative; height: auto; margin-top: 0px; } .profile_in_header #sp_team_photo { left: 260px; } #school_page_top_strip_outer { top: 0px; padding-top: 5px; } #main_content_inner { padding-top: 15px; } .sp_avatar { bottom: -10px; } #tsh_outer { height: 30px; } .tsh_group { position: relative; display: block; } .tsh_group span { display: inline-block; height: 0px; opacity: 0; transition: all 1s; overflow: hidden; } .tsh_group.open span, .tsh_group.first span { display: inline-block; height: 30px; opacity: 1; transition: all 1s; } .dark #cont_bg_fill { top: 56px; } .dark #cont_bg_blend { top: 56px; } /* PUT AWAY */ #header_inner.put_away { top: -20px; } #header_bg.put_away { top: -20px; } .put_away #logo_outer { top: 25px; } .lang_header_outer.put_away { top: 20px; } #bg_reservior_left.put_away { width: 0px; } #bg_reservior_right.put_away { width: 0px; } #content_bg.put_away { top: -25px; } #content_bg.dark { top: -50px; } #cont_bg_blend.put_away, #cont_bg_fill.put_away { top: 56px; } #background_outer.fuller_height { padding-top: 61px; } #background.fuller_height { max-width: none; } #sp_reservoir_inner_lower.fuller_height { display: block; bottom: 75px; } #bg_outer_outer.fuller_height { height: calc(100vh - 62px); } #background.reservior_background { display: block; opacity: 1; } #school_page_top_strip_outer.put_away { display: block; } #profile_in_header_outer_outer.put_away { display: block; } #sp_avatar_outer.put_away {display: none; } #res_blend_left.put_away, #res_blend_right.put_away { display: none; } .blog_single_image.landscape { width: 100%; max-width: 540px; } .blog_single_image.portrait { width: 100%; max-width: 300px; } .sp_avatar { width: 180px; height: 180px; } .page_background_flag_outer { height: 110px; } } @media only screen and (min-width: 851px) and (max-width: 1000px) { #header { border: 0px solid blue; } #tsh_inner { font-size: 16px; } #blue_bubbles_center { display: none; } #res_blend_left, #res_blend_right { display: none; } } @media (min-width: 851px) and (max-width: 1200px) { #header { border: 0px solid yellow; } .mc_left.signed_in { width: 66.66%; padding: 0px 4px; } .mc_left.signed_out { width: 50%; padding: 0px 4px; } .three_col.opening_linear_buttons, .three_col.closing_linear_buttons { text-align: left; } .mc_linear_button { max-width: 100%; margin-bottom: 0px; } .three_col.new_mission_control { margin: 0px 0px !important; } .three_col.opening_linear_buttons { margin-bottom: -1px !important; } .closing_linear_buttons { margin: -1px 0px 0px !important; } .module_activity_title { font-size: 15px; } .mc_linear_button_text { font-size: 18px; } .mc_right.signed_in { width: 33.33%; padding: 0px 4px; } .mc_right.signed_out { width: 50%; padding: 0px 4px; } #editorial_outer { min-width: 0px; } #editorial_outer.schools_news { padding-right: 0px; padding-left: 0px; } #mc_inner #editorial_outer.schools_news .content_block_inner { border-right: 0px solid #27aae0; border-left: 0px solid #27aae0; border-top: 0px solid #27aae0; border-top-right-radius: 5px; } .blog_image_outer { margin-right: 0%; margin-left: 0%; float: none; width: 100%; display: block; clear: both; padding-bottom: 66.5%; margin-bottom: 4px; } #school_editorial_more_links { margin-bottom: 16px; } #blog_show_more_outer { border-radius: 0px 0px 5px 5px; } #mc_news_tab { width: 33.33%; border-right: 0px solid #27aae0; border-left: 0px solid #27aae0; border-top: 0px solid #27aae0; border-radius: 5px 5px 0px 0px; background-color: #0b1831; z-index: 1000; position: relative; border-bottom: 0px solid #0b1831; margin-bottom: -1px; padding-bottom: 5px; vertical-align: bottom; } #mc_news_add { width: calc(66.66% - 4px); text-align: right; line-height: 19px; border-bottom: 0px solid #27aae0; vertical-align: bottom; padding-bottom: 2px; } .mc_news_tab { border-width: 0px 0px 0px 0px; } #mc_news_all_news { display: none; } #modal_article_buttons_outer { width: 25%; min-width: 0px; } #main_content_outer_inner #profile_in_header_outer_outer { top: -228px; padding-top: 0px; padding-bottom: 0px; position: absolute !important; margin-top: 0px; z-index: 400; } .blog_single_image.landscape { width: 100%; max-width: 540px; } .blog_single_image.portrait { width: 100%; max-width: 300px; } } @media only screen and (min-width: 1200px) and (max-width: 1320px) { } @media only screen and (min-width: 1320px) { } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { }