/* Theme Name: NFED Author: Wired Impact Author URI: http://wiredimpact.com Description: Theme for NFED by Wired Impact Version: 1.4.14 */ /* ========================================================================== SASS Mixins and Global Classes ========================================================================== */ /* Breakpoint Mixins ========================================================================== */ /* Mobile Padding Usage: add .mobile-padding to add necessary viewport padding for mobile elements ========================================================================== */ /* Fill Viewport: Makes an element fill the viewport while centering the content within the grid Also adds mobile padding depending on screen size Usage: .fill-viewport makes an element and its contents go full-width .fill-viewport-centered makes an element go full-width, while centering content to the grid ========================================================================== */ .fill-viewport { width: 100%; margin: 0; } @media (max-width: 767px) { .fill-viewport { padding-left: 1em; padding-right: 1em; } } .fill-viewport-centered { width: 100%; margin: 0; } @media (max-width: 767px) { .fill-viewport-centered { padding-left: 1em; padding-right: 1em; } } @media (min-width: 768px) { .fill-viewport-centered > * { max-width: 960px; margin: 0 auto; padding: 0 10px; } } /* Display Classes ========================================================================== */ @media (min-width: 768px) { .show-small-only { display: none !important; } } /* Font Sizing mixin Automatic conversion to REM-based font sizes with px-based fallback ========================================================================== */ /* Typekit Fonts mixin Logically-grouped Typekit font families. Usage: @include typekit(proxima-nova, light); ========================================================================== */ /* Cross-browser background opacity Usage with colors or preferably variables: @include background-opacity(#333, 0.5); ========================================================================== */ /* Global transition Note that only the property can be changed (ex: background, height, all, etc.) @include global-transition(background-color); ========================================================================== */ /* ========================================================================== Colors ========================================================================== */ /* Custom Colors These are colors specific to this project. We'll base everything on these. Each "main" color (ex: blue) should have a middle reference color, with lighter and darker shades of that color based in increments from there. See commented code for reference. Lights get lighter with higher numbers. Darks get darker with higher numbers. ========================================================================== */ /* Global Colors These are pre-configured sitewide colors. Set the values using the above Custom Colors. ========================================================================== */ /* ========================================================================== Global Styles ========================================================================== */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 Reset 2.0 Typography 3.0 Elements 4.0 Forms 5.0 Navigation 5.1 Links 5.2 Menus 6.0 Accessibility 7.0 Alignments 8.0 Clearings 9.0 Widgets 10.0 Content 10.1 Posts and pages 10.2 Asides 10.3 Comments 11.0 Media 11.1 Captions --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 Reset --------------------------------------------------------------*/ 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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } html { font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } ol, ul { list-style: none; } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a { outline: none !important; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } a img { border: 0; } * { box-sizing: border-box; } body { min-width: 32rem; } @media (min-width: 768px) { body { position: relative; } } /*-------------------------------------------------------------- 2.0 Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #404040; font-family: "Gotham SSm A", "Gotham SSm B"; font-size: 16px; font-size: 1.6rem; line-height: 1.5; } textarea { overflow: auto; } h1, h2, h3, h4, h5, h6 { clear: both; } p { margin-bottom: 1.5em; } p:empty { display: none; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } blockquote { max-width: 62rem; margin-bottom: 0; padding: 0 0 4rem 0; margin-left: 30px; } @media (min-width: 768px) { blockquote { margin-left: 60px !important; } } blockquote p { font-size: 22px; font-size: 2.2rem; margin-bottom: 1em; color: #004f9d; text-align: left; } blockquote cite { margin-top: 1rem; display: block; text-align: right; font-size: 19px; font-size: 1.9rem; color: #7da5cd; font-style: italic; } @media (max-width: 767px) { blockquote cite { margin-top: 4rem; } } @media (min-width: 768px) { blockquote { margin: 0; padding: 0 0 0 8rem; position: relative; } blockquote::after { content: ''; display: block; width: 6.2rem; height: 7rem; position: absolute; top: .6rem; left: 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104.69 74.58'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%2301519c;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Equote-mark%3C/title%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cg id='Layer_1-2' data-name='Layer 1'%3E%3Cpath class='cls-1' d='M23.16,37.52H37.52V74.58H0V43.31C0,12.74,15.29.46,42.85,0l3,14.59C29.88,16.21,22,24.32,23.16,37.52Zm58.83,0H96.35V74.58H58.83V43.31C58.83,12.74,74.12.46,101.68,0l3,14.59C88.71,16.21,80.83,24.32,82,37.52Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: left top; } } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 1.5rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } /*-------------------------------------------------------------- 3.0 Elements --------------------------------------------------------------*/ hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } figure { margin: 0; } input[type="checkbox"] { cursor: pointer; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } input[type='number'] { -moz-appearance: textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } /*-------------------------------------------------------------- 5.0 Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- 5.1 Links --------------------------------------------------------------*/ /*-------------------------------------------------------------- 5.2 Menus --------------------------------------------------------------*/ .main-navigation { clear: both; display: block; float: left; width: 100%; } .main-navigation ul { list-style: none; margin: 0; padding-left: 0; } .main-navigation li { float: left; position: relative; } .main-navigation a { display: block; text-decoration: none; } .main-navigation ul ul { box-shadow: 0 3px 3px -3px black; float: left; position: absolute; top: 1.5em; left: 0; opacity: 0; visibility: hidden; z-index: 99999; transition: all 0.3s linear; } .main-navigation ul li:hover > ul { opacity: 1; visibility: visible; } .site-main .comment-navigation, .site-main .paging-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .paging-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .paging-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- 6.0 Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 1.4rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /*-------------------------------------------------------------- 7.0 Alignments --------------------------------------------------------------*/ .alignleft, .alignright, .aligncenter { margin-bottom: 1em; } .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } /*-------------------------------------------------------------- 8.0 Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } .clear-float { clear: both; } /*-------------------------------------------------------------- 9.0 Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; } /* Make sure select elements fit in widgets */ .widget select { max-width: 100%; } /* Search widget */ .widget_search .search-submit { display: none; } /*-------------------------------------------------------------- 10.0 Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- 10.1 Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0 0 1.5em; } .hentry:first-child { margin-top: 0; } .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-content:first-child, .entry-content:first-child, .entry-summary:first-child { margin-top: 0; } .page-links { clear: both; margin: 0 0 1.5em; } .circle-arrow { position: relative; } .circle-arrow:before { content: '\203A'; position: absolute; top: 4px; left: 103%; width: 12px; height: 12px; background-color: #fff; transition: all 0.3s linear; border-radius: 50%; line-height: 11px; font-size: 14px; font-size: 1.4rem; color: #33a9a5; text-align: center; } .circle-arrow:hover:before { -ms-transform: rotate(90deg); transform: rotate(90deg); } /*-------------------------------------------------------------- 10.2 Asides --------------------------------------------------------------*/ .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } /*-------------------------------------------------------------- 10.3 Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- 11.0 Media --------------------------------------------------------------*/ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- 11.1 Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /*-------------------------------------------------------------- Elements following iframes The soundcloud iframe embeds do not have a class on them but we need space between the iframe and the immediate element that follows (usually a paragraph or heading) --------------------------------------------------------------*/ iframe + * { margin-top: 1em; } .svg-base, .svg-nfed-logo, .site-title { background-repeat: no-repeat; text-indent: -999em; } @media (min-width: 768px) { a[href^=tel] { color: inherit !important; text-decoration: none; } a[href^=tel]:hover { color: inherit !important; cursor: default !important; } } /* ========================================================================== General Typography ========================================================================== */ p, a, address, span, ul, ol, li, dl, dd, dt { font-family: "Gotham SSm A", "Gotham SSm B"; font-size: 17px; font-size: 1.7rem; line-height: 1.471; font-style: normal; font-weight: 400; color: #000; } .content-area a, .wi-filter-content a { color: #00a49e; transition: all 0.3s linear; text-decoration: none; } .content-area a:hover, .content-area a:active, .content-area a:focus, .wi-filter-content a:hover, .wi-filter-content a:active, .wi-filter-content a:focus { color: #016e6a; } #site-footer a, #copyright-and-legal a { color: #fad5ac; transition: all 0.3s linear; } #site-footer a:hover, #site-footer a:active, #site-footer a:focus, #copyright-and-legal a:hover, #copyright-and-legal a:active, #copyright-and-legal a:focus { color: #fff; } /* ========================================================================== Headings and Page Header ========================================================================== */ h1, h2, h3, h4, h5, h6 { font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 700; text-transform: uppercase; line-height: 1.2; clear: none; -webkit-font-smoothing: antialiased; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-size: inherit; font-weight: inherit; text-decoration: none; color: #00a49e; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #016e6a; } article h3 { text-transform: none; } h1 { color: #fff; font-size: 32px; font-size: 3.2rem; } @media (min-width: 768px) { h1 { font-size: 45px; font-size: 4.5rem; } } h2 { color: #000; font-size: 30px; font-size: 3rem; } @media (min-width: 768px) { h2 { font-size: 33px; font-size: 3.3rem; } } h3 { color: #000; font-size: 22px; font-size: 2.2rem; } h4 { color: #6a2c91; font-size: 20px; font-size: 2rem; text-transform: none; } h5 { font-weight: 300; color: #6a2c91; font-size: 22px; font-size: 2.2rem; } h6 { color: #000; font-size: 17px; font-size: 1.7rem; text-transform: none; } /* ========================================================================== Contact Typography ========================================================================== */ /* Phone Numbers ========================================================================== */ @media (min-width: 768px) { .contact-phone a, .contact-fax a { color: inherit !important; cursor: default !important; } } /* Table of Contents - Buttons - Forms - Site Navigation - Search - Widgets - Blog and Comments - Social Icons - Pagination - Grid Columns plugin - WooCommerce ========================================================================== */ /* ========================================================================== Buttons ========================================================================== */ .button-base, .button, #sc_calendar_wrap #sc_event_select #sc_submit, #sc_calendar_wrap .sc_calendar_submit, button, input[type="submit"], input[type="button"], .button.primary, .button.secondary { -webkit-appearance: none; display: inline-block; padding: .5em .6em .4em .6em; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: bold; border-radius: 3px; border: none; box-shadow: none; transition: all 0.3s linear; } .button-base:hover, .button:hover, #sc_calendar_wrap #sc_event_select #sc_submit:hover, #sc_calendar_wrap .sc_calendar_submit:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover { cursor: pointer; } .button-base:active, .button:active, #sc_calendar_wrap #sc_event_select #sc_submit:active, #sc_calendar_wrap .sc_calendar_submit:active, button:active, input[type="submit"]:active, input[type="button"]:active, .button-base:focus, .button:focus, #sc_calendar_wrap #sc_event_select #sc_submit:focus, #sc_calendar_wrap .sc_calendar_submit:focus, button:focus, input[type="submit"]:focus, input[type="button"]:focus { outline: none; } button, input[type="submit"], input[type="button"], .button.primary, #sc_calendar_wrap #sc_event_select #sc_submit, #sc_calendar_wrap .sc_calendar_submit { color: #fff; background: #00a49e; border: 2px solid #00a49e; } button:hover, button:active, button:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:active, input[type="button"]:focus, .button.primary:hover, #sc_calendar_wrap #sc_event_select #sc_submit:hover, #sc_calendar_wrap .sc_calendar_submit:hover, .button.primary:active, #sc_calendar_wrap #sc_event_select #sc_submit:active, #sc_calendar_wrap .sc_calendar_submit:active, .button.primary:focus, #sc_calendar_wrap #sc_event_select #sc_submit:focus, #sc_calendar_wrap .sc_calendar_submit:focus { color: #00a49e; background: #fff; border: 2px solid #00a49e; } .button.secondary, #sc_calendar_wrap #sc_event_select .secondary#sc_submit, #sc_calendar_wrap .secondary.sc_calendar_submit { color: #fff; background: #d5801f; border: 2px solid #d5801f; } .button.secondary:hover, #sc_calendar_wrap #sc_event_select .secondary#sc_submit:hover, #sc_calendar_wrap .secondary.sc_calendar_submit:hover, .button.secondary:active, #sc_calendar_wrap #sc_event_select .secondary#sc_submit:active, #sc_calendar_wrap .secondary.sc_calendar_submit:active, .button.secondary:focus, #sc_calendar_wrap #sc_event_select .secondary#sc_submit:focus, #sc_calendar_wrap .secondary.sc_calendar_submit:focus { color: #d5801f; background: #fff; border: 2px solid #d5801f; } footer .primary.back-to-top { width: 50%; max-width: 195px; margin: 0 0 35px; font-size: 16px; font-size: 1.6rem; } @media (min-width: 768px) { footer .primary.back-to-top { display: none; } } .home footer .primary.back-to-top { margin: 33px 0 35px; } #content #primary .button, #content #primary #sc_calendar_wrap #sc_event_select #sc_submit, #sc_calendar_wrap #sc_event_select #content #primary #sc_submit, #content #primary #sc_calendar_wrap .sc_calendar_submit, #sc_calendar_wrap #content #primary .sc_calendar_submit, #content #primary button, #content #primary input[type=submit] { font-size: 16px; font-size: 1.6rem; } #content #secondary .widget .button, #content #secondary .widget #sc_calendar_wrap #sc_event_select #sc_submit, #sc_calendar_wrap #sc_event_select #content #secondary .widget #sc_submit, #content #secondary .widget #sc_calendar_wrap .sc_calendar_submit, #sc_calendar_wrap #content #secondary .widget .sc_calendar_submit { font-size: 15px; font-size: 1.5rem; } /* ========================================================================== Forms ========================================================================== */ /* ========================================================================== Global Form Styles ========================================================================== */ .masthead-wrapper .gform_wrapper, .page-header .gform_wrapper, #content .gform_wrapper, #site-footer .gform_wrapper { max-width: 100%; width: 100%; margin: 0; } .masthead-wrapper form form > *, .masthead-wrapper form .gform_fields > .gfield, .page-header form form > *, .page-header form .gform_fields > .gfield, #content form form > *, #content form .gform_fields > .gfield, #site-footer form form > *, #site-footer form .gform_fields > .gfield, #content .comment-form form > *, #content .comment-form .gform_fields > .gfield, .masthead-wrapper form form > *, .masthead-wrapper form .gform_fields > .gfield, .page-header form form > *, .page-header form .gform_fields > .gfield, #content .gform_wrapper form form > *, #content .gform_wrapper form .gform_fields > .gfield, #site-footer .gform_wrapper form form > *, #site-footer .gform_wrapper form .gform_fields > .gfield { margin: 0 0 1.2em 0; } .masthead-wrapper form label, .masthead-wrapper form .gfield > label.gfield_label, .page-header form label, .page-header form .gfield > label.gfield_label, #content form label, #content form .gfield > label.gfield_label, #site-footer form label, #site-footer form .gfield > label.gfield_label, #content .comment-form label, #content .comment-form .gfield > label.gfield_label, .masthead-wrapper form label, .masthead-wrapper form .gfield > label.gfield_label, .page-header form label, .page-header form .gfield > label.gfield_label, #content .gform_wrapper form label, #content .gform_wrapper form .gfield > label.gfield_label, #site-footer .gform_wrapper form label, #site-footer .gform_wrapper form .gfield > label.gfield_label { display: block; margin: 0 0 .3em 0; padding: 0; font-family: "Gotham SSm A", "Gotham SSm B" !important; font-size: 16px; font-size: 1.6rem; color: #000; font-weight: 700; } .masthead-wrapper form .required, .masthead-wrapper form .gfield_required, .page-header form .required, .page-header form .gfield_required, #content form .required, #content form .gfield_required, #site-footer form .required, #site-footer form .gfield_required, #content .comment-form .required, #content .comment-form .gfield_required, .masthead-wrapper form .required, .masthead-wrapper form .gfield_required, .page-header form .required, .page-header form .gfield_required, #content .gform_wrapper form .required, #content .gform_wrapper form .gfield_required, #site-footer .gform_wrapper form .required, #site-footer .gform_wrapper form .gfield_required { color: #790000; } .masthead-wrapper form select, .page-header form select, #content form select, #site-footer form select, #content .comment-form select, .masthead-wrapper form select, .page-header form select, #content .gform_wrapper form select, #site-footer .gform_wrapper form select { background-image: url("images/form-arrow.svg") !important; background-size: 38px 38px; } .masthead-wrapper form textarea, .masthead-wrapper form select, .masthead-wrapper form .gfield_select, .masthead-wrapper form input[type="text"], .masthead-wrapper form input[type="email"], .masthead-wrapper form input[type="url"], .masthead-wrapper form input[type="date"], .masthead-wrapper form input[type="datetime"], .masthead-wrapper form input[type="datetime-local"], .masthead-wrapper form input[type="month"], .masthead-wrapper form input[type="number"], .masthead-wrapper form input[type="password"], .masthead-wrapper form input[type="search"], .masthead-wrapper form input[type="tel"], .masthead-wrapper form input[type="time"], .masthead-wrapper form input[type="week"], .page-header form textarea, .page-header form select, .page-header form .gfield_select, .page-header form input[type="text"], .page-header form input[type="email"], .page-header form input[type="url"], .page-header form input[type="date"], .page-header form input[type="datetime"], .page-header form input[type="datetime-local"], .page-header form input[type="month"], .page-header form input[type="number"], .page-header form input[type="password"], .page-header form input[type="search"], .page-header form input[type="tel"], .page-header form input[type="time"], .page-header form input[type="week"], #content form textarea, #content form select, #content form .gfield_select, #content form input[type="text"], #content form input[type="email"], #content form input[type="url"], #content form input[type="date"], #content form input[type="datetime"], #content form input[type="datetime-local"], #content form input[type="month"], #content form input[type="number"], #content form input[type="password"], #content form input[type="search"], #content form input[type="tel"], #content form input[type="time"], #content form input[type="week"], #site-footer form textarea, #site-footer form select, #site-footer form .gfield_select, #site-footer form input[type="text"], #site-footer form input[type="email"], #site-footer form input[type="url"], #site-footer form input[type="date"], #site-footer form input[type="datetime"], #site-footer form input[type="datetime-local"], #site-footer form input[type="month"], #site-footer form input[type="number"], #site-footer form input[type="password"], #site-footer form input[type="search"], #site-footer form input[type="tel"], #site-footer form input[type="time"], #site-footer form input[type="week"], #content .comment-form textarea, #content .comment-form select, #content .comment-form .gfield_select, #content .comment-form input[type="text"], #content .comment-form input[type="email"], #content .comment-form input[type="url"], #content .comment-form input[type="date"], #content .comment-form input[type="datetime"], #content .comment-form input[type="datetime-local"], #content .comment-form input[type="month"], #content .comment-form input[type="number"], #content .comment-form input[type="password"], #content .comment-form input[type="search"], #content .comment-form input[type="tel"], #content .comment-form input[type="time"], #content .comment-form input[type="week"], .masthead-wrapper form textarea, .masthead-wrapper form select, .masthead-wrapper form .gfield_select, .masthead-wrapper form input[type="text"], .masthead-wrapper form input[type="email"], .masthead-wrapper form input[type="url"], .masthead-wrapper form input[type="date"], .masthead-wrapper form input[type="datetime"], .masthead-wrapper form input[type="datetime-local"], .masthead-wrapper form input[type="month"], .masthead-wrapper form input[type="number"], .masthead-wrapper form input[type="password"], .masthead-wrapper form input[type="search"], .masthead-wrapper form input[type="tel"], .masthead-wrapper form input[type="time"], .masthead-wrapper form input[type="week"], .page-header form textarea, .page-header form select, .page-header form .gfield_select, .page-header form input[type="text"], .page-header form input[type="email"], .page-header form input[type="url"], .page-header form input[type="date"], .page-header form input[type="datetime"], .page-header form input[type="datetime-local"], .page-header form input[type="month"], .page-header form input[type="number"], .page-header form input[type="password"], .page-header form input[type="search"], .page-header form input[type="tel"], .page-header form input[type="time"], .page-header form input[type="week"], #content .gform_wrapper form textarea, #content .gform_wrapper form select, #content .gform_wrapper form .gfield_select, #content .gform_wrapper form input[type="text"], #content .gform_wrapper form input[type="email"], #content .gform_wrapper form input[type="url"], #content .gform_wrapper form input[type="date"], #content .gform_wrapper form input[type="datetime"], #content .gform_wrapper form input[type="datetime-local"], #content .gform_wrapper form input[type="month"], #content .gform_wrapper form input[type="number"], #content .gform_wrapper form input[type="password"], #content .gform_wrapper form input[type="search"], #content .gform_wrapper form input[type="tel"], #content .gform_wrapper form input[type="time"], #content .gform_wrapper form input[type="week"], #site-footer .gform_wrapper form textarea, #site-footer .gform_wrapper form select, #site-footer .gform_wrapper form .gfield_select, #site-footer .gform_wrapper form input[type="text"], #site-footer .gform_wrapper form input[type="email"], #site-footer .gform_wrapper form input[type="url"], #site-footer .gform_wrapper form input[type="date"], #site-footer .gform_wrapper form input[type="datetime"], #site-footer .gform_wrapper form input[type="datetime-local"], #site-footer .gform_wrapper form input[type="month"], #site-footer .gform_wrapper form input[type="number"], #site-footer .gform_wrapper form input[type="password"], #site-footer .gform_wrapper form input[type="search"], #site-footer .gform_wrapper form input[type="tel"], #site-footer .gform_wrapper form input[type="time"], #site-footer .gform_wrapper form input[type="week"] { max-width: 100% !important; width: 100% !important; height: 2.5em; margin: 0; padding: 5px; background-color: #fff; border: 1px solid #a6a6a6; font-size: 16px; font-size: 1.6rem; color: #000; text-indent: 0; transition: all 0.3s linear; } @media (min-width: 768px) { .masthead-wrapper form textarea, .masthead-wrapper form select, .masthead-wrapper form .gfield_select, .masthead-wrapper form input[type="text"], .masthead-wrapper form input[type="email"], .masthead-wrapper form input[type="url"], .masthead-wrapper form input[type="date"], .masthead-wrapper form input[type="datetime"], .masthead-wrapper form input[type="datetime-local"], .masthead-wrapper form input[type="month"], .masthead-wrapper form input[type="number"], .masthead-wrapper form input[type="password"], .masthead-wrapper form input[type="search"], .masthead-wrapper form input[type="tel"], .masthead-wrapper form input[type="time"], .masthead-wrapper form input[type="week"], .page-header form textarea, .page-header form select, .page-header form .gfield_select, .page-header form input[type="text"], .page-header form input[type="email"], .page-header form input[type="url"], .page-header form input[type="date"], .page-header form input[type="datetime"], .page-header form input[type="datetime-local"], .page-header form input[type="month"], .page-header form input[type="number"], .page-header form input[type="password"], .page-header form input[type="search"], .page-header form input[type="tel"], .page-header form input[type="time"], .page-header form input[type="week"], #content form textarea, #content form select, #content form .gfield_select, #content form input[type="text"], #content form input[type="email"], #content form input[type="url"], #content form input[type="date"], #content form input[type="datetime"], #content form input[type="datetime-local"], #content form input[type="month"], #content form input[type="number"], #content form input[type="password"], #content form input[type="search"], #content form input[type="tel"], #content form input[type="time"], #content form input[type="week"], #site-footer form textarea, #site-footer form select, #site-footer form .gfield_select, #site-footer form input[type="text"], #site-footer form input[type="email"], #site-footer form input[type="url"], #site-footer form input[type="date"], #site-footer form input[type="datetime"], #site-footer form input[type="datetime-local"], #site-footer form input[type="month"], #site-footer form input[type="number"], #site-footer form input[type="password"], #site-footer form input[type="search"], #site-footer form input[type="tel"], #site-footer form input[type="time"], #site-footer form input[type="week"], #content .comment-form textarea, #content .comment-form select, #content .comment-form .gfield_select, #content .comment-form input[type="text"], #content .comment-form input[type="email"], #content .comment-form input[type="url"], #content .comment-form input[type="date"], #content .comment-form input[type="datetime"], #content .comment-form input[type="datetime-local"], #content .comment-form input[type="month"], #content .comment-form input[type="number"], #content .comment-form input[type="password"], #content .comment-form input[type="search"], #content .comment-form input[type="tel"], #content .comment-form input[type="time"], #content .comment-form input[type="week"], .masthead-wrapper form textarea, .masthead-wrapper form select, .masthead-wrapper form .gfield_select, .masthead-wrapper form input[type="text"], .masthead-wrapper form input[type="email"], .masthead-wrapper form input[type="url"], .masthead-wrapper form input[type="date"], .masthead-wrapper form input[type="datetime"], .masthead-wrapper form input[type="datetime-local"], .masthead-wrapper form input[type="month"], .masthead-wrapper form input[type="number"], .masthead-wrapper form input[type="password"], .masthead-wrapper form input[type="search"], .masthead-wrapper form input[type="tel"], .masthead-wrapper form input[type="time"], .masthead-wrapper form input[type="week"], .page-header form textarea, .page-header form select, .page-header form .gfield_select, .page-header form input[type="text"], .page-header form input[type="email"], .page-header form input[type="url"], .page-header form input[type="date"], .page-header form input[type="datetime"], .page-header form input[type="datetime-local"], .page-header form input[type="month"], .page-header form input[type="number"], .page-header form input[type="password"], .page-header form input[type="search"], .page-header form input[type="tel"], .page-header form input[type="time"], .page-header form input[type="week"], #content .gform_wrapper form textarea, #content .gform_wrapper form select, #content .gform_wrapper form .gfield_select, #content .gform_wrapper form input[type="text"], #content .gform_wrapper form input[type="email"], #content .gform_wrapper form input[type="url"], #content .gform_wrapper form input[type="date"], #content .gform_wrapper form input[type="datetime"], #content .gform_wrapper form input[type="datetime-local"], #content .gform_wrapper form input[type="month"], #content .gform_wrapper form input[type="number"], #content .gform_wrapper form input[type="password"], #content .gform_wrapper form input[type="search"], #content .gform_wrapper form input[type="tel"], #content .gform_wrapper form input[type="time"], #content .gform_wrapper form input[type="week"], #site-footer .gform_wrapper form textarea, #site-footer .gform_wrapper form select, #site-footer .gform_wrapper form .gfield_select, #site-footer .gform_wrapper form input[type="text"], #site-footer .gform_wrapper form input[type="email"], #site-footer .gform_wrapper form input[type="url"], #site-footer .gform_wrapper form input[type="date"], #site-footer .gform_wrapper form input[type="datetime"], #site-footer .gform_wrapper form input[type="datetime-local"], #site-footer .gform_wrapper form input[type="month"], #site-footer .gform_wrapper form input[type="number"], #site-footer .gform_wrapper form input[type="password"], #site-footer .gform_wrapper form input[type="search"], #site-footer .gform_wrapper form input[type="tel"], #site-footer .gform_wrapper form input[type="time"], #site-footer .gform_wrapper form input[type="week"] { border-radius: 3px; } } .masthead-wrapper form textarea:active, .masthead-wrapper form textarea:focus, .masthead-wrapper form select:active, .masthead-wrapper form select:focus, .masthead-wrapper form .gfield_select:active, .masthead-wrapper form .gfield_select:focus, .masthead-wrapper form input[type="text"]:active, .masthead-wrapper form input[type="text"]:focus, .masthead-wrapper form input[type="email"]:active, .masthead-wrapper form input[type="email"]:focus, .masthead-wrapper form input[type="url"]:active, .masthead-wrapper form input[type="url"]:focus, .masthead-wrapper form input[type="date"]:active, .masthead-wrapper form input[type="date"]:focus, .masthead-wrapper form input[type="datetime"]:active, .masthead-wrapper form input[type="datetime"]:focus, .masthead-wrapper form input[type="datetime-local"]:active, .masthead-wrapper form input[type="datetime-local"]:focus, .masthead-wrapper form input[type="month"]:active, .masthead-wrapper form input[type="month"]:focus, .masthead-wrapper form input[type="number"]:active, .masthead-wrapper form input[type="number"]:focus, .masthead-wrapper form input[type="password"]:active, .masthead-wrapper form input[type="password"]:focus, .masthead-wrapper form input[type="search"]:active, .masthead-wrapper form input[type="search"]:focus, .masthead-wrapper form input[type="tel"]:active, .masthead-wrapper form input[type="tel"]:focus, .masthead-wrapper form input[type="time"]:active, .masthead-wrapper form input[type="time"]:focus, .masthead-wrapper form input[type="week"]:active, .masthead-wrapper form input[type="week"]:focus, .page-header form textarea:active, .page-header form textarea:focus, .page-header form select:active, .page-header form select:focus, .page-header form .gfield_select:active, .page-header form .gfield_select:focus, .page-header form input[type="text"]:active, .page-header form input[type="text"]:focus, .page-header form input[type="email"]:active, .page-header form input[type="email"]:focus, .page-header form input[type="url"]:active, .page-header form input[type="url"]:focus, .page-header form input[type="date"]:active, .page-header form input[type="date"]:focus, .page-header form input[type="datetime"]:active, .page-header form input[type="datetime"]:focus, .page-header form input[type="datetime-local"]:active, .page-header form input[type="datetime-local"]:focus, .page-header form input[type="month"]:active, .page-header form input[type="month"]:focus, .page-header form input[type="number"]:active, .page-header form input[type="number"]:focus, .page-header form input[type="password"]:active, .page-header form input[type="password"]:focus, .page-header form input[type="search"]:active, .page-header form input[type="search"]:focus, .page-header form input[type="tel"]:active, .page-header form input[type="tel"]:focus, .page-header form input[type="time"]:active, .page-header form input[type="time"]:focus, .page-header form input[type="week"]:active, .page-header form input[type="week"]:focus, #content form textarea:active, #content form textarea:focus, #content form select:active, #content form select:focus, #content form .gfield_select:active, #content form .gfield_select:focus, #content form input[type="text"]:active, #content form input[type="text"]:focus, #content form input[type="email"]:active, #content form input[type="email"]:focus, #content form input[type="url"]:active, #content form input[type="url"]:focus, #content form input[type="date"]:active, #content form input[type="date"]:focus, #content form input[type="datetime"]:active, #content form input[type="datetime"]:focus, #content form input[type="datetime-local"]:active, #content form input[type="datetime-local"]:focus, #content form input[type="month"]:active, #content form input[type="month"]:focus, #content form input[type="number"]:active, #content form input[type="number"]:focus, #content form input[type="password"]:active, #content form input[type="password"]:focus, #content form input[type="search"]:active, #content form input[type="search"]:focus, #content form input[type="tel"]:active, #content form input[type="tel"]:focus, #content form input[type="time"]:active, #content form input[type="time"]:focus, #content form input[type="week"]:active, #content form input[type="week"]:focus, #site-footer form textarea:active, #site-footer form textarea:focus, #site-footer form select:active, #site-footer form select:focus, #site-footer form .gfield_select:active, #site-footer form .gfield_select:focus, #site-footer form input[type="text"]:active, #site-footer form input[type="text"]:focus, #site-footer form input[type="email"]:active, #site-footer form input[type="email"]:focus, #site-footer form input[type="url"]:active, #site-footer form input[type="url"]:focus, #site-footer form input[type="date"]:active, #site-footer form input[type="date"]:focus, #site-footer form input[type="datetime"]:active, #site-footer form input[type="datetime"]:focus, #site-footer form input[type="datetime-local"]:active, #site-footer form input[type="datetime-local"]:focus, #site-footer form input[type="month"]:active, #site-footer form input[type="month"]:focus, #site-footer form input[type="number"]:active, #site-footer form input[type="number"]:focus, #site-footer form input[type="password"]:active, #site-footer form input[type="password"]:focus, #site-footer form input[type="search"]:active, #site-footer form input[type="search"]:focus, #site-footer form input[type="tel"]:active, #site-footer form input[type="tel"]:focus, #site-footer form input[type="time"]:active, #site-footer form input[type="time"]:focus, #site-footer form input[type="week"]:active, #site-footer form input[type="week"]:focus, #content .comment-form textarea:active, #content .comment-form textarea:focus, #content .comment-form select:active, #content .comment-form select:focus, #content .comment-form .gfield_select:active, #content .comment-form .gfield_select:focus, #content .comment-form input[type="text"]:active, #content .comment-form input[type="text"]:focus, #content .comment-form input[type="email"]:active, #content .comment-form input[type="email"]:focus, #content .comment-form input[type="url"]:active, #content .comment-form input[type="url"]:focus, #content .comment-form input[type="date"]:active, #content .comment-form input[type="date"]:focus, #content .comment-form input[type="datetime"]:active, #content .comment-form input[type="datetime"]:focus, #content .comment-form input[type="datetime-local"]:active, #content .comment-form input[type="datetime-local"]:focus, #content .comment-form input[type="month"]:active, #content .comment-form input[type="month"]:focus, #content .comment-form input[type="number"]:active, #content .comment-form input[type="number"]:focus, #content .comment-form input[type="password"]:active, #content .comment-form input[type="password"]:focus, #content .comment-form input[type="search"]:active, #content .comment-form input[type="search"]:focus, #content .comment-form input[type="tel"]:active, #content .comment-form input[type="tel"]:focus, #content .comment-form input[type="time"]:active, #content .comment-form input[type="time"]:focus, #content .comment-form input[type="week"]:active, #content .comment-form input[type="week"]:focus, .masthead-wrapper form textarea:active, .masthead-wrapper form textarea:focus, .masthead-wrapper form select:active, .masthead-wrapper form select:focus, .masthead-wrapper form .gfield_select:active, .masthead-wrapper form .gfield_select:focus, .masthead-wrapper form input[type="text"]:active, .masthead-wrapper form input[type="text"]:focus, .masthead-wrapper form input[type="email"]:active, .masthead-wrapper form input[type="email"]:focus, .masthead-wrapper form input[type="url"]:active, .masthead-wrapper form input[type="url"]:focus, .masthead-wrapper form input[type="date"]:active, .masthead-wrapper form input[type="date"]:focus, .masthead-wrapper form input[type="datetime"]:active, .masthead-wrapper form input[type="datetime"]:focus, .masthead-wrapper form input[type="datetime-local"]:active, .masthead-wrapper form input[type="datetime-local"]:focus, .masthead-wrapper form input[type="month"]:active, .masthead-wrapper form input[type="month"]:focus, .masthead-wrapper form input[type="number"]:active, .masthead-wrapper form input[type="number"]:focus, .masthead-wrapper form input[type="password"]:active, .masthead-wrapper form input[type="password"]:focus, .masthead-wrapper form input[type="search"]:active, .masthead-wrapper form input[type="search"]:focus, .masthead-wrapper form input[type="tel"]:active, .masthead-wrapper form input[type="tel"]:focus, .masthead-wrapper form input[type="time"]:active, .masthead-wrapper form input[type="time"]:focus, .masthead-wrapper form input[type="week"]:active, .masthead-wrapper form input[type="week"]:focus, .page-header form textarea:active, .page-header form textarea:focus, .page-header form select:active, .page-header form select:focus, .page-header form .gfield_select:active, .page-header form .gfield_select:focus, .page-header form input[type="text"]:active, .page-header form input[type="text"]:focus, .page-header form input[type="email"]:active, .page-header form input[type="email"]:focus, .page-header form input[type="url"]:active, .page-header form input[type="url"]:focus, .page-header form input[type="date"]:active, .page-header form input[type="date"]:focus, .page-header form input[type="datetime"]:active, .page-header form input[type="datetime"]:focus, .page-header form input[type="datetime-local"]:active, .page-header form input[type="datetime-local"]:focus, .page-header form input[type="month"]:active, .page-header form input[type="month"]:focus, .page-header form input[type="number"]:active, .page-header form input[type="number"]:focus, .page-header form input[type="password"]:active, .page-header form input[type="password"]:focus, .page-header form input[type="search"]:active, .page-header form input[type="search"]:focus, .page-header form input[type="tel"]:active, .page-header form input[type="tel"]:focus, .page-header form input[type="time"]:active, .page-header form input[type="time"]:focus, .page-header form input[type="week"]:active, .page-header form input[type="week"]:focus, #content .gform_wrapper form textarea:active, #content .gform_wrapper form textarea:focus, #content .gform_wrapper form select:active, #content .gform_wrapper form select:focus, #content .gform_wrapper form .gfield_select:active, #content .gform_wrapper form .gfield_select:focus, #content .gform_wrapper form input[type="text"]:active, #content .gform_wrapper form input[type="text"]:focus, #content .gform_wrapper form input[type="email"]:active, #content .gform_wrapper form input[type="email"]:focus, #content .gform_wrapper form input[type="url"]:active, #content .gform_wrapper form input[type="url"]:focus, #content .gform_wrapper form input[type="date"]:active, #content .gform_wrapper form input[type="date"]:focus, #content .gform_wrapper form input[type="datetime"]:active, #content .gform_wrapper form input[type="datetime"]:focus, #content .gform_wrapper form input[type="datetime-local"]:active, #content .gform_wrapper form input[type="datetime-local"]:focus, #content .gform_wrapper form input[type="month"]:active, #content .gform_wrapper form input[type="month"]:focus, #content .gform_wrapper form input[type="number"]:active, #content .gform_wrapper form input[type="number"]:focus, #content .gform_wrapper form input[type="password"]:active, #content .gform_wrapper form input[type="password"]:focus, #content .gform_wrapper form input[type="search"]:active, #content .gform_wrapper form input[type="search"]:focus, #content .gform_wrapper form input[type="tel"]:active, #content .gform_wrapper form input[type="tel"]:focus, #content .gform_wrapper form input[type="time"]:active, #content .gform_wrapper form input[type="time"]:focus, #content .gform_wrapper form input[type="week"]:active, #content .gform_wrapper form input[type="week"]:focus, #site-footer .gform_wrapper form textarea:active, #site-footer .gform_wrapper form textarea:focus, #site-footer .gform_wrapper form select:active, #site-footer .gform_wrapper form select:focus, #site-footer .gform_wrapper form .gfield_select:active, #site-footer .gform_wrapper form .gfield_select:focus, #site-footer .gform_wrapper form input[type="text"]:active, #site-footer .gform_wrapper form input[type="text"]:focus, #site-footer .gform_wrapper form input[type="email"]:active, #site-footer .gform_wrapper form input[type="email"]:focus, #site-footer .gform_wrapper form input[type="url"]:active, #site-footer .gform_wrapper form input[type="url"]:focus, #site-footer .gform_wrapper form input[type="date"]:active, #site-footer .gform_wrapper form input[type="date"]:focus, #site-footer .gform_wrapper form input[type="datetime"]:active, #site-footer .gform_wrapper form input[type="datetime"]:focus, #site-footer .gform_wrapper form input[type="datetime-local"]:active, #site-footer .gform_wrapper form input[type="datetime-local"]:focus, #site-footer .gform_wrapper form input[type="month"]:active, #site-footer .gform_wrapper form input[type="month"]:focus, #site-footer .gform_wrapper form input[type="number"]:active, #site-footer .gform_wrapper form input[type="number"]:focus, #site-footer .gform_wrapper form input[type="password"]:active, #site-footer .gform_wrapper form input[type="password"]:focus, #site-footer .gform_wrapper form input[type="search"]:active, #site-footer .gform_wrapper form input[type="search"]:focus, #site-footer .gform_wrapper form input[type="tel"]:active, #site-footer .gform_wrapper form input[type="tel"]:focus, #site-footer .gform_wrapper form input[type="time"]:active, #site-footer .gform_wrapper form input[type="time"]:focus, #site-footer .gform_wrapper form input[type="week"]:active, #site-footer .gform_wrapper form input[type="week"]:focus { background-color: #fff; border: 1px solid #00a49e; outline: none; box-shadow: none; } .masthead-wrapper form input[type="text"].gf_coupon_code, .page-header form input[type="text"].gf_coupon_code, #content form input[type="text"].gf_coupon_code, #site-footer form input[type="text"].gf_coupon_code, #content .comment-form input[type="text"].gf_coupon_code, .masthead-wrapper form input[type="text"].gf_coupon_code, .page-header form input[type="text"].gf_coupon_code, #content .gform_wrapper form input[type="text"].gf_coupon_code, #site-footer .gform_wrapper form input[type="text"].gf_coupon_code { width: calc( 100% - 88px) !important; } @media (min-width: 768px) { .masthead-wrapper form input[type="text"].gf_coupon_code, .page-header form input[type="text"].gf_coupon_code, #content form input[type="text"].gf_coupon_code, #site-footer form input[type="text"].gf_coupon_code, #content .comment-form input[type="text"].gf_coupon_code, .masthead-wrapper form input[type="text"].gf_coupon_code, .page-header form input[type="text"].gf_coupon_code, #content .gform_wrapper form input[type="text"].gf_coupon_code, #site-footer .gform_wrapper form input[type="text"].gf_coupon_code { width: initial !important; } } .masthead-wrapper form input[type="button"]#gf_coupon_button, .page-header form input[type="button"]#gf_coupon_button, #content form input[type="button"]#gf_coupon_button, #site-footer form input[type="button"]#gf_coupon_button, #content .comment-form input[type="button"]#gf_coupon_button, .masthead-wrapper form input[type="button"]#gf_coupon_button, .page-header form input[type="button"]#gf_coupon_button, #content .gform_wrapper form input[type="button"]#gf_coupon_button, #site-footer .gform_wrapper form input[type="button"]#gf_coupon_button { height: 40px; vertical-align: top; margin-bottom: 10px; } .masthead-wrapper form div#gf_coupon_info, .page-header form div#gf_coupon_info, #content form div#gf_coupon_info, #site-footer form div#gf_coupon_info, #content .comment-form div#gf_coupon_info, .masthead-wrapper form div#gf_coupon_info, .page-header form div#gf_coupon_info, #content .gform_wrapper form div#gf_coupon_info, #site-footer .gform_wrapper form div#gf_coupon_info { margin-top: 0; } .masthead-wrapper form input[type="checkbox"], .masthead-wrapper form input[type="radio"], .page-header form input[type="checkbox"], .page-header form input[type="radio"], #content form input[type="checkbox"], #content form input[type="radio"], #site-footer form input[type="checkbox"], #site-footer form input[type="radio"], #content .comment-form input[type="checkbox"], #content .comment-form input[type="radio"], .masthead-wrapper form input[type="checkbox"], .masthead-wrapper form input[type="radio"], .page-header form input[type="checkbox"], .page-header form input[type="radio"], #content .gform_wrapper form input[type="checkbox"], #content .gform_wrapper form input[type="radio"], #site-footer .gform_wrapper form input[type="checkbox"], #site-footer .gform_wrapper form input[type="radio"] { margin: 0.28em 0 0 0; float: left !important; } .masthead-wrapper form input[type="file"], .page-header form input[type="file"], #content form input[type="file"], #site-footer form input[type="file"], #content .comment-form input[type="file"], .masthead-wrapper form input[type="file"], .page-header form input[type="file"], #content .gform_wrapper form input[type="file"], #site-footer .gform_wrapper form input[type="file"] { width: 100%; } @media (max-width: 767px) { .masthead-wrapper form .has-columns ul, .page-header form .has-columns ul, #content form .has-columns ul, #site-footer form .has-columns ul, #content .comment-form .has-columns ul, .masthead-wrapper form .has-columns ul, .page-header form .has-columns ul, #content .gform_wrapper form .has-columns ul, #site-footer .gform_wrapper form .has-columns ul { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } } @media (min-width: 768px) { .masthead-wrapper form .has-columns ul, .page-header form .has-columns ul, #content form .has-columns ul, #site-footer form .has-columns ul, #content .comment-form .has-columns ul, .masthead-wrapper form .has-columns ul, .page-header form .has-columns ul, #content .gform_wrapper form .has-columns ul, #site-footer .gform_wrapper form .has-columns ul { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } } @media (min-width: 910px) { .masthead-wrapper form .has-columns ul, .page-header form .has-columns ul, #content form .has-columns ul, #site-footer form .has-columns ul, #content .comment-form .has-columns ul, .masthead-wrapper form .has-columns ul, .page-header form .has-columns ul, #content .gform_wrapper form .has-columns ul, #site-footer .gform_wrapper form .has-columns ul { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } .masthead-wrapper form textarea, .page-header form textarea, #content form textarea, #site-footer form textarea, #content .comment-form textarea, .masthead-wrapper form textarea, .page-header form textarea, #content .gform_wrapper form textarea, #site-footer .gform_wrapper form textarea { height: 8em; } .masthead-wrapper form select, .page-header form select, #content form select, #site-footer form select, #content .comment-form select, .masthead-wrapper form select, .page-header form select, #content .gform_wrapper form select, #site-footer .gform_wrapper form select { padding-left: 0 !important; padding-right: 0 !important; } .masthead-wrapper form select option, .page-header form select option, #content form select option, #site-footer form select option, #content .comment-form select option, .masthead-wrapper form select option, .page-header form select option, #content .gform_wrapper form select option, #site-footer .gform_wrapper form select option { padding: 3px 5px; } .masthead-wrapper form select::-ms-expand, .page-header form select::-ms-expand, #content form select::-ms-expand, #site-footer form select::-ms-expand, #content .comment-form select::-ms-expand, .masthead-wrapper form select::-ms-expand, .page-header form select::-ms-expand, #content .gform_wrapper form select::-ms-expand, #site-footer .gform_wrapper form select::-ms-expand { display: none; } .masthead-wrapper form select:not([multiple]), .page-header form select:not([multiple]), #content form select:not([multiple]), #site-footer form select:not([multiple]), #content .comment-form select:not([multiple]), .masthead-wrapper form select:not([multiple]), .page-header form select:not([multiple]), #content .gform_wrapper form select:not([multiple]), #site-footer .gform_wrapper form select:not([multiple]) { padding-left: 5px !important; padding-right: 1.5em !important; -webkit-appearance: none; -moz-appearance: none; background-position: right 50%; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=); border-radius: 3px; } /* ========================================================================== Gravity Forms ========================================================================== */ #content .gform_wrapper form, #site-footer .gform_wrapper form { position: relative; /* Datepicker ========================================================================== */ /* List field ========================================================================== */ /* Credit Card fields ========================================================================== */ /* Validation Styles ========================================================================== */ } #content .gform_wrapper form .ginput_container, #site-footer .gform_wrapper form .ginput_container { margin: 0; position: relative; } #content .gform_wrapper form .ginput_container input, #site-footer .gform_wrapper form .ginput_container input { border-radius: 3px; } #content .gform_wrapper form .ginput_complex label, #content .gform_wrapper form .gfield_time_hour label, #content .gform_wrapper form .gfield_time_minute label, #site-footer .gform_wrapper form .ginput_complex label, #site-footer .gform_wrapper form .gfield_time_hour label, #site-footer .gform_wrapper form .gfield_time_minute label { font-size: 14px; font-size: 1.4rem; font-weight: 400; color: #444; } #content .gform_wrapper form .name_first, #content .gform_wrapper form .name_last, #content .gform_wrapper form .ginput_left, #content .gform_wrapper form .ginput_right, #site-footer .gform_wrapper form .name_first, #site-footer .gform_wrapper form .name_last, #site-footer .gform_wrapper form .ginput_left, #site-footer .gform_wrapper form .ginput_right { display: inline-block; width: 50%; margin: 0; padding: 0; float: left; } @media (max-width: 767px) { #content .gform_wrapper form .ginput_left, #content .gform_wrapper form .ginput_right, #site-footer .gform_wrapper form .ginput_left, #site-footer .gform_wrapper form .ginput_right { display: block; width: 100%; float: none; } } #content .gform_wrapper form .name_first, #content .gform_wrapper form .ginput_left, #site-footer .gform_wrapper form .name_first, #site-footer .gform_wrapper form .ginput_left { padding-right: 1% !important; } @media (max-width: 767px) { #content .gform_wrapper form .name_first, #content .gform_wrapper form .ginput_left, #site-footer .gform_wrapper form .name_first, #site-footer .gform_wrapper form .ginput_left { padding-right: 0 !important; } } #content .gform_wrapper form .name_last, #content .gform_wrapper form .ginput_right, #site-footer .gform_wrapper form .name_last, #site-footer .gform_wrapper form .ginput_right { padding-left: 1%; } @media (max-width: 767px) { #content .gform_wrapper form .name_last, #content .gform_wrapper form .ginput_right, #site-footer .gform_wrapper form .name_last, #site-footer .gform_wrapper form .ginput_right { padding-left: 0; } } #content .gform_wrapper form .gfield_time_hour, #site-footer .gform_wrapper form .gfield_time_hour { margin-right: 1%; } #content .gform_wrapper form .gfield_time_hour i, #site-footer .gform_wrapper form .gfield_time_hour i { display: none; } #content .gform_wrapper form .gfield_time_minute, #site-footer .gform_wrapper form .gfield_time_minute { margin-right: 1%; } #content .gform_wrapper form .has_first_name > span label, #content .gform_wrapper form .has_street > span label, #site-footer .gform_wrapper form .has_first_name > span label, #site-footer .gform_wrapper form .has_street > span label { font-size: 15px; color: #444444; font-weight: 400; margin-bottom: 0.5em; } #content .gform_wrapper form input[type="submit"], #site-footer .gform_wrapper form input[type="submit"] { font-family: "Gotham SSm A", "Gotham SSm B"; margin-right: 0; } #content .gform_wrapper form .ginput_container_checkbox ul, #content .gform_wrapper form .ginput_container_checkbox li, #content .gform_wrapper form .ginput_container_checkbox label, #site-footer .gform_wrapper form .ginput_container_checkbox ul, #site-footer .gform_wrapper form .ginput_container_checkbox li, #site-footer .gform_wrapper form .ginput_container_checkbox label { margin: 0; } #content .gform_wrapper form .first-checkbox, #site-footer .gform_wrapper form .first-checkbox { padding-bottom: 0; } #content .gform_wrapper form input[type="text"].hasDatepicker, #site-footer .gform_wrapper form input[type="text"].hasDatepicker { margin-right: 8px !important; } #content .gform_wrapper form .ui-datepicker-trigger, #site-footer .gform_wrapper form .ui-datepicker-trigger { position: absolute; top: 10px; } #content .gform_wrapper form .gfield_list, #site-footer .gform_wrapper form .gfield_list { width: 100%; } #content .gform_wrapper form .gfield_list_cell, #site-footer .gform_wrapper form .gfield_list_cell { width: 100% !important; } #content .gform_wrapper form .gfield_list_icons, #site-footer .gform_wrapper form .gfield_list_icons { width: 0 !important; } button.add_list_item { color:transparent; margin-right: 17px; margin-left: 10px; } button.delete_list_item { color:transparent; content: ""; } #content .gform_wrapper form .gfield_checkbox, #content .gform_wrapper form .gfield_radio, #site-footer .gform_wrapper form .gfield_checkbox, #site-footer .gform_wrapper form .gfield_radio { padding-left: 3px; } #content .gform_wrapper form .gfield_checkbox li label, #content .gform_wrapper form .gfield_radio li label, #site-footer .gform_wrapper form .gfield_checkbox li label, #site-footer .gform_wrapper form .gfield_radio li label { padding-left: 25px; font-weight: 400; cursor: pointer; } #content .gform_wrapper form .ginput_full, #site-footer .gform_wrapper form .ginput_full { width: 100%; display: block; } #content .gform_wrapper form .gfield_creditcard_warning_message span, #site-footer .gform_wrapper form .gfield_creditcard_warning_message span { color: #790000 !important; } #content .gform_wrapper form .gfield_creditcard_warning, #site-footer .gform_wrapper form .gfield_creditcard_warning { margin-right: 0 !important; width: auto !important; } @media (max-width: 767px) { #content .gform_wrapper form .ginput_cardinfo_left, #site-footer .gform_wrapper form .ginput_cardinfo_left { width: 100% !important; } } #content .gform_wrapper form .ginput_cardinfo_right, #site-footer .gform_wrapper form .ginput_cardinfo_right { position: relative; margin-left: 0.35em !important; } @media (min-width: 768px) and (max-width: 957px) { #content .gform_wrapper form .ginput_cardinfo_right, #site-footer .gform_wrapper form .ginput_cardinfo_right { width: 48%; } } @media (min-width: 958px) { #content .gform_wrapper form .ginput_cardinfo_right, #site-footer .gform_wrapper form .ginput_cardinfo_right { width: 49%; } } @media (max-width: 767px) { #content .gform_wrapper form .ginput_cardinfo_right, #site-footer .gform_wrapper form .ginput_cardinfo_right { width: 100% !important; margin-left: 0 !important; } } #content .gform_wrapper form .ginput_cardinfo_right .ginput_card_security_code, #site-footer .gform_wrapper form .ginput_cardinfo_right .ginput_card_security_code { padding-right: 50px !important; } #content .gform_wrapper form .ginput_cardinfo_right .ginput_card_security_code_icon, #site-footer .gform_wrapper form .ginput_cardinfo_right .ginput_card_security_code_icon { position: absolute; left: initial !important; top: 9px; right: 10px; } @media (max-width: 641px) { #content .gform_wrapper form .ginput_cardinfo_right .ginput_card_security_code_icon, #site-footer .gform_wrapper form .ginput_cardinfo_right .ginput_card_security_code_icon { top: 121px; } } #content .gform_wrapper form .ginput_card_expiration_month, #content .gform_wrapper form .ginput_card_expiration_year, #site-footer .gform_wrapper form .ginput_card_expiration_month, #site-footer .gform_wrapper form .ginput_card_expiration_year { width: 48% !important; } @media (max-width: 767px) { #content .gform_wrapper form .ginput_card_expiration_month, #content .gform_wrapper form .ginput_card_expiration_year, #site-footer .gform_wrapper form .ginput_card_expiration_month, #site-footer .gform_wrapper form .ginput_card_expiration_year { width: 100% !important; float: none !important; } } @media (max-width: 767px) { #content .gform_wrapper form .ginput_card_expiration_month, #site-footer .gform_wrapper form .ginput_card_expiration_month { margin-bottom: 0.5em !important; } } #content .gform_wrapper form .ginput_card_expiration_container label, #site-footer .gform_wrapper form .ginput_card_expiration_container label { float: left !important; } #content .gform_wrapper form .gfield div.ginput_container_address:after, #site-footer .gform_wrapper form .gfield div.ginput_container_address:after { display: table; content: ''; clear: both; } #content .gform_wrapper form .copy_values_option_container, #site-footer .gform_wrapper form .copy_values_option_container { margin-bottom: 1em !important; } #content .gform_wrapper form .copy_values_option_container .copy_values_activated, #site-footer .gform_wrapper form .copy_values_option_container .copy_values_activated { margin: 0.35em 0.5em 0 0 !important; } #content .gform_wrapper form .copy_values_option_container .copy_values_option_label, #site-footer .gform_wrapper form .copy_values_option_container .copy_values_option_label { font-weight: 400 !important; } #content .gform_wrapper form .gfield_error, #site-footer .gform_wrapper form .gfield_error { max-width: 100%; width: 100%; background: none; border: none; } #content .gform_wrapper form .gfield_error .ginput_container, #site-footer .gform_wrapper form .gfield_error .ginput_container { max-width: 100%; width: 100%; } #content .gform_wrapper form .gfield_error .gfield_label, #content .gform_wrapper form .gfield_error .ginput_complex label, #site-footer .gform_wrapper form .gfield_error .gfield_label, #site-footer .gform_wrapper form .gfield_error .ginput_complex label { color: #790000 !important; } #content .gform_wrapper form .gfield_error textarea, #content .gform_wrapper form .gfield_error select, #content .gform_wrapper form .gfield_error .gfield_select, #content .gform_wrapper form .gfield_error input[type="text"], #content .gform_wrapper form .gfield_error input[type="email"], #content .gform_wrapper form .gfield_error input[type="url"], #content .gform_wrapper form .gfield_error input[type="date"], #content .gform_wrapper form .gfield_error input[type="datetime"], #content .gform_wrapper form .gfield_error input[type="datetime-local"], #content .gform_wrapper form .gfield_error input[type="month"], #content .gform_wrapper form .gfield_error input[type="number"], #content .gform_wrapper form .gfield_error input[type="password"], #content .gform_wrapper form .gfield_error input[type="search"], #content .gform_wrapper form .gfield_error input[type="tel"], #content .gform_wrapper form .gfield_error input[type="time"], #content .gform_wrapper form .gfield_error input[type="week"], #site-footer .gform_wrapper form .gfield_error textarea, #site-footer .gform_wrapper form .gfield_error select, #site-footer .gform_wrapper form .gfield_error .gfield_select, #site-footer .gform_wrapper form .gfield_error input[type="text"], #site-footer .gform_wrapper form .gfield_error input[type="email"], #site-footer .gform_wrapper form .gfield_error input[type="url"], #site-footer .gform_wrapper form .gfield_error input[type="date"], #site-footer .gform_wrapper form .gfield_error input[type="datetime"], #site-footer .gform_wrapper form .gfield_error input[type="datetime-local"], #site-footer .gform_wrapper form .gfield_error input[type="month"], #site-footer .gform_wrapper form .gfield_error input[type="number"], #site-footer .gform_wrapper form .gfield_error input[type="password"], #site-footer .gform_wrapper form .gfield_error input[type="search"], #site-footer .gform_wrapper form .gfield_error input[type="tel"], #site-footer .gform_wrapper form .gfield_error input[type="time"], #site-footer .gform_wrapper form .gfield_error input[type="week"] { border: 1px solid #790000; background-color: #f5d1d1; } #content .gform_wrapper form .gfield_error textarea:active, #content .gform_wrapper form .gfield_error textarea:focus, #content .gform_wrapper form .gfield_error select:active, #content .gform_wrapper form .gfield_error select:focus, #content .gform_wrapper form .gfield_error .gfield_select:active, #content .gform_wrapper form .gfield_error .gfield_select:focus, #content .gform_wrapper form .gfield_error input[type="text"]:active, #content .gform_wrapper form .gfield_error input[type="text"]:focus, #content .gform_wrapper form .gfield_error input[type="email"]:active, #content .gform_wrapper form .gfield_error input[type="email"]:focus, #content .gform_wrapper form .gfield_error input[type="url"]:active, #content .gform_wrapper form .gfield_error input[type="url"]:focus, #content .gform_wrapper form .gfield_error input[type="date"]:active, #content .gform_wrapper form .gfield_error input[type="date"]:focus, #content .gform_wrapper form .gfield_error input[type="datetime"]:active, #content .gform_wrapper form .gfield_error input[type="datetime"]:focus, #content .gform_wrapper form .gfield_error input[type="datetime-local"]:active, #content .gform_wrapper form .gfield_error input[type="datetime-local"]:focus, #content .gform_wrapper form .gfield_error input[type="month"]:active, #content .gform_wrapper form .gfield_error input[type="month"]:focus, #content .gform_wrapper form .gfield_error input[type="number"]:active, #content .gform_wrapper form .gfield_error input[type="number"]:focus, #content .gform_wrapper form .gfield_error input[type="password"]:active, #content .gform_wrapper form .gfield_error input[type="password"]:focus, #content .gform_wrapper form .gfield_error input[type="search"]:active, #content .gform_wrapper form .gfield_error input[type="search"]:focus, #content .gform_wrapper form .gfield_error input[type="tel"]:active, #content .gform_wrapper form .gfield_error input[type="tel"]:focus, #content .gform_wrapper form .gfield_error input[type="time"]:active, #content .gform_wrapper form .gfield_error input[type="time"]:focus, #content .gform_wrapper form .gfield_error input[type="week"]:active, #content .gform_wrapper form .gfield_error input[type="week"]:focus, #site-footer .gform_wrapper form .gfield_error textarea:active, #site-footer .gform_wrapper form .gfield_error textarea:focus, #site-footer .gform_wrapper form .gfield_error select:active, #site-footer .gform_wrapper form .gfield_error select:focus, #site-footer .gform_wrapper form .gfield_error .gfield_select:active, #site-footer .gform_wrapper form .gfield_error .gfield_select:focus, #site-footer .gform_wrapper form .gfield_error input[type="text"]:active, #site-footer .gform_wrapper form .gfield_error input[type="text"]:focus, #site-footer .gform_wrapper form .gfield_error input[type="email"]:active, #site-footer .gform_wrapper form .gfield_error input[type="email"]:focus, #site-footer .gform_wrapper form .gfield_error input[type="url"]:active, #site-footer .gform_wrapper form .gfield_error input[type="url"]:focus, #site-footer .gform_wrapper form .gfield_error input[type="date"]:active, #site-footer .gform_wrapper form .gfield_error input[type="date"]:focus, #site-footer .gform_wrapper form .gfield_error input[type="datetime"]:active, #site-footer .gform_wrapper form .gfield_error input[type="datetime"]:focus, #site-footer .gform_wrapper form .gfield_error input[type="datetime-local"]:active, #site-footer .gform_wrapper form .gfield_error input[type="datetime-local"]:focus, #site-footer .gform_wrapper form .gfield_error input[type="month"]:active, #site-footer .gform_wrapper form .gfield_error input[type="month"]:focus, #site-footer .gform_wrapper form .gfield_error input[type="number"]:active, #site-footer .gform_wrapper form .gfield_error input[type="number"]:focus, #site-footer .gform_wrapper form .gfield_error input[type="password"]:active, #site-footer .gform_wrapper form .gfield_error input[type="password"]:focus, #site-footer .gform_wrapper form .gfield_error input[type="search"]:active, #site-footer .gform_wrapper form .gfield_error input[type="search"]:focus, #site-footer .gform_wrapper form .gfield_error input[type="tel"]:active, #site-footer .gform_wrapper form .gfield_error input[type="tel"]:focus, #site-footer .gform_wrapper form .gfield_error input[type="time"]:active, #site-footer .gform_wrapper form .gfield_error input[type="time"]:focus, #site-footer .gform_wrapper form .gfield_error input[type="week"]:active, #site-footer .gform_wrapper form .gfield_error input[type="week"]:focus { border: 1px solid #00a49e !important; background-color: #ecf8f8 !important; } #content .gform_wrapper form .gfield_error .validation_message, #site-footer .gform_wrapper form .gfield_error .validation_message { max-width: 100%; width: 100%; margin: 0; color: #790000; font-weight: normal; } #content .gform_wrapper form .gfield_error .validation_message:not(.instruction), #site-footer .gform_wrapper form .gfield_error .validation_message:not(.instruction) { position: relative; padding-left: 12px !important; } #content .gform_wrapper form .gfield_error .validation_message:not(.instruction):before, #site-footer .gform_wrapper form .gfield_error .validation_message:not(.instruction):before { content: ""; width: 0; height: 0; margin-top: 4px; position: absolute; top: 18px; left: 0; border-style: solid; border-width: 0 3px 5px 3px; border-color: transparent transparent #790000 transparent; } #content .gform_wrapper form .validation_error, #site-footer .gform_wrapper form .validation_error { max-width: 100%; width: 100%; font-size: 16px; font-size: 1.6rem; text-align: center; color: #790000; font-weight: 700; margin-bottom: 25px; border-top: 2px solid #790000; border-bottom: 2px solid #790000; padding: 16px; clear: both; } #content .gform_wrapper form .gform_footer, #site-footer .gform_wrapper form .gform_footer { padding: 0; text-align: right; } #content .gform_wrapper form .gform_ajax_spinner, #site-footer .gform_wrapper form .gform_ajax_spinner { width: 28px; height: 28px; position: absolute; top: -2px; right: 5px; } @media (min-width: 768px) { #content .gform_wrapper form .gform_ajax_spinner, #site-footer .gform_wrapper form .gform_ajax_spinner { left: 94%; } } @media (min-width: 910px) { #content .gform_wrapper form .gform_ajax_spinner, #site-footer .gform_wrapper form .gform_ajax_spinner { top: 0; left: 94%; } } .gform_wrapper .gform_validation_errors.validation_error { padding: 16px; border-width: 2px; } .gform_wrapper .gform_validation_errors.validation_error h2.gform_submission_error { text-transform: none; } .gform_wrapper .gform_validation_errors.validation_error .gform_validation_error_link { font-size: 14px; font-size: 1.4rem; } .gform_wrapper .gform_validation_errors.validation_error .gform_validation_error_link:hover, .gform_wrapper .gform_validation_errors.validation_error .gform_validation_error_link:focus, .gform_wrapper .gform_validation_errors.validation_error .gform_validation_error_link:active { color: #BB5E5E; } .gform_legacy_markup_wrapper form .gfield .ginput_container_name + .gfield_validation_message { padding-top: 5px; } .gform_legacy_markup_wrapper form .gfield .ginput_container_name + .gfield_validation_message:before { top: 7px !important; } .gform_legacy_markup_wrapper form .gfield .ginput_container_creditcard + .gfield_validation_message, .gform_legacy_markup_wrapper form .gfield .ginput_container_address + .gfield_validation_message { padding-top: 0; } .gform_legacy_markup_wrapper form .gfield .ginput_container_creditcard + .gfield_validation_message:before, .gform_legacy_markup_wrapper form .gfield .ginput_container_address + .gfield_validation_message:before { top: 2px !important; } .gform_legacy_markup_wrapper form .gfield .gfield_date_month, .gform_legacy_markup_wrapper form .gfield .gfield_date_day { margin-right: 5px !important; } .gform_legacy_markup_wrapper form .gfield .gfield_date_year { width: 6rem; max-width: 6rem; } .gform_legacy_markup_wrapper form .gfield .gform_fileupload_multifile .gform_button_select_files { border: 2px solid #00a49e; } #content .gform_legacy_markup_wrapper form .gfield_price .ginput_product_price_label { display: inline; font-weight: 400; } #content .gform_legacy_markup_wrapper form .gfield_price input.ginput_product_price { padding: 0 !important; border: none; color: #900; width: auto !important; height: auto; } .gform_legacy_markup_wrapper .ginput_shipping_price:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { border: none; outline: none; padding: 0 !important; height: auto; } /* End of Legacy Markup Styles */ .gform_confirmation_wrapper .gform_confirmation_message { font-family: "Gotham SSm A", "Gotham SSm B"; color: #000; font-size: 17px; font-size: 1.7rem; } .gform_confirmation_wrapper .gform_confirmation_message a { text-decoration: none; } .gform_confirmation_wrapper .gform_confirmation_message ul { margin-bottom: 0 !important; } .gform_confirmation_wrapper .gform_confirmation_message ul li { line-height: 1.471; } .gform_confirmation_wrapper .gform_confirmation_message ul br { display: none !important; } .gform_confirmation_wrapper .gform_confirmation_message .member-register-thankyou-list { margin-bottom: 0 !important; } /* Footer Email Newsletter Signup ========================================================================== */ footer .gform_wrapper { padding: 0 0 14px 14px; margin: 0; position: relative; } @media (min-width: 768px) { footer .gform_wrapper { float: left; width: 60%; padding: 11px 0 20px 14px; } } @media (min-width: 910px) { footer .gform_wrapper { width: 65%; } } footer .gform_wrapper .gfield_label { color: #fff; font-family: "effra-n4", "effra", sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; font-size: 16px; font-size: 1.6rem; margin-bottom: 0; } @media (min-width: 768px) { footer .gform_wrapper .gfield_label { float: left; width: 15%; } } @media (min-width: 910px) { footer .gform_wrapper .gfield_label { width: 12%; } } footer .gform_wrapper input[type="email"] { width: 100%; padding: .08em 0; } footer .gform_wrapper input[type="email"]:active, footer .gform_wrapper input[type="email"]:focus { background-color: #ecf8f8 !important; } @media (min-width: 768px) { footer .gform_wrapper input[type="email"] { width: 85%; margin-top: .2em; height: 31px; line-height: 31px; } } @media (min-width: 910px) { footer .gform_wrapper input[type="email"] { width: 88%; } } @media (min-width: 910px) { footer .gform_wrapper form { max-width: 700px; } } footer .gfield_required { display: none; } footer .gform_body { width: 70%; float: left; } footer .gform_footer { width: 30%; clear: none; display: inline-block; } @media (min-width: 768px) { footer .gform_footer { margin-top: 0; padding: 0 14px 0 0; } } footer .gform_footer input.button, footer .gform_footer #sc_calendar_wrap #sc_event_select input#sc_submit, #sc_calendar_wrap #sc_event_select footer .gform_footer input#sc_submit, footer .gform_footer #sc_calendar_wrap input.sc_calendar_submit, #sc_calendar_wrap footer .gform_footer input.sc_calendar_submit { padding: 1px 0 2px; margin: .35em 0 0 5%; width: 95%; font-family: "Gotham SSm A", "Gotham SSm B" !important; } footer ul { margin-bottom: 0 !important; } footer ul li { line-height: 1.471; } footer ul br { display: none !important; } footer .member-register-thankyou-list { margin-bottom: 0 !important; } article .gform_wrapper { margin-bottom: 3em !important; } /* Footer Email Newsletter Signup ========================================================================== */ footer .gform_wrapper { padding: 0 0 14px 14px; margin: 0; position: relative; } @media (min-width: 768px) { footer .gform_wrapper { float: left; width: 60%; padding: 11px 0 20px 14px; } } @media (min-width: 910px) { footer .gform_wrapper { width: 65%; } } footer .gform_wrapper .gfield_label { color: #fff; font-family: "effra-n4", "effra", sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; font-size: 16px; font-size: 1.6rem; margin-bottom: 0; } @media (min-width: 768px) { footer .gform_wrapper .gfield_label { float: left; width: 15%; } } @media (min-width: 910px) { footer .gform_wrapper .gfield_label { width: 12%; } } footer .gform_wrapper input[type="email"] { width: 100%; padding: .08em 0; } @media (min-width: 768px) { footer .gform_wrapper input[type="email"] { width: 85%; margin-top: .2em; height: 31px; line-height: 31px; } } @media (min-width: 910px) { footer .gform_wrapper input[type="email"] { width: 88%; } } @media (min-width: 910px) { footer .gform_wrapper form { max-width: 700px; } } footer .gfield_required { display: none; } footer .footer-newsletter-wrapper .footer-newsletter-signup .gform_wrapper .gform_body { width: 70%; float: left; } footer .gform_wrapper .gform_footer { width: 30%; clear: none; display: inline-block; } @media (min-width: 768px) { footer .gform_wrapper .gform_footer { margin-top: 0; padding: 0 14px 0 0; } } footer .gform_wrapper .gform_footer input.button, footer .gform_wrapper .gform_footer #sc_calendar_wrap #sc_event_select input#sc_submit, #sc_calendar_wrap #sc_event_select footer .gform_wrapper .gform_footer input#sc_submit, footer .gform_wrapper .gform_footer #sc_calendar_wrap input.sc_calendar_submit, #sc_calendar_wrap footer .gform_wrapper .gform_footer input.sc_calendar_submit { padding: 1px 0 2px; margin: .35em 0 0 5%; width: 95% !important; font-family: "Gotham SSm A", "Gotham SSm B" !important; } @media (min-width: 768px) { footer .gform_wrapper .gform_footer input.button, footer .gform_wrapper .gform_footer #sc_calendar_wrap #sc_event_select input#sc_submit, #sc_calendar_wrap #sc_event_select footer .gform_wrapper .gform_footer input#sc_submit, footer .gform_wrapper .gform_footer #sc_calendar_wrap input.sc_calendar_submit, #sc_calendar_wrap footer .gform_wrapper .gform_footer input.sc_calendar_submit { margin-top: .5em; } } footer .gform_wrapper .gform_footer .gform_ajax_spinner { position: absolute; top: 30px !important; left: 60% !important; width: 28px !important; } @media (min-width: 769px) and (max-width: 909px) { footer .gform_wrapper .gform_footer .gform_ajax_spinner { top: 40px !important; left: 55%; } } @media (min-width: 910px) { footer .gform_wrapper .gform_footer .gform_ajax_spinner { top: 32px !important; left: 65% !important; } } footer .validation_error { display: none; } footer li.gfield.gfield_error.gfield_contains_required { background: none; border: none; margin-top: 0; width: 100%; } @media (min-width: 768px) { footer li.gfield.gfield_error.gfield_contains_required { margin-bottom: 0 !important; } } footer li.gfield.gfield_error.gfield_contains_required div.ginput_container { margin: .375em 0 0 0; max-width: 100%; } footer li.gfield.gfield_error.gfield_contains_required .validation_message { display: none; } footer li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin: .625em 0 0 0; } footer li.gfield.gfield_error.gfield_contains_required input[type="email"] { border: 2px solid #790000; } footer .gform_confirmation_message { padding: 14px; color: #fff; } @media (min-width: 768px) { footer .gform_confirmation_message { padding: 27px 14px 17px 25px; } } #secondary .gform_wrapper form .gfield_required, #secondary .gform_wrapper form .validation_error, #site-footer .gform_wrapper form .gfield_required, #site-footer .gform_wrapper form .validation_error { display: none; } .gf-name-field:after, #field_13_7:after { content: ""; display: block; clear: both; } .visibility-hidden { visibility: hidden; } .display-none { display: none; } #input_9_6 > li > input { margin-left: 5px !important; } #gform_wrapper_12 { margin-top: 50px !important; } #gform_wrapper_12 label { font-size: 17px !important; margin-bottom: 0.5em !important; } #gform_wrapper_12 .ginput_complex label { font-size: 15px !important; color: #444444 !important; font-weight: 400 !important; margin-bottom: 0.5em !important; } #gform_wrapper_12 #input_12_19, #gform_wrapper_12 #input_12_10_6 { padding-left: 17px !important; } #gform_wrapper_12 .gform_footer { text-align: center !important; margin-bottom: 2.8em !important; } #gform_wrapper_12 .has_street > span { margin-bottom: 1em !important; } #gform_wrapper_12 .has_street .address_city, #gform_wrapper_12 .has_street .address_state { margin-bottom: 0.5em !important; } #gform_wrapper_12 .donate-credit-card > div > span { margin-bottom: 1em !important; } @media (max-width: 540px) { #gform_wrapper_12 .gfield_radio label { font-size: 15px !important; } } #gform_wrapper_12 #field_12_7:after { content: ""; display: block; clear: both; } @media (max-width: 640px) { #gform_wrapper_12 #gform_submit_button_12 { font-size: 14px !important; font-size: 1.4rem !important; } } .donate-amount .gfield_radio li, .donate-type .gfield_radio li { width: 25%; float: left; margin-bottom: 1.8em !important; } .donate-amount .gfield_radio li input[type="radio"], .donate-type .gfield_radio li input[type="radio"] { display: none !important; } .donate-amount .gfield_radio li #input_12_1_other, .donate-type .gfield_radio li #input_12_1_other { width: calc(25% - .6em) !important; } .donate-amount .gfield_radio li label, .donate-type .gfield_radio li label { max-width: 100% !important; } .donate-amount .gfield_radio li input + label, .donate-type .gfield_radio li input + label { margin: 0 1em 0 0 !important; padding: 1em 0 !important; color: #00a49e !important; font-weight: 700 !important; text-align: center; border-radius: 3px; border: 2px solid #00a49e; transition: all 0.3s linear; } @media (max-width: 540px) { .donate-amount .gfield_radio li input + label, .donate-type .gfield_radio li input + label { margin: 0 0.5em 0 0 !important; } } .donate-amount .gfield_radio li input + label:hover, .donate-amount .gfield_radio li input + label:checked, .donate-type .gfield_radio li input + label:hover, .donate-type .gfield_radio li input + label:checked { color: #fff !important; background: #00a49e; cursor: pointer; } .donate-amount .gfield_radio li input[type="radio"]:checked + label, .donate-type .gfield_radio li input[type="radio"]:checked + label { color: #fff !important; background: #00a49e; } .donate-amount.gfield_error li:nth-child(n + 5), .donate-type.gfield_error li:nth-child(n + 5) { margin-bottom: 0 !important; } .donate-type .gfield_radio li { width: 50%; } .donate-type .gfield_radio li label { max-width: 100% !important; } .donate-type .gfield_radio li input + label { color: #004f9d !important; border: 2px solid #004f9d; } .donate-type .gfield_radio li input + label:hover, .donate-type .gfield_radio li input + label:checked { color: #fff !important; background: #004f9d; cursor: pointer; } .donate-type .gfield_radio li input[type="radio"]:checked + label { color: #fff !important; background: #004f9d; } .donate-type.gfield_error li { margin-bottom: 0 !important; } #field_12_14 > label { margin-bottom: 2em !important; } #field_12_6, #field_12_28, #field_12_29 { padding-top: 1em !important; border-bottom: 1px solid #000; } .gsection { padding-top: 1em !important; border-bottom: 1px solid #000 !important; } #field_12_18 .gchoice_12_18_1 { margin-bottom: 0 !important; } #field_12_18 .gchoice_12_18_1 #label_12_18_1 { font-size: 15px !important; color: #666666 !important; font-weight: 700 !important; } #field_12_18 .gfield_description { margin-left: 26px !important; } .gfield_description a { cursor: pointer; } #field_12_18 .gfield_description, #field_11_16 .gfield_description, #field_11_4 .gfield_description { font-size: 14px !important; font-style: italic; padding-top: 0; color: #666666; } #field_11_4 .gfield_description > a { font-size: 14px !important; font-style: italic !important; } #input_12_20 #label_12_20_1, #input_12_24 #label_12_24_1 { font-size: 15px !important; font-weight: 400 !important; margin-bottom: 0px !important; } #field_12_20 { margin-bottom: 10px !important; } @media (max-width: 767px) { #input_12_7_3_container, #input_12_7_6_container, #input_12_30_3_container, #input_12_30_6_container, #input_12_22_3_container, #input_12_22_6_container, .name_first, .name_last { width: 100% !important; } } #field_12_7, #field_12_30, #field_12_22, .gf-name-field, .gf-address-field { margin-bottom: 0.5em !important; } .has_street > span { margin-bottom: 1em; } .has_street .address_city, .has_street .address_state { margin-bottom: 0.5em !important; } .gf-date-field { margin-bottom: 3em !important; } .footer-newsletter-signup .gform_confirmation_message { color: #ecf8f8; } div.AuthorizeNetSeal { width: 100% !important; margin-bottom: 3em !important; } div.AuthorizeNetSeal a { padding-right: 20px !important; } #gform_wrapper_13 #field_13_15, #gform_wrapper_13 #field_13_56, #gform_wrapper_13 #field_13_57 { margin-bottom: 28px; } #gform_wrapper_13 .gform_footer { text-align: center !important; } #gform_wrapper_13 .gform_footer .gform_button { margin-bottom: 1em; } .gfieldset > ul { margin: 0 !important; } #content #gform_fields_13 .nfed-store-product { padding: 1em; margin-bottom: 0.1em !important; } #content #gform_fields_13 .nfed-store-product:nth-child(odd) { background-color: #f3f9ff; } #content #gform_fields_13 .nfed-store-product:nth-child(even) { background-color: #e3f0fd; } #content #gform_fields_13 .nfed-store-product .nfed-store-price { margin-top: 0 !important; } #content #gform_fields_13 .nfed-store-product .gform_fieldset_end { margin: 0 !important; } #content #gform_fields_13 .gsection { margin-top: 2em !important; } @media (min-width: 768px) { #content #gform_fields_13 .gsection { margin-top: 4em !important; } } #content #gform_fields_13 .ginput_quantity { display: inline-block !important; width: 5em !important; } #content #gform_fields_13 .nfed-book > label { display: inline-block; font-style: italic; } #content #gform_fields_13 .nfed-book .gfield_description { display: inline; font-weight: 700; font-size: 17px; font-size: 1.7rem; } @media (max-width: 767px) { #content #gform_fields_13 .ginput_quantity_label { margin-left: 0 !important; } } .nfed-store-price, .nfed-store-quantity, .nfed-store-quantity > label, .nfed-store-quantity > div, .nfed-store-sizes > label, .nfed-store-sizes .ginput_container { display: inline-block !important; } .nfed-store-quantity > label, .nfed-store-sizes > label { font-weight: 400 !important; font-size: 1.7rem !important; } .nfed-store-price { float: left; } .nfed-store-quantity { margin-top: 1em !important; margin-bottom: .9em !important; } .nfed-store-sizes { padding-top: 1em !important; } .nfed-store-sizes .ginput_container { vertical-align: top !important; width: 100% !important; max-width: 571px !important; } .nfed-store-sizes .ginput_container textarea { height: 5em !important; } .nfed-store-sizes .gfield_description { margin-right: 0px !important; font-size: 14px !important; padding-right: 0 !important; padding-top: 0 !important; margin-right: 0px !important; font-size: 14px !important; } .nfed-store-sizes .gfield_description:after { content: "\A \25B4 This field is required."; white-space: pre; position: absolute; top: 240px; left: 0; color: #790000; display: none; } @media (max-width: 729px) { .nfed-store-sizes .gfield_description { padding-left: 0 !important; } } @media (min-width: 768px) and (max-width: 976px) { .nfed-store-sizes .gfield_description { padding-left: 0 !important; } } .nfed-store-sizes .gfield_description span { font-size: 14px !important; } .nfed-store-sizes .gfield_description.sizes_error:after { content: "\25B4 This field is required."; position: absolute; top: 239px; left: 0; color: #790000; display: block; } .nfed-store-sizes-top { display: block !important; } .nfed-store-quantity > .gfield_label, .nfed-store-sizes > .gfield_label { margin-right: 0.5em !important; } .ginput_product_price_label, .ginput_product_price { color: #831a1a; } .ginput_product_price { min-width: 4em; display: inline-block; } .nfed-store-bold { font-weight: 700 !important; } #input_13_9:after, #input_13_11:after, #input_14_11:after, .ginput_container_name:after { content: ""; display: block; clear: both; } .ginput_container_name { width: auto !important; } .gform_wrapper ul.gform_fields li.gfield { padding-right: 0 !important; } .gform_wrapper ul.gform_fields li.gfield_creditcard_warning { padding-right: 16px !important; } #gform_14 .gform_footer, #gform_27 .gform_footer { text-align: center !important; margin-top: 3em !important; } #input_14_14_5_label { margin-bottom: 20px !important; } .validation_error { max-width: 100%; width: 100%; font-size: 16px; font-size: 1.6rem; text-align: center; color: #790000; font-weight: 700; margin-bottom: 25px; border-top: 2px solid #790000; border-bottom: 2px solid #790000; padding: 16px; clear: both; } .label_error { color: #790000; } .label_error:after { content: " *"; } #field_7_8 { padding-bottom: 0; } .gform_wrapper form .gf_progressbar .percentbar_blue { background-color: #00a49e; } .gform_wrapper form .gf_progressbar .percentbar_blue span { color: #fff; font-size: 15px; font-size: 1.5rem; } #field_16_10:after, #field_16_120:after, #field_38_10:after, #field_38_120:after { content: ""; display: table; clear: both; } #content .gform_wrapper form .gform_fields #field_16_154, #content .gform_wrapper form .gform_fields #field_16_160, #content .gform_wrapper form .gform_fields #field_16_2, #content .gform_wrapper form .gform_fields #field_16_108, #content .gform_wrapper form .gform_fields #field_38_160, #content .gform_wrapper form .gform_fields #field_38_149, #content .gform_wrapper form .gform_fields #field_38_15 { padding-bottom: 0 !important; } #content .gform_wrapper form .gform_fields #field_16_200, #content .gform_wrapper form .gform_fields #field_38_274 { margin-top: 2em !important; } #content .gform_wrapper form .gform_fields #input_38_120_copy_values_option_label { padding-left: 5px !important; cursor: pointer; } #content .gform_wrapper form .gform_fields .gfield.teen-field-trip .gfield_description { padding-top: 0; } .gform_wrapper .family-conference-form-billing-section { margin-top: -35em !important; } @media (min-width: 643px) { .gform_wrapper .family-conference-form-billing-section { margin-top: -24em !important; } } .form_saved_message, .form_saved_message_sent { border: 1px solid #00a49e !important; background-color: #ecf8f8 !important; padding: 25px; } .form_saved_message_emailform input[type="submit"] { margin: 10px 0 0 0 !important; width: 100% !important; } #gform_wrapper_16 .copy_values_option_container { margin-bottom: 1em !important; } #gform_wrapper_16 .copy_values_option_container .copy_values_activated { margin: 0.35em 0.5em 0 0 !important; } #gform_wrapper_16 .copy_values_option_container .copy_values_option_label { font-weight: 400 !important; } #content .gform_wrapper .form_saved_message_emailform form input[type="email"]:active, #content .gform_wrapper .form_saved_message_emailform form input[type="email"]:focus { background: #fff !important; } @media (max-width: 767px) { #content #primary form .ginput_container_date .gfield_date_dropdown_month, #content #primary form .ginput_container_date .gfield_date_dropdown_day { width: 100% !important; margin-bottom: 1em !important; } #content #primary form .ginput_container_date .gfield_date_dropdown_month select, #content #primary form .ginput_container_date .gfield_date_dropdown_day select { width: 100% !important; } } @media (min-width: 768px) { #content #primary form .ginput_container_date .gfield_date_dropdown_month, #content #primary form .ginput_container_date .gfield_date_dropdown_day { margin-right: 0.5em !important; } #content #primary form .ginput_container_date .gfield_date_dropdown_month select, #content #primary form .ginput_container_date .gfield_date_dropdown_day select { padding-right: 3.5em !important; } } @media (max-width: 767px) { #content #primary form .ginput_container_date .gfield_date_dropdown_year { width: 100% !important; } #content #primary form .ginput_container_date .gfield_date_dropdown_year select { width: 100% !important; } } @media (min-width: 768px) { #content #primary form .ginput_container_date .gfield_date_dropdown_year select { padding-right: 3.5em !important; } } #content #primary .gform_wrapper form .italic-description .gfield_description { font-style: italic; margin-bottom: 0.3em !important; } .ui-datepicker-calendar .ui-state-active { background: #ecf8f8 !important; border-color: #00a49e !important; } #content form .family-conference-attendee { padding: 1em !important; margin-bottom: 0.1em !important; } #content form .family-conference-attendee:nth-child(odd) { background-color: #f3f9ff; } #content form .family-conference-attendee:nth-child(even) { background-color: #e3f0fd; } #content form .family-conference-attendee .nfed-store-price { margin-top: 0 !important; } #content form .family-conference-attendee .gform_fieldset_end { margin: 0 !important; } #content form .family-conference-attendee .first-checkbox { padding-bottom: .5em; } #primary #main #gform_wrapper_16 form .gfield_description, #primary #main #gform_wrapper_16 form .instruction, #primary #main #gform_wrapper_38 form .gfield_description, #primary #main #gform_wrapper_38 form .instruction { font-size: 80%; } #primary #main #gform_wrapper_16 form .validation_message, #primary #main #gform_wrapper_38 form .validation_message { padding-top: 0; margin-bottom: 10px; } #primary #main #gform_wrapper_16 form .validation_message:before, #primary #main #gform_wrapper_38 form .validation_message:before { top: 3px; } #primary #main #gform_wrapper_16 form li.gf_list_2col li label, #primary #main #gform_wrapper_38 form li.gf_list_2col li label { overflow: visible !important; white-space: normal !important; } #gform_18 .gform_body, #gform_31 .gform_body { width: auto; } #field_29_10:after, #field_29_120:after { content: ""; display: table; clear: both; } #primary #main #gform_wrapper_29 form .gfield_description, #primary #main #gform_wrapper_29 form .instruction { font-size: 80%; } #primary #main #gform_wrapper_29 form .validation_message { padding-top: 0; margin-bottom: 10px; } #primary #main #gform_wrapper_29 form .validation_message:before { top: 3px; } #primary #main #gform_wrapper_29 form li.gf_list_2col li label { overflow: visible !important; white-space: normal !important; } #gform_wrapper_29 .copy_values_option_container { margin-bottom: 1em !important; } #gform_wrapper_29 .copy_values_option_container .copy_values_activated { margin: 0.35em 0.5em 0 0 !important; } #gform_wrapper_29 .copy_values_option_container .copy_values_option_label { font-weight: 400 !important; } /* ========================================================================== 2021 Webinars Registration Form ID: 47 ========================================================================== */ #gform_wrapper_47 .gfield.webinars-list > .gfield_description { margin-bottom: 15px; font-style: italic; } #gform_wrapper_47 .gfield.webinars-list .gfield_checkbox > li { margin-bottom: 15px; } #gform_wrapper_47 .gfield.webinars-list .gfield_checkbox > li:last-child { margin-bottom: 5px; } /* ========================================================================== Search ========================================================================== */ .search-form { overflow: hidden; height: 2.5em; } .search-form label { margin: 0 !important; } .masthead-wrapper .search-form { transition: all 0.3s linear; } @media (max-width: 767px) { .masthead-wrapper .search-form { width: calc(100% + 2em); margin-left: -1em; } } .masthead-wrapper .search-form:not(.search-open) { height: 0; } .masthead-wrapper .search-form .label { margin: 0; } .masthead-wrapper .search-form .search-field { width: calc(100% - 105px) !important; float: left; border-right: none; -webkit-appearance: none; border-radius: 0; } @media (min-width: 768px) { .masthead-wrapper .search-form .search-field { width: calc(100% - 115px) !important; } } .masthead-wrapper .search-form .search-field:focus, .masthead-wrapper .search-form .search-field:active { background-color: #fbecdc; border: 1px solid #e98d24; } .masthead-wrapper .search-form .search-submit { background-color: #d5801f; border-color: #d5801f; width: 105px; height: 2.7em; float: right; font-size: 15px; font-size: 1.5rem; border-radius: 0; padding-top: .4em; } @media (min-width: 768px) { .masthead-wrapper .search-form .search-submit { border-radius: 3px; } } .masthead-wrapper .search-form .search-submit:hover, .masthead-wrapper .search-form .search-submit:focus, .masthead-wrapper .search-form .search-submit:active { color: #d5801f; background: #fff; border: 2px solid #d5801f; } /* ========================================================================== Site Navigation ========================================================================== */ /* Mobile Navigation ========================================================================== */ /* Desktop+ Navigation ========================================================================== */ /* ========================================================================== Styles intended to be carried past the mobile breakpoint ========================================================================== */ /* ========================================================================== Mobile-only styles ========================================================================== */ @media (max-width: 767px) { #masthead { background-color: #fff; padding: 0; } } @media (max-width: 767px) and (max-width: 767px) { #masthead { min-height: 100px; } } @media (max-width: 767px) { #masthead .menu-secondary-menu-container { display: none; } #masthead .masthead-wrapper { padding: 0 1em; } #masthead .masthead-wrapper > .search-toggle { display: none; } .site-title { display: block; width: 90px; height: 70px; margin: 15px 0; } } @media (max-width: 767px) and (max-width: 767px) { .site-title { height: 40px; margin: 30px 0; } } @media (max-width: 767px) { .site-footer-wrapper .menu-footer-menu-container { display: none; } a.meanmenu-reveal, .meanmenu-search { display: block; width: calc(105px / 2); height: calc(105px / 2); position: absolute; } a.meanmenu-reveal { padding-top: 16px; top: -76px; right: 0; color: #6a2c91; text-decoration: none; text-indent: 0; background: none; } a.meanmenu-reveal span { display: block; width: 25px; height: 3px; margin-right: auto; margin-bottom: 5px; margin-left: auto; background: #6a2c91; } a.meanmenu-reveal.meanclose span { background: #00939d; } .meanmenu-search { top: -76px; right: 50px; background: none; } .meanmenu-search .search-toggle { display: block; width: inherit; height: inherit; position: relative; line-height: 4; text-align: center; } .meanmenu-search .search-toggle svg { width: 25px; height: 25px; } .meanmenu-search .search-toggle path, .meanmenu-search .search-toggle polygon { transition: all 0.3s linear; fill: #6a2c91; } .meanmenu-search .search-toggle.search-open path, .meanmenu-search .search-toggle.search-open polygon { fill: #00939d; } } @media (max-width: 767px) and (min-width: 768px) { .mobile-nav { display: none; } } @media (max-width: 767px) { .mean-container { margin: 0; position: relative; } .mean-container .mean-bar { float: left; width: 100%; padding: 0; position: relative; z-index: 999999; background: none; } .mean-container .mean-nav { width: 100%; float: left; position: absolute; } .mean-container .mean-nav .wrapper { width: 100%; margin: 0; padding: 0; } .mean-container .mean-nav ul { width: 100%; margin: 0; padding: 0; overflow: auto; list-style-type: none; } .mean-container .mean-nav ul li { width: 100%; float: left; position: relative; } .mean-container .mean-nav ul li a { display: block; margin: 0; text-decoration: none; } .mean-container .mean-nav ul li a:not(.mean-expand) { width: 100%; min-height: 41px; padding: 0.5em 50px 0.4em 5%; float: left; border-bottom: 1px solid #016e6a; text-transform: uppercase; font-weight: bold; } .mean-container .mean-nav #menu-primary-menu { box-shadow: 0 3px 14px -2px gray; } .mean-container .mean-nav #menu-primary-menu li a:not(.mean-expand):hover { color: #fff; background: #6a2c91; } } @media (max-width: 767px) and (max-width: 767px) { .mean-container .mean-nav #menu-primary-menu li a:not(.mean-expand) { font-size: 16px !important; } } @media (max-width: 767px) { .mean-container .mean-nav #menu-primary-menu li.current-menu-item > a:not(.mean-expand) { color: #fff; background: #6a2c91; } .mean-container .mean-nav #menu-primary-menu > li > a:not(.mean-expand) { text-align: left; color: #fff; background: #00a49e; } .mean-container .mean-nav #menu-primary-menu li li a:not(.mean-expand) { text-transform: none; font-weight: normal; } .mean-container .mean-nav #menu-primary-menu > li li a:not(.mean-expand) { padding: 0.5em 50px 0.4em 10%; color: #fff; text-shadow: none !important; visibility: visible; background: #00938e; } .mean-container .mean-nav #menu-primary-menu > li li li a:not(.mean-expand) { padding: 0.5em 50px 0.4em 15%; color: #fff; background: #00938e; } .mean-container .mean-nav #menu-primary-menu > li li li li a:not(.mean-expand) { padding: 0.5em 50px 0.4em 20%; background: #00938e; } .mean-container .mean-nav #menu-primary-menu > li li li li li a:not(.mean-expand) { padding: 0.5em 50px 0.4em 25%; color: #fff; background: #00938e; } .mean-container .mean-nav #menu-primary-menu li.mean-last a { border-bottom: none; margin-bottom: 0; background: #e98d24; } .mean-container .mean-nav ul li a.mean-expand { width: 40px; height: 40px; margin-top: 0; padding: 0 !important; position: absolute; right: 0; top: 0; z-index: 2; color: #fff; text-align: center; font-weight: normal; line-height: 2.1; background: #00938e; border: none !important; border-left: 1px solid #016e6a !important; } .mean-container .mean-nav ul li a.mean-expand a:hover { background: #00827d !important; color: purple !important; } .mean-container .mean-nav .mean-clicked { background-color: #00827d !important; } .mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both; } } @media (min-width: 768px) { .mobile-nav { display: none !important; } } .site-title { background-image: url("images/nfed-short-logo.svg"); background-size: contain; } @media (min-width: 768px) and (max-width: 840px) { .site-title { width: 90px; height: 70px; } } @media (min-width: 768px) { .site-title { display: inline-block; width: 149px; height: 105px; position: absolute; top: 12px; background-image: url("https://nfed.org/wp-content/uploads/2025/02/Web-Logo-Transparent-.svg"); background-size: contain; } } @media (min-width: 910px) { .site-title { width: 180px; height: 170px; } } @media (min-width: 768px) { header .masthead-wrapper { height: 160px; position: relative; z-index: 100; } header .search-toggle { display: block; width: 17px; height: 15px; position: absolute; top: 93px; right: 0.9em; } header .search-toggle path { transition: all 0.3s linear; } header .search-toggle:hover path, header .search-toggle.search-open path { fill: #e98d24; } header .search-toggle:before { content: ''; display: block; position: absolute; bottom: -34px; right: 1px; height: 0; width: 0; z-index: 500; transition: all 0.3s linear; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid rgba(68, 68, 68, 0.95); opacity: 0; } header .search-toggle.search-open:before { opacity: 1; } header .search-form { width: 350px; height: 60px; position: absolute; right: 1em; top: 142px; background-color: #444444; padding: 10px; } header .search-form:not(.search-open) { padding: 0 10px; } header #site-navigation { width: calc(97% - 140px); margin-top: .9em; float: right; } header #site-navigation .nav-wrapper { padding: 0; } header .main-navigation #menu-primary-menu { text-align: right; margin: 20px 30px 0 0; font-size: 0; } } @media (min-width: 768px) and (min-width: 910px) { header .main-navigation #menu-primary-menu { margin-right: 34px; } } @media (min-width: 768px) { header .main-navigation #menu-primary-menu > li { display: inline-block; float: none; text-align: left; font-size: 17px; padding: 4px 6px 4px; border-right: 1px solid #dedede; margin-right: 0px; } } @media (min-width: 768px) and (min-width: 840px) { header .main-navigation #menu-primary-menu > li { padding: 4px 12px; } } @media (min-width: 768px) and (min-width: 910px) { header .main-navigation #menu-primary-menu > li { padding: 4px 18px; } } @media (min-width: 768px) { header .main-navigation #menu-primary-menu > li > a { font-weight: 700; text-transform: uppercase; border-bottom: 0px solid transparent; transition: all .1s ease-in-out; } header .main-navigation #menu-primary-menu > li.current-menu-item > a, header .main-navigation #menu-primary-menu > li > a:hover { color: #6a2c91; border-bottom: 3px solid #6a2c91; } header .main-navigation #menu-primary-menu > li.current-menu-item > a:hover { cursor: default; } header .main-navigation #menu-primary-menu > li .sub-menu { top: 26px; padding-top: 20px; } header .main-navigation #menu-primary-menu > li .sub-menu .sub-menu { display: none; } header .main-navigation #menu-primary-menu > li:nth-last-child(5) .sub-menu { left: auto; right: 0; } header .main-navigation #menu-primary-menu > li li { width: 100%; min-width: 252px; } header .main-navigation #menu-primary-menu > li li a { color: #fff; background-color: rgba(68, 68, 68, 0.95); border-bottom: none; padding: 7px 15px; transition: all 0.3s linear; } header .main-navigation #menu-primary-menu > li li.current-menu-item a, header .main-navigation #menu-primary-menu > li li a:hover { background-color: #6a2c91; } header .main-navigation #menu-primary-menu > li li.current-menu-item a:hover { cursor: default; } header .main-navigation #menu-primary-menu > li:nth-child(4n+2).current-menu-item > a, header .main-navigation #menu-primary-menu > li:nth-child(4n+2) > a:hover { color: #004f9d; border-bottom-color: #004f9d; } header .main-navigation #menu-primary-menu > li:nth-child(4n+2) li.current-menu-item a, header .main-navigation #menu-primary-menu > li:nth-child(4n+2) li a:hover { background-color: #004f9d; } header .main-navigation #menu-primary-menu > li:nth-child(4n+3).current-menu-item > a, header .main-navigation #menu-primary-menu > li:nth-child(4n+3) > a:hover { color: #e98d24; border-bottom-color: #e98d24; } header .main-navigation #menu-primary-menu > li:nth-child(4n+3) li.current-menu-item a, header .main-navigation #menu-primary-menu > li:nth-child(4n+3) li a:hover { background-color: #e98d24; } header .main-navigation #menu-primary-menu > li:nth-child(4n+4).current-menu-item > a, header .main-navigation #menu-primary-menu > li:nth-child(4n+4) > a:hover { color: #00a49e; border-bottom-color: #00a49e; } header .main-navigation #menu-primary-menu > li:nth-child(4n+4) li.current-menu-item a, header .main-navigation #menu-primary-menu > li:nth-child(4n+4) li a:hover { background-color: #00a49e; } header .main-navigation #menu-primary-menu > li:nth-last-child(-n+4) { display: none; } header .main-navigation #menu-primary-menu > li:last-child { border: none; } } @media (min-width: 768px) and (max-width: 1000px) { header .main-navigation #menu-primary-menu > li:nth-child(5) > ul > li { min-width: 208px; } } @media (min-width: 768px) { header .main-navigation #menu-primary-menu > li.menu-item-has-children:before { content: ''; display: block; margin-left: -6px; border-style: solid; border-width: 0 6px 7px 6px; border-color: transparent transparent rgba(68, 68, 68, 0.95) transparent; position: absolute; top: 40px; left: 50%; z-index: 500; opacity: 0; transition: all 0.3s linear; } header .main-navigation #menu-primary-menu > li.menu-item-has-children:hover:before { opacity: 1; } header .menu-secondary-menu-container { width: 100%; } header .menu-secondary-menu-container #menu-secondary-menu { font-size: 0; text-align: right; } header .menu-secondary-menu-container #menu-secondary-menu > li { display: inline-block; margin-right: 48px; position: relative; } header .menu-secondary-menu-container #menu-secondary-menu > li a { display: block; font-size: 16px; font-size: 1.6rem; color: #666666; text-decoration: none; text-transform: uppercase; transition: all 0.3s linear; } header .menu-secondary-menu-container #menu-secondary-menu > li a:hover { color: #d5801f; } header .menu-secondary-menu-container #menu-secondary-menu > li.current-menu-item a { color: #d5801f; } header .menu-secondary-menu-container #menu-secondary-menu > li.current-menu-item a:hover { cursor: default; } header .menu-secondary-menu-container #menu-secondary-menu > li:last-child { border-radius: 0 0 3px 3px; background-color: #e98d24; margin-right: 0; width: 112px; height: 53px; transition: all 0.3s linear; } header .menu-secondary-menu-container #menu-secondary-menu > li:last-child a { color: #fff; font-size: 17px; font-size: 1.7rem; font-weight: 700; text-align: center; line-height: 53px; } header .menu-secondary-menu-container #menu-secondary-menu > li:last-child.current-menu-item, header .menu-secondary-menu-container #menu-secondary-menu > li:last-child:hover { background-color: #d5801f; } header .menu-secondary-menu-container #menu-secondary-menu > li:last-child.current-menu-item a:hover { cursor: default; } header .menu-secondary-menu-container #menu-secondary-menu > li:hover .sub-menu { visibility: visible; opacity: 1; } header .menu-secondary-menu-container #menu-secondary-menu > li .sub-menu { box-shadow: 0 3px 3px -3px black; float: left; position: absolute; top: 17px; left: -119px; opacity: 0; visibility: hidden; z-index: 99999; transition: all 0.3s linear; margin: 0; list-style: none; padding-top: 20px; } header .menu-secondary-menu-container #menu-secondary-menu > li .sub-menu li { width: 100%; min-width: 252px; text-align: left; border: 1px solid rgba(68, 68, 68, 0.95); border-bottom: none; margin: -1px; } header .menu-secondary-menu-container #menu-secondary-menu > li .sub-menu li:last-child { border-bottom: 1px solid rgba(68, 68, 68, 0.95); } header .menu-secondary-menu-container #menu-secondary-menu > li .sub-menu li.current-menu-item a { color: rgba(68, 68, 68, 0.95); background-color: #fff; } header .menu-secondary-menu-container #menu-secondary-menu > li .sub-menu li.current-menu-item a:hover { cursor: default; } header .menu-secondary-menu-container #menu-secondary-menu > li .sub-menu li .sub-menu { display: none; } header .menu-secondary-menu-container #menu-secondary-menu > li .sub-menu a { color: #fff; background-color: rgba(68, 68, 68, 0.95); border-bottom: none; padding: 7px 15px; transition: all 0.3s linear; text-transform: none; } header .menu-secondary-menu-container #menu-secondary-menu > li .sub-menu a:hover { color: rgba(68, 68, 68, 0.95); background-color: #fff; } header .menu-secondary-menu-container #menu-secondary-menu > li.menu-item-has-children:before { content: ''; display: block; margin-left: -6px; border-style: solid; border-width: 0 6px 7px 6px; border-color: transparent transparent rgba(68, 68, 68, 0.95) transparent; position: absolute; top: 30px; left: 50%; z-index: 500; opacity: 0; transition: all 0.3s linear; } header .menu-secondary-menu-container #menu-secondary-menu > li.menu-item-has-children:hover:before { opacity: 1; } } /* ========================================================================== Widgets ========================================================================== */ /* ========================================================================== Generic Widget ========================================================================== */ .generic-widget, .widget, .widget_categories, .simple-section-nav { margin-bottom: 1.8em; padding: 14px; clear: both; background-color: none; border: 1px solid #d5801f; text-align: center; max-width: 220px; margin: 0 auto; } .generic-widget .widget-title, .widget .widget-title, .widget_categories .widget-title, .simple-section-nav .widget-title { padding: 0; margin-bottom: 15px; padding: 0; border-bottom: none; color: #6a2c91; text-transform: uppercase; font-size: 20px; font-size: 2rem; } .generic-widget .widget-title a, .widget .widget-title a, .widget_categories .widget-title a, .simple-section-nav .widget-title a { display: block; padding: 0; } .generic-widget a, .widget a, .widget_categories a, .simple-section-nav a { background: #fff; color: #6a2c91; text-decoration: none; transition: all 0.3s linear; } .generic-widget a:hover, .widget a:hover, .widget_categories a:hover, .simple-section-nav a:hover { background: #6a2c91; color: #fff; } .generic-widget .current_page_item > a, .widget .current_page_item > a, .widget_categories .current_page_item > a, .simple-section-nav .current_page_item > a, .generic-widget a.current_page_item, .widget a.current_page_item, .widget_categories a.current_page_item, .simple-section-nav a.current_page_item, .generic-widget .current-cat > a, .widget .current-cat > a, .widget_categories .current-cat > a, .simple-section-nav .current-cat > a { background: #6a2c91; color: #fff; } .generic-widget ul, .widget ul, .widget_categories ul, .simple-section-nav ul { margin: 0; list-style: none; } .generic-widget ul li, .widget ul li, .widget_categories ul li, .simple-section-nav ul li { border-bottom: none; } .generic-widget ul li a, .widget ul li a, .widget_categories ul li a, .simple-section-nav ul li a { display: block; padding: calc(14px * .618) 10px; font-size: 15px; font-size: 1.5rem; } .generic-widget ul li.page_item_has_children, .widget ul li.page_item_has_children, .widget_categories ul li.page_item_has_children, .simple-section-nav ul li.page_item_has_children { border-bottom: none; } .generic-widget ul li.page_item_has_children > a, .widget ul li.page_item_has_children > a, .widget_categories ul li.page_item_has_children > a, .simple-section-nav ul li.page_item_has_children > a { position: relative; padding-right: calc(10px * 2.2); border-bottom: none; } .generic-widget ul li.page_item_has_children > a:hover:before, .widget ul li.page_item_has_children > a:hover:before, .widget_categories ul li.page_item_has_children > a:hover:before, .simple-section-nav ul li.page_item_has_children > a:hover:before { border-color: #fff transparent transparent transparent; -ms-transform: rotate(0deg); transform: rotate(0deg); } .generic-widget ul li.page_item_has_children > a:before, .widget ul li.page_item_has_children > a:before, .widget_categories ul li.page_item_has_children > a:before, .simple-section-nav ul li.page_item_has_children > a:before { content: '\203A'; display: block; position: absolute; right: 15px; top: 9px; font-family: "Gotham SSm A", "Gotham SSm B"; font-weight: 400; -webkit-font-smoothing: antialiased; font-size: 16px; font-size: 1.6rem; } .generic-widget ul li.page_item_has_children .children, .widget ul li.page_item_has_children .children, .widget_categories ul li.page_item_has_children .children, .simple-section-nav ul li.page_item_has_children .children { display: none; } .generic-widget ul li.page_item_has_children .children a, .widget ul li.page_item_has_children .children a, .widget_categories ul li.page_item_has_children .children a, .simple-section-nav ul li.page_item_has_children .children a { padding-left: calc(14px * 2); } .generic-widget ul li.page_item_has_children .children .children a, .widget ul li.page_item_has_children .children .children a, .widget_categories ul li.page_item_has_children .children .children a, .simple-section-nav ul li.page_item_has_children .children .children a { padding-left: calc(14px * 3); } .generic-widget ul li.page_item_has_children .children .children .children a, .widget ul li.page_item_has_children .children .children .children a, .widget_categories ul li.page_item_has_children .children .children .children a, .simple-section-nav ul li.page_item_has_children .children .children .children a { padding-left: calc(14px * 4); } .generic-widget ul li.page_item_has_children .children .children .children .children a, .widget ul li.page_item_has_children .children .children .children .children a, .widget_categories ul li.page_item_has_children .children .children .children .children a, .simple-section-nav ul li.page_item_has_children .children .children .children .children a { padding-left: calc(14px * 5); } .generic-widget ul li.page_item_has_children.current_page_item > a:before, .widget ul li.page_item_has_children.current_page_item > a:before, .widget_categories ul li.page_item_has_children.current_page_item > a:before, .simple-section-nav ul li.page_item_has_children.current_page_item > a:before { border-color: #fff transparent transparent transparent; -ms-transform: rotate(0deg); transform: rotate(0deg); } .generic-widget ul li.page_item_has_children.current_page_ancestor > a:before, .widget ul li.page_item_has_children.current_page_ancestor > a:before, .widget_categories ul li.page_item_has_children.current_page_ancestor > a:before, .simple-section-nav ul li.page_item_has_children.current_page_ancestor > a:before { border-color: #6a2c91 transparent transparent transparent; -ms-transform: rotate(0deg); transform: rotate(0deg); } .generic-widget ul li.page_item_has_children.current_page_ancestor > a:hover:before, .widget ul li.page_item_has_children.current_page_ancestor > a:hover:before, .widget_categories ul li.page_item_has_children.current_page_ancestor > a:hover:before, .simple-section-nav ul li.page_item_has_children.current_page_ancestor > a:hover:before { border-color: #fff transparent transparent transparent; -ms-transform: rotate(0deg); transform: rotate(0deg); } .generic-widget ul li.page_item_has_children.current_page_item > .children, .widget ul li.page_item_has_children.current_page_item > .children, .widget_categories ul li.page_item_has_children.current_page_item > .children, .simple-section-nav ul li.page_item_has_children.current_page_item > .children, .generic-widget ul li.current_page_ancestor > .children, .widget ul li.current_page_ancestor > .children, .widget_categories ul li.current_page_ancestor > .children, .simple-section-nav ul li.current_page_ancestor > .children { display: block; } .generic-widget p, .widget p, .widget_categories p, .simple-section-nav p, .generic-widget span, .widget span, .widget_categories span, .simple-section-nav span { font-size: 14px; font-size: 1.4rem; } .widget .button, .widget #sc_calendar_wrap #sc_event_select #sc_submit, #sc_calendar_wrap #sc_event_select .widget #sc_submit, .widget #sc_calendar_wrap .sc_calendar_submit, #sc_calendar_wrap .widget .sc_calendar_submit, .widget_categories .button, .widget_categories #sc_calendar_wrap #sc_event_select #sc_submit, #sc_calendar_wrap #sc_event_select .widget_categories #sc_submit, .widget_categories #sc_calendar_wrap .sc_calendar_submit, #sc_calendar_wrap .widget_categories .sc_calendar_submit, .simple-section-nav .button, .simple-section-nav #sc_calendar_wrap #sc_event_select #sc_submit, #sc_calendar_wrap #sc_event_select .simple-section-nav #sc_submit, .simple-section-nav #sc_calendar_wrap .sc_calendar_submit, #sc_calendar_wrap .simple-section-nav .sc_calendar_submit { width: 100%; padding: .5em .6em; } .widget_black_studio_tinymce { padding-bottom: 0; } .widget_categories, .simple-section-nav { padding: 0; } .widget_categories .widget-title { padding: 14px; } .simple-section-nav { border: none; margin-bottom: 30px; text-align: left; } .simple-section-nav a { position: relative; } .simple-section-nav a:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 20px 20px 0; border-color: transparent #ffffff transparent transparent; position: absolute; right: -20px; top: 0px; transition: all 0.3s linear; } .simple-section-nav .current_page_item > a:hover, .simple-section-nav a.current_page_item { cursor: default; } .simple-section-nav a:hover:after, .simple-section-nav .current_page_item > a:after, .simple-section-nav .current_page_item:after { right: 0; } .simple-section-nav .widget-title { margin-bottom: 0; } .simple-section-nav .widget-title a { padding: 8px 10px; } @media (max-width: 767px) { .simple-section-nav { display: none; } } .simple-section-nav > ul > li:nth-child(odd) a { background-color: #fbecdc; } .simple-section-nav > ul > li.current_page_item > a, .simple-section-nav > ul > li li.current_page_item > a { background-color: #6a2c91; } .simple-section-nav > ul > li:first-child { border-top: 1px solid #6a2c91; } .simple-section-nav > ul > li > a { font-size: 16px; font-size: 1.6rem; line-height: 1.2; } .simple-section-nav > ul > li a:hover { background-color: #6a2c91; } .widget_categories { border: none; margin-bottom: 35px; text-align: left; } .widget_categories .widget-title { color: #000; font-size: 20px; font-size: 2rem; border-bottom: 1px solid #6a2c91; margin-bottom: 0; } .widget_categories a { position: relative; } .widget_categories a:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 20px 20px 0; border-color: transparent #ffffff transparent transparent; position: absolute; right: -20px; top: 0px; transition: all 0.3s linear; } .widget_categories .current-cat > a:hover, .widget_categories a.current-cat { cursor: default; } .widget_categories a:hover:after, .widget_categories .current-cat > a:after, .widget_categories .current-cat:after { right: 0; } @media (max-width: 767px) { .widget_categories { display: none; } } .widget_categories > ul > li:nth-child(odd) a { background-color: #fbecdb; } .widget_categories > ul > li.current-cat > a, .widget_categories > ul > li li.current-cat > a { background-color: #6a2c91; } .widget_categories > ul > li:first-child { border-top: 1px solid #6a2c91; } .widget_categories > ul > li > a { font-size: 16px; font-size: 1.6rem; line-height: 1.2; } .widget_categories > ul > li a:hover { background-color: #6a2c91; } .donation-amounts-widget { padding: 0; border: none; text-align: left; display: none; } @media (min-width: 768px) { .donation-amounts-widget { display: block; } } .donation-amounts-widget h3 { color: #6a2c91; margin-bottom: 5px; } .donation-amounts-widget p { font-size: 15px; font-size: 1.5rem; } .donation-amounts-widget p:first-child { margin-bottom: 1em; } .featured-resource-widget { border: 1px solid #6a2c91; background: #faf6fc; } .featured-resource-widget h3 { border-bottom: 1px solid #6a2c91 !important; font-size: 20px; font-size: 2rem; padding-bottom: 0.5em !important; } .featured-resource-widget p { font-style: italic; font-size: 15px; font-size: 1.5rem; } .featured-resource-widget p a { margin-top: 1em; } .sidebar-newsletter-widget { margin-bottom: 30px; } .sidebar-newsletter-widget .widget-title { font-size: 20px; font-size: 2rem; } .sidebar-newsletter-widget .gform_wrapper .gform_heading { text-align: center; font-size: 15px; font-size: 1.5rem; } .sidebar-newsletter-widget .gform_wrapper .gform_heading > span { margin-bottom: 0; } .sidebar-newsletter-widget .gform_wrapper .gform_body #field_18_1, .sidebar-newsletter-widget .gform_wrapper .gform_body #field_31_1, .sidebar-newsletter-widget .gform_wrapper .gform_body #field_18_1.gfield_error, .sidebar-newsletter-widget .gform_wrapper .gform_body #field_31_1.gfield_error { margin-bottom: 0 !important; padding: 0 !important; } .sidebar-newsletter-widget .gform_wrapper .gform_body #field_18_1.gfield_error, .sidebar-newsletter-widget .gform_wrapper .gform_body #field_31_1.gfield_error, .sidebar-newsletter-widget .gform_wrapper .gform_body #field_18_1.gfield_error.gfield_error, .sidebar-newsletter-widget .gform_wrapper .gform_body #field_31_1.gfield_error.gfield_error { max-width: 100% !important; } .sidebar-newsletter-widget .gform_wrapper .gform_body #field_18_2 { display: none; } .sidebar-newsletter-widget .gform_wrapper .validation_message, .sidebar-newsletter-widget .gform_wrapper .gform_validation_errors.validation_error { display: none; } .sidebar-newsletter-widget .gform_wrapper .gform_footer { margin-top: 8px !important; position: relative; } .sidebar-newsletter-widget .gform_wrapper .gform_footer .gform_button { width: 100%; display: block; background-color: #d5801f; border: 2px solid #d5801f; margin-bottom: .8em; line-height: 1.5 !important; } .sidebar-newsletter-widget .gform_wrapper .gform_footer .gform_button:hover, .sidebar-newsletter-widget .gform_wrapper .gform_footer .gform_button:active, .sidebar-newsletter-widget .gform_wrapper .gform_footer .gform_button:focus { background: #fff; color: #d5801f; } .sidebar-newsletter-widget .gform_wrapper .gform_footer p { font-size: 13px; font-size: 1.3rem; font-style: italic; text-align: center; } .sidebar-newsletter-widget .gform_wrapper .gform_footer #gform_ajax_spinner_18, .sidebar-newsletter-widget .gform_wrapper .gform_footer #gform_ajax_spinner_31 { top: auto; bottom: 105px; left: auto; right: 5px; } .sidebar-newsletter-widget .gform_wrapper .gform_footer #gform_ajax_spinner_31 { bottom: 56px; } .sidebar-newsletter-widget #gform_confirmation_message_18, .sidebar-newsletter-widget #gform_confirmation_message_31 { font-size: 14px; font-size: 1.4rem; } /* ========================================================================== Blog and Comments ========================================================================== */ /* ========================================================================== Blog and Comment Styles ========================================================================== */ #content-main article { padding-top: 1.4em; margin: 0 0 0.5em; } #content-main article .entry-title { font-size: 22px; font-size: 2.2rem; margin-bottom: 12px; } #content-main article .entry-title a { line-height: 1.3; } @media (max-width: 767px) { #content-main article .entry-title a { line-height: 1; } } #content-main article:first-of-type { padding-top: 0; border-top: none; } @media (max-width: 767px) { #content-main article .entry-header { margin-top: 1em; } } @media (min-width: 768px) { #content-main article .entry-header { margin-left: 10.9em; } } #content-main article .entry-content { margin: .5em 0 0; } @media (min-width: 768px) { #content-main article .entry-content { margin-left: 10.9em; } } #content-main article .entry-content .post-category a { text-decoration: none; } #content-main article .entry-meta { font-size: 16px; font-size: 1.6rem; color: #6d6e71; margin-bottom: 11px; } #content-main article .entry-meta .posted-on, #content-main article .entry-meta .meta-entry-author { font-size: 16px; font-size: 1.6rem; color: #6d6e71; } #content-main article .entry-meta .blog-post-categories { display: block; font-size: 16px; font-size: 1.6rem; color: #6d6e71; } #content-main article .entry-meta .blog-post-categories a { font-size: 16px; font-size: 1.6rem; text-decoration: none; } .single #content-main .entry-content { margin: 0; } /* Shared blog styles ========================================================================== */ .post-thumbnail-link > *, .post-thumbnail-link-front-page > *, .post-thumbnail-link-front-page-hope > * { margin: 0 !important; } .post-thumbnail-link img, .post-thumbnail-link .post-fallback-image, .post-thumbnail-link-front-page img, .post-thumbnail-link-front-page .post-fallback-image, .post-thumbnail-link-front-page-hope img, .post-thumbnail-link-front-page-hope .post-fallback-image { opacity: 1; transition: opacity 0.3s linear; border-radius: 50%; } .post-thumbnail-link:hover img, .post-thumbnail-link:hover .post-fallback-image, .post-thumbnail-link-front-page:hover img, .post-thumbnail-link-front-page:hover .post-fallback-image, .post-thumbnail-link-front-page-hope:hover img, .post-thumbnail-link-front-page-hope:hover .post-fallback-image { opacity: .8; } .post-thumbnail-link, .post-fallback-image, .attachment-thumb, .post-thumbnail-link-front-page-hope { display: block; } @media (min-width: 768px) { .post-thumbnail-link, .post-fallback-image, .attachment-thumb, .post-thumbnail-link-front-page-hope { margin: 0.5em 1em 1em .2em; float: left; } } @media (min-width: 768px) { .attachment-medium { margin: 0 1em 1em 0; float: left; } } .post-thumbnail-link .post-fallback-image { margin: 0; } .post-fallback-image { width: 150px; height: 150px; border: 1px solid #6d6e71; transition: all .3s linear; position: relative; } .post-fallback-image:hover { border-color: #6a2c91; } .post-fallback-image svg { width: 95px; height: 45px; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; } .post-thumbnail-link-front-page { float: none; } .post-thumbnail-link-front-page .post-fallback-image, .post-thumbnail-link-front-page .blog-list-image { float: none; margin: 0 auto 0.5em auto !important; } @media (max-width: 767px) { .post-thumbnail-link-front-page-hope .blog-list-image { margin: 0.3em auto 1em auto !important; } } .addthis_sharing_toolbox { margin-top: 1em; margin-bottom: 1em; clear: none !important; } .post-date, .post-category, .post-author { display: block; font-size: 15px; font-size: 1.5rem; color: #6d6e71; } .post-date span, .post-date time, .post-category span, .post-category time, .post-author span, .post-author time { color: inherit; font-size: inherit; } .post-category a { font-size: 15px; font-size: 1.5rem; } .cat-links { display: block; margin-bottom: 2em; } .cat-links a { margin-right: .8em; } /* Comments ========================================================================== */ #comments { padding: 50px 0 100px 0; } @media (max-width: 767px) { #comments { padding: 22px 0; } } #comments .comment-box { padding: 1.2em 1em 1em 1.7em; } #comments .depth-1 { margin-top: 1.2em; background: #ecf8f8; border: 1px solid #33a9a5; } #comments .number { display: block; width: 1.2em; margin-left: -.5em; font-family: "sans-serif-n7", "sans-serif", sans-serif; font-weight: 700; -webkit-font-smoothing: antialiased; font-size: 38px; font-size: 3.8rem; font-family: "Gotham SSm A", "Gotham SSm B"; color: #33a9a5; text-align: center; } #comments .comment-intro { position: relative; } #comments .avatar { position: absolute; top: -3px; left: 36px; } #comments .comment-meta { margin-top: -3.6em; margin-left: 7em; margin-bottom: .8em; } #comments .comment-author { font-weight: bold; } #comments .comment-list { margin: 0; padding-bottom: 2.2em; list-style-type: none; } #comments .comment { list-style: none; } #comments .comment-body { padding: 1.8em .8em .8em 2.2em; word-break: break-word; word-wrap: break-word; } #comments .comment-footer { padding: 0 .8em 0 2.2em; } #comments .comment-footer a { text-decoration: none; } #comments .children { margin: .8em 0 .8em 1.8em; } @media (min-width: 768px) { #comments .comment-meta { margin-top: -2.6em; margin-bottom: 0; } } #comments .logged-in-as a { text-decoration: none; } .blog-list-image { width: 150px; height: 150px; border: 1px solid #6d6e71; transition: all .3s linear; opacity: 1; transition: opacity 0.3s linear; border-radius: 50%; } a:hover > .blog-list-image, a:focus > .blog-list-image, .blog-list-image:hover { border-color: #6a2c91; opacity: .8; } .archive h1.page-title > span { font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; } /* ========================================================================== Social Icons ========================================================================== */ .social-icons { margin: 0; list-style: none; text-align: center; } @media (min-width: 768px) { .social-icons { text-align: center; padding-right: 40px; padding-left: 40px;} } .social-icons li { display: inline-block; width: 35px; height: 35px; margin: 9px 8px 35px; } @media (min-width: 768px) { .social-icons li { margin: 8px 8px 7px; } } @media (min-width: 910px) { .social-icons li { margin-left: 5px; margin-right: 5px; } } @media (min-width: 1000px) { .social-icons li { margin-left: 5px; margin-right: 5px; } } .social-icons li a { display: block; width: inherit; height: inherit; } .social-icons li path, .social-icons li polygon { fill: #fad5ac; transition: all 0.3s linear; } .social-icons li span { display: none; } .social-icons li:hover path, .social-icons li:hover polygon { fill: #fff; } /* ========================================================================== Pagination ========================================================================== */ #content .wp-pagenavi { margin-bottom: 3em; padding-top: 5em; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } #content .wp-pagenavi a, #content .wp-pagenavi span { border-bottom: 2px solid transparent; font-weight: 700; transition: all 0.1s ease-in-out; } #content .wp-pagenavi a { text-decoration: none; } #content .wp-pagenavi a:hover, #content .wp-pagenavi a:active, #content .wp-pagenavi a:focus { border-bottom: 2px solid #00827d; } #content .wp-pagenavi .current { color: #666666; border-bottom: 2px solid #666666; cursor: default; } #content .wp-pagenavi .page, #content .wp-pagenavi .pages, #content .wp-pagenavi .current, #content .wp-pagenavi .nextpostslink, #content .wp-pagenavi .previouspostslink { display: inline-block; line-height: 1; } #content .wp-pagenavi .page, #content .wp-pagenavi .current { margin: 0 .5em; } #content .wp-pagenavi .nextpostslink { margin-left: 1.1em; } #content .wp-pagenavi .previouspostslink { margin-right: 1.1em; } #content .wp-pagenavi .pages { -ms-flex-order: 2; order: 2; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 1em; } #content .wp-pagenavi .first { margin-right: .5em; } #content .wp-pagenavi .last { margin-left: .5em; } /* ========================================================================== Grid Columns plugin ========================================================================== */ @media (max-width: 767px) { #content .column-grid .column { width: 100%; } } /* ========================================================================== Page Header ========================================================================== */ .page-header { background: #004f9d; /* For browsers that do not support gradients */ background-image: url("../nfed/images/diagonal.svg"); background-size: 3px 3px; background-repeat: repeat; min-height: 90px; margin-bottom: 40px; } @media (max-width: 767px) { .page-header { padding: 0; margin-bottom: 2.5em; } } @media (min-width: 768px) { .page-header { margin-bottom: 2.5em; } } .page-header .page-title-wrapper { max-width: 960px; min-height: 90px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 18px 0; } @media (min-width: 768px) { .page-header .page-title-wrapper { padding-left: 0.7em !important; } } .page-header .page-title { text-transform: uppercase; padding: 0 16px; } @media (min-width: 768px) { .page-header .page-title { padding: 0; } } @media (max-width: 767px) { .library-resource-header { margin-bottom: 1.5em; } } /* ========================================================================== Site Content ========================================================================== */ #content { max-width: 960px; margin: 0 auto; } @media (min-width: 768px) { #content { padding-left: 10px; padding-right: 10px; } } @media (max-width: 767px) { #primary { padding-left: 1em; padding-right: 1em; } } @media (min-width: 768px) { #primary { width: calc(100% - (220px + 40px )); float: left; } } .full-width { width: 100% !important; float: none !important; } @media (min-width: 768px) { #primary.donate-content-area { float: right; } } #secondary { margin-bottom: 50px; } @media (min-width: 768px) { #secondary { width: 220px; float: right; overflow: hidden; } } #secondary .widget_black_studio_tinymce { margin-bottom: 30px; } #secondary .widget_black_studio_tinymce:last-child { margin-bottom: 0; } @media (min-width: 768px) { #secondary.donate-widget-area { float: left; } } #secondary.donate-widget-area p { color: #666666; } /* article .entry-content h1, article .entry-content h2, article .entry-content h3, article .entry-content h4, article .entry-content h5, article .entry-content h6 { padding-bottom: 10px; } */ article .entry-content li { padding: .5em 0; word-break: break-word; } article .entry-content li:first-child { padding-top: 0; } article .entry-content .button, article .entry-content #sc_calendar_wrap #sc_event_select #sc_submit, #sc_calendar_wrap #sc_event_select article .entry-content #sc_submit, article .entry-content #sc_calendar_wrap .sc_calendar_submit, #sc_calendar_wrap article .entry-content .sc_calendar_submit { margin-bottom: 1.7em; } /* ========================================================================== Site Footer ========================================================================== */ #site-footer { padding: 0; background: #6a2c91; text-align: center; } #site-footer h6 { text-transform: uppercase; } @media (min-width: 768px) { #site-footer h6 { margin-top: 8px; } } #site-footer .gfield_error { padding-top: 0 !important; } #site-footer .footer-newsletter-wrapper { max-width: 100%; width: 100%; padding: 0; margin-bottom: 40px; background-color: #00a49e; background-image: url("../nfed/images/diagonal-30.svg"); background-size: 3px 3px; background-repeat: repeat; position: relative; overflow: hidden; } @media (min-width: 768px) { #site-footer .footer-newsletter-wrapper { height: 150px; } } #site-footer .footer-newsletter-wrapper:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 80px 55px 0; border-color: transparent #ffffff transparent transparent; position: absolute; right: 0px; z-index: 100; } #site-footer .footer-newsletter-wrapper .footer-newsletter-signup { text-align: left; max-width: 960px; margin: 0 auto; } @media (min-width: 768px) { #site-footer .footer-newsletter-wrapper .footer-newsletter-signup { height: 100%; } } #site-footer .footer-newsletter-wrapper .footer-newsletter-signup .footer-newsletter-title { min-height: 112px; width: 100%; display: table; padding-left: 1em; padding-right: 1em; } @media (min-width: 768px) { #site-footer .footer-newsletter-wrapper .footer-newsletter-signup .footer-newsletter-title { width: 32%; float: left; height: 100%; padding: 0 0 0 10px; } } #site-footer .footer-newsletter-wrapper .footer-newsletter-signup h6 { color: #fff; text-transform: uppercase; font-size: 25px; display: table-cell; vertical-align: middle; } @media (min-width: 910px) { #site-footer .footer-newsletter-wrapper .footer-newsletter-signup h6 { display: block; margin: 47px 40px 0 0; } } #site-footer .footer-newsletter-wrapper .footer-newsletter-signup .gform_wrapper { background-color: #004f9d; padding-right: 1em; padding-left: 1em; min-height: 145px; display: table; } @media (min-width: 768px) { #site-footer .footer-newsletter-wrapper .footer-newsletter-signup .gform_wrapper { width: 68%; float: left; height: 100%; position: relative; min-height: 151px; } #site-footer .footer-newsletter-wrapper .footer-newsletter-signup .gform_wrapper .gfield { margin: 0 !important; } } @media (min-width: 910px) { #site-footer .footer-newsletter-wrapper .footer-newsletter-signup .gform_wrapper { padding-right: 0; } } #site-footer .footer-newsletter-wrapper .footer-newsletter-signup .gform_wrapper:before { content: ''; height: 100%; width: 800px; left: 100%; top: 0; background: #004f9d; position: absolute; } #site-footer .footer-newsletter-wrapper .footer-newsletter-signup .gform_wrapper form { margin-top: 36px; } @media (min-width: 768px) { #site-footer .footer-newsletter-wrapper .footer-newsletter-signup .gform_wrapper form { margin-top: 21px; } } #site-footer .footer-newsletter-wrapper .footer-newsletter-signup .gform_wrapper input { height: 40px; } #site-footer .footer-newsletter-wrapper .footer-newsletter-signup .gform_wrapper .gform_body { max-width: 480px; } @media (min-width: 768px) { #site-footer .footer-newsletter-wrapper .footer-newsletter-signup .gform_wrapper .gform_body .ginput_container { display: inline-block; width: 100%; } } @media (min-width: 910px) { #site-footer .footer-newsletter-wrapper .footer-newsletter-signup .gform_wrapper .gform_body { width: 74%; margin-top: 26px; } #site-footer .footer-newsletter-wrapper .footer-newsletter-signup .gform_wrapper .gform_body .ginput_container { max-width: 367px; } } @media (min-width: 970px) { #site-footer .footer-newsletter-wrapper .footer-newsletter-signup .gform_wrapper .gform_body { width: 76%; } #site-footer .footer-newsletter-wrapper .footer-newsletter-signup .gform_wrapper .gform_body .ginput_container { max-width: 394px; } } #site-footer .footer-newsletter-wrapper .footer-newsletter-signup .gform_wrapper .gfield_label { text-transform: uppercase; color: #fff; font-family: "Gotham SSm A", "Gotham SSm B"; font-style: normal; font-weight: 400; } @media (min-width: 768px) { #site-footer .footer-newsletter-wrapper .footer-newsletter-signup .gform_wrapper .gfield_label { width: 70px; padding-top: 10px; } } #site-footer .footer-newsletter-wrapper .footer-newsletter-signup .gform_wrapper .gfield_error .gfield_label { color: #fff !important; } #site-footer .footer-newsletter-wrapper .footer-newsletter-signup .gform_wrapper .gform_footer { margin-top: 20px; max-width: 150px; } #site-footer .footer-newsletter-wrapper .footer-newsletter-signup .gform_wrapper .gform_footer input { line-height: 36px; margin-top: .3em; } @media (min-width: 768px) { #site-footer .footer-newsletter-wrapper .footer-newsletter-signup .gform_wrapper .gform_footer { margin-top: 35px; } #site-footer .footer-newsletter-wrapper .footer-newsletter-signup .gform_wrapper .gform_footer input { margin-top: 0px; } } @media (min-width: 910px) { #site-footer .footer-newsletter-wrapper .footer-newsletter-signup .gform_wrapper .gform_footer { margin-top: 26px; } } #site-footer .footer-newsletter-wrapper .gform_confirmation_message { text-align: center; padding: 0 1em; background-color: #004f9d; min-height: 145px; line-height: 145px; } @media (min-width: 768px) { #site-footer .footer-newsletter-wrapper .gform_confirmation_message { min-height: 150px; line-height: 150px; width: 65%; float: left; position: relative; } #site-footer .footer-newsletter-wrapper .gform_confirmation_message:before { content: ''; height: 100%; width: 800px; left: 100%; top: 0; background: #004f9d; position: absolute; } } #site-footer .site-footer-wrapper .menu-footer-menu-container { float: left; width: 32%; border-right: 1px solid #fad5ac; text-align: left; margin: 0; padding: 0; } @media (min-width: 768px) { #site-footer .site-footer-wrapper .menu-footer-menu-container { padding-top: 8px; } } #site-footer .site-footer-wrapper .menu-footer-menu-container ul { height: inherit; margin: 0; } #site-footer .site-footer-wrapper .menu-footer-menu-container li { float: left; list-style-type: none; width: 50%; padding-bottom: 20px; } @media (min-width: 910px) { #site-footer .site-footer-wrapper .menu-footer-menu-container li:nth-child(even) { width: 55%; } } @media (min-width: 910px) { #site-footer .site-footer-wrapper .menu-footer-menu-container li:nth-child(odd) { width: 45%; } } #site-footer .site-footer-wrapper .menu-footer-menu-container li a { text-decoration: none; text-transform: uppercase; font-weight: 700; font-size: 13px; font-size: 1.3rem; border-bottom: 0 solid transparent; transition: all .1s ease-in-out; } @media (min-width: 910px) { #site-footer .site-footer-wrapper .menu-footer-menu-container li a { font-size: 17px; font-size: 1.7rem; } } #site-footer .site-footer-wrapper .menu-footer-menu-container li a:hover { border-bottom: 2px solid #fff; } #site-footer .site-footer-wrapper .menu-footer-menu-container .current-menu-item a { color: #fff; border-bottom: 2px solid #fff; } #site-footer .site-footer-wrapper .menu-footer-menu-container .current-menu-item a:hover { cursor: default; } #site-footer .site-footer-wrapper h6, #site-footer .site-footer-wrapper .contact-phone a { color: #fff !important; } #site-footer .site-footer-wrapper .footer-contact { padding: 0; border-bottom: 1px solid #fad5ac; margin-bottom: 40px; } #site-footer .site-footer-wrapper .footer-contact > div { height: 100%; } #site-footer .site-footer-wrapper .footer-contact h6, #site-footer .site-footer-wrapper .footer-contact a { margin-bottom: 20px; display: block; text-decoration: none; } #site-footer .site-footer-wrapper .footer-contact address { margin-bottom: 40px; } #site-footer .site-footer-wrapper .footer-contact address a { cursor: default; } #site-footer .site-footer-wrapper .footer-contact address a:hover { color: #fad5ac; } @media (min-width: 768px) { #site-footer .site-footer-wrapper .footer-contact { float: left; width: 36%; border-bottom: none; border-right: 1px solid #fad5ac; margin-bottom: 0px; } #site-footer .site-footer-wrapper .footer-contact address { color: #fad5ac; } #site-footer .site-footer-wrapper .footer-contact a { font-size: 15px; font-size: 1.5rem; } } #site-footer .site-footer-wrapper .footer-connect { padding: 0; } @media (min-width: 768px) { #site-footer .site-footer-wrapper .footer-connect { height: 236px; } } #site-footer .site-footer-wrapper .footer-connect h6 { padding-bottom: 20px; } @media (min-width: 768px) { #site-footer .site-footer-wrapper .footer-connect h6 { text-align: center; } } @media (min-width: 768px) { #site-footer .site-footer-wrapper .footer-connect { float: left; width: 32%; margin-bottom: 0px; } } @media (min-width: 768px) { #site-footer .site-footer-wrapper { height: 236px; clear: both; padding-bottom: 25px; } #site-footer .site-footer-wrapper > div { height: 100%; } } .wired-impact-link { color: #fff !important; margin-bottom: 0; font-size: 15px; font-size: 1.5rem; } @media (min-width: 768px) { .wired-impact-link { font-size: 15px; font-size: 1.5rem; margin-top: 3px; } } .wired-impact-link a { display: block; } @media (min-width: 768px) { .wired-impact-link a { font-size: 15px; font-size: 1.5rem; } } #copyright-and-legal { background-color: #522171; background-image: url("../nfed/images/diagonal.svg"); background-size: 3px 3px; background-repeat: repeat; padding: 10px 1em; clear: both; } @media (min-width: 768px) { #copyright-and-legal { min-height: 40px; } } #copyright-and-legal .footer-legal { text-align: center; } #copyright-and-legal .footer-legal a { border-left: 1px solid #fff; padding-left: 6px; text-decoration: none; font-size: 14px; font-size: 1.4rem; } #copyright-and-legal .footer-legal a.current { color: #fff; cursor: default; } #copyright-and-legal p { margin: 0; color: #fff; font-size: 14px; font-size: 1.4rem; } /* ========================================================================== Custom Page Layouts and Styles ========================================================================== */ /* Homepage ========================================================================== */ .home #primary { padding: 0; } @media (min-width: 768px) { .home #primary { width: 100%; } } @media (min-width: 768px) { .home #content { padding: 0; max-width: none; } } @media (min-width: 768px) { .home .header-image-inner-wrapper { display: -ms-flexbox; display: flex; } } @media (min-width: 768px) { .home .header-image { position: relative; -ms-flex: 1; flex: 1; z-index: -1; -ms-flex-preferred-size: 27em; flex-basis: 27em; } .home .header-image:before { content: ''; top: 0; right: 0; width: 100px; height: 99%; position: absolute; width: 120px; height: 100%; background: linear-gradient(to bottom left, #522171 49%, transparent 50%); } } .home .header-image img { width: 100%; display: block; } .home .header-image-text { background-color: #522171; text-align: center; } @media (min-width: 768px) { .home .header-image-text { text-align: right; -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; z-index: -1; } } .home .header-image-text h1 { padding: 1.5em 1em; margin: 0; color: #fff; font-size: 17px; font-size: 1.7rem; font-weight: normal; line-height: 1.471; text-transform: none; } @media (min-width: 768px) { .home .header-image-text h1 { padding: 1.5em 1.5em; } } @media (min-width: 1427px) { .home .header-image-text h1 { padding: 1.5em 3em; } } @media (min-width: 768px) { .home .header-image-text h1 { font-size: 15px; font-size: 1.5rem; } } @media (min-width: 790px) { .home .header-image-text h1 { font-size: 16px; font-size: 1.6rem; } } @media (min-width: 830px) { .home .header-image-text h1 { font-size: 18px; font-size: 1.8rem; } } @media (min-width: 988px) { .home .header-image-text h1 { font-size: 22px; font-size: 2.2rem; } } @media (min-width: 1175px) { .home .header-image-text h1 { font-size: 28px; font-size: 2.8rem; } } @media (min-width: 1646px) { .home .header-image-text h1 { font-size: 35px; font-size: 3.5rem; } } @media (min-width: 768px) { .home .expandable-cta-wrapper { margin-top: -3px; } } .home .expandable-cta-heading { padding: 1.1em 2em; background-color: #00a49e; background-image: url("images/diagonal-30.svg"); background-size: 3px 3px; background-repeat: repeat; text-align: center; } @media (min-width: 768px) { .home .expandable-cta-heading { padding: 1em 2em; } } .home .expandable-cta-heading h2 { line-height: 0; } .home .expandable-cta-heading h2 a { display: inline; position: relative; color: #fff; font-size: 17px; font-size: 1.7rem; margin-left: 2em; border-bottom: 0 solid transparent; transition: all .2s ease-in-out; } .home .expandable-cta-heading h2 a:before, .home .expandable-cta-heading h2 a:after { content: ''; top: 2px; left: -19px; width: 3px; height: 15px; position: absolute; background: #fff; transition: all 0.3s linear; } .home .expandable-cta-heading h2 a:before { width: 15px; height: 3px; top: 8px; left: -25px; } @media (min-width: 768px) { .home .expandable-cta-heading h2 a:hover, .home .expandable-cta-heading h2 a:focus { border-bottom: 2px solid #fff; } } .home .is-open .expandable-cta-heading a:after { -ms-transform: rotate(90deg); transform: rotate(90deg); } .home .expandable-cta-text { background: #33a9a5; padding: 2em 1em; text-align: center; display: none; } @media (min-width: 768px) { .home .expandable-cta-text { padding: 2em 10px; } } @media (min-width: 768px) { .home .expandable-cta-text.has-image { text-align: left; } } .home .expandable-cta-text img { display: block; margin: 0 auto 1.7em; } @media (min-width: 768px) { .home .expandable-cta-text img { float: left; margin: 0.25em 2.3em 0 0; } } .home .expandable-cta-text p { margin-bottom: 0; color: #fff; font-size: 17px; font-size: 1.7rem; position: relative; } @media (min-width: 768px) { .home .expandable-cta-text p { max-width: 840px; margin: 0 auto; } } .home .expandable-cta-text a { margin-top: 1.7em; color: #fff; text-decoration: none; background-color: transparent; border-color: #fff; } .home .expandable-cta-text a:hover, .home .expandable-cta-text a:focus { color: #fff; border-color: #fff; background: rgba(255, 255, 255, 0.3); } .home .what-are-wrapper { padding: 34px 1em 50px; margin: 0 auto; max-width: 960px; } @media (min-width: 910px) { .home .what-are-wrapper { padding: 55px 10px 55px 10px; } } .home .what-are-wrapper img { display: block; margin: 0 auto; } @media (min-width: 768px) { .home .what-are-wrapper img { float: left; margin: 0 50px 100px 0; padding-top: 9px; } } .home .what-are-wrapper h2 { margin: .65em 0; text-align: center; } @media (min-width: 768px) { .home .what-are-wrapper h2 { margin-top: 0; text-align: left; font-size: 40px; font-size: 4rem; } } .home .corner-notch { position: relative; } .home .corner-notch:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 80px 55px 0; border-color: transparent #ffffff transparent transparent; position: absolute; top: 0; right: 0; z-index: 100; } .home .posts-wrapper { padding: 47px 10px; background: rgba(0, 63, 141, 0.1); } @media (min-width: 768px) { .home .posts-wrapper { padding: 63px 10px; } } .home .posts { text-align: center; } @media (min-width: 768px) { .home .posts { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; max-width: 940px; margin: 0 auto; } } .home .posts h2 { padding: 0 0.75em; } @media (min-width: 768px) { .home .posts h2 { -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0; } } .home .posts h2 a { display: block; font-size: 30px; font-size: 3rem; line-height: 1.133333333; color: #004f9d; } @media (min-width: 768px) { .home .posts h2 a { font-size: 42px; font-size: 4.2rem; } } .home .posts h2 a:hover, .home .posts h2 a:focus { color: #6a2c91; } .home .posts span { display: inline-block; margin-bottom: 0.5em; font-size: 14px; font-size: 1.4rem; color: #666666; text-transform: uppercase; } .home .posts .post-thumbnail-link-front-page { display: block; margin-bottom: 1.3em; } .home .posts .post-thumbnail-link-front-page > div { position: relative; border: 1px solid #6D6E71; transition: all 0.3s linear; } .home .posts .post-thumbnail-link-front-page > div:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; transition: background-color 0.3s linear; } .home .posts .post-thumbnail-link-front-page:hover > div, .home .posts .post-thumbnail-link-front-page:focus > div { border: 1px solid #004f9d; opacity: 1; } .home .posts .post-thumbnail-link-front-page:hover > div:after, .home .posts .post-thumbnail-link-front-page:focus > div:after { background-color: rgba(0, 63, 141, 0.4); } .home .posts .post { margin: 2.5em auto 0; max-width: 350px; } @media (min-width: 768px) { .home .posts .post { -ms-flex: 1; flex: 1; max-width: 200px; padding: 0 0.5em; margin: 2.2em 0 0; } } @media (min-width: 768px) and (-ms-high-contrast: none) { .home .posts .post { -ms-flex: 0 1 171px; flex: 0 1 171px; } } @media (min-width: 900px) { .home .posts .post { padding: 0; } } .home .posts .post:nth-of-type(n + 3) { display: none; } @media (min-width: 768px) { .home .posts .post:nth-of-type(n + 3) { display: block; } } .home .posts .post h3 a { display: inline-block; color: #004f9d; text-transform: none; font-weight: normal; font-size: 17px; font-size: 1.7rem; line-height: 1.176470588; } .home .posts .post h3 a:hover, .home .posts .post h3 a:focus { color: #6a2c91; } .home .support-we-offer { padding: 45px 1em 35px; } @media (min-width: 700px) { .home .support-we-offer { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; max-width: 960px; margin: 0 auto; padding: 45px 10px; } } .home .support-we-offer h2 { font-size: 30px; font-size: 3rem; line-height: 1.15; text-align: center; } @media (min-width: 700px) { .home .support-we-offer h2 { max-width: 220px; margin: 0; text-align: left; } } @media (min-width: 900px) { .home .support-we-offer h2 { font-size: 40px; font-size: 4rem; line-height: 1.05; } } .home .support-offering { display: block; max-width: 220px; margin: 1em auto; position: relative; overflow: hidden; } @media (min-width: 700px) { .home .support-offering { margin: 1.4em 0 1em 0.6em; } } .home .support-offering img { display: block; margin-bottom: 0; transition: transform 0.3s linear; } .home .support-offering h3 { position: absolute; bottom: 0; padding: 1.3em 0.5em 1.3em 3.4em; background: rgba(0, 164, 158, 0.9); text-transform: none; font-size: 16px; font-size: 1.6rem; color: #fff; transition: background-color 0.3s linear; } .home .support-offering h3:before { content: ''; position: absolute; left: 14px; top: 1.2em; width: 26px; height: 30px; background-repeat: none; } .home .support-offering:nth-of-type(1) h3:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.25' height='30' viewBox='0 0 26.25 30'%3E%3Cpath fill='%23fff' d='M26.25,21.094V1.406A1.4,1.4,0,0,0,24.844,0H5.625A5.626,5.626,0,0,0,0,5.625v18.75A5.626,5.626,0,0,0,5.625,30H24.844a1.4,1.4,0,0,0,1.406-1.406v-.937a1.417,1.417,0,0,0-.521-1.1,13.067,13.067,0,0,1,0-4.377,1.4,1.4,0,0,0,.521-1.09ZM7.5,7.852A.353.353,0,0,1,7.852,7.5H20.273a.353.353,0,0,1,.352.352V9.023a.353.353,0,0,1-.352.352H7.852A.353.353,0,0,1,7.5,9.023Zm0,3.75a.353.353,0,0,1,.352-.352H20.273a.353.353,0,0,1,.352.352v1.172a.353.353,0,0,1-.352.352H7.852a.353.353,0,0,1-.352-.352ZM22.348,26.25H5.625a1.875,1.875,0,1,1,0-3.75H22.348A21.094,21.094,0,0,0,22.348,26.25Z'/%3E%3C/svg%3E"); } .home .support-offering:nth-of-type(2) h3:before { left: 13px; top: 1.4em; width: 28px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='24.5' viewBox='0 0 28 24.5'%3E%3Cpath fill='%23fff' d='M5.25,42.5A3.5,3.5,0,1,0,1.75,39,3.5,3.5,0,0,0,5.25,42.5ZM17.5,44.25a6.125,6.125,0,1,0-6.125-6.125A6.122,6.122,0,0,0,17.5,44.25ZM21.7,46h-.454a8.457,8.457,0,0,1-7.492,0H13.3A6.3,6.3,0,0,0,7,52.3v1.575A2.626,2.626,0,0,0,9.625,56.5h15.75A2.626,2.626,0,0,0,28,53.875V52.3A6.3,6.3,0,0,0,21.7,46ZM9.466,45.267A3.49,3.49,0,0,0,7,44.25H3.5A3.5,3.5,0,0,0,0,47.75V49.5a1.748,1.748,0,0,0,1.75,1.75h3.6a8.019,8.019,0,0,1,4.113-5.983Z' transform='translate(0 -32)'/%3E%3C/svg%3E"); } .home .support-offering:nth-of-type(3) h3:before { left: 11px; top: 1.4em; width: 35px; height: 27px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='27.222' viewBox='0 0 35 27.222'%3E%3Cpath fill='%23fff' d='M25.278,41.722c0-5.372-5.657-9.722-12.639-9.722S0,36.351,0,41.722a8.244,8.244,0,0,0,2.309,5.59A13.677,13.677,0,0,1,.134,50.624a.483.483,0,0,0-.091.529.476.476,0,0,0,.444.292,10.7,10.7,0,0,0,5.39-1.519,15.461,15.461,0,0,0,6.763,1.519C19.621,51.444,25.278,47.094,25.278,41.722ZM32.691,55.09A8.232,8.232,0,0,0,35,49.5c0-4.065-3.251-7.547-7.857-9a9.03,9.03,0,0,1,.079,1.221c0,6.435-6.544,11.667-14.583,11.667a18.218,18.218,0,0,1-1.926-.115c1.914,3.494,6.411,5.949,11.648,5.949A15.377,15.377,0,0,0,29.124,57.7a10.7,10.7,0,0,0,5.39,1.519.479.479,0,0,0,.444-.292.487.487,0,0,0-.091-.529A13.531,13.531,0,0,1,32.691,55.09Z' transform='translate(0 -32)'/%3E%3C/svg%3E"); } .home .support-offering:hover h3, .home .support-offering:focus h3 { background: rgba(106, 45, 145, 0.9); } .home .support-offering:hover img, .home .support-offering:focus img { -ms-transform: scale(1.05); transform: scale(1.05); } .home .stats-container { background: #fbecdb; text-align: center; } .home .stats-container .stats { max-width: 960px; margin: 0 auto; padding: 65px 1em 45px; } @media (min-width: 768px) { .home .stats-container .stats { padding: 65px 10px; } } @media (min-width: 768px) { .home .stats-container h2 { font-size: 40px; font-size: 4rem; } } @media (min-width: 650px) { .home .stats-container .single-stat-container { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 650px) { .home .stats-container .stat { padding: 0 0.5em; } } @media (min-width: 850px) { .home .stats-container .stat { padding: 0; } } .home .stats-container h3 { margin-top: 0.65em; font-size: 60px; font-size: 6rem; color: rgba(213, 128, 31, 0.5); } @media (min-width: 768px) { .home .stats-container h3 { font-size: 70px; font-size: 7rem; margin-top: 0.3em; } } .home .stats-container h3.in-view { animation: animate-stat 0.6s linear 1 both; } @keyframes animate-stat { from { opacity: 0; transform: perspective(500px) translate3d(-10px, -40px, -150px) rotate3d(1, -1, 0, 30deg); } to { opacity: 1; transform: perspective(500px) translate3d(0, 0, 0); } } .home .stats-container p { margin: 0 auto; max-width: 265px; } .home .stats-container .button, .home .stats-container #sc_calendar_wrap #sc_event_select #sc_submit, #sc_calendar_wrap #sc_event_select .home .stats-container #sc_submit, .home .stats-container #sc_calendar_wrap .sc_calendar_submit, #sc_calendar_wrap .home .stats-container .sc_calendar_submit { margin-top: 2em; } @media (min-width: 650px) { .home .stats-container .button, .home .stats-container #sc_calendar_wrap #sc_event_select #sc_submit, #sc_calendar_wrap #sc_event_select .home .stats-container #sc_submit, .home .stats-container #sc_calendar_wrap .sc_calendar_submit, #sc_calendar_wrap .home .stats-container .sc_calendar_submit { margin-top: 1.5em; } } .home .stories-of-hope { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 316px; margin: 0 auto; padding: 45px 11px; } @media (min-width: 360px) { .home .stories-of-hope { max-width: 342px; } } @media (min-width: 400px) { .home .stories-of-hope { max-width: 392px; } } @media (min-width: 450px) { .home .stories-of-hope { max-width: 442px; } } @media (min-width: 500px) { .home .stories-of-hope { max-width: 496px; } } @media (min-width: 768px) { .home .stories-of-hope { max-width: 721px; padding: 72px 5px 58px; } } @media (min-width: 975px) { .home .stories-of-hope { max-width: 960px; } } .home .stories-of-hope .hope-story-container { position: relative; width: 137px; height: 137px; margin: 0 5px 10px; overflow: hidden; } @media (min-width: 360px) { .home .stories-of-hope .hope-story-container { width: 150px; height: 150px; } } @media (min-width: 400px) { .home .stories-of-hope .hope-story-container { width: 175px; height: 175px; } } @media (min-width: 450px) { .home .stories-of-hope .hope-story-container { width: 200px; height: 200px; } } @media (min-width: 500px) { .home .stories-of-hope .hope-story-container { width: 227px; height: 227px; } } .home .stories-of-hope .hope-story-container a { display: block; height: 100%; } .home .stories-of-hope .hope-story-container:not(.heading):not(.share-story-cta) a { font-size: 0; } .home .stories-of-hope .hope-story-container img, .home .stories-of-hope .hope-story-container .post-fallback-image { width: 100%; height: 100%; } .home .stories-of-hope .hope-story-container img, .home .stories-of-hope .hope-story-container svg { transition: transform 0.3s linear; } .home .stories-of-hope .hope-story-container svg { width: 64%; height: auto; } .home .stories-of-hope .hope-story-container .heading-container { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 19px; background: rgba(0, 164, 158, 0.85); transition: opacity 0.3s linear; } @media (min-width: 768px) { .home .stories-of-hope .hope-story-container .heading-container { opacity: 0; } } .home .stories-of-hope .hope-story-container a:hover img, .home .stories-of-hope .hope-story-container a:hover svg, .home .stories-of-hope .hope-story-container a:focus img, .home .stories-of-hope .hope-story-container a:focus svg { -ms-transform: scale(1.05); transform: scale(1.05); } @media (min-width: 768px) { .home .stories-of-hope .hope-story-container a:hover .heading-container, .home .stories-of-hope .hope-story-container a:focus .heading-container { opacity: 1; } } .home .stories-of-hope .hope-story-container a:hover .heading-container:before, .home .stories-of-hope .hope-story-container a:hover .heading-container:after, .home .stories-of-hope .hope-story-container a:focus .heading-container:before, .home .stories-of-hope .hope-story-container a:focus .heading-container:after { opacity: 1; -ms-transform: scale(1); transform: scale(1); } .home .stories-of-hope .hope-story-container h3 { font-size: 13px; font-size: 1.3rem; line-height: 1.5; color: #fff; text-transform: none; text-align: center; word-break: break-word; } @media (min-width: 400px) { .home .stories-of-hope .hope-story-container h3 { font-size: 16px; font-size: 1.6rem; } } .home .stories-of-hope .hope-story-container .circle-arrow { display: inline-block; width: 12px; height: 12px; font-size: 16px; font-size: 1.6rem; } .home .stories-of-hope .hope-story-container .circle-arrow:before { top: 1px; left: 0; margin-left: 5px; color: rgba(0, 164, 158, 0.85); } @media (max-width: 767px) { .home .stories-of-hope .heading { -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; height: auto; max-width: none; margin-bottom: 1.5em; text-align: center; } } @media (min-width: 768px) { .home .stories-of-hope .heading { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } } .home .stories-of-hope .heading h2 a { line-height: 1.1333333; } @media (min-width: 768px) { .home .stories-of-hope .heading h2 a { font-size: 40px; font-size: 4rem; line-height: 1.05; } } .home .stories-of-hope .share-story-cta a { width: 100%; height: 100%; } .home .stories-of-hope .share-story-cta .heading-container { opacity: 1; background: #00a49e; transition: background 0.3s linear; } @media (min-width: 768px) { .home .stories-of-hope .share-story-cta .heading-container { padding: 25px; } } @media (min-width: 768px) { .home .stories-of-hope .share-story-cta .heading-container h3 { font-size: 16px; font-size: 1.6rem; text-transform: uppercase; text-align: center; } } .home .stories-of-hope .share-story-cta a:hover .heading-container, .home .stories-of-hope .share-story-cta a:focus .heading-container { background: #6a2c91; } .home .stories-of-hope .share-story-cta a:hover .circle-arrow:before, .home .stories-of-hope .share-story-cta a:focus .circle-arrow:before { color: #6a2c91; } .home .border-draw-hover:before, .home .border-draw-hover:after { content: ''; position: absolute; top: 7px; right: 7px; bottom: 7px; left: 7px; opacity: 0; transition: opacity 0.3s linear, transform 0.3s linear; z-index: 2; } .home .border-draw-hover:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -ms-transform: scale(0, 1); transform: scale(0, 1); } .home .border-draw-hover:after { border-right: 1px solid #fff; border-left: 1px solid #fff; -ms-transform: scale(1, 0); transform: scale(1, 0); } .home .highlighted-content-container { position: relative; z-index: 2; margin-bottom: 55px; background: #efe8f3; } @media (min-width: 768px) { .home .highlighted-content-container { margin-bottom: 68px; } } .home .highlighted-content-container:before { content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 170px; background-color: #522171; background-image: url(../nfed/images/diagonal.svg); background-size: 3px 3px; background-repeat: repeat; } @media (min-width: 768px) { .home .highlighted-content-container:before { width: 20%; height: 100%; } } @media (min-width: 1100px) { .home .highlighted-content-container:before { width: 30%; } } @media (min-width: 1500px) { .home .highlighted-content-container:before { width: 36%; } } @media (min-width: 768px) { .home .highlighted-content-container:after { content: ''; position: absolute; z-index: -1; top: 0; left: 5%; width: 15%; height: 100%; background: linear-gradient(to bottom left, #efe8f3 49.7%, transparent 50%); } } @media (min-width: 1100px) { .home .highlighted-content-container:after { left: 15%; } } @media (min-width: 1500px) { .home .highlighted-content-container:after { left: 21%; } } @media (max-width: 767px) { .home .highlighted-content-container.no-image:before, .home .highlighted-content-container.no-image:after { content: none; } } .home .highlighted-content-container img { display: block; max-width: 220px; margin: 0 auto 1.6em; } @media (min-width: 768px) { .home .highlighted-content-container img { margin: 0; } } .home .highlighted-content-container .highlighted-content { padding: 45px 1em; } @media (min-width: 768px) { .home .highlighted-content-container .highlighted-content { max-width: 960px; margin: 0 auto; padding: 65px 10px; } } @media (min-width: 768px) { .home .highlighted-content-container .highlighted-content > div { padding: 0 0 0 30%; } } @media (min-width: 768px) { .home .highlighted-content-container .highlighted-content img + div { padding: 0 0 0 240px; } } .home .highlighted-content-container h2 { font-size: 22px; font-size: 2.2rem; line-height: 1.125; text-transform: none; margin-bottom: 1em; } .home .highlighted-content-container .button.primary, .home .highlighted-content-container #sc_calendar_wrap #sc_event_select #sc_submit, #sc_calendar_wrap #sc_event_select .home .highlighted-content-container #sc_submit, .home .highlighted-content-container #sc_calendar_wrap .sc_calendar_submit, #sc_calendar_wrap .home .highlighted-content-container .sc_calendar_submit { background-color: #6a2c91; border-color: #6a2c91; } .home .highlighted-content-container .button.primary:hover, .home .highlighted-content-container #sc_calendar_wrap #sc_event_select #sc_submit:hover, #sc_calendar_wrap #sc_event_select .home .highlighted-content-container #sc_submit:hover, .home .highlighted-content-container #sc_calendar_wrap .sc_calendar_submit:hover, #sc_calendar_wrap .home .highlighted-content-container .sc_calendar_submit:hover, .home .highlighted-content-container .button.primary:focus, .home .highlighted-content-container #sc_calendar_wrap #sc_event_select #sc_submit:focus, #sc_calendar_wrap #sc_event_select .home .highlighted-content-container #sc_submit:focus, .home .highlighted-content-container #sc_calendar_wrap .sc_calendar_submit:focus, #sc_calendar_wrap .home .highlighted-content-container .sc_calendar_submit:focus { background-color: #fff; color: #6a2c91; } .home .ctas-events { max-width: 332px; margin: 0 auto; padding: 0 1em 0; } @media (min-width: 768px) { .home .ctas-events { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 620px; padding: 0 10px 3em; } } @media (min-width: 976px) { .home .ctas-events { max-width: 960px; } } @media (min-width: 768px) { .home .large-ctas { display: -ms-flexbox; display: flex; } } .home .large-cta { position: relative; max-width: 300px; overflow: hidden; } @media (min-width: 768px) { .home .large-cta { margin-bottom: 1.25em; max-height: 348px; } } .home .large-cta:last-child { margin-top: 2em; } @media (min-width: 768px) { .home .large-cta:last-child { margin: 0 0 1.25em 1.25em; } } @media (min-width: 976px) { .home .large-cta:last-child { margin: 0 1.25em 1.25em; } } .home .large-cta a { display: block; } .home .large-cta img { display: block; transition: transform 0.3s linear; } .home .large-cta .heading-container { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 35px; background: rgba(0, 79, 157, 0.8); transition: opacity 0.3s linear; } .home .large-cta:last-child .heading-container { background: rgba(213, 128, 31, 0.8); } .home .large-cta h2 { font-size: 40px; font-size: 4rem; color: #fff; } .home .large-cta .circle-arrow { width: 30px; height: 30px; margin-left: 10px; display: inline-block; } .home .large-cta .circle-arrow:before { left: 0; top: 1px; width: 30px; height: 30px; font-size: 40px; font-size: 4rem; line-height: 0.6; color: rgba(0, 79, 157, 0.8); } .home .large-cta:last-child .circle-arrow:before { color: rgba(213, 128, 31, 0.8); } .home .large-cta a:hover img, .home .large-cta a:focus img { -ms-transform: scale(1.05); transform: scale(1.05); } .home .large-cta a:hover .heading-container:before, .home .large-cta a:hover .heading-container:after, .home .large-cta a:focus .heading-container:before, .home .large-cta a:focus .heading-container:after { opacity: 1; -ms-transform: scale(1); transform: scale(1); } .home .upcoming-events { margin: 2em 0; max-width: 300px; } @media (min-width: 768px) { .home .upcoming-events { -ms-flex-positive: 1; flex-grow: 1; margin: 0 0 1.25em 0; width: 31.8%; max-width: 620px; } } .home .upcoming-events h3 { padding: .5em; background: #00938e; } .home .upcoming-events h3 a { color: #fff; } .home .upcoming-events h3 a:hover { color: #fff; opacity: .85; } .home .upcoming-events ul { list-style: none; margin: 0; } .home .upcoming-events li { margin: .29em 0 0; padding: 1.2em; background: #ecf8f8; } .home .upcoming-events .date { display: block; text-transform: uppercase; color: #7B7B7B; font-weight: bold; margin-bottom: .2em; } .home .upcoming-events a { text-decoration: none; color: #00938e; } .home .upcoming-events a:hover { color: #016e6a; } .home .upcoming-events .circle-arrow { margin-left: 0.5em; } .home .upcoming-events .circle-arrow:before { top: 3px; left: 0; } .post-8 .entry-content p:last-child a, .post-7109 .entry-content p:last-child a, .post-7640 .entry-content p:last-child a { margin-right: 90px; text-decoration: none; } .post-8 .entry-content p:last-child a:last-child, .post-7109 .entry-content p:last-child a:last-child, .post-7640 .entry-content p:last-child a:last-child { margin-right: 0; } @media (max-width: 767px) { .post-8 .entry-content p:last-child a, .post-7109 .entry-content p:last-child a, .post-7640 .entry-content p:last-child a { margin-right: 0; width: 100%; display: block; } } .post-8 .entry-content p:nth-last-child(3), .post-8 .entry-content p:nth-last-child(2), .post-7109 .entry-content p:nth-last-child(3), .post-7109 .entry-content p:nth-last-child(2), .post-7640 .entry-content p:nth-last-child(3), .post-7640 .entry-content p:nth-last-child(2) { margin-bottom: 2.3em !important; } .page-id-7640 .page-header { background-color: #6a2c91; } .gform_wrapper .center-submit .gform_footer { text-align: center !important; } .gform_wrapper .center-submit .gform_footer .gform_button { margin-top: 25px; white-space: normal; } #gform_wrapper_9 #field_9_8 .gfield_description { margin-bottom: .5em; } .nfed-store-content { margin-bottom: 2.5em; } .nfed-products { margin-bottom: 5em; } .nfed-product-container { padding: 1em 0; border-bottom: 1px solid #dedede; } .nfed-product-container:first-of-type { border-top: 1px solid #dedede; } .nfed-product-container:after { content: ""; display: block; clear: both; } .nfed-product-container .product-toggle { color: #004f9d; font-size: 22px; font-size: 2.2rem; text-transform: uppercase; cursor: pointer; position: relative; padding-left: 3em; } .nfed-product-container .product-toggle:before, .nfed-product-container .product-toggle:after { content: ''; top: 7px; left: 6px; width: 3px; height: 1.3rem; position: absolute; background: #004f9d; transition: all 0.3s linear; } .nfed-product-container .product-toggle:before { width: 1.3rem; height: 3px; top: 12px; left: 1px; } .nfed-product-container .nfed-product-info { display: none; padding-top: 1em; padding-left: 4.25em; } .nfed-product-container .nfed-product-info .nfed-product-img { position: relative; } .nfed-product-container .nfed-product-info .nfed-product-img:before, .nfed-product-container .nfed-product-info .nfed-product-img:after { content: ''; top: 69px; left: 74px; width: 3px; height: 13px; position: absolute; background: transparent; } .nfed-product-container .nfed-product-info .nfed-product-img:before { width: 13px; height: 3px; top: 74px; left: 69px; z-index: 1; } .nfed-product-container .nfed-product-info .nfed-product-img:hover:after, .nfed-product-container .nfed-product-info .nfed-product-img:hover:before { transition: all 0.3s linear; background: #fff; } .nfed-product-container .nfed-product-info .nfed-product-img:hover:after { clear: both; } @media (max-width: 767px) { .nfed-product-container .nfed-product-info .nfed-product-img:before, .nfed-product-container .nfed-product-info .nfed-product-img:after { content: ''; top: -63px; left: 73px; width: 3px; height: 12px; position: absolute; background: transparent; } .nfed-product-container .nfed-product-info .nfed-product-img:before { width: 12px; height: 3px; top: -58px; left: 69px; z-index: 1; } .nfed-product-container .nfed-product-info .nfed-product-img:hover:after, .nfed-product-container .nfed-product-info .nfed-product-img:hover:before { transition: all 0.3s linear; background: #fff; } .nfed-product-container .nfed-product-info .nfed-product-img:hover:after { clear: both; } } .nfed-product-container .nfed-product-info img { float: left; border: 1px solid #a6a6a6; margin-right: 1em; position: relative; } @media (max-width: 767px) { .nfed-product-container .nfed-product-info img { float: none; } } .nfed-product-container .nfed-product-info img:hover { opacity: .7; transition: all 0.3s linear; } .nfed-product-container .nfed-product-info p { margin-bottom: 1em; } .nfed-product-container .nfed-product-info .nfed-product-details { overflow: hidden; display: block; } .nfed-product-container .nfed-product-info .nfed-product-sizes, .nfed-product-container .nfed-product-info .nfed-product-price { color: #666666; } .nfed-product-container .nfed-product-info .nfed-product-price { display: block; margin-bottom: 1.25em; } .is-open .product-toggle:after { -ms-transform: rotate(90deg); transform: rotate(90deg); } .nfed-purchase-products-heading { font-size: 27px; font-size: 2.7rem; margin-bottom: 1em; } #fancybox-close { top: -12px; right: -43px; } /* ========================================================================== Sugar Events Calendar ========================================================================== */ #sc_calendar_wrap #sc_event_select { width: 34% !important; } @media (max-width: 767px) { #sc_calendar_wrap #sc_event_select { display: none !important; } } #sc_calendar_wrap #sc_event_select > * { display: block; width: 30% !important; height: 36px; margin-right: 5px; padding: 0; float: left; } #sc_calendar_wrap #sc_event_select > *:first-child { width: 110px !important; } #sc_calendar_wrap #sc_event_select > *:nth-child(2) { width: 75px !important; } #sc_calendar_wrap #sc_event_select > *:nth-child(3) { margin: 0; } #sc_calendar_wrap #sc_event_select #sc_submit { width: 42px !important; } #sc_calendar_wrap #sc_calendar_title { line-height: 1; font-size: 28px; font-size: 2.8rem; } @media (max-width: 767px) { #sc_calendar_wrap #sc_calendar_title { width: 100px !important; font-size: 18px; font-size: 1.8rem; text-align: left; } } @media (min-width: 768px) { #sc_calendar_wrap #sc_calendar_title { margin-top: 7px; } } @media (max-width: 767px) { #sc_calendar_wrap #sc_event_nav_wrap { width: calc(100% - 100px) !important; } } @media (max-width: 767px) { #sc_calendar_wrap #sc_calendar { overflow-x: auto; } } #sc_calendar_wrap #sc_calendar a { display: block; } #sc_calendar_wrap #sc_calendar .calendar-day-head { font-family: "effra-n5", "effra", sans-serif; font-weight: 500; -webkit-font-smoothing: antialiased; text-transform: uppercase; } #sc_calendar_wrap #sc_calendar .today { background: #dff4f3; } @media (max-width: 767px) { #sc_calendar_wrap #sc_calendar table { margin-bottom: 0; } } #sc_calendar_wrap #sc_calendar td.calendar-day { height: 80px; } .post-type-archive-sc_event .sc_event_details_inner { margin-bottom: 1em; } .post-type-archive-sc_event #primary .gform_wrapper { display: none !important; } .calendar-view-link { margin: 0; } .post-type-archive-sc_event .sc_event_date, .post-type-archive-sc_event .sc_event_start_time, .post-type-archive-sc_event .sc_event_time_sep, .post-type-archive-sc_event .sc_event_end_time, .post-type-archive-sc_event .sc-date-start-end-sep, .post-type-archive-sc_event .sc_event_time, .single-sc_event .sc_event_date, .single-sc_event .sc_event_start_time, .single-sc_event .sc_event_time_sep, .single-sc_event .sc_event_end_time, .single-sc_event .sc-date-start-end-sep, .single-sc_event .sc_event_time, .sc_event_details_inner .sc_event_date, .sc_event_details_inner .sc_event_start_time, .sc_event_details_inner .sc_event_time_sep, .sc_event_details_inner .sc_event_end_time, .sc_event_details_inner .sc-date-start-end-sep, .sc_event_details_inner .sc_event_time { font-family: "Gotham SSm A", "Gotham SSm B"; font-size: 17px; color: #a6a6a6; } .post-type-archive-sc_event .event-register-button, .single-sc_event .event-register-button, .sc_event_details_inner .event-register-button { margin-bottom: 1em; } .post-type-archive-sc_event .event-register-button:active, .post-type-archive-sc_event .event-register-button:focus, .single-sc_event .event-register-button:active, .single-sc_event .event-register-button:focus, .sc_event_details_inner .event-register-button:active, .sc_event_details_inner .event-register-button:focus { background-color: #00938e !important; color: #fff !important; border: 2px solid #00938e !important; } .nfed-events-container { margin: 3em 0 4em 0; } .nfed-event-image-container { width: 150px; height: 150px; } .nfed-event-image-container img { border: 1px solid #6d6e71; transition: all .3s linear; height: 150px; width: 150px; } .nfed-event-image-container img:hover { border-color: #6a2c91; } @media (min-width: 768px) { .single-sc_event .attachment-medium { float: left; margin: 3px 16px 10px 0; } } .sc_event_time { margin-bottom: 1em; } #main .addeventatc { color: #fff !important; padding: 0.4em 0.6em !important; font-size: 17px; font-size: 1.7rem; font-weight: 700; line-height: 1.471 !important; } #main .addeventatc:hover, #main .addeventatc:active, #main .addeventatc:focus { color: #00a49e !important; top: 0 !important; } #main .addeventatc .addeventatc_icon { display: none !important; } /* ========================================================================== Library Resources/Filtering ========================================================================== */ .wi-filter-content { line-height: 1.3; } @media (max-width: 767px) { .wi-filter-content > p { padding: 0 1em; } } .wi-filter-content #secondary-filters { float: left; margin-bottom: 4em; } @media (min-width: 768px) { .wi-filter-content #secondary-filters { width: 245px; } } .wi-filter-content #secondary-filters #wi-clear-filters { transition: none !important; display: none; width: 198px; } .wi-filter-content #secondary-filters button { border: 2px solid #00a49e; } @media (max-width: 767px) { .wi-filter-content #secondary-filters { float: none; margin-bottom: 2em; padding: 0 1em; } .wi-filter-content #secondary-filters button { display: none; width: 100% !important; } .wi-filter-content #secondary-filters .wi-filter-toggle-filters { margin-bottom: 1.5em; font-size: 16px; font-size: 1.6rem; width: 100% !important; } .wi-filter-content #secondary-filters .wi-filter-toggle-filters:focus { background-color: #00a49e; border: 2px solid #00a49e; color: #fff; } .wi-filter-content #secondary-filters .wi-filter-toggle-filters.open { background-color: #016e6a; border: 2px solid #016e6a; color: #fff; } } .wi-filter-content .wi-filters h3 { margin-bottom: .5em; color: #6a2c91 !important; } .wi-filter-content .wi-filters .term { margin-bottom: 10px; } .wi-filter-content .wi-filters .term label { color: #6a2c91 !important; cursor: pointer; display: block; overflow: auto; line-height: 1.4; } .wi-filter-content .wi-filters .term input { margin-right: 10px; margin-top: 5px; float: left; } .wi-filter-content .wi-filter-content-column .wi-filter-list { list-style-type: none; border-top: 1px solid #dedede; } @media (max-width: 767px) { .wi-filter-content .wi-filter-content-column .wi-filter-list { margin-left: 0 !important; } } .wi-filter-content .wi-filter-content-column .wi-filter-list li { border-bottom: 1px solid #dedede; padding: 1em; } .wi-filter-content .wi-end-message { text-align: center; border-bottom: none !important; } .wi-filter-content .wi-end-message p { margin-bottom: 0; color: #e98d24; font-style: italic; font-weight: bold; font-size: 20px; font-size: 2rem; } .wi-filter-container { margin-bottom: 5em; } .resource-topic { display: block; color: #666666; text-transform: capitalize; } .resource-topic .topic-title { font-weight: 700; color: #666666 !important; } .single-resource-topic { margin-bottom: 1.5em; } .bold-resource { font-weight: bold; } .resource-files-list, .resource-videos-list, .related-resources-list { list-style-type: none; margin-left: 0; } .resource-files-list > li, .resource-videos-list > li, .related-resources-list > li { margin-bottom: 1em; } .resource-files-list > li:last-child, .resource-videos-list > li:last-child, .related-resources-list > li:last-child { margin-bottom: 0; } .related-resources-list { margin-bottom: 0; } @media (min-width: 768px) { .wi-filter-content-column { width: calc(100% - 245px) !important; } } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .related-content-container { margin-bottom: 50px; } @media (min-width: 768px) { .related-content-container { display: -ms-flexbox; display: flex; } } .related-resources-container, .related-blog-posts-container, .blog-related-resources-container { width: 100%; background-color: #f3f9ff; border: 1px solid #7da5cd; padding: 20px; } .related-resources-container h2, .related-blog-posts-container h2, .blog-related-resources-container h2 { font-size: 22px; font-size: 2.2rem; margin-bottom: 30px; } .related-resources-container ul, .related-blog-posts-container ul, .blog-related-resources-container ul { list-style-type: disc; } .related-resources-container ul li, .related-blog-posts-container ul li, .blog-related-resources-container ul li { margin-left: 15px; } .blog-related-resources-container { background-color: #faf6fc; border: 1px solid #522171; padding: 0; } @media (max-width: 767px) { .blog-related-resources-container { display: none; } } .blog-related-resources-container .related-content-title { background: #6a2c91; background-image: url("../nfed/images/diagonal.svg"); background-size: 3px 3px; background-repeat: repeat; padding: 20px; } .blog-related-resources-container .related-content-title h2 { color: #fff; margin: 0; } .blog-related-resources-container .related-resource-content { padding: 20px; } .blog-related-resources-container .related-resource-content .resource-title { display: block; font-style: italic; font-size: 20px; font-size: 2rem; font-weight: 700; margin-bottom: .8em; } .resource-content-container .resource-topic { margin-bottom: 20px; } .resource-thankyou-content { padding: 20px 15px; background: #ecf8f8; border: 1px solid #00a49e; margin-bottom: 30px; } .resource-thankyou-content p:last-child { margin-bottom: 0; } @media (max-width: 767px) { .related-resources-container { margin-bottom: 25px; } } @media (min-width: 768px) { .related-resources-container { margin-right: 20px; } } @media (max-width: 767px) { #gform_wrapper_15 { margin-bottom: 0.7em !important; } } #gform_wrapper_15 #gform_submit_button_15 { margin-right: 0; } .back-to-library-link-desktop, .back-to-library-link-mobile { display: none; text-decoration: none; color: #00a49e; font-size: 20px; font-size: 2rem; text-transform: uppercase; font-weight: 700; display: block; margin-bottom: 20px; transition: all 0.3s linear; } .back-to-library-link-desktop:hover, .back-to-library-link-mobile:hover { color: #016e6a; } @media (max-width: 767px) { .back-to-library-link-desktop { display: none; } } .back-to-library-link-mobile { font-size: 17px; font-size: 1.7rem; padding-bottom: 22px; margin-bottom: 25px; border-bottom: 1px solid #dedede; } @media (min-width: 768px) { .back-to-library-link-mobile { display: none; } } .resource-button { padding: 0 !important; border: 2px solid #00a49e; text-align: left; font-size: 16px; font-size: 1.6rem; } @media (min-width: 768px) { .resource-button { min-width: 330px; } } @media (max-width: 767px) { .resource-button { width: 291px; } } .resource-button:hover .resource-btn-text { color: #00a49e; border-color: #00a49e; } .resource-button:hover .resource-btn-image svg { fill: #00a49e !important; } @media (min-width: 768px) { .resource-button .resource-btn-text, .resource-button .resource-btn-image { padding: .5em .6em .4em .1em; } } .resource-button .resource-btn-text { min-width: 280px; display: inline-block; border-right: 1px solid #00938e; color: #fff; font-weight: 700; font-family: "Gotham SSm A", "Gotham SSm B"; text-align: center; font-size: 16px !important; } @media (max-width: 767px) { .resource-button .resource-btn-text { min-width: 248px; max-width: 248px; padding: .5em 7px .5em 0; } } .resource-button .resource-btn-image { padding-left: 13px; } @media (max-width: 767px) { .resource-button .resource-btn-image { padding-left: 8px; } } .resource-button .resource-btn-image svg { fill: #fff; height: 21px; width: 17px; vertical-align: text-bottom; } .resource-disclaimer { font-style: italic; } .gallery:before, .gallery:after { content: " "; display: table; } .gallery:after { clear: both; } .gallery .gallery-item { float: left; text-align: center; min-height: 205px; } @media (max-width: 440px) { .gallery .gallery-item { width: 100%; } } @media (min-width: 441px) and (max-width: 660px) { .gallery .gallery-item { width: 50%; } } @media (min-width: 661px) { .gallery .gallery-item { width: 33%; margin-bottom: .5em; } } .gallery-caption, .wp-caption-text { font-size: 15px; font-size: 1.5rem; font-style: italic; } .html-sitemap ul { padding-top: 1em; } .research-cta { padding: 25px 3.97059%; margin: 1.5em 0; text-align: center; border: 1px solid #d5801f; clear: both; } @media (min-width: 768px) { .research-cta { text-align: left; display: -ms-flexbox; display: flex; -ms-flex-align: flex-start; align-items: flex-start; } } .research-cta svg { display: block; width: 75px; min-width: 75px; height: 101px; margin: 0 auto 1em; } @media (min-width: 768px) { .research-cta svg { float: left; margin: 5px 4.41176% 0 0; } } .research-cta h4 { font-size: 22px; font-size: 2.2rem; text-transform: uppercase; } .research-cta p { margin-bottom: 1em; } .research-cta .button.secondary, .research-cta #sc_calendar_wrap #sc_event_select .secondary#sc_submit, #sc_calendar_wrap #sc_event_select .research-cta .secondary#sc_submit, .research-cta #sc_calendar_wrap .secondary.sc_calendar_submit, #sc_calendar_wrap .research-cta .secondary.sc_calendar_submit { margin-bottom: 0; padding-left: 1.4em; padding-right: 1.4em; } .fundraising-thermometer { margin: 1.8em 0; padding-top: 1.1em; text-align: center; text-transform: uppercase; border: 1px solid #cacaca; border-left: none; border-right: none; } @media (min-width: 490px) { .fundraising-thermometer { text-align: left; } } .fundraising-thermometer h3 { text-align: center; text-transform: uppercase; letter-spacing: -0.0909090909090909em; } @media (min-width: 490px) { .fundraising-thermometer .amount-button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } } .fundraising-thermometer p, .fundraising-thermometer span { color: #6a2c91; } @media (min-width: 490px) { .fundraising-thermometer p, .fundraising-thermometer span { -ms-flex-positive: 25; flex-grow: 25; } } .fundraising-thermometer p.amount-raised:nth-of-type(1) { font-size: 18px; font-size: 1.8rem; margin-bottom: 1.1em !important; letter-spacing: -0.1111111111111111em; } @media (min-width: 490px) { .fundraising-thermometer p.amount-raised:nth-of-type(1) { margin-bottom: 0.85em !important; letter-spacing: -0.0833333333333333em; } } .fundraising-thermometer span { font-weight: bold; display: block; } @media (min-width: 490px) { .fundraising-thermometer span { display: inline; } } .fundraising-thermometer .button.primary, .fundraising-thermometer #sc_calendar_wrap #sc_event_select #sc_submit, #sc_calendar_wrap #sc_event_select .fundraising-thermometer #sc_submit, .fundraising-thermometer #sc_calendar_wrap .sc_calendar_submit, #sc_calendar_wrap .fundraising-thermometer .sc_calendar_submit { margin-bottom: 1.55em; padding-left: 1em; padding-right: 1em; } @media (min-width: 490px) { .fundraising-thermometer .button.primary, .fundraising-thermometer #sc_calendar_wrap #sc_event_select #sc_submit, #sc_calendar_wrap #sc_event_select .fundraising-thermometer #sc_submit, .fundraising-thermometer #sc_calendar_wrap .sc_calendar_submit, #sc_calendar_wrap .fundraising-thermometer .sc_calendar_submit { -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 1.4em; padding-left: 0.75em; padding-right: 0.75em; } } .progress-bar { overflow: hidden; height: 29px; width: 100%; max-width: 500px; background: #333; border: 2px solid #000; border-radius: 13px; margin: 0.5em auto 1.5em; } @media (min-width: 490px) { .progress-bar { max-width: none; margin-bottom: 1em; } } .progress-bar-progress { height: 100%; width: 0; background: #e98d24; border-radius: 13px; transition: width 2s ease-in-out; } /* ========================================================================== Alert Bar ============================================================================== */ .nfed-alert-bar { background-color: #e98d24; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-bottom: 2px solid #fff; padding: 12px 1em; } @media (min-width: 768px) { .nfed-alert-bar { padding: 12px 10px; } } .nfed-alert-bar p, .nfed-alert-bar a { color: #fff; margin: 0; font-size: 16px; font-size: 1.6rem; } .nfed-alert-bar p { padding-right: 20px; } .nfed-alert-bar a { font-weight: 700; transition: opacity .3s linear; } .nfed-alert-bar a:hover { opacity: 0.9; } .nfed-alert-bar a:hover span { opacity: 0.9; } .nfed-alert-bar a:hover span:before { animation: moveLeftRight .9s linear infinite; } .nfed-alert-bar span.circle-arrow { transition: opacity .3s linear; } .nfed-alert-bar span.circle-arrow:hover:before { -ms-transform: none; transform: none; } .nfed-alert-bar span.circle-arrow:before { color: #e98d24; left: 4px; } @keyframes moveLeftRight { 0% { left: 4px; } 50% { left: 9px; } 100% { left: 4px; } } #dd-container .dtd-dropdown-is-selected span, .dtd-plugin .dtd-dropdown-is-selected span, #dd-company-name-input .dtd-dropdown-is-selected span, .dtd-streamlined-plugin .dtd-dropdown-is-selected span { color: #fff; } .page-template-template-landing-page #content, .page-template-template-landing-page #primary { width: 100%; max-width: none; float: none; padding-left: 0; padding-right: 0; } .page-template-template-landing-page .content-area h2 { font-size: 30px; font-size: 3rem; line-height: 34px; } .page-template-template-landing-page .content-area h2 > a { line-height: 34px; } @media (min-width: 768px) { .page-template-template-landing-page .content-area h2 { font-size: 40px; font-size: 4rem; line-height: 40px; } .page-template-template-landing-page .content-area h2 > a { line-height: 40px; } } .page-template-template-landing-page .site-main > section { position: relative; } .page-template-template-landing-page .site-main > section > div { max-width: 960px; margin: 0 auto; padding: 0 16px; } @media (min-width: 768px) { .page-template-template-landing-page .site-main > section > div { padding: 0 10px; } } .page-template-template-landing-page .header-image-wrapper { max-width: none; padding: 0; } .page-template-template-landing-page .header-image-wrapper img { display: block; } .page-template-template-landing-page .page-title-wrapper { padding: 18 16px !important; -ms-flex-pack: center; justify-content: center; text-align: center; } @media (min-width: 768px) { .page-template-template-landing-page .page-title-wrapper { padding: 18 10px !important; } } .page-template-template-landing-page .corner-notch:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 80px 55px 0; border-color: transparent #ffffff transparent transparent; position: absolute; top: 0; right: 0; z-index: 100; } .page-template-template-landing-page .landing-page-introduction { text-align: center; } .page-template-template-landing-page .landing-page-introduction > div > p:last-of-type { margin-bottom: 0; } .page-template-template-landing-page .landing-page-main-callout { background-color: #E5F6F5; text-align: center; padding: 56px 0 60px; margin-top: 38px; margin-bottom: 10px; } .page-template-template-landing-page .landing-page-main-callout h2 { margin-bottom: 30px; } @media (max-width: 767px) { .page-template-template-landing-page .landing-page-main-callout h2 { padding: 0 10px; } } .page-template-template-landing-page .landing-page-main-callout p:first-of-type { margin-top: 1.5em; } .page-template-template-landing-page .landing-page-main-callout > div > img { display: block; margin: 0 auto; } .page-template-template-landing-page .landing-page-main-callout .video-media-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 640px; margin: 0 auto; } @media (min-width: 690px) { .page-template-template-landing-page .landing-page-main-callout .video-media-container { padding-bottom: 360px; } } .page-template-template-landing-page .landing-page-main-callout .video-media-container > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 640px; max-height: 360px; } .page-template-template-landing-page .landing-page-two-column-callouts { padding: 50px 0 53px; } @media (min-width: 650px) { .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout { max-width: 460px; margin: 0 auto 40px; } @media (min-width: 650px) { .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout { max-width: 470px; } } .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout:last-child { margin-bottom: 0; } @media (min-width: 650px) { .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout { width: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout:nth-of-type(odd) { padding-right: 10px; } .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout:nth-of-type(even) { padding-left: 10px; } .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout:nth-last-child(-n+2) { margin-bottom: 0; } } .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout .image-container { display: block; margin-bottom: 14px; border: 1px solid #6D6E71; position: relative; overflow: hidden; } .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout .image-container:after { content: ''; display: block; width: 100%; height: 100%; background-color: transparent; position: absolute; top: 0; left: 0; transition: background-color .3s linear; } .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout .image-container:hover:after, .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout .image-container.hovering:after { background-color: rgba(106, 44, 145, 0.6); } .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout .image-container:hover img, .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout .image-container.hovering img { -ms-transform: scale(1.05); transform: scale(1.05); } .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout .image-container:hover .border-draw-hover:before, .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout .image-container:hover .border-draw-hover:after, .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout .image-container.hovering .border-draw-hover:before, .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout .image-container.hovering .border-draw-hover:after { opacity: 1; -ms-transform: scale(1); transform: scale(1); } .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout .image-container > img { display: block; transition: transform .3s linear; } .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout .image-container .border-draw-hover:before, .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout .image-container .border-draw-hover:after { content: ''; position: absolute; top: 7px; right: 7px; bottom: 7px; left: 7px; opacity: 0; transition: opacity 0.3s linear, transform 0.3s linear; z-index: 2; } .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout .image-container .border-draw-hover:before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -ms-transform: scale(0, 1); transform: scale(0, 1); } .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout .image-container .border-draw-hover:after { border-right: 1px solid #fff; border-left: 1px solid #fff; -ms-transform: scale(1, 0); transform: scale(1, 0); } .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout h2 { font-size: 22px; font-size: 2.2rem; line-height: 24px; text-transform: none; margin-bottom: 7px; } .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout h2 > a { font-size: inherit; line-height: inherit; } .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout h2 > a:hover, .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout h2 > a.hovering { color: #6a2c91; } .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout h2 > a:hover .circle-arrow:before, .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout h2 > a.hovering .circle-arrow:before { background-color: #6a2c91; } .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout h2 > a .circle-arrow { width: 12px; height: 12px; margin-left: 10px; display: inline-block; top: -1px; } .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout h2 > a .circle-arrow:before { left: 0; top: -1px; width: 12px; height: 12px; font-size: 16px; font-size: 1.6rem; line-height: 0.6; background-color: #00a49e; color: #fff; } .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout h2 > a .circle-arrow:hover:before { -ms-transform: none; transform: none; } .page-template-template-landing-page .landing-page-two-column-callouts .callouts-container .callout p { margin-bottom: 0; } .page-template-template-landing-page .landing-page-statistics { background-color: #fbecdb; padding: 60px 0 66px; text-align: center; } @media (min-width: 768px) { .page-template-template-landing-page .landing-page-statistics { padding: 60px 0 64px; } } @media (max-width: 767px) { .page-template-template-landing-page .landing-page-statistics .stats > h2 { padding: 0 10px; } } .page-template-template-landing-page .landing-page-statistics .single-stat-container { margin-bottom: 40px; } @media (min-width: 650px) { .page-template-template-landing-page .landing-page-statistics .single-stat-container { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 650px) { .page-template-template-landing-page .landing-page-statistics .stat { padding: 0 0.5em; } } @media (min-width: 850px) { .page-template-template-landing-page .landing-page-statistics .stat { padding: 0; } } .page-template-template-landing-page .landing-page-statistics .stat h3 { margin-top: 0.65em; font-size: 60px; font-size: 6rem; color: rgba(213, 128, 31, 0.5); } @media (min-width: 768px) { .page-template-template-landing-page .landing-page-statistics .stat h3 { font-size: 70px; font-size: 7rem; margin-top: 0.3em; } } .page-template-template-landing-page .landing-page-statistics .stat h3.in-view { animation: animate-stat 0.6s linear 1 both; } .page-template-template-landing-page .landing-page-statistics .stat p { margin: 0 auto; max-width: 265px; } @keyframes animate-stat { from { opacity: 0; transform: perspective(500px) translate3d(-10px, -40px, -150px) rotate3d(1, -1, 0, 30deg); } to { opacity: 1; transform: perspective(500px) translate3d(0, 0, 0); } } .page-template-template-landing-page .landing-page-blog { text-align: center; padding: 45px 0 55px; } .page-template-template-landing-page .landing-page-blog > div > h2 { margin-bottom: 40px; } .page-template-template-landing-page .landing-page-blog .posts { text-align: center; } @media (min-width: 650px) { .page-template-template-landing-page .landing-page-blog .posts { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; max-width: 940px; margin: 0 auto; } } .page-template-template-landing-page .landing-page-blog .posts .post { margin: 0 auto; max-width: 350px; } @media (max-width: 767px) { .page-template-template-landing-page .landing-page-blog .posts .post:nth-child(1n+3) { display: none; } .page-template-template-landing-page .landing-page-blog .posts .post:first-child { margin-bottom: 50px; } } @media (min-width: 650px) { .page-template-template-landing-page .landing-page-blog .posts .post { -ms-flex: 1; flex: 1; max-width: 220px; padding: 0 0.5em; } } @media (min-width: 650px) and (-ms-high-contrast: none) { .page-template-template-landing-page .landing-page-blog .posts .post { -ms-flex: 0 1 171px; flex: 0 1 171px; } } @media (min-width: 900px) { .page-template-template-landing-page .landing-page-blog .posts .post { padding: 0; } } .page-template-template-landing-page .landing-page-blog .posts .post .post-thumbnail-link-front-page { display: block; margin-bottom: 1.3em; } .page-template-template-landing-page .landing-page-blog .posts .post .post-thumbnail-link-front-page > div { position: relative; border: 1px solid #6D6E71; transition: all 0.3s linear; } .page-template-template-landing-page .landing-page-blog .posts .post .post-thumbnail-link-front-page > div:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; transition: background-color 0.3s linear; } .page-template-template-landing-page .landing-page-blog .posts .post .post-thumbnail-link-front-page:hover > div, .page-template-template-landing-page .landing-page-blog .posts .post .post-thumbnail-link-front-page:focus > div { border: 1px solid #004f9d; opacity: 1; } .page-template-template-landing-page .landing-page-blog .posts .post .post-thumbnail-link-front-page:hover > div:after, .page-template-template-landing-page .landing-page-blog .posts .post .post-thumbnail-link-front-page:focus > div:after { background-color: rgba(0, 63, 141, 0.4); } .page-template-template-landing-page .landing-page-blog .posts .post span { display: inline-block; margin-bottom: 0.5em; font-size: 14px; font-size: 1.4rem; color: #666666; text-transform: uppercase; } .page-template-template-landing-page .landing-page-blog .posts .post h3 a { text-transform: none; font-weight: 400; font-size: 17px; font-size: 1.7rem; line-height: 1.176470588; } @media print { *, *:before, *:after, *:first-letter, *:first-line { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; word-wrap: break-word; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links that are fragment identifiers, * or use the `javascript:` pseudo protocol */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* * Printing Tables: * http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3, h4, h5 { orphans: 3; widows: 3; } h2, h3, h4, h5 { page-break-after: avoid; } #masthead, #secondary, #site-footer { display: none; } #primary { width: 100%; } .page-title.has-image { padding: .5em 0; height: auto; } } /*# sourceMappingURL=style.css.map */