/* Theme Name: Twenty Twenty Text Domain: twentytwenty Version: 1.2 Requires at least: 4.7 Requires PHP: 5.2.4 Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors. Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready Author: the WordPress team Author URI: https://wordpress.org/ Theme URI: https://wordpress.org/themes/twentytwenty/ License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html All files, unless otherwise stated, are released under the GNU General Public License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 0. CSS Reset 1. Document Setup 2. Element Base 3. Helper Classes 4. Site Header 5. Menu Modal 6. Search Modal 7. Page Templates a. Template: Cover Template c. Template: Full Width 8. Post: Archive 9. Post: Single 10. Blocks 11. Entry Content 12. Comments 13. Site Pagination 14. Error 404 15. Widgets 16. Site Footer 17. Media Queries ----------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */ /* 0. CSS Reset /* -------------------------------------------------------------------------- */ html, body { border: none; margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td { /* border: none; font-size: inherit; line-height: inherit; margin: 0; padding: 0; text-align: inherit; */ } blockquote::before, blockquote::after { content: ""; } /* -------------------------------------------------------------------------- */ /* 1. Document Setup /* -------------------------------------------------------------------------- */ html { font-size: 62.5%; /* 1rem = 10px */ scroll-behavior: smooth; } @font-face { font-family: 'basis-grotesque-pro-mono'; src: url('./fonts/BasisGrotesqueProMono-BoldItalic.eot'); src: url('./fonts/BasisGrotesqueProMono-BoldItalic.eot?#iefix') format('embedded-opentype'), url('./fonts/BasisGrotesqueProMono-BoldItalic.woff2') format('woff2'), url('./fonts/BasisGrotesqueProMono-BoldItalic.woff') format('woff'), url('./fonts/BasisGrotesqueProMono-BoldItalic.ttf') format('truetype'), url('./fonts/BasisGrotesqueProMono-BoldItalic.svg#BasisGrotesqueProMono-BoldItalic') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'basis-grotesque-pro'; src: url('./fonts/BasisGrotesquePro-LightItalic.eot'); src: url('./fonts/BasisGrotesquePro-LightItalic.eot?#iefix') format('embedded-opentype'), url('./fonts/BasisGrotesquePro-LightItalic.woff2') format('woff2'), url('./fonts/BasisGrotesquePro-LightItalic.woff') format('woff'), url('./fonts/BasisGrotesquePro-LightItalic.ttf') format('truetype'), url('./fonts/BasisGrotesquePro-LightItalic.svg#BasisGrotesquePro-LightItalic') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'basis-grotesque-pro-mono'; src: url('./fonts/BasisGrotesqueProMono.eot'); src: url('./fonts/BasisGrotesqueProMono.eot?#iefix') format('embedded-opentype'), url('./fonts/BasisGrotesqueProMono.woff2') format('woff2'), url('./fonts/BasisGrotesqueProMono.woff') format('woff'), url('./fonts/BasisGrotesqueProMono.ttf') format('truetype'), url('./fonts/BasisGrotesqueProMono.svg#BasisGrotesqueProMono') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'basis-grotesque-pro'; src: url('./fonts/BasisGrotesquePro-MediumItalic.eot'); src: url('./fonts/BasisGrotesquePro-MediumItalic.eot?#iefix') format('embedded-opentype'), url('./fonts/BasisGrotesquePro-MediumItalic.woff2') format('woff2'), url('./fonts/BasisGrotesquePro-MediumItalic.woff') format('woff'), url('./fonts/BasisGrotesquePro-MediumItalic.ttf') format('truetype'), url('./fonts/BasisGrotesquePro-MediumItalic.svg#BasisGrotesquePro-MediumItalic') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'basis-grotesque-pro'; src: url('./fonts/BasisGrotesquePro-Italic.eot'); src: url('./fonts/BasisGrotesquePro-Italic.eot?#iefix') format('embedded-opentype'), url('./fonts/BasisGrotesquePro-Italic.woff2') format('woff2'), url('./fonts/BasisGrotesquePro-Italic.woff') format('woff'), url('./fonts/BasisGrotesquePro-Italic.ttf') format('truetype'), url('./fonts/BasisGrotesquePro-Italic.svg#BasisGrotesquePro-Italic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'basis-grotesque-pro'; src: url('./fonts/BasisGrotesquePro-Bold.eot'); src: url('./fonts/BasisGrotesquePro-Bold.eot?#iefix') format('embedded-opentype'), url('./fonts/BasisGrotesquePro-Bold.woff2') format('woff2'), url('./fonts/BasisGrotesquePro-Bold.woff') format('woff'), url('./fonts/BasisGrotesquePro-Bold.ttf') format('truetype'), url('./fonts/BasisGrotesquePro-Bold.svg#BasisGrotesquePro-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'basis-grotesque-pro'; src: url('./fonts/BasisGrotesquePro-Light.eot'); src: url('./fonts/BasisGrotesquePro-Light.eot?#iefix') format('embedded-opentype'), url('./fonts/BasisGrotesquePro-Light.woff2') format('woff2'), url('./fonts/BasisGrotesquePro-Light.woff') format('woff'), url('./fonts/BasisGrotesquePro-Light.ttf') format('truetype'), url('./fonts/BasisGrotesquePro-Light.svg#BasisGrotesquePro-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'basis-grotesque-pro-mono'; src: url('./fonts/BasisGrotesqueProMono-Italic.eot'); src: url('./fonts/BasisGrotesqueProMono-Italic.eot?#iefix') format('embedded-opentype'), url('./fonts/BasisGrotesqueProMono-Italic.woff2') format('woff2'), url('./fonts/BasisGrotesqueProMono-Italic.woff') format('woff'), url('./fonts/BasisGrotesqueProMono-Italic.ttf') format('truetype'), url('./fonts/BasisGrotesqueProMono-Italic.svg#BasisGrotesqueProMono-Italic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'basis-grotesque-pro'; src: url('./fonts/BasisGrotesquePro-BoldItalic.eot'); src: url('./fonts/BasisGrotesquePro-BoldItalic.eot?#iefix') format('embedded-opentype'), url('./fonts/BasisGrotesquePro-BoldItalic.woff2') format('woff2'), url('./fonts/BasisGrotesquePro-BoldItalic.woff') format('woff'), url('./fonts/BasisGrotesquePro-BoldItalic.ttf') format('truetype'), url('./fonts/BasisGrotesquePro-BoldItalic.svg#BasisGrotesquePro-BoldItalic') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'basis-grotesque-pro'; src: url('./fonts/BasisGrotesquePro.eot'); src: url('./fonts/BasisGrotesquePro.eot?#iefix') format('embedded-opentype'), url('./fonts/BasisGrotesquePro.woff2') format('woff2'), url('./fonts/BasisGrotesquePro.woff') format('woff'), url('./fonts/BasisGrotesquePro.ttf') format('truetype'), url('./fonts/BasisGrotesquePro.svg#BasisGrotesquePro') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'basis-grotesque-pro'; src: url('./fonts/BasisGrotesquePro-Medium.eot'); src: url('./fonts/BasisGrotesquePro-Medium.eot?#iefix') format('embedded-opentype'), url('./fonts/BasisGrotesquePro-Medium.woff2') format('woff2'), url('./fonts/BasisGrotesquePro-Medium.woff') format('woff'), url('./fonts/BasisGrotesquePro-Medium.ttf') format('truetype'), url('./fonts/BasisGrotesquePro-Medium.svg#BasisGrotesquePro-Medium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'basis-grotesque-pro-mono'; src: url('./fonts/BasisGrotesqueProMono-Bold.eot'); src: url('./fonts/BasisGrotesqueProMono-Bold.eot?#iefix') format('embedded-opentype'), url('./fonts/BasisGrotesqueProMono-Bold.woff2') format('woff2'), url('./fonts/BasisGrotesqueProMono-Bold.woff') format('woff'), url('./fonts/BasisGrotesqueProMono-Bold.ttf') format('truetype'), url('./fonts/BasisGrotesqueProMono-Bold.svg#BasisGrotesqueProMono-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'basis-grotesque-pro'; src: url('./fonts/BasisGrotesquePro-BlackItalic.eot'); src: url('./fonts/BasisGrotesquePro-BlackItalic.eot?#iefix') format('embedded-opentype'), url('./fonts/BasisGrotesquePro-BlackItalic.woff2') format('woff2'), url('./fonts/BasisGrotesquePro-BlackItalic.woff') format('woff'), url('./fonts/BasisGrotesquePro-BlackItalic.ttf') format('truetype'), url('./fonts/BasisGrotesquePro-BlackItalic.svg#BasisGrotesquePro-BlackItalic') format('svg'); font-weight: 900; font-style: italic; } @font-face { font-family: 'basis-grotesque-pro'; src: url('./fonts/BasisGrotesquePro-Black.eot'); src: url('./fonts/BasisGrotesquePro-Black.eot?#iefix') format('embedded-opentype'), url('./fonts/BasisGrotesquePro-Black.woff2') format('woff2'), url('./fonts/BasisGrotesquePro-Black.woff') format('woff'), url('./fonts/BasisGrotesquePro-Black.ttf') format('truetype'), url('./fonts/BasisGrotesquePro-Black.svg#BasisGrotesquePro-Black') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'basis-grotesque-pro-off-white'; src: url('./fonts/BasisGrotesqueProOffWhite.eot'); src: url('./fonts/BasisGrotesqueProOffWhite.eot?#iefix') format('embedded-opentype'), url('./fonts/BasisGrotesqueProOffWhite.woff2') format('woff2'), url('./fonts/BasisGrotesqueProOffWhite.woff') format('woff'), url('./fonts/BasisGrotesqueProOffWhite.ttf') format('truetype'), url('./fonts/BasisGrotesqueProOffWhite.svg#BasisGrotesqueProOffWhite') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'basis-grotesque-pro-off-white'; src: url('./fonts/BasisGrotesqueProOffWhite-Italic.eot'); src: url('./fonts/BasisGrotesqueProOffWhite-Italic.eot?#iefix') format('embedded-opentype'), url('./fonts/BasisGrotesqueProOffWhite-Italic.woff2') format('woff2'), url('./fonts/BasisGrotesqueProOffWhite-Italic.woff') format('woff'), url('./fonts/BasisGrotesqueProOffWhite-Italic.ttf') format('truetype'), url('./fonts/BasisGrotesqueProOffWhite-Italic.svg#BasisGrotesqueProOffWhite-Italic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'SFProText'; src: url('./fonts/SFProText-Ultralight.eot'); src: url('./fonts/SFProText-Ultralight.eot?#iefix') format('embedded-opentype'), url('./fonts/SFProText-Ultralight.woff2') format('woff2'), url('./fonts/SFProText-Ultralight.woff') format('woff'), url('./fonts/SFProText-Ultralight.ttf') format('truetype'), url('./fonts/SFProText-Ultralight.svg#SFProText-Ultralight') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'SFCompactDisplay'; src: url('./fonts/SFCompactDisplay-Regular.eot'); src: url('./fonts/SFCompactDisplay-Regular.eot?#iefix') format('embedded-opentype'), url('./fonts/SFCompactDisplay-Regular.woff2') format('woff2'), url('./fonts/SFCompactDisplay-Regular.woff') format('woff'), url('./fonts/SFCompactDisplay-Regular.ttf') format('truetype'), url('./fonts/SFCompactDisplay-Regular.svg#SFCompactDisplay-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SFProText'; src: url('./fonts/./fonts/SFProText-Ultralight_1.eot'); src: url('./fonts/SFProText-Ultralight_1.eot?#iefix') format('embedded-opentype'), url('./fonts/SFProText-Ultralight_1.woff2') format('woff2'), url('./fonts/SFProText-Ultralight_1.woff') format('woff'), url('./fonts/SFProText-Ultralight_1.ttf') format('truetype'), url('./fonts/SFProText-Ultralight_1.svg#SFProText-Ultralight') format('svg'); font-weight: 200; font-style: normal; } .bii_cta_info p { margin: 0px; font-style: normal; font-weight: normal; font-size: 32px; line-height: 100%; /* or 32px */ font-family: 'basis-grotesque-pro'; letter-spacing: 0.01em; color: #000000; } .bii_cta_info h3 { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 32px; line-height: 100%; margin: 0px; /* or 32px */ letter-spacing: -0.02em; color: #000000; } .bii_cta_section { height: 500px; width: 100%; float: left; display: flex; align-items: center; justify-content: space-between; } .bii_cta_info { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; height: 100%; width: 45%; padding: 5% 0% 5% 5%; box-sizing: border-box; position: relative; z-index: 2; } .bii_cta { font-style: normal; font-weight: bold; font-size: 27.4286px; line-height: 100%; text-align: center; letter-spacing: -0.02em; color: #FFFFFF; font-family: 'basis-grotesque-pro'; width: 191.14px; height: 54.86px; /* left: 48px; */ /* top: 1158px; */ background: #DD7A7A; display: flex; align-items: center; justify-content: center; } .bii_cta a { color: inherit; text-decoration: none; } .bii_cta_section { height: 500px; width: 100%; float: left; display: flex; align-items: flex-end; justify-content: space-between; overflow: hidden; } .bii_cta_image img { max-height: 100%; } div.section { /* min-height: 100vh; */ width: 100%; float: left; } .bii_cta_image { width: 55%; display: flex; align-items: flex-end; justify-content: flex-end; height: 100%; position: relative; z-index: 1; max-height: 400px; } .bii_cta_image img { width: 120%; } .video_placeholder { background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; height: 42vw; width: 100%; margin: 0px 0% 0px; border-top: 3px solid white; border-bottom: 3px solid white; } .video_placeholder img, .video_close { transition: all 500ms; -webkit-transition: all 500ms; opacity: 1; } .video_placeholder img:hover, .video_close:hover { cursor: pointer; opacity: .7; } .video_placeholder span { color: white; font-size: 80px; letter-spacing: -0.02em; font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; } .video_view { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: black; z-index: -1; padding: 5%; box-sizing: border-box; opacity: 0; visibility: hidden; transition: all 500ms; -webkit-transition: all 500ms; } .video_view.active { z-index: 1000000; opacity: 1; visibility: visible; } .video_close { width: 30px; position: absolute; top: 2.5%; right: 2.5%; height: 30px; z-index: 1000; color: white; font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 30px; } .video_close img { width: 100%; } .video_view iframe { width: 100%!important; height: 100%; } .hero_section { width: 100vw; min-height: 100vh; background: #EDA135; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; } .hero_left { width: 50%; min-height: 100vh; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-start; padding: 44px 98px 44px 44px; box-sizing: border-box; position: relative; } .hero_right { width: 50%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-start; background-size: cover; background-position: center; min-height: 100vh; position: relative; } h1.hero_copy { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 36px; line-height: 100%; letter-spacing: -0.02em; } .hero_nav { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 24px; line-height: 30px; letter-spacing: -0.03em; text-decoration-line: underline; color: #EDA135; top: 44px; position: absolute; right: 44px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-end; } .hero_nav a { color: inherit; } .hero_nav_item { margin-left: 40px; } .social_hero { position: absolute; top: 44px; left: 44px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-start; } .social_icon { margin-right: 26px; } .org_logos { width: calc(100% - 88px); position: absolute; bottom: 44px; left: 44px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-end; justify-content: space-between; } .fair_logo { width: 50%; } .fair_logo img { width: 100%; } ul#gform_fields_1 { width: 376px; max-width: 100%; margin: 0 auto; } .insurance_inst { width: 50%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: flex-end; } .stats_section { padding: 44px; box-sizing: border-box; width: 100vw; min-height: 100vh; background: #87B7B7; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-direction: column; } .stats_section_copy { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 40px; line-height: 100%; text-align: center; letter-spacing: -0.02em; color: #000000; width: 950px; margin-top: 44px; margin-bottom: 77px; } .stats { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; height: 75vh; } .stat_holder { width: 50%; height: 37.5vh; padding: 34px 0px; box-sizing: border-box; } .stat { /* padding: 34px 0px; */ width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; box-sizing: border-box; } .stat_number { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 72px; line-height: 100%; text-align: center; letter-spacing: -0.02em; color: #FFFFFF; width: 90%; margin-bottom: 10px; } .stat_copy { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: normal; font-size: 22px; line-height: 120%; text-align: center; color: #000000; width: 300px; } .stat_holder:first-child { /* border-right: 1px solid white; */ border-bottom: 1px solid white; } .stat_holder:nth-child(2) { /* border-left: 1px solid white; */ border-bottom: 1px solid white; } .stat_holder:nth-child(3) { /* border-right: 1px solid white; */ border-top: 1px solid white; } .stat_holder:last-child { /* border-left: 1px solid white; */ border-top: 1px solid white; } .stat_holder:first-child .stat { border-right: 1px solid white; /* border-bottom: 1px solid white; */ } .stat_holder:nth-child(2) .stat { border-left: 1px solid white; /* border-bottom: 1px solid white; */ } .stat_holder:nth-child(3) .stat { border-right: 1px solid white; /* border-top: 1px solid white; */ } .stat_holder:last-child .stat { border-left: 1px solid white; /* border-top: 1px solid white; */ } .resources_title { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 56px; line-height: 100%; text-align: center; letter-spacing: -0.02em; color: #87B7B7; } .resources_section { padding: 44px 0px; box-sizing: border-box; width: calc(100vw - 88px); min-height: 100vh; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; flex-direction: column; margin: 0px 44px; border-top: 2px solid #87B7B7; } .resources_copy { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 32px; line-height: 120%; text-align: center; letter-spacing: -0.02em; margin: 33px 0px 66px; width: 100%; } .resources_copy p { margin-bottom: 0px } .resources_copy a { color: inherit; } .resources { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; /* padding: 25px; */ box-sizing: border-box; margin-top: 80px; } .resource { width: 23%; height: 50vh; background: #EDA135; padding: 25px; box-sizing: border-box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; } .resource a { height: 100%; width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; text-decoration: none; } .resource_copy { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 22px; line-height: 32px; letter-spacing: -0.02em; color: #000000; } .copyimage { padding: 44px; box-sizing: border-box; float: left; width: 100vw; min-height: 100vh; } .copyimage_holder { width: 100%; display: table; align-items: center; justify-content: space-between; flex-direction: row; } .image_holder { width: 50%; background-position: center; background-size: cover; height: 100%; display: table-cell; padding: 84px; box-sizing: border-box; } .image { width: 100%; background-position: center; background-size: cover; height: 75vh; box-sizing: border-box; display: block; float: left; } .copy h2 { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 40px; line-height: 100%; letter-spacing: -0.02em; /* color: #87B7B7; */ } .copy h4 { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 24px; line-height: 120%; letter-spacing: -0.02em; /* color: #87B7B7; */ } .copy p { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: normal; font-size: 20px; line-height: 160%; color: #000000; } .copy a { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 20px; line-height: 32px; color: #87B7B7; } .copy { width: 50%; height: 100%; display: table-cell; vertical-align: middle; padding: 7.5%; } /* .copy ul li::before { content: "\2022"; color: #EDA135; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; font-size: 1.5em; } */ .copy ul { list-style: none; padding-left: 0px; margin-left: 0px; font-family: 'basis-grotesque-pro'; font-style: normal; font-size: 20px; } .copy ul li { margin-bottom: 10px; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row; margin-left: 0px; } .copy ul li span { width: calc(100% - 28px); } .dot { background: #EDA135; width: 12px; height: 12px; border-radius: 50%; margin-right: 16px; margin-top: 2%; } .skinny_copy_section span { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 56px; line-height: 100%; text-align: center; letter-spacing: -0.02em; color: #000000; } .skinny_copy_section { padding: 15vh 5vw; width: 100%; float: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; background-size: cover; background-position: center; box-sizing: border-box; } .skinny_copy_section span p { margin-bottom: 0px; margin-top: 0px; } .news_title { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 56px; line-height: 100%; text-align: center; letter-spacing: -0.02em; color: #EDA135; } .news_section { padding: 57px 0px 0px; box-sizing: border-box; width: calc(100vw - 88px); min-height: 100vh; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; flex-direction: column; margin: 0px 44px; border-top: 2px solid #EDA135; } .next_post_title, .prev_post_title { font-family: 'Basis-Grotesque-Pro'; font-style: normal; font-weight: bold; font-size: 32px; line-height: 100%; text-align: center; letter-spacing: -0.02em; color: #000000; width: 100%; display: block; margin-top: 15px; } .news { width: 100%; /* display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-start; */ /* padding: 25px; */ box-sizing: border-box; /* flex-wrap: wrap; */ padding: 130px 0px 65px; } .news_item { width: 33.333%; text-align: center; padding: 0vw 2.5vw .5vw; height: 35vh; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; min-height: 250px; box-sizing: border-box; } .news_item_pub { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 14px; line-height: 100%; text-align: center; color: #87B7B7; margin-bottom: 15px; text-transform: uppercase; } .news_item_title { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 25px; line-height: 100%; text-align: center; letter-spacing: -0.02em; color: #000000; } .news_item_date { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 14px; line-height: 100%; text-align: center; color: #000000; margin-top: 25px; } .get_involved_section { min-height: 100vh; width: 100%; float: left; background: #87B7B7; display: flex; align-items: center; justify-content: center; } div#gform_confirmation_message_1 { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 56px; line-height: 100%; text-align: center; letter-spacing: -0.02em; color: white; } footer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-start; justify-content: space-between; width: 100%; float: left; padding: 84px 48px; box-sizing: border-box; } .borderRight { border-right: 1px solid rgb(233,233,233); } .footer_copy { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 24px; line-height: 100%; letter-spacing: -0.02em; color: #000000; width: 50%; } .footer_logo.top { margin-bottom: 83px; } .news_item a { text-decoration: none; } span.gform_description { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: normal; font-size: 20px; line-height: 100%; text-align: center; color: #000000; margin: 50px 0px; width: 100%; float: left; } h3.gform_title { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 56px; line-height: 100%; text-align: center; letter-spacing: -0.02em; color: #000000; margin-top: 0px; margin-bottom: 0px; width: 100%; float: left; } .gform_body { width: 80%; } form#gform_1 { display: flex; align-items: center; justify-content: center; flex-direction: column; } .form_holder { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 100px 40px; } label.gfield_label { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 20px; line-height: 100%; letter-spacing: -0.02em; color: #FFFFFF; } ul#gform_fields_1 { width: 100%; max-width: 100%; margin: 0 auto; } .ginput_container.ginput_container_text input { border: 1px solid #FFFFFF; box-sizing: border-box; background: transparent; color: white; padding: 16px 20px; font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 32px; line-height: 100%; letter-spacing: -0.02em; color: #FFFFFF; outline: none; width: 100%; } .ginput_container.ginput_container_text input::-webkit-input-placeholder { color: white; } .ginput_container.ginput_container_text input:-ms-input-placeholder { color: white; } .ginput_container.ginput_container_text input::-moz-placeholder { color: white; } ul#gform_fields_1 { padding: 0px; margin: 0px; } ul#gform_fields_1 li { margin-left: 0px; margin-bottom: 30px; } input#gform_submit_button_1 { background: black; font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 32px; line-height: 100%; letter-spacing: -0.02em; color: #87B7B7; text-transform: unset; margin-top: 40px; padding: 12px 24px; border: none; border-radius: 0; appearance: none; -webkit-appearance: none; } .gform_footer.top_label { width: 100%; display: flex; align-items: center; justify-content: center; } ul#gform_fields_1 { padding: 0px; margin: 0px; list-style: none; } .menu_button { display: none; cursor: pointer; } .menu { position: fixed; background: #000000; height: 100vh; width: 100vw; top: 0; /* left: 0; */ z-index: 10000000; padding: 28px 14px; transition: all 500ms; -webkit-transition: all 500ms; left: -120%; box-sizing: border-box; } .menu.active { left: 0; } .menu_container { width: 100%; height: 100%; position: relative; } .social_menu { position: absolute; bottom: 17vh; display: flex; left: 14px; } .menu_nav { width: 100%; font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 32px; line-height: 100%; display: flex; align-items: flex-end; letter-spacing: -0.02em; text-decoration-line: underline; color: #FFFFFF; flex-direction: column; } .menu_nav .hero_nav_item { margin-left: 0px; width: 100%; margin-top: 10px; float: left; } .menu_nav .hero_nav_item a { color: inherit; } .menu_copy { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 32px; line-height: 100%; /* display: flex; */ /* align-items: flex-end; */ letter-spacing: -0.02em; color: #EDA135; margin-bottom: 10px; width: 100%; float: left; /* color: white; */ margin-top: 13.5vh; } .menu_close { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 24px; line-height: 100%; text-align: right; letter-spacing: -0.02em; color: #EDA135; position: absolute; right: 0; top: 0; display: inline-block; cursor: pointer; } .resources_hero_section { padding: 48px; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; width: 100%; height: 650px; min-height: 100vh; } .blog_post_hero_section { padding: 48px; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; width: 100%; } .resources_hero_top { display: flex; align-items: flex-start; justify-content: space-between; width: 100%; float: left; } .resources_hero_nav { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 24px; line-height: 30px; letter-spacing: -0.03em; text-decoration-line: underline; color: black; /* top: 44px; */ /* position: absolute; */ /* right: 44px; */ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-end; } .resources_hero_nav a { color: inherit; } .resources_hero_nav_item { margin-left: 55px; } .resources_hero_right { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; } h1.resources_hero_title { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 100px; line-height: 100%; letter-spacing: -0.02em; color: #000000; margin: 0px; } .resources_hero_copy { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: normal; font-size: 32px; line-height: 120%; display: flex; align-items: flex-end; color: #000000; width: 500px; } .resources_page_section { padding: 44px 0px; box-sizing: border-box; width: calc(100vw - 88px); min-height: 100vh; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; flex-direction: column; margin: 0px 44px; /* border-top: 2px solid #87B7B7; */ } .page_resources_copy { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 32px; line-height: 120%; text-align: center; letter-spacing: -0.02em; margin: 112px 0px; width: 100%; } .page_resources_copy p { margin-bottom: 0px } .page_resources_copy a { color: inherit; } .resources_page { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-start; /* padding: 25px; */ box-sizing: border-box; margin-top: 80px; flex-wrap: wrap; } .page_resource { width: 33.333%; height: 62vh; padding: 0px 20px; box-sizing: border-box; border-right: 1px solid #DFDFDF; } .page_resource:nth-child(3n) { border-right: 0px; } .page_resource a { background: #ECECEC; padding: 25px; box-sizing: border-box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; /* margin-bottom: 3%; */ width: 100%; height: 80%; color: inherit; text-decoration: none; transition: all 500ms; -webkit-transition: all 500ms; } .page_resource.active a { background: #EDA135; } .page_resource_copy { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 22px; line-height: 32px; letter-spacing: -0.02em; color: #000000; } .page_resource .mark img { transition: all 500ms; -webkit-transition: all 500ms; width: 64px; } .page_resource .mark .mark_grey { display: block; } .page_resource .mark .mark_white { display: none; } .page_resource.active .mark .mark_grey { display: none; } .page_resource.active .mark .mark_white { display: block; } .filter { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 32px; line-height: 120%; text-align: center; letter-spacing: -0.02em; color: #000000; } .filter div { color: #d5d5d5; text-decoration: none; cursor: pointer; display: inline-block; } .filter span { color: #d5d5d5; margin: 0px 5px; } .resources_menu_button { display: none; } .resources_hero_logo { height: 65px; } .resources_hero_logo img { height: 100%; } .filter div.active { color: black; } .blog_content_center { width: 100%; display: flex; align-items: center; justify-content: center; } .blog_content { font-family: 'Basis-Grotesque-Pro'; font-style: normal; font-weight: normal; font-size: 24px; line-height: 175%; color: #000000; width: 786px; } .blog_content a { color: #87B7B7; } .blog_title { font-family: 'Basis-Grotesque-Pro'; font-style: normal; font-weight: bold; font-size: 56px; line-height: 100%; text-align: center; letter-spacing: -0.02em; color: #000000; width: 1000px; } .blog_title_center { display: flex; align-items: center; justify-content: center; width: 100%; margin: 150px 0px 80px; } .blog_date { font-family: 'Basis-Grotesque-Pro'; font-style: normal; font-weight: bold; font-size: 32px; line-height: 120%; /* or 38px */ text-align: center; letter-spacing: -0.02em; color: #000000; } .blog_date_center { display: flex; align-items: center; justify-content: center; width: 100%; margin: 0px 0px 130px; } .new_post_nav { width: 100%; display: flex; align-items: center; justify-content: center; height: 50vh; margin-top:130px; } .new_post { float: left; display: flex; align-items: center; justify-content: center; height: 100%; width: 50%; flex-direction: column; position: relative; padding: 20px 10%; box-sizing: border-box; } .new_post_headline { font-family: 'Basis-Grotesque-Pro'; font-style: normal; font-weight: bold; font-size: 16px; line-height: 100%; text-align: center; color: #FFFFFF; } .arrow.next_arrow { position: absolute; right: 10%; /* top: 0; */ /* bottom: 0; */ /* margin: auto; */ } .arrow.prev_arrow { position: absolute; left: 10%; /* top: 0; */ /* bottom: 0; */ /* margin: auto; */ } label.gfield_label { margin-bottom: 8px; float: left; } .social_header { font-family: 'Basis-Grotesque-Pro'; font-style: normal; font-weight: bold; font-size: 48px; line-height: 100%; /* identical to box height, or 48px */ text-align: center; letter-spacing: -0.02em; color: #000000; margin-bottom: 70px; } .twitter_date { font-family: 'Basis-Grotesque-Pro'; font-style: normal; font-weight: bold; font-size: 16px; line-height: 130%; color: #999999; mix-blend-mode: multiply; margin-bottom: 25px; } .twitter_copy { font-family: 'Basis-Grotesque-Pro'; font-style: normal; font-weight: bold; font-size: 24px; line-height: 130%; /* or 31px */ letter-spacing: -0.02em; color: #000000; mix-blend-mode: multiply; } .twitter_footer { font-family: 'Basis-Grotesque-Pro'; font-style: normal; font-weight: bold; font-size: 27.4286px; line-height: 120%; /* identical to box height, or 33px */ text-align: center; letter-spacing: -0.02em; color: #000000; margin-top: 90px; } .twitter_footer a { color: inherit; text-decoration: underline; } .twitter_holder { display: flex; align-items: start; justify-content: center; flex-wrap: wrap; } .twitter { width: 33.333%; padding: 30px; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; } .twitter a { color: inherit; } .twitter:nth-child(2) { border-left: 1px solid #CDCDCD; border-right: 1px solid #CDCDCD; mix-blend-mode: multiply; } .social { width: 100%; float: left; padding: 100px 40px 100px; box-sizing: border-box; } @media all and (min-width: 1400px) { .stats { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; height: 75vh; } .hero_copy { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 56px; line-height: 100%; letter-spacing: -0.02em; } .hero_nav { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 24px; line-height: 30px; letter-spacing: -0.03em; text-decoration-line: underline; color: #EDA135; } .stats_section_copy { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 40px; line-height: 100%; text-align: center; letter-spacing: -0.02em; color: #000000; } .stat_number { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 112px; line-height: 100%; text-align: center; letter-spacing: -0.02em; color: #FFFFFF; } .stat_copy { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: normal; font-size: 24px; line-height: 120%; text-align: center; color: #000000; width: 400px; } .copy p { font-family: 'basis-grotesque-pro'; font-style: normal; /* font-weight: bold; */ font-size: 20px; line-height: 160%; letter-spacing: -0.02em; color: #000000; margin-bottom: 15px; } .copy ul { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: normal; font-size: 20px; line-height: 32px; color: #000000; } .skinny_copy_section span { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 56px; line-height: 100%; text-align: center; letter-spacing: -0.02em; } .resources_title { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 56px; line-height: 100%; text-align: center; letter-spacing: -0.02em; } .resource_copy { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 28px; line-height: 32px; letter-spacing: -0.02em; } .resources_copy { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 32px; line-height: 120%; text-align: center; letter-spacing: -0.02em; /* margin: 40px 0px; */ width: 100%; } .news_item_title { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 30px; line-height: 100%; text-align: center; letter-spacing: -0.02em; } .news_item_pub, .news_item_date { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 16px; line-height: 100%; text-align: center; } .news_item { width: 33.333%; text-align: center; padding: 0vw 2.5vw .5vw; height: 35vh; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; min-height: 350px; } } @media all and (min-width: 1300px) { h1.hero_copy { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 56px; line-height: 100%; letter-spacing: -0.02em; } } @media all and (max-width: 1300px) { .copy { width: 50%; height: 100%; display: table-cell; vertical-align: middle; padding: 84px 42px; } .image_holder { width: 50%; background-position: center; background-size: cover; height: 100%; display: table-cell; padding: 84px 42px; box-sizing: border-box; } .skinny_copy_section span { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 38px; line-height: 100%; text-align: center; letter-spacing: -0.02em; color: #000000; } h1.resources_hero_title { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 100px; line-height: 100%; letter-spacing: -0.02em; color: #000000; margin: 0px; width: 100%; } .resources_hero_copy { width: 100%; } .resources_hero_right { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; } } @media all and (max-width: 1300px) { .resources_hero_section { padding: 24px; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; width: 100%; height: 650px; min-height: 100vh; } .blog_post_hero_section { padding: 24px; box-sizing: border-box; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; width: 100%; } .resources_hero_nav { display: none; } .resources_menu_button { display: block; font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 24px; line-height: 100%; text-align: right; letter-spacing: -0.02em; color: #000000; cursor: pointer; } h1.resources_hero_title { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 56px; line-height: 100%; letter-spacing: -0.02em; color: #000000; } .resources_hero_copy { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: normal; font-size: 20px; line-height: 120%; display: flex; align-items: flex-end; color: #000000; } .page_resource { width: 50%; height: 64vh; padding: 0px 20px; box-sizing: border-box; border-right: 1px solid #DFDFDF; } .page_resource:nth-child(3n) { border-right: 1px solid #dfdfdf; } .page_resource:nth-child(2n) { border-right: 0px!important; } .stats_section_copy { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 28px; line-height: 100%; text-align: center; letter-spacing: -0.02em; color: #000000; width: 70%; margin-top: 44px; margin-bottom: 77px; } .copy { width: 100%; height: 100%; display: table-cell; vertical-align: middle; padding: 42px 42px; order: 2; } .image_holder { width: 100%; background-position: center; background-size: cover; height: auto; display: table-cell; padding: 42px 42px 0px; box-sizing: border-box; min-height: 600px; order: 1; } .copyimage_holder { width: 100%; display: flex; align-items: center; justify-content: space-between; flex-direction: row; flex-wrap: wrap; } .resource { width: 48%; height: 40vw; background: #EDA135; padding: 25px; box-sizing: border-box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; margin-bottom: 40px; } .resources { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; /* padding: 25px; */ box-sizing: border-box; margin-top: 80px; flex-wrap: wrap; } .resources_copy { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 22px; line-height: 120%; text-align: center; letter-spacing: -0.02em; margin: 33px 0px 66px; width: 100%; } .news_item { width: 50%; text-align: center; padding: 0vw 2.5vw .5vw; height: 35vh; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; min-height: 250px; } .news_item:nth-child(odd) { border-right: 0px solid #DFDFDF!important; } .news_item:nth-child(even) { border-right: none!important; } .menu_button { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 24px; line-height: 100%; text-align: right; letter-spacing: -0.02em; color: #000000; position: absolute; right: 14px; top: 28px; display: block; } .hero_left { width: 100%; min-height: 60vh; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-start; padding: 17px 16px; box-sizing: border-box; position: relative; } .hero_right { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-start; background-size: cover; background-position: center; min-height: 50vh; position: relative; } .hero_section { width: 100vw; min-height: 100vh; background: #EDA135; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .hero_copy { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 32px; line-height: 100%; letter-spacing: -0.02em; } .social_hero { display: none; } .org_logos { width: calc(100% - 32px); position: absolute; bottom: 17px; left: 16px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-end; justify-content: space-between; } .fair_logo { width: 167px; } .insurance_inst { width: 114px; } .hero_nav { display: none; } } @media all and (max-width: 900px) { .twitter:nth-child(2) { border-top: 1px solid #CDCDCD; border-bottom: 1px solid #CDCDCD; mix-blend-mode: multiply; border-left: 0px; border-right: 0px; } .twitter { width: 100%; padding: 30px 0px; } .bii_cta { margin-top: 40px; } .bii_cta_section { height: auto; width: 100%; float: left; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .bii_cta_image { width: 100%; display: flex; align-items: flex-end; justify-content: flex-end; height: 100%; position: relative; z-index: 1; } .bii_cta_info { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; height: 100%; width: 100%; padding: 5%; box-sizing: border-box; position: relative; z-index: 2; } } @media all and (max-width: 600px) { .video_placeholder { background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; height: 45vw; width: 100%; margin: 0px; } .video_placeholder span { color: white; font-size: 35px; letter-spacing: -0.02em; font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; } .resources_hero_logo { height: 30px; } .resources_hero_logo img { height: 100%; } .page_resource { width: 100%; height: 75vh; padding: 0px 20px; box-sizing: border-box; border-right: 0px!important; } .footer_copy { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 24px; line-height: 100%; letter-spacing: -0.02em; color: #000000; width: 100%; } .footer_logos { width: 100%; } footer { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-start; justify-content: space-between; width: 100%; float: left; padding: 42px 24px; flex-wrap: wrap; } .footer_logo.top { margin-bottom: 42px; margin-top: 66px; } .stat_holder { width: 100%; height: auto; padding: 40px 0px; } .stats { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; height: auto; } .stat_holder, .stat { border-right: 0px!important; border-left: 0px!important; border-bottom: 0px!important; } .stat_holder:nth-child(3) { /* border-right: 1px solid white; */ border-top: 2px solid white; } .stat_holder:nth-child(4) { /* border-right: 1px solid white; */ border-top: 2px solid white; } .stat_holder:first-child { border-bottom: 2px solid white!important; } .stats_section_copy { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 22px; line-height: 120%; text-align: center; letter-spacing: -0.02em; width: 90%; margin-top: 22px; margin-bottom: 44px; } .stats_section { padding: 44px 0px; box-sizing: border-box; width: 100vw; min-height: 100vh; background: #87B7B7; text-align: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-direction: column; } .stat_number { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 70.2443px; line-height: 100%; text-align: center; letter-spacing: -0.02em; } .stat_copy { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: normal; font-size: 18px; line-height: 120%; text-align: center; } /* .hero_left { width: 100%; min-height: 60vh; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-start; padding: 17px 16px; box-sizing: border-box; position: relative; } .hero_right { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-start; background-size: cover; background-position: center; min-height: 50vh; position: relative; } */ /* .hero_section { width: 100vw; min-height: 100vh; background: #EDA135; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .hero_copy { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 32px; line-height: 100%; letter-spacing: -0.02em; } .social_hero { display: none; } .org_logos { width: calc(100% - 32px); position: absolute; bottom: 17px; left: 16px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-end; justify-content: space-between; } .fair_logo { width: 167px; } .insurance_inst { width: 114px; } .hero_nav { display: none; } */ .copyimage { padding: 18px 18px 72px; float: left; width: 100vw; min-height: 100vh; } .image_holder { width: 100%; background-position: center; background-size: cover; height: auto; display: table-cell; padding: 0px; box-sizing: border-box; min-height: auto; order: 1; } .image { width: 100%; background-position: center; background-size: cover; height: 55vh; box-sizing: border-box; display: block; float: left; } .news_item:nth-child(odd) { border-right: 0px solid #DFDFDF!important; } .news_item_title { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 28.7383px; line-height: 100%; text-align: center; letter-spacing: -0.02em; } .copy { width: 100%; height: 100%; display: table-cell; vertical-align: middle; padding: 18px 0px 0px; order: 2; } .copy ul { /* list-style: none; */ padding-left: 10px; margin-left: 0px; margin: 0px; font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: normal; font-size: 18px; line-height: 150%; } .skinny_copy_section span { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 32px; line-height: 100%; text-align: center; letter-spacing: -0.02em; color: #000000; } .skinny_copy_section { margin-bottom: 18px; } .copy h2 { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 30px; line-height: 100%; letter-spacing: -0.02em; } .resources_title { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 32px; line-height: 100%; text-align: center; letter-spacing: -0.02em; } .resource { width: 100%; height: 40vw; background: #EDA135; padding: 25px; box-sizing: border-box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; margin-bottom: 40px; } .resources_section { padding: 24px 44px 44px; box-sizing: border-box; width: calc(100vw); min-height: 100vh; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; flex-direction: column; margin: 0px; border-top: 2px solid #87B7B7; } .resource { width: 100%; height: 100vw; background: #EDA135; padding: 20px 22px; box-sizing: border-box; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-start; justify-content: space-between; flex-direction: column; margin-bottom: 40px; } .news_section { padding: 24px; box-sizing: border-box; width: calc(100vw); min-height: 100vh; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; flex-direction: column; margin: 0px; border-top: 2px solid #EDA135; } .news_title { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 32px; line-height: 100%; text-align: center; letter-spacing: -0.02em; } .news { width: 100%; /* display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-start; */ /* padding: 25px; */ box-sizing: border-box; /* flex-wrap: wrap; */ padding: 62px 0px; } .resources { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; /* padding: 25px; */ box-sizing: border-box; margin-top: 90px; flex-wrap: wrap; } .news_item { width: 100%; text-align: center; padding: 0vw 2.5vw .5vw; height: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-start; flex-direction: column; min-height: auto; border: 0px!important; margin-bottom: 70px; } .news_item:nth-child(odd) { border-right: 0px solid } span.gform_description { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: normal; font-size: 18px; line-height: 150%; text-align: center; margin: 30px 0px; } h3.gform_title { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 32px; line-height: 100%; text-align: center; letter-spacing: -0.02em; color: #000000; } .gform_body { width: 100%; } .form_holder { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 60px 24px; } .footer_logo { width: 193px; } .footer_logo.top { width: 230px; } div#gform_confirmation_message_1 { font-family: 'basis-grotesque-pro'; font-style: normal; font-weight: bold; font-size: 30px; line-height: 100%; text-align: center; letter-spacing: -0.02em; color: white; } .video_placeholder img { width: 90%; } }