/* Theme Name: YO custom theme Author: klik Author URI: http://www.weareklik.net.au Description: Custom theme for Youth Opportunities */ /* ================================================================================================================================ */ /* ================================================================================================================================ */ /* ================================================================================================================================ */ @media screen { /* ---------------- overall style ---------------- */ body { font-family:museo-sans,sans-serif; font-size:16px; line-height:140%; background-color:#eee; color:#444; } h1,h2 { text-transform:uppercase; font-weight:900; } h1.no-caps, h2.no-caps { text-transform:none; font-weight:700; line-height:130%; text-align:center; } h1,h2,h3,h4,h5,h6 { line-height:110%; color:#444; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top:0; } h1:only-child, h2:only-child, h3:only-child, h4:only-child, h5:only-child, h6:only-child { margin:0; } a img { border:none; outline:none; } a { color:#00aed5; } #max_width_container { background-color:#fff; max-width:1920px; margin:0 auto; } .fullwidth { } .fullwidth > .inner { display:block; width:80%; max-width:1366px; margin:0 auto; transition:padding 0.2s; } .default-content { /*padding:60px;*/ } .button.black a { display:inline-block; line-height:100%; padding:8px; color:#fff; text-transform:uppercase; text-decoration:none; font-size:14px; font-weight:900; background-color:#444; } .fancybox-overlay { z-index:9500!important; } /* ---------------- header ---------------- */ header { background-color:#fff; } header > .inner { padding:16px 0; } header #header_top { display:table; width:100%; line-height:40px; } header #header_top .logo { display:table-cell; text-align:left; vertical-align:middle; } header #header_top .logo a { display:block; /*width:60px;*/ height:60px; } header #header_top .logo a img { height:100%; width:auto; } header #header_top .mobile { display:table-cell; text-align:right; vertical-align:middle; } header #header_top .mobile .mobile_donate { display:inline-block; background-image:url('images/donate_bg.svg'); background-size:100% 100%; background-position:center center; color:#fff; font-weight:900; font-size:10px; line-height:32px; padding:0 12px; vertical-align:middle; margin-right:16px; text-decoration:none; text-transform:uppercase; } header #header_top .mobile .nav_button { display:inline-block; vertical-align:middle; } header #header_top .mobile .nav_button img { display:block; height:32px; width:38px; } header #header_nav { display:none; padding-top:32px; } header #header_nav > ul { padding:0; margin:0; } header #header_nav > ul > li { list-style:none; } header #header_nav > ul > li > .divider { display:none; } header #header_nav > ul > li > a { display:block; color:#555; font-size:18px; font-weight:900; text-decoration:none; text-transform:uppercase; line-height:42px; } header #header_nav > ul > li > ul { padding:0 0 0 16px; } header #header_nav > ul > li > ul > li { display:block; list-style:'> '; color:#666; font-weight:300; } header #header_nav > ul > li > ul > li > a { display:block; color:#666; text-decoration:none; line-height:24px; } header #header_nav > ul > li.cart_link a img { width:32px; height:32px; vertical-align:middle; margin-left:8px; } /* ---------------- footer ---------------- */ #footer_links { background-color:#01BEE8; color:#fff; } #footer_links > .inner { padding:32px 0; } #footer_links a { color:#fff; text-decoration:none; } #footer_links a:hover { text-decoration:underline; } #footer_links h3 { margin:0 0 8px 0; font-size:20px; line-height:32px; text-transform:uppercase; color:#fff; } #footer_links h3 img { height:32px; width:auto; display:inline-block; vertical-align:bottom; margin-right:12px; } #footer_links .column { margin-bottom:32px; } #footer_links .column ul { padding:0 0 0 16px; margin:0; } #footer_links .column ul li { list-style:'> '; color:#BEECFC; } #footer_links p { margin:0 0 16px 0; } #footer_bot { background-color:#3E4A56; color:#fff; } #footer_bot > .inner { padding:32px 0; } #footer_bot { font-size:14px; } #footer_bot a { color:#fff; text-decoration:none; } #footer_bot a:hover { text-decoration:underline; } #footer_bot .left { margin-bottom:32px; } #footer_bot .right img { height:64px; width:auto; } #footer_links .column #newsletter_form { padding-right:64px; box-sizing:border-box; } #footer_links .column #newsletter_form * { box-sizing:border-box; } #footer_links .column #newsletter_form h3 { display:none; } #footer_links .column #newsletter_form input[type='text'], #footer_links .column #newsletter_form input[type='email'] { font-size:14px; border:1px solid #fff; background-color:#01BEE8; color:#fff; } #footer_links .column #newsletter_form input[type='submit'] { border:1px solid #fff; font-size:14px; padding:8px; } /* ---------------- home ---------------- */ .home_section h1 { color:#555; font-size:26px; text-transform:uppercase; margin:0 0 16px 0; font-weight:900; } .home_section h2 { color:#555; font-size:22px; text-transform:uppercase; margin:0 0 16px 0; font-weight:900; } #home_feature { position:relative; height:250px; line-height:250px; background-color:#999; background-size:cover; background-position:center center; text-align:center; } #home_feature .slide { display:block; position:absolute; top:0; right:0; bottom:0; left:0; color:#fff; background-size:cover; background-position:center center; visibility:hidden; opacity:0; transition:opacity 0s 0.5s, visibility 0s 0.5s; z-index:500; } #home_feature .slide.show { display:block; visibility:visible; opacity:1; transition:opacity 0.5s, visibility 0s; z-index:1000; } #home_feature .slide > .inner { position:relative; display:inline-block; width:80%; margin:0 auto; max-width:1366px; line-height:120%; vertical-align:middle; } #nyp { padding:0 20px; background-color:#E0E0E0; min-width:200px; max-width:100%; font-size:13px; line-height:55px; height:55px; border:0px solid #fff; } .single_add_to_cart_button { display:inline-block; background-color:#333; color:white; padding:20px; font-size:15px; line-height:15px; border:0px solid #333; } .price_button { padding:0 20px; float:left; color:#fff; margin-bottom:15px; font-size:14px; line-height:55px; height:55px; text-decoration:none; font-weight:700; margin-right:5px; } #home_feature .slide[data-slide-type='testimonial'] { } #home_feature .slide[data-slide-type='testimonial'] > .inner { text-align:left; } #home_feature .slide[data-slide-type='event'] { } #home_feature .slide[data-slide-type='event'] > .inner { text-align:left; } #home_feature .slide[data-slide-type='statistic'] { } #home_feature .slide[data-slide-type='statistic'] > .inner { text-align:left; } #home_feature .slide[data-slide-type='starry_night'] { background-color:#fff; background: linear-gradient(to bottom, #f5f5f5 0%, #fff 50%, #f5f5f5 100%); } #home_feature .slide[data-slide-type='starry_night'] .table_div { display:block; } #home_feature .slide[data-slide-type='starry_night'] .table_div .left { } #home_feature .slide[data-slide-type='starry_night'] .table_div .left img { width:128px; } #home_feature .slide[data-slide-type='starry_night'] .table_div .right { } #home_feature .slide[data-slide-type='starry_night'] .table_div .right img { width:192px; } #home_feature .slide .testimonial_quote { display:block; width:180px; background-image:url('images/testimonial_quote_bg.svg'); background-size:100% 100%; background-position:center center; font-size:16px; font-weight:900; font-style:italic; text-transform:uppercase; padding:16px; padding-bottom:48px; margin-bottom:16px; text-align:center; transform:translateY(32px) rotate(-4deg); opacity:0; transition:transform 0s 0.5s, opacity 0s 0.5s; } #home_feature .slide.show .testimonial_quote { transform:translateY(0) rotate(-4deg); opacity:1; transition:transform 0.7s 0.2s, opacity 0.7s 0.2s; } #home_feature .slide .testimonial_quote .quote_mark { display:inline-block; transform:scale(2) translateY(4px); color:#BDECFC; } #home_feature .slide .testimonial_person { display:block; width:130px; background-image:url('images/testimonial_person_bg.svg'); background-size:100% 100%; background-position:center center; padding:20px 16px 16px 16px; margin-top:-36px; margin-left:16px; opacity:0; transform:translateY(16px); transition:transform 0s 0.5s, opacity 0s 0.5s; } #home_feature .slide.show .testimonial_person { opacity:1; transform:translateY(0); transition:transform 0.7s 0.7s, opacity 0.7s 0.7s; } #home_feature .slide .testimonial_person .top { font-size:16px; } #home_feature .slide .testimonial_person .bot { font-size:12px; font-style:italic; } #home_feature .slide.show .quote_person { font-size:0.6em; line-height:120%; } #home_feature .slide .event_text { display:inline-block; background-image:url('images/event_text_bg.svg'); background-size:100% 100%; background-position:center center; padding:32px; opacity:0; transform:translateY(16px); transition:transform 0s 0.5s, opacity 0s 0.5s; } #home_feature .slide.show .event_text { opacity:1; transform:translateY(0); transition:transform 0.7s 0.2s, opacity 0.7s 0.2s; } #home_feature .slide .event_text .top { font-size:20px; font-weight:700; text-transform:uppercase; margin-bottom:4px; } #home_feature .slide .event_text .bot { font-size:14px; font-weight:300; font-style:italic; margin-bottom:8px; } #home_feature .slide .event_text .button a { display:inline-block; font-size:12px; line-height:100%; padding:8px; background-color:#00728B; color:#fff; font-weight:900; text-decoration:none; text-transform:uppercase; opacity:0; transform:translateY(16px); transition:transform 0s 0.5s, opacity 0s 0.5s; } #home_feature .slide.show .event_text .button a { opacity:1; transform:translateY(0); transition:transform 0.7s 0.7s, opacity 0.7s 0.7s; } #home_feature .slide .stat_box { display:inline-block; background-image:url('images/stat_bg.svg'); background-size:100% 100%; background-position:center center; color:#fff; padding:16px; opacity:0; transform:translateY(16px); transition:transform 0s 0.5s, opacity 0s 0.5s; } #home_feature .slide.show .stat_box { opacity:1; transform:translateY(0); transition:transform 0.7s 0.2s, opacity 0.7s 0.2s; } #home_feature .slide .stat_box > .inner { display:table; } #home_feature .slide .stat_box .left { display:table-cell; vertical-align:middle; opacity:0; transform:translateY(16px); transition:transform 0s 0.5s, opacity 0s 0.5s; } #home_feature .slide.show .stat_box .left { opacity:1; transform:translateY(0); transition:transform 0.7s 0.7s, opacity 0.7s 0.7s; } #home_feature .slide .stat_box .left .donut { width:100px; height:100px; line-height:100px; text-align:center; position:relative; } #home_feature .slide .stat_box .left .donut .number { position:absolute; font-size:20px; font-weight:900; width:100%; } #home_feature .slide .stat_box .left .donut .ct-series-a .ct-slice-donut { stroke:#fff; } #home_feature .slide .stat_box .left .donut .ct-series-b .ct-slice-donut { stroke:rgba(255,255,255,0.2); } #home_feature .slide .stat_box .quantity { color:#fff; font-size:24px; font-weight:900; } #home_feature .slide .stat_box .money { color:#fff; font-size:24px; font-weight:900; } #home_feature .slide .stat_box .right { display:table-cell; vertical-align:middle; font-size:12px; padding-left:16px; font-weight:300; line-height:120%; opacity:0; transform:translateY(16px); transition:transform 0s 0.5s, opacity 0s 0.5s; } #home_feature .slide.show .stat_box .right { opacity:1; transform:translateY(0); transition:transform 0.7s 1s, opacity 0.7s 1s; } /* ---------------- */ #home_intro { } #home_intro > .inner { padding:32px 0; } #home_intro .hub_links { } #home_intro .hub_links .hub_link { display:table; width:100%; background-color:#01BEE8; text-decoration:none; margin-bottom:16px; } #home_intro .hub_links .hub_link.students .image, #home_intro .hub_links .hub_link.students .mobile_image {background-image:url('images/hub_thumbnail_students.jpg');} #home_intro .hub_links .hub_link.schools .image, #home_intro .hub_links .hub_link.schools .mobile_image {background-image:url('images/hub_thumbnail_schools.jpg');} #home_intro .hub_links .hub_link.parents .image, #home_intro .hub_links .hub_link.parents .mobile_image {background-image:url('images/hub_thumbnail_parents.jpg');} #home_intro .hub_links .hub_link.supporters .image, #home_intro .hub_links .hub_link.supporters .mobile_image {background-image:url('images/hub_thumbnail_supporters.jpg');} #home_intro .hub_links .hub_link.green { background-color:#91D661; } #home_intro .hub_links .hub_link .image { display:none; background-size:cover; background-position:center center; } #home_intro .hub_links .hub_link .text { display:table-cell; padding:16px; background-color:#01BEE8; color:#fff; } #home_intro .hub_links .hub_link.green .text { background-color:#91D661; } #home_intro .hub_links .hub_link .text h3 { margin:0 0 4px 0; color:#fff; font-size:18px; text-transform:uppercase; font-weight:900; letter-spacing:0.02em; } #home_intro .hub_links .hub_link .text p { margin:0; color:#fff; font-size:14px; line-height:110%; } #home_intro .hub_links .hub_link .mobile_image { display:table-cell; position:relative; width:86px; background-color:#eee; background-size:cover; background-position:center center; } #home_intro .hub_links .hub_link .mobile_image .shape { position:absolute; top:0; bottom:0; left:0; width:16px; background-image:url('images/shapes/triangle_bot_left_blue.svg'); background-size:100% 100%; background-position:center center; } #home_intro .hub_links .hub_link.green .mobile_image .shape { background-image:url('images/shapes/triangle_bot_left_green.svg'); } /* ---------------- */ #home_news { background-color:#F5F5F5; } #home_news > .inner { padding:32px 0; } #home_news .social_feed { display:table-footer-group; } #home_news .social_feed .social_item { display:none; width:100%; max-width:100%; } #home_news .social_feed .social_item:nth-child(-n+3) { display:inline-block; } #home_news .social_feed .social_item > .inner { padding:8px; } #home_news .social_feed .social_item .top { position:relative; color:#fff; padding:16px 16px 12px 16px; font-weight:900; font-size:12px; } #home_news .social_feed .social_item .top a { display:block; vertical-align:middle; color:#fff; text-decoration:none; } #home_news .social_feed .social_item .top a:hover { text-decoration:underline; } #home_news .social_feed .social_item .top a img { display:inline-block; height:24px; width:auto; margin-right:8px; vertical-align:middle; } #home_news .social_feed .social_item.facebook .top {background-color:#3A5695;} #home_news .social_feed .social_item.twitter .top {background-color:#55ACEF;} #home_news .social_feed .social_item .top .shape { position:absolute; top:100%; right:0; left:0; height:8px; background-size:100% 100%; background-position:center center; } #home_news .social_feed .social_item.facebook .top .shape {background-image:url('images/shapes/triangle_top_left_facebook.svg');} #home_news .social_feed .social_item.twitter .top .shape {background-image:url('images/shapes/triangle_top_left_twitter.svg');} #home_news .social_feed .social_item .image { background-color:#999; } #home_news .social_feed .social_item .image img { display:block; width:100%; height:auto; } #home_news .social_feed .social_item .text { padding:24px; background-color:#fff; font-size:14px; font-weight:300; font-style:italic; } #home_news .social_feed .social_item .text .button { margin-top:16px; } #home_news .social_feed .social_item .text .button a { display:inline-block; line-height:100%; padding:8px; background-color:#ccc; color:#fff; font-weight:900; font-size:12px; text-transform:uppercase; text-decoration:none; transition:background-color 0.2s; } #home_news .social_feed .social_item .text .button a:hover { transform:scale(1.05); background-color:#444; } #home_news .social_feed .social_item .text .button a:active { transform:scale(0.95); } #home_news .latest_news { display:table-header-group; } #home_news .latest_news > .inner { } #home_news .latest_news .news_item { } #home_news .latest_news .news_item > .inner { padding:8px; } #home_news .latest_news .news_item .video_placeholder { position:relative; display:block; background-color:#999; } #home_news .latest_news .news_item .video_placeholder img { display:block; width:100%; height:auto; position:relative; z-index:500; } #home_news .latest_news .news_item .video_placeholder .overlay { position:absolute; z-index:1000; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.4); color:#fff; font-weight:900; text-transform:uppercase; font-size:14px; line-height:110%; } #home_news .latest_news .news_item .video_placeholder .overlay .text { display:table; position:absolute; right:16px; bottom:16px; left:16px; } #home_news .latest_news .news_item .video_placeholder .overlay .text .left { display:table-cell; padding-right:16px; vertical-align:middle; } #home_news .latest_news .news_item .video_placeholder .overlay .text .left img { height:48px; width:auto; } #home_news .latest_news .news_item .video_placeholder .overlay .text .right { display:table-cell; vertical-align:middle; } #home_news .latest_news .news_item .news_image { background-color:#ccc; height:200px; background-size:cover; background-position:center center; } #home_news .latest_news .news_item .news_text { background-color:#fff; padding:24px; } #home_news .latest_news .news_item .news_text .top { margin-bottom:16px; } #home_news .latest_news .news_item .news_text .top h4 { margin:0; text-transform:uppercase; font-size:18px; font-weight:900; } #home_news .latest_news .news_item .news_text .bot { margin-bottom:16px; } #home_news .latest_news .news_item .news_text .bot p { font-size:14px; font-weight:300; margin:0; } #home_news .latest_news .news_item .news_text .button a { display:inline-block; line-height:100%; padding:8px; background-color:#ccc; color:#fff; font-weight:900; font-size:12px; text-transform:uppercase; text-decoration:none; transition:background-color 0.2s; } #home_news .latest_news .news_item .news_text .button a:hover { transform:scale(1.05); background-color:#444; } #home_news .latest_news .news_item .news_text .button a:active { transform:scale(0.95); } /* ---------------- back pages ---------------- */ /* ---- basic page content ---- */ .modular_block { background-size:cover; background-position:center center; } .modular_block > .inner { padding:32px 0; } .modular_block p:last-child { margin-bottom:0; } .modular_block[data-type='headline'] { margin:0; } .modular_block[data-type='text'] { font-weight:300; } .modular_block[data-type='vert'] { text-align:center; } .modular_block[data-type='stat'] { background-size:0px 0px; background-repeat:no-repeat; text-align:center; } .modular_block[data-type='quote'] { background-size:0px 0px; background-repeat:no-repeat; text-align:center; } .modular_block[data-theme='white']{ background-color:#fff; color:#444; } .modular_block[data-theme='light_grey']{ background-color:#f5f5f5; color:#444; } .modular_block[data-theme='warm_grey']{ background-color:#eeeeee; color:#666; } .modular_block[data-theme='blue']{ background-color:#01BEE8; color:#fff; } .modular_block[data-theme='blue'] h1, .modular_block[data-theme='blue'] h2, .modular_block[data-theme='blue'] h3, .modular_block[data-theme='blue'] h4, .modular_block[data-theme='blue'] h5, .modular_block[data-theme='blue'] h6, .modular_block[data-theme='blue'] a { color:#fff; } .modular_block[data-theme='green'] h1, .modular_block[data-theme='green'] h2, .modular_block[data-theme='green'] h3, .modular_block[data-theme='green'] h4, .modular_block[data-theme='green'] h5, .modular_block[data-theme='green'] h6, .modular_block[data-theme='green'] a { color:#fff; } .modular_block h1 { font-size:40px; } .modular_block h1 .small { font-size:22px; line-height:22px; color:#999; } .modular_block[data-theme='blue'] h1 .small { color:#BEECFC; } .modular_block[data-theme='green'] h1 .small { color:#e2f9d2; } .modular_block h1 .small:before, .modular_block h1 .small:after { content:' - '; color:#999; } .modular_block[data-theme='blue'] h1 .small:before, .modular_block[data-theme='blue'] h1 .small:after { content:' - '; color:#BEECFC; } .modular_block[data-theme='green'] h1 .small:before, .modular_block[data-theme='green'] h1 .small:after { content:' - '; color:#e2f9d2; } .modular_block[data-theme='green']{ background-color:#90D661; color:#fff; } .modular_block[data-theme='dark_grey']{ background-color:#3E4A56; color:#fff; } .modular_block[data-type='image'] { background-size:cover; background-position:center center; height:300px; } .modular_block h1, .modular_block h2, .modular_block h3, .modular_block h4, .modular_block h5 { margin:24px 0; } .modular_block h1:first-child, .modular_block h2:first-child, .modular_block h3:first-child, .modular_block h4:first-child, .modular_block h5:first-child, .modular_block h6:first-child { margin-top:0; } .modular_block h1:only-child, .modular_block h2:only-child, .modular_block h3:only-child, .modular_block h4:only-child, .modular_block h5:only-child, .modular_block h6:only-child { margin:0; } .modular_block p { margin:16px 0; } .modular_block ul { padding-left:16px; } .modular_block ul li { line-height:120%; margin-bottom:8px; font-weight:300; } .modular_block .button a { display:inline-block; line-height:100%; color:#fff; background-color:#444; padding:8px; font-size:14px; font-weight:900; text-transform:uppercase; text-decoration:none; } .modular_block .has_image > .image img { display:block; width:280px; } .modular_block .has_image > .image.left { margin-bottom:32px; } .modular_block .has_image > .image.left img { max-width:100%; width:500px; } .modular_block .vert_icon { display:block; margin:0 auto; margin-bottom:32px; padding-bottom:32px; border-bottom:1px solid #eee; max-width:200px; vertical-align:top; } .modular_block .vert_icon:last-child { border:none; margin-bottom:0; padding-bottom:0; } .modular_block .vert_icon .top { margin-bottom:16px; } .modular_block .vert_icon .top .img_container { display:block; margin:0 auto; } .modular_block .vert_icon .top .img_container img { max-width:100%; max-height:100%; height:auto; } .modular_block .vert_icon[data-style='photo_circle'] .top .img_container { width:150px; height:150px; background-size:cover; background-position:center top; border-radius:50%; background-color:#f5f5f5; } .modular_block .vert_icon[data-style='icon_circle'] .top .img_container { border-radius:50%; background-color:#01BEE8; width:150px; height:150px; line-height:150px; text-align:center; } .modular_block .vert_icon[data-style='icon_circle'] .top .img_container img { display:inline-block; width:60%; height:60%; vertical-align:middle; } .modular_block .vert_icon .bot { } .modular_block .vert_icon .bot h4 { margin:0 0 16px 0; font-size:18px; font-weight:900; } .modular_block .vert_icon .bot .text { font-size:14px; font-weight:300; } .modular_block .vert_icon .bot .button { margin-top:16px; } .modular_block .vert_icon .bot .button a { display:inline-block; line-height:100%; color:#fff; background-color:#444; padding:8px; font-size:14px; font-weight:900; text-transform:uppercase; text-decoration:none; } .modular_block .stat_box { display:inline-block; background-size:100% 100%; backgroud-position:center center; color:#fff; text-align:left; } .modular_block .stat_box > .inner { padding:32px; } .modular_block .stat_box .left { } .modular_block .stat_box .right { max-width:200px; margin:0 auto; } .modular_block .stat_box .donut { position:relative; width:100%; height:130px; line-height:130px; margin-bottom:24px; } .modular_block .stat_box .donut .ct-series-a .ct-slice-donut { stroke:#fff; } .modular_block .stat_box .donut .ct-series-b .ct-slice-donut { stroke:rgba(255,255,255,0.2); } .modular_block .stat_box .donut .number { position:absolute; width:100%; font-size:40px; font-weight:900; text-align:center; } .modular_block .quote_box { display:inline-block; background-size:100% 100%; backgroud-position:center center; padding:32px; color:#fff; } .modular_block .quote_box .quote_text { font-size:18px; margin-bottom:16px; line-height:140%; } .modular_block .quote_box .quote_text .quote_mark { display:inline-block; transform:scale(3) translateY(4px); opacity:0.5; } .modular_block .quote_box .quote_person { font-size:14px; font-weight:300; } .modular_block[data-type='boxes'] { } .modular_block[data-type='boxes'] .box_container { } .modular_block[data-type='boxes'] .box_container .box { padding:32px; vertical-align:top; } .modular_block[data-type='boxes'] .box_container .box .top_image { display:block; width:100%; height:auto; margin:0 auto 32px auto; } .modular_block[data-type='boxes'] .box_container .box h3 { margin:0 0 32px 0; font-size:20px; font-weight:900; text-transform:uppercase; } .modular_block[data-type='boxes'] .box_container .box .button { margin-top:32px; } .modular_block[data-type='boxes'][data-theme='white'] .box_container .box:nth-child(2n) { background-color:#f7f7f7; background-color:#fff; } .modular_block[data-type='boxes'][data-theme='light_grey'] .box_container .box:nth-child(2n) { background-color:#f1f1f1; } .modular_block[data-type='boxes'][data-theme='warm_grey'] .box_container .box:nth-child(2n) { background-color:#e7e7e7; } .modular_block[data-type='boxes'][data-theme='blue'] .box_container .box:nth-child(2n) { background-color:#01add3; } .modular_block[data-type='boxes'][data-theme='green'] .box_container .box:nth-child(2n) { background-color:#84c25a; } /* ---- end basic page content ---- */ /* ---- the program ---- */ .program_intro { } .program_intro .left { padding:32px 0; } .program_intro .left h1 { font-size:36px; font-weight:900; text-transform:uppercase; } .program_section { } .program_section:nth-child(2n){ background-color:#f5f5f5; } .program_section > .inner { padding:32px 0; } .program_section .icon_container { margin-bottom:32px; } .program_section .icon_container.right { display:none; } .program_section .icon_container .icon { display:block; max-width:180px; margin:0 auto; } .program_section .icon_container .icon img { display:block; width:100%; height:auto; } .program_section .text_container h2 { color:#01BEE8; font-size:24px; font-weight:900; text-transform:uppercase; margin:0 0 16px 0; } .program_section .text_container h2 a { color:#01BEE8; text-decoration:none; } .program_section .text_container h2 a:hover { text-decoration:underline; } .program_section .text_container { } .program_section .text_container .text { font-weight:300; } .program_section .text_container .text p { margin:0 0 8px 0; } .program_section .text_container .button { margin-top:16px; } .program_section .text_container .button a { display:inline-block; line-height:0; padding:16px; background-image:url('images/donate_bg.svg'); background-size:100% 100%; background-position:center center; color:#fff; font-size:16px; font-weight:900; text-transform:uppercase; text-decoration:none; } /* ---- end the program ---- */ /* ---- supporters list ---- */ .supporters_page .minor_supporters, .supporters_page .major_supporters { padding:32px 0; } .supporters_page .major_supporters .special_sagov { line-height:48px; margin-bottom:32px; font-weight:300; color:#999; } .supporters_page .major_supporters .special_sagov img { width:64px; height:48px; vertical-align:middle; display:inline-block; margin-left:16px; } .supporters_page .minor_supporters h3 { margin:0 0 16px 0; } .supporters_page .minor_supporters ul { padding:0; margin:0 0 32px 0; } .supporters_page .minor_supporters ul li { border-bottom:1px solid #eee; padding:8px 0; list-style:none; font-weight:300; font-size:14px; } #supporter_list { border-top:1px solid #eee; padding-top:16px; margin-top:16px; } #supporter_list .supporter { padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid #eee; } #supporter_list .supporter .table_div { display:table; width:100%; } #supporter_list .supporter .table_div .left { display:table-cell; width:64px; padding-right:32px; vertical-align:middle; } #supporter_list .supporter .table_div .left .logo_img { width:64px; height:64px; background-color:#fff; background-size:contain; background-position:center center; } #supporter_list .supporter .table_div .left img { width:64px; height:auto; vertical-align:middle; } #supporter_list .supporter .table_div .right { display:table-cell; vertical-align:middle; } #supporter_list .supporter .table_div .right h4 { margin:0 0 8px 0; font-size:18px; } #supporter_list .supporter .table_div .right h4 .type { display:block; color:#999; font-weight:300; font-size:16px; } #supporter_list .supporter .table_div .right .description { font-size:14px; font-weight:300; line-height:130%; } #random_supporter { border-top:1px solid #ccc; margin-top:32px; padding-top:32px; } #random_supporter h3 { margin:0 0 16px 0; font-size:18px; color:#00BCE4; } #random_supporter .supporter { margin-bottom:16px; } #random_supporter .supporter .table_div { display:table; } #random_supporter .supporter .left { display:table-cell; vertical-align:middle; padding-right:16px; } #random_supporter .supporter .left .logo_img { background-color:#fff; width:48px; height:48px; border:8px solid #fff; background-size:contain; background-position:center center; } #random_supporter .supporter .left img { width:64px; } #random_supporter .supporter .right { display:table-cell; vertical-align:middle; } #random_supporter .supporter .right h4 { margin:0; } #random_supporter .supporter .right h4 .type { display:block; color:#999; font-weight:300; font-size:16px; } /* ---- end supporters list ---- */ #school_map_panel { padding:32px 0; } #newsletter_page .table_div { display:table; width:100%; } #newsletter_page .table_div .left { display:table-footer-group; } #newsletter_page .table_div .right { display:table-header-group; margin-bottom:32px; } #newsletter_page .table_div .right .fullwidth { padding:32px 0; } #newsletter_intro { padding:32px 0; background-color:#f5f5f5; } #newsletter_list { margin-top:32px; } #newsletter_list .newsletter { margin:0 0 32px 0; } #newsletter_list .newsletter h3 { margin:0; } #newsletter_list .newsletter ul { padding:0; margin:16px 0 0 0; } #newsletter_list .newsletter ul li { list-style:none; } #newsletter_list .newsletter ul li a { display:block; line-height:120%; padding:4px 0; font-weight:300; } #single_post #top_image { background-color:#ddd; height:150px; transition:height 0.2s; background-size:cover; background-position:center center; } #single_post #post_heading { padding:32px 0; background-color:#f5f5f5; } #single_post #post_content { padding:32px 0; font-weight:300; } #single_post #post_content h1 { margin:0 0 32px 0; } #single_post #post_content .byline { border-bottom:1px solid #ccc; padding-bottom:8px; margin-bottom:32px; } #newsletter_form { box-sizing:border-box; } #newsletter_form * { box-sizing:border-box; } #newsletter_form .row { margin-bottom:16px; } #newsletter_form .row:last-child { margin:0; } #newsletter_form .row > label { display:block; margin-bottom:4px; font-size:14px; line-height:14px; } #newsletter_form .row input[type='text'], #newsletter_form .row input[type='email'], #newsletter_form .row input[type='number'], #newsletter_form .row input[type='phone'], #newsletter_form .row input[type='password'] { box-sizing:border-box; width:100%; max-width:300px; height:32px; line-height:32px; border:1px solid #ccc; padding:0 8px; } #newsletter_form .row input[type='text']:invalid, #newsletter_form .row input[type='email']:invalid, #newsletter_form .row input[type='number']:invalid, #newsletter_form .row input[type='phone']:invalid, #newsletter_form .row input[type='password']:invalid { outer-glow:none; box-shadow:none; } #newsletter_form .row input[type='text']:focus, #newsletter_form .row input[type='email']:focus, #newsletter_form .row input[type='number']:focus, #newsletter_form .row input[type='phone']:focus, #newsletter_form .row input[type='password']:focus { border-color:#01BEE8; } #newsletter_form .row input[type='submit'] { display:inline-block; background-color:#01BEE8; padding:16px; line-height:100%; border:none; color:#fff; } #person_page .image.right img { border-radius:50%; } /* ---------------- hub pages ---------------- */ /* ---- students ---- */ #hub_container.students { } #hub_container.students #panel1, #hub_container.parents #panel1 { background-color:#eee; padding:32px 0; } #hub_container.parents #panel1 { text-align:center; } #hub_container.parents #panel1 #program_infographic { display:inline-block; text-align:left; } #hub_container.students #panel1 .table_div { } #hub_container.students #panel1 .table_div > .left { display:table-footer-group; } #hub_container.students #panel1 .table_div > .right { display:table-header-group; } #hub_container #program_infographic { } #hub_container #program_infographic .cell.title { display:table-header-group; } #hub_container #program_infographic .cell.title h2 { font-size:32px; margin:0 0 4px 0; } #hub_container #program_infographic .cell.title .large_button { display:inline-block; line-height:100%; padding:16px; font-weight:900; text-transform:uppercase; text-decoration:none; color:#fff; margin-bottom:32px; background-image:url('images/stat_bg.svg'); background-size:100% 100%; } #hub_container #program_infographic .cell.box { display:table-row; } #hub_container #program_infographic .cell.box .box_shape { background-color:#ccc; width:230px; margin-bottom:16px; } #hub_container #program_infographic .cell.box .box_shape .top { position:relative; height:250px; background-size:cover; background-position:center center; } #hub_container #program_infographic .cell.box .box_shape .top .shape { position:absolute; right:0; bottom:0; left:0; height:8px; background-image:url('images/shapes/triangle_bot_right_blue.svg'); background-size:100% 100%; } #hub_container #program_infographic .cell.box .box_shape .bot { padding:16px; background-color:#01BEE8; color:#fff; line-height:100%; font-weight:900; text-transform:uppercase; } #hub_container #program_infographic .cell.ten_weeks { display:none; } #hub_container #program_infographic .cell.video_link { display:table-footer-group; } #hub_container #program_infographic .cell.video_link .item { display:block; text-decoration:none; text-transform:uppercase; color:#444; font-size:14px; font-weight:900; line-height:32px; margin-bottom:8px; } #hub_container #program_infographic .cell.video_link .item img { display:inline-block; width:32px; height:32px; vertical-align:middle; margin-right:8px; } #hub_container.students #google_classroom_login { padding-bottom:32px; margin-bottom:32px; border-bottom:1px solid #ccc; } #hub_container.students #google_classroom_login h3 { font-size:18px; color:#999; font-weight:900; text-transform:uppercase; margin:0 0 16px 0; } #hub_container.students #google_classroom_login h3 span { display:block; } #hub_container.students #google_classroom_login h3 .line1 { font-weight:300; } #hub_container.students #google_classroom_login form { } #hub_container.students #google_classroom_login form * { box-sizing:border-box; } #hub_container.students #google_classroom_login form input[type='text'], #hub_container.students #google_classroom_login form input[type='password'] { display:block; width:100%; margin-bottom:8px; line-height:32px; padding:0 8px; height:32px; background-color:#fff; border:none; font-weight:300; color:#444; } #hub_container.students #google_classroom_login form input[type='submit'] { display:inline-block; padding:8px; background-color:#666; color:#fff; border:none; text-transform:uppercase; font-weight:700; font-size:14px; } #hub_container.students #google_classroom_login form input[type='submit']:hover { background-color:#888; } #hub_container .general_panel { padding:32px 0; } #hub_container .general_panel:nth-child(2n) { /*background-color:#f5f5f5;*/ } #hub_container.students #panel2 { padding:32px 0 0 0; } #hub_container.students .program_info { } #hub_container.students .program_info .left { margin-bottom:64px; font-weight:300; } #hub_container.students .program_info .left h2 { margin:0 0 16px 0; } #hub_container.students .program_info .left .button a { display:inline-block; line-height:100%; padding:8px; background-color:#444; text-decoration:none; text-transform:uppercase; font-weight:900; } #hub_container.students .program_info .right { } #hub_container.students .program_info .right img { display:block; width:100%; max-width:600px; height:auto; } #hub_container.students #panel3 { background-color:#f5f5f5; padding:32px 0; } #hub_container.students #panel4 { background-color:#eee; padding:32px 0; } #hub_container .services_intro { margin-bottom:32px; font-weight:300; } #hub_container .services_intro h2 { margin:0 0 16px 0; } #hub_container .services { text-align:center; } #hub_container .services .service { display:block; width:150px; margin:0 auto; margin-bottom:32px; text-decoration:none; } #hub_container .services .service .circle { width:150px; height:150px; line-height:150px; background-color:#fff; border-radius:50%; margin:0 auto; } #hub_container .services .service .circle img { width:60%; height:auto; vertical-align:middle; } #hub_container .services .service h4 { margin:0; font-size:20px; font-weight:500; text-transform:uppercase; } #hub_container .services .service .subline { color:#999; } #hub_container .services .service .emoji { margin:0 auto 32px 0; } #hub_container .services .service .emoji img { display:block; height:100px; width:auto; margin:0 auto; } #hub_events { padding:32px 0; } #hub_events h2 { } #hub_events .event_list { border-top:1px solid #ccc; margin-top:32px; padding-top:32px; } #hub_events .event_list .event { display:inline-block; width:100%; max-width:300px; border-bottom:1px solid #ccc; margin-bottom:32px; padding-bottom:32px; } #hub_events .event_list .event .news_text h4 { margin:0; } #hub_events .event_list .event .news_text .date { font-weight:300; font-size:14px; } #hub_events .event_list .event .news_text .button { margin-top:8px; } #hub_events .event_list .event .news_text .button a { display:inline-block; background-color:#999; color:#fff; line-height:100%; padding:8px; text-decoration:none; font-size:12px; font-weight:700; text-transform:uppercase; } #hub_videos { background-color:#f5f5f5; padding:32px 0; } #hub_videos .video_list { } #hub_videos .video_list .video { display:inline-block; position:relative; background-color:#ccc; margin-bottom:16px; margin-right:16px; max-width:280px; } #hub_videos .video_list .video .placeholder { display:block; position:relative; width:100%; height:auto; z-index:50; } #hub_videos .video_list .video .overlay { position:absolute; top:0; right:0; bottom:0; left:0; z-index:100; background-color:rgba(0,0,0,0.5); transition:background-color 0.1s; } #hub_videos .video_list .video:hover .overlay { background-color:rgba(0,0,0,0.3); } #hub_videos .video_list .video .overlay .text { display:table; position:absolute; right:0; bottom:0; left:0; } #hub_videos .video_list .video .overlay .text .left { display:table-cell; padding:16px; vertical-align:bottom; } #hub_videos .video_list .video .overlay .text .left img { height:32px; width:32px; } #hub_videos .video_list .video .overlay .text .right { display:table-cell; padding:16px 16px 16px 0; vertical-align:bottom; line-height:120%; color:#fff; } #hub_title { background-color:#00BCE4; color:#fff; text-align:center; padding:32px 0; } #hub_title h1 { color:#fff; margin:0; font-size:40px; } #hub_title h1 .small { font-size:22px; line-height:22px; color:#BEECFC; } #hub_title h1 .small:before, #hub_title h1 .small:after { content:' - '; color:#BEECFC; } #supporter_goals { } #supporter_goals .intro { margin-bottom:32px; } #supporter_goals.modular_block .vert_icon { margin-left:0; } #supporter_help .content:first-child { margin-bottom:32px; } #supporter_help .image.right a { display:block; } #supporter_help .image.right a:first-child { margin-bottom:32px; } #supporter_help .image.right a img { display:block; width:420px; height:auto; max-width:100%; } /* school map */ #school_map { } #school_map .top { width:360px; max-width:100%; background-color:#f5f5f5; position:relative; } #school_map .top .marker { display:block; position:absolute; width:32px; height:32px; line-height:32px; background-color:#fff; border-radius:50%; text-decoration:none; color:#444; font-weight:700; text-align:center; z-index:300; } #school_map .top .marker:hover { transform:scale(1.1); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5); z-index:500; } #school_map .top .marker:active { transform:scale(0.9); } #school_map .top .marker.open { color:#90D661; transform:scale(1.1); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.5); z-index:400; } #school_map .top .marker[data-area='1'] { left:15%;top:40%; } #school_map .top .marker[data-area='2'] { left:45%;top:55%; } #school_map .top .marker[data-area='3'] { left:50%;top:20%; } #school_map .top .marker[data-area='4'] { left:70%;top:50%; } #school_map .top .marker[data-area='5'] { left:85%;top:60%; } #school_map .top .marker[data-area='6'] { left:60%;top:60%; } #school_map .top .marker[data-area='7'] { left:55%;top:65%; } #school_map .top .marker[data-area='8'] { left:60%;top:70%; } #school_map .top .marker[data-area='9'] { left:65%;top:75%; } #school_map .top .map_img { width:360px; max-width:100%; height:auto; display:block; } #school_map .bot { position:relative; min-height:200px; width:360px; max-width:100%; } #school_map .bot .panel { position:absolute; z-index:200; background-color:#E7F6FC; opacity:0; padding:32px; } #school_map .bot .panel.open { position:relative; z-index:500; opacity:1; } #school_map .bot .panel h3 { margin:0 0 8px 0; text-transform:uppercase; } #school_map .bot .panel h3 .number { display:inline-block; margin-right:8px; background-color:#fff; line-height:32px; height:32px; width:32px; border-radius:50%; text-align:center; box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2); } #school_map .bot .panel .subline { font-weight:700; margin:0 0 16px 0; font-size:14px; } #school_map .bot .panel ul { margin:0; padding:0; } #school_map .bot .panel ul li { list-style:none; font-size:14px; font-weight:300; } /* school map end */ /* event calendar style */ .events_list h2 { font-weight: 900; text-transform: uppercase; font-size: 18px; } #tribe-events-content > .hub_link > h2 { font-size: 13px; } .button a { color: #fff !important; } .tribe-events-meta-group > dl > dd { margin-left: 0; } h2.tribe-events-tickets-title { font-weight: 900; } .tribe-events-meta-group .tribe-events-single-section-title { font-weight: 900; text-transform: uppercase; } .event_price { font-weight: 900; text-transform: uppercase; font-size: 1.5em; font-style: italic; color: #01BEE8; } .event_calendar_image { background-image: url(images/calendar.svg); background-size: 100% auto; background-position: center center; background-repeat: no-repeat; display: table-cell; text-align: center; height: 200px; line-height: 200px; vertical-align: middle; } .event_calendar_image .image_inner { display: inline-block; line-height: 120%; vertical-align: middle; padding-top: 90px; } .event_calendar_image h4 { margin: 0; font-weight: 300; color: #999; margin-bottom: 8px; } .event_calendar_image h3 { text-transform: uppercase; font-size: 1.5em; margin: 0; } .cart_button { background-image: url(images/cart.svg); padding: 10px 17px; background-size: cover; background-repeat: no-repeat; line-height: 4.5; } .hub_link > .text > h2 { color: #fff; } .cart-subtotal-container { margin: 20px 0; } .woocommerce button.button { -webkit-border-radius: 0; border-radius: 0; } .woocommerce a.button { -webkit-border-radius: 0; border-radius: 0; } .woocommerce table.cart td.actions .input-text { width: 50% !important; } h2.tribe-events-page-title { color: #555; text-transform: uppercase; margin: 0 0 16px; font-weight: 900; font-size: 26px; } .tribe-events-list h2.tribe-events-page-title { color: #555; text-transform: uppercase; margin: 0 0 16px; font-weight: 900; font-size: 26px; } #tribe-bar-collapse-toggle { /*background: #68737E; color: #fff;*/ } #tribe-events-header .tribe-events-sub-nav,#tribe-events-footer .tribe-events-sub-nav { padding: 20px 0; } .tribe-events-event-meta .tribe-events-meta-group { width: 100%; display: block; padding-top: 40px; } .tribe-events-sub-nav li a { background: #fff; } .woocommerce input.button.alt:hover { background-color: #007E9B; } .woocommerce input.button.alt { background-color: #01BEE8; } #tribe-events-content { /*padding: 50px 0;*/ } #tribe-events .tribe-events-cal-links { margin-top:64px; } #tribe-events .tribe-events-cal-links .tribe-events-button { display:inline-block; float:none; background-color:#01BEE8; border-radius:0; } .woocommerce a.button.alt { background-color: #01BEE8; } .woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt { background-color: #01BEE8; } .woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover { background-color: #B0B0B0; } .tribe-events-button.tribe-inactive,.tribe-events-button:hover,#tribe-events .tribe-events-button:hover { background-color: #B0B0B0; color: #fff; } #event_feature { position: relative; height: 250px; line-height: 250px; background-color: #999; background-size: cover; background-position: center center; text-align: center; background-attachment: fixed; } #events_list { } #events_list > .inner { padding: 32px 0; } #events_list .hub_links { } #events_list .hub_links .hub_link { display: table; width: 100%; background-color: #01BEE8; text-decoration: none; margin-bottom: 16px; } #events_list .hub_links .hub_link[data-type='community'] { background-color: #ccc; } #events_list .hub_links .hub_link[data-type='community'] .mobile_image .shape,#events_list .hub_links .hub_link[data-type='community'] .image .shape { background-image: url(images/shapes/triangle_bot_left_grey.svg); } #events_list .hub_links .hub_link.students .image,#events_list .hub_links .hub_link.students .mobile_image { background-image: url(images/hub_thumbnail_students.jpg); } #events_list .hub_links .hub_link.schools .image,#events_list .hub_links .hub_link.schools .mobile_image { background-image: url(images/hub_thumbnail_schools.jpg); } #events_list .hub_links .hub_link.parents .image,#events_list .hub_links .hub_link.parents .mobile_image { background-image: url(images/hub_thumbnail_parents.jpg); } #events_list .hub_links .hub_link.supporters .image,#events_list .hub_links .hub_link.supporters .mobile_image { background-image: url(images/hub_thumbnail_supporters.jpg); } #events_list .hub_links .hub_link.green { background-color: #91D661; } #events_list .hub_links .hub_link .image { display: none; background-size: cover; background-position: center center; } #events_list .hub_links .hub_link .text { display: table-cell; padding: 16px; color: #fff; } #events_list .hub_links .hub_link.green .text { } #events_list .hub_links .hub_link .text h3 { margin: 0 0 4px; color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 900; letter-spacing: .02em; } #events_list .hub_links .hub_link .text p { margin: 0; color: #fff; font-size: 14px; line-height: 110%; } #events_list .hub_links .hub_link .mobile_image { display: table-cell; position: relative; width: 35%; background-color: #eee; background-size: cover; background-position: center center; } #events_list .hub_links .hub_link .mobile_image .shape { position: absolute; top: 0; bottom: 0; left: 0; width: 16px; background-image: url(images/shapes/triangle_bot_left_blue.svg); background-size: 100% 100%; background-position: center center; } #events_list .hub_links .hub_link.green .mobile_image .shape { background-image: url(images/shapes/triangle_bot_left_green.svg); } .events_underline { display: none; } #tribe-bar-form .tribe-bar-submit input[type="submit"] { background-color:#01BEE8; } /* event calendar style end */ /* woocommerce style */ .woocommerce .cart_totals table td, .woocommerce .cart_totals table th { padding:0 8px 4px 8px; } /*woocommerce style end */ /* .blog .post > .inner .left .thumbnail { display: block; position: relative; width: 100%; height: 150px; margin-bottom: 32px; background-image: url("tile_placeholder.jpg"); background-size: cover; background-position: center center; } .blog .post { border-bottom: 1px solid #ccc; padding: 32px 0; } */ .news_image { display: block; position: relative; width: 100%; height: 150px; background-size: cover; background-position: center center; } .post { margin-bottom: 15px; border: 1px solid #dedede; } .yo_news { padding: 20px; } .yo_news .read_more_link { display: inline-block; background-color: #01BEE8; padding: 16px; line-height: 100%; border: none; color: #fff; text-transform: uppercase; font-weight:500px; text-decoration: none; } .news_item_heading { font-size: 23px; } .news_item_heading a { text-decoration: none; color: #444; } .subline_news_item span { display:inline-block; } .subline_news_item .post-categories { display:inline-block; list-style: none; padding-left: 0px; margin: 0px; } .subline_news_item a { text-decoration: none; } .subline_news_item { color: #00aed5; } .yo_news p { margin-top:0px; } .sidebar_outer ul { list-style: none; padding:0px; } .sidebar_inner ul li { border-bottom:1px dotted #ddd; padding-bottom:4px; margin-bottom:4px; } .sidebar_inner ul li:last-child { border:none; padding-bottom:0; margin-bottom:0; } .sidebar_inner ul li a { text-decoration: none; color: #444; } .sidebar_inner { background-color:#eee; padding:20px; margin-bottom:10px; } .bottom_tags { display:inline-block; } .bottom_tags ul { display: inline-block; list-style: none; padding:0px; } /* .sidebar_outer { padding:40px; width:20%; display:inline-block; margin:30px; vertical-align:top; box-sizing: border-box; } */ form.wp_crm_contact_form { } form.wp_crm_contact_form * { box-sizing:border-box; } form.wp_crm_contact_form ul.wp_crm_contact_form { padding:0; margin:16px 0; } form.wp_crm_contact_form li.wp_crm_form_element { list-style:none; margin:16px 0; } form.wp_crm_contact_form label.control-label { display:inline-block; margin-bottom:2px; font-weight:700; } form.wp_crm_contact_form label.control-label:blank { display:none; } form.wp_crm_contact_form label.checkbox { display:inline-block; margin:8px 8px 8px 0; } form.wp_crm_contact_form input.input-large { width:100%; height:40px; line-height:40px; border:1px solid #ccc; padding:0 12px; } form.wp_crm_contact_form input.input-large:focus { border-color:#666; } form.wp_crm_contact_form textarea.input-large { padding:12px; width:100%; border:1px solid #ccc; resize:vertical; min-height:160px; } form.wp_crm_contact_form textarea.input-large:focus { border-color:#666; } form.wp_crm_contact_form input.btn-primary { font-size:16px; line-height:16px; padding:16px 20px; background-color:#90D661; border:none; color:#fff; text-transform:uppercase; font-weight:700; } form.wp_crm_contact_form input.btn-primary:active { box-shadow:inset 2px 2px 8px rgba(0,0,0,0.2); } } /* ================================================================================================================================ */ /* ================================================================================================================================ */ /* ================================================================================================================================ */ @media only screen and (min-width: 768px) { .sidebar_inner { padding:40px; } .post { display: table; margin-bottom: 15px; border: 1px solid #dedede; } .news_image { width: 30%; background-size: cover; background-position: center center; display: table-cell; height: auto; } .yo_news { display: table-cell; width: 70%; padding-right: 20px; margin-bottom: 20px; padding: 45px 45px; margin: 30px; } .blog .post { width:100%; } /*--- New ---*/ /* .blog .post > .inner { display: table; } .blog .post > .inner .left { display: table-cell; vertical-align: top; } .blog .post > .inner .left .thumbnail { width: 200px; margin: 0 32px 0 0; } .blog .post > .inner .right { display: table-cell; vertical-align: top; }*/ /* ---------------- overall style ---------------- */ /* ---------------- header ---------------- */ header > .inner { padding:36px 0; } header #header_top .logo a { height:80px; } header #header_top .mobile .mobile_donate { font-size:14px; } /* ---------------- footer ---------------- */ #footer_links > .inner { padding:64px 0; } #footer_links h3 { font-size:22px; } #footer_links .column { display:inline-block; width:30%; vertical-align:top; margin-bottom:64px; } #footer_bot > .inner { padding:64px 0; display:table; } #footer_bot .left { display:table-cell; vertical-align:middle; } #footer_bot .right { display:table-cell; vertical-align:middle; text-align:right; } /* ---------------- home ---------------- */ .home_section h1 { font-size:36px; margin:0 0 32px 0; } .home_section h2 { font-size:26px; margin:0 0 32px 0; } #home_feature { background-color:#999; height:350px; line-height:350px; } #home_feature .slide { } #home_feature .slide .testimonial_quote { width:220px; font-size:24px; line-height:28px; padding:32px 32px 80px 32px; margin-left:60px; } #home_feature .slide .testimonial_person { margin-left:80px; width:180px; } #home_feature .slide .testimonial_person .top { font-size:24px; } #home_feature .slide .testimonial_person .bot { } #home_feature .slide .stat_box { padding:32px; } #home_feature .slide .stat_box > .inner { } #home_feature .slide .stat_box .left { } #home_feature .slide .stat_box .left .donut { width:130px; height:130px; line-height:130px; } #home_feature .slide .stat_box .left .donut .ct-slice-donut { stroke-width:16px!important; } #home_feature .slide .stat_box .left .donut .number { font-size:32px; } #home_feature .slide .stat_box .quantity { font-size:32px; } #home_feature .slide .stat_box .money { font-size:32px; } #home_feature .slide .stat_box .right { width:180px; font-size:16px; padding-left:32px; } #home_feature .slide[data-slide-type='starry_night'] { } #home_feature .slide[data-slide-type='starry_night'] .table_div { display:table; width:100%; } #home_feature .slide[data-slide-type='starry_night'] .table_div .left { display:table-cell; vertical-align:middle; text-align:left; } #home_feature .slide[data-slide-type='starry_night'] .table_div .left img { width:192px; } #home_feature .slide[data-slide-type='starry_night'] .table_div .right { display:table-cell; vertical-align:middle; text-align:right; } #home_feature .slide[data-slide-type='starry_night'] .table_div .right img { width:300px; } #home_intro > .inner { padding:48px 0; } #home_intro .hub_links { } #home_intro .hub_links .hub_link { display:inline-block; width:280px; margin:8px; } #home_intro .hub_links .hub_link .image { display:block; position:relative; height:200px; background-color:#eee; } #home_intro .hub_links .hub_link .image .shape { position:absolute; right:0; bottom:0; left:0; height:16px; background-image:url('images/shapes/triangle_bot_left_blue.svg'); background-size:100% 100%; background-position:center center; } #home_intro .hub_links .hub_link.green .image .shape { background-image:url('images/shapes/triangle_bot_left_green.svg'); } #home_intro .hub_links .hub_link .text { display:block; padding:24px; } #home_intro .hub_links .hub_link .text p { font-size:13px; } #home_intro .hub_links .hub_link .mobile_image { display:none; } #home_news > .inner { padding:48px 0; } #home_news .social_feed { } #home_news .social_feed > .inner { -moz-column-count:2; -webkit-column-count:2; column-count:2; -moz-column-gap:0; -webkit-column-gap:0; column-gap:0; } #home_news .latest_news { } #home_news .latest_news > .inner { -moz-column-count:2; -webkit-column-count:2; column-count:2; -moz-column-gap:0; -webkit-column-gap:0; column-gap:0; } #home_news .latest_news .news_item { display:inline-block; width:100%; } #home_news .latest_news .news_item.event > .inner { display:table; width:100%; box-sizing:border-box; } #home_news .latest_news .news_item .news_image { display:table-cell; height: 50px; width: 150px; } #home_news .latest_news .news_item .news_text { display:table-cell; } #home_news .latest_news .news_item .video_placeholder { } #home_news .latest_news .news_item .video_placeholder .overlay .text { right:32px; bottom:32px; left:32px; } /* ---------------- back pages ---------------- */ /* ---- basic page content ---- */ .modular_block > .inner { padding:64px 0; } .modular_block[data-type='stat'][data-align='left']{ text-align:left; } .modular_block[data-type='stat'][data-align='center']{ text-align:center; } .modular_block[data-type='stat'][data-align='right']{ text-align:right; } .modular_block[data-type='quote'][data-align='left']{ text-align:left; } .modular_block[data-type='quote'][data-align='center']{ text-align:center; } .modular_block[data-type='quote'][data-align='right']{ text-align:right; } .modular_block[data-type='image'] { height:400px; } .modular_block .has_image { display:table; width:100%; } .modular_block .has_image > .image { display:table-cell; vertical-align:middle; } .modular_block .has_image > .image.left { padding-right:32px; } .modular_block .has_image > .image.right { padding-left:32px; } .modular_block .has_image > .image img { width:200px; float:right; } .modular_block .has_image > .content { display:table-cell; vertical-align:middle; } .modular_block .vert_icon { display:inline-block; max-width:250px; width:250px; border:none; margin:0 32px 32px 32px; padding:0; } .modular_block .stat_box > .inner { display:table; padding:48px; } .modular_block .stat_box .left { display:table-cell; vertical-align:middle; } .modular_block .stat_box .right { display:table-cell; padding-left:32px; vertical-align:middle; max-width:300px; font-size:20px; } .modular_block .stat_box .donut { margin:0; line-height:100px; height:100px; width:100px; } .modular_block .stat_box .donut .number { font-size:24px; } .modular_block .quote_box { padding:48px; max-width:400px; } .modular_block .quote_box .quote_text { font-size:20px; font-weight:500; } .modular_block .quote_box .quote_person { font-size:16px; } .modular_block[data-type='boxes'] .box_container[data-cols='2'] { display:table; width:100%; } .modular_block[data-type='boxes'] .box_container[data-cols='2'] .box { display:table-cell; width:50%; } .modular_block[data-type='boxes'] .box_container .box { padding:64px; } .modular_block[data-type='boxes'] .box_container .box .top_image { } /* ---- end basic page content ---- */ /* ---- the program ---- */ .program_intro > .inner { display:table; } .program_intro .left { display:table-cell; width:50%; padding:48px 64px 48px 0; font-size: 20px; font-weight:300; line-height: 160%; color: #666; } .program_intro .right { display:table-cell; width:50%; background-image:url('images/group_pic.jpg'); background-size:contain; background-position:right bottom; background-repeat:no-repeat; } .program_section { } .program_section:nth-child(2n){ } .program_section > .inner { display:table; padding:0; } .program_section .icon_container { display:table-cell; padding-right:32px; vertical-align:middle; width:40%; margin:0; } .program_section:nth-child(2n+1) .icon_container.left { display:none; } .program_section:nth-child(2n+1) .icon_container.right { display:table-cell; padding:0 0 0 32px; } .program_section .icon_container .icon { max-width:none; } .program_section .icon_container .icon img { } .program_section .text_container h2 { } .program_section .text_container { display:table-cell; vertical-align:middle; padding:32px 0; } .program_section:nth-child(2n) .text_container { text-align:right; } .program_section .text_container .text { } .program_section .text_container .text p { } .program_section .text_container .button { } .program_section .text_container .button a { } /* ---- end the program ---- */ /* ---- supporters list ---- */ .supporters_page .major_supporters { padding:64px 0 0 0; } .supporters_page .minor_supporters { padding:64px 0; -moz-columns:2; -webkit-columns:2; columns:2; } .supporters_page .major_supporters .special_sagov { line-height:96px; text-align:right; } .supporters_page .major_supporters .special_sagov img { width:128px; height:96px; } #supporter_list { padding-top:32px; margin-top:32px; } #supporter_list .supporter { padding-bottom:32px; margin-bottom:32px; } #supporter_list .supporter .table_div { } #supporter_list .supporter .table_div .left { } #supporter_list .supporter[data-supporter-type='8'] .table_div .left .logo_img { width:128px; height:128px; } #supporter_list .supporter[data-supporter-type='7'] .table_div .left .logo_img { width:96px; height:96px; } #supporter_list .supporter .table_div .left .logo_img { } #supporter_list .supporter .table_div .left img { width:128px; } #supporter_list .supporter .table_div .right { } #supporter_list .supporter .table_div .right h4 { font-size:22px; } #supporter_list .supporter[data-supporter-type='8'] .table_div .right h4 { font-size:32px; } #supporter_list .supporter[data-supporter-type='8'] .table_div .right h4 .type { font-size:24px; } #supporter_list .supporter[data-supporter-type='7'] .table_div .right h4 { font-size:26px; } #supporter_list .supporter[data-supporter-type='7'] .table_div .right h4 .type { font-size:20px; } #supporter_list .supporter .table_div .right h4 .type { } #supporter_list .supporter .table_div .right .description { } #random_supporter { border:none; padding:0; margin:0; width:300px; } #random_supporter .supporter { } #random_supporter .supporter .right h4 { font-size:18px; } /* ---- end supporters list ---- */ #school_map_panel { padding:64px 0; } #newsletter_page .table_div { } #newsletter_page .table_div .left { display:table-cell; vertical-align:top; width:50%; } #newsletter_page .table_div .right { display:table-cell; vertical-align:top; width:50%;text-align:right; } #newsletter_page #newsletter_form { display:inline-block; text-align:left; } #newsletter_intro { padding:64px 0; } #newsletter_list { margin:0; } #newsletter_list .newsletter { margin:0 0 48px 0; } #newsletter_list .newsletter h3 { } #newsletter_list .newsletter ul { padding:0 0 0 16px; } #newsletter_list .newsletter ul li { } #newsletter_list .newsletter ul li a { } #single_post #top_image { height:250px; } #single_post #post_heading { padding:64px 0; } #single_post #post_content { padding:64px 0; } /* ---------------- hub pages ---------------- */ #hub_title { padding:64px; } /* ---- students ---- */ #hub_container.students #panel1, #hub_container.parents #panel1 { padding:64px 0; } #hub_container #program_infographic .cell.box { display:table-cell; vertical-align:middle; } #hub_container #program_infographic .cell.box .box_shape { margin-right:16px; } #hub_container #program_infographic .cell.video_link { display:table-cell; vertical-align:top; } #hub_container.students #google_classroom_login { margin-bottom:64px; padding-bottom:64px; } #hub_container .general_panel { padding:64px 0; } #hub_container.students #panel2 { padding:64px 0 0 0; } #hub_container.students .program_info { } #hub_container.students .program_info .left { } #hub_container.students .program_info .left h2 { margin-bottom:32px; } #hub_container.students .program_info .left .button { margin-top:32px; } #hub_container.students .program_info .left .button a { padding:12px; } #hub_container.students .program_info .right { } #hub_container.students .program_info .right img { } #hub_container.students #panel3 { padding:64px 0; } #hub_container.students #panel4 { padding:64px 0; } #hub_container .services_intro { margin-bottom:64px; max-width:670px; } #hub_container .services_intro h2 { margin-bottom:32px; } #hub_container .services { display:table; width:100%; } #hub_container .services .service { display:table-cell; } #hub_container .services .service .circle { } #hub_container .services .service .circle img { width:60%; height:auto; vertical-align:middle; } #hub_container .services .service h4 { } #hub_events { padding:64px 0; } #hub_events h2 { margin-bottom:64px; } #hub_events .event_list { padding:0; margin:0; border:none; } #hub_events .event_list .event { max-width:260px; margin-right:32px; border:none; padding:0; margin-bottom:64px; } #hub_videos { padding:64px 0; } /* event calendar style */ .event_calendar_image { width: 30%; } .events_underline { color: #fff; border-top: 0 none; margin: 20px 70px; display: block; } .tribe-events-event-meta .tribe-events-meta-group { width: 33.3%; display: inline-block; } #event_feature { background-color: #999; height: 350px; line-height: 350px; } #events_list > .inner { padding: 48px 0; } #events_list .hub_links { } #events_list .hub_links .hub_link { } #events_list .hub_links .hub_link .text { padding: 32px; } #events_list .hub_links .hub_link .text h3 { font-size: 20px; } #events_list .hub_links .hub_link .text p { font-size: 16px; } #events_list .hub_links .hub_link .mobile_image { width: 35%; } .events_underline { display: none; } .tribe-bar-submit { margin-left:0; } /* event calendar style end */ /* woocommerce style */ .woocommerce .cart_totals { text-align:right; } .woocommerce .cart_totals table { width:100%; } .woocommerce .cart_totals table th { width:90%; } .woocommerce .cart_totals table td { width:auto; } /* woocommerce style end */ } /* ================================================================================================================================ */ /* ================================================================================================================================ */ /* ================================================================================================================================ */ @media only screen and (min-width: 1024px) { .post_container { padding: 64px; display: table-cell; width: 100%; } .post-container-outer { display: table; width: 100%; } .sidebar_outer { width: 300px; margin: 0; vertical-align: top; padding-top: 64px; } /*.blog .post { padding: 48px 0; } */ /* ---------------- overall style ---------------- */ /* ---------------- header ---------------- */ /* ---------------- footer ---------------- */ /* ---------------- home ---------------- */ #home_feature { height:400px; line-height:400px; } #home_feature .slide .testimonial_quote { font-size:28px; width:280px; margin-left:40px; } #home_feature .slide .testimonial_person { padding:32px 24px 24px 24px; width:140px; margin-top:-48px; } #home_feature .slide .testimonial_person .top { font-size:28px; line-height:28px; } #home_feature .slide .testimonial_person .bot { font-size:16px; } #home_feature .slide .event_text { padding:48px; } #home_feature .slide .event_text .top { font-size:24px; } #home_feature .slide .event_text .bot { font-size:16px; } #home_feature .slide .event_text .button a { font-size:14px; padding:12px; } #home_feature .slide .stat_box .right { font-size:18px; } #home_feature .slide[data-slide-type='starry_night'] .table_div .left img { width:256px; } #home_feature .slide[data-slide-type='starry_night'] .table_div .right img { width:400px; } #home_intro .hub_links { display:table; } #home_intro .hub_links .hub_link { display:table-cell; border-right:8px solid #fff; } #home_intro .hub_links .hub_link:last-child { border-right:none; } #home_news .social_feed > .inner { -moz-column-count:3; -webkit-column-count:3; column-count:3; } /* ---------------- back pages ---------------- */ /* ---- basic page content ---- */ .modular_block > .inner { padding:72px 0; } .modular_block[data-type='stat'] { background-size:cover; } .modular_block[data-type='quote'] { background-size:cover; } .modular_block[data-type='image'] { height:500px; } .modular_block .stat_box { background-image:url('images/stat_bg.svg'); } .modular_block[data-theme='green'] .stat_box { background-image:url('images/stat_bg.svg'); } .modular_block[data-theme='blue'] .stat_box { background-image:url('images/event_text_bg.svg'); } .modular_block .stat_box > .inner { padding:64px; } .modular_block .stat_box .donut { margin:0; line-height:150px; height:150px; width:150px; } .modular_block .stat_box .donut .ct-slice-donut { stroke-width:16px!important; } .modular_block .stat_box .donut .number { font-size:32px; } .modular_block .quote_box { padding:84px; } .modular_block .quote_box { background-image:url('images/event_text_bg.svg'); } .modular_block[data-theme='green'] .quote_box { background-image:url('images/stat_bg.svg'); } .modular_block[data-theme='blue'] .quote_box { background-image:url('images/event_text_bg.svg'); } .modular_block[data-type='boxes'] .box_container[data-cols='3'] { display:table; width:100%; } .modular_block[data-type='boxes'] .box_container[data-cols='3'] .box { display:table-cell; width:33.333%; } .modular_block[data-type='boxes'] .box_container .box .top_image { } /* ---- end basic page content ---- */ /* ---- the program ---- */ /* ---- end the program ---- */ #school_map { display:table; width:100%; } #school_map .top { display:table-cell; vertical-align:middle; width:450px; max-width:50%; } #school_map .top .map_img { width:100%; max-width:450px; } #school_map .bot { display:table-cell; vertical-align:middle; width:auto; background-color:#fff; } #school_map .bot .panel { background-color:#fff; padding:64px; } #school_map .bot .panel h3 { font-size:24px; margin-bottom:16px; } #school_map .bot .panel h3 .number { background-color:#00BCE4; color:#fff; } #school_map .bot .panel .subline { font-size:18px; font-weight:300; } #school_map .bot .panel ul li { font-size:16px; line-height:140%; } /* ---------------- hub pages ---------------- */ #hub_title h1 { font-size:48px; } /* ---- students ---- */ #hub_container.students #panel1 { } #hub_container #program_infographic .row { display:table-row; } #hub_container #program_infographic .row .cell { display:table-cell; vertical-align:middle; } #hub_container #program_infographic .cell.title { padding-left:32px; } #hub_container #program_infographic .cell.box { text-align:right; } #hub_container #program_infographic .cell.box .box_shape { display:inline-block; text-align:left; } #hub_container #program_infographic .cell.ten_weeks { } #hub_container #program_infographic .cell.ten_weeks img { display:block; height:90%; width:auto; margin-right:16px; } #hub_container #program_infographic .cell.video_link { padding-left:32px; } #hub_container.students #panel2 { } #hub_container.students .program_info { display:table; width:100%; } #hub_container.students .program_info .left { display:table-cell; vertical-align:middle; width:45%; border-right:64px solid #fff; } #hub_container.students .program_info .right { display:table-cell; vertical-align:bottom; } #hub_container.students .program_info .right img { } /* event calendar style */ .event_calendar_image { width: 20%; vertical-align:top; background-position:center top; } #event_feature { height: 400px; line-height: 400px; } #events_list .hub_links { } #events_list .hub_links .hub_link { } #events_list .hub_links .hub_link .text { padding: 48px; } #events_list .hub_links .hub_link .text h3 { font-size: 24px; } #events_list .hub_links .hub_link .text p { font-size: 18px; } #events_list .hub_links .hub_link .mobile_image { width: 35%; } .events_underline { display: none; } /* event calendar style end */ } /* ================================================================================================================================ */ /* ================================================================================================================================ */ /* ================================================================================================================================ */ @media only screen and (min-width: 1366px) { /* ---------------- overall style ---------------- */ .hover_bob:hover { animation-name:bob; animation-duration:0.7s; animation-iteration-count:infinite; -webkit-animation-name:bob; -webkit-animation-duration:0.7s; -webkit-animation-iteration-count:infinite; -moz-animation-name:bob; -moz-animation-duration:0.7s; -moz-animation-iteration-count:infinite; } .hover_pulse_once:hover { animation-name:pulse_once; animation-duration:0.3s; animation-iteration-count:1; -webkit-animation-name:pulse_once; -webkit-animation-duration:0.3s; -webkit-animation-iteration-count:1; -moz-animation-name:pulse_once; -moz-animation-duration:0.3s; -moz-animation-iteration-count:1; } /* ---------------- header ---------------- */ header { position:relative; z-index:9000; } header.fullwidth > .inner { display:table; padding:32px 0; } header #header_top { display:table-cell; width:auto; text-align:left; vertical-align:bottom; } header #header_top .logo { vertical-align:bottom; } header #header_top .logo a { display:inline-block; height:100px; vertical-align:bottom; } header #header_top .logo a img { display:block; height:100%; } header #header_top .mobile { display:none; } header #header_nav { display:table-cell!important; width:auto; text-align:right; line-height:40px; vertical-align:bottom; } header #header_nav > ul { } header #header_nav > ul > li { display:inline-block; position:relative; padding: 0px 8px; } header #header_nav > ul > li > .divider { display:inline-block; font-weight:900; margin:0 8px 0 12px; } header #header_nav > ul > li > a { display:inline-block; padding:0; transition:color 0.1s; } header #header_nav > ul > li:hover > a { color:#01BEE8; } header #header_nav > ul > li.donate { margin-left:16px; background-image:url('images/donate_bg.svg'); background-size:100% 100%; background-position:center center; } header #header_nav > ul > li.donate a { color:#fff; padding:0 16px; } header #header_nav > ul > li > ul { display:none; position:absolute; left:-24px; top:100%; padding:16px 24px; min-width:180px; text-align:left; background-color:#fff; box-shadow:1px 3px 5px rgba(0,0,0,0.1); } header #header_nav > ul > li:hover > ul { display:block; } header #header_nav > ul > li > ul > li { line-height:20px; list-style:none; } header #header_nav > ul > li > ul > li > a { padding:8px 0; line-height:20px; font-size:18px; transition:color 0.1s; } header #header_nav > ul > li > ul > li > a:hover { color:#01BEE8; } /* ---------------- footer ---------------- */ #footer_links { font-size:18px; line-height:140%; } #footer_links > .inner { display:table; } #footer_links .left { display:table-cell; width:70%; vertical-align:top; } #footer_links .right { display:table-cell; vertical-align:top; } #footer_links .column { margin-bottom:0; } #footer_links h3 { font-size:24px; } /* ---------------- home ---------------- */ #home_feature { height:500px; line-height:500px; } #home_feature .slide .testimonial_quote { font-size:30px; width:360px; padding:40px 40px 100px 40px; margin-left:90px; } #home_feature .slide .testimonial_person { font-size:24px; margin-left:120px; width:250px; } #home_feature .slide .testimonial_person .top { } #home_feature .slide .testimonial_person .bot { } #home_feature .slide .event_text { padding:64px; margin-left:96px; } #home_feature .slide .event_text .top { font-size:36px; margin-bottom:8px; } #home_feature .slide .event_text .bot { font-size:18px; margin-bottom:16px; } #home_feature .slide .event_text .button a { padding:16px; } #home_feature .slide .stat_box .quantity { font-size:48px; } #home_feature .slide .stat_box { padding:64px; } #home_feature .slide .stat_box .money { font-size:48px; } #home_feature .slide .stat_box .right { font-size:24px; width:240px; padding-left:64px; } #home_feature .slide[data-slide-type='starry_night'] .table_div .left img { width:320px; } #home_feature .slide[data-slide-type='starry_night'] .table_div .right img { width:512px; } #home_intro > .inner { padding:64px 0; } #home_intro .hub_links { display:table; width:100%; } #home_intro .hub_links .hub_link { width:244px; display:table-cell; border-right:16px solid #fff; transform:translateY(0); } #home_intro .hub_links .hub_link:hover { } #home_intro .hub_links .hub_link:last-child { border-right:none; } #home_intro .hub_links .hub_link { border-right:16px solid #fff; } #home_intro .hub_links .hub_link .image { height:300px; } #home_news > .inner { padding:64px 0; } #home_news .table_div { display:table; } #home_news .social_feed { display:inline-block; width:64.5%; vertical-align:top; } #home_news .social_feed .social_item { display:none; } #home_news .social_feed .social_item:nth-child(-n+7) { display:inline-block; } #home_news .latest_news { display:inline-block; width:35%; vertical-align:top; } #home_news .latest_news > .inner{ -moz-column-count:1; -webkit-column-count:1; column-count:1; } #home_news .latest_news .news_item .video_placeholder .overlay { transition:background-color 0.2s; } #home_news .latest_news .news_item .video_placeholder:hover .overlay { background-color:rgba(0,0,0,0.6); } #home_news .latest_news .news_item .video_placeholder:hover .overlay .text .left img { animation-name:pulse_once; animation-duration:0.5s; animation-iteration-count:1; -webkit-animation-name:pulse_once; -webkit-animation-duration:0.5s; -webkit-animation-iteration-count:1; -moz-animation-name:pulse_once; -moz-animation-duration:0.5s; -moz-animation-iteration-count:1; } /* ---------------- back pages ---------------- */ .modular_block .has_image > .image img { width:300px; } .modular_block .has_image > .image.left { padding-right:64px; } .modular_block .has_image > .image.right { padding-left:64px; } .program_intro .left { display:table-cell; padding: 72px 96px 72px 0; } .program_section { } .program_section:nth-child(2n){ } .program_section > .inner { } .program_section .icon_container { } .program_section .icon_container .icon { } .program_section .icon_container .icon img { } .program_section .text_container h2 { font-size:32px; } .program_section .text_container { } .program_section .text_container .text { font-size:20px; line-height:160%; color:#666; } .program_section .text_container .text p { } .program_section .text_container .button { } .program_section .text_container .button a { padding:32px; } .modular_block[data-type='boxes'] .box_container { } .modular_block[data-type='boxes'] .box_container .box { padding:64px; } .modular_block[data-type='boxes'] .box_container .box .top_image { } #school_map_panel { padding:96px 0; } #single_post #top_image { height:350px; } /* ---------------- hub pages ---------------- */ #hub_title { padding:96px; } /* ---- students ---- */ #hub_container.students #panel1, #hub_container.parents #panel1 { padding:96px 0; } #hub_container.students #panel1 .table_div { display:table; width:100%; } #hub_container.students #panel1 .table_div > .left { display:table-cell; vertical-align:top; padding-right:64px; } #hub_container.students #panel1 .table_div > .right { display:table-cell; vertical-align:top; text-align:right; } #hub_container.students #google_classroom_login { text-align:left; border:none; margin:0; padding:0; } #hub_container.students #panel3 { padding:96px 0; } #hub_container.students #panel4 { padding:96px 0; } #hub_container .services_intro { margin-bottom:96px; } /* event calendar style */ .events_underline { color: #fff; border-top: 0 none; margin: 20px 70px; display: block; } #event_feature { height: 400px; line-height: 500px; } #events_list > .inner { padding: 64px 0; } #events_list .hub_links { display: table; width: 100%; } #events_list .hub_links .hub_link { width: 23%; display: inline-block; border-right: 16px solid #fff; transform: translateY(0); height: 500px; vertical-align: top; } #events_list .hub_links .hub_link:hover { } #events_list .hub_links .hub_link:last-child { border-right: none; } #events_list .hub_links .hub_link .image { display: block; position: relative; height: 300px; background-color: #eee; } .events_content { padding-bottom: 20px; } #events_list .hub_links .hub_link .image .shape { position: absolute; right: 0; bottom: 0; left: 0; height: 16px; background-image: url(images/shapes/triangle_bot_left_blue.svg); background-size: 100% 100%; background-position: center center; } #events_list .hub_links .hub_link.green .image .shape { background-image: url(images/shapes/triangle_bot_left_green.svg); } #events_list .hub_links .hub_link .text { display: block; padding: 24px; text-align: center; } #events_list .hub_links .hub_link .text p { font-size: 12px; } #events_list .hub_links .hub_link .mobile_image { display: none; } /* event calendar style end */ .sidebar_inner ul li a:hover { color:#00BADE; text-decoration:underline; } .subline_news_item a:hover { text-decoration:underline; } } /* ================================================================================================================================ */ /* ================================================================================================================================ */ /* ================================================================================================================================ */ @media only screen and (min-width: 1600px) { /* ---------------- overall style ---------------- */ /* ---------------- header ---------------- */ /* ---------------- footer ---------------- */ /* ---------------- home ---------------- */ #home_feature { height:700px; line-height:700px; } #home_intro .hub_links .hub_link .text p { font-size:14px; } #home_feature .slide[data-slide-type='starry_night'] .table_div .left img { width:400px; } #home_feature .slide[data-slide-type='starry_night'] .table_div .right img { width:600px; } /* ---------------- back pages ---------------- */ .modular_block[data-type='boxes'] .box_container .box { padding:72px; } #single_post #top_image { height:450px; } /* event calendar style */ #events_list .hub_links .hub_link .text p { font-size: 14px; } #events_list .hub_links .hub_link { display: inline-block; } /* event calendar style end */ .supporters_page .minor_supporters { -moz-columns:3; -webkit-columns:3; columns:3; } } /* ================================================================================================================================ */ /* ================================================================================================================================ */ /* ================================================================================================================================ */ @media only screen and (min-width: 1920px) { /* ---------------- overall style ---------------- */ /* ---------------- header ---------------- */ header > .inner { padding:96px 0 64px 0; } /* ---------------- footer ---------------- */ /* ---------------- home ---------------- */ #home_intro .hub_links .hub_link .text p { font-size:16px; } /* ---------------- back pages ---------------- */ .modular_block[data-type='boxes'] .box_container .box { padding:96px; } /* event calendar style */ #events_list .hub_links .hub_link .text p { font-size: 16px; } /* event calendar style end */ .supporters_page .minor_supporters { -moz-columns:4; -webkit-columns:4; columns:4; } } /* ================================================================================================================================ */ /* ================================================================================================================================ */ /* ================================================================================================================================ */ @media only screen and (max-width: 768px) { /* ---------------- overall style ---------------- */ /* ---------------- header ---------------- */ /* ---------------- footer ---------------- */ /* ---------------- home ---------------- */ /* ---------------- back pages ---------------- */ } @keyframes bob { 0% { transform:translateY(0px); } 50% { transform:translateY(-4px); } 100% { transform:translateY(0px); } } @keyframes pulse_once { 0% { transform:scale(1); } 30% { transform:scale(1.1); } 70% { transform:scale(0.95); } 100% { transform:scale(1); } }