@import url("https://use.typekit.net/ajg3lje.css"); body { background: #f6f6f6; } .theme { margin: auto; overflow-x: hidden; max-width: 1800px; } .theme a { vertical-align: baseline; } .theme b { font-weight: 500; } .theme blockquote { font-family: 'sofia-pro', sans-serif; font-size: 2.2em; font-weight: 500; line-height: 1.3em; margin: 0 auto 0 auto; text-align: center; } .theme blockquote:before { content: '"'; display: block; font-family: astoria, sans-serif; font-size: 6em; text-align: center; width: 100%; } .theme fieldset { background: none; border: solid 1px rgba(0,0,0,0.35); margin: auto; margin-bottom: 10em; padding: 1.5em; text-align: left; width: 90%; max-width: 640px; } .theme h1 { color: #212b60; font-family: sofia-pro, sans-serif; font-size: 3.5rem; font-weight: 100; letter-spacing: 0.12em; line-height: 1.2em; margin-bottom: 0.5em; text-transform: uppercase; } .theme h2 { color: #212b60; font-family: sofia-pro, sans-serif; font-size: 3rem; font-weight: 100; letter-spacing: 0.12em; line-height: 1.2em; text-transform: uppercase; } .theme h3 { color: #212b60; font-family: sofia-pro, sans-serif; font-size: 2rem; font-weight: 200; letter-spacing: 0.02em; line-height: 1em; margin-bottom: 0.5em; } .theme h4 { color: #212b60; font-family: astoria, sans-serif; font-size: 1.5rem; font-style: italic; font-weight: 600; letter-spacing: 0.02em; line-height: 2em; text-transform: uppercase; } /* .theme h4:after { background-color: #1B9CFC; content: ''; display: block; height: 5px; width: 10%; } */ .theme h5 { color: #212b60; font-family: sofia-pro, sans-serif; font-size: 1.25rem; font-weight: 400; letter-spacing: 0.04em; line-height: 1.5em; margin-bottom: 0.5em; } .theme h6 { font-size: 0.9em; font-weight: 400; letter-spacing: 0.05em; } .theme header { margin: auto; padding: 2em 0 3em 0; text-align: center; width: 100%; } .theme hr { margin: 2em 0 2em 0; } .theme input { border-radius: 0; font-family: 'sofia-pro', sans-serif; font-size: 0.95em; font-weight: 300; padding: 0.8em; text-transform: inherit; } .theme input[type=checkbox] { border: solid 1px rgba(0,0,0,0.25); } .theme input[type=checkbox]:checked { background-color: #212b60; } .theme input[type=radio] { border: solid 1px rgba(0,0,0,0.25); border-radius: 50%; } .theme input[type=radio]:checked { background-color: #212b60; } .theme label { font-family: 'sofia-pro', sans-serif; font-size: 0.9em; font-weight: 500; margin-bottom: 0.5em; text-transform: inherit; } .theme p { color: #222222; font-family: 'sofia-pro', sans-serif; font-size: 1em; font-weight: 300; letter-spacing: 0.03em; line-height: 1.6em; } .theme nav { background: none; letter-spacing: 0.05em; text-transform: uppercase; } .theme select { border: solid 1px rgba(0,0,0,0.25); border-radius: 0; font-family: 'sofia-pro', sans-serif; font-size: 1em; font-weight: 300; padding: 0.8em; } .theme span { font-family: 'sofia-pro', sans-serif; font-size: 0.8em; line-height: 0.3em; } .theme textarea { border: solid 1px rgba(0,0,0,0.25); border-radius: 0; font-family: 'sofia-pro', sans-serif; font-size: 1em; font-weight: 300; padding: 0.8em; } .theme .animation_hover { -webkit-animation: animation_hover 8s cubic-bezier(0.445, 0.050, 0.550, 0.950) infinite both; animation: animation_hover 8s cubic-bezier(0.445, 0.050, 0.550, 0.950) infinite both; } @-webkit-keyframes animation_hover { 0%,50%,100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(4px); transform: translateY(4px); } } @keyframes animation_hover { 0%,50%,100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(4px); transform: translateY(4px); } } .theme .animation_rotate-360 { -webkit-animation: rotate-center 60s ease-in-out infinite both; animation: rotate-center 60s ease-in-out infinite both; } @-webkit-keyframes rotate-center { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate-center { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .theme .bg_gradient-top_color-primary { background: linear-gradient(-1deg, rgba(33,43,96,1) 90%, rgba(255,255,255,1) 90%); } .theme .bg_gradient-bottom_color-primary { background: linear-gradient(-1deg, rgba(255,255,255,1) 90%, rgba(33,43,96,1) 90%); } .theme .bg_gradient-top_color-secondary { background: linear-gradient(-1deg, #ECF7FD 90%, rgba(255,255,255,1) 90%); } .theme .bg_gradient-bottom_color-secondary { background: linear-gradient(-1deg, rgba(255,255,255,1) 90%, #ECF7FD 90%); } .theme .block_button { max-width: 100%; z-index: 996; } .theme .block_button a { border: solid 1px rgba(255,255,255,0.0); border-radius: 0; box-shadow: 30px 30px 50px rgb(42 48 95 / 0.4); color: #fff; font-family: 'astoria', sans-serif; font-size: 1.5em; font-style: italic; font-weight: 600; letter-spacing: 0.05em; padding: 1em 2em 1em 2em; text-transform: uppercase; } .theme .bloock_button a:hover { border: solid 1px rgba(255,255,255,0.75); background-color: #2c3366; box-shadow: 5px 5px 30px rgb(42 48 95 / 0.6); opacity: 1.0; transition: 1s all ease; } .theme .block_code { min-height: auto; padding: 0 0 0 0; } .theme .block_text { } .theme a.button { background-color: #2c3366; border: solid 1px rgba(255,255,255,0.0); border-radius: 0; box-shadow: 30px 30px 50px rgb(42 48 95 / 0.3); color: #fff; font-family: 'astoria', sans-serif; font-size: 1.5em; font-style: italic; font-weight: 600; letter-spacing: 0.05em; padding: 1em; min-width: auto; width: auto; text-transform: uppercase; z-index: 996; } .theme a.button:hover { background-color: #2c3366; border: solid 1px rgba(255,255,255,0.75); box-shadow: 5px 5px 30px rgb(42 48 95 / 0.6); opacity: 1.0; transition: 1s all ease; } /* .theme .button p { color: #fff; font-family: 'astoria', sans-serif; font-size: 1.5em; font-style: italic; font-weight: 600; letter-spacing: 0.05em; max-width: 100%; text-transform: uppercase; } */ .theme a.button_secondary { background: none; background-color: none; border: solid 1.1px #2c3366; border-radius: 0; box-shadow: 30px 30px 50px rgb(42 48 95 / 0.3); color: #2c3366; font-family: 'astoria', sans-serif; font-size: 1.5em; font-style: italic; font-weight: 600; letter-spacing: 0.05em; padding: 1em; min-width: auto; width: auto; text-transform: uppercase; transition: 1s all ease; z-index: 996; } .theme a.button_secondary:hover { background-color: none; border: solid 1.5px #2c3366; box-shadow: 5px 5px 30px rgb(42 48 95 / 0.6); opacity: 1.0; transition: 1s all ease; } /* .theme .button p { color: #fff; font-family: 'astoria', sans-serif; font-size: 1.5em; font-style: italic; font-weight: 600; letter-spacing: 0.05em; max-width: 100%; text-transform: uppercase; } */ .theme .color {} .theme .color_primary { background-color: #212b60; color: #212b60; } .theme .color_primary.button { background-color: #212b60; color: #fff; } .theme .color_secondary { background-color: #e7f4fb; color: #e7f4fb; } .theme .circle { display: block; max-height: 450px; max-width: 450px; } .theme .circle img { height: 500px; width: 500px; } .theme .color_primary { color: #1B9CFC; } .theme .hero { height: 80vh; overflow: hidden; } .theme .hero .blob_1 { left: -30%; position: absolute; top: 20%; width: 100%; max-width: 800px; z-index: 2; } .theme .hero .block_code { height: 90vh; width: 100%; } .theme .hero video { height: 80vh; object-fit: cover; width: 100%; } .theme .icon_large { max-width: 75px; } .theme .icon_xlarge { max-width: 100px; } .theme .input_error { border: solid 1px #cd1212 !important; } .theme .layout_spread {} .theme .layout_spread .block_image { max-width: 450px; } .theme .logo { margin: 0 auto 0 auto; padding: 0 0 0 0; max-width: 180px; } .theme .parallax { background-attachment: fixed; transform: translateZ(1px) scale(1.01); width: 100%; z-index: 2; } .theme .teaser { margin: auto; padding: 2em; } .theme .teaser .block_button a { border: solid 1px rgba(255,255,255,1.0); font-family: "sofia-pro"; font-size: 0.9em; font-style: normal; font-weight: 400; text-decoration: none; text-transform: uppercase; width: auto; } .theme .teaser .block_image { text-align: center; } .theme .teaser .block_image img { height: 120px; margin: auto; width: auto; } .theme .teaser .block_text { padding: 1em; z-index: 99; } .theme .teaser .block_text a { color: #fff; } .theme .teaser .block_text p { color: #fff; } .theme .wrap { padding: 0 2em 0 2em; max-width: 1280px !important; } .theme .wrap_inner { padding: 0 2em 0 2em; max-width: 640px; } .theme #common_footer { padding: 1em 0 1em 0; } .theme #common_nav { background-color: #212b60; left: 0; position: fixed; top: 0; width: 100%; } .theme #common_nav .nav_link { color: #fff; font-family: astoria, sans-serif; font-size: 1.05em; font-style: italic; font-weight: 600; letter-spacing: -0.008em; padding: 1em; text-transform: uppercase; } .theme #common_nav .nav_link.donate { background-image: url('/domain/img/logo_donorbox.png'); background-position: left center; background-size: 12%; background-repeat: no-repeat; color: #fff; padding-left: 2em; } .theme #common_nav #nav_primary {} .theme #row_camp-hero { border-top: solid 25px #212b60; } .theme #row_camp-info { background-image: url('/domain/img/blob_01.svg'); background-attachment: cover; background-position: 85% 70%; background-repeat: no-repeat; background-size: 500px; } .theme #row_camp-info .logo { max-width: 125px; } .theme #registration {} .theme #registration .ui_menu_actions { background-color: rgba(9, 18, 69, 0.93); bottom: 0; left: 0; padding: 1.3em; position: fixed; width: 100%; z-index: 9999999; } .theme #registration .ui_menu_actions .ui_button { background-color: none; border: solid 1px #fff; color: #fff; font-size: 0.85em; padding: 0.5em 2em 0.5em 2em; transition: 0.25s all ease; } .theme #registration .ui_menu_actions a.ui_button:active { background-color: rgba(255,255,255,0.70); transition: 0.25s all ease; } .theme #registration .ui_menu_actions a.ui_button:hover { background-color: rgba(255,255,255,0.10); transition: 0.25s all ease; } .theme #row_about-ashleigh { background-image: url('/domain/img/blob_03.svg'); background-attachment: cover; background-position: 10% 45%; background-repeat: no-repeat; background-size: 600px; } .theme #row_about-starr { background-image: url('/domain/img/blob_01.svg'); background-attachment: cover; background-position: 85% 25%; background-repeat: no-repeat; background-size: 550px; } .theme #row_cta { background-image: url('/domain/img/blob_04.svg'); background-attachment: cover; background-position: 20% 40%; background-repeat: no-repeat; background-size: 900px; } .theme #row_cta [class*='block_'] { max-width: 600px; } .theme #row_cta .block_button { margin-top: 2em; } .theme #row_cta .block_image figure { max-height: 420px; margin: auto; max-width: 420px; } .theme #row_cta .block_image figure img { object-position: 50% 10% !important; } .theme #row_cta .circle { max-height: 400px; max-width: 400px; } .theme #row_cta .circle img { max-height: 420px; max-width: 420px; } .theme #row_disclaimer { background-color: #212b60; } .theme #row_disclaimer p { color: #fff; font-size: 0.9em; } .theme #row_hero { /* border-top: solid 25px #212b60; */ color: #fff; height: auto /* 115vh */; padding-top: 10em; } .theme #row_hero .blob_1 { left: -20%; position: absolute; top: 20%; width: 100%; max-width: 800px; z-index: 0; } .theme #row_hero .blob_2 { position: absolute; right: -300px; top: 8%; width: 100%; max-width: 550px; z-index: 0; } .theme #row_hero .block_button { z-index: 99; } .theme #row_hero .block_image { width: auto; z-index: 99; } .theme #row_hero .block_text { padding: 0 0 2em 0; max-width: 640px; z-index: 99; } .theme #row_hero .block_text h1 { margin: 0 auto 0 auto; max-width: 800px; } .theme #row_hero .billboard { } .theme #row_hero .hero_cta { left: 0; margin: auto; position: absolute; right: 0; width: 100%; max-width: 720px; z-index: 100; } .theme #row_hero video { height: 90vh; position: absolute; object-fit: cover; width: 100%; z-index: 1; } .theme #row_latest { background: rgba(33,43,96,1); background: linear-gradient(-1deg, rgba(33,43,96,1) 90%, rgba(255,255,255,1) 90%); color: #fff; } .theme #row_latest .block_code .blob_1 { /* bottom: -35%; */ display: none; position: absolute; right: -200px; width: 100%; max-width: 525px; z-index: 1; } .theme #row_latest .block_image { text-align: center; } .theme #row_latest .block_image img { height: 125px; margin: auto; width: auto; } .theme #row_latest .block_text { padding: 1em; z-index: 99; } .theme #row_latest .block_text a { border: solid 1px #fff; color: #fff; font-size: 0.9em; font-weight: 400; padding: 0.8em 1.2em 0.7em 1.2em; text-decoration: none; text-transform: uppercase; } .theme #row_latest .block_text p { color: #fff; } .theme #row_latest .grid_columns_2 { padding: 0 2em 0 2em; } .theme #row_press { background-color: #212b60; color: #fff; } .theme #row_press h2 { color: #fff; } .theme #row_press .logo img { filter: brightness(0) invert(1); height: 110px; margin: auto; width: auto; } .theme #row_quote { background-color: #212b60; color: #fff; position: relative; } .theme #row_quote blockquote { color: #fff; } .theme #row_quote .block_code { left: -200px; position: absolute; top: -25%; width: 100%; max-width: 525px; z-index: 1; } .theme #sponsors {} .theme #sponsors .logo { margin: auto; padding: 0.3em; text-align: center; width: auto; max-width: 100%; } .theme #sponsors .logo img { height: 85px; object-fit: contain; width: auto; max-width: auto; } .theme #sponsors .logo.ocse img { height: 125px; } .theme #row_vision { background-image: url('/domain/img/blob_02.svg'); background-attachment: cover; background-position: 85% 70%; background-repeat: no-repeat; background-size: 500px; } /* ———————————————————————————————— PAGE SECTIONS ———————————————————————————————— */ .theme #section_about-ashleigh { background-image: url('/domain/img/blob_03.svg'); background-attachment: cover; background-position: 10% 45%; background-repeat: no-repeat; background-size: 600px; } .theme #section_camp-details { padding: 8em 0 8em 0; } .theme #section_camp-overview { background: rgba(33,43,96,1); /* background: linear-gradient(-1deg, rgba(33,43,96,1) 90%, rgba(255,255,255,1) 90%); */ color: #fff; padding: 5em 0 5em 0; } .theme #section_camp-overview a { color: #fff !important; } .theme #section_camp-overview h2 { color: #fff !important; } .theme #section_camp-overview h3 { color: #fff !important; } .theme #section_camp-overview h5 { color: #fff !important; } .theme #section_camp-overview p { color: #fff; font-size: 0.98em; font-weight: 400; line-height: 1.5em; } .theme #section_camp-overview .block_code .blob_1 { /* bottom: -45%; */ position: absolute; right: -200px; width: 100%; max-width: 525px; z-index: 1; } .theme #section_cta { background-image: url('/domain/img/blob_04.svg'); background-attachment: cover; background-position: 20% 40%; background-repeat: no-repeat; background-size: 900px; } .theme #section_cta [class*='block_'] { max-width: 600px; } .theme #section_cta .block_button { margin-top: 2em; } .theme #section_cta .block_image figure { max-height: 420px; margin: auto; max-width: 420px; } .theme #section_cta .block_image figure img { object-position: 50% 10% !important; } .theme #section_cta .circle { max-height: 400px; max-width: 400px; } .theme #section_cta .circle img { max-height: 420px; max-width: 420px; } .theme #section_disclaimer { background-color: #212b60; } .theme #section_disclaimer p { color: #fff; font-size: 0.9em; } .theme #section_fundraiser-camp-info { background-image: url('/domain/img/blob_02.svg'); background-position: -5% 10%; background-size: 750px; background-repeat: no-repeat; padding: 10em 0 5em 0; } .theme #section_fundraiser-camp-info .blob { top: -20%; left: -90%; position: absolute; width: 100%; max-width: 500px; z-index: 2; } .theme #section_intro { /* border-top: solid 25px #212b60; */ color: #fff; height: auto /* 115vh */; padding-top: 10em; } .theme #section_intro .blob_1 { left: -35%; position: absolute; top: 20%; width: 100%; max-width: 800px; z-index: 0; } .theme #section_intro .blob_2 { position: absolute; right: -300px; top: 8%; width: 100%; max-width: 550px; z-index: 2; } .theme #section_intro .block_button { z-index: 99; } .theme #section_intro .block_image { width: auto; z-index: 99; } .theme #section_intro .block_text { padding: 0 0 2em 0; max-width: 640px; z-index: 99; } .theme #section_intro .title_small { max-width: 300px; } .theme #section_news { color: #fff; } .theme #section_news h2 { color: #fff; } .theme #section_news .block_code .blob_1 { /* bottom: -35%; */ display: none; position: absolute; right: -200px; width: 100%; max-width: 525px; z-index: 1; } .theme #section_press { background: #fff; } .theme #section_press .logo img { height: 110px; margin: auto; width: auto; } .theme #section_about-summer-camp { background: rgba(33,43,96,1); background: linear-gradient(-1deg, rgba(33,43,96,1) 90%, rgba(255,255,255,1) 90%); color: #fff; } .theme #section_about-summer-camp a { color: #fff !important; } .theme #section_about-summer-camp h2 { color: #fff !important; } .theme #section_about-summer-camp h3 { color: #fff !important; } .theme #section_about-summer-camp h5 { color: #fff !important; } .theme #section_about-summer-camp p { color: #fff; font-size: 0.98em; font-weight: 400; line-height: 1.5em; } .theme #section_about-summer-camp .block_code .blob_1 { /* bottom: -45%; */ position: absolute; right: -200px; width: 100%; max-width: 525px; z-index: 1; } .theme #section_quote { background-color: #212b60; color: #fff; position: relative; } .theme #section_quote blockquote { color: #fff; } .theme #section_quote .block_code { left: -200px; position: absolute; top: -25%; width: 100%; max-width: 525px; z-index: 1; } .theme #section_register {} .theme #section_register .ui_menu_actions { background-color: rgba(9, 18, 69, 0.93); bottom: 0; left: 0; padding: 1.3em; position: fixed; width: 100%; z-index: 9999999; } .theme #section_register .ui_menu_actions .ui_button { background-color: none; border: solid 1px #fff; color: #fff; font-size: 0.85em; padding: 0.5em 2em 0.5em 2em; transition: 0.25s all ease; } .theme #section_register .ui_menu_actions a.ui_button:active { background-color: rgba(255,255,255,0.70); transition: 0.25s all ease; } .theme #section_register .ui_menu_actions a.ui_button:hover { background-color: rgba(255,255,255,0.10); transition: 0.25s all ease; } .theme #section_vision { background-image: url('/domain/img/blob_02.svg'); background-attachment: cover; background-position: 85% 70%; background-repeat: no-repeat; background-size: 500px; } /* ————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————— MEDIA QUERIES * * Conditions modify existing classes & selectors to change the appearance of elements based on screen width * * 1. By default there are 3 breakpoints that cover majority of screen sizes, though additional breakpoints can be included. * 2. Use sparingly (complex modifications typically indicate an element should be simplified) * * ————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————— */ @media screen and (min-width: 48.001em) and (max-width: 64.000em) { /*————————————————————————————————————— BREAKPOINT DETAILS Min-Width: 768px Max-Width: 1024px Target Device: Smartphone Orientation: Portait & Landscape —————————————————————————————————————*/ .theme { overflow-x: hidden; } .theme blockquote { font-size: 3vw; line-height: 1.3em; } .theme blockquote:before { content: '"'; display: block; font-family: astoria, sans-serif; font-size: 6em; font-weight: 500; text-align: center; width: 100%; } .theme h1 { font-size: 6vw; letter-spacing: 0.1em; line-height: 1.3em; margin-bottom: 0; } .theme h2 { font-size: 4vw; line-height: 1.3em; } .theme h3 { color: #212b60; font-size: 3vw; line-height: 1em; margin: 0.5em 0 0.3em 0; } .theme h4 { font-size: 1.2rem; line-height: 2em; } .theme h5 { font-size: 2vw; } .theme p { margin: auto; max-width: 90%; } .theme .button { padding: 1em 1.5em 1em 1.5em; margin-top: 2em; } .theme a.button { font-size: 1em; } } @media screen and (max-width: 48.000em) { /*————————————————————————————————————— BREAKPOINT DETAILS Min-Width: 0 Max-Width: 768px Target Device: Smartphone Orientation: Portait & Landscape —————————————————————————————————————*/ .theme { overflow-x: hidden; } .theme blockquote { font-size: 6vw; line-height: 1.3em; } .theme blockquote:before { content: '"'; display: block; font-family: astoria, sans-serif; font-size: 6em; font-weight: 500; text-align: center; width: 100%; } .theme h1 { font-size: 10vw; letter-spacing: 0.1em; line-height: 1.1em; margin-bottom: 0; } .theme h2 { font-size: 8vw; line-height: 1.3em; } .theme h3 { font-size: 6vw; line-height: 1.8em; margin: 0.5em 0 0.3em 0; } .theme h4 { font-size: 1.3rem; line-height: 2em; } .theme h5 { font-size: 4.5vw; } .theme p { margin: auto; max-width: 90%; } .theme .button { padding: 1.3em; margin-top: 2em; } .theme .button_secondary { padding: 1.3em; } .theme .blob_2 { display: none; } .theme .circle { display: block; max-height: 300px !important; margin: auto; width: 100%; max-width: 300px !important; } .theme .logo { max-width: 125px; } .theme .wrap { padding: 0; width: 100%; } .theme [id*='row_'] .copy { position: absolute; top: 320px; } .theme [id*='row_'] h2 { text-align: center; } .theme [id*='row_'] h4 { text-align: center; } .theme [id*='row_'] .portrait { position: absolute; top: 0; } .theme #row_about-ashleigh { min-height: 850px; } .theme #row_about-ashleigh .block_image img { height: 300px; width: 300px; } .theme #row_about-starr { min-height: 1100px; } .theme #row_about-starr .block_image img { height: 300px; width: 300px; } .theme #row_hero { min-height: 640px; } .theme #row_hero .blob_1 { left: -40%; top: 20%; max-width: 800px; } .theme #row_hero .blob_2 { right: -260px; top: -2%; max-width: 500px; } .theme #row_press {} .theme #row_press h2 { margin-bottom: 1em; } .theme #row_press .grid_columns_4 { flex-basis: 30%; } .theme #row_press .grid_columns_4 .logo img { height: 100px; } .theme #row_program {} .theme #row_program .block_code { bottom: -20%; max-width: 350px; } .theme #row_quote {} .theme #row_quote .block_code { left: -250px; top: -25%; max-width: 400px; } .theme #sponsors .logo { margin: auto; padding: 0.4em; text-align: center; width: auto; max-width: 100%; } .theme #sponsors .logo img { height: 60px; object-fit: contain; width: auto; max-width: 100%; } .theme #sponsors .logo.ocse img { height: 100px; } .theme #row_vision { min-height: 1100px; } .theme #row_vision .portrait .block_image { top: 180px; } .theme #row_vision .copy { top: 500px; } } /* ————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————— EMAIL NOTIFICATIONS * * Specific to email notifications sent out by the server * * 1. Visuals are dependent on the theme established above * 2. Elements should be modified to work at screen resolutions of 320px X 480px or larger * 3. Complexity in this section indicates overall theme should be expanded ————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————— */ .theme .mail { padding: 1em; } .theme .mail h2 { font-size: 1.5em; margin-bottom: 0; } .theme .mail h3 { font-size: 1.2em; } .theme .mail p { font-size: 1.06em; line-height: 1.5em; max-width: 100%; }