/* @override https://apudev2.wpengine.com/wp-content/themes/core/panels.css?ver=4.6.1 */ /* Page Slider ---------------------------------------------*/ .header-image.slideshow{ margin-bottom: 0; max-height: none;} .slideshow .soliloquy-container{ margin: 0 !important; max-width: 100% !important; max-height: none !important; } .slideshow .soliloquy-viewport, .slideshow .soliloquy-item { max-height: 490px !important; height: auto !important; overflow: hidden;} .soliloquy-container .soliloquy-image{ width: 100%; border: none; } /* Slideshow Dots */ .home .soliloquy-container .soliloquy-pager{ text-align: center; bottom: auto; position: relative !important; background: #e5e5e5; padding: 20px 0 0; height: 40px; } .home .soliloquy-container .soliloquy-pager-link{ background: #ccd5da; width: 18px; height: 18px; border: none; border-radius: 10px; display: inline-block; margin: 0 2px;} .home .soliloquy-container .soliloquy-pager-link:hover, .slideshow .soliloquy-pager-link.active{ background: #186388 !important;} .header-image.slideshow .soliloquy-pager{text-align: left; bottom: 20px; left: 20px;} .header-image.slideshow .soliloquy-container .soliloquy-pager-link{ background: #e5e5e5; width: 18px; height: 18px; border: none; border-radius: 10px; display: inline-block; margin: 0 2px; } .header-image.slideshow .soliloquy-container .soliloquy-pager-link span{ display: inline; } .header-image.slideshow .soliloquy-container .soliloquy-pager-link:hover, .header-image.slideshow .soliloquy-pager-link.active{ background: #ee9f21 !important;} /* Slideshow Direction */ .slideshow .soliloquy-controls-direction{ display: block;} .slideshow .soliloquy-controls-direction .soliloquy-prev{ left: 0 !important; border-radius: 0 6px 6px 0; background-position: center -54px;} .slideshow .soliloquy-controls-direction .soliloquy-next{ right: 0 !important; border-radius: 6px 0 0 6px;} .slideshow .soliloquy-controls-direction a{ background: url('images/flex-direction.png') no-repeat center 45px rgba(24,99,136,0.8); width: 70px; height: 138px; text-indent: -9999px; text-align: left; opacity: 0.8; top: 40%; } .slideshow .soliloquy-controls-direction a:hover{ opacity: 1.0;} /* Slideshow Caption */ .slideshow .soliloquy-caption{ position: absolute; top: 0; } .slideshow .soliloquy-caption-inside{ max-width: 1200px; margin: 0 auto !important; position: relative; background: none !important; padding: 0 !important;} /* Caption Buttons */ .soliloquy-caption .video, .soliloquy-caption .audio{ display: inline-block; border: 1px solid rgba(255,255,255,0.4); background: url('images/icons.png') no-repeat 8px -236px rgba(255,255,255,0.2); padding: 8px 12px 6px 40px; border-radius: 3px; text-align: center; width: 44%; text-transform: uppercase; font-family: Soho, serif; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); margin: 10px 5px 0; line-height: 1.5; font-size: 20px; } .soliloquy-caption .video:hover, .soliloquy-caption .audio:hover{ background-color: #186388;} .soliloquy-caption .audio{ background-position: 10px -294px;} .soliloquy-caption .orient { display: inline-block; text-align: center; width: auto; text-transform: uppercase; font-family: 'Gotham A', 'Gotham B', Arial, serif; font-weight: 300; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); margin: 10px 10px ; line-height: 1.3; font-size: 39px; } .soliloquy-caption .orient a:hover{ color: #ffffff; font-weight: 400; padding: 5px 7px; text-align: center; width: auto; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); line-height: 1.3; font-size: 39px; background: #215f7a; background: -moz-linear-gradient(top, #215f7a 0%, #0d4b68 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#215f7a), color-stop(100%,#0d4b68)); background: -webkit-linear-gradient(top, #215f7a 0%,#0d4b68 100%); background: -o-linear-gradient(top, #215f7a 0%,#0d4b68 100%); background: -ms-linear-gradient(top, #215f7a 0%,#0d4b68 100%); background: linear-gradient(to bottom, #215f7a 0%,#0d4b68 100%); } /** Active Learning Caption **/ .slideshow .soliloquy-caption .active-learning{ width: 400px; background: none; background: rgba(24,99,136,0.8); text-align: center; padding: 40px 30px; float: right; margin-top: 70px;} .soliloquy-caption .active-learning h2, .soliloquy-caption .active-learning h3, .soliloquy-caption .active-learning h4, .soliloquy-caption .active-learning p, .soliloquy-caption .active-learning a{ color: #ffffff;} .soliloquy-caption .active-learning h2{ font-size: 46px; font-family: 'Gotham A', 'Gotham B', 'Montserrat', 'sans-serif'; font-weight: 500; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); line-height: 1.4; } .soliloquy-caption .active-learning h2 span{ font-family: Soho, serif; text-shadow: -2px -2px 0 #a58a40, 2px -2px 0 #a58a40, -2px 2px 0 #a58a40, 2px 2px 0 #a58a40; display: block; } /** Early Honors Caption **/ .slideshow .soliloquy-caption .early-honors{ width: 355px; background: none; background: rgba(24,99,136,0.8); text-align: center; padding: 20px 20px; float: right; margin-top: 70px; margin-right: 202px; } .soliloquy-caption .early-honors h2, .soliloquy-caption .early-honors h3, .soliloquy-caption .early-honors h4, .soliloquy-caption .early-honors p, .soliloquy-caption .early-honors a{ color: #ffffff;} .soliloquy-caption .early-honors h2{ font-size: 48px; font-family: 'Gotham A', 'Gotham B', 'Montserrat', 'sans-serif'; font-weight: 500; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); line-height: 1; } .soliloquy-caption .early-honors h2 span{ font-family: Soho, serif; text-shadow: -2px -2px 0 #a58a40, 2px -2px 0 #a58a40, -2px 2px 0 #a58a40, 2px 2px 0 #a58a40; display: block; } /** Expedition Alaska Caption **/ .slideshow .soliloquy-caption .expedition-alaska{ width: 400px; background: none; text-align: center; /*float: right; margin-right: 50%; margin-top: 180px !important*/ margin: 0 auto; } .soliloquy-caption .expedition-alaska h2, .soliloquy-caption .expedition-alaska h3, .soliloquy-caption .expedition-alaska h4, .soliloquy-caption .expedition-alaska p, .soliloquy-caption .expedition-alaska a{ color: #186388;} .soliloquy-caption .expedition-alaska h2{ font-size: 48px; font-weight: 500; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); line-height: 1.4; margin: 0 0 12px; } .soliloquy-caption .expedition-alaska h2 span.alaska{ text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff; display: block; text-transform: uppercase; color: #d69827; font-size: 60px; } .soliloquy-caption .expedition-alaska h2 span.year{ color: #348335; font-size: 60px;} .soliloquy-caption .expedition-alaska .video, .soliloquy-caption .expedition-alaska .audio{ background-color: #186388; color: #fff; margin: 40% 5px 0; } .soliloquy-caption .expedition-alaska .video:hover, .soliloquy-caption .expedition-alaska .audio:hover{ background-color: #348335; } /* Panels ---------------------------------------------*/ .panel-box{ padding: 60px 0; background: #fff; } .panel-box .panel{ margin: 0; } .panel-box .entry-header{ text-align: center; margin: 0 0 24px;} .panel-box h1{ text-align: center; font-size: 40px; text-transform: none; margin: 0; overflow: hidden; position: relative;} .panel-box h1 span:before{ content: ' '; width: 300px; height: 1px; background: rgba(255,255,255,0.2); display: inline-block; margin: 24px 20px 16px 0; position: absolute; right: 100%;} .panel-box h1 span:after{ content: ' '; width: 300px; height: 1px; background: rgba(255,255,255,0.2); display: inline-block; margin: 24px 0 16px 20px; position: absolute; left: 100%; } .panel-box h1 span{ display: inline-block; position: relative;} .panel-box h2{ text-align: center; font-size: 26px; margin: 0 0 24px; font-family: 'Gotham A', 'Gotham B', 'Montserrat', 'sans-serif';} .panel-box h2 strong{ color: #c7963e;} .panel-box .more-from-category{ margin: 16px 0 0; text-align: center; text-transform: uppercase;} .panel-box .more-from-category a, .panel .more-link{ color: #cd8221;} .panel-box .more-from-category a:hover, .panel .more-link:hover{ color: #186388;} .panel-box .buttons{ margin: 0; overflow: hidden;} .panel-box .buttons li{ list-style: none; margin: 0 0 12px;} .panel-box .buttons li a{ display: block; padding: 10px 24px; font-size: 21px; background-color: rgba(255,255,255,0.2); text-align: center; max-width: 400px; } .panel-box .buttons li a:hover{ background-color: #fff; color: #c7963e;} .panel-box .button{ margin: 0 12px; text-transform: none; font-weight: 500; font-size: 21px; } .panel-box img{ border: none;} /* Home - News, Events & Stories ---------------------------------------------*/ .news-events{ background: #e5e5e5; padding: 40px 0;} .news-events h2{ text-align: center; font-size: 38px; margin: 0 0 16px; text-transform: none; font-family: Soho, serif;} .news-events h2{ background: url('images/bg-title-line-blue.png') repeat-x center; } .news-events h2 span{ background: #e5e5e5; padding: 0 20px; } .news{ width: 540px; margin-right: 40px; float: left;} .events{ width: 290px; float: left;} .stories{ float: right; width: 290px;} .newsticker, .stories-list{ background: #fff; padding: 24px; border: 1px solid #e1e1e1; height: 330px; overflow: scroll;} .newsticker img{ max-width: 156px; float: left; margin-right: 16px !important; border: 1px solid #e1e1e1;} .newsticker p{ margin: 0; line-height: 1.2;} .newsticker li{ margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #e1e1e1; overflow: hidden; } .newsticker li:last-child, .stories-list li:last-child{ border: none; margin: 0;} .newsticker li h3{ margin: 0; font-size: 20px;} .events-list li{ background: url('images/bg-events.jpg') repeat-y #fff; border: 1px solid #e1e1e1; margin: 0 0 12px; padding: 8px 8px 8px 56px; position: relative; min-height: 56px; } .events-list .date{ margin: 0; background: #186388; color: rgba(255,255,255,0.8); font-size: 21px; font-weight: 400; text-align: center; width: 56px; line-height: 1.2; position: absolute; left: 0; } .events-list .date a{ color: rgba(255,255,255,0.8); } .events-list .date a:hover{ color: #d69827;} .events-list .month{ display: block; font-size: 11px; text-transform: uppercase;} .events-list li h3{ margin: 0 0 0 16px; font-size: 16px; } .events-list li .entry-meta{ margin: 6px 0 0 18px; font-size: 14px; line-height: 1.2; } .stories-list{ padding: 18px; } .stories-list img{ float: left; margin: 0 12px 0 0 !important; border: 1px solid #e1e1e1;} .stories-list h3{ font-size: 16px; margin: 0;} .stories-list p{ font-size: 14px; margin: 0; line-height: 1.3;} .stories-list li{ margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #e1e1e1; overflow: hidden; } .stories-list li:last-child{ margin: 0;} /* Home - APU Majors & Programs ---------------------------------------------*/ .home .apu-majors-programs h1{ font-size: 50px; } .apu-majors-programs h1 span:before{ width: 110px; height: 33px; background: url('images/bg-title.png') no-repeat; margin: 0; top: 10px; } .apu-majors-programs h1 span:after{ width: 110px; height: 33px; background: url('images/bg-title.png') no-repeat right -92px; margin: 0; top: 10px; } .apu-majors-programs h3, .apu-majors-programs p{ margin: 0;} .apu-majors-programs h3 a{ line-height: 1.6; display: block; text-align: center; font-size: 20px; color: #000; font-family: 'Gotham A', 'Gotham B', 'Montserrat', 'sans-serif';} .apu-majors-programs img{ border-radius: 112px; border: 8px solid #ffffff; padding: 0 !important;} .apu-majors-programs a:hover img{ border-color: #d29b17;} /* Home - Visit APU ---------------------------------------------*/ .visit-apu{ background: url('images/bg-panel-visit-apu.jpg'); background-size: cover; } .visit-apu h1, .visit-apu h2{ color: #ffffff; text-shadow: 1px 1px 1px #222;} .home .visit-apu h1{ font-size: 50px; } .visit-apu img{ margin-bottom: 0; margin-right: 24px !important;} .visit-apu .buttons li a{ color: #fff; background: url('images/visit-icons.png') no-repeat 24px 6px rgba(255,255,255,0.2); text-align: left; padding-left: 80px; } .visit-apu .buttons li a:hover{ background-color: #dbad56; color: #ffffff;} .visit-apu .buttons li a.schedule{ background-position: 24px -64px;} .visit-apu .buttons li a.open-house{ background-position: 24px -128px;} .visit-apu .buttons li a.summer-trip{ background-position:24px -192px;} /* Home - Apply to APU ---------------------------------------------*/ .apply-to-apu{ background: url('images/bg-blue.jpg'); padding: 0; } .apply-to-apu .wrap{ background: url('images/bg-panel-apply.jpg') no-repeat left bottom; padding: 60px 0 20px;} .apply-to-apu h1, .apply-to-apu h2{ color: #ffffff; text-shadow: 1px 1px 1px #222;} .home .apply-to-apu h1{ font-size: 50px; } .apply-to-apu .entry-content p, .apply-to-apu .entry-content ul{ margin-left: 54%; color: #fff;} .apply-to-apu .entry-content li{ font-size: 26px; font-weight: 400; list-style: none; } .apply-to-apu .entry-content li a{ opacity: 0.75; color: #fff; padding: 0 0 0 75px; background: url('images/bullet.png') no-repeat; } .apply-to-apu .entry-content li a:hover{ opacity: 1.0; } .apply-to-apu .button{ font-size: 34px; text-align: center; font-family: Soho, serif; text-transform: none; background: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.4); border-radius: 3px; padding: 12px 80px; color: #fff; } .apply-to-apu .button:hover{ background: #fff; color: #186388;} /* Home - APU's Kellogg Campus ---------------------------------------------*/ .apus-kellogg-spring-creek-farm-campus{ background: url('images/bg-kellogg-campus.jpg') no-repeat center; background-size: cover; color: #ffffff; padding: 100px 0; } .apus-kellogg-spring-creek-farm-campus h1{ color: #ffffff; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); } .apus-kellogg-spring-creek-farm-campus h2{ color: #ffffff; margin-bottom: 36px; } .apus-kellogg-spring-creek-farm-campus p{ margin: 0;} .apus-kellogg-spring-creek-farm-campus .button{ text-transform: uppercase; padding: 16px 60px; margin: 0 12px; background: rgba(255,255,255,0.2); border-radius: 3px; border: 1px solid rgba(255,255,255,0.4); font-size: 20px; } .apus-kellogg-spring-creek-farm-campus .button:hover{ background: none;} /* Home - The APU Promise ---------------------------------------------*/ .the-apu-promise{ background: #fff; font-size: 20px; } .the-apu-promise h3{ text-align: left; font-size: 24px; margin: 0 0 48px; color: #186388;} .the-apu-promise h3 strong, .the-apu-promise h2 strong{ color: #f38d17;} .the-apu-promise .buttons li a{ background: #186388; color: #ffffff; text-align: center; text-transform: uppercase; } .the-apu-promise .buttons li a:hover{ background: #f38d17; color: #fff;} /* Home - Quick Links ---------------------------------------------*/ .quick-links-connect{ padding-bottom: 0; background: #f6f8f7; } .quick-links-connect .entry-header{ margin: 0 0 24px;} .home .quick-links-connect h1{ font-size: 50px; } .quick-links-connect h1 span:before, .quick-links-connect h1 span:after{ background: rgba(24,99,136, 0.2); } .quick-links-connect img{ padding: 4px; background: #fff; border: 6px solid #d29b17; margin-bottom: 12px !important;} .quick-links-connect a:hover img{ opacity: 1.0; border-color: #186388;} .quick-links-connect h3{ margin: 0 0 24px;} .quick-links-connect h3 a{ color: #d29b17;} .quick-links-connect h3 a:hover{ color: #186388;} .youtube, .facebook, .twitter, .instagram { display: inline-block; font-weight: 500; width: 160px; padding-top: 90px; background: url('images/social.png') no-repeat center -11px; } .facebook{ background-position: center -212px;} .twitter{ background-position: center -411px;} .instagram{ background-position: center -575px;} .youtube:hover, .facebook:hover, .twitter:hover, .instagram:hover{ opacity: 0.6;} /* Admissions & Costs - There's a Place for You at APU ---------------------------------------------*/ .theres-a-place-for-you-at-apu{ background: #246b8e; color: #ffffff; border-top: 1px solid rgba(255,255,255,0.2); font-size: 23px; } .theres-a-place-for-you-at-apu .entry-header{ margin: 0 0 24px;} .theres-a-place-for-you-at-apu h1{ color: #ffffff; } .theres-a-place-for-you-at-apu strong{ color: #ee9f21;} /* Admissions & Costs - Meet Your Admissions Counselors ---------------------------------------------*/ .meet-your-admissions-counselors{ background: #f6f8f7; } .meet-your-admissions-counselors h1 span:before, .meet-your-admissions-counselors h1 span:after{ background: rgba(24,99,136, 0.2); } .meet-your-admissions-counselors .person{ font-size: 16px; } .meet-your-admissions-counselors .person img{ border-radius: 100px; border-color: #f6f8f7; } .meet-your-admissions-counselors .person h4{ font-size: 20px; font-family: Soho, serif; } /* Activities & Campus Life - Outdoor Programs ---------------------------------------------*/ .outdoor-programs{ background: url('images/bg-outdoor-programs.jpg') no-repeat; background-size: cover; } .outdoor-programs h1{ color: #ffffff; } .outdoor-programs h2{ color: #ffffff; font-weight: 600; font-family: Soho, serif; font-size: 24px; margin: 0 0 6px;} .outdoor-programs p{ color: #ffffff; } .outdoor-programs img{ margin: 0 auto;} .outdoor-programs .button{ font-size: 34px; text-align: center; font-family: Soho, serif; text-transform: none; background: rgba(255,255,255,0.4); border: 1px solid rgba(255,255,255,0.4); border-radius: 3px; padding: 12px 80px; color: #fff; } .outdoor-programs .button:hover{ background: #fff; color: #d69827;} /* Admissions & Costs - The Good News About Tuition at APU ---------------------------------------------*/ .the-good-news-about-tuition-at-apu{ background: url('images/bg-good-news.jpg') no-repeat; background-size: cover; color: #ffffff; font-size: 20px; padding-bottom: 36px; } .the-good-news-about-tuition-at-apu h1, .the-good-news-about-tuition-at-apu h2{ color: #ffffff; } .the-good-news-about-tuition-at-apu .entry-content li{ font-family: Soho, serif; list-style: none; color: #fff; padding: 0 0 0 75px; background: url('images/bullet.png') no-repeat; margin: 0 0 12px; } .the-good-news-about-tuition-at-apu .button:hover{ background: #ffffff; color: #246b8e;} /* Admissions & Costs - Scholarships ---------------------------------------------*/ .panel-box.scholarships{ background: #f5f5f5;} .scholarships h1 span:before, .scholarships h1 span:after{ background: rgba(24,99,136, 0.2); } /* Admissions & Costs - Looking for More Info? ---------------------------------------------*/ .looking-for-more-info h1 span:before, .looking-for-more-info h1 span:after{ background: rgba(24,99,136, 0.2); font-size: 28px; } .looking-for-more-info .entry-header{ margin: 0 0 24px;} .looking-for-more-info .button{ margin: 0 12px; text-transform: none; font-weight: 500; font-size: 21px; } /* Activities & Campus Life - Student Housing ---------------------------------------------*/ .student-housing{ background: #246b8e; color: #ffffff; border-top: 1px solid rgba(255,255,255,0.2); } .student-housing .entry-header{ margin: 0 0 24px;} .student-housing .entry-title{ color: #ffffff; } .student-housing .button{ background: #d69827; color: #ffffff; text-transform: none; font-weight: 500; font-size: 21px; } .student-housing .button:hover{ background: #ffffff; color: #d69827; } .student-housing a img{ border: 8px solid #246b8e;} .student-housing a:hover img{ border-color: #d69827;} /* Activities & Campus Life - Dining on Campus ---------------------------------------------*/ .dining-on-campus .entry-header{ margin: 0 0 24px;} .dining-on-campus h1 span:before, .dining-on-campus h1 span:after{ background: rgba(24,99,136, 0.2); } .dining-on-campus .button{ text-transform: none; font-weight: 500; font-size: 21px; } .dining-on-campus a img{ border: 8px solid #ffffff;} .dining-on-campus a:hover img{ border-color: #246b8e;} /* Activities & Campus Life - Recreation Facilities ---------------------------------------------*/ .recreation-facilities{ background: #f5f5f5;} .recreation-facilities h1 span:before, .recreation-facilities h1 span:after{ background: rgba(24,99,136, 0.2); } .recreation-facilities h2{ color: #222222;} .recreation-facilities a img{ border: 8px solid #f5f5f5; margin: 0 auto;} .recreation-facilities a:hover img{ border-color: #d69827;} .recreation-facilities h3 a{ line-height: 1.6; display: block; text-align: center; font-size: 20px; color: #000; font-family: 'Gotham A', 'Gotham B', 'Montserrat', 'sans-serif';} /* Activities & Campus Life - Outdoor Programs ---------------------------------------------*/ .outdoor-programs{ background: url('images/bg-outdoor-programs.jpg') no-repeat; background-size: cover; } .outdoor-programs h1{ color: #ffffff; } .outdoor-programs h2{ color: #ffffff; font-weight: 600; font-family: Soho, serif; font-size: 24px; margin: 0 0 6px;} .outdoor-programs p{ color: #ffffff; } .outdoor-programs img{ margin: 0 auto;} .outdoor-programs .button{ font-size: 34px; text-align: center; font-family: Soho, serif; text-transform: none; background: rgba(255,255,255,0.4); border: 1px solid rgba(255,255,255,0.4); border-radius: 3px; padding: 12px 80px; color: #fff; } .outdoor-programs .button:hover{ background: #fff; color: #d69827;} /* Overview - About Us ---------------------------------------------*/ #overview{ color: #ffffff !important; background-color: #246b8e; border-top: 1px solid rgba(255,255,255,0.2); } #overview .entry-header{ margin: 0 0 24px;} #overview h1, #overview h2, #overview h3, #overview a, #overview strong{ color: #ffffff !important; } #overview h2{ text-align: left; font-family: Soho, serif;} #overview .one-third p:first-line{ font-family: Soho, serif; font-size: 23px;} .bs-marine-biology #overview{ background: url('images/bg-marine-bio-overview.jpg') no-repeat bottom center #246b8e; background-size: 100% auto; padding-bottom: 140px;} /* About Us - History & Vision - Vision, Mission Values ---------------------------------------------*/ .vision-mission-values h2{ text-align: center; font-family: Soho, serif; font-size: 40px; border-bottom: 1px solid rgba(24,99,136, 0.2);} .vision-mission-values {color: #2d7192;} .vision-mission-values strong{ color: #186388; } .vision-mission-values li{ list-style: none !important; font-size: 20px; margin: 0 0 6px;} /* About Us - Our History ---------------------------------------------*/ .our-history{ background: url('images/bg-history-vision.jpg') no-repeat top center #eaeaea; background-size: 100% auto;} .our-history h1{ color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); } .our-history h1 span:before, .our-history h1 span:after{ background: none; } .our-history .entry-content{ padding-top: 180px;} /* About Us - Overview - Welcome to APU ---------------------------------------------*/ .welcome-to-apu{ color: #ffffff; background-color: #2d7192; background: url('images/artElementPanelsSocialMedia.png') no-repeat bottom center #2d7192; background-size: 100% auto; padding-bottom: 140px;} .welcome-to-apu h1{ color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); } .welcome-to-apu h2, .welcome-to-apu h3, .welcome-to-apu h4, .welcome-to-apu h5, .welcome-to-apu a{ color: #ffffff; } .welcome-to-apu{ font-size: 20px; text-align: left; color: #ffffff; margin: 0 0 12px; } .welcome-to-apu h3{ text-align: center; font-size: 30px; border-bottom: 1px solid rgba(255,255,255,0.2); padding: 0 0 6px; margin: 0 0 24px; } /* About Us - Our Philosophy ---------------------------------------------*/ .our-philosophy{ color: #246b8e; background-color: #eaeaea; background-size: 100% auto;} .our-philosophy h1, .our-philosophy h2{ color: #ffffff; text-shadow: 1px 1px 1px #222;} .our-philosophy h1{ color: #246b8e; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); } .our-philosophy{font-size: 20px;} .our-philosophy h1 span:before, .our-philosophy h1 span:after{ background: rgba(24,99,136, 0.2); } .our-philosophy .entry-content{ padding-top: 60px;} /* History - Our roots: Alaska Methodist University ---------------------------------------------*/ .our-roots-alaska-methodist-university{ background-color: #ffffff; color: #2d7192; } .our-roots-alaska-methodist-university h1 span:before, .our-roots-alaska-methodist-university h1 span:after{ background: rgba(24,99,136, 0.2); } /* History - AMU to APU ---------------------------------------------*/ .amu-to-apu{ background: url('images/bg-history-vision2.png') no-repeat bottom center #eaeaea; background-size: 100% auto;} .amu-to-apu{color: #246b8e;} .amu-to-apu h1 span:before, .amu-to-apu h1 span:after{ background: rgba(24,99,136, 0.2); } .amu-to-apu .entry-content{ padding-bottom: 180px;} /* History - Community Support Built Alaska ---------------------------------------------*/ .community-support-built-alaskas-private-university{color: #246b8e;} .community-support-built-alaskas-private-university h1 span:before, .community-support-built-alaskas-private-university h1 span:after{ background: rgba(24,99,136, 0.2); } /* History - History and Vision ---------------------------------------------*/ .vision-for-the-future{ color: #ffffff; background-color: #2d7192; } .vision-for-the-future h1, .vision-for-the-future h2{ color: #ffffff; text-shadow: 1px 1px 1px #222;} .vision-for-the-future .entry-content p, .vision-for-the-future .entry-content ul{ margin-left: 54%; color: #fff;} .vision-for-the-future .entry-content li{ font-size: 26px; font-weight: 400; list-style: none; } .vision-for-the-future .entry-content li a{ opacity: 0.95; color: #fff; padding: 0 0 0 75px; background: url('images/bullet.png') no-repeat; } .vision-for-the-future .entry-content li a:hover{ opacity: 1.0; color: #2d7192;} .vision-for-the-future .button{ margin-left: 0% !important; font-size: 25px; text-align: center; font-family: Soho, serif; text-transform: none; background: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.4); border-radius: 3px; padding: 12px 12px; color: #fff; } .vision-for-the-future .button:hover{ background: #fff; color: #186388;} /* President's Office - President Letter to Students ---------------------------------------------*/ .welcome-from-the-apu-president h1 span:before, .welcome-from-the-apu-president h1 span:after{ background: rgba(24,99,136, 0.2); } /* President's Office - President Team ---------------------------------------------*/ .presidents-team{ background: #eaeaea; background-size: 100% auto;} .presidents-team h1 span:before, .presidents-team h1 span:after{ background: rgba(24,99,136, 0.2); } .presidents-team h1 span:before{ width: 110px; height: 33px; background: url('images/bg-title.png') no-repeat; margin: 0; top: 10px; } .presidents-team h1 span:after{ width: 110px; height: 33px; background: url('images/bg-title.png') no-repeat right -92px; margin: 0; top: 10px; } .presidents-team h3, .presidents-team p{ margin: 0;} .presidents-team h3 a{ line-height: 1.6; display: block; text-align: center; font-size: 20px; color: #000; font-family: 'Gotham A', 'Gotham B', 'Montserrat', 'sans-serif';} .presidents-team img{ border-radius: 112px; border: 8px solid #ffffff; padding: 0 !important;} .presidents-team a:hover img{ border-color: #d29b17;} /* President's Office - President Team ---------------------------------------------*/ .board-of-trustees{ color: #ffffff; background-color: #246b8e; } .board-of-trustees h2, .board-of-trustees h3, .board-of-trustees h1, .board-of-trustees h4, .board-of-trustees a{ color: #ffffff; } .board-of-trustees h2{ text-align: center; font-size: 26px; margin: 0 0 24px; font-family: 'Gotham A', 'Gotham B', 'Montserrat', 'sans-serif';} .board-of-trustees .button{ background: #d69827;} .board-of-trustees .button:hover{ background: #ffffff; color: #d69827;} /* President's Office - Higher Education Opportunity ---------------------------------------------*/ .higher-education-opportunity-act-information{ background: url('images/bg-outdoor-programs.jpg') no-repeat; background-size: cover; } .higher-education-opportunity-act-information h1{ color: #ffffff; } .higher-education-opportunity-act-information h2{ color: #ffffff; font-weight: 600; font-family: Soho, serif; font-size: 24px; margin: 0 0 6px;} .higher-education-opportunity-act-information p{ color: #ffffff; } .higher-education-opportunity-act-information img{ margin: 0 auto;} .higher-education-opportunity-act-information .button{ font-size: 24px; text-align: center; font-family: Soho, serif; text-transform: none; background: rgba(255,255,255,0.4); border: 1px solid rgba(255,255,255,0.4); border-radius: 3px; padding: 12px 80px; color: #fff; } .higher-education-opportunity-act-information .button:hover{ background: #fff; color: #d69827;} /* Giving - Donate to Alaska Pacific University ---------------------------------------------*/ .donate-to-alaska-pacific-university{ background-color: #ffffff; color: #2d7192; } .donate-to-alaska-pacific-university h1 span:before, .donate-to-alaska-pacific-university h1 span:after{ background: rgba(24,99,136, 0.2); } /* Giving - APU Campaign ---------------------------------------------*/ #apu-campaign { background: url('images/bg-good-news.jpg') no-repeat; background-size: cover !important; background-color: #d69a2d; color: #ffffff; font-size: 20px; padding-bottom: 36px; } .apu-campaign h1{ color: #ffffff; } .apu-campaign p{ color: #ffffff; } .apu-campaign img{ margin: 0 auto;} .apu-campaign .button{ font-size: 24px; text-align: center; font-family: Soho, serif; text-transform: none; background: rgba(255,255,255,0.4); border: 1px solid rgba(255,255,255,0.4); border-radius: 3px; padding: 12px 80px; color: #fff; } .apu-campaign .button:hover{ background: #fff; color: #d69827;} .apu-campaign h2{ text-align: center; font-size: 26px; margin: 0 0 24px; font-family: 'Gotham A', 'Gotham B', 'Montserrat', 'sans-serif'; color: #ffffff;} /* Giving - Annual Gala ---------------------------------------------*/ .annual-gala{ background-color: #ffffff; color: #2d7192; background: url('images/artElementPanelsSocialMedia.png') no-repeat bottom center ; background-size: 100% auto; padding-bottom: 140px;} .annual-gala h1 span:before, .annual-gala h1 span:after{ background: rgba(24,99,136, 0.2); } .annual-gala h2{ text-align: center; font-size: 26px; margin: 0 0 24px; font-family: 'Gotham A', 'Gotham B', 'Montserrat', 'sans-serif'; } .annual-gala .button{ font-size: 24px; text-align: center; font-family: Soho, serif; text-transform: none; background: #2d7192; border: 1px solid rgba(255,255,255,0.4); border-radius: 3px; padding: 12px 80px; color: #fff; } .annual-gala .button:hover{ background: #fff; color: #d69827;} /* Giving - Endowment and Chairs of APU ---------------------------------------------*/ .endowment-and-chairs-of-apu{ color: #ffffff; background-color: #2d7192; background-size: 100% auto; padding-bottom: 140px;} .endowment-and-chairs-of-apu h1{ color: #ffffff; } .endowment-and-chairs-of-apu p{ color: #ffffff; } .endowment-and-chairs-of-apu h2{ text-align: center; font-size: 26px; margin: 0 0 24px; font-family: 'Gotham A', 'Gotham B', 'Montserrat', 'sans-serif'; color: #ffffff;} .endowment-and-chairs-of-apu .button{ font-size: 24px; text-align: center; font-family: Soho, serif; text-transform: none; background: rgba(255,255,255,0.4); border: 1px solid rgba(255,255,255,0.4); border-radius: 3px; padding: 12px 80px; color: #fff; } .endowment-and-chairs-of-apu .button:hover{ background: #fff; color: #d69827;} /* Giving - historical-buildings-and-donors ---------------------------------------------*/ .historical-buildings-and-donors{ background-color: #ffffff; color: #2d7192; } .historical-buildings-and-donors h1 span:before, .historical-buildings-and-donors h1 span:after{ background: rgba(24,99,136, 0.2); } /* Historical Buildings Page - Buildings of APU ---------------------------------------------*/ .buildings-of-apu{ color: #2d7192; padding-bottom: 140px; background: url('images/artElementPanelsSocialMedia.png') no-repeat bottom center ; background-color: #eaeaea; background-size: 100% auto; } .buildings-of-apu h1 span:before, .buildings-of-apu h1 span:after{ background: #2d7192; } .buildings-of-apu h1{ color: #2d7192; } .buildings-of-apu p{ color: #2d7192; margin-left: 10px; } .buildings-of-apu h2{ text-align: center; font-size: 26px; margin: 0 0 24px; font-family: 'Gotham A', 'Gotham B', 'Montserrat', 'sans-serif'; color: #2d7192;} .buildings-of-apu .button{ font-size: 24px; text-align: center; font-family: Soho, serif; text-transform: none; background: #2d7192; border: 1px solid rgba(255,255,255,0.4); border-radius: 3px; padding: 12px; color: #fff; width: 100%; margin-top: -28px; } .buildings-of-apu .button:hover{ background: #fff; color: #d69827;} /* Historical Buildings Page - Historical Donors ---------------------------------------------*/ .historical-donors{ background-color: #ffffff; color: #2d7192; } .historical-donors h1 span:before, .historical-donors h1 span:after{ background: rgba(24,99,136, 0.2); } /* APU Campaign Page - Accomplishments Campus Makeover ---------------------------------------------*/ .accomplishments-campus-makeover{ color: #2d7192; padding-bottom: 140px; background: url('images/artElementPanelsSocialMedia.png') no-repeat bottom center ; background-color: #eaeaea; background-size: 100% auto; } .accomplishments-campus-makeover h1 span:before, .accomplishments-campus-makeover h1 span:after{ background: #2d7192; } .accomplishments-campus-makeover h1{ color: #2d7192; } .accomplishments-campus-makeover p{ color: #2d7192; margin-left: 10px; } .accomplishments-campus-makeover h2{ text-align: center; font-size: 26px; margin: 0 0 24px; font-family: 'Gotham A', 'Gotham B', 'Montserrat', 'sans-serif'; color: #2d7192;} .accomplishments-campus-makeover .button{ font-size: 24px; text-align: center; font-family: 'Gotham A', 'Gotham B', 'Montserrat', 'sans-serif'; text-transform: none; background: #2d7192; border: 1px solid rgba(255,255,255,0.4); border-radius: 3px; padding: 12px; color: #fff; width: 100%; margin-top: -28px; } .accomplishments-campus-makeover .button:hover{ background: #fff; color: #d69827;} /* APU Campaign Initiatives - apu-campaign-initiatives ---------------------------------------------*/ .apu-campaign-initiatives{ background-color: #ffffff; color: #2d7192; } .apu-campaign-initiatives h1 span:before, .apu-campaign-initiatives h1 span:after{ background: rgba(24,99,136, 0.2); } .apu-campaign-initiatives h1{ color: #2d7192; } .apu-campaign-initiatives h2{ color: #2d7192; text-align: center; font-size: 26px; margin: 0 0 24px; font-family: 'Gotham A', 'Gotham B', 'Montserrat', 'sans-serif'; color: #2d7192;} .apu-campaign-initiatives h4{ color: #2d7192; text-align: center; font-size: 36px; margin: 0 0 24px; font-family: Soho, serif; color: #2d7192;} .apu-campaign-initiatives p{ color: #2d7192; margin-left: 10px; } .apu-campaign-initiatives .button{ font-size: 24px; text-align: center; font-family: 'Gotham A', 'Gotham B', 'Montserrat', 'sans-serif'; text-transform: none; background: #2d7192; border: 1px solid rgba(255,255,255,0.4); border-radius: 3px; padding: 12px; color: #fff; width: 100%; margin-top: -28px; } .apu-campaign-initiatives .button:hover{ background: #fff; color: #d69827;} .apu-campaign-initiatives .entry-content ul{ margin-left: 15%; color: #2d7192;} .apu-campaign-initiatives .entry-content li{ font-size: 18px; font-weight: 400; list-style: url('images/bullet.png') no-repeat; } .apu-campaign-initiatives .entry-content li a{ opacity: 0.95; color: #2d7192; padding: 0 0 0 75px; background: url('images/bullet.png') no-repeat; } .apu-campaign-initiatives .entry-content li a:hover{ opacity: 1.0; color: #2d7192;} /* About Us - Alumni Purpose and Mission ---------------------------------------------*/ .purpose-and-mission{ background-color: #ffffff; color: #2d7192; } .purpose-and-mission h1 span:before, .purpose-and-mission h1 span:after{ background: rgba(24,99,136, 0.2); } /* About Us - Alumni in Action ---------------------------------------------*/ .alumni-in-action h1 span:before, .alumni-in-action h1 span:after{ background: rgba(24,99,136, 0.2); } .alumni-in-action{ color: #246b8e; background-color: #eaeaea; background-size: 100% auto;} .alumni-in-action h1, .alumni-in-action h2{ color: #246b8e; } .alumni-in-action h1{ color: #246b8e; } .alumni-in-action .button{ font-size: 14px; } /* About Us - Benefits for Alumni ---------------------------------------------*/ .benefits-for-alumni{ background-color: #ffffff; color: #2d7192; } .benefits-for-alumni h2{ text-align: center; font-size: 22px; margin: 0 0 24px; font-family: 'Gotham A', 'Gotham B', 'Montserrat', 'sans-serif'; color: #2d7192;} .benefits-for-alumni h1 span:before, .benefits-for-alumni h1 span:after{ background: rgba(24,99,136, 0.2); } .benefits-for-alumni .entry-content p, .benefits-for-alumni .entry-content ul{ margin-left: 5%; color: #2d7192;} .benefits-for-alumni .entry-content li{ font-size: 18px; font-weight: 400; list-style: none; } .benefits-for-alumni .entry-content li a{ opacity: 0.95; color: #2d7192; padding: 0 0 0 75px; background: url('images/bullet-check.png') no-repeat !important; } .benefits-for-alumni .entry-content li a:hover{ opacity: 1.0; color: #2d7192;} /* About Us - Alumni Stories ---------------------------------------------*/ .alumni-stories{ color: #ffffff; background-color: #2d7192; } .alumni-stories h1, .alumni-stories h2{ color: #ffffff; text-shadow: 1px 1px 1px #222;} .alumni-stories .button{ margin-left: 0% !important; font-size: 25px; text-align: center; font-family: Soho, serif; text-transform: none; background: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.4); border-radius: 3px; padding: 12px 12px; color: #fff; } .alumni-stories .button:hover{ background: #fff; color: #186388;} /* Majors & Programs ---------------------------------------------*/ /* Early Honors ---------------------------------------------*/ .early-honors-overview{ color: #ffffff; background-color: #246b8e; } .early-honors-overview h2, .early-honors-overview h3, .early-honors-overview h4, .early-honors-overview a{ color: #ffffff; } .early-honors-overview p:first-child{ font-size: 24px; margin: 0 0 48px; } .early-honors-overview h3{ text-align: center; font-size: 30px; border-bottom: 1px solid rgba(255,255,255,0.2); padding: 0 0 6px; margin: 0 0 24px; } /* Early Honors Students, Parents, Counselors, A Year at APU ---------------------------------------------*/ .students, .parents, .counselors, .a-year-at-apu{ font-size: 20px; } .students h1 span:before, .students h1 span:after, .parents h1 span:before, .parents h1 span:after{ background: rgba(24,99,136, 0.2); } .students h2, .parents h2, .counselors h2, .a-year-at-apu h2{ text-transform: uppercase; font-size: 20px; font-weight: 500;} .students img, .parents img, .counselors img, .a-year-at-apu img{ border-radius: 160px; border: 8px solid #ffffff; } .parents{ background: #ededed;} .parents img{ border-color: #ededed; } .counselors{ background: #d69827;} .counselors img{ border-color: #d69827; } .counselors, .counselors h1, .counselors h2, .counselors h3, .counselors h4, .counselors a{ color: #ffffff; } .counselors a:hover img{ border-color: #ffffff; } .counselors .button:hover{ background: #ffffff; color: #246b8e;} .a-year-at-apu{ background: #246b8e;} .a-year-at-apu img{ border-color: #246b8e; } .a-year-at-apu, .a-year-at-apu h1, .a-year-at-apu h2, .a-year-at-apu h3, .a-year-at-apu h4, .a-year-at-apu a{ color: #ffffff; } .a-year-at-apu a:hover img{ border-color: #ffffff; } .a-year-at-apu .button{ background: #d69827;} .a-year-at-apu .button:hover{ background: #ffffff; color: #d69827;} /* Visit ---------------------------------------------*/ .visit-overview{ background: url('images/visit-apu.jpg') no-repeat; background-size: cover; color: #ffffff; } .visit-overview h1, .visit-overview h2, .visit-overview h3, .visit-overview a{ color: #ffffff; } .visit-overview h3{ font-family: 'Gotham A', 'Gotham B', 'Montserrat', 'sans-serif'; background: #dbad56; margin: 20px 0; padding-bottom: 20px; font-weight: 400; font-size: 20px; line-height: 1.4; } .visit-overview h3 a{ background: url('images/visit-icons.png') no-repeat scroll 52px 215px; display: block; color: rgba(255,255,255,0.6); } .visit-overview h3 a.schedule{ background-position: 20px 148px; } .visit-overview h3 a.open-house{ background-position: 78px 82px; } .visit-overview h3 a.summer-trip{ background-position: 86px 12px; } .visit-overview h3 a.facilities{ background-position: 106px 215px; } .visit-overview h3 a.campus-map{ background-position: 86px 215px; } .visit-overview h3 a:hover{ color: #ffffff; } .visit-overview h3 img{ width: 100%; height: auto; max-width: 380px; } /* Degree Fit ---------------------------------------------*/ #degree_fit .entry-header{ margin: 0 0 24px;} #degree_fit h1 span:before, #degree_fit h1 span:after{ background: rgba(24,99,136, 0.2); } /* Career Outcomes ---------------------------------------------*/ #outcomes{ background: #ededed; font-size: 20px; } #outcomes .entry-header{ margin: 0 0 24px;} #outcomes h1 span:before, #outcomes h1 span:after{ background: rgba(24,99,136, 0.2); } #outcomes ul{ margin-bottom: 0;} #outcomes li{ font-size: 17px; list-style-image: url('images/bullet-check.png'); margin: 0 0 4px;} #outcomes .columns{ padding-left: 480px;} .bs-marine-biology #outcomes{padding-bottom: 0;} .bs-marine-biology #outcomes .wrap{ background: url('images/bg-marine-bio-careers.jpg') no-repeat bottom left; padding-bottom: 40px;} /* Scholarships ---------------------------------------------*/ #scholarships{ background: url('images/bg-marine-bio-scholarships.jpg') no-repeat; background-size: cover; color: #ffffff; text-align: center; } #scholarships .entry-header{ margin: 0 0 24px;} #scholarships h1, #scholarships a{ color: #ffffff; } #scholarships a:hover{ color: #246b8e;} #scholarships .scholarships{ display: inline-block; margin: 0 auto;} #scholarships .scholarship{ display: block; float: left; width: 270px; margin: 0 20px; } #scholarships .scholarship:first-child{ margin-left: 0; } #scholarships .scholarship:last-child{ margin-right: 0; } #scholarships h2{ font-size: 20px; text-align: left; font-family: Soho, serif; color: #ffffff; margin: 0 0 12px; } #scholarships p{ font-size: 18px; text-align: left; margin: 0 0 24px; font-family: 'Gotham A', 'Gotham B', 'Montserrat', 'sans-serif'; } #scholarships p.more-from-category{ margin: 0;} /* Similar Programs ---------------------------------------------*/ #similar{ background: #246b8e; color: #ffffff;} #similar h1{ color: #ffffff; } #similar .entry-header{ margin: 0 0 24px;} #similar .grid .program{ margin: 0 24px;} #similar .grid .program, #similar .grid .program h4 a{ color: #ffffff; } #similar .grid .program img{ border-color: #ffffff;} #similar .grid .program a:hover img{ border-color: #d69827;} /* Concentrations ---------------------------------------------*/ #concentrations{ background: #397d34; color: #ffffff;} #concentrations .entry-header{ margin: 0 0 24px;} #concentrations h1, #concentrations h2, #concentrations h3, #concentrations h4, #concentrations a{ color: #ffffff; text-align: center; } #concentrations img{ border: 8px solid #ffffff; margin: 0 auto 12px;} #concentrations a:hover img, #concentrations h4 a:hover{ border-color: #d69827; color: #d69827;} #concentrations h4{ margin: 12px 0;} /* Faculty & Department ---------------------------------------------*/ #department .entry-header{ margin: 0 0 24px;} #department h1 span:before, #department h1 span:after{ background: #186388; } /* People Contact ---------------------------------------------*/ .contact.panel-box{ background: #eaeaea;} .contact.panel-box h2{ text-align: left; font-size: 36px; font-family: Soho, serif; } /* Project Publications ---------------------------------------------*/ .publications.panel-box{ background: url('images/bg-publications-panel.jpg') no-repeat bottom center #e9f0f4; } .publications.faculty.panel-box{ background: #fff; } .publications.panel-box h2{ text-align: center; font-size: 40px; text-transform: none; margin: 0; overflow: hidden; position: relative; font-size: 40px; font-family: Soho, serif; margin-bottom: 24px;} .publications.panel-box h2 span:before{ content: ' '; width: 300px; height: 1px; background: rgba(24,99,136, 0.2); display: inline-block; margin: 24px 20px 16px 0; position: absolute; right: 100%;} .publications.panel-box h2 span:after{ content: ' '; width: 300px; height: 1px; background: rgba(24,99,136, 0.2); display: inline-block; margin: 24px 0 16px 20px; position: absolute; left: 100%; } .publications.panel-box h2 span{ display: inline-block; position: relative;} .publications.panel-box .publication span{ font-weight: 700; border-left: 2px solid #222222; padding-left: 6px; } .publications.panel-box .publication span:first-child{ border: none; padding: 0; margin: 0;} /* Project Funding & Research Panels ---------------------------------------------*/ .blue.panel-box{ background: #246b8e; color: #fff; text-align: center;} .blue.panel-box h2{ text-align: center; font-size: 40px; text-transform: none; margin: 0; overflow: hidden; position: relative; color: #fff; font-size: 40px; font-family: Soho, serif; margin-bottom: 24px;} .blue.panel-box h2 span:before{ content: ' '; width: 300px; height: 1px; background: rgba(255,255,255,0.2); display: inline-block; margin: 24px 20px 16px 0; position: absolute; right: 100%;} .blue.panel-box h2 span:after{ content: ' '; width: 300px; height: 1px; background: rgba(255,255,255,0.2); display: inline-block; margin: 24px 0 16px 20px; position: absolute; left: 100%; } .blue.panel-box h2 span{ display: inline-block; position: relative;} .blue.panel-box .funding-source, .blue.panel-box .project{ display: inline-block; vertical-align: text-top; width: 252px; margin: 12px 24px;} .blue.panel-box .project img{ border: 8px solid #ffffff;} .blue.panel-box .project a:hover img{ border-color: #d69827;} .blue.panel-box h3{ color: #fff; font-family: 'Gotham A', 'Gotham B', 'Montserrat', 'sans-serif'; font-size: 20px; margin: 12px 0 0; } .blue.panel-box .button{ margin: 24px 0 0; background: #d69827; } .blue.panel-box .button:hover{ background: #fff; color: #186388; } /* Project Researchers ---------------------------------------------*/ .researchers.panel-box h2{ text-align: center; font-size: 40px; text-transform: none; margin: 0; overflow: hidden; position: relative; font-size: 40px; font-family: Soho, serif; margin-bottom: 24px;} .researchers.panel-box h2 span:before{ content: ' '; width: 300px; height: 1px; background: rgba(24,99,136, 0.2); display: inline-block; margin: 24px 20px 16px 0; position: absolute; right: 100%;} .researchers.panel-box h2 span:after{ content: ' '; width: 300px; height: 1px; background: rgba(24,99,136, 0.2); display: inline-block; margin: 24px 0 16px 20px; position: absolute; left: 100%; } .researchers.panel-box h2 span{ display: inline-block; position: relative;} /* Dive Class Panels - Overview ---------------------------------------------*/ .diving-overview{ color: #ffffff; background-color: #2d7192; } .diving-overview h2, .diving-overview h3, .diving-overview h4, .diving-overview a{ color: #ffffff; } .diving-overview p:first-child{ font-size: 24px; margin: 0 0 48px; } .diving-overview h3{ text-align: center; font-size: 30px; border-bottom: 1px solid rgba(255,255,255,0.2); padding: 0 0 6px; margin: 0 0 24px; } /* Dive Class Panels - Types of Diving ---------------------------------------------*/ .types-of-diving{ background: url('images/visit-apu.jpg') no-repeat; background-size: cover; color: #ffffff; } .types-of-diving h1, .types-of-diving h2, .types-of-diving h3, .types-of-diving a{ color: #ffffff; } .types-of-diving h3{ font-family: 'Gotham A', 'Gotham B', 'Montserrat', 'sans-serif'; background: #dbad56; margin: 20px 0; padding-bottom: 20px; font-weight: 400; font-size: 20px; line-height: 1.4; } .types-of-diving h3 a{ background: url('images/visit-icons.png') no-repeat scroll 52px 215px; display: block; color: rgba(255,255,255,0.6); } .types-of-diving h3 a:hover{ color: #ffffff; } .types-of-diving h3 img{ width: 100%; height: auto; max-width: 380px; } /* Dive Class Panels - Dive Certifications ---------------------------------------------*/ .dive-certifications{ background: url('images/bg-marine-bio-dept.jpg') no-repeat; background-size: cover; } .dive-certifications h2{ font-weight: 600; font-family: Soho, serif; font-size: 24px; margin: 0 0 6px;} .dive-certifications img{ margin: 0 auto;} .dive-certifications .button{ font-size: 34px; text-align: center; font-family: Soho, serif; text-transform: none; background: rgba(255,255,255,0.4); border: 1px solid rgba(255,255,255,0.4); border-radius: 3px; padding: 12px 80px; color: #fff; } .dive-certifications .button:hover{ background: #fff; color: #d69827;} /* Dive Class Panels - Dive Safety Protocal ---------------------------------------------*/ .dive-safety-protocal{ background: url('images/artElementPanels.png') repeat-x bottom center; width: 100%; } .dive-safety-protocal h1 span:before, .dive-safety-protocal h1 span:after{ background: rgba(24,99,136, 0.2); } .dive-safety-protocal h2{ font-weight: 600; font-family: Soho, serif; font-size: 24px; margin: 0 0 6px;} .dive-safety-protocal img{ margin: 0 auto;} .dive-safety-protocal .button{ font-size: 34px; text-align: center; font-family: Soho, serif; text-transform: none; background: rgba(255,255,255,0.4); border: 1px solid rgba(255,255,255,0.4); border-radius: 3px; padding: 12px 280px; color: #fff; } .dive-safety-protocal .button:hover{ background: #fff; color: #d69827;} /* Dive Class Panels - diving-safety ---------------------------------------------*/ .diving-safety h1 span:before, .diving-safety h1 span:after{ background: rgba(24,99,136, 0.2); } /* Dive Class Panels - dive opportunities ---------------------------------------------*/ .dive-opportunities h1 span:before, .dive-opportunities h1 span:after{ background: rgba(24,99,136, 0.2); } /* Dive Class Panels - Plan A Dive ---------------------------------------------*/ .plan-a-dive h1 span:before, .plan-a-dive h1 span:after{ background: rgba(24,99,136, 0.2); } .plan-a-dive h2{ font-weight: 600; font-family: Soho, serif; font-size: 24px; margin: 0 0 6px;} .plan-a-dive img{ margin: 0 auto;} .plan-a-dive .button{ font-size: 34px; text-align: center; font-family: Soho, serif; text-transform: none; background: rgba(255,255,255,0.4); border: 1px solid rgba(255,255,255,0.4); border-radius: 3px; padding: 12px 80px; color: #fff; } .plan-a-dive .button:hover{ background: #fff; color: #d69827;} /* Dive Class Panels - Dive Control Board ---------------------------------------------*/ .dive-control-board{ background: url('images/bg-marine-bio-dept.jpg') no-repeat; background-size: cover; } .dive-control-board h1 span:before, .dive-control-board h1 span:after{ background: rgba(24,99,136, 0.2); } .dive-control-board h2{ font-weight: 600; font-family: Soho, serif; font-size: 24px; margin: 0 0 6px;} .dive-control-board img{ margin: 0 auto;} .dive-control-board .button{ font-size: 34px; text-align: center; font-family: Soho, serif; text-transform: none; background: rgba(255,255,255,0.4); border: 1px solid rgba(255,255,255,0.4); border-radius: 3px; padding: 12px 80px; color: #fff; } .dive-control-board .button:hover{ background: #fff; color: #d69827;} /* Dive Class Panels - Dive Club Information ---------------------------------------------*/ .dive-club-information{ background: url('images/visit-apu.jpg') no-repeat; background-size: cover; color: #ffffff; } .dive-club-information{ background: #246b8e; color: #ffffff; border-top: 1px solid rgba(255,255,255,0.2); } .dive-club-information .entry-header{ margin: 0 0 24px;} .dive-club-information .entry-title { color: #ffffff; } .dive-club-information .entry-content h2 { color: #ffffff; } .dive-club-information .entry-content ul{ color: #fff;} .dive-club-information .entry-content li { opacity: 0.75; color: #fff; padding: 0 0 0 75px; list-style: none; background: url('images/bullet.png') no-repeat; } .dive-club-information .entry-content li a:hover{ opacity: 1.0; } .dive-club-information .button{ background: #d69827; } .dive-club-information .button:hover{ background: #ffffff; color: #ffffff; } .dive-club-information a { color: #ffffff; } .dive-club-information a img{ border: 8px solid #246b8e;} .dive-club-information a:hover img{ border-color: #d69827;} /* Dive Class Panels - Log A Dive ---------------------------------------------*/ .log-a-dive{ background: url('images/bg-blue.jpg'); padding: 0; } .log-a-dive .wrap{ background: url('images/bg-panel-diver.jpg') no-repeat left bottom; padding: 60px 0 20px;} .log-a-dive{ color: #ffffff; border-top: 1px solid rgba(255,255,255,0.2); } .log-a-dive .entry-header{ margin: 0 0 24px;} .log-a-dive .entry-title{ color: #ffffff; } .log-a-dive .entry-content h2 { color: #ffffff; } .log-a-dive .entry-content p, .log-a-dive .entry-content ul{ color: #fff;} .log-a-dive .entry-content li { opacity: 0.75; color: #fff; padding: 0 0 0 75px; list-style: none; background: url('images/bullet.png') no-repeat; } .log-a-dive .entry-content li a:hover{ opacity: 1.0; } .log-a-dive .button{ background: #d69827; } .log-a-dive .button:hover{ background: #ffffff; color: #ffffff; } .log-a-dive a img{ border: 8px solid #246b8e;} .log-a-dive a:hover img{ border-color: #d69827;} /* Dive Class Panels - Meet your dive instructors ---------------------------------------------------*/ .meet-your-dive-instructors{ background: #f6f8f7; } .meet-your-dive-instructors h1 span:before, .meet-your-dive-instructors h1 span:after{ background: rgba(24,99,136, 0.2); } .meet-your-dive-instructors .person{ font-size: 16px; } .meet-your-dive-instructors .person img{ border-radius: 100px; border-color: #f6f8f7; } .meet-your-dive-instructors .person h4{ font-size: 20px; font-family: Soho, serif; } /* Dive Class Panels - Become an Active Diver ---------------------------------------------------*/ .become-an-active-diver{ background: url('images/visit-apu.jpg') no-repeat; background-size: cover; color: #ffffff; } .become-an-active-diver h1, .become-an-active-diver h2, .become-an-active-diver h3, .become-an-active-diver a{ color: #ffffff; } .become-an-active-diver h3{ font-family: 'Gotham A', 'Gotham B', 'Montserrat', 'sans-serif'; background: #dbad56; margin: 20px 0; padding-bottom: 20px; font-weight: 400; font-size: 20px; line-height: 1.4; } .become-an-active-diver h3 a{ background: url('images/visit-icons.png') no-repeat scroll 52px 215px; display: block; color: rgba(255,255,255,0.6); } .become-an-active-diver h3 a:hover{ color: #ffffff; } .become-an-active-diver h3 img{ width: 100%; height: auto; max-width: 380px; } .become-an-active-diver .entry-content li { opacity: 0.75; color: #fff; padding: 0 0 0 75px; list-style: none; background: url('images/bullet.png') no-repeat; } /* Dive Class Panels - active-diver-2 ---------------------------------------------------*/ .active-diver-2{ background: #f6f8f7; } .active-diver-2 h1 span:before, .active-diver-2 h1 span:after{ background: rgba(24,99,136, 0.2); } /* Social Media Panel - #ThisIsOurClassroom ---------------------------------------------*/ .thisisourclassroom{ padding-bottom: 30px; } .thisisourclassroom h1 span:before, .thisisourclassroom h1 span:after{ background: rgba(24,99,136, 0.2); } .thisisourclassroom p{ display: none;} .thisisourclassroom .slabContainer{ padding-top: 0 !important;} /* KELLOGG CAMPUS ---------------------------------------------*/ /* KELLOGG CAMPUS - About Kellogg Campus - Purpose and Mission Panel ---------------------------------------------*/ .about-kellogg-campus .purpose-and-mission-2{ color: #ffffff; font-size: 22px; background: url('images/bg-kellogg-overview.jpg') repeat-x center bottom #246b8e; padding-bottom: 122px; border-top: 1px solid rgba(255,255,255,0.2); } .about-kellogg-campus .purpose-and-mission-2 h1{ color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); } /* KELLOGG CAMPUS - About Kellogg Campus - Louise Kellogg ---------------------------------------------*/ .about-kellogg-campus .louise-kellogg h1 span:before, .louise-kellogg h1 span:after{ background: rgba(24,99,136, 0.2); } /* KELLOGG CAMPUS - About Kellogg Campus - Educational Programs ---------------------------------------------*/ .about-kellogg-campus .educational-programs{ background-color: #eaeaea; padding-bottom: 0; } .about-kellogg-campus .educational-programs .wrap{ background: url('images/bg-educational-programs.png') no-repeat left bottom #eaeaea; padding-bottom: 60px;} .about-kellogg-campus .educational-programs h1 span:before, .educational-programs h1 span:after{ background: rgba(24,99,136, 0.2); } .about-kellogg-campus .educational-programs .entry-content p, .educational-programs .entry-content ul{ margin-left: 54%;} .about-kellogg-campus .educational-programs .entry-content li{ font-size: 26px; font-weight: 400; list-style: none; } .about-kellogg-campus .educational-programs .entry-content li a{ opacity: 0.75; padding: 0 0 0 75px; background: url('images/bullet-blue.png') no-repeat; } .about-kellogg-campus .educational-programs .entry-content li a:hover{ opacity: 1.0; } .about-kellogg-campus .educational-programs .button{ font-size: 34px; text-align: center; font-family: Soho, serif; text-transform: none; border: 1px solid #86abbf; border-radius: 3px; padding: 12px 80px; } .about-kellogg-campus .educational-programs .button:hover{ background: #fff; color: #186388;} /* KELLOGG CAMPUS - About Kellogg Campus - Training Farm ---------------------------------------------*/ .about-kellogg-campus .training-farm{ background: url('images/bg-training-farm.jpg') no-repeat; background-size: cover; color: #ffffff; font-size: 20px; } .about-kellogg-campus .training-farm h1{ color: #ffffff; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); } .about-kellogg-campus .training-farm h2, .training-farm a{ color: #ffffff;} .about-kellogg-campus .training-farm a:hover{ color: #d69827;} .about-kellogg-campus .training-farm .one-fourth img{ margin-bottom: 8px; border: 8px solid #397d34; } .about-kellogg-campus .training-farm .one-fourth a:hover img{ border-color: #d69827; } /* KELLOGG CAMPUS - About Kellogg Campus - Events & Rentals ---------------------------------------------*/ .about-kellogg-campus .events-and-rentals{ font-size: 24px; } .about-kellogg-campus .events-and-rentals h1 span:before, .events-and-rentals h1 span:after{ background: rgba(24,99,136, 0.2); } .about-kellogg-campus .events-and-rentals .one-half img{ margin-bottom: 8px; border: 8px solid #ffffff; } .about-kellogg-campus .events-and-rentals .one-half a:hover img{ border-color: #d69827; } .about-kellogg-campus .events-and-rentals a:hover{ color: #d69827;} /* KELLOGG CAMPUS - About Kellogg Campus - Donate to Kellogg Campus ---------------------------------------------*/ .about-kellogg-campus .donate-to-kellogg-campus{ background-color: #eaeaea;} .about-kellogg-campus .donate-to-kellogg-campus h1 span:before, .about-kellogg-campus .donate-to-kellogg-campus h1 span:after{ background: rgba(24,99,136, 0.2); } .about-kellogg-campus .donate-to-kellogg-campus .button{ text-transform: uppercase; padding: 16px 180px; margin: 24px 0 0; font-size: 24px; } /* Louise Kellogg History -- Vision on Education ---------------------------------------------*/ .louise-kellogg-history .vision-on-education{ color: #ffffff; font-size: 22px; background: url('images/bg-kellogg-history.jpg') repeat-x center bottom #246b8e; padding-bottom: 122px; border-top: 1px solid rgba(255,255,255,0.2); } .louise-kellogg-history .vision-on-education h1{ color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); } /* Louise Kellogg History -- History ---------------------------------------------*/ .louise-kellogg-history .history h1 span:before, .louise-kellogg-history .history h1 span:after{ background: rgba(24,99,136, 0.2); } /* Louise Kellogg History -- Board of Trustees ---------------------------------------------*/ .louise-kellogg-history .board-of-trustees-2{ background-color: #eaeaea; } .louise-kellogg-history .board-of-trustees-2 h1 span:before, .board-of-trustees-2 h1 span:after{ background: rgba(24,99,136, 0.2); } /* Kellogg Campus Educational Programs -- Overview ---------------------------------------------*/ .educational-programs2 .educational-programs-2{ color: #ffffff; font-size: 22px; background: url('images/bg-educational-programs.jpg') repeat-x center bottom #246b8e; padding-bottom: 122px; border-top: 1px solid rgba(255,255,255,0.2); } .educational-programs2 .educational-programs-2 h1{ color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); } /* Kellogg Campus Educational Programs -- MSOEE ---------------------------------------------*/ .educational-programs2 .master-of-science-outdoor-environmental-education{ font-size: 20px;} .educational-programs2 .master-of-science-outdoor-environmental-education h1 span:before, .educational-programs2 .master-of-science-outdoor-environmental-education h1 span:after{ background: rgba(24,99,136, 0.2); } /* Kellogg Campus Educational Programs -- Kellogg FIELD School ---------------------------------------------*/ .educational-programs2 .kellogg-f-i-e-l-d-school{ background-color: #eaeaea; } .educational-programs2 .kellogg-f-i-e-l-d-school h1 span:before, .educational-programs2 .kellogg-f-i-e-l-d-school h1 span:after{ background: rgba(24,99,136, 0.2); } .educational-programs2 .kellogg-f-i-e-l-d-school h3{ margin-bottom: 24px;} .educational-programs2 .kellogg-f-i-e-l-d-school ul{ margin-left: 0;} .educational-programs2 .kellogg-f-i-e-l-d-school li{ list-style: none !important; background: url('images/bullet-check.png') no-repeat !important; padding: 0 0 0 36px; text-align: left; } .educational-programs2 .kellogg-f-i-e-l-d-school .button{ text-transform: uppercase; padding: 16px; display: block; text-align: center; margin: 0 auto; max-width: 360px; } /* Kellogg Campus Educational Programs -- Student Internship Opportunities ---------------------------------------------*/ .educational-programs2 .student-internship-opportunities{ background: #397d34; color: #ffffff; font-size: 20px; } .educational-programs2 .student-internship-opportunities h1{ color: #ffffff; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); } .educational-programs2 .student-internship-opportunities h2, .student-internship-opportunities a{ color: #ffffff;} .educational-programs2 .student-internship-opportunities a:hover{ color: #d69827;} .educational-programs2 .student-internship-opportunities .button{ text-transform: uppercase; padding: 16px 80px; margin: 0; background: rgba(255,255,255,0.2); border-radius: 3px; border: 1px solid rgba(255,255,255,0.4); } .educational-programs2 .student-internship-opportunities .button:hover{ background: none;} /* Kellogg Campus MSOEE -- Overview ---------------------------------------------*/ .master-of-science-outdoor-environmental-education .outdoor-environmental-education{ color: #ffffff; font-size: 22px; background: url('images/bg-msoee.jpg') repeat-x center bottom #246b8e; padding-bottom: 122px; border-top: 1px solid rgba(255,255,255,0.2); } .master-of-science-outdoor-environmental-education .outdoor-environmental-education h1{ color: #ffffff; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); } .master-of-science-outdoor-environmental-education .outdoor-environmental-education h2{ color: #ffffff; } .master-of-science-outdoor-environmental-education .outdoor-environmental-education .button{ text-transform: uppercase; padding: 16px 80px; margin: 0; background: rgba(255,255,255,0.2); border-radius: 3px; border: 1px solid rgba(255,255,255,0.4); } .master-of-science-outdoor-environmental-education .outdoor-environmental-education .button:hover{ background: none;} /* Kellogg Campus MSOEE -- Program Classes ---------------------------------------------*/ .master-of-science-outdoor-environmental-education .kellogg-campus-program-classes{ font-size: 20px;} /* Kellogg Campus MSOEE -- Join Leaders in Your Field ---------------------------------------------*/ .master-of-science-outdoor-environmental-education .join-leaders-in-your-field{ background-color: #eaeaea; } .master-of-science-outdoor-environmental-education .join-leaders-in-your-field .button{ text-transform: uppercase; padding: 16px 80px; margin: 0; } /* Kellogg Campus FIELD -- Overview ---------------------------------------------*/ .kellogg-f-i-e-l-d .kellogg-f-i-e-l-d-school-2{ color: #ffffff; font-size: 20px; background: url('images/bg-field-school.jpg') repeat-x center bottom #246b8e; padding-bottom: 160px; border-top: 1px solid rgba(255,255,255,0.2); } .kellogg-f-i-e-l-d .kellogg-f-i-e-l-d-school-2 h1{ color: #ffffff; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); } .kellogg-f-i-e-l-d .kellogg-f-i-e-l-d-school-2 h2{ color: #ffffff; } .kellogg-f-i-e-l-d .kellogg-f-i-e-l-d-school-2 .button{ text-transform: uppercase; padding: 16px 24px; margin: 0 12px; background: rgba(255,255,255,0.2); border-radius: 3px; border: 1px solid rgba(255,255,255,0.4); font-size: 18px; } .kellogg-f-i-e-l-d .kellogg-f-i-e-l-d-school-2 .button:hover{ background: none;} /* Kellogg Campus FIELD -- Programs ---------------------------------------------*/ .kellogg-f-i-e-l-d .programs{ font-size: 20px; border: none; text-align: left; } .kellogg-f-i-e-l-d .programs h2{ font-size: 30px;} .kellogg-f-i-e-l-d .programs h2.clear{ text-transform: uppercase; } .kellogg-f-i-e-l-d .programs .one-half li{ margin-bottom: 12px; text-align: left; } .kellogg-f-i-e-l-d .programs img{ margin-bottom: 40px; margin-right: 40px; max-width: 520px; } /* Kellogg Campus Training Farm -- Overview ---------------------------------------------*/ .kellogg-training-farm .training-farm-2{ color: #ffffff; font-size: 22px; background: url('images/bg-training-farm-footer.jpg') repeat-x center bottom #246b8e; padding-bottom: 122px; border-top: 1px solid rgba(255,255,255,0.2); } .kellogg-training-farm .training-farm-2 h1{ color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); } .kellogg-training-farm .training-farm-2 h2{ color: #fff; font-size: 32px; } /* Kellogg Campus Training Farm -- Farmer's Market ---------------------------------------------*/ .kellogg-training-farm .farmers-market{ font-size: 20px;} .kellogg-training-farm .farmers-market .button{ text-transform: uppercase; padding: 16px 80px; margin: 0; border-radius: 3px; } /* Kellogg Campus Training Farm -- CSA ---------------------------------------------*/ .kellogg-training-farm .community-supported-agriculture{ background-color: #eaeaea; font-size: 20px;} .kellogg-training-farm .community-supported-agriculture h1 span:before, .kellogg-training-farm .community-supported-agriculture h1 span:after{ background: rgba(24,99,136, 0.2); } .kellogg-training-farm .community-supported-agriculture .one-third{ margin-bottom: 24px;} .kellogg-training-farm .community-supported-agriculture .one-third img{ margin-bottom: 8px; border: 8px solid #eaeaea; } .kellogg-training-farm .community-supported-agriculture .button{ text-transform: uppercase; padding: 16px 80px; margin: 0; border-radius: 3px; } /* Kellogg Campus Training Farm -- Alaska Tilth ---------------------------------------------*/ .kellogg-training-farm .alaska-tilth{ background: url('images/bg-alaska-tilth.jpg') no-repeat; background-size: cover; color: #ffffff; font-size: 20px; } .kellogg-training-farm .alaska-tilth h1{ color: #ffffff; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); } .kellogg-training-farm .alaska-tilth h2, .kellogg-training-farm .alaska-tilth a{ color: #ffffff;} .kellogg-training-farm .alaska-tilth a:hover{ color: #d69827;} .kellogg-training-farm .alaska-tilth .button{ text-transform: uppercase; padding: 16px 24px; margin: 0 12px; background: rgba(255,255,255,0.2); border-radius: 3px; border: 1px solid rgba(255,255,255,0.4); font-size: 18px; } .kellogg-training-farm .alaska-tilth .button:hover{ background: none;} /* Kellogg Campus Farmer's Market -- Overview ---------------------------------------------*/ .farmers-market .farmers-market-2{ color: #ffffff; font-size: 22px; background: url('images/bg-farmers-market.jpg') repeat-x center bottom #246b8e; padding-bottom: 122px; border-top: 1px solid rgba(255,255,255,0.2); } .farmers-market .farmers-market-2 h1{ color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); } .farmers-market .farmers-market-2 h2{ color: #fff; font-size: 32px; } /* Kellogg Campus Farmer's Market -- Calendar of Events ---------------------------------------------*/ .farmers-market .calendar-of-events h1 span:before, .farmers-market .calendar-of-events h1 span:after{ background: rgba(24,99,136, 0.2); } .farmers-market .calendar-of-events .button{ text-transform: uppercase; padding: 16px 24px; margin: 0 12px; font-size: 18px; } /* Kellogg Campus Farmer's Market -- Vendor Info ---------------------------------------------*/ .farmers-market .vendor-information{ background-color: #eaeaea; font-size: 20px; } .farmers-market .vendor-information h1 span:before, .farmers-market .vendor-information h1 span:after{ background: rgba(24,99,136, 0.2); } .farmers-market .vendor-information .button{ text-transform: uppercase; padding: 16px 24px; margin: 0 12px; font-size: 18px; } .farmers-market .vendor-information li{ text-align: left; margin-bottom: 6px; } /* Kellogg Campus CSA -- Overview ---------------------------------------------*/ .community-supported-agriculture .what-is-community-supported-agriculture{ color: #ffffff; font-size: 22px; background: url('images/bg-csa-footer.jpg') repeat-x center bottom #246b8e; padding-bottom: 122px; border-top: 1px solid rgba(255,255,255,0.2); } .community-supported-agriculture .what-is-community-supported-agriculture h1{ color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); } .community-supported-agriculture .what-is-community-supported-agriculture h2{ color: #fff; font-size: 32px; } /* Kellogg Campus CSA -- Distribution of Produce ---------------------------------------------*/ .community-supported-agriculture .distribution-of-produce{ font-size: 20px;} .community-supported-agriculture .distribution-of-produce h1 span:before, .community-supported-agriculture .distribution-of-produce h1 span:after{ background: rgba(24,99,136, 0.2); } .community-supported-agriculture .distribution-of-produce li{ list-style: none !important; background: url('images/bullet-check.png') no-repeat !important; padding: 0 0 0 36px; margin-bottom: 6px; } .community-supported-agriculture .distribution-of-produce .button{ text-transform: uppercase; padding: 16px 80px; margin: 0; border-radius: 3px; } /* Kellogg Campus CSA -- Where to Find ---------------------------------------------*/ .community-supported-agriculture .where-to-find-our-produce{ background-color: #eaeaea; font-size: 20px;} .community-supported-agriculture .where-to-find-our-produce h1 span:before, .community-supported-agriculture .where-to-find-our-produce h1 span:after{ background: rgba(24,99,136, 0.2); } .community-supported-agriculture .where-to-find-our-produce .button{ text-transform: uppercase; padding: 16px 80px; margin: 0; border-radius: 3px; } /* Kellogg Campus CSA -- Student Opportunities ---------------------------------------------*/ .community-supported-agriculture .student-opportunities{ background: url('images/bg-csa-panel.jpg') no-repeat; background-size: cover; color: #ffffff; font-size: 20px; } .community-supported-agriculture .student-opportunities h1{ color: #ffffff; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); } .community-supported-agriculture .student-opportunities h2, .community-supported-agriculture .student-opportunities a{ color: #ffffff;} .community-supported-agriculture .student-opportunities a:hover{ color: #d69827;} .community-supported-agriculture .student-opportunities .button{ text-transform: uppercase; padding: 16px 24px; margin: 0 12px; background: rgba(255,255,255,0.2); border-radius: 3px; border: 1px solid rgba(255,255,255,0.4); font-size: 18px; } .community-supported-agriculture .student-opportunities .button:hover{ background: none;} /* Kellogg Campus Alaska Tilth -- Overview ---------------------------------------------*/ .tilth-program .alaska-tilth-program{ color: #ffffff; font-size: 22px; background: url('images/bg-alaska-tilth-footer.jpg') repeat-x center bottom #246b8e; padding-bottom: 122px; border-top: 1px solid rgba(255,255,255,0.2); } .tilth-program .alaska-tilth-program h1{ color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); } .tilth-program .alaska-tilth-program h2{ color: #fff; font-size: 32px; text-transform: uppercase; } /* Kellogg Campus Alaska Tilth -- Tilth and the Community ---------------------------------------------*/ .tilth-program .tilth-and-the-community{ font-size: 20px;} .tilth-program .tilth-and-the-community h1 span:before, .tilth-program .tilth-and-the-community h1 span:after{ background: rgba(24,99,136, 0.2); } .tilth-program .tilth-and-the-community .button{ text-transform: uppercase; padding: 16px 80px; margin: 0; border-radius: 3px; } /* Kellogg Campus Alaska Tilth -- Support ---------------------------------------------*/ .tilth-program .support-alaska-tilth{ background-color: #eaeaea; font-size: 20px;} .tilth-program .support-alaska-tilth h1 span:before, .tilth-program .support-alaska-tilth h1 span:after{ background: rgba(24,99,136, 0.2); } .tilth-program .support-alaska-tilth .one-third{ margin-bottom: 24px;} .tilth-program .support-alaska-tilth .one-third img{ margin-bottom: 8px; border: 8px solid #eaeaea; } .tilth-program .support-alaska-tilth .button{ text-transform: uppercase; padding: 16px 80px; margin: 0 12px; border-radius: 3px; } /* Kellogg Campus Locations & Contacts -- Overview ---------------------------------------------*/ .kellogg-location-contacts .locations-contacts{ color: #ffffff; font-size: 22px; background: url('images/bg-kellogg-overview.jpg') repeat-x center bottom #246b8e; padding-bottom: 160px; border-top: 1px solid rgba(255,255,255,0.2); } .kellogg-location-contacts .locations-contacts h1{ color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); } .kellogg-location-contacts .locations-contacts h2{ color: #fff; font-size: 32px; } .kellogg-location-contacts .locations-contacts a{ color: #fff; text-transform: uppercase; } .kellogg-location-contacts .locations-contacts a:before{ content: '>'; margin-right: 4px; position: relative; top: 2px; } .kellogg-location-contacts .locations-contacts a:hover{ color: #d69827;} .kellogg-location-contacts .locations-contacts #google_map iframe{ margin: 0; } /* Kellogg Campus Locations & Contacts -- Contact Us ---------------------------------------------*/ .kellogg-location-contacts .contact-us .button{ text-transform: uppercase; padding: 16px 80px; margin: 0 auto !important; border-radius: 3px; font-size: 20px !important; } .kellogg-location-contacts .contact-us .gform_footer{ text-align: center; } /* Kellogg Campus Locations & Contacts -- Staff Contacts ---------------------------------------------*/ .kellogg-location-contacts .staff-contacts{ background-color: #eaeaea; } .kellogg-location-contacts .staff-contacts h1 span:before, .staff-contacts h1 span:after{ background: rgba(24,99,136, 0.2); } /* Kellogg Campus Locations & Contacts -- Faculty Contacts ---------------------------------------------*/ .kellogg-location-contacts .faculty-contacts{ background: #397d34; color: #ffffff;} .kellogg-location-contacts .faculty-contacts h1{ color: #ffffff !important; text-shadow: 1px 1px 1px rgba(0,0,0,0.6); } .kellogg-location-contacts .faculty-contacts a{ color: #fff;} .kellogg-location-contacts .faculty-contacts .person img{ border-color: #ffffff;} /* Media Queries ---------------------------------------------------------------------------------------------------- */ @media only screen and (max-width: 1599px) { /** Slider **/ .slideshow .soliloquy-caption .active-learning{ margin-top: 20px;} .slideshow .soliloquy-caption .early-honors{ margin-top: 20px;} .slideshow .soliloquy-caption .expedition-alaska{ margin-top: 50px !important;} } @media (max-width: 1219px) and (min-width: 1023px) { .scholarships .scholarship{ display: block; float: left; width: 100% !important; margin: 40px 0 0 0 !important; } } @media only screen and (max-width: 1219px) { /* Slider */ .slideshow .soliloquy-caption-inside{ max-width: 984px; } .slideshow .soliloquy-caption .active-learning{ width: 360px; padding: 20px 30px; margin-top: 30px;} .soliloquy-caption .active-learning h2{ font-size: 40px; } .soliloquy-caption .video, .soliloquy-caption .audio{ font-size: 18px; } .slideshow .soliloquy-container .soliloquy-pager{ height: 40px; } /*News, Events, Stories **/ .newsticker, .stories-list{ height: 390px; } .news{width: 400px; } .stories, .events{width: 254px;} .news-events h2 span:before, .news-events h2 span:after{ width: 30px; } .news-events .news h2 span:before, .news-events .news h2 span:after{ width: 120px; } /* Panels */ .apu-majors-programs h3 a{ line-height: 1.5; font-size: 16px; } .visit-apu .buttons li a{ font-size: 17px; padding: 13px 10px 13px 40px; background-position: 4px 6px; } .visit-apu .buttons li a.schedule{ background-position: 4px -62px;} .visit-apu .buttons li a.open-house{ background-position: 2px -128px;} .visit-apu .buttons li a.summer-trip{ background-position: 4px -194px;} .apply-to-apu .wrap{ background-size: 70% auto;} #similar .program{ width: 208px; } .visit-overview h3 a{ background: none; } #scholarships .scholarship { display: block; float: left; width: 250px; margin: 0px !important; } .about-kellogg-campus .educational-programs{ background: url('images/bg-educational-programs.png') no-repeat left bottom #eaeaea; padding-bottom: 60px; } .about-kellogg-campus .educational-programs .wrap{ background: none; padding: 0; } } @media only screen and (max-width: 1023px) { /** Home Page */ .slideshow .soliloquy-caption, .slideshow .soliloquy-controls-direction, .slideshow .soliloquy-pager{ display: none;} /* Panels */ .panel-box, .apply-to-apu{ padding: 5%;} .panel-box .button{ margin: 0 auto; display: block; text-align: center;} .news, .stories, .events{width: 100%; float: none; margin: 0 auto 40px;} .events-list li{ min-height: 60px; } .panel-box h1{ font-size: 40px; } .panel-box h1:before, .panel-box h1:after{ width: 180px; } .apu-majors-programs h1:before, .apu-majors-programs h1:after{ width: 110px; } .visit-apu{ text-align: center; } .visit-apu .buttons li a{ width: 100%; max-width: none; padding: 13px 10px 13px 50px; font-size: 20px;} .visit-apu img{ float: none; margin: 0 auto;} .apply-to-apu .wrap{ background: none; padding: 0; } .apply-to-apu .entry-content p, .apply-to-apu .entry-content ul{ margin-left: 0; } .apply-to-apu .button{ display: block;} #outcomes .wrap{ background: none; padding-bottom: 0;} #outcomes li{ font-size: 17px; list-style-image: url('images/bullet-check.png'); margin: 0 0 4px; text-align: left;} #outcomes .columns{ padding-left: 0;} #similar .program{ width: 260px; margin: 0 50px; } .one-fourth{ width: 100%; float: none; margin: 0 0 24px;} .visit-overview h3{ font-size: 16px;} .quick-links-connect .one-fourth{ max-width: 300px; margin: 0 auto 36px;} .scholarships .widget .panel-box { max-width: 500px; text-align: center; } #scholarships .scholarship{ display: block; float: left; width: 100%; margin: 0 20px; } #scholarships h2{ width: 100%; font-size: 20px; text-align: center; font-family: Soho, serif; color: #ffffff; margin: 50px 0px 22px; } #scholarships p{ font-size: 18px; text-align: left; margin: 0 0 24px; font-family: 'Gotham A', 'Gotham B', 'Montserrat', 'sans-serif'; } #scholarships p.more-from-category{ margin: 0;} .about-kellogg-campus .educational-programs{ background: none; } .about-kellogg-campus .educational-programs .entry-content p, .educational-programs .entry-content ul{ margin-left: 0;} .about-kellogg-campus .louise-kellogg img, .about-kellogg-campus .training-farm img, .about-kellogg-campus .events-and-rentals img, .louise-kellogg-history .board-of-trustees-2 img, .educational-programs2 img, .community-supported-agriculture .where-to-find-our-produce img{ margin: 0 auto 24px !important; float: none; display: block; } .about-kellogg-campus .donate-to-kellogg-campus .button{ padding: 16px; } .kellogg-f-i-e-l-d .kellogg-f-i-e-l-d-school-2 .button, .community-supported-agriculture .student-opportunities .button, .tilth-program .support-alaska-tilth .button{ margin-top: 24px;} .tilth-program .tilth-and-the-community .one-third{ float: none; width: 100%; } } @media only screen and (max-width: 767px) { /** Structure */ .panel-box{ margin: 0; padding: 5%;} .panel-box h1{ font-size: 30px;} .panel-box h1 span:before, .panel-box h1 span:after{ margin-top: 18px;} /* Panels */ .apu-majors-programs img{ border-radius: 150px; display: block; margin: 0 auto; max-width: 240px; } .apu-majors-programs h3 a{ font-size: 24px;} .panel-box .buttons li a{ max-width: none; } .youtube, .facebook, .twitter{ display: block; margin: 0 auto 2%; } #outcomes .one-half{ margin: 0;} #similar .program{ display: block; margin: 0 auto !important; } .visit-overview h3{ font-size: 20px; margin: 0 auto 20px; max-width: 300px;} .visit-apu .buttons li a{ font-size: 16px; } #scholarships .scholarship:first-child, #scholarships .scholarship{ margin: 0 0 24px;} #scholarships .scholarship{ display: block; float: left; width: 100%; margin: 0 20px; } .community-supported-agriculture .student-opportunities .one-half, .community-supported-agriculture .student-opportunities ul{ margin-bottom: 0; text-align: left; } }