/* Theme Name: CSRadix Child - Freedom School Partners Template: csradix Author: Creative Services Description: Theme files for your awesome website! Version: 2.0 */ /* HTML Rest, including HTML5 Resets: http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 | License: none (public domain) */ /* Add { position: relative } to set most everything with a relative position | Ed Nailor via Chris Coyer: http://css-tricks.com/things-it-might-be-funuseful-to-try-the-universal-selector-on/ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; position: relative; } ol, ul { list-style: none; position: relative; } blockquote, q { quotes: none; position: relative; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; position: relative; } *, .boxsizing { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Micro Clearfix: http://nicolasgallagher.com/micro-clearfix-hack/ */ .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .cf { *zoom: 1; } .radix { } /* HTML class for full override */ /* For video and map embeds */ .video-container { background: #d0d3d4; position: relative; padding-top: 25px; height: 0; clear: both; margin: 2em auto 0; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .gmap-container { background: #d0d3d4; position: relative; padding-top: 25px; height: 0; clear: both; margin: 2em auto 0; padding-bottom: 56.25%; /* 16:9 */ } .gmap-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video-ratio-square { padding-bottom: 100%; /* 1:1 */} .video-ratio-std { padding-bottom: 75%; /* 4:3 */} .video-ratio-hd { padding-bottom: 56.25%; /* 16:9 */} .mob-only { display: none !important; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } @-webkit-keyframes bodyfade { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes bodyfade { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes bodyfade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes bodyfade { 0% { opacity: 0; } 100% { opacity: 1; } } .transition { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } html { background: #fff; font-size: 16px; } body { background: #fff; color: #646466; font-size: 1.125em; line-height: 1.6em; font-family: arial, helvetica, sans-serif; min-width: 320px; } body.small { font-size: 1em; } body.large { font-size: 1.38889em; } img { max-width: 100%; height: auto; display: block; margin: 0; padding: 0; } a, a:visited { color: #0c99d0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } a:hover { color: #e56602; text-decoration: none; } b, strong { font-weight: 700; } i, em { font-style: italic; } p { padding: 0.5em 0px 1em 0; } .alignleft { float: left; margin: 0.5em 2em 1em 0; } .alignright { float: right; margin: 0.5em 0 1em 2em; } .aligncenter { float: none; margin: 0.5em auto 1em; } img.alignnone { display: inline-block; margin: 0.5em; } .fright { float: right; } .fleft { float: left; } h1 { font-size: 2.7778em; color: #014a8d; font-weight: 400; line-height: 1em; padding: 0px; font-family: 'Times New Roman', Times, serif; } h2 { font-size: 1.6667em; color: #014a8d; font-weight: 400; line-height: 1em; padding: 0.5em 0px 1em 0px; font-family: 'Times New Roman', Times, serif; } h3 { font-size: 1.6667em; color: #ed9d00; font-weight: 400; line-height: 1em; padding: 0.5em 0px 0.25em 0px; font-family: 'Times New Roman', Times, serif; font-style: italic; } h4 { font-size: 1.33em; color: #014a8d; font-weight: 400; line-height: 1em; padding: 0.5em 0px 0.25em 0px; font-family: 'Times New Roman', Times, serif; font-style: italic; } h5 { font-size: 1.33em; color: #ed9d00; font-weight: 400; line-height: 1em; padding: 0.5em 0px 0.25em 0px; font-family: 'Times New Roman', Times, serif; } h6 { font-size: 0.83333em; color: #646466; font-weight: 800; line-height: 1em; padding: 0px 0px 3em 0px; margin-bottom: 3em; text-transform: uppercase; background: url('images/h6.png') no-repeat center bottom; font-family: arial, helvetica, sans-serif; } .major { width: 100%; margin: 0 auto; clear: both; } .major-wrap { width: 100%; margin: 0 auto; max-width: 1100px; } .div-wrap { width: 100%; margin: 0 auto; } #header a { text-decoration: none; color: #646466; } #tagline { display: none; text-align: center; color: #fff; background: #014a8d; font-size: 12px; padding: 5px; line-height: 16px; } #branding { float: left; width: 20%; padding: 12px 0; } #site-title a { display: block; color: transparent; font-size: 0px; } #nav-utility { float: right; width: 80%; text-align: right; height: 50px; } #nav-utility-wrap { float: right; } #nav-utility ul li { display: inline-block; font-weight: 800; font-size: 0.77778em; text-transform: uppercase; line-height: 1em; margin-left: 5px; } #nav-utility ul li.contact a { background: #646466; color: #fff; padding: 18px 25px; display: block; height: 50px; } #nav-utility ul li.contact a:hover { background: #727274; } #nav-utility ul li.donate a { background: #014a8d; color: #fff; padding: 18px 25px; display: block; height: 50px; } #nav-utility ul li.donate a:hover { background: #095ba7; } #socials-wrap { float: right; padding-left: 5px; } #socials-wrap ul { line-height: 1; } ul.socials { text-align: center; } .socials li { display: inline-block; } .socials a { opacity: 1; display: block; width: 41px; height: 42px; color: transparent; font-size: 0; background: url( 'images/social.png' ) no-repeat 0px 0px; margin: 0 2px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .socials a:hover { opacity: 0.8; } .socials .facebook a { background-position: 0px 0px; } .socials .twitter a { background-position: -42px 0px; } .socials .youtube a { background-position: -84px 0px; } .socials .instagram a { background-position: -125px 0px; } #socials-wrap ul.socials a { width: 34px; height: 34px; background: url( 'images/social-header.png' ) no-repeat 0px 0px; margin: 0; } #socials-wrap ul.socials .facebook a { background-position: 0px 0px; } #socials-wrap ul.socials .twitter a { background-position: -34px 0px; } #socials-wrap ul.socials .youtube a { background-position: -68px 0px; } #socials-wrap ul.socials .instagram a { background-position: -102px 0px; } #site-search { display: block; float: right; position: relative; background: #fff; } .no-js #site-search { display: none; } #site-search-trigger { display: block; width: 50px; height: 50px; background: #959ec4 url('images/search.png') no-repeat center; cursor: pointer; } #site-search-trigger:hover { background-color: #959ec4; transform: rotate(-90deg); } #site-search-form { background: #959ec4; position: absolute; width: 200px; height: 50px; top: 0px; right: 0px; max-height: 0px; overflow: hidden; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #site-search-form.active { max-height: 50px; } #site-search-form input#input-s { border: 1px solid #6d7cb7; margin: 10px 0 10px 10px; width: 140px; height: 30px; padding: 5px 10px; line-height: 20px; float: left;} #site-search-form button { display: block; width: 50px; height: 50px; background: #959ec4; color: #fff; font-weight: 800; outline: none; border: 0; cursor: pointer; float: right; } #site-search-close { cursor: pointer; position: absolute; width: 15px; height: 15px; background: #6d7cb7; z-index: 1; top: 3px; left: 3px; border-radius: 50%; line-height: 15px; font-size: 10px; color: #fff; text-align: center; font-weight: 700; text-transform: uppercase; } #site-size { float: right; height: 50px; line-height: 30px; padding-top: 10px; margin-right: 10px;} .no-js #site-size { display: none; } .site-size-options div { display: inline-block; font-weight: 800; margin: 0 5px 0 0; } .site-size-options .trigger { font-size: 14px; font-family: 'Times New Roman', Times, serif; font-style: italic; } .site-size-options .small span { font-size: 14px; } .site-size-options .reset span { font-size: 18px; color: #0065C2; } .site-size-options .large span { font-size: 21px; } body.small .site-size-options .small span { color: #0065C2; } body.small .site-size-options .reset span, body.large .site-size-options .reset span { color: #646466; } body.large .site-size-options .large span { color: #0065C2; } .site-size-options span:hover { color: #6CB73C; } #nav-primary { float: right; width: 80%; text-align: right; padding: 30px 0 0; clear: right; } #nav-primary ul li { position: relative; display: inline-block; height: 65px; padding: 0 0 0 30px; font-size: 0.77778em; z-index: 100; } #nav-primary ul li.first-menu-item { padding-left: 0px; } #nav-primary a { padding: 0 0 30px; height: 70px; line-height: 30px; white-space: nowrap; border-bottom: 1px solid #fff; } #nav-primary a span { border-bottom: 1px solid #fff; padding-bottom: 1em; } #nav-primary a:hover span,#nav-primary .current-menu-ancestor a span,#nav-primary .current-menu-item a span { border-bottom: 1px solid #646466; } #nav-primary ul ul { display: none; position: absolute; top: 65px; left: 0; text-align: left; min-width: 180px; max-width: 220px; background: #ed9d00; padding: 10px 0; } #nav-primary ul li:hover > ul{ display: block; } #nav-primary ul ul li { display: block; background: #ed9d00; height: auto; font-size: 1em; padding: 7px 20px; } #nav-primary ul ul li a { color: #fff; display: block; border-bottom: 0; padding: 0; height: auto; white-space: normal; line-height: 1.3em; } #nav-primary ul ul li a span { padding-bottom: 0; border-bottom: 1px solid #ed9d00 !important; } #nav-primary ul ul li a:hover span, #nav-primary ul ul li.current-menu-item a span { color: #fff; border-bottom: 1px solid #fff !important; } #billboard { width: 100%; height: auto; display: block; } #billboard-wrap { width: 100%; height: 100%; display: block; } #billboard img { width: 100%; height: auto; display: block; } #billboard .slide-wrap { display: block; width: 100%; height: 100%; position: relative; } #billboard .overlay { background: url('images/overlay-grey.png'); z-index: 1; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #billboard .new-home-billboard a { text-decoration: none; } #billboard .new-home-billboard .image { } #billboard .new-home-billboard .image img { visibility: hidden; min-height: 260px; } #billboard .new-home-billboard .overlay { background: rgb( 31,74,136 ); background: rgba( 31,74,136,0.8 ); z-index: 1; width: auto; max-width: 50%; height: auto; position: absolute; top: auto; bottom: 5%; left: 0; padding: 5%; color: #fff; } #billboard .new-home-billboard .overlay .headline1 { text-decoration: none; font-size: 2.111em; line-height: 1.2; font-family: "Open Sans", sans-serif; font-weight: 900; text-transform: uppercase; text-shadow: 0 0 15px #292929; } #billboard .new-home-billboard .overlay .headline2 { text-decoration: none; font-size: 0.83em; line-height: 1; font-family: "Open Sans", sans-serif; font-weight: 400; padding-top: 1em; letter-spacing: 1px; text-shadow: 0 0 15px #292929;} #billboard .new-home-billboard .rslides_nav { background: rgba( 255,255,255,0 ) url('images/home-slider-nav.png') no-repeat 0px 0px; z-index: 10; width: 60px; height: 60px; line-height: 60px; text-align: center; position: absolute; bottom: 5%; right: 30px; font-size: 0; color: transparent; } #billboard .new-home-billboard .rslides_nav.prev { right: 100px; } #billboard .new-home-billboard .rslides_nav.next { background: rgba( 255,255,255,0 ) url('images/home-slider-nav.png') no-repeat -60px 0px; } #billboard .new-home-billboard .rslides_nav:hover { background-color: rgba( 255,255,255,0.5 ); } #billboard .captions { display: block; width: 100%; height: auto; padding: 0 5%; text-align: center; position: absolute; top: 45%; left: 0; color: #fff; text-shadow: 1px 1px 0 #585858; z-index: 2; } #billboard .captions h1 { color: #fff; } #new-home-callouts { padding-top: 3em; } .new-home-callout { float: left; width: 25%; text-align: center; color: #646466; padding: 1%; } .new-home-callout a { text-decoration: none; color: #646466; } .new-home-callout .new-home-callout-wrap { border: 1px solid #b2b2b3; padding: 20% 5%;} .new-home-callout .new-home-callout-wrap:hover { border: 1px solid #014a8c; } .new-home-callout .new-home-callout-icon img { margin: 0 auto; } .new-home-callout .new-home-callout-title { text-transform: uppercase; font-weight: 900; font-size: 0.75em; line-height: 1.2; padding: 15px 0 10px; } .new-home-callout .new-home-callout-headline { text-transform: capitalize; font-weight: 400; font-family: Sanchez, serif; font-size: 1.6em; line-height: 1.2; } .new-home-callout .new-home-callout-more { visibility: hidden; font-size: 0.85em; line-height: 1; font-family: Times, "Times New Roman", serif; font-weight: 700; padding-top: 15px; } .new-home-callout a .new-home-callout-more { visibility: visible; text-decoration: underline; } .new-home-callout .new-home-callout-wrap:hover .new-home-callout-more { color: #014a8c; } #secondary-nav { position: relative; background: #014a8d; color: #fff; text-align: center; line-height: 1em; font-size: 0.77778em; padding: 40px 0; } #secondary-nav a { color: #fff; text-decoration: none; padding: 5px 0; white-space: nowrap; border-bottom: 1px solid #014a8d; } #secondary-nav a:hover,#secondary-nav .current_page_item a { border-bottom: 1px solid #fff; } #secondary-nav ul { list-style: none; } #secondary-nav ul li { display: inline-block; padding: 10px 25px; } #content-wrap { padding: 6% 4.664%; font-size: 0.85em; line-height: 1.3; } #main { float: left; width: 61%; } #main.fullwidth { float: none; width: 100%; } #main ol { list-style: decimal; } #main ul { list-style: disc; } #main ol, #main ul { margin-left: 2em; padding: 0.5em 0px 0.5em 0; } #main li { padding-bottom: 0.5em; } .page-template-template-home-php #content-wrap { padding: 6% 1%; font-size:1em; } .page-template-template-home-php .hentry { float: left; width: 45%; font-size: 1.17em; line-height: 1.9em; } .page-template-template-home-php .hentry h2 { font-family: Sanchez, serif; color: #646466; padding-top: 0; } .page-template-template-home-php #new-home-video { float: right; width: 45%; } .page-template-template-home-php #new-home-video .video-container { margin-top: 0; padding-top: 0; } #sidebar { float: right; width: 32%; } .widget { font-size: 0.8333em; font-weight: 700; text-transform: uppercase; margin-bottom: 12%; } .widget p { padding: 0.75em 0; } .widget-title { font-size: 3em; color: #014a8d; font-weight: 400; text-transform: none; line-height: 1em; padding: 0px 0px 0.25em 0px; font-family: 'Times New Roman', Times, serif; } .widget.no-title .widget-title { display: none; } .widget.orange .widget-title { color: #fff; } .widget.orange-dark .widget-title { color: #fff; } .widget.blue .widget-title { color: #fff; } .widget.green .widget-title { color: #fff; } .widget.orange { background: #ed9d00; color: #fff; padding: 12% 12% 10%; } .widget.orange-dark { background: #b17701; color: #fff; padding: 12% 12% 10%;} .widget.blue { background: #014a8d; color: #fff; padding: 12% 12% 10%;} .widget.green { background: #6cb73c; color: #fff; padding: 12% 12% 10%;} .widget.radix_widget_video { padding: 0 !important; } .widget.radix_widget_video p { padding: 0 !important; } .widget.radix_widget_video .video-widget-wrap { padding: 12% 12% 7%; } .widget.radix_widget_video .video-container { margin-top: 0; padding-top: 0px; } .widget.orange a { color: #fff; } .widget.orange-dark a { color: #fff; } .widget.blue a { color: #fff; } .widget.green a { color: #fff; } .widget a.button { display: block; width: 100%; padding: 10px; text-align: center; text-transform: uppercase; text-decoration: none; background: #fff; color: #ed9d00; } .widget a.button:hover { opacity: 0.8; } .widget.orange a.button { background: #fff; color: #ed9d00; } .widget.orange-dark a.button { background: #fff; color: #b17701; } .widget.blue a.button { background: #fff; color: #014a8d; } .widget.green a.button { background: #fff; color: #6cb73c; } .widget ol { list-style: decimal; } .widget ul { list-style: disc; } .widget ol, .widget ul { margin-left: 2em; padding: 0.5em 0px 0.5em 0; } .widget li { padding-bottom: 0.5em; } #footer-border { text-align: center; color: #fff; background: #014a8c; font-weight: 900; text-transform: uppercase; font-family: "Open Sans", sans-serif; font-size: 0.85em; } #footer-border span.item { display: inline-block; padding: 1em 0 1em 1em; } #footer-border span.item:first-child:before { content: "\2022"; font-size: 1em; padding-right: 1em; } #footer-border span:after { content: "\2022"; font-size: 1em; padding-left: 1em; } #footer-border span.logo { width: 88px; position: relative; display: inline-block; } #footer-border span.logo-torch { width: 88px; height: 140px; background: url('images/footer-border-logo.png') no-repeat center; background-size: cover; display: block; position: absolute; top: -59px; } #footer-border span.logo:after { padding-left: 5.5em; } #footer-border span.logo-torch:after { display: none; } #footer-callouts { background: #f1f1f1; padding: 2% 0; } #footer-callouts-wrap { padding: 2% 4.664%; } #footer-callouts .headline { color: #646466; font-size: 1.6667em; font-weight: 400; line-height: 1em; font-family: 'Times New Roman', Times, serif;} .footer-callout { width: 40%; height: 0; padding-bottom: 18%; margin: 20px 0 20px 20%; float: left; position: relative; } .footer-callouts-1 .footer-callout { background-size: cover !important; } .footer-callouts-2 .footer-callout { background-size: cover !important; } .footer-callouts-3 .footer-callout { width: 32%; margin: 20px 0 20px 2%; float: left; } #footer-callout-1 { margin-left: 0 !important; } .footer-callout .bg-overlay { position: absolute; width: 100%; height: 100%; z-index: 1; top: 0; left: 0; opacity: 0.7; } .footer-callout:hover .bg-overlay { opacity: 0.9; } #footer-callout-1 .bg-overlay { background: #014a8d; } #footer-callout-2 .bg-overlay { background: #6cb73c; } #footer-callout-3 .bg-overlay { background: #ee9d22; } .footer-callout .text-overlay { position: absolute; width: 80%; height: auto; z-index: 2; bottom: 15%; left: 10%; color: #fff; font-weight: 800; font-size: 0.833333em; text-transform: uppercase; } #footer { } #footer a { color: inherit; } #footer a:hover { color: #014a8d; } #footer-wrap { padding: 4% 0; } .footer-toe { width: 33.33%; float: right; padding: 0 5%; } .footer-toe-1 { width: 29.33%; float: left; } .footer-toe-2 { width: 41.33%; } .footer-toe-3 { width: 29.33%; max-width: 300px; padding: 0; } .footer-toe-title { font-size: 0.833333em; font-weight: 700; text-transform: uppercase; min-height: 24px; padding-right: 30px; } .footer-toe-2 .footer-toe-title { background: url('images/tweets.png') no-repeat right 2px; } .footer-toe-3 .footer-toe-title { background: url('images/email.png') no-repeat right 2px; } .footer-logo { margin: 0.5em auto 1.5em; } .tweet { padding: 10px 0; } #footer .tweet a:hover { color: #46A7CE; } .tweet-content { font-size: 0.72222em; font-style: italic; line-height: 1.5em; font-family: 'Times New Roman', Times, serif; } .tweet-by { font-size: 0.6667em; line-height: 1.5em; font-weight: 700; padding-top: 5px; } .footer-toe-3 label { display: none; } #copyright-area { border-top: 1px solid #bebbb6; font-size: 0.666667em; line-height: 1.2em; text-transform: uppercase; text-align: left; padding: 2% 0; } #copyright-area a { color: inherit; text-decoration: none; border-bottom: 1px solid #fff; padding-bottom: 2px; } #copyright-area a:hover { border-bottom: 1px solid #014a8d; color: #014a8d; } #copyright-area .major-wrap { } #nav-footer, #nav-footer li, #copyright { display: inline-block; padding-top: 2%; } #nav-footer li { padding: 0 21px 0 0; margin-right: 20px; border-right: 1px solid #666; } #creativeservices { float: right; padding: 0 0 0 30px; text-align: center; } #creativeservices a { opacity: 1; color: transparent; font-size: 0; display: block; width: 150px; height: 44px; margin: 0 auto; background: url('images/cs-logo.png') no-repeat center; border: 0 !important; outline: 0; text-decoration: none; } #creativeservices a:hover { opacity: 0.7; } /* Gravity Forms */ .radix .gform_wrapper .gform_footer input.button, .radix .gform_wrapper .gform_footer input[type=submit] { background: #6cb73c; color: #fff; font-weight: 800; text-transform: uppercase; padding: 10px 20px; border: 0; outline: 0; font-size: 0.7777777777777778em; } .radix .gform_wrapper .gform_footer { margin: 0; } /* Organizers */ .organizer { padding: 0.5em 0 1.5em; } h3.organizer-title { background: #014a8d; padding: 10px 15px; font-size: 1em; color: #fff; line-height: 1.2em; margin-top: 5px; cursor: pointer; font-family: arial, helvetica, sans-serif; font-style: normal;} h3.organizer-title:nth-child(4n+1) { background: #01386a; } h3.organizer-title:nth-child(4n+2) { background: #014a8d; } h3.organizer-title:before { content: "+"; display: inline-block; width: 10px; line-height: 1; padding-right: 10px; font-weight: 800; } h3.organizer-title.active:before { content: "-"; } .organizer-section { padding: 1% 5% 2%; background: #f1f1f1; } .organizer .single-loc-map { border: 1px solid #d8d8d8; margin-bottom: 1em; } /* Location Map */ .map-legend { font-size: 0.75em; font-style: italic; font-weight: 700; padding: 0.5em 0 2em 0.5em; } /* Home Page */ .home #secondary-nav .line1 { font-size: 1.071431em; font-weight: 800; text-transform: uppercase; color: #fff; padding: 2% 0 1%; } .home #secondary-nav h1.title { color: #fff; padding: 1.5% 0 1%; font-size: 3.5em; } .home #secondary-nav .line3 { font-size: 1.5em; color: #fff; padding: 0 0 2.5%; font-family: 'Times New Roman', Times, serif; font-size: 2em; color: #6CB73C; padding: 0.5% 0 3%; font-family: 'Times New Roman', Times, serif; font-style: italic;} .home #main { float: none; width: 100%; } .home h2 { color: #646466; font-size: 2.2222em; padding-bottom: 0.75em; } #home-callouts { clear: both; width: 100%; color: #fff; position: relative; padding-top: 3%; } #home-callouts img { width: 100%; } #home-callouts #torch { position: absolute; width: 118px; height: 193px; background: url('images/torch.png') no-repeat center; top: -7%; left: 50%; margin-left: -59px; z-index: 5; } #home-callouts a { color: #fff; text-decoration: none; } #home-callouts-large { clear: both; width: 100%; } .callout-large { width: 50%; float: left; margin: 0; padding: 0; position: relative; } .callout-large-content-wrap { width: 100%;height: 100%; position: absolute; top: 0; left: 0; z-index: 1; text-align: center; background: url('images/overlay-grey.png'); color: #fff; } /* .callout-large-content-wrap { padding: 12% 15% 0; } */ .callout-large-content-wrap .table { display: table; width: 100%; height: 100%; } .callout-large-content-wrap .cell { display: table-cell; vertical-align: middle; padding: 0 15%; text-shadow: 1px 1px 0 #585858; } .callout-large-title { font-size: 2.2222em; line-height: 1.2em; font-family: 'Times New Roman', Times, serif; } .callout-large-content { font-size: 1.055556em; padding: 2% 0 8%; } .callout-large-link a { border: 2px solid #fff; padding: 15px 25px; font-size: 0.88889em; font-weight: 800; text-shadow: 1px 1px 0 #585858;} .callout-large-link a:hover { background: url('images/callout-hover.png'); } #home-callouts-small { clear: both; width: 100%; } .callout-small { width: 25%; float: left; margin: 0; padding: 0; position: relative; } .callout-small-bg-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; opacity: 1; } .callout-small-1 .callout-small-bg-overlay { background-color: #01386a; } .callout-small-2 .callout-small-bg-overlay { background-color: #014a8d; } .callout-small-3 .callout-small-bg-overlay { background-color: #6cb73c; } .callout-small-4 .callout-small-bg-overlay { background-color: #ed9d00; } .callout-small:hover { text-shadow: 1px 1px 0 #585858; } .callout-small:hover .callout-small-bg-overlay { opacity: 0.7; } .callout-small-content-wrap { width: 100%;height: 100%; position: absolute; top: 0; left: 0; z-index: 2; text-align: center; color: #fff; } .callout-small-content-wrap .table { display: table; width: 100%; height: 100%; } .callout-small-content-wrap .cell { display: table-cell; vertical-align: middle; padding: 0 15%; } .callout-small-teaser { font-size: 0.833333em; font-weight: 800; text-transform: uppercase; } .callout-small-title { font-size: 1.77778em; line-height: 1.2em; font-family: 'Times New Roman', Times, serif; padding: 5px 0; } .callout-small-link { font-size: 0.88889em; font-weight: 800; font-family: 'Times New Roman', Times, serif; font-style: italic; } .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } #top, #top a { display: none; } /* Nutcracker Ball Tab */ #nutcracker-tab, #nutcracker-ad, #nutcracker-close, #nutcracker-ad a { display: none; } .js #nutcracker-tab, .js #nutcracker-ad, .js #nutcracker-close, .js #nutcracker-ad a { display: block; } #nutcracker-tab { z-index: 990; font-size: 0; color: transparent; position: fixed; bottom: 100px; left: 0; width: 30px; height: 230px; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);} #nutcracker-ad { z-index: 991; font-size: 0; color: transparent; position: fixed; bottom: 100px; left: -40px; width: 180px; max-width: 0; overflow: hidden; height: 230px; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 0 rgba(0,0,0,0); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .nutcracker-active #nutcracker-ad { max-width: 210px; overflow: auto; left: 0; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.5); box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);} #nutcracker-ad a { width: 100%; height: 100%; } #nutcracker-close { opacity: 0; position: fixed; bottom: 320px; left: -40px; width: 24px; height: 24px; line-height: 24px; cursor: pointer; z-index: 992; text-transform: uppercase; font-weight: 700; background: #fff; border-radius: 50%; border: 1px solid #000; color: #000; text-align: center; font-size: 12px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .nutcracker-active #nutcracker-close { opacity: 1; left: 170px; } /* Thermometer */ .radix-thermometer { position: relative; height: 470px; } .radix-thermometer .thermometer-stars { background: url('images/thermometer-stars.png') center / 100% auto no-repeat; width: 120px; height: 55px; margin: 0 auto; } .radix-thermometer .thermometer-progress { position: relative; height: 415px; width: 120px; margin: 0 auto; } .radix-thermometer .thermometer-color { position: absolute; z-index: 50; bottom: 0; left: 0; width: 100%; background: #ffc100; padding-bottom: 15px; } .radix-thermometer .thermometer-image { position: absolute; z-index: 100; bottom: 0; left: 0; background: url('images/thermometer.png') center / cover no-repeat; width: 100%; height: 100%; } .radix-thermometer .thermometer-amount, .radix-thermometer .thermometer-percentage { position: absolute; width: 100px; top: 55px; height: calc( 100% - 55px ); } .radix-thermometer .thermometer-percentage { left: 0; text-align: right; } .radix-thermometer .thermometer-amount, .radix-thermometer .thermometer-amount .axis { right: 0; } .radix-thermometer .axis { position: absolute; font-size: 1.25em; } .radix-thermometer .axis-4, .radix-thermometer .percentage-4 { font-size: 1.75em; color: #004e8f; } .radix-thermometer .axis-1 { bottom: 25%; } .radix-thermometer .axis-2 { bottom: 50%; } .radix-thermometer .axis-3 { bottom: 75%; } .radix-thermometer-text { text-align: center; margin: 1em 0 0; font-size: 1.25em; font-weight: 700; color: #004e8f; } /* Logos Template */ .page-template-template-logos #billboard .overlay { background: none; } .logo-set { border-bottom: 2px solid #a6a6a6; margin-bottom: .5em; } .logo-set:last-child { border-bottom: 0; margin-bottom: 0; } .logo-set:last-child .logos { margin-bottom: 0; } .logo-set .logos { margin-bottom: 2em; text-align: center; } .logo-set .logo-headline { color: #333; font-style: normal; font-family: 'Arial', 'Helvetica Neue', 'sans-serif'; font-weight: 400; text-align: center; margin: 0 0 .5em; } .logos .logo-label { text-align: center; font-size: 1.25em; color: #004e8f; text-transform: uppercase; } .logo-set .logo img { margin: 0 auto 2em; } .logo-set div[class*="one-"]{ display: inline-block; vertical-align: middle; padding: 0 2em; } .logo-set div.one-half { width: 50%; } .logo-set div.one-third { width: 33.333%; } .logo-set div.one-fourth { width: 25%; } .logo-set div.one-fifth { width: 20%; } /* Responsive Styles */ @media all and (min-width: 1024px) { #main { max-width: 580px; } .home #main { max-width: 100%; } #main.fullwidth { max-width: 100%; } #sidebar { max-width: 300px; } .mobile-only { display: none; } } @media all and (max-width: 1365px) { /* All Media Below 1366 ( Smaller desktops and larger tablets in landscape mode ) */ .major-wrap { max-width: 980px; } .large #nav-primary { float: left; width: 100%; clear: both; padding: 0; } #secondary-nav ul li { padding: 10px 15px; } .callout-large-title { font-size: 1.8em; } .callout-large-content { font-size: 0.8333em; line-height: 1.5; padding: 2% 0 5%; } .callout-large-content-wrap .cell { padding: 0 10%; } .callout-large-link a { padding: 10px 25px; font-size: 0.777777em; font-weight: 700; } .callout-small-teaser { font-size: 0.666667em; font-weight: 700; } .callout-small-title { font-size: 1.5em; } .home #secondary-nav h1.title { font-size: 3em; } #billboard .new-home-billboard .overlay .headline1 { font-size: 1.8em; } .new-home-callout .new-home-callout-title { font-size: 0.65em; } .new-home-callout .new-home-callout-headline { font-size: 1.25em; } .new-home-callout .new-home-callout-more { font-size: 0.75em; } } @media all and (max-width: 1023px) { /* All Media Below 1024 ( iPads and 10" tablets in portrait mode ) */ .major-wrap { max-width: 840px; } h1 { font-size: 2em; } h2 { font-size: 1.33em; } h3 { font-size: 1.33em; } h4 { font-size: 1em; } h5 { font-size: 1em; } h6 { font-size: 0.83333em; } #home-callouts { clear: both; margin: 0 auto; padding-top: 15%;} #home-callouts img { width: 100%; } .callout-large { width: 100%; float: none; } .callout-small { width: 50%; } #home-callouts #torch { top: -2%; } #content-wrap { padding: 6% 2%; } .widget-title { font-size: 2em; } .widget.orange,.widget.orange-dark, .widget.blue, .widget.green { padding: 8% 8% 6%; } .widget.radix_widget_video .video-widget-wrap { padding: 8% 8% 0; } .footer-toe { width: 50% !important; float: right; padding: 0 5%; } .footer-toe-1 { float: none; margin: 0 auto; padding: 2% 0; clear: both; text-align: center; } .footer-toe-2 { padding: 0 5% 0 0; float: left; } .footer-toe-3 { padding: 0 0 0 5%; float: right; max-width: 100%; } #nav-footer li { padding: 0 0 0 21px; margin-right: 0; border-right: 0; margin-left: 20px; border-left: 1px solid #666; } #nav-footer li.first-menu-item { padding: 0; margin-right: 0; border-right: 0; margin-left: 0; border-left: 0; } #body-overlay { position: fixed; width: 100%; height: 100%; background: #000; opacity: 0.7; top: 0; left: 0; z-index: 500; max-width: 0; overflow: hidden; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #body-overlay.active { max-width: 100% !important; } #nav-trigger { width: 50px; height: 50px; background: url('images/nav-trigger.png') no-repeat center; cursor: pointer; float: right; margin-left: 10px; position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #nav-trigger.active { z-index: 502; float: none; margin: 0px; position: fixed; top: 10px; left: 10px; } #nav-primary { max-width: 0px; overflow: none; position: fixed; top: 0; right: 0; float: none; width: 70%; height: 100%; z-index: 501; padding: 0; background: #014A8D; margin: 0 !important; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #nav-primary.active { max-width: 100%; min-width: 320px ; overflow: auto; } #nav-primary-wrap { padding: 0 5% 5%; } #nav-primary ul li { display: block; position: relative; height: auto; padding: 20px 0 0; background: transparent !important; } #nav-primary ul li ul li { padding: 5px 15px; } #nav-primary ul li a { border-bottom: 0 !important; color: #fff; font-weight: 700; } #nav-primary ul li ul li a { border-bottom: 0 !important; color: #fff; font-weight: 400; } .radix #nav-primary ul li a span { border-bottom: 0 !important; } #nav-primary ul ul { display: block; position: relative; top: auto; left: auto; text-align: right; min-width: 100%; max-width: 100%; background: transparent; border-right: 1px solid #6CB73C; padding: 0 10px; } #top { display: block; position: fixed; bottom: 10px; right: 10px; width: 32px; height: 32px; z-index: 500; } #top a { display: block; width: 100%; height: 100%; background: url('images/top.png') no-repeat center; } .mob-only { display: block !important; } #socials-wrap { display: none; } #footer-border { font-size: 0.7em; } #footer-border span.logo { width: 60px; } #footer-border span.logo:after { padding-left: 4.5em; } #footer-border span.logo-torch { width: 62px; height: 100px; top: -40px; } #billboard .new-home-billboard .overlay .headline1 { font-size: 1.5em; } .new-home-callout { width: 50%; padding: 1%; text-align: left; } .new-home-callout .new-home-callout-wrap { padding: 5%;} .new-home-callout .new-home-callout-icon { float: left; padding-top: 3%} .new-home-callout .new-home-callout-title { padding-left: 100px; padding-top: 0; } .new-home-callout .new-home-callout-headline { padding-left: 100px; } .new-home-callout .new-home-callout-more { padding-left: 100px; } .page-template-template-home-php .hentry, .page-template-template-home-php #new-home-video { float: none; width: 100%; padding: 2% 5%; } .no-mobile { display: none; } .mobile-only { display: block; } } @media all and (max-width: 849px) { .major-wrap { max-width: 700px; } #copyright-area { text-align: center; } #copyright { display: block; } #creativeservices { float: none; clear: both; margin-top: 4%; padding-left: 0; } #billboard .new-home-billboard .overlay .headline1 { font-size: 1.25em; } } @media all and (max-width: 799px) { #footer-border span.logo { display: none; } #footer-border { font-weight: 700; } } @media all and (max-width: 767px) { /* All Media Below 768 ( iPad Minis and 8" tablets in landscape mode ) */ .fleft, .fright { float: none; } h1 { font-size: 1.7em; } h2 { font-size: 1.25em; } h3 { font-size: 1.25em; } h4 { font-size: 1em; } h5 { font-size: 1em; } h6 { font-size: 0.83333em; } .major-wrap { max-width: 580px; } #branding { padding: 10px 0; } #site-title a { display: block; width: 116px; height: 85px; } #nav-utility ul li.news, .site-size-options .trigger { display: none; } #content-wrap { padding: 6% 5%; } #main { float: none; width: 100%; max-width: 100%; padding: 0 0 2%; } #sidebar { float: none; width: 100%; max-width: 100%; padding: 2% 0 0; } #footer-callouts-wrap { width: 100%; max-width: 440px; margin: 0 auto; } .footer-callout { width: 100% !important; margin: 1% auto !important; float: none !important; padding-bottom: 50%; } .footer-toe { width: 100% !important; float: none; padding: 0 5%; } .footer-toe-2 { padding: 5%; } #nav-primary { width: 100%; } #footer-border { height: 30px; } #footer-border span.item { display: none; } .new-home-callout { float: none; width: 100%; text-align: left; } #billboard .new-home-billboard .overlay { max-width: 100%; position: relative; bottom: auto; left: 0; padding: 5%; color: #fff; clear: both; } #billboard .new-home-billboard .overlay .headline1, #billboard .new-home-billboard .overlay .headline2 { padding-right: 100px; } #billboard .new-home-billboard .rslides_nav { background: rgba( 255,255,255,0 ) url('images/home-slider-nav.png') no-repeat -10px -10px; width: 40px; height: 40px; line-height: 40px; bottom: 5%; right: 10px; } #billboard .new-home-billboard .rslides_nav.prev { right: 60px; } #billboard .new-home-billboard .rslides_nav.next { background: rgba( 255,255,255,0 ) url('images/home-slider-nav.png') no-repeat -70px -10px; } #billboard .new-home-billboard .rslides_nav:hover { background-color: rgba( 255,255,255,0.5 ); } } @media all and (max-width: 599px) { /* All Media Below 600 ( iPad Minis, 8" tablets in portrait mode and most cell phones in landscape mode ) */ h1 { font-size: 1.5em; } #billboard .captions h1 { font-size: 1em; } .major-wrap { width: 320px; min-width: 320px; max-width: 320px; } #site-size, #secondary-nav-wrap, #site-search { display: none; } #secondary-nav { padding: 10px 0; } #footer-callouts-wrap { max-width: 320px;} .rights-reserved { display: block; } #home-callouts { clear: both; width: 100%; margin: 0 auto; padding-top: 15%;} .callout-large-content-wrap .cell { padding: 0 5%; } .callout-large { width: 100%; float: none; } .callout-large-content { font-size: 0.65em; padding: 2% 0;} .callout-large-link a { border: 1px solid #fff; padding: 5px 25px; font-size: 0.57em; } .callout-large-title { font-size: 1em; } .callout-small { width: 100%; } #nav-utility ul li.donate a { padding: 18px 15px; } #nav-trigger { margin-left: 5px; } #nav-utility ul li.contact, #home-callouts #torch { display: none; } #billboard .new-home-billboard .overlay .headline1, #billboard .new-home-billboard .overlay .headline2 { padding-right: 65px; } #billboard .new-home-billboard .rslides_nav { background: rgba( 255,255,255,0 ) url('images/home-slider-nav-mob.png') no-repeat 0px 0px; width: 25px; height: 25px; line-height: 25px; bottom: 5%; right: 10px; } #billboard .new-home-billboard .rslides_nav.prev { right: 40px; } #billboard .new-home-billboard .rslides_nav.next { background: rgba( 255,255,255,0 ) url('images/home-slider-nav-mob.png') no-repeat -25px 0px; } #billboard .new-home-billboard .rslides_nav:hover { background-color: rgba( 255,255,255,0.5 ); } } @media all and (max-width: 479px) { /* All Media Below 480 ( Most cell phones in portrait mode ) */ }