/* -------------------------- THRIVE BY 5 by PrincipleCo [1] FONT STYLES [2] LINK STYLES [3] LAYOUT STYLES [4] FORM STYLES [5] NAVBAR STYLES [6] FOOTER STYLES [7] HOMEPAGE [8] BASIC [9] LISTING STYLES [10] POST PAGE [11] CAMPAIGNS [12] IDEAS [13] ACTION PAGE [14] ACTION PAGE (OPTIMISELY) [15] CONTACT [16] NEWS BLOG [17] RESEARCH PAGE [18] Video Responsive [19] REPORTS PAGE -------------------------- */ html { overflow-x: hidden; width: 100%; } body { overflow-x: hidden; position: relative; background-color: #ffffff; background-image: none; background-repeat: no-repeat; background-size: 100% auto; background-position: top center; } ::selection { background-color: #1e1e1e; color: white; } ::-moz-selection { background-color: #1e1e1e; color: white; } * { outline: none; outline-color: transparent; outline-style: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* ------------ [1] FONT STYLES ------------ */ @font-face { font-family: 'FoundersGroteskXCondensed'; src: url('../fonts/FoundersGroteskXCondensedBold.eot'); src: url('../fonts/FoundersGroteskXCondensedBold?#iefix') format('embedded-opentype'), url('../fonts/FoundersGroteskXCondensedBold.woff') format('woff'), url('../fonts/FoundersGroteskXCondensedBold.ttf') format('truetype'); font-weight: 700; } @font-face { font-family: 'FoundersGrotesk'; src: url('../fonts/FoundersGroteskBold.eot'); src: url('../fonts/FoundersGroteskBold?#iefix') format('embedded-opentype'), url('../fonts/FoundersGroteskBold.woff') format('woff'), url('../fonts/FoundersGroteskBold.ttf') format('truetype'); font-weight: 700; } @font-face { font-family: 'FoundersGrotesk'; src: url('../fonts/FoundersGroteskMedium.eot'); src: url('../fonts/FoundersGroteskMedium?#iefix') format('embedded-opentype'), url('../fonts/FoundersGroteskMedium.woff') format('woff'), url('../fonts/FoundersGroteskMedium.ttf') format('truetype'); font-weight: 500; } @font-face { font-family: 'FoundersGrotesk'; src: url('../fonts/FoundersGroteskRegular.eot'); src: url('../fonts/FoundersGroteskRegular?#iefix') format('embedded-opentype'), url('../fonts/FoundersGroteskRegular.woff') format('woff'), url('../fonts/FoundersGroteskRegular.ttf') format('truetype'); font-weight: 400; } h1, h2, h3, h4, h5, h6 { color: #000000; margin: 0 0 15px 0; padding: 0; } h1 { font-size: 72px; font-weight: 700; line-height: 90%; font-family: 'FoundersGroteskXCondensed', sans-serif; text-transform: uppercase; } h2 { font-size: 40px; font-weight: 700; line-height: 120%; font-family: 'FoundersGroteskXCondensed', sans-serif; text-transform: uppercase; } h3 { font-size: 32px; font-weight: 500; line-height: 120%; font-family: 'FoundersGrotesk', sans-serif; } h4 { font-size: 26px; font-weight: 500; line-height: 100%; font-family: 'FoundersGrotesk', sans-serif; } h5, h6 { font-size: 18px; font-weight: 500; line-height: 90%; font-family: 'FoundersGrotesk', sans-serif; } p { font-family: 'FoundersGrotesk', sans-serif; font-size: 16px; font-weight: 400; color: #000000; line-height: 1.5em; margin: 0 0 15px 0; padding: 0; } .wysiwyg ul, .wysiwyg ol { margin: 15px 0; } .wysiwyg ul li, .wysiwyg ol li { font-family: 'FoundersGrotesk', sans-serif; font-size: 16px; font-weight: 400; color: #000000; margin: 0 0 5px; } .wysiwyg ul li p, .wysiwyg ol li p { font-family: 'FoundersGrotesk', sans-serif; font-size: 16px; font-weight: 400; margin: 0; } .wysiwyg blockquote { padding: 15px 0 15px 45px; border: none; font-family: 'FoundersGrotesk', sans-serif; font-size: 16px; font-weight: 500; font-style: italic; color: #000000; } .wysiwyg blockquote p { font-family: 'FoundersGrotesk', sans-serif; font-size: 16px; font-style: italic; margin: 0; } .wysiwyg caption { font-family: 'FoundersGrotesk', sans-serif; font-size: 12px; font-weight: 400; color: #a8a8a8; } .wysiwyg figcaption { position: relative; top: -15px; margin: 0 0 30px; padding: 0; font-family: 'FoundersGrotesk', sans-serif; font-size: 12px; font-weight: 400; color: #a8a8a8; } /*EXTRUDED IMAGES*/ .wysiwyg img { display: block; width: calc(100% + 240px); max-width: calc(100% + 240px); /*enter 2x amount to extrude*/ margin: 45px -120px; height: auto; } .wysiwyg .wysiwyg-col img { width: 100%; height: auto; margin: 30px 0; } .wysiwyg.no-image-styles img, .wysiwyg .blocks-gallery-grid .blocks-gallery-item img, .wysiwyg .wp-block-gallery .blocks-gallery-item img { display: block; width: 100%; max-width: 100%; margin: 30px 0; height: auto; image-rendering: -webkit-optimize-contrast; } /*WYSIWYG BASIC PAGE STYLES*/ .wysiwyg.basic-page h1, .wysiwyg.basic-page h2 { font-size: 39px; margin-bottom: 20px; line-height: 90%; font-weight: 500; } .wysiwyg.basic-page h3 { font-size: 32px; margin-bottom: 20px; line-height: 90%; font-weight: 500; } .wysiwyg.basic-page h4 { font-size: 25px; margin-bottom: 20px; line-height: 100%; font-weight: 500; } .wysiwyg.basic-page h5, .wysiwyg.basic-page h6 { font-size: 18px; margin-bottom: 20px; line-height: 90%; font-weight: 500; } .wysiwyg.basic-page p { margin: 0 0 20px; } /*WYSIWYG ON DARK BACKGROUND*/ .wysiwyg.dark-theme h1, .wysiwyg.dark-theme h2, .wysiwyg.dark-theme h3, .wysiwyg.dark-theme h4, .wysiwyg.dark-theme h5, .wysiwyg.dark-theme h6, .wysiwyg.dark-theme p, .wysiwyg.dark-theme ul, .wysiwyg.dark-theme ol, .wysiwyg.dark-theme ul li, .wysiwyg.dark-theme ol li, .wysiwyg.dark-theme blockquote, .wysiwyg.dark-theme caption { color: #ffffff; } /* ------------ [2] LINK STYLES ------------ */ a { transition: all .3s; -webkit-transition: all .3s; text-decoration: none; color: #000000; } a:hover, a:active, a:focus { color: #000000; text-decoration: none; } .wysiwyg a, .wysiwyg a:visited { position: relative; transition: all .3s; -webkit-transition: all .3s; color: #000000; font-weight: 400; text-decoration: underline; } .wysiwyg a:hover, .wysiwyg a:active, .wysiwyg a:focus { color: #FF4F00; font-weight: 400; text-decoration: underline; } .button-basic, a.button-basic { position: relative; top: 0; left: 0; display: inline-block; background-color: #FFCE04; padding: 16px 30px 8px; font-family: 'FoundersGrotesk', sans-serif; font-size: 18px; font-weight: 500; color: #000000; line-height: 1.2em; text-decoration: none; } a.button-basic::before { transition: all .3s; -webkit-transition: all .3s; content: ""; background-color: #FF4F00; position: absolute; z-index: 10; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; } a.button-basic:hover, a.button-basic:focus { background-color: #FFCE04; color: #000000; text-decoration: none; top: -4px; left: -4px; } a.button-basic:hover::before, a.button-basic:focus::before { top: 4px; left: 4px; } a.button-basic:active { background-color: #FF4F00; color: #000000; text-decoration: none; top: 0; left: 0; } a.button-basic:active::before { top: 0; left: 0; } /*SOCIAL SHARER*/ .share-this { display: inline-block; background-color: #000000; padding: 20px; } .share-this p { display: inline-block; color: #ffffff; margin: 0; font-family: 'FoundersGrotesk', sans-serif; font-weight: 500; font-size: 18px; letter-spacing: 0.1em; line-height: 90%; } .share-this p a { color: #ffffff; margin-left: 10px; } .share-this p a:hover, .share-this p a:active, .share-this p a:focus { color: #FFCE04; } .section-page-banner.basic-page, .section-page-banner.post-page { position: relative; } .share-this.basic-page { position: absolute; bottom: -64px; right: 60px; } .share-this.blog-post { position: absolute; bottom: 0; right: 60px; } /* -------------- [3] LAYOUT STYLES -------------- */ .container { width: 100%; max-width: 100%; padding: 0 150px; } .no-gutter { padding: 0; margin: 0; } .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } ul.basic-x { cursor: context-menu; list-style-type: none; width: 100%; text-align: left; padding: 0; margin: 0; } ul.basic-x li { display: inline-block; padding: 0 5px; } ul.basic-x a { font-family: 'FoundersGrotesk', sans-serif; font-size: 18px; font-weight: 500; color: #000000; } ul.basic-x a:hover, ul.basic-x a:active, ul.basic-x a:focus { color: #FF4F00; text-decoration: underline; } .vert-align { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .vert-align-parent { display: table; width: 100%; } .vert-align-child { display: table-cell; vertical-align: middle; } .box-item { float: left; position: relative; width: 50%; padding-bottom : 50%; margin: 0; background-color: #ebebeb; background-position: center center; background-repeat: no-repeat; background-size: cover; image-rendering: -webkit-optimize-contrast; overflow: hidden; } .box-item .box-content { position: absolute; height: 100%; width: 100%; padding: 0; } .box-item .box-content .table { display: table; width: 100%; height: 100%; margin: 0; } .box-item .box-content .table .table-cell { display: table-cell; vertical-align: middle; } /*PAGINATION*/ .section-posts-pagination { padding: 0 0 75px; } .section-posts-pagination .pagination a, .section-posts-pagination .pagination a:hover, .section-posts-pagination .pagination a:active, .section-posts-pagination .pagination a:focus { text-decoration: none!important; } .section-posts-pagination .pagination span.current, .section-posts-pagination .pagination a { display: inline-block; background-color: #FFCE04; border: none; width: 40px; height: 40px; line-height: 40px; font-family: 'Arial', sans-serif; font-size: 15px; color: #000000; text-align: center; font-weight: 700; margin: 0 10px 5px 0; } .section-posts-pagination .pagination span.current, .section-posts-pagination .pagination a:hover, .section-posts-pagination .pagination a:focus, .section-posts-pagination .pagination a:active { background-color: #FF4F00; color: #000000; font-weight: 700; } /* ------------ [4] FORM STYLES ------------ */ #form-panel iframe { width: 100%; height: 600px; } /*RESET*/ #form-panel input[type="text"], #form-panel input[type="tel"], #form-panel input[type="email"], #form-panel input[type="number"], #form-panel select, #form-panel textarea, #form-panel input[type="text"]:hover, #form-panel input[type="tel"]:hover, #form-panel input[type="email"]:hover, #form-panel input[type="number"]:hover, #form-panel select:hover, #form-panel textarea:hover, #form-panel input[type="text"]:focus, #form-panel input[type="tel"]:focus, #form-panel input[type="email"]:focus, #form-panel input[type="number"]:focus, #form-panel select:focus, #form-panel textarea:focus, #form-panel input[type="text"]:active, #form-panel input[type="tel"]:active, #form-panel input[type="email"]:active, #form-panel input[type="number"]:active, #form-panel select:active, #form-panel textarea:active, #can_embed_form input[type="text"], #can_embed_form input[type="tel"], #can_embed_form input[type="email"], #can_embed_form input[type="number"], #can_embed_form select, #can_embed_form textarea, #can_embed_form input[type="text"]:hover, #can_embed_form input[type="tel"]:hover, #can_embed_form input[type="email"]:hover, #can_embed_form input[type="number"]:hover, #can_embed_form select:hover, #can_embed_form textarea:hover, #can_embed_form input[type="text"]:focus, #can_embed_form input[type="tel"]:focus, #can_embed_form input[type="email"]:focus, #can_embed_form input[type="number"]:focus, #can_embed_form select:focus, #can_embed_form textarea:focus, #can_embed_form input[type="text"]:active, #can_embed_form input[type="tel"]:active, #can_embed_form input[type="email"]:active, #can_embed_form input[type="number"]:active, #can_embed_form select:active, #can_embed_form textarea:active { display: block!important; width: 100%!important; -webkit-border-radius: 0px!important; -moz-border-radius: 0px!important; -o-border-radius: 0px!important; border-radius: 0px!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; outline-color: transparent!important; outline-style: none!important; background-color: transparent!important; } /*STYLE*/ #form-panel input[type="text"], #form-panel input[type="tel"], #form-panel input[type="email"], #form-panel input[type="number"], #form-panel select, #can_embed_form input[type="text"], #can_embed_form input[type="tel"], #can_embed_form input[type="email"], #can_embed_form input[type="number"], #can_embed_form select.can_select, #can_embed_form span.can_select, #can_embed_form .select2-container .select2-choice, #can_embed_form .select2-container-active .select2-choice, #can_embed_form .select2-container-active .select2-choices { border: 2px solid #000000!important; height: initial!important; line-height: 16px!important; padding: 15px 15px 9px!important; margin-bottom: 10px!important; font-family: 'FoundersGrotesk', sans-serif!important; font-weight: 400!important; font-size: 16px!important; color: #000000!important; background-color: transparent!important; } #form-panel input[type="text"]:hover, #form-panel input[type="tel"]:hover, #form-panel input[type="email"]:hover, #form-panel input[type="number"]:hover, #form-panel input[type="text"]:focus, #form-panel input[type="tel"]:focus, #form-panel input[type="email"]:focus, #form-panel input[type="number"]:focus, #form-panel input[type="text"]:active, #form-panel input[type="tel"]:active, #form-panel input[type="email"]:active, #form-panel input[type="number"]:active, #can_embed_form input[type="text"]:hover, #can_embed_form input[type="tel"]:hover, #can_embed_form input[type="email"]:hover, #can_embed_form input[type="number"]:hover, #can_embed_form select.can_select:hover, #can_embed_form span.can_select:hover, #can_embed_form .select2-container .select2-choice:hover, #can_embed_form .select2-container-active .select2-choice:hover, #can_embed_form .select2-container-active .select2-choices:hover, #can_embed_form input[type="text"]:focus, #can_embed_form input[type="tel"]:focus, #can_embed_form input[type="email"]:focus, #can_embed_form input[type="number"]:focus, #can_embed_form select.can_select:focus, #can_embed_form span.can_select:focus, #can_embed_form .select2-container .select2-choice:focus, #can_embed_form .select2-container-active .select2-choice:focus, #can_embed_form .select2-container-active .select2-choices:focus, #can_embed_form input[type="text"]:active, #can_embed_form input[type="tel"]:active, #can_embed_form input[type="email"]:active, #can_embed_form input[type="number"]:active, #can_embed_form .select2-container .select2-choice:active, #can_embed_form .select2-container-active .select2-choice:active, #can_embed_form .select2-container-active .select2-choices:active, #can_embed_form select.can_select:active, #can_embed_form span.can_select:active { border: 2px solid #4F83B3!important; color: #000000!important; background-color: transparent!important; } #can_embed_form textarea { border: 2px solid #000000!important; line-height: 44px!important; padding: 0 15px!important; margin-bottom: 10px!important; font-family: 'FoundersGrotesk', sans-serif!important; font-weight: 400!important; font-size: 16px!important; color: #000000!important; background-color: transparent!important; } #can_embed_form textarea:active, #can_embed_form textarea:focus, #can_embed_form textarea:hover { border: 2px solid #4F83B3!important; color: #000000!important; background-color: transparent!important; } /*SUBMIT*/ #form-panel input[type="submit"], #can_embed_form input[type=submit], #can_embed_form #host_button { display: inline-block!important; -webkit-border-radius: 0px!important; -moz-border-radius: 0px!important; -o-border-radius: 0px!important; border-radius: 0px!important; border: none!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; outline-color: transparent!important; outline-style: none!important; background-color: #FFCE04!important; padding: 20px 30px 12px!important; font-family: 'FoundersGrotesk', sans-serif!important; font-size: 18px!important; font-weight: 500!important; color: #000000!important; line-height: 1.2em!important; text-decoration: none!important; letter-spacing: normal!important; text-transform: none!important; } #can_embed_form #host_button { background-color: #8DC09F!important; } #form-panel input[type="submit"]:hover, #can_embed_form input[type=submit]:hover, #can_embed_form #host_button:hover, #form-panel input[type="submit"]:focus, #can_embed_form input[type=submit]:focus, #can_embed_form #host_button:focus { background-color: #FF4F00!important; color: #000000!important; text-decoration: none!important; } #form-panel input[type="submit"]:active, #can_embed_form input[type=submit]:active, #can_embed_form #host_button:active { background-color: #FF4F00!important; color: #000000!important; } #can_embed_form input[type=submit], #can_embed_form #host_button { margin: 0!important; } /*WELCOME MESSAGE*/ #can_embed_form #action_welcome_message #action_welcome_message_inner { background-color: transparent!important; padding: 0!important; text-align: left!important; border: none!important; font-family: 'FoundersGrotesk', sans-serif; font-weight: 500!important; font-size: 20px!important; } #can_embed_form #action_welcome_message #action_welcome_message_inner small { display: block!important; font-family: 'FoundersGrotesk', sans-serif; font-size: 16px!important; font-weight: 400!important; margin: 8px 0 0!important; } #can_embed_form #action_welcome_message #action_welcome_message_inner small a { font-family: 'FoundersGrotesk', sans-serif; color: #000000!important; text-decoration: underline!important; font-weight: 400!important; } #can_embed_form #action_welcome_message #action_welcome_message_inner small a:hover, #can_embed_form #action_welcome_message #action_welcome_message_inner small a:active, #can_embed_form #action_welcome_message #action_welcome_message_inner small a:focus { font-family: 'FoundersGrotesk', sans-serif; text-decoration: underline!important; color: #000000!important; font-weight: 400!important; } #can_embed_form_inner h4 { display: none!important; } #can_embed_form .action_sidebar_lined { padding-bottom: 0!important; } /*LABEL*/ #can_embed_form #d_sharing label { display:none!important; font-size: 16px!important; font-family: 'FoundersGrotesk', sans-serif; font-weight: 400!important; } #can_embed_form:not(.full) #action_info { display: none!important; } #can_embed_form .floatlabel-wrapper .floatlabel-label-active { display: none!important; } #can_embed_form .control-label { font-size: 18px!important; font-family: 'FoundersGrotesk', sans-serif; font-weight: 500!important; color: #000000; margin-bottom: 5px; padding: 0; letter-spacing: 0.1em; } /*SHARING*/ #can_embed_form #d_sharing { border-top: none!important; } #can_embed_form #d_sharing #edit_d_sharing_opts, #can_embed_form #d_sharing #edit_d_sharing_opts-close, #can_embed_form #referral_code_select_wrap { display: none!important; } /*EVENT*/ #can_embed_form #event_desc { margin-bottom: 30px!important; } #can_embed_form #event_desc p { font-size: 18px!important; } #can_embed_form.can_768 #can_main_col { width: 50%!important; } #can_embed_form.can_768 #can_sidebar { width: 40%!important; background-color: transparent!important; padding: 0!important; border: none!important; } #can_embed_form .action_sidebar>h4:not(.sidebartitle) { text-align: left!important; padding: 0!important; font-size: 24px!important; letter-spacing: normal!important; } #can_embed_form .action_sidebar>h4:not(.sidebartitle):after, .event_campaign #can_embed_form h4.lined_after_title:after { width: 0px!important; height: 0px!important; background-color: transparent!important; position: static!important; bottom: 0!important; left: 0!important; } .event #can_embed_form .last_line > h4, .event #can_embed_form .event_info_inner > h4 { font-weight: normal!important; display: block!important; } .event #can_embed_form .last_line > h4 span.graytext, .event #can_embed_form .event_info_inner > h4 span.graytext { color: #000000!important; font-weight: 500!important; } #can_embed_form #can_zip_search #form-zip_code-submit { line-height: 44px!important; padding: 5px 0 10px!important; } #can_embed_form.can_float #host_your_own { margin-top: 30px!important; } .event_campaign #can_embed_form h4.lined_after_title { text-align: left!important; padding: 0!important; margin-bottom: 15!important; } .section-page-content .can_embed.event_campaign h2.entry-title { border: none!important; } /*THANKYOU*/ #can_embed_form #can_thank_you { background-color: #8DC09F!important; padding: 30px 30px 15px!important; margin: 0 0 30px!important; } #can_embed_form #can_thank_you h1 { font-size: 24px!important; margin: 0 0 15px!important; text-align: center!important; font-weight: 500!important; } #can_embed_form #can_thank_you #action_thank_you_text { margin-top: 0!important; text-align: center!important; } #can_embed_form #can_thank_you p { font-family: 'FoundersGrotesk', sans-serif; line-height: 1.4em!important; text-align: center!important; } #can_embed_form #can_thank_you p a { color: #000000!important; text-decoration: underline!important; } #can_embed_form #can_thank_you p a:hover, #can_embed_form #can_thank_you p a:active, #can_embed_form #can_thank_you p a:focus { color: #000000!important; text-decoration: underline!important; } #can_embed_form .can_thank_you-block h4, #can_embed_form .discussion-board { display: none!important; } #can_embed_form #can_thank_you #ty_instructions * { text-align: center!important; } /*ALERT*/ #can_embed_form .alert_message { background-color: #FF4F00!important; border: none!important; color: #ffffff!important; line-height: 1.2em!important; padding: 15px!important; font-family: 'FoundersGrotesk',sans-serif!important; font-weight: 400!important; } /*OTHER*/ #can_embed_form h1, #can_embed_form h2 { font-family: 'FoundersGrotesk',sans-serif!important; font-weight: 500!important; color: #000000!important; text-transform: capitalize!important; } #can_embed_form h3, #can_embed_form h4, #can_embed_form h5, #can_embed_form h6 { font-family: 'FoundersGrotesk',sans-serif!important; font-weight: 500!important; color: #000000!important; } #can_embed_form .select2-container { margin: 0!important; } #can_embed_form .core_field #form-zip_code:not(.mb_needed) { margin-bottom: 10px!important; } #can_embed_form:not(.full) #action_info, #can_embed_form #logo_wrap { display: none!important; } #can_embed_form .country_drop_wrap { display: none!important; } #can-petition-area-sign-the-petition-15 { width: 100%!important; } /*COOKIE NOTICE*/ #cn-notice-text { font-family: 'FoundersGrotesk',sans-serif!important; font-weight: 400!important; font-size: 16px!important; } #cookie-notice .cn-button { background-color: #FFCE04!important; font-family: 'FoundersGrotesk',sans-serif!important; font-weight: 500!important; font-size: 16px!important; color: #000000!important; -webkit-border-radius: 0px!important; -moz-border-radius: 0px!important; -o-border-radius: 0px!important; border-radius: 0px!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; outline-color: transparent!important; outline-style: none!important; padding: 2px 20px 0px!important; height: 40px!important; line-height: 40px!important; text-decoration: none!important; } #cookie-notice .cn-button:hover, #cookie-notice .cn-button:active, #cookie-notice .cn-button:focus { background-color: #FF4F00!important; color: #000000!important; text-decoration: none!important; } #form .statement p a, #form-panel .statement p a{ text-decoration: underline; } #form .statement p a:hover, #form .statement p a:active, #form .statement p a:focus, #form-panel .statement p a:hover, #form-panel .statement p a:active, #form-panel .statement p a:focus { color: #FF4F00; text-decoration: underline; } /* -------------- [5] NAVBAR STYLES -------------- */ .section-navigation { background-color: #FAF6F1; height: 95px; padding: 25px 60px; } .section-navigation .container { padding: 0 60px; } .section-navigation img { height: 50px; width: auto; margin: 0 60px 0 0; } .navbar { padding: 0; } .section-navigation #menu-primary-menu { justify-content: flex-end; cursor: context-menu; list-style-type: none; width: 100%; text-align: right; padding: 0; margin: 0; } .section-navigation .navbar-nav a.nav-link { background: none!important; padding: 0 20px; font-family: 'FoundersGrotesk', sans-serif; font-weight: 500; font-size: 18px; line-height: 50px; color: #000000; text-decoration: none; letter-spacing: 0.1em; } .section-navigation .navbar-nav a.nav-link:hover, .section-navigation .navbar-nav a.nav-link:active, .section-navigation .navbar-nav a.nav-link:focus { background: none!important; color: #000000; text-decoration: underline; } .section-navigation .dropdown-menu { padding: 0; margin: 0; border: none!important; background: none!important; min-width: 15rem; } .section-navigation .dropdown-menu .dropdown-item { font-weight: 500; color: #000000; white-space: normal; background-color: #FF4F00; font-family: 'FoundersGrotesk', sans-serif; font-weight: 500; border: none; padding: 20px 20px 12px; font-size: 16px; line-height: 1.2em; text-decoration: none; } .section-navigation .dropdown-menu .dropdown-item:hover, .section-navigation .dropdown-menu .dropdown-item:active, .section-navigation .dropdown-menu .dropdown-item:focus { background-color: #FFCE04; color: #000000; text-decoration: none; } /*ACTION PAGE body.single-actions .section-navigation { height: 72px; padding: 20px 60px; } body.single-actions .section-navigation #menu-primary-menu { display: none; } body.single-actions .section-navigation img { height: 32px; }*/ /* -------------- [6] FOOTER STYLES -------------- */ /*SIGNUP*/ .section-footer-signup { background-color: #FAF6F1; } .section-footer-signup .left-column h2 { font-size: 60px; } .section-footer-signup .right-column { background-color: #ebebeb; background-size: cover; background-position: center center; background-repeat: no-repeat; } .section-footer-signup .container { padding: 0; } .section-footer-signup .vert-align-parent { height: 66.66667vh; } .section-footer-signup .vert-align-child { padding: 90px 150px; } /*SIGNUP FORM*/ .section-footer-signup .form-panel { padding: 150px 0; } .section-footer-signup .form-panel h2 { font-size: 56px; font-weight: 700; } .section-footer-signup .form-panel h2 strong { color: #FF4F00; font-weight: 700; } .section-footer-signup #can_embed_form h2, .section-footer-signup #can_embed_form h4 { display: none!important; } .section-footer-signup .form-panel #can_embed_form #action_info { display: none!important; } .section-footer-signup .form-panel #can_embed_form #form_col1, .section-footer-signup .form-panel #can_embed_form #form_col2 { float: initial!important; width: 100%!important; } /*CONTENT*/ .section-footer { padding: 120px 0; } .section-footer .container { padding: 0 60px; } .section-footer ul.basic-x.logos { text-align: right; } .section-footer ul.basic-x.logos li { padding: 0 0 0 30px; } .section-footer ul.basic-x.logos li img { display: block; height: 90px; max-height: 90px; width: auto; } .section-footer ul.basic-x.social-links { text-align: left; } .section-footer ul.basic-x.social-links li { padding: 0 15px 0 0; } .section-footer ul.basic-x.social-links li a { color: #000000; text-decoration: none; } .section-footer ul.basic-x.social-links li a:active, .section-footer ul.basic-x.social-links li a:focus, .section-footer ul.basic-x.social-links li a:hover { color: } .section-footer p { font-size: 16px; } .section-footer p a { font-size: 16px; color: #000000; text-decoration: underline; } .section-footer p a:hover, .section-footer p a:active, .section-footer p a:focus { color: #FF4F00; } .section-footer .center-column { padding: 0 90px; } /* --------- [7] HOMEPAGE --------- */ /*BANNER*/ .section-home-banner { background-color: #FAF6F1; } .section-home-banner h1 { font-size: 60px; margin: 0; } .section-home-banner p { font-size: 22px; line-height: 1em; margin-bottom: 30px; } .section-home-banner .statement p { font-size: 16px; margin-bottom: 0; } .section-home-banner .left-column, .section-home-banner .right-column { position: relative; height: calc(100vh - 95px); } .section-home-banner .left-column .vert-align { padding: 0 30px 0 150px; } .section-home-banner .left-column::before { content: ""; background-image: url( '../img/home-banner-ellipse.svg' ); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 10; top: 0; right: 0; height: 50px; width: 50px; } .section-home-banner .left-column::after { content: ""; background-image: url( '../img/home-banner-triangle.svg' ); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 10; bottom: 0; right: -176px; height: 176px; width: 220px; } .section-home-banner .left-column .form-panel { width: 100%; max-width: 420px; } .section-home-banner #can_embed_form.can_float #form_col1, .section-home-banner #can_embed_form.can_float #form_col2 { float: initial!important; width: 100%!important; } .section-home-banner #can_embed_form h2, .section-home-banner #can_embed_form h4 { display: none!important; } .section-home-banner #can_embed_form #action_info { display: none!important; } .section-home-banner .right-column::before { content: ""; background-image: url( '../img/home-banner-shapes-1.svg' ); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 10; top: 120px; right: 0; height: 270px; width: 270px; } .section-home-banner .right-column::after { content: ""; background-image: url( '../img/home-banner-shapes-2.svg' ); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 10; bottom: 0; right: 0; height: 215px; width: 391px; } .section-home-banner .right-column img { position: relative; z-index: 90; height: calc(100vh - 185px); width: auto; margin: 30px auto 60px; } /*INTRO*/ .section-home-about .left-column { background-color: #ebebeb; background-size: cover; background-position: center center; background-repeat: no-repeat; } .section-home-about .left-column img.feature-image { display: none; width: 100%; max-width: 100%; height: auto; } .section-home-about .right-column .vert-align-parent { height: 100vh; } .section-home-about .right-column .vert-align-child { padding: 180px; } .section-home-about ul.basic-x { position: relative; z-index: 10; margin-top: 45px; } .section-home-about ul.basic-x li { padding: 0 15px 15px 0; } .section-home-about ul.basic-x li a { font-size: 18px; color: #000000; font-weight: 500; padding: 25px 30px 17px; text-decoration: none; } .section-home-about ul.basic-x li a:hover, .section-home-about ul.basic-x li a:active, .section-home-about ul.basic-x li a:focus { color: #000000; text-decoration: none; } /*STATISTICS*/ .section-home-statistics { background-color: #8DC09F; } .section-home-statistics .container { position: relative; top: -45px; margin-bottom: -45px; padding: 0 45px; } .section-home-statistics .col-lg-4 { padding: 0 30px; } .section-home-statistics .card-content { transition: all .3s; -webkit-transition: all .3s; position: relative; height: 100%; background-color: #FAF6F1; padding: 60px; -webkit-box-shadow: 5px 5px 20px 1px rgba(0,0,0,0.35); -moz-box-shadow: 5px 5px 20px 1px rgba(0,0,0,0.35); box-shadow: 5px 5px 20px 1px rgba(0,0,0,0.35); } .section-home-statistics .card-content:hover, .section-home-statistics .card-content:active, .section-home-statistics .card-content:focus { -moz-transform: scale(1.08); -webkit-transform: scale(1.08); -o-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); } .section-home-statistics .card-content img { display: block; margin: 0 auto; clear: both; width: 100%; max-width: 50%; height: auto; margin-bottom: 45px; } /*WHAT*/ .section-home-what { background-color: #8DC09F; padding: 150px 0; } .section-home-what .container { padding: 0 60px; } .section-home-what .wysiwyg h1, .section-home-what .wysiwyg h2 { font-size: 56px; margin-bottom: 45px; } .section-home-what .box-item { width: 100%; padding-bottom: 100%; } .section-home-what .box-item.text-box { background-color: transparent; } .section-home-what .box-item.image-box { -webkit-box-shadow: 5px 5px 20px 1px rgba(0,0,0,0.35); -moz-box-shadow: 5px 5px 20px 1px rgba(0,0,0,0.35); box-shadow: 5px 5px 20px 1px rgba(0,0,0,0.35); overflow: visible; } .section-home-what .box-item.text-box .box-content { padding: 120px; } .section-home-what ul.basic-x { position: relative; z-index: 10; margin-top: 45px; } .section-home-what ul.basic-x li { padding: 0 15px 15px 0; } .section-home-what ul.basic-x li a { font-size: 18px; color: #000000; font-weight: 500; padding: 25px 30px 17px; text-decoration: none; } .section-home-what ul.basic-x li a:hover, .section-home-what ul.basic-x li a:active, .section-home-what ul.basic-x li a:focus { color: #000000; text-decoration: none; } /*IDEAS*/ .section-home-ideas { padding: 120px 0; background-color: #ffffff; } .section-home-ideas .wysiwyg strong { color: #FF4F00; font-weight: 700; } .section-home-ideas .row.first-row { margin-bottom: 75px; } .section-home-ideas .row.first-row h1, .section-home-ideas .row.first-row h2, .section-home-ideas .row.first-row h3 { margin: 0; } .section-home-ideas .row.first-row h4 { font-weight: 400; } .section-home-ideas .row.first-row p { position: absolute; z-index: 10; bottom: 0; right: 15px; margin: 0; } .section-home-ideas .row.mobile-button { display: none; } /*ACTIONS*/ .section-home-actions { padding: 120px 0; background-color: #4F83B3; } .section-home-actions .wysiwyg strong { color: #ffffff; font-weight: 700; } .section-home-actions .row.first-row { margin-bottom: 75px; } .section-home-actions .row.first-row h1, .section-home-actions .row.first-row h2, .section-home-actions .row.first-row h3 { margin: 0; } .section-home-actions .row.first-row h4 { font-weight: 400; } .section-home-actions .row.first-row p { position: absolute; z-index: 10; bottom: 0; right: 15px; margin: 0; } .section-home-actions .row.mobile-button { display: none; } .event #can_embed_form .last_line>h4, .event #can_embed_form .event_info_inner>h4 { display: none!important; } .event #can_embed_form .last_line, .event #can_embed_form h3.last_line, .event #can_embed_form h4.last_line { padding-bottom: 0!important; } /* ------ [8] BASIC ------ */ /*BANNER*/ .section-page-banner { background-color: #FAF6F1; } .section-page-banner #content.content-video { padding: 50px 15px; height: auto; } .section-page-banner #content { padding: 75px 15px; height: 60vh; } .section-page-banner.basic-page h1 { text-align: center; text-transform: uppercase; margin-bottom: 20px; } .section-page-banner.basic-page h1 span { color: #FF4F00; } .section-page-banner.basic-page p { font-size: 18px; text-align: center; margin-bottom: 0; } /*CONTENT*/ .section-page-content { padding: 150px 0; } /*Video*/ .section-page-content.video-page { padding: 90px 0 150px; } /*ABOUT*/ .section-page-content.about-page .faq-accordion { margin: 0 0 90px; } /*FAQ*/ .section-page-content .row.second-row h4.headline { text-transform: uppercase; letter-spacing: 0.1em; color: #000000; font-size: 18px; line-height: 90%; margin-bottom: 45px; font-weight: 500; } .section-page-content .faq-accordion { margin-top: 90px; padding: 60px 120px; background-color: #FAF6F1; } .faq-item { border-top: 2px solid #f1e7d2; padding: 30px 0 20px; } .faq-item h5.question { font-size: 25px; color: #828282; font-weight: 500; margin: 0; line-height: 1.3em; } .faq-item li { font-family: 'FoundersGrotesk', sans-serif; font-size: 16px; font-weight: 400; color: #000000; line-height: 1.5em; padding: 0; } .faq-accordion .acc-togg { cursor: pointer; } .faq-accordion .faq-item.active h5.question, .faq-accordion .acc-togg:hover h5.question, .faq-accordion .acc-togg:active h5.question, .faq-accordion .acc-togg:focus h5.question { color: #000000; } .faq-accordion .acc-cont { display: none; padding: 20px 0 0; } .faq-accordion .switch { transition: all 0.3s; -webkit-transition: all 0.3s; } /* --------------- [9] LISTING STYLES --------------- */ /*LISTING STYLES*/ .idea-card { position: relative; transition: all .3s; -webkit-transition: all .3s; display: block; clear: both; top: 0; } .idea-card .box-item { float: initial; width: 100%; padding-bottom: 50%; } .idea-card .card-content { transition: all .3s; -webkit-transition: all .3s; background-color: #FAF6F1; padding: 30px; } .idea-card .card-content p { font-size: 16px; margin-bottom: 20px; color: #FF4F00; min-height: 25px; } .idea-card .card-content h3 { font-family: 'FoundersGroteskXCondensed', sans-serif; font-weight: 700; margin-bottom: 40px; text-transform: uppercase; min-height: 80px; } .idea-card .card-content .button-basic { transition: all .3s; -webkit-transition: all .3s; } .idea-card:hover, .idea-card:active, .idea-card:focus { color: #000000; text-decoration: none; } body.home .section-home-ideas .idea-card:hover, body.home .section-home-ideas .idea-card:active, body.home .section-home-ideas .idea-card:focus, body.home .section-home-actions .idea-card:hover, body.home .section-home-actions .idea-card:active, body.home .section-home-actions .idea-card:focus { top: 60px } .idea-card:hover .card-content, .idea-card:active .card-content, .idea-card:focus .card-content { background-color: #FFCE04; } .idea-card:hover .card-content .button-basic, .idea-card:active .card-content .button-basic, .idea-card:focus .card-content .button-basic { background-color: #FAF6F1; } /*BLOG PAGE*/ .section-listing.blog-page { padding: 150px 0 45px; } .section-listing.blog-page .row.first-row { margin-bottom: 45px; } .section-listing.blog-page .row.first-row p { font-family: 'FoundersGroteskXCondensed', sans-serif; font-weight: 700; text-transform: uppercase; font-size: 56px; margin: 0; line-height: 1em; } .section-listing.blog-page .row.first-row p a.button-basic { text-transform: capitalize; } .section-listing.blog-page .row.first-row p span { color: #FF4F00; } .section-listing.blog-page .row.first-row ul.basic-x { text-align: right; } .section-listing.blog-page .row.first-row ul.basic-x select { position: relative; display: block; width: 290px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; outline-color: transparent; outline-style: none; background-color: transparent; border: 2px solid #000000; height: 45px; font-family: 'Arial', sans-serif; font-size: 16px; color: #000000; background-color: #ffffff; padding: 0 20px 0 6px; } .section-listing.blog-page .idea-card .card-content { margin-bottom: 30px; } .section-listing.blog-page .idea-card .card-content h3 { height: 115px; overflow: hidden; } #filter-posts.button-basic { cursor: pointer; } .section-listing.blog-page ul.basic-x li a { color: #000000; text-decoration: none; } .section-listing.blog-page ul.basic-x li a:hover, .section-listing.blog-page ul.basic-x li a:active, .section-listing.blog-page ul.basic-x li a:focus { color: #000000; text-decoration: none; } /* ----------- [10] POST PAGE ----------- */ /*BANNER*/ .section-page-banner.post-page { background-color: #FAF6F1 } .section-page-banner.post-page .left-column { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } .section-page-banner.post-page .left-column::after { content: ""; background-image: url('../img/svg-shape-stack-3.svg'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 10; bottom: 60px; right: 60px; height: 180px; width: 156px; } .section-page-banner.post-page .right-column { height: calc(100vh - 150px); padding: 75px 120px; } .section-page-banner.post-page.condensed .right-column { height: 50vh; padding: 75px 120px; } .section-page-banner.post-page .right-column p { font-size: 18px; line-height: 120%; margin: 0 0 30px; } .section-page-banner.post-page .right-column h1 { text-transform: uppercase; margin: 0; } .section-page-banner.post-page .right-column h1 span { color: #FF4F00; } /*RELATED CONTENT*/ .section-related-content .box-item { width: 100%; padding-bottom: 100%; } .section-related-content .box-item.text-box { background-color: #FAF6F1; } .section-related-content .box-item.text-box .box-content { padding: 120px; z-index: 10; } .section-related-content .box-item.text-box .box-content p { font-size: 16px; color: #FF4F00; font-weight: 400; margin-bottom: 20px; } .section-related-content .box-item.text-box .box-content h3 { font-size: 32px; text-transform: uppercase; margin-bottom: 30px; } /*NEXT POST*/ .section-next-post a.next-post { position: relative; z-index: 100; background-color: #000000; padding: 75px 0; display: block; clear: both; text-decoration: none; } .section-next-post a.next-post::after { content: ""; background-image: url('../img/svg-caret-white.svg'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 10; top: calc(50% - 12px); right: 90px; height: 30px; width: 24px; } .section-next-post p { transition: all .3s; -webkit-transition: all .3s; margin-bottom: 20px; color: #ffffff; text-align: center; } .section-next-post h4 { transition: all .3s; -webkit-transition: all .3s; font-size: 32px; font-family: 'FoundersGroteskXCondensed', sans-serif; font-weight: 700; text-transform: uppercase; margin-bottom: 0; color: #ffffff; text-align: center; } .section-next-post a.next-post .wrapper { transition: all .3s; -webkit-transition: all .3s; } .section-next-post a.next-post:hover, .section-next-post a.next-post:active, .section-next-post a.next-post:focus { background-color: #FFCE04; } .section-next-post a.next-post:hover p, .section-next-post a.next-post:hover h4, .section-next-post a.next-post:active p, .section-next-post a.next-post:active g4, .section-next-post a.next-post:focus p, .section-next-post a.next-post:focus h4 { color: #000000; } .section-next-post a.next-post:hover::after, .section-next-post a.next-post:active::after, .section-next-post a.next-post:focus::after { background-image: url('../img/svg-caret-black.svg'); } /* --------------- [11] CAMPAIGNS HUB --------------- */ /*BANNER*/ .section-page-banner.post-page.campaigns-hub { background-color: #8DC09F; } .section-page-banner.post-page.campaigns-hub .left-column::after { content: ""; background-image: url('../img/svg-shape-stack-4.svg'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 10; bottom: -45px; left: 60px; height: 240px; width: 206px; } .section-page-banner.post-page.campaigns-hub .right-column p { margin: 0; } .section-page-banner.post-page.campaigns-hub .right-column h1 { margin: 0 0 20px; } /*PANELS*/ .section-alternating-content.even-panel { background-color: #FAF6F1; } .section-alternating-content .text-column { height: calc(100vh - 150px); padding: 75px 120px; } .section-alternating-content .text-column h2 { text-transform: uppercase; margin: 0 0 20px; } .section-alternating-content .text-column h2 span { color: #FF4F00; } .section-alternating-content .text-column a.button-basic { margin-top: 20px; } .section-alternating-content .image-column { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; } /*IDEAS PROMO*/ .section-ideas { background-color: #4F83B3; } .section-ideas .left-column { position: relative; padding: 75px 150px; height: 80vh; } .section-ideas .left-column::after { content: ""; background-image: url( '../img/svg-shape-stack-5.svg' ); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 20; bottom: 0; right: -255px; height: 210px; width: 358px; } .section-ideas .left-column h1, .section-ideas .left-column h2 { font-size: 88px; line-height: 0.8em; } .section-ideas .left-column p { font-size: 25px; margin-bottom: 30px; color: #000000; } .section-ideas .right-column { position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; } .section-ideas .right-column::before { content: ""; background-image: url( '../img/svg-shape-stack-6.svg' ); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 20; top: 45px; left: 180px; height: 150px; width: 150px; } .section-ideas .right-column::after { content: ""; background-image: url( '../img/svg-triangle-blue.svg' ); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 10; bottom: 0; left: 0; height: 100%; width: 330px; } /* --------------- [12] IDEAS HUB --------------- */ /*BANNER*/ .section-page-banner.post-page.campaigns-hub.ideas-hub { background-color: #4F83B3; } .section-page-banner.post-page.campaigns-hub.ideas-hub .right-column { height: initial; padding: 0; } .section-page-banner.post-page.campaigns-hub.ideas-hub .right-column .vert-align-parent { display: table; table-layout: fixed; width: 100%; height: calc(100vh - 150px); } .section-page-banner.post-page.campaigns-hub.ideas-hub .right-column .vert-align-child { padding: 75px 120px 120px; } .section-page-banner.post-page.campaigns-hub.ideas-hub .left-column::after { background-image: url(../img/svg-shape-stack-7.svg); } .section-page-banner.post-page.campaigns-hub.ideas-hub .right-column h1, .section-page-banner.post-page.campaigns-hub.ideas-hub .right-column p { color: #ffffff; } .section-page-banner img.vroom-logo { display: block; margin: 30px 0 0; height: 30px; width: auto; } .section-page-banner.post-page.campaigns-hub.ideas-hub ul.basic-x { margin-top: 20px; } .section-page-banner.post-page.campaigns-hub.ideas-hub ul.basic-x li { padding: 0 15px 0 0; } .section-page-banner.post-page.campaigns-hub.ideas-hub ul.basic-x li img { display: block; height: 75px; width: auto; margin: 0; image-rendering: -webkit-optimize-contrast; } /*THANKYOU BANNER*/ .section-page-banner.post-page.campaigns-hub.thankyou { background-color: #FAF6F1; } .section-page-banner.post-page.campaigns-hub.ideas-hub.thankyou .right-column h1 { color: #000000; } .section-page-banner.post-page.campaigns-hub.thankyou .right-column .wysiwyg h1, .section-page-banner.post-page.campaigns-hub.thankyou .right-column .wysiwyg h2, .section-page-banner.post-page.campaigns-hub.thankyou .right-column .wysiwyg h3, .section-page-banner.post-page.campaigns-hub.thankyou .right-column .wysiwyg h4, .section-page-banner.post-page.campaigns-hub.thankyou .right-column .wysiwyg h5, .section-page-banner.post-page.campaigns-hub.thankyou .right-column .wysiwyg h6, .section-page-banner.post-page.campaigns-hub.thankyou .right-column .wysiwyg p { color: #000000; margin: 0 0 15px; } .section-page-banner.post-page.campaigns-hub.thankyou .right-column .wysiwyg h1 a, .section-page-banner.post-page.campaigns-hub.thankyou .right-column .wysiwyg h2 a, .section-page-banner.post-page.campaigns-hub.thankyou .right-column .wysiwyg h3 a, .section-page-banner.post-page.campaigns-hub.thankyou .right-column .wysiwyg h4 a, .section-page-banner.post-page.campaigns-hub.thankyou .right-column .wysiwyg h5 a, .section-page-banner.post-page.campaigns-hub.thankyou .right-column .wysiwyg h6 a, .section-page-banner.post-page.campaigns-hub.thankyou .right-column .wysiwyg p a { color: #000000; } .section-page-banner.post-page.campaigns-hub.thankyou .right-column .wysiwyg a { color: #000000; } .section-page-banner.post-page.campaigns-hub.thankyou .right-column .wysiwyg a:hover, .section-page-banner.post-page.campaigns-hub.thankyou .right-column .wysiwyg a:active, .section-page-banner.post-page.campaigns-hub.thankyou .right-column .wysiwyg a:focus { color: #FF4F00; } /*FILTER*/ .section-listing.blog-page.ideas-hub .row.first-row .col-md-5 p { text-align: right; } .section-listing.blog-page.ideas-hub .row.ideas-filters { margin-bottom: 90px; } .section-listing.blog-page.ideas-hub .row.ideas-filters .filter-panel { background-color: #FAF6F1; padding: 45px; } .section-listing.blog-page.ideas-hub .row.ideas-filters .filter-panel h4 { text-align: center; margin: 0 0 30px; } .section-listing.blog-page.ideas-hub .row.ideas-filters .category-filter .filter-panel { float: left; } .section-listing.blog-page.ideas-hub .row.ideas-filters .category-filter .category-item { float: left; width: 20%; padding: 0 15px; } .section-listing.blog-page.ideas-hub .row.ideas-filters .category-filter .category-item p, .section-listing.blog-page.ideas-hub .row.ideas-filters .category-filter .category-item p a { display: block; font-weight: 500; margin: 0; color: #000000; text-align: center; text-decoration: none; line-height: 120%; } .section-listing.blog-page.ideas-hub .row.ideas-filters .category-filter .category-item p a.active, .section-listing.blog-page.ideas-hub .row.ideas-filters .category-filter .category-item p a:hover, .section-listing.blog-page.ideas-hub .row.ideas-filters .category-filter .category-item p a:focus { color: #FF4F00; text-decoration: underline; } .section-listing.blog-page.ideas-hub .row.ideas-filters .category-filter .category-item p a img { transition: all .3s; -webkit-transition: all .3s; display: block; width: 66%; height: auto; margin: 0 auto 20px; } .section-listing.blog-page.ideas-hub .row.ideas-filters .category-filter .category-item p a.active img, .section-listing.blog-page.ideas-hub .row.ideas-filters .category-filter .category-item p a:hover img, .section-listing.blog-page.ideas-hub .row.ideas-filters .category-filter .category-item p a:focus img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .section-listing.blog-page.ideas-hub .row.ideas-filters .tag-filter ul.basic-x { text-align: center; } .section-listing.blog-page.ideas-hub .row.ideas-filters .tag-filter ul.basic-x li { padding: 10px; } .section-listing.blog-page.ideas-hub .row.ideas-filters .tag-filter ul.basic-x p, .section-listing.blog-page.ideas-hub .row.ideas-filters .tag-filter ul.basic-x p a { font-size: 40px; color: #000000; font-weight: 700; margin: 0; padding: 0; line-height: 56px; } .section-listing.blog-page.ideas-hub .row.ideas-filters .tag-filter ul.basic-x p a:hover, .section-listing.blog-page.ideas-hub .row.ideas-filters .tag-filter ul.basic-x p a:active, .section-listing.blog-page.ideas-hub .row.ideas-filters .tag-filter ul.basic-x p a:focus, .section-listing.blog-page.ideas-hub .row.ideas-filters .tag-filter ul.basic-x p a.active { color: #FF4F00; text-decoration: underline; } /*CARDS COMMON*/ .section-listing.blog-page.ideas-hub { padding: 150px 0 45px; } .ideas-hub-card { margin-bottom: 30px; } .ideas-hub-card .hub-card-container { background-color: #FAF6F1; position: relative; } .ideas-hub-card .hub-card-container h3 { font-family: 'FoundersGroteskXCondensed', sans-serif; font-weight: 700; text-transform: uppercase; margin: 0 0 15px; line-height: 1em; } .ideas-hub-card .hub-card-container p.card-tag { font-size: 16px; color: #FF4F00; font-weight: 400; line-height: 1em; } .ideas-hub-card .hub-card-container p.card-category { font-family: 'FoundersGrotesk', sans-serif; font-size: 18px; font-weight: 500; color: #FF4F00; margin-bottom: 30px; line-height: 1em; } .ideas-hub-card .hub-card-container .card-logos p { margin: 0; } .ideas-hub-card .hub-card-container .card-logos img { display: inline-block; height: 30px; width: auto; } .ideas-hub-card .hub-card-container .card-logos .right-column p { text-align: right; } /*CARDS FRONT*/ .ideas-hub-card .hub-card-container.front-face .card-image { height: 250px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .ideas-hub-card .hub-card-container.front-face .card-text { background-color: #FAF6F1; padding: 30px 30px 60px; } .ideas-hub-card .hub-card-container.front-face .card-logos img { padding-left: 30px; } /*CARDS BACK*/ .ideas-hub-card .hub-card-container.back-face { display: none; } .ideas-hub-card .hub-card-container.back-face .card-label { background-color: #FAF6F1; padding: 45px 30px; } .ideas-hub-card .hub-card-container.back-face .card-label p.card-category { margin-bottom: 0; } .ideas-hub-card .hub-card-container.back-face .card-label .card-close { position: absolute; cursor: pointer; z-index: 30; transition: all .3s; -webkit-transition: all .3s; top: 15px; right: 20px; font-size: 32px; height: 32px; width: 32px; text-align: center; line-height: 32px; color: #000000; } .ideas-hub-card .hub-card-container.back-face .card-label .card-close:hover, .ideas-hub-card .hub-card-container.back-face .card-label .card-close:active, .ideas-hub-card .hub-card-container.back-face .card-label .card-close:focus { color: #FFCE04; } .ideas-hub-card .hub-card-container.back-face .card-background { background-color: #FFCE04; padding: 30px; } .ideas-hub-card .hub-card-container.back-face .card-background hr { width: 100%; border: 1px solid #ffffff; margin: 30px 0; } .ideas-hub-card .hub-card-container.back-face .card-background h5 { font-size: 18px; margin: 30px 0 15px; } /*VROOM*/ .section-ideas-vroom { background-color: #F4ECE3; padding: 45px 0 30px; } .section-ideas-vroom img.vroom-logo { display: block; height: 30px; width: auto; margin: 0 auto 15px; } /*BRIGHT TOMORROWS*/ .section-ideas-bright-tomorrows { background-color: #FAF6F1; padding: 105px 0 90px; } .section-ideas-bright-tomorrows h1, .section-ideas-bright-tomorrows h2 { font-size: 56px; margin-bottom: 30px; line-height: 90%; } .section-ideas-bright-tomorrows h4, .section-ideas-bright-tomorrows h5, .section-ideas-bright-tomorrows h6, .section-ideas-bright-tomorrows p { font-weight: 400; margin: 0 0 45px; line-height: 120%; } .section-ideas-bright-tomorrows ul.basic-x li { padding: 0 15px; } .section-ideas-bright-tomorrows ul.basic-x li img { display: block; height: 90px; width: auto; margin: 30px 0; image-rendering: -webkit-optimize-contrast; } .section-ideas-bright-tomorrows ul.basic-x li img.first-item { height: 150px; margin: 0; } .section-ideas-bright-tomorrows .left-column img { display: block; width: 100%; height: auto; } /*ACTIONS PROMO*/ .section-ideas.ideas-hub { background-color: #8DC09F; } .section-ideas.ideas-hub .left-column::after { background-image: url(../img/svg-shape-stack-8.svg); } .section-ideas.ideas-hub .right-column::after { background-image: url(../img/svg-triangle-green.svg); } /* ------------- [13] ACTION PAGE ------------- */ /*BANNER*/ .section-page-banner.post-page.action-page { background-color: #FAF6F1; } .section-page-banner.post-page.action-page .left-column::after { background-image: none; bottom: 0; right: 0; width: 0; height: 0; } .section-action-content { padding: 150px 0 120px; background-color: #8DC09F; } .section-action-content.condensed { padding: 105px 0 75px; } .section-action-content .left-column { padding-right: 45px; } /*SUPPORTERS*/ .section-supporters { background-color: #ffffff; padding: 90px 0 150px; } .section-supporters h2 { line-height: 1em; margin-bottom: 45px; } .section-supporters .left-column p { font-size: 24px; text-transform: uppercase; line-height: 1em; } .section-supporters .right-column ul.basic-x li { padding: 15px; } .section-supporters .right-column ul.basic-x li img { display: block; width: 150px; height: auto; } .section-supporters .right-column a img, .section-supporters .right-column img.no-link { transition: all .3s; -webkit-transition: all .3s; } .section-supporters .right-column a:hover img, .section-supporters .right-column a:active img, .section-supporters .right-column a:focus img, .section-supporters .right-column img.no-link:hover, .section-supporters .right-column img.no-link:active, .section-supporters .right-column img.no-link:focus { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /*NEXT ACTION*/ .section-next-post.action-page { position: relative; } .section-next-post.action-page::before { content: ""; background-color: #8DC09F; position: absolute; z-index: 10; top: 0px; left: 0px; height: 60px; width: 100%; } .section-next-post.action-page.color-tan::before { background-color: #ffffff; } .section-next-post.action-page .container { position: relative; z-index: 20; } /*FORM STYLES*/ .section-action-content #can_embed_form h3, .section-action-page-template #form-panel h3 { border-bottom: 3px solid #6fa883!important; } .section-action-content #can_embed_form h4, .section-action-page-template #form-panel h4 { display: none!important; } .section-action-content #form-panel #can_embed_form #form_col1, .section-action-content #form-panel #can_embed_form #form_col2, .section-action-page-template #form-panel #can_embed_form #form_col1, .section-action-page-template #form-panel #can_embed_form #form_col2 { float: initial!important; width: 100%!important; } .section-action-content #can_embed_form #can_thank_you, .section-action-page-template #can_embed_form #can_thank_you { background-color: #FAF6F1!important; } .section-action-content #can_embed_form #referral_code_select_wrap+.can_thank_you-block>label.graytext, .section-action-page-template #can_embed_form #referral_code_select_wrap+.can_thank_you-block>label.graytext { display: none!important; } .section-action-content #can_embed_form #embed_toggle-open, #can_embed_form #embed_toggle-close, .section-action-page-template #can_embed_form #embed_toggle-open, #can_embed_form #embed_toggle-close { margin-top: 0!important; } .section-action-content #form-panel input[type="text"], .section-action-content #form-panel input[type="tel"], .section-action-content #form-panel input[type="email"], .section-action-content #form-panel input[type="number"], .section-action-content #form-panel select, .section-action-content #form-panel textarea, .section-action-page-template #form-panel input[type="text"], .section-action-page-template #form-panel input[type="tel"], .section-action-page-template #form-panel input[type="email"], .section-action-page-template #form-panel input[type="number"], .section-action-page-template #form-panel select, .section-action-page-template #form-panel textarea, #can_embed_form input[type="text"], #can_embed_form input[type="tel"], #can_embed_form input[type="email"], #can_embed_form input[type="number"], #can_embed_form select.can_select, #can_embed_form span.can_select, #can_embed_form .select2-container .select2-choice, #can_embed_form .select2-container-active .select2-choice, #can_embed_form .select2-container-active .select2-choices, #can_embed_form textarea { background-color: #ffffff!important; } .section-action-content #form-panel input[type="text"]:hover, .section-action-content #form-panel input[type="tel"]:hover, .section-action-content #form-panel input[type="email"]:hover, .section-action-content #form-panel input[type="number"]:hover, .section-action-content #form-panel textarea:hover, .section-action-content #form-panel input[type="text"]:focus, .section-action-content #form-panel input[type="tel"]:focus, .section-action-content #form-panel input[type="email"]:focus, .section-action-content #form-panel input[type="number"]:focus, .section-action-content #form-panel textarea:focus, .section-action-content #form-panel input[type="text"]:active, .section-action-content #form-panel input[type="tel"]:active, .section-action-content #form-panel input[type="email"]:active, .section-action-content #form-panel input[type="number"]:active, .section-action-content #form-panel textarea:active, .section-action-page-template #form-panel input[type="text"]:hover, .section-action-page-template #form-panel input[type="tel"]:hover, .section-action-page-template #form-panel input[type="email"]:hover, .section-action-page-template #form-panel input[type="number"]:hover, .section-action-page-template #form-panel textarea:hover, .section-action-page-template #form-panel input[type="text"]:focus, .section-action-page-template #form-panel input[type="tel"]:focus, .section-action-page-template #form-panel input[type="email"]:focus, .section-action-page-template #form-panel input[type="number"]:focus, .section-action-page-template #form-panel textarea:focus, .section-action-page-template #form-panel input[type="text"]:active, .section-action-page-template #form-panel input[type="tel"]:active, .section-action-page-template #form-panel input[type="email"]:active, .section-action-page-template #form-panel input[type="number"]:active, .section-action-page-template #form-panel textarea:active, .section-action-content #can_embed_form input[type="text"]:hover, .section-action-content #can_embed_form input[type="tel"]:hover, .section-action-content #can_embed_form input[type="email"]:hover, .section-action-content #can_embed_form input[type="number"]:hover, .section-action-content #can_embed_form textarea:hover, .section-action-content #can_embed_form select.can_select:hover, .section-action-content #can_embed_form span.can_select:hover, .section-action-content #can_embed_form .select2-container .select2-choice:hover, .section-action-content #can_embed_form .select2-container-active .select2-choice:hover, .section-action-content #can_embed_form .select2-container-active .select2-choices:hover, .section-action-content #can_embed_form input[type="text"]:focus, .section-action-content #can_embed_form input[type="tel"]:focus, .section-action-content #can_embed_form input[type="email"]:focus, .section-action-content #can_embed_form input[type="number"]:focus, .section-action-content #can_embed_form textarea:focus, .section-action-content #can_embed_form select.can_select:focus, .section-action-content #can_embed_form span.can_select:focus, .section-action-content #can_embed_form .select2-container .select2-choice:focus, .section-action-content #can_embed_form .select2-container-active .select2-choice:focus, .section-action-content #can_embed_form .select2-container-active .select2-choices:focus, .section-action-content #can_embed_form input[type="text"]:active, .section-action-content #can_embed_form input[type="tel"]:active, .section-action-content #can_embed_form input[type="email"]:active, .section-action-content #can_embed_form input[type="number"]:active, .section-action-content #can_embed_form textarea:active, .section-action-content #can_embed_form .select2-container .select2-choice:active, .section-action-content #can_embed_form .select2-container-active .select2-choice:active, .section-action-content #can_embed_form .select2-container-active .select2-choices:active, .section-action-content #can_embed_form select.can_select:active, .section-action-content #can_embed_form span.can_select:active, .section-action-page-template #can_embed_form input[type="text"]:hover, .section-action-page-template #can_embed_form input[type="tel"]:hover, .section-action-page-template #can_embed_form input[type="email"]:hover, .section-action-page-template #can_embed_form input[type="number"]:hover, .section-action-page-template #can_embed_form textarea:hover, .section-action-page-template #can_embed_form select.can_select:hover, .section-action-page-template #can_embed_form span.can_select:hover, .section-action-page-template #can_embed_form .select2-container .select2-choice:hover, .section-action-page-template #can_embed_form .select2-container-active .select2-choice:hover, .section-action-page-template #can_embed_form .select2-container-active .select2-choices:hover, .section-action-page-template #can_embed_form input[type="text"]:focus, .section-action-page-template #can_embed_form input[type="tel"]:focus, .section-action-page-template #can_embed_form input[type="email"]:focus, .section-action-page-template #can_embed_form input[type="number"]:focus, .section-action-page-template #can_embed_form textarea:focus, .section-action-page-template #can_embed_form select.can_select:focus, .section-action-page-template #can_embed_form span.can_select:focus, .section-action-page-template #can_embed_form .select2-container .select2-choice:focus, .section-action-page-template #can_embed_form .select2-container-active .select2-choice:focus, .section-action-page-template #can_embed_form .select2-container-active .select2-choices:focus, .section-action-page-template #can_embed_form input[type="text"]:active, .section-action-page-template #can_embed_form input[type="tel"]:active, .section-action-page-template #can_embed_form input[type="email"]:active, .section-action-page-template #can_embed_form input[type="number"]:active, .section-action-page-template #can_embed_form textarea:active, .section-action-page-template #can_embed_form .select2-container .select2-choice:active, .section-action-page-template #can_embed_form .select2-container-active .select2-choice:active, .section-action-page-template #can_embed_form .select2-container-active .select2-choices:active, .section-action-page-template #can_embed_form select.can_select:active, .section-action-page-template #can_embed_form span.can_select:active { background-color: #ffffff!important; } #can_embed_form h2, #donate_auto_modal h2, #donate_make_recurring_modal h2, .section-action-content #can_embed_form h3, .section-action-page-template #form-panel h3 { display: none!important; } /*ALTERNATE ACTION*/ .section-action2-banner .box-item { width: 100%; padding-bottom: 30%; } .section-action2-banner .box-item .box-content img { display: none; width: 100%; height: auto; } .section-action2.section-action-content { clear: both; position: relative; top: -210px; margin-bottom: -150px; background-color: transparent; padding: 0; } /*ALTERNATE ACTION Test Feature Image section Hyve*/ .postid-2985 .section-action2.section-action-content { top: -120px; } .postid-3220 .section-action2.section-action-content { top: -120px; } .section-action2.section-action-content .right-column { background-color: #8DC09F; padding: 60px; } .section-action2.section-action-content .left-column { background-color: #ffffff; padding: 60px; } .section-action.section-action-content .right-column #form-panel #can_embed_form #can_embed_form_inner > h2, .section-action.section-action-content .right-column #form-panel #can_embed_form #can_embed_form_inner > h3, .section-action2.section-action-content .right-column #form-panel #can_embed_form #can_embed_form_inner > h2, .section-action2.section-action-content .right-column #form-panel #can_embed_form #can_embed_form_inner > h3, .section-action2.section-action-content .right-column #form-panel #can_embed_form .entry-title, .section-action2.section-action-content .right-column #form-panel #can_embed_form .action_description, .section-action2.section-action-content .right-column #form-panel.no-comments #form-comments { display: none!important; } /*ACTION CONTENT*/ .section-action2.section-action-content .left-column .row.middle-row .faq-accordion { background-color: #FAF6F1; padding: 30px 30px 20px; } .section-action2.section-action-content .left-column .row.middle-row .faq-accordion h4.headline { font-family: 'FoundersGroteskXCondensed', sans-serif; text-transform: uppercase; } .section-action2.section-action-content .left-column .row.middle-row .faq-accordion .faq-item:first-child { border-top: none!important; padding: 0 0 20px; } .section-action2.section-action-content .left-column .row.middle-row .faq-accordion .faq-item h5.question { font-size: 22px; } /*ACCORDION*/ body.single-actions .faq-accordion { margin: 20px 0 45px; background-color: #FAF6F1; padding: 30px 30px 20px; } body.single-actions .faq-accordion h4.headline { tetx-transform: uppercase; font-family: 'FoundersGroteskXCondensed', sans-serif; text-transform: uppercase; } body.single-actions .faq-accordion .wysiwyg > *:first-child img { margin-top: 0!important; } /* -------------------------- [14] ACTION PAGE (OPTIMISELY) -------------------------- */ /*GENERAL*/ .section-action-page-template { padding: 90px 0; } .section-action-page-template h1.headline span { font-size: 60px; color: #FF4F00; margin-bottom: 60px; } .section-action-page-template #form-panel.no-comments #can_embed_form #form-comments, .section-action-page-template #can_embed_form h2, .section-action-page-template #donate_auto_modal h2, .section-action-page-template #donate_make_recurring_modal h2, .section-action-page-template #can_embed_form h3, .section-action-page-template #form-panel h3 { display: none!important; } .section-action-page-template #form-panel .statement p { margin: 0; font-size: 12px; } /*OPTIMISELY1*/ .section-action-page-template.optimisely1, .section-action-page-template.optimisely2 { background-size: cover; background-position: center center; background-repeat: no-repeat; background-color: #e1e1e1; } .section-action-page-template.optimisely1 #form-panel { background-color: #FAF6F1; padding: 45px; -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.05); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.05); } .section-action-page-template.optimisely1 p.link-to-full-action { margin: 20px 0 0; } .section-action-page-template.optimisely1 p.link-to-full-action a { transition: all .3s; -webkit-transition: all .3s; font-size: 20px; color: #848484; font-weight: 700; text-decoration: none; } .section-action-page-template.optimisely1 p.link-to-full-action a:hover, .section-action-page-template.optimisely1 p.link-to-full-action a:active, .section-action-page-template.optimisely1 p.link-to-full-action a:focus { text-decoration: none; color: #FF4F00; } /*OPTIMISELY2*/ .section-action-page-template.optimisely2 .center-column .wysiwyg { background-color: #FAF6F2; padding: 30px; -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.05); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.05); } .section-action-page-template.optimisely1 #form-panel, .section-action-page-template.optimisely2 #form-panel { background-color: #FAF6F1; padding: 30px; -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.05); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.05); } /*OPTIMISELY3*/ .section-action-page-template.optimisely3 .left-column { padding-right: 45px; } .section-action-page-template.optimisely3 .left-column img { display: block; width: 100%; height: auto; margin-bottom: 30px; } .section-action-page-template.optimisely3 .left-column .wysiwyg { background-color: #FAF6F2; padding: 45px; } .section-action-page-template.optimisely3 .right-column { padding-left: 45px; } .section-action-page-template.optimisely3 #form-panel { background-color: #8DC09F; padding: 45px; } /* --------------- [15] CONTACT PAGE --------------- */ /*BANNER*/ .section-page-banner.basic-page.contact-page { position: relative; } .section-page-banner.basic-page.contact-page::before { content: ""; background-image: url( '../img/svg-shape-stack-9.svg' ); background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 10; bottom: -60px; left: 0; height: 360px; width: 227px; } .section-page-banner.basic-page.contact-page::after { content: ""; background-image: url( '../img/svg-shape-stack-10.svg' ); background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 10; top: 0; right: 0; height: 270px; width: 173px; } /*CONTENT*/ .section-page-content.contact-page #form-panel { margin-top: 45px; } .section-page-content.contact-page #can_embed_form_inner h2 { display: none!important; } .section-page-content.contact-page #form-panel #can_embed_form #form_col1, .section-page-content.contact-page #form-panel #can_embed_form #form_col2 { float: initial!important; width: 100%!important; } .section-page-content.contact-page #can_embed_form .control-label { margin-top: 20px; } /* ----------- [16] NEWS BLOG ----------- */ .section-listing.blog-page.news-blog .news-card { display: block; text-decoration: none!important; margin-bottom: 30px; } .section-listing.blog-page.news-blog .news-card .news-card-container { transition: all .3s; -webkit-transition: all .3s; display: block; background-color: #FAF6F1; } .section-listing.blog-page.news-blog .news-card .news-card-container .news-card-image { height: 250px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .section-listing.blog-page.news-blog .news-card .news-card-container .news-card-text { height: 250px; padding: 30px; } .section-listing.blog-page.news-blog .news-card .news-card-container .news-card-text-only { height: 500px; padding: 30px; } .section-listing.blog-page.news-blog .news-card .news-card-container p { font-size: 16px; margin-bottom: 15px; color: #FF4F00; min-height: 25px; } .section-listing.blog-page.news-blog .news-card .news-card-container p.card-button { text-align: right; margin: 0; } .section-listing.blog-page.news-blog .news-card .news-card-container p.card-button, .section-listing.blog-page.news-blog .news-card .news-card-container p.card-button .button-basic { transition: all .3s; -webkit-transition: all .3s; } .section-listing.blog-page.news-blog .news-card .news-card-container h3 { font-family: 'FoundersGroteskXCondensed', sans-serif; font-weight: 700; text-transform: uppercase; margin: 0; } .section-listing.blog-page.news-blog .news-card:hover .news-card-container, .section-listing.blog-page.news-blog .news-card:active .news-card-container, .section-listing.blog-page.news-blog .news-card:focus .news-card-container { background-color: #FFCE04; } .section-listing.blog-page.news-blog .news-card:hover .news-card-container p.card-button .button-basic, .section-listing.blog-page.news-blog .news-card:active .news-card-container p.card-button .button-basic, .section-listing.blog-page.news-blog .news-card:focus .news-card-container p.card-button .button-basic{ background-color: #FAF6F1; } /*EVENTS PAGE LISTING*/ body.page-template-page-events .section-listing.blog-page.news-blog .news-card .news-card-container p.excerpt-text { margin-bottom: 0; color: #000000; } body.page-template-page-events .section-listing.blog-page.news-blog .news-card .news-card-container .news-card-text { height: initial; min-height: 250px; padding: 30px 30px 15px; } body.page-template-page-events .section-listing.blog-page.news-blog .news-card .news-card-container h3 { margin: 0 0 8px; } body.page-template-page-events .section-listing.blog-page.news-blog .news-card .news-card-container h4, body.page-template-page-events .section-listing.blog-page.news-blog .news-card .news-card-container h5, body.page-template-page-events .section-listing.blog-page.news-blog .news-card .news-card-container h6 { font-size: 20px; } body.page-template-page-events .section-listing.blog-page.news-blog .news-card .news-card-container p { color: #000000; } /* --------------- [17] RESEARCH PAGE --------------- */ /*BANNER*/ .section-research-banner { background-color: #8DC09F; position: relative; } .section-research-banner .container, .section-research-banner .row { position: relative; margin: 0; padding: 0; } .section-research-banner .row.first-row { display: none; } .section-research-banner .row.first-row img { display: block; width: 100%; height: auto; } .section-research-banner .row.second-row { position: absolute; top: 0; left:0; height: 100%; width: 100%; z-index: 10; } .section-research-banner .row.second-row .right-column { height: calc(100vh - 150px); background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: 10; } .section-research-banner .row.second-row .right-column::before { content: ""; background-image: url('../img/svg-curve-green.svg'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 20; top: 0px; left: -1px; height: 100%; width: 25%; } .section-research-banner .row.third-row { position: relative; z-index: 20; } .section-research-banner .row.third-row .vert-align-parent { display: table; table-layout: fixed; width: 100%; height: calc(100vh - 150px); } .section-research-banner .row.third-row { padding: 0; } .section-research-banner .row.third-row .vert-align-child { padding: 75px 120px 120px; } .section-research-banner .row.third-row .vert-align-child h1 strong { color: #ffffff; } .share-this.blog-post.research-page { z-index: 90; } /*INTRO*/ .section-research-intro { padding: 120px 0 105px; } .section-research-intro p { font-size: 18px; } /*INFOGRAPHICS*/ .research-infographics { padding: 0 0 120px; } .research-infographics .contents { background-color: #FAF6F1; } .research-infographics .research-tile .wysiwyg { position: relative; opacity: 0; } .research-infographics .research-tile.even-tile .wysiwyg { left: 90px; } .research-infographics .research-tile.odd-tile .wysiwyg { left: -90px; } .research-infographics .research-tile .col-lg-5 { -ms-flex: 0 0 calc(50% - 20px); flex: 0 0 calc(50% - 20px); max-width: calc(50% - 20px); } .research-infographics .research-tile .col-lg-7 { -ms-flex: 0 0 calc(50% + 20px); flex: 0 0 calc(50% + 20px); max-width: calc(50% + 20px); } .research-infographics .research-tile .left-column .vert-align-parent { height: 50vh; } .research-infographics .research-tile .left-column .vert-align-child { padding: 90px 90px 75px; } .research-infographics .research-tile .right-column .foreground { position: relative; height: 100%; z-index: 20; } .research-infographics .research-tile .right-column .background { position: absolute; height: 100%; top: 0; left: 0; width: 100%; z-index: 10; } .research-infographics .research-tile .right-column .background::before { content: ""; background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 10; top: 0px; left: 0px; width: 100%; height: 100%; } .research-infographics .research-tile.tile-1 .right-column .background::before { background-image: url( '../img/svg-research-shapes-5.svg' ); height: calc(100% - 60px); } @media (max-width: 992px) { .research-infographics .research-tile.tile-1 .right-column .background::before { height: calc(100% - 0px); } } .research-infographics .research-tile.tile-2 .right-column .background::before { background-image: url( '../img/svg-research-shapes-6.svg' ); } .research-infographics .research-tile.tile-3 .right-column .background::before { background-image: url( '../img/svg-research-shapes-5.svg' ); height: calc(100% - 60px); } @media (max-width: 992px) { .research-infographics .research-tile.tile-3 .right-column .background::before { height: calc(100% - 0px); } } .research-infographics .research-tile.tile-4 .right-column .background::before { background-image: url( '../img/svg-research-shapes-6.svg' ); } .research-infographics .research-tile .right-column img { display: block; position: relative; width: auto; height: 270px; margin: 0 auto; top: 50%; transform: translateY(-50%); } .research-infographics .research-tile.tile-4 .right-column img { height: 330px; } @media (max-width: 992px) { .research-infographics .right-column .foreground img {padding-top: 1rem; padding-bottom: 1rem;} } .research-infographics .left-column .basic-page p {font-size: 18px;} /*ACCORDION*/ .section-page-content.research-page { background-color: #F4ECE3; padding: 120px 0; } .section-page-content.research-page.research-report { background-color: #F4ECE3; padding: 120px 0 0; } .section-page-content.research-page.research-report.report-last { background-color: #F4ECE3; padding: 120px 0 120px; } .section-page-content.research-page .faq-accordion { margin-top: 0; padding: 0; background-color: #4F83B3; } .section-page-content.research-page .faq-accordion .acc-cont { padding: 0; } .section-page-content.research-page .faq-accordion .row.row-1 { margin: 0; padding: 90px 90px 0; } .section-page-content.research-page .faq-accordion .row.row-1 h4.headline { font-family: 'FoundersGroteskXCondensed', sans-serif; font-size: 35px; margin: 0 0 30px; text-transform: uppercase; color: #ffffff; letter-spacing: 1px; } .section-page-content.research-page .faq-accordion .row.row-2 { padding: 0 0 60px; margin: 0; } .section-page-content.research-page .faq-accordion .row.row-2 .faq-item { border: none; padding: 0; } .section-page-content.research-page .faq-accordion .row.row-2 .faq-item .divider { padding: 0 90px; } .section-page-content.research-page .faq-accordion .row.row-2 .faq-item hr { border: 1px solid #ffffff; margin: 0; width: 100%; } .section-page-content.research-page .faq-accordion .row.row-2 .faq-item .row.first-row .switch.switch-question { padding: 0 90px; } .section-page-content.research-page .faq-accordion .row.row-2 .faq-item .row.first-row .switch.switch-question h5 { transition: all .3s; -webkit-transition: all .3s; position: relative; color: #ffffff; font-size: 22px; margin: 20px 0; padding: 0 45px 0 0; } .section-page-content.research-page .faq-accordion .row.row-2 .faq-item .acc-togg:hover .switch.switch-question h5, .section-page-content.research-page .faq-accordion .row.row-2 .faq-item .acc-togg:active .switch.switch-question h5, .section-page-content.research-page .faq-accordion .row.row-2 .faq-item .acc-togg:focus .switch.switch-question h5 { color: #FAF6F1; } .section-page-content.research-page .faq-accordion .row.row-2 .faq-item .row.first-row .switch.switch-question h5::before { content: ""; background-image: url( '../img/svg-faq-caret.svg' ); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 10; top: 5px; right: 15px; height: 8px; width: 16px; } .section-page-content.research-page .faq-accordion .row.row-2 .faq-item .row.second-row .switch.switch-answer { padding: 0; } .section-page-content.research-page .faq-accordion .row.row-2 .faq-item .row.second-row .switch.switch-answer .wysiwyg.basic-page { background-color: white; padding: 30px 90px 75px; } .section-page-content.research-page .faq-accordion .row.row-2 .faq-item .row.second-row .switch.switch-answer .wysiwyg.basic-page iframe { margin-top: 20px; } .section-page-content.research-page .row.post-text .wysiwyg { padding-top: 90px; } /*DOWNLOADS*/ .section-reports { background-color: #8dc09f; padding: 105px 0 75px; } .section-reports .row.first-row .wysiwyg h1, .section-reports .row.first-row .wysiwyg h2 { font-size: 44px; margin-bottom: 45px; color: #ffffff; } .section-reports .row.first-row .wysiwyg h1 strong, .section-reports .row.first-row .wysiwyg h2 strong { color: #000000; } .section-reports .row.second-row .grid-item { margin-bottom: 30px; } .section-reports .row.second-row .grid-item .vert-align-parent { position: relative; transition: all .3s; -webkit-transition: all .3s; height: 150px; } .section-reports .row.second-row .grid-item .vert-align-parent .vert-align-child { background-color: #FAF6F1; padding: 30px; text-decoration: none; } .section-reports .row.second-row .grid-item .vert-align-parent .vert-align-child:hover { background-color: #FFCD00; } .section-reports .row.second-row .grid-item .vert-align-parent .vert-align-child h4 { transition: all .3s; -webkit-transition: all .3s; margin: 0; text-decoration: none; line-height: 1.5em; text-align: center; text-transform: uppercase; font-family: 'FoundersGroteskXCondensed'; font-size: 24px; } .section-reports .row.second-row .grid-item .download-item:hover .vert-align-parent, .section-reports .row.second-row .grid-item .download-item:active .vert-align-parent, .section-reports .row.second-row .grid-item .download-item:focus .vert-align-parent { -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .section-reports .row.second-row .grid-item .download-item:hover .vert-align-parent .vert-align-child h4, .section-reports .row.second-row .grid-item .download-item:active .vert-align-parent .vert-align-child h4, .section-reports .row.second-row .grid-item .download-item:focus .vert-align-parent .vert-align-child h4 { color: #000; } /* ----------- [-] RESPONSIVE ----------- */ /*EXTRA LARGE SCREEN*/ @media (min-width: 1661px) and (max-width: 1800px) { /*IDEAS HUB*/ .section-listing.blog-page.ideas-hub .row.ideas-filters .tag-filter ul.basic-x p a { font-size: 36px; line-height: 36px; } .section-ideas-bright-tomorrows .col-xl-8 { -ms-flex: 0 0 72%; flex: 0 0 72%; max-width: 72%; } } /*LARGE SCREEN*/ @media (min-width: 1441px) and (max-width: 1660px) { h1 { font-size: 56px; } h2 { font-size: 36px; } h3 { font-size: 28px; } h4 { font-size: 20px; } h5, h6 { font-size: 18px; } p { font-size: 16px; } /*HOME BANNER*/ .section-home-banner h1 { font-size: 50px; } /*CONTACT*/ .section-page-content.contact-page .col-xl-4 { flex: 0 0 50%; max-width: 50%;} /*NEWS*/ .section-listing.blog-page .row.first-row p { font-size: 46px; } .section-listing.blog-page.news-blog .news-card .news-card-container .news-card-image { height: 180px; } .section-listing.blog-page.news-blog .news-card .news-card-container .news-card-text-only { height: 430px; } /*ACTIONS*/ .section-supporters .right-column { padding-left: 75px; } .section-action2.section-action-content .left-column .row.middle-row .faq-accordion h4.headline { font-size: 26px; } .section-action2.section-action-content .left-column .row.middle-row .faq-accordion .faq-item h5.question { font-size: 18px; } .faq-item { padding: 20px 0 20px; } body.single-actions .faq-accordion h4.headline { font-size: 26px; } body.single-actions .faq-item h5.question { font-size: 18px; } /*ACTIONS (NEW)*/ .section-action-page-template.optimisely2 { background-position: 25% center; } .section-action-page-template.optimisely2 .container { padding: 0 60px; } /*IDEAS HUB*/ .section-page-banner.post-page.campaigns-hub.ideas-hub .right-column .vert-align-child { padding: 75px 90px 105px; } .section-listing.blog-page.ideas-hub .row.ideas-filters .col-lg-12.col-xl-10.mx-auto { width: 100%; max-width: 100%; flex: 0 0 100%; } .section-listing.blog-page.ideas-hub .row.ideas-filters .tag-filter ul.basic-x p, .section-listing.blog-page.ideas-hub .row.ideas-filters .tag-filter ul.basic-x p a { font-size: 42px; line-height: 42px; } .ideas-hub-card .hub-card-container.front-face .card-image { height: 180px; } .ideas-hub-card .hub-card-container .card-logos img { height: 25px; } .section-ideas-bright-tomorrows .col-xl-8 { -ms-flex: 0 0 88%; flex: 0 0 88%; max-width: 88%; } /*RESEARCH PAGE*/ .section-research-banner .row.second-row .right-column, .section-research-banner .row.third-row .vert-align-parent { height: 80vh; } .section-research-banner .row.third-row .vert-align-child { padding: 75px 60px 60px; } .section-research-intro { padding: 120px 0 75px; } .research-infographics .research-tile .right-column img { height: 210px; } .research-infographics .research-tile.tile-4 .right-column img { height: 270px; } .research-infographics .research-tile .left-column .vert-align-parent { height: 66.66667vh; } .research-infographics .research-tile .left-column .vert-align-child { padding: 75px 75px 60px; } .wysiwyg.basic-page h1, .wysiwyg.basic-page h2 { font-size: 35px; } .section-page-content.research-page .faq-accordion .row.row-1 { padding: 60px 60px 0; } .section-page-content.research-page .faq-accordion .row.row-2 { padding: 0 0 30px; margin: 0; } .section-page-content.research-page .faq-accordion .row.row-2 .faq-item .divider { padding: 0 60px; } .section-page-content.research-page .faq-accordion .row.row-2 .faq-item .row.first-row .switch.switch-question { padding: 0 60px; } .section-page-content.research-page .faq-accordion .row.row-2 .faq-item .row.second-row .switch.switch-answer .wysiwyg.basic-page { padding: 30px 60px; } .section-reports { padding: 90px 0 60px; } .section-reports .row.first-row .wysiwyg h1, .section-reports .row.first-row .wysiwyg h2 { margin-bottom: 30px; } } @media (min-width: 1200px) and (max-width: 1440px) { /*FONT*/ h1 { font-size: 48px; } h2 { font-size: 32px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5, h6 { font-size: 18px; } p { font-size: 16px; } /*LAYOUT*/ .container { padding: 0 90px; } .container.no-gutter { padding: 0; } /*NAVBAR*/ .section-navigation .navbar-nav a.nav-link { font-size: 16px; } /*FOOTER*/ .section-footer-signup .vert-align-child { padding: 60px 120px; } .section-footer-signup .left-column h2 { font-size: 50px; } /*HOME*/ .section-home-about .right-column .vert-align-parent { height: 66.66664vh; } .section-home-about .right-column .vert-align-child { padding: 120px 120px 150px; } .section-home-statistics .container { padding: 0 75px; } .section-home-statistics .card-content { padding: 30px; } .section-home-what { padding: 120px 0; } .section-home-what .container { padding: 0 90px; } .section-home-what .row.row-eq-height { margin: 0; } .section-home-what .left-column, .section-home-what .right-column { padding: 0; } .section-home-what .left-column .box-item.text-box { float: initial; padding: 0; } .section-home-what .left-column .box-item.text-box .box-content { position: static; padding: 0 90px 0 0; } body.home .section-home-ideas .idea-card:hover, body.home .section-home-ideas .idea-card:active, body.home .section-home-ideas .idea-card:focus, body.home .section-home-actions .idea-card:hover, body.home .section-home-actions .idea-card:active, body.home .section-home-actions .idea-card:focus { top: 45px } .section-home-banner h1 { font-size: 48px; margin-bottom: 15px; } /*BASIC*/ .section-page-content .faq-item h5.question { font-size: 22px; } /*LISTING STYLES*/ .section-listing.blog-page .idea-card .card-content h3 { margin-bottom: 20px; } /*BLOG POST*/ .section-page-banner.post-page .right-column { padding: 90px; } .section-related-content .box-item.text-box .box-content { padding: 60px; } /*CAMPAIGNS*/ .section-alternating-content .text-column { padding: 60px; min-height: 80vh; } .section-page-banner.post-page.campaigns-hub .left-column::after { left: 60px; height: 210px; width: 180px; } .section-ideas .left-column { padding: 60px; } .section-ideas .left-column h1, .section-ideas .left-column h2 { font-size: 56px; line-height: 1em; } /*CONTACT*/ .section-page-content.contact-page .col-xl-4 { flex: 0 0 50%; max-width: 50%;} .section-page-banner.basic-page.contact-page::before { bottom: -44px; height: 270px; width: 171px; } .section-page-banner.basic-page.contact-page::after { height: 210px; width: 135px; } /*NEWS*/ .section-action-content.condensed { padding: 60px 0 45px; } .section-listing.blog-page .row.first-row p { font-size: 40px; } .section-listing.blog-page.news-blog .news-card .news-card-container .news-card-image { height: 160px; } .section-listing.blog-page.news-blog .news-card .news-card-container .news-card-text-only { height: 410px; } /*EVENTS PAGE*/ body.page-template-page-events .section-listing.blog-page.news-blog .news-card .news-card-container h4, body.page-template-page-events .section-listing.blog-page.news-blog .news-card .news-card-container h5, body.page-template-page-events .section-listing.blog-page.news-blog .news-card .news-card-container h6 { font-size: 16px; } /*ACTIONS*/ .section-supporters .right-column { padding-left: 75px; } .section-action2.section-action-content .left-column .row.middle-row .faq-accordion h4.headline { font-size: 26px; } .section-action2.section-action-content .left-column .row.middle-row .faq-accordion .faq-item h5.question { font-size: 18px; } .faq-item { padding: 20px 0 20px; } body.single-actions .faq-accordion h4.headline { font-size: 26px; } body.single-actions .faq-item h5.question { font-size: 18px; } /*ACTIONS (NEW)*/ .section-action-page-template.optimisely2 { background-position: 25% center; } .section-action-page-template.optimisely2 .container { padding: 0 45px; } /*IDEAS HUB*/ .section-page-banner.post-page.campaigns-hub.ideas-hub .right-column .vert-align-child { padding: 75px 90px 105px; } .section-listing.blog-page.ideas-hub .row.ideas-filters .col-lg-12.col-xl-10.mx-auto { width: 100%; max-width: 100%; flex: 0 0 100%; } .section-listing.blog-page.ideas-hub .row.ideas-filters .tag-filter ul.basic-x p, .section-listing.blog-page.ideas-hub .row.ideas-filters .tag-filter ul.basic-x p a { font-size: 36px; line-height: 36px; } .ideas-hub-card .hub-card-container.front-face .card-image { height: 160px; } .section-ideas-bright-tomorrows h1, .section-ideas-bright-tomorrows h2 { font-size: 42px; } .ideas-hub-card .hub-card-container .card-logos img { height: 24px; } .section-listing.blog-page.ideas-hub .row.ideas-filters { margin-bottom: 45px; } .section-ideas-bright-tomorrows ul.basic-x li img { height: 75px!important; margin: 0; } .section-ideas-bright-tomorrows .col-xl-8 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } /*RESEARCH PAGE*/ .section-research-banner .row.second-row .right-column, .section-research-banner .row.third-row .vert-align-parent { height: 65vh; } .section-research-banner .row.third-row .vert-align-child { padding: 75px 60px 60px; } .research-infographics { padding: 90px 0 0; } .research-infographics .research-tile .right-column img { height: 180px; } .research-infographics .research-tile.tile-4 .right-column img { height: 210px; } .research-infographics .research-tile .left-column .vert-align-parent { height: 66.66667vh; } .research-infographics .research-tile .left-column .vert-align-child { padding: 60px 60px 45px; } .section-research-intro { padding: 105px 0 60px; } .section-page-content.research-page { padding: 90px 0; } .section-page-content.research-page.research-report { padding: 90px 0 0; } .section-page-content.research-page.research-report.report-last { padding: 90px 0 90px; } .section-page-content.research-page .faq-accordion .row.row-1 { padding: 30px 30px 0; } .section-page-content.research-page .faq-accordion .row.row-1 h4.headline { font-size: 30px; } .section-page-content.research-page .faq-accordion .row.row-2 { padding: 0 0 15px; margin: 0; } .section-page-content.research-page .faq-accordion .row.row-2 .faq-item .divider { padding: 0 30px; } .section-page-content.research-page .faq-accordion .row.row-2 .faq-item .row.first-row .switch.switch-question { padding: 0 30px; } .section-page-content.research-page .faq-accordion .row.row-2 .faq-item .row.first-row .switch.switch-question h5 { font-size: 20px; } .section-page-content.research-page .faq-accordion .row.row-2 .faq-item .row.second-row .switch.switch-answer .wysiwyg.basic-page { padding: 30px; } .section-reports { padding: 90px 0 60px; } .section-reports .row.first-row .wysiwyg h1, .section-reports .row.first-row .wysiwyg h2 { margin-bottom: 30px; } } /*SMALL SCREEN*/ @media (min-width: 992px) and (max-width: 1199px) { /*FONT*/ h1 { font-size: 42px; } h2 { font-size: 32px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5, h6 { font-size: 18px; } p { font-size: 16px; } /*LAYOUT*/ .container { padding: 0 60px; } .container.no-gutter { padding: 0; } /*NAVBAR*/ .section-navigation .navbar-nav a.nav-link { font-size: 15px; padding: 0 12px; } /*FOOTER*/ .section-footer-signup .vert-align-parent { height: 50vh; } .section-footer-signup .vert-align-child { padding: 60px; } .section-footer-signup .left-column h2 { font-size: 48px; } /*HOME BANNER*/ .section-home-banner .left-column .vert-align { padding: 0px 15px 0 45px; } .section-home-banner .left-column::after { right: 0; height: 152px; width: 190px; } .section-home-banner .right-column::after { height: 165px; width: 300px; } .section-home-banner .right-column img { height: calc(100vh - 275px); margin: 60px auto 120px; } .section-home-banner h1 { font-size: 36px; margin-bottom: 15px; } .section-home-banner p { margin-bottom: 20px; } .section-home-banner .left-column .form-panel { max-width: 100%; } /*HOME*/ .section-home-about .right-column .vert-align-parent { height: 50vh; } .section-home-about .right-column .vert-align-child { padding: 75px 75px 105px; } .section-home-statistics .container { padding: 0 60px; } .section-home-statistics .col-lg-4 { padding: 0 15px; } .section-home-statistics .card-content { padding: 30px; } .section-home-what { padding: 90px 0 75px; } .section-home-what .row.row-eq-height { margin: 0; } .section-home-what .left-column, .section-home-what .right-column { padding: 0; } .section-home-what .left-column .box-item.text-box { float: initial; padding: 0; } .section-home-what .left-column .box-item.text-box .box-content { position: static; padding: 0 45px 0 0; } .section-home-ideas, .section-home-actions { padding: 90px 0; } body.home .section-home-ideas .idea-card:hover, body.home .section-home-ideas .idea-card:active, body.home .section-home-ideas .idea-card:focus, body.home .section-home-actions .idea-card:hover, body.home .section-home-actions .idea-card:active, body.home .section-home-actions .idea-card:focus { top: 30px } /*BASIC*/ .section-page-banner #content { padding: 90px 15px; min-height: initial; } .section-page-banner #content.content-video {padding: 90px 15px; min-height: initial;} .section-page-content { padding: 105px 0; } .section-page-content .faq-item h5.question { font-size: 20px; } /*LISTING STYLES*/ .section-listing.blog-page .idea-card .card-content h3 { height: 80px; margin-bottom: 20px; } /*BLOG POST*/ .section-page-banner.post-page .right-column { padding: 60px 60px 90px; } .section-related-content .box-item.text-box .box-content { padding: 45px; } .section-related-content .box-item.text-box .box-content h3 { font-size: 24px; } /*CAMPAIGNS*/ .section-page-banner.post-page.campaigns-hub .right-column, .section-alternating-content .text-column { height: 80vh; padding: 45px; } .section-page-banner.post-page.campaigns-hub .left-column::after { left: 30px; height: 180px; width: 155px; } .section-ideas .left-column { padding: 150px 45px; min-height: initial; } .section-ideas .left-column::after { right: -210px; height: 165px; width: 281px; } .section-ideas .left-column h1, .section-ideas .left-column h2 { font-size: 56px; line-height: 1em; } .section-ideas .right-column::before { height: 120px; width: 120px; left: 210px; } /*CONTACT*/ .section-page-banner.basic-page.contact-page::before { bottom: -34px; height: 210px; width: 133px; } .section-page-banner.basic-page.contact-page::after { height: 160px; width: 103px; } /*ACTIONS*/ .section-page-banner.post-page.condensed .right-column { height: 40vh; padding: 60px 60px 90px; } .section-action-content.condensed { padding: 60px 0 45px; } .section-supporters { padding: 60px 0 90px; } .section-supporters h2 { margin-bottom: 45px; } .section-supporters .left-column p { font-size: 18px; } body.single-actions.faq-item h5.question { font-size: 20px; } /*ALTERNATE ACTION*/ .section-action2.section-action-content .right-column, .section-action2.section-action-content .left-column { padding: 45px; } .section-action2.section-action-content .left-column .row.middle-row .faq-accordion h4.headline { font-size: 26px; } .section-action2.section-action-content .left-column .row.middle-row .faq-accordion .faq-item h5.question { font-size: 18px; } .faq-item { padding: 20px 0 20px; } body.single-actions .faq-accordion h4.headline { font-size: 26px; } body.single-actions .faq-item h5.question { font-size: 18px; } /*ACTION NEW*/ .section-action-page-template { padding: 45px 0px; } .section-action-page-template.optimisely3 .left-column, .section-action-page-template.optimisely3 .right-column { padding: 0 15px; } .section-action-page-template.optimisely2 .col-lg-4 { display: none; } .section-action-page-template.optimisely2 .col-lg-5 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .section-action-page-template.optimisely2 .col-lg-3 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } /*NEWS*/ .section-listing.blog-page .row.first-row p { font-size: 36px; } /*EVENTS PAGE*/ body.page-template-page-events .section-listing.blog-page.news-blog .news-card .news-card-container h4, body.page-template-page-events .section-listing.blog-page.news-blog .news-card .news-card-container h5, body.page-template-page-events .section-listing.blog-page.news-blog .news-card .news-card-container h6 { font-size: 16px; } /*IDEAS*/ .section-page-banner.post-page.campaigns-hub.ideas-hub .right-column .vert-align-parent { display: block; height: initial; } .section-page-banner.post-page.campaigns-hub.ideas-hub .right-column .vert-align-child { padding: 75px 60px 105px; } .section-listing.blog-page.ideas-hub .row.ideas-filters .tag-filter ul.basic-x p, .section-listing.blog-page.ideas-hub .row.ideas-filters .tag-filter ul.basic-x p a { font-size: 28px; line-height: 28px; } .section-listing.blog-page.ideas-hub .row.ideas-filters { margin-bottom: 45px; } .section-page-banner.post-page.campaigns-hub.ideas-hub ul.basic-x li img { height: 60px; } .section-ideas-bright-tomorrows ul.basic-x li img { height: 75px!important; margin: 0; } /*RESEARCH PAGE*/ .section-research-banner .row.second-row .right-column, .section-research-banner .row.third-row .vert-align-parent { height: 50vh; } .section-research-banner .row.third-row .vert-align-child { padding: 75px 60px 60px; } .section-research-intro { padding: 75px 0 45px; } .research-infographics { padding: 0 0 45px; } .research-infographics .research-tile .right-column img { height: 180px; } .research-infographics .research-tile.tile-4 .right-column img { height: 210px; } .research-infographics .research-tile .left-column .vert-align-parent { height: 66.66667vh; } .research-infographics .research-tile .left-column .vert-align-child { padding: 45px 45px 30px; } .section-page-content.research-page { padding: 60px 0; } .section-page-content.research-page.research-report { padding: 60px 0 0; } .section-page-content.research-page.research-report.report-last { padding: 60px 0 60px; } .section-page-content.research-page .faq-accordion .row.row-1 { padding: 45px 45px 0; } .section-page-content.research-page .faq-accordion .row.row-1 h4.headline { font-size: 30px; } .section-page-content.research-page .faq-accordion .row.row-2 { padding: 0 0 15px; margin: 0; } .section-page-content.research-page .faq-accordion .row.row-2 .faq-item .divider { padding: 0 45px; } .section-page-content.research-page .faq-accordion .row.row-2 .faq-item .row.first-row .switch.switch-question { padding: 0 45px; } .section-page-content.research-page .faq-accordion .row.row-2 .faq-item .row.first-row .switch.switch-question h5 { font-size: 20px; } .section-page-content.research-page .faq-accordion .row.row-2 .faq-item .row.second-row .switch.switch-answer .wysiwyg.basic-page { padding: 30px 45px; } .section-reports { padding: 60px 0 30px; } .section-reports .row.first-row .wysiwyg h1, .section-reports .row.first-row .wysiwyg h2 { margin-bottom: 15px; } } @media (min-width: 992px) { /*LAYOUT*/ .hidden-xs { display: block; } .visible-xs { display: none; } } /*MOBILE*/ @media (max-width: 991px) { /*FONT*/ h1 { font-size: 32px; } h2 { font-size: 32px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5, h6 { font-size: 18px; } p { font-size: 16px; } /*LINKS*/ .share-this.basic-page, .share-this.blog-post { position: static; display: block; } .share-this.basic-page p, .share-this.blog-post p { display: block; text-align: center!important; } /*LAYOUT*/ .container { padding: 0 30px; } .row-eq-height { display: block; } .hidden-xs { display: none; } .visible-xs { display: block; } .vert-align { position: static; top: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .box-item { float: initial; position: static; width: 100%; padding-bottom : 0; } .box-item .box-content { position: static; } /*NAVBAR*/ .section-navigation { position: relative; z-index: 999; height: initial; min-height: 70px; padding: 20px 30px; } .section-navigation img { height: 32px; margin: 0; } .navbar-toggler { -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; border: none; padding: 0; font-size: 24px; line-height: 32px; color: #000000;; position: absolute; top: 0; right: 0; margin: 0; height: 32px; } .section-navigation #menu-primary-menu { justify-content: flex-start; text-align: left; } .section-navigation .navbar-nav a.nav-link { padding: 10px 15px; } .section-navigation .dropdown-menu .dropdown-item { padding: 15px 30px; text-transform: normal; } .section-navigation ul#menu-primary-menu { background-color: #FAF6F1; padding: 60px 0; } .section-navigation .navbar-nav a.nav-link { padding: 0 30px; color: #000000; font-size: 32px; letter-spacing: 0; line-height: 1.5em; } .section-navigation .navbar-nav a.nav-link:hover, .section-navigation .navbar-nav a.nav-link:active, .section-navigation .navbar-nav a.nav-link:focus { color: #000000; } .section-navigation .dropdown-menu { margin: 20px 30px 30px; min-width: initial; width: initial; } /*body.single-actions .section-navigation #menu-primary-menu { display: block; }*/ /*FOOTER*/ .section-footer-signup .form-panel { padding: 90px 30px 75px; } .section-footer-signup .form-panel h2 { line-height: 0.9em; font-size: 40px; } .section-footer-signup .vert-align-parent { height: initial; } .section-footer-signup .vert-align-child { padding: 90px 30px; } .section-footer-signup .left-column h2 { font-size: 40px; } .section-footer { padding: 75px 0; } .section-footer ul.basic-x.logos { text-align: center; margin-bottom: 45px; } .section-footer ul.basic-x.logos li { padding: 0 15px; } .section-footer p { text-align: center; margin: 0; } .section-footer .center-column { margin-bottom: 45px; padding: 0;} .section-footer ul.basic-x.social-links { margin-top: 30px; text-align: center; } /*HOME BANNER*/ .section-home-banner .container { padding: 0; } .section-home-banner .left-column, .section-home-banner .right-column { height: initial; padding: 0; } .section-home-banner .left-column .vert-align { padding: 75px 30px; } .section-home-banner .left-column::before, .section-home-banner .left-column::after { background-image: none; position: static; height: 0; width: 0; } .section-home-banner .right-column img.hidden-xs { display: none; } .section-home-banner .right-column img.visible-xs { display: block; height: auto; width: 100%; margin: 0; } .section-home-banner h1 { font-size: 40px; } .section-home-banner .left-column .form-panel { max-width: 100%; } /*HOME*/ .section-home-about { padding: 45px 30px 0; } .section-home-about .container { padding: 0; } .section-home-about .left-column { position: relative; } .section-home-about .left-column::after { content: ""; background-image: url('../img/svg-green-triangle.svg'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 10; bottom: -50px; left: 0px; height: 100px; width: 90px; } .section-home-about .left-column { display: none; } .section-home-about .right-column .vert-align-parent { height: initial; } .section-home-about .right-column .vert-align-child { padding: 0; } .section-home-statistics { position: relative; } .section-home-statistics .container { position: relative; z-index: 20; top: 0; margin-bottom: 0; padding: 0 30px; } .section-home-statistics .row.row-eq-height { margin: 0; } .section-home-statistics .col-lg-4 { padding: 0; } .section-home-statistics::before { content: ""; background-color: #ffffff; position: absolute; z-index: 10; top: 0px; left: 0px; height: 150px; width: 100%; } .section-home-statistics .card-content { margin: 30px 0 0; padding: 30px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .section-home-statistics .card-content:hover, .section-home-statistics .card-content:active, .section-home-statistics .card-content:focus { -moz-transform: none; -webkit-transform: none; -o-transform: none; -ms-transform: none; transform: none; } .section-home-what { position: relative; padding: 0; } .section-home-what .container { padding: 0; } .section-home-what .row.row-eq-height, .section-home-what .row.row-eq-height .right-column { padding: 0; margin: 0; } .section-home-what .box-item { padding-bottom: 0; } .section-home-what .box-item.text-box .box-content { padding: 0; } .section-home-what .wysiwyg h1, .section-home-what .wysiwyg h2 { font-size: 39px; margin-bottom: 20px; color: #ffffff; } .section-home-what .wysiwyg h3, .section-home-what .wysiwyg h4, .section-home-what .wysiwyg h5, .section-home-what .wysiwyg h6 { color: #ffffff;} .section-home-what .left-column { padding: 75px 30px 60px; } .section-home-what .left-column::after { content: ""; background-image: url('../img/svg-shape-stack-2.svg'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 10; bottom: -45px; right: 0px; height: 118px; width: 112px; } .section-home-what .right-column { display: none; } .section-home-ideas .row.mobile-button, .section-home-actions .row.mobile-button { display: block; } .section-home-ideas .row.mobile-button p, .section-home-actions .row.mobile-button p { position: relative; z-index: 10; } .section-home-ideas .row.mobile-button a.button-basic, .section-home-actions .row.mobile-button a.button-basic { display: block; width: 100%; text-align: center; } .section-home-ideas, .section-home-actions { padding: 60px 0; } .section-home-ideas h2, .section-home-actions h2 { font-size: 52px; line-height: 0.9em; } .section-home-ideas .row.first-row, .section-home-actions .row.first-row { margin-bottom: 45px; } .section-home-ideas .row.first-row, .section-home-actions .row.first-row { position: relative; } .section-home-ideas .row.first-row::after, .section-home-actions .row.first-row::after { content: ""; background-image: url('../img/svg-arrow-red.svg'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 10; bottom: 15px; right: 15px; height: 75px; width: 38px; } .section-home-actions .row.first-row::after { background-image: url('../img/svg-arrow-white.svg'); } body.home .section-home-ideas .idea-card:hover, body.home .section-home-ideas .idea-card:active, body.home .section-home-ideas .idea-card:focus, body.home .section-home-actions .idea-card:hover, body.home .section-home-actions .idea-card:active, body.home .section-home-actions .idea-card:focus { top: 0px; } .section-home-actions .idea-card .card-content h3 { min-height: initial; } /*BASIC*/ .section-page-banner.basic-page #content { padding: 45px 0 60px; height: initial; } .section-page-banner.basic-page h1 { font-size: 48px; } .section-page-banner.basic-page h1, .section-page-banner.basic-page p { text-align: left; } .section-page-content { padding: 60px 0 30px; } .wysiwyg img { width: 100%; max-width: 100%; margin: 30px 0; } .section-page-content .faq-accordion { margin-top: 30px; } .section-page-content .faq-item h5.question { font-size: 18px; } /*LISTING STYLES*/ .idea-card { margin-bottom: 30px; } .section-listing.blog-page { padding: 60px 0 15px; } .section-listing.blog-page .idea-card .card-content h3 { height: initial; overflow: initial; } /*BLOG POST*/ .section-page-banner.post-page .container { padding: 0; } .section-page-banner.post-page .left-column { background-image: none!important; } .section-page-banner.post-page .left-column::after { background-image: none; bottom: 0; right: 0; height: 0; width: 0; } .section-page-banner.post-page .left-column img { display: block; width: 100%; height: auto; padding-top: 0; } .section-page-banner.post-page .right-column { height: initial; padding: 60px 30px; } .section-page-banner.post-page .right-column h1 { font-size: 48px; } .section-page-banner.post-page .right-column p { font-size: 16px; margin: 0 0 15px; } .section-related-content img { display: block; width: 100%; max-width: 100%; height: auto; } .section-related-content .box-item { position: relative; z-index: 10; padding-bottom: 0; margin-bottom: 30px; } .section-related-content .box-item.text-box .box-content { padding: 30px; } .section-related-content .box-item.image-box { display: none; } .section-next-post .container, .section-next-post .row, .section-next-post .col-12 { padding: 0; margin: 0; } .section-next-post a.next-post { padding: 90px 30px; } .section-next-post a.next-post::after { background-image: none!important; position: static; top: 0; right: 0; height: 0; width: 0; } /*CAMPAIGNS*/ .section-page-banner.post-page.campaigns-hub .left-column::after { background-image: none; bottom: 0; left: 0; height: 0; width: 0; } .section-alternating-content .container { padding: 0; } .section-alternating-content .text-column { position: relative; height: initial; padding: 0; } .section-alternating-content .text-column .vert-align { position: relative; padding: 60px 30px; } .section-alternating-content.odd-panel .text-column .vert-align::after, .section-alternating-content.even-panel .text-column::after { content: ""; background-image: url('../img/svg-semicircle-red.svg'); background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 20; top: -45px; right: 0px; height: 90px; width: 45px; } .section-alternating-content img.visible-xs { display: block; height: auto; width: 100%; max-width: 100%; } .section-alternating-content.odd-panel .image-column { display: none; } .section-alternating-content.even-panel .image-column { background-image: none!important; } .section-ideas .left-column { padding: 45px 0 90px; height: initial; } .section-ideas .left-column h1, .section-ideas .left-column h2 { font-size: 48px; line-height: 1em; } .section-ideas .left-column::after { right: -30px; height: 123px; width: 210px; } .section-ideas .right-column::before, .section-ideas .right-column::after { background-image: none; top: 0; left: 0; height: 0; width: 0; } /*ACTION PAGE*/ .section-page-banner.post-page.condensed .right-column { height: initial; padding: 60px 30px; } /*.section-action-content.condensed { padding: 60px 0px; }*/ .section-action-content { padding: 60px 0px; background-color: #8DC09F; } .section-action-content .right-column { margin-top: 45px; } .section-next-post.action-page::before { background-color: transparent; height: 0; width: 0; } .section-action-content .left-column { padding-right: 15px; } .section-supporters { padding: 60px 0 45px; } .section-supporters h2 { text-align: center; margin-bottom: 30px; } .section-supporters .left-column p { font-size: 24px; text-align: center; } .section-supporters .right-column { margin-top: 45px; } .section-supporters .right-column ul.basic-x { text-align: center; } .section-supporters .right-column ul.basic-x li img { width: 120px; } /*ALTERNATE ACTION*/ .section-action2.section-action-content .right-column { padding: 30px; } .section-action2-banner .box-item { padding-bottom: 0; background: none!important; } .section-action2-banner .box-item .box-content img { display: block; } .section-action2.section-action-content { position: static; margin-bottom: 0; } .section-action2.section-action-content .left-column { padding: 45px 0 30px; } .section-action2.section-action-content .left-column .row.middle-row .faq-accordion h4.headline { font-size: 26px; } .section-action2.section-action-content .left-column .row.middle-row .faq-accordion .faq-item h5.question { font-size: 18px; } .faq-item { padding: 20px 0 20px; } body.single-actions .faq-accordion h4.headline { font-size: 26px; } body.single-actions .faq-item h5.question { font-size: 18px; } /*ACTION NEW*/ .section-action-page-template { padding: 45px 0px; } .section-action-page-template.optimisely3 .left-column, .section-action-page-template.optimisely3 .right-column { padding: 0 15px; } .section-action-page-template.optimisely3 .right-column #form-panel { margin-top: 30px; } .section-action-page-template.optimisely2 #form-panel { margin-top: 30px; } /*CONTACT*/ .section-page-banner.basic-page.contact-page::before, .section-page-banner.basic-page.contact-page::after { background-image: none; height: 0; width: 0; } /*NEWS PAGE*/ .section-listing.blog-page.news-blog .news-card .news-card-container .news-card-text, .section-listing.blog-page.news-blog .news-card .news-card-container .news-card-text-only { height: initial; } /*EVENTS PAGE*/ body.page-template-page-events .section-listing.blog-page.news-blog .news-card .news-card-container h4, body.page-template-page-events .section-listing.blog-page.news-blog .news-card .news-card-container h5, body.page-template-page-events .section-listing.blog-page.news-blog .news-card .news-card-container h6 { font-size: 16px; } /*IDEAS HUB*/ .section-page-banner.post-page.campaigns-hub.ideas-hub .right-column .vert-align-parent { display: block; height: initial; } .section-page-banner.post-page.campaigns-hub.ideas-hub .right-column .vert-align-child { padding: 45px 30px 25px; } .ideas-hub-card .hub-card-container .card-logos img { height: 24px; } .section-page-banner.ideas-hub .left-column img { padding-top: 0!important; } .section-listing.blog-page.ideas-hub { padding: 45px 0 0; } .section-listing.blog-page.ideas-hub .row.first-row { margin-bottom: 0; } .section-listing.blog-page.ideas-hub .row.ideas-filters { margin-bottom: 0px; } .section-listing.blog-page.ideas-hub .row.ideas-filters .filter-panel { padding: 30px; margin-bottom: 30px; } .section-listing.blog-page.ideas-hub .row.ideas-filters .category-filter .filter-panel { padding: 30px 30px 20px; } .section-listing.blog-page.ideas-hub .row.ideas-filters .filter-panel h4 { margin: 0 0 20px; } .section-listing.blog-page.ideas-hub .row.ideas-filters .category-filter .category-item { width: 100%; padding: 0; } .section-listing.blog-page.ideas-hub .row.ideas-filters .category-filter .category-item img { display: none!important; } .section-listing.blog-page.ideas-hub .row.ideas-filters .category-filter p, .section-listing.blog-page.ideas-hub .row.ideas-filters .category-filter p a { margin: 0 0 10px!important; font-size: 18px; font-weight: 400!important; } .section-listing.blog-page.ideas-hub .row.ideas-filters .tag-filter ul.basic-x p, .section-listing.blog-page.ideas-hub .row.ideas-filters .tag-filter ul.basic-x p a { font-size: 30px; line-height: 30px; } .section-listing.blog-page .row.first-row p { font-size: 32px; margin: 0 0 20px; } .section-listing.blog-page .row.first-row ul.basic-x li { display: block; } .section-listing.blog-page .row.first-row ul.basic-x select { width: 100%; margin-bottom: 10px; } .section-ideas-bright-tomorrows { padding: 60px 0 45px; } .section-ideas-bright-tomorrows h1, .section-ideas-bright-tomorrows h2 { font-size: 28px; } .section-ideas-bright-tomorrows h4, .section-ideas-bright-tomorrows h5, .section-ideas-bright-tomorrows h6, .section-ideas-bright-tomorrows p { padding: 0; margin: 0 0 30px; } .section-ideas-bright-tomorrows ul.basic-x li img { height: 60px; } .section-ideas-bright-tomorrows .left-column img { display: none; } .section-ideas-bright-tomorrows ul.basic-x li img { height: 60px!important; margin: 0; } .section-page-banner.post-page.campaigns-hub.ideas-hub ul.basic-x li { display: block; padding: 0; } /*RESEARCH PAGE*/ .section-research-banner .row.first-row { display: block; } .section-research-banner .row.first-row .col-12 { padding: 0; } .section-research-banner .row.second-row { position: static; } .section-research-banner .row.second-row { display: none; } .section-research-banner .row.third-row .vert-align-parent { display: block; height: initial; } .section-research-banner .row.third-row .vert-align-child { padding: 45px 30px 20px; } .section-research-banner .row.third-row .vert-align-child h1 { font-size: 48px; } .section-research-intro { padding: 45px 0 15px; } .research-infographics { padding: 0; } .research-infographics .research-tile .col-lg-5, .research-infographics .research-tile .col-lg-7 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .research-infographics .research-tile.even-tile { border-top: 30px solid white; border-bottom: 30px solid white; } .research-infographics .research-tile .left-column .vert-align-parent { height: initial; } .research-infographics .research-tile .left-column .vert-align-child { padding: 45px 30px 15px; } .research-infographics .research-tile .left-column .wysiwyg.basic-page h1, .research-infographics .research-tile .left-column .wysiwyg.basic-page h2 { font-size: 32px; } .research-infographics .research-tile .right-column img { position: static; height: 150px; transform: none; } .research-infographics .research-tile.tile-4 .right-column img { height: 210px; } .section-page-content.research-page { padding: 45px 0 30px; } .section-page-content.research-page.research-report { padding: 45px 0 0; } .section-page-content.research-page.research-report.report-last { padding: 45px 0 45px; } .section-page-content.research-page .faq-accordion .row.row-1 { padding: 30px 30px 0; } .section-page-content.research-page .faq-accordion .row.row-1 h4.headline { font-size: 30px; } .section-page-content.research-page .faq-accordion .row.row-2 { padding: 0; margin: 0; } .section-page-content.research-page .faq-accordion .row.row-2 .faq-item .divider { padding: 0 30px; } .section-page-content.research-page .faq-accordion .row.row-2 .faq-item .row.first-row .switch.switch-question { padding: 0 30px; } .section-page-content.research-page .faq-accordion .row.row-2 .faq-item .row.first-row .switch.switch-question h5 { font-size: 18px; } .section-page-content.research-page .faq-accordion .row.row-2 .faq-item .row.second-row .switch.switch-answer .wysiwyg.basic-page { padding: 30px 30px 15px; } .section-page-content.research-page .row.post-text .wysiwyg { padding-top: 45px; } .section-reports { padding: 45px 0 15px; } .section-reports .row.first-row .wysiwyg h1, .section-reports .row.first-row .wysiwyg h2 { margin-bottom: 15px; } .section-reports .row.second-row .grid-item .vert-align-parent { display: block; height: initial; } .section-reports .row.second-row .grid-item .vert-align-parent .vert-align-child { display: block; width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { /*LAYOUT*/ .container { padding: 0 60px; } /*HOME BANNER*/ .section-home-banner h1 { font-size: 40px; } .section-home-banner p { font-size: 22px; } .section-home-banner .left-column .vert-align { padding: 75px 60px; } /*HOME*/ .section-home-statistics .container { padding: 0 60px; } .section-home-what .left-column { padding: 75px 60px 60px; } /*BASIC*/ .section-page-content .faq-accordion { padding: 60px; } /*BLOG POST*/ .section-page-banner.post-page .right-column { padding: 60px 90px; } /*CAMPAIGNS*/ .section-ideas .left-column::after { right: -60px; height: 165px; width: 281px; } } @media (max-width: 767px) { /*BASIC*/ .section-page-content .faq-accordion { padding: 30px; } /*IDEAS*/ .section-listing.blog-page.ideas-hub .row.first-row .col-md-5 p { text-align: left; } } /* Research Reports page */ .wysiwyg .btn.btn-report {background: #FFCD00; color: #000; text-decoration: none; border-radius: 0; padding: .75rem;} .wysiwyg .btn.btn-report:hover {background: #FF4F00; color: #fff;} .wysiwyg .btn.btn-report:active {background: #4F83B3; color: #fff;} /* --------------- [18] video (Youtube responsive) responsive --------------- */ .video-wrapper { position: relative; padding-bottom: 64.25%; margin-top: 1rem; margin-bottom: 1rem; padding-top: 30px; height: 0; overflow: hidden; } .video-wrapper iframe, .video-wrapper object, .video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* See more at: http://avexdesigns.com/responsive-youtube-embed/#sthash.En2wgxy3.dpuf */ /* --------------- [19] REPORTS PAGE --------------- */ .reports-feature .ideas-hub-card .hub-card-container .card-logos .right-column p {position: absolute; right: 15px; bottom: 0;} @media (min-width: 992px) { .reports-list .second-row {padding-left: 3rem;} .reports-list h2 {padding-left: 3rem;} .post-type-archive-reports .section-page-banner.post-page.campaigns-hub.ideas-hub .right-column .vert-align-parent {height: calc(70vh - 150px);} .post-type-archive-reports .ideas-hub-card .hub-card-container.front-face .card-text {padding: 30px;} }