@charset "UTF-8";
/* ==========================================================================
Bourbon
========================================================================== */
/* ==========================================================================
#Grid Settings
========================================================================== */
/* Grid variables
========================================================================== */
/* Media Queries
========================================================================== */
@import url("https://fonts.googleapis.com/css?family=Oswald:300,400,600");
@import url(../../bower_components/parsleyjs/src/parsley.css);
@import url(../../bower_components/magnific-popup/dist/magnific-popup.css);
/* line 4, node_modules/bourbon-neat/app/assets/stylesheets/grid/_box-sizing.scss */
html {
box-sizing: border-box;
}
/* line 9, node_modules/bourbon-neat/app/assets/stylesheets/grid/_box-sizing.scss */
*, *::after, *::before {
box-sizing: inherit;
}
/* ==========================================================================
#Global variables
========================================================================== */
/* ==========================================================================
Fonts
========================================================================== */
/* New transitional fonts */
@font-face {
font-family: "Grad";
src: url("/themes/bricklett/fonts/Grad/font.woff2") format("woff2"), url("/themes/bricklett/fonts/Grad/font.woff") format("woff");
}
@font-face {
font-family: "GradBold";
src: url("/themes/bricklett/fonts/GradBold/font.woff2") format("woff2"), url("/themes/bricklett/fonts/GradBold/font.woff") format("woff");
}
@font-face {
font-family: "GradItalic";
src: url("/themes/bricklett/fonts/GradItalic/font.woff2") format("woff2"), url("/themes/bricklett/fonts/GradItalic/font.woff") format("woff");
}
@font-face {
font-family: "UrbaneDemiBold";
src: url("/themes/bricklett/fonts/UrbaneDemiBold/font.woff2") format("woff2"), url("/themes/bricklett/fonts/UrbaneDemiBold/font.woff") format("woff");
}
@font-face {
font-family: "UrbaneLight";
src: url("/themes/bricklett/fonts/UrbaneLight/font.woff2") format("woff2"), url("/themes/bricklett/fonts/UrbaneLight/font.woff") format("woff");
}
@font-face {
font-family: "UrbaneLightItalic";
src: url("/themes/bricklett/fonts/UrbaneLightItalic/font.woff2") format("woff2"), url("/themes/bricklett/fonts/UrbaneLightItalic/font.woff") format("woff");
}
@font-face {
font-family: "UrbaneMedium";
src: url("/themes/bricklett/fonts/UrbaneMedium/font.woff2") format("woff2"), url("/themes/bricklett/fonts/UrbaneMedium/font.woff") format("woff");
}
/* New transitional fonts */
/* ==========================================================================
Misc
========================================================================== */
/* ==========================================================================
Spacing
========================================================================== */
/* ==========================================================================
Colors
========================================================================== */
/*doc
---
title: Colors
name: colors
category: Base - Colors
---
t-bg-black
t-bg-white
t-bg-primary
t-bg-secondary
t-bg-dusty-gray
t-bg-light-gray
t-bg-accent-green
t-bg-accent-yellow
t-bg-accent-blue
*/
/* line 103, scss/settings/_colors.scss */
.c-color-swatch {
border: 1px solid #ccc;
display: inline-block;
width: 300px;
height: 200px;
margin: 1.5rem;
padding: 1.5rem;
}
/* ==========================================================================
#Mixins
========================================================================== */
/* Grid class generator
========================================================================== */
@media screen and (min-width: 0) {
/* line 13, scss/tools/_mixins.scss */
.sm-1 {
float: left;
display: block;
margin-right: 3.74426%;
width: 4.90109%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-1:last-child {
margin-right: 0;
}
/* line 13, scss/tools/_mixins.scss */
.sm-2 {
float: left;
display: block;
margin-right: 3.74426%;
width: 13.54645%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-2:last-child {
margin-right: 0;
}
/* line 13, scss/tools/_mixins.scss */
.sm-3 {
float: left;
display: block;
margin-right: 3.74426%;
width: 22.1918%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-3:last-child {
margin-right: 0;
}
/* line 13, scss/tools/_mixins.scss */
.sm-4 {
float: left;
display: block;
margin-right: 3.74426%;
width: 30.83716%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-4:last-child {
margin-right: 0;
}
/* line 13, scss/tools/_mixins.scss */
.sm-5 {
float: left;
display: block;
margin-right: 3.74426%;
width: 39.48251%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-5:last-child {
margin-right: 0;
}
/* line 13, scss/tools/_mixins.scss */
.sm-6 {
float: left;
display: block;
margin-right: 3.74426%;
width: 48.12787%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-6:last-child {
margin-right: 0;
}
/* line 13, scss/tools/_mixins.scss */
.sm-7 {
float: left;
display: block;
margin-right: 3.74426%;
width: 56.77322%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-7:last-child {
margin-right: 0;
}
/* line 13, scss/tools/_mixins.scss */
.sm-8 {
float: left;
display: block;
margin-right: 3.74426%;
width: 65.41858%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-8:last-child {
margin-right: 0;
}
/* line 13, scss/tools/_mixins.scss */
.sm-9 {
float: left;
display: block;
margin-right: 3.74426%;
width: 74.06393%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-9:last-child {
margin-right: 0;
}
/* line 13, scss/tools/_mixins.scss */
.sm-10 {
float: left;
display: block;
margin-right: 3.74426%;
width: 82.70929%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-10:last-child {
margin-right: 0;
}
/* line 13, scss/tools/_mixins.scss */
.sm-11 {
float: left;
display: block;
margin-right: 3.74426%;
width: 91.35464%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-11:last-child {
margin-right: 0;
}
/* line 13, scss/tools/_mixins.scss */
.sm-12 {
float: left;
display: block;
margin-right: 3.74426%;
width: 100%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-12:last-child {
margin-right: 0;
}
}
@media screen and (min-width: 640px) {
/* line 21, scss/tools/_mixins.scss */
.md-1 {
float: left;
display: block;
margin-right: 3.74426%;
width: 4.90109%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-1:last-child {
margin-right: 0;
}
/* line 21, scss/tools/_mixins.scss */
.md-2 {
float: left;
display: block;
margin-right: 3.74426%;
width: 13.54645%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-2:last-child {
margin-right: 0;
}
/* line 21, scss/tools/_mixins.scss */
.md-3 {
float: left;
display: block;
margin-right: 3.74426%;
width: 22.1918%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-3:last-child {
margin-right: 0;
}
/* line 21, scss/tools/_mixins.scss */
.md-4 {
float: left;
display: block;
margin-right: 3.74426%;
width: 30.83716%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-4:last-child {
margin-right: 0;
}
/* line 21, scss/tools/_mixins.scss */
.md-5 {
float: left;
display: block;
margin-right: 3.74426%;
width: 39.48251%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-5:last-child {
margin-right: 0;
}
/* line 21, scss/tools/_mixins.scss */
.md-6 {
float: left;
display: block;
margin-right: 3.74426%;
width: 48.12787%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-6:last-child {
margin-right: 0;
}
/* line 21, scss/tools/_mixins.scss */
.md-7 {
float: left;
display: block;
margin-right: 3.74426%;
width: 56.77322%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-7:last-child {
margin-right: 0;
}
/* line 21, scss/tools/_mixins.scss */
.md-8 {
float: left;
display: block;
margin-right: 3.74426%;
width: 65.41858%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-8:last-child {
margin-right: 0;
}
/* line 21, scss/tools/_mixins.scss */
.md-9 {
float: left;
display: block;
margin-right: 3.74426%;
width: 74.06393%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-9:last-child {
margin-right: 0;
}
/* line 21, scss/tools/_mixins.scss */
.md-10 {
float: left;
display: block;
margin-right: 3.74426%;
width: 82.70929%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-10:last-child {
margin-right: 0;
}
/* line 21, scss/tools/_mixins.scss */
.md-11 {
float: left;
display: block;
margin-right: 3.74426%;
width: 91.35464%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-11:last-child {
margin-right: 0;
}
/* line 21, scss/tools/_mixins.scss */
.md-12 {
float: left;
display: block;
margin-right: 3.74426%;
width: 100%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-12:last-child {
margin-right: 0;
}
}
@media screen and (min-width: 1024px) {
/* line 29, scss/tools/_mixins.scss */
.lg-1 {
float: left;
display: block;
margin-right: 3.74426%;
width: 4.90109%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-1:last-child {
margin-right: 0;
}
/* line 29, scss/tools/_mixins.scss */
.lg-2 {
float: left;
display: block;
margin-right: 3.74426%;
width: 13.54645%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-2:last-child {
margin-right: 0;
}
/* line 29, scss/tools/_mixins.scss */
.lg-3 {
float: left;
display: block;
margin-right: 3.74426%;
width: 22.1918%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-3:last-child {
margin-right: 0;
}
/* line 29, scss/tools/_mixins.scss */
.lg-4 {
float: left;
display: block;
margin-right: 3.74426%;
width: 30.83716%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-4:last-child {
margin-right: 0;
}
/* line 29, scss/tools/_mixins.scss */
.lg-5 {
float: left;
display: block;
margin-right: 3.74426%;
width: 39.48251%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-5:last-child {
margin-right: 0;
}
/* line 29, scss/tools/_mixins.scss */
.lg-6 {
float: left;
display: block;
margin-right: 3.74426%;
width: 48.12787%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-6:last-child {
margin-right: 0;
}
/* line 29, scss/tools/_mixins.scss */
.lg-7 {
float: left;
display: block;
margin-right: 3.74426%;
width: 56.77322%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-7:last-child {
margin-right: 0;
}
/* line 29, scss/tools/_mixins.scss */
.lg-8 {
float: left;
display: block;
margin-right: 3.74426%;
width: 65.41858%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-8:last-child {
margin-right: 0;
}
/* line 29, scss/tools/_mixins.scss */
.lg-9 {
float: left;
display: block;
margin-right: 3.74426%;
width: 74.06393%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-9:last-child {
margin-right: 0;
}
/* line 29, scss/tools/_mixins.scss */
.lg-10 {
float: left;
display: block;
margin-right: 3.74426%;
width: 82.70929%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-10:last-child {
margin-right: 0;
}
/* line 29, scss/tools/_mixins.scss */
.lg-11 {
float: left;
display: block;
margin-right: 3.74426%;
width: 91.35464%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-11:last-child {
margin-right: 0;
}
/* line 29, scss/tools/_mixins.scss */
.lg-12 {
float: left;
display: block;
margin-right: 3.74426%;
width: 100%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-12:last-child {
margin-right: 0;
}
}
@media screen and (min-width: 0) {
/* line 44, scss/tools/_mixins.scss */
.sm-shift-1 {
margin-left: 8.64536%;
}
/* line 44, scss/tools/_mixins.scss */
.sm-shift-2 {
margin-left: 17.29071%;
}
/* line 44, scss/tools/_mixins.scss */
.sm-shift-3 {
margin-left: 25.93607%;
}
/* line 44, scss/tools/_mixins.scss */
.sm-shift-4 {
margin-left: 34.58142%;
}
/* line 44, scss/tools/_mixins.scss */
.sm-shift-5 {
margin-left: 43.22678%;
}
/* line 44, scss/tools/_mixins.scss */
.sm-shift-6 {
margin-left: 51.87213%;
}
/* line 44, scss/tools/_mixins.scss */
.sm-shift-7 {
margin-left: 60.51749%;
}
/* line 44, scss/tools/_mixins.scss */
.sm-shift-8 {
margin-left: 69.16284%;
}
/* line 44, scss/tools/_mixins.scss */
.sm-shift-9 {
margin-left: 77.8082%;
}
/* line 44, scss/tools/_mixins.scss */
.sm-shift-10 {
margin-left: 86.45355%;
}
/* line 44, scss/tools/_mixins.scss */
.sm-shift-11 {
margin-left: 95.09891%;
}
/* line 44, scss/tools/_mixins.scss */
.sm-shift-12 {
margin-left: 103.74426%;
}
}
@media screen and (min-width: 640px) {
/* line 50, scss/tools/_mixins.scss */
.md-shift-1 {
margin-left: 8.64536%;
}
/* line 50, scss/tools/_mixins.scss */
.md-shift-2 {
margin-left: 17.29071%;
}
/* line 50, scss/tools/_mixins.scss */
.md-shift-3 {
margin-left: 25.93607%;
}
/* line 50, scss/tools/_mixins.scss */
.md-shift-4 {
margin-left: 34.58142%;
}
/* line 50, scss/tools/_mixins.scss */
.md-shift-5 {
margin-left: 43.22678%;
}
/* line 50, scss/tools/_mixins.scss */
.md-shift-6 {
margin-left: 51.87213%;
}
/* line 50, scss/tools/_mixins.scss */
.md-shift-7 {
margin-left: 60.51749%;
}
/* line 50, scss/tools/_mixins.scss */
.md-shift-8 {
margin-left: 69.16284%;
}
/* line 50, scss/tools/_mixins.scss */
.md-shift-9 {
margin-left: 77.8082%;
}
/* line 50, scss/tools/_mixins.scss */
.md-shift-10 {
margin-left: 86.45355%;
}
/* line 50, scss/tools/_mixins.scss */
.md-shift-11 {
margin-left: 95.09891%;
}
/* line 50, scss/tools/_mixins.scss */
.md-shift-12 {
margin-left: 103.74426%;
}
}
@media screen and (min-width: 1024px) {
/* line 56, scss/tools/_mixins.scss */
.lg-shift-1 {
margin-left: 8.64536%;
}
/* line 56, scss/tools/_mixins.scss */
.lg-shift-2 {
margin-left: 17.29071%;
}
/* line 56, scss/tools/_mixins.scss */
.lg-shift-3 {
margin-left: 25.93607%;
}
/* line 56, scss/tools/_mixins.scss */
.lg-shift-4 {
margin-left: 34.58142%;
}
/* line 56, scss/tools/_mixins.scss */
.lg-shift-5 {
margin-left: 43.22678%;
}
/* line 56, scss/tools/_mixins.scss */
.lg-shift-6 {
margin-left: 51.87213%;
}
/* line 56, scss/tools/_mixins.scss */
.lg-shift-7 {
margin-left: 60.51749%;
}
/* line 56, scss/tools/_mixins.scss */
.lg-shift-8 {
margin-left: 69.16284%;
}
/* line 56, scss/tools/_mixins.scss */
.lg-shift-9 {
margin-left: 77.8082%;
}
/* line 56, scss/tools/_mixins.scss */
.lg-shift-10 {
margin-left: 86.45355%;
}
/* line 56, scss/tools/_mixins.scss */
.lg-shift-11 {
margin-left: 95.09891%;
}
/* line 56, scss/tools/_mixins.scss */
.lg-shift-12 {
margin-left: 103.74426%;
}
}
/* Palette mixin
========================================================================== */
/* Font size mixin
========================================================================== */
/* Other mixins
========================================================================== */
@-webkit-keyframes fadeInOverlay {
from {
opacity: 0;
}
to {
opacity: .5;
}
}
@keyframes fadeInOverlay {
from {
opacity: 0;
}
to {
opacity: .5;
}
}
/* ==========================================================================
#Admin bar overrides
========================================================================== */
/* line 5, scss/generic/_admin.scss */
.toolbar-bar {
display: none;
}
@media screen and (min-width: 1024px) {
/* line 5, scss/generic/_admin.scss */
.toolbar-bar {
display: block;
}
}
/* line 13, scss/generic/_admin.scss */
.toolbar-fixed,
.toolbar-horizontal,
.toolbar-vertical {
padding-top: 0 !important;
}
@media screen and (min-width: 1024px) {
/* line 13, scss/generic/_admin.scss */
.toolbar-fixed,
.toolbar-horizontal,
.toolbar-vertical {
padding-top: 39px !important;
}
}
@media screen and (min-width: 0) and (max-width: 1024px) {
/* line 24, scss/generic/_admin.scss */
body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
margin-left: 0;
}
}
@media screen and (min-width: 1024px) {
/* line 30, scss/generic/_admin.scss */
.toolbar-tray-open {
padding-top: 79px !important;
}
}
/* Drupal tabs
========================================================================== */
/* line 43, scss/generic/_admin.scss */
.g-drupal-tabs {
margin: 1.5rem 0;
}
/* line 45, scss/generic/_admin.scss */
.g-drupal-tabs a {
text-decoration: none;
margin-bottom: 0;
border-radius: 0;
font-size: 0.875rem;
}
/**
* DRUPAL: Begin system.base.css.
*/
/**
* @file
* Generic theme-independent base styles.
*/
/* line 62, scss/generic/_admin.scss */
.js .form-autocomplete {
background-image: url("/misc/throbber.gif");
background-position: 100% 2px;
/* LTR */
background-repeat: no-repeat;
}
/* line 68, scss/generic/_admin.scss */
.js .throbbing {
background-position: 100% -18px;
/* LTR */
}
/* line 72, scss/generic/_admin.scss */
.js .collapsed {
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
height: 1em;
}
/* line 78, scss/generic/_admin.scss */
.js .collapsed .fieldset-wrapper {
display: none;
}
/* line 83, scss/generic/_admin.scss */
.collapsible {
position: relative;
}
/* line 86, scss/generic/_admin.scss */
.collapsible .fieldset-legend {
display: block;
}
/* line 91, scss/generic/_admin.scss */
.container-inline div,
.container-inline label {
display: inline;
}
/* line 96, scss/generic/_admin.scss */
.container-inline .fieldset-wrapper {
display: block;
}
/* line 100, scss/generic/_admin.scss */
.nowrap {
white-space: nowrap;
}
/* line 104, scss/generic/_admin.scss */
.js .js-hide {
display: none;
}
/* line 108, scss/generic/_admin.scss */
.element-hidden {
display: none;
}
/* line 112, scss/generic/_admin.scss */
.element-invisible {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
height: 1px;
margin-bottom: 0;
}
/* line 120, scss/generic/_admin.scss */
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
position: static !important;
clip: auto;
overflow: visible;
height: auto;
}
/* line 129, scss/generic/_admin.scss */
.clearfix::after {
content: '.';
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* IE6 */
/* line 137, scss/generic/_admin.scss */
* html .clearfix {
height: 1%;
}
/* IE7 */
/* line 141, scss/generic/_admin.scss */
*:first-child + html .clearfix {
min-height: 1%;
}
/* Throbber */
/* line 146, scss/generic/_admin.scss */
.ajax-progress {
display: inline-block;
}
/* line 149, scss/generic/_admin.scss */
.ajax-progress .throbber {
background: transparent url("../../img/throbber-active.gif") no-repeat 0 center;
float: left;
/* LTR */
height: 15px;
margin: 2px;
width: 15px;
}
/* line 157, scss/generic/_admin.scss */
.ajax-progress .message {
padding-left: 20px;
}
/* line 162, scss/generic/_admin.scss */
tr .ajax-progress .throbber {
margin: 0 2px;
}
/* line 166, scss/generic/_admin.scss */
.ajax-progress-bar {
width: 16em;
}
/**
* DRUPAL: End system.base.css.
*/
/**
* DRUPAL: contextual.css
*/
/**
* Contextual links regions.
*/
/* line 181, scss/generic/_admin.scss */
.contextual-links-region {
outline: none;
position: relative;
}
/* line 186, scss/generic/_admin.scss */
.contextual-links-region-active {
outline: #999 dashed 1px;
}
/**
* Contextual links.
*/
/* line 193, scss/generic/_admin.scss */
.contextual-links-wrapper {
display: none;
font-size: 90%;
position: absolute;
right: 5px;
/* LTR */
top: 2px;
z-index: 999;
}
/* line 201, scss/generic/_admin.scss */
.contextual-links-wrapper a {
text-decoration: none;
}
/* line 204, scss/generic/_admin.scss */
.js .contextual-links-wrapper {
display: block;
}
/* line 208, scss/generic/_admin.scss */
.contextual-links-trigger {
background: transparent url("../../img/gear-select.png") no-repeat 2px 0;
border: 1px solid transparent;
display: none;
height: 18px;
margin: 0;
padding: 0 2px;
outline: none;
text-indent: 34px;
/* LTR */
width: 28px;
overflow: hidden;
border-radius: 4px;
}
/* line 221, scss/generic/_admin.scss */
.contextual-links-trigger .contextual-links {
background-color: #fff;
border: 1px solid #ccc;
display: none;
margin: 0;
padding: .25em 0;
position: absolute;
right: 0;
text-align: left;
top: 18px;
white-space: nowrap;
border-radius: 4px 0 4px 4px;
/* LTR */
}
/* line 236, scss/generic/_admin.scss */
.contextual-links-trigger:hover,
.contextual-links-active .contextual-links-trigger {
background-position: 2px -18px;
}
/* line 241, scss/generic/_admin.scss */
.contextual-links-active .contextual-links-trigger {
background-color: #fff;
border-color: #ccc;
border-bottom: 0;
position: relative;
z-index: 1;
border-radius: 4px 4px 0 0;
}
/* line 250, scss/generic/_admin.scss */
.contextual-links-region:hover .contextual-links-trigger,
.contextual-links-active .contextual-links-trigger,
.contextual-links-active .contextual-links {
display: block;
}
/* line 256, scss/generic/_admin.scss */
.contextual-links li {
line-height: 100%;
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
/* line 263, scss/generic/_admin.scss */
.contextual-links li a {
color: #333 !important;
display: block;
margin: .25em 0;
padding: .25em 1em .25em .5em;
text-decoration: none;
}
/* line 270, scss/generic/_admin.scss */
.contextual-links li a:hover {
background-color: #bfdcee;
}
/**
* DRUPAL: End contextual.css
*/
/* DRUPAL: Fixes */
/* line 281, scss/generic/_admin.scss */
.boxes-box-controls,
.context-block-region {
display: none;
}
/* Fix padding error message issue with certain form types. */
/* line 285, scss/generic/_admin.scss */
.form-type-checkbox.error small,
.form-type-checkboxes.error small,
.form-item-radio.error small {
margin-top: 0;
}
/* Make FB Comments Responsive */
/* line 291, scss/generic/_admin.scss */
.fb-comments,
.fb-comments span,
.fb-comments.fb_iframe_widget span iframe {
width: 100% !important;
}
/* ==========================================================================
#Reset
========================================================================== */
/* line 6, scss/generic/_reset.scss */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dd,
ol,
ul,
form,
fieldset,
legend,
figure,
table,
th,
td,
caption,
hr {
margin: 0;
padding: 0;
}
/* line 39, scss/generic/_reset.scss */
abbr[title],
dfn[title] {
cursor: help;
}
/* line 49, scss/generic/_reset.scss */
u,
ins {
text-decoration: none;
}
/* line 59, scss/generic/_reset.scss */
ins {
border-bottom: 1px solid;
}
/* ==========================================================================
#Shared styles - Mainly for setting bottom margin
========================================================================== */
/* line 5, scss/generic/_shared.scss */
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
blockquote,
p,
address,
hr,
table,
fieldset,
figure,
pre,
input,
button,
.c-btn,
.button,
.label-button a,
.c-featured-large__content .field--name-field-fci-learn-more-link a,
.c-insights .more-link a,
.c-page-foot .c-footer_signup .form-actions .button,
textarea {
margin: 0 0 1.5rem;
padding: 0;
}
/* ==========================================================================
#Page
- High level page styling, HTML tag only.
========================================================================== */
/*doc
---
title: Page
name: page
category: Base - Page
---
This file contains settings for the entire site with font-family, line-height,
and font size values. These should only be adjusted at the very beginning
of a project.
Variables can be found in `settings/_global.scss`.
```
html {
font-family: $f-sans;
line-height: $base-line-height; // usually 24px
font-size: $base-font-size-px; // usually 16px
overflow-y: scroll;
min-height: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
```
*/
/* line 34, scss/base/_page.scss */
html {
background-color: #fff;
color: #222222;
font-family: "Open Sans", sans-serif;
line-height: 1.5;
font-size: 18px;
font-weight: 300;
overflow-y: scroll;
min-height: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
scroll-behavior: smooth;
}
/* line 50, scss/base/_page.scss */
* {
box-sizing: border-box;
}
/* line 54, scss/base/_page.scss */
.c-main {
padding-bottom: 4rem;
}
/* line 58, scss/base/_page.scss */
iframe {
border: 1px solid #0a6288;
}
/* ==========================================================================
Form elements
========================================================================== */
/*doc
---
title: Forms
name: a_forms
category: Base - Forms
---
Default styling for form elements. All of the elements should be used within
a `
```
*/
/* line 43, scss/base/_forms.scss */
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea {
border: 1px solid #ddd;
height: 48px;
border-radius: 6px;
font-size: 1rem;
padding: 0 1.5rem;
width: 100%;
font-weight: 300;
font-family: "Open Sans", sans-serif;
}
/* line 54, scss/base/_forms.scss */
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus {
box-shadow: none;
outline: 0;
}
/* line 60, scss/base/_forms.scss */
textarea {
min-height: 0 !important;
overflow: auto;
resize: vertical;
width: 100%;
padding-top: .6rem;
padding-bottom: .4rem;
font-weight: 300;
font-family: "Open Sans", sans-serif;
}
/*doc
---
title: Fieldsets
name: d-fieldsets
category: Base - Forms
---
```html_example
```
*/
/* line 91, scss/base/_forms.scss */
fieldset {
border: 1px solid #ddd;
margin: 0 0 0.75rem;
padding: 1.5rem;
}
/* line 97, scss/base/_forms.scss */
[type="search"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/*doc
---
title: Checkbox/Radios
name: c-checkbox
category: Base - Forms
---
```html_example
Checkboxes:
Radio Buttons:
```
*/
/* line 139, scss/base/_forms.scss */
[type="checkbox"],
[type="radio"] {
display: inline;
margin-right: 0.375rem;
}
/* line 144, scss/base/_forms.scss */
[type="checkbox"] + label,
[type="radio"] + label {
display: inline-block;
}
/* line 149, scss/base/_forms.scss */
[type="file"] {
margin-bottom: 0.75rem;
width: 100%;
}
/*doc
---
title: Select list
name: b-select-list
category: Base - Forms
---
```html_example
Select Element:
Option 1
Option 2
Option 3
Option 1
Option 2
Option 3
```
*/
/* line 182, scss/base/_forms.scss */
select {
margin-bottom: 1.5rem;
max-width: 100%;
width: auto;
}
/***
Page Form .c-page__form
***/
/* line 194, scss/base/_forms.scss */
.c-page__form.o-grid, .c-hero .c-page__form.field--name-body,
.c-hero .c-page__form.c-hero__inner,
#block-insightsheader .c-page__form.field--name-body,
#block-insightsheader .c-page__form.c-hero__inner {
padding-top: 3rem;
max-width: 36.5rem;
}
/* line 198, scss/base/_forms.scss */
.c-page__form.o-grid h4, .c-hero .c-page__form.field--name-body h4, .c-hero .c-page__form.c-hero__inner h4, #block-insightsheader .c-page__form.field--name-body h4, #block-insightsheader .c-page__form.c-hero__inner h4 {
font-size: 1.5rem;
font-weight: 400;
margin-bottom: 1rem;
}
/* line 204, scss/base/_forms.scss */
.c-page__form.o-grid .form-required:after, .c-hero .c-page__form.field--name-body .form-required:after, .c-hero .c-page__form.c-hero__inner .form-required:after, #block-insightsheader .c-page__form.field--name-body .form-required:after, #block-insightsheader .c-page__form.c-hero__inner .form-required:after {
content: '*';
display: inline-block;
}
/* line 209, scss/base/_forms.scss */
.c-page__form.o-grid .form-submit, .c-hero .c-page__form.field--name-body .form-submit, .c-hero .c-page__form.c-hero__inner .form-submit, #block-insightsheader .c-page__form.field--name-body .form-submit, #block-insightsheader .c-page__form.c-hero__inner .form-submit {
margin-bottom: .5rem;
}
/* line 213, scss/base/_forms.scss */
.c-page__form.o-grid .t-required-legend, .c-hero .c-page__form.field--name-body .t-required-legend, .c-hero .c-page__form.c-hero__inner .t-required-legend, #block-insightsheader .c-page__form.field--name-body .t-required-legend, #block-insightsheader .c-page__form.c-hero__inner .t-required-legend {
font-size: .88rem;
float: right;
}
/* MEMBERSHIP FORM */
@media screen and (min-width: 640px) {
/* line 223, scss/base/_forms.scss */
.webform-submission-membership-form .webform-name--wrapper .form-item,
.webform-submission-form .webform-name--wrapper .form-item {
width: 50%;
float: left;
}
/* line 227, scss/base/_forms.scss */
.webform-submission-membership-form .webform-name--wrapper .form-item:first-child,
.webform-submission-form .webform-name--wrapper .form-item:first-child {
padding-right: 1%;
}
}
/* line 233, scss/base/_forms.scss */
.webform-submission-membership-form label[for="edit-company-full-address-address-2"],
.webform-submission-form label[for="edit-company-full-address-address-2"] {
display: none;
}
@media screen and (min-width: 640px) {
/* line 236, scss/base/_forms.scss */
.webform-submission-membership-form .form-item-company-full-address-city,
.webform-submission-membership-form .form-item-company-full-address-state-province,
.webform-submission-membership-form .form-item-company-full-address-postal-code,
.webform-submission-form .form-item-company-full-address-city,
.webform-submission-form .form-item-company-full-address-state-province,
.webform-submission-form .form-item-company-full-address-postal-code {
width: 33.33%;
float: left;
}
}
/* line 243, scss/base/_forms.scss */
.webform-submission-membership-form .form-item-company-full-address-city label,
.webform-submission-membership-form .form-item-company-full-address-state-province label,
.webform-submission-membership-form .form-item-company-full-address-postal-code label,
.webform-submission-form .form-item-company-full-address-city label,
.webform-submission-form .form-item-company-full-address-state-province label,
.webform-submission-form .form-item-company-full-address-postal-code label {
display: none;
}
@media screen and (min-width: 640px) {
/* line 248, scss/base/_forms.scss */
.webform-submission-membership-form .form-item-company-full-address-city,
.webform-submission-membership-form .form-item-company-full-address-state-province,
.webform-submission-membership-form .form-item-address-state-province,
.webform-submission-membership-form .form-item-attending-select,
.webform-submission-membership-form .form-item-joining-reception-select,
.webform-submission-membership-form .form-item-dietary-restrictions-select,
.webform-submission-membership-form .form-item-do-you-have-a-relationship-with-a-current-member-of-congress-,
.webform-submission-membership-form .form-item-do-you-plan-to-attend-meetings-on-the-hill-,
.webform-submission-membership-form .form-item-do-you-plan-to-attend-the-evening-reception-,
.webform-submission-membership-form .form-item-do-you-have-any-dietary-restrictions-,
.webform-submission-membership-form .form-item-do-you-have-any-dietary-restrictions-,
.webform-submission-membership-form .form-item-state,
.webform-submission-form .form-item-company-full-address-city,
.webform-submission-form .form-item-company-full-address-state-province,
.webform-submission-form .form-item-address-state-province,
.webform-submission-form .form-item-attending-select,
.webform-submission-form .form-item-joining-reception-select,
.webform-submission-form .form-item-dietary-restrictions-select,
.webform-submission-form .form-item-do-you-have-a-relationship-with-a-current-member-of-congress-,
.webform-submission-form .form-item-do-you-plan-to-attend-meetings-on-the-hill-,
.webform-submission-form .form-item-do-you-plan-to-attend-the-evening-reception-,
.webform-submission-form .form-item-do-you-have-any-dietary-restrictions-,
.webform-submission-form .form-item-do-you-have-any-dietary-restrictions-,
.webform-submission-form .form-item-state {
padding-right: 1%;
}
}
/* line 264, scss/base/_forms.scss */
.webform-submission-membership-form .form-item-company-full-address-city .chosen-container-single,
.webform-submission-membership-form .form-item-company-full-address-state-province .chosen-container-single,
.webform-submission-membership-form .form-item-address-state-province .chosen-container-single,
.webform-submission-membership-form .form-item-attending-select .chosen-container-single,
.webform-submission-membership-form .form-item-joining-reception-select .chosen-container-single,
.webform-submission-membership-form .form-item-dietary-restrictions-select .chosen-container-single,
.webform-submission-membership-form .form-item-do-you-have-a-relationship-with-a-current-member-of-congress- .chosen-container-single,
.webform-submission-membership-form .form-item-do-you-plan-to-attend-meetings-on-the-hill- .chosen-container-single,
.webform-submission-membership-form .form-item-do-you-plan-to-attend-the-evening-reception- .chosen-container-single,
.webform-submission-membership-form .form-item-do-you-have-any-dietary-restrictions- .chosen-container-single,
.webform-submission-membership-form .form-item-do-you-have-any-dietary-restrictions- .chosen-container-single,
.webform-submission-membership-form .form-item-state .chosen-container-single,
.webform-submission-form .form-item-company-full-address-city .chosen-container-single,
.webform-submission-form .form-item-company-full-address-state-province .chosen-container-single,
.webform-submission-form .form-item-address-state-province .chosen-container-single,
.webform-submission-form .form-item-attending-select .chosen-container-single,
.webform-submission-form .form-item-joining-reception-select .chosen-container-single,
.webform-submission-form .form-item-dietary-restrictions-select .chosen-container-single,
.webform-submission-form .form-item-do-you-have-a-relationship-with-a-current-member-of-congress- .chosen-container-single,
.webform-submission-form .form-item-do-you-plan-to-attend-meetings-on-the-hill- .chosen-container-single,
.webform-submission-form .form-item-do-you-plan-to-attend-the-evening-reception- .chosen-container-single,
.webform-submission-form .form-item-do-you-have-any-dietary-restrictions- .chosen-container-single,
.webform-submission-form .form-item-do-you-have-any-dietary-restrictions- .chosen-container-single,
.webform-submission-form .form-item-state .chosen-container-single {
width: 100% !important;
margin: 0 0 1.5rem;
}
/* line 268, scss/base/_forms.scss */
.webform-submission-membership-form .form-item-company-full-address-city .chosen-container-single .chosen-single,
.webform-submission-membership-form .form-item-company-full-address-state-province .chosen-container-single .chosen-single,
.webform-submission-membership-form .form-item-address-state-province .chosen-container-single .chosen-single,
.webform-submission-membership-form .form-item-attending-select .chosen-container-single .chosen-single,
.webform-submission-membership-form .form-item-joining-reception-select .chosen-container-single .chosen-single,
.webform-submission-membership-form .form-item-dietary-restrictions-select .chosen-container-single .chosen-single,
.webform-submission-membership-form .form-item-do-you-have-a-relationship-with-a-current-member-of-congress- .chosen-container-single .chosen-single,
.webform-submission-membership-form .form-item-do-you-plan-to-attend-meetings-on-the-hill- .chosen-container-single .chosen-single,
.webform-submission-membership-form .form-item-do-you-plan-to-attend-the-evening-reception- .chosen-container-single .chosen-single,
.webform-submission-membership-form .form-item-do-you-have-any-dietary-restrictions- .chosen-container-single .chosen-single,
.webform-submission-membership-form .form-item-do-you-have-any-dietary-restrictions- .chosen-container-single .chosen-single,
.webform-submission-membership-form .form-item-state .chosen-container-single .chosen-single,
.webform-submission-form .form-item-company-full-address-city .chosen-container-single .chosen-single,
.webform-submission-form .form-item-company-full-address-state-province .chosen-container-single .chosen-single,
.webform-submission-form .form-item-address-state-province .chosen-container-single .chosen-single,
.webform-submission-form .form-item-attending-select .chosen-container-single .chosen-single,
.webform-submission-form .form-item-joining-reception-select .chosen-container-single .chosen-single,
.webform-submission-form .form-item-dietary-restrictions-select .chosen-container-single .chosen-single,
.webform-submission-form .form-item-do-you-have-a-relationship-with-a-current-member-of-congress- .chosen-container-single .chosen-single,
.webform-submission-form .form-item-do-you-plan-to-attend-meetings-on-the-hill- .chosen-container-single .chosen-single,
.webform-submission-form .form-item-do-you-plan-to-attend-the-evening-reception- .chosen-container-single .chosen-single,
.webform-submission-form .form-item-do-you-have-any-dietary-restrictions- .chosen-container-single .chosen-single,
.webform-submission-form .form-item-do-you-have-any-dietary-restrictions- .chosen-container-single .chosen-single,
.webform-submission-form .form-item-state .chosen-container-single .chosen-single {
height: 48px !important;
}
/* line 271, scss/base/_forms.scss */
.webform-submission-membership-form .form-item-company-full-address-city .chosen-container-single .chosen-single span,
.webform-submission-membership-form .form-item-company-full-address-state-province .chosen-container-single .chosen-single span,
.webform-submission-membership-form .form-item-address-state-province .chosen-container-single .chosen-single span,
.webform-submission-membership-form .form-item-attending-select .chosen-container-single .chosen-single span,
.webform-submission-membership-form .form-item-joining-reception-select .chosen-container-single .chosen-single span,
.webform-submission-membership-form .form-item-dietary-restrictions-select .chosen-container-single .chosen-single span,
.webform-submission-membership-form .form-item-do-you-have-a-relationship-with-a-current-member-of-congress- .chosen-container-single .chosen-single span,
.webform-submission-membership-form .form-item-do-you-plan-to-attend-meetings-on-the-hill- .chosen-container-single .chosen-single span,
.webform-submission-membership-form .form-item-do-you-plan-to-attend-the-evening-reception- .chosen-container-single .chosen-single span,
.webform-submission-membership-form .form-item-do-you-have-any-dietary-restrictions- .chosen-container-single .chosen-single span,
.webform-submission-membership-form .form-item-do-you-have-any-dietary-restrictions- .chosen-container-single .chosen-single span,
.webform-submission-membership-form .form-item-state .chosen-container-single .chosen-single span,
.webform-submission-form .form-item-company-full-address-city .chosen-container-single .chosen-single span,
.webform-submission-form .form-item-company-full-address-state-province .chosen-container-single .chosen-single span,
.webform-submission-form .form-item-address-state-province .chosen-container-single .chosen-single span,
.webform-submission-form .form-item-attending-select .chosen-container-single .chosen-single span,
.webform-submission-form .form-item-joining-reception-select .chosen-container-single .chosen-single span,
.webform-submission-form .form-item-dietary-restrictions-select .chosen-container-single .chosen-single span,
.webform-submission-form .form-item-do-you-have-a-relationship-with-a-current-member-of-congress- .chosen-container-single .chosen-single span,
.webform-submission-form .form-item-do-you-plan-to-attend-meetings-on-the-hill- .chosen-container-single .chosen-single span,
.webform-submission-form .form-item-do-you-plan-to-attend-the-evening-reception- .chosen-container-single .chosen-single span,
.webform-submission-form .form-item-do-you-have-any-dietary-restrictions- .chosen-container-single .chosen-single span,
.webform-submission-form .form-item-do-you-have-any-dietary-restrictions- .chosen-container-single .chosen-single span,
.webform-submission-form .form-item-state .chosen-container-single .chosen-single span {
padding: 11px 8px;
}
/* line 274, scss/base/_forms.scss */
.webform-submission-membership-form .form-item-company-full-address-city .chosen-container-single .chosen-single div,
.webform-submission-membership-form .form-item-company-full-address-state-province .chosen-container-single .chosen-single div,
.webform-submission-membership-form .form-item-address-state-province .chosen-container-single .chosen-single div,
.webform-submission-membership-form .form-item-attending-select .chosen-container-single .chosen-single div,
.webform-submission-membership-form .form-item-joining-reception-select .chosen-container-single .chosen-single div,
.webform-submission-membership-form .form-item-dietary-restrictions-select .chosen-container-single .chosen-single div,
.webform-submission-membership-form .form-item-do-you-have-a-relationship-with-a-current-member-of-congress- .chosen-container-single .chosen-single div,
.webform-submission-membership-form .form-item-do-you-plan-to-attend-meetings-on-the-hill- .chosen-container-single .chosen-single div,
.webform-submission-membership-form .form-item-do-you-plan-to-attend-the-evening-reception- .chosen-container-single .chosen-single div,
.webform-submission-membership-form .form-item-do-you-have-any-dietary-restrictions- .chosen-container-single .chosen-single div,
.webform-submission-membership-form .form-item-do-you-have-any-dietary-restrictions- .chosen-container-single .chosen-single div,
.webform-submission-membership-form .form-item-state .chosen-container-single .chosen-single div,
.webform-submission-form .form-item-company-full-address-city .chosen-container-single .chosen-single div,
.webform-submission-form .form-item-company-full-address-state-province .chosen-container-single .chosen-single div,
.webform-submission-form .form-item-address-state-province .chosen-container-single .chosen-single div,
.webform-submission-form .form-item-attending-select .chosen-container-single .chosen-single div,
.webform-submission-form .form-item-joining-reception-select .chosen-container-single .chosen-single div,
.webform-submission-form .form-item-dietary-restrictions-select .chosen-container-single .chosen-single div,
.webform-submission-form .form-item-do-you-have-a-relationship-with-a-current-member-of-congress- .chosen-container-single .chosen-single div,
.webform-submission-form .form-item-do-you-plan-to-attend-meetings-on-the-hill- .chosen-container-single .chosen-single div,
.webform-submission-form .form-item-do-you-plan-to-attend-the-evening-reception- .chosen-container-single .chosen-single div,
.webform-submission-form .form-item-do-you-have-any-dietary-restrictions- .chosen-container-single .chosen-single div,
.webform-submission-form .form-item-do-you-have-any-dietary-restrictions- .chosen-container-single .chosen-single div,
.webform-submission-form .form-item-state .chosen-container-single .chosen-single div {
top: 13px;
right: 13px;
}
/* line 281, scss/base/_forms.scss */
.webform-submission-membership-form .form-item-growth-should-know-textarea textarea,
.webform-submission-form .form-item-growth-should-know-textarea textarea {
min-height: 7rem !important;
}
/* line 287, scss/base/_forms.scss */
.event-form-container {
background: #eee;
padding: 40px 40px 20px 40px;
margin-bottom: 1.6875rem;
}
/* line 292, scss/base/_forms.scss */
.webform-flexbox,
fieldset.webform-composite-hidden-title {
margin: 0;
}
@media (min-width: 768px) {
/* line 298, scss/base/_forms.scss */
.webform-flex--container {
margin: 0 .5em 0 0;
}
}
/* ==========================================================================
#Headings
========================================================================== */
/*doc
---
title: Headings
name: headings
category: Base - Headings
---
Default styling for headings 1-6
```html_example
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
```
*/
/* line 24, scss/base/_headings.scss */
h1,
.alpha {
font-size: 2.665rem;
font-family: "Oswald", sans-serif;
font-weight: 400;
}
/* line 31, scss/base/_headings.scss */
h2,
.beta {
font-size: 2.223rem;
font-family: "Oswald", sans-serif;
font-weight: 400;
}
/* line 38, scss/base/_headings.scss */
h3,
.gamma {
font-size: 2rem;
font-family: "Open Sans", sans-serif;
font-weight: 600;
}
/* line 45, scss/base/_headings.scss */
h4,
.delta {
font-size: 1.667rem;
font-family: "Oswald", sans-serif;
font-weight: 600;
}
/* line 52, scss/base/_headings.scss */
h5,
.epsilon {
font-size: 1.333rem;
font-family: "Open Sans", sans-serif;
font-weight: 400;
}
/* line 59, scss/base/_headings.scss */
h6,
.zeta {
font-size: 1.333rem;
font-family: "Oswald", sans-serif;
font-weight: 400;
}
/* line 66, scss/base/_headings.scss */
.c-page-title {
font-size: 2.222rem;
margin-bottom: .75rem;
clear: both;
}
/* line 72, scss/base/_headings.scss */
.field-insights-sub-title * {
font-family: "Open Sans", sans-serif;
font-size: 1.333rem;
line-height: 1.556rem;
font-weight: 300;
margin-bottom: 1rem;
}
/* line 80, scss/base/_headings.scss */
.path-frontpage .c-page-title {
display: none;
}
/* ==========================================================================
#Images
========================================================================== */
/*doc
---
title: Images
name: images
category: Base - Images
---
Default styling for the image tag. This sets a `max-width` of 100%
to make all images responsive
```html_example
This is a special quote for sure By someone special
```
*/
/* line 21, scss/base/_quotes.scss */
blockquote {
color: #808080;
}
@media screen and (min-width: 640px) {
/* line 21, scss/base/_quotes.scss */
blockquote {
float: right;
width: 50%;
}
}
@media screen and (min-width: 1024px) {
/* line 21, scss/base/_quotes.scss */
blockquote {
padding-right: 0 !important;
margin-right: -2rem;
}
}
@media screen and (min-width: 1122px) {
/* line 21, scss/base/_quotes.scss */
blockquote {
margin-right: -4rem;
}
}
/* line 41, scss/base/_quotes.scss */
blockquote,
blockquote p {
font-family: "Georgia", serif;
font-style: italic;
font-weight: 400;
font-size: 1.333rem;
line-height: 1.889rem;
}
/* line 51, scss/base/_quotes.scss */
blockquote p:last-child:not(:first-child),
blockquote cite {
display: block;
text-align: right;
font-family: "Georgia", serif;
font-size: .8889rem;
line-height: 1.5;
}
/* ==========================================================================
#Links
========================================================================== */
/*doc
---
title: Links
name: links
category: Base - Links
---
Default styling for links.
```html_example
Content
```
*/
/* line 19, scss/base/_links.scss */
a {
text-decoration: none;
transition: all .2s ease-in-out;
}
/* line 24, scss/base/_links.scss */
a:link,
a:visited {
color: #0a6288;
}
/* line 27, scss/base/_links.scss */
a.hover,
a:hover {
color: #0a6288;
text-decoration: underline;
}
/* line 30, scss/base/_links.scss */
a:active {
transition: color 0.3s;
color: #11a6e7;
}
/* ==========================================================================
#Lists
========================================================================== */
/*doc
---
title: Lists
name: lists
category: Base - Lists
---
Default styling for lists.
*/
/* line 15, scss/base/_lists.scss */
ul,
ol {
list-style-type: none;
padding: 0;
}
/*doc
---
title: Unordered List
name: lists-u
category: Base - Lists
---
Unordered list default
```html_example
```
*/
/* line 41, scss/base/_lists.scss */
ul {
list-style-type: disc;
padding-left: 1.5rem;
}
/*doc
---
title: Ordered List
name: lists-o
category: Base - Lists
---
```html_example
List item 1
List item 2
```
*/
/* line 64, scss/base/_lists.scss */
ol {
list-style-type: decimal;
padding-left: 1.5rem;
}
/*doc
---
title: Definition list
name: lists-d
category: Base - Lists
---
```html_example
Term
Description
Term
Description
```
*/
/* line 91, scss/base/_lists.scss */
dl dt {
font-weight: bold;
}
/* line 95, scss/base/_lists.scss */
dl dd {
margin: 0;
}
/* ==========================================================================
#Tables
========================================================================== */
/*doc
---
title: Tables
name: tables
category: Base - Tables
---
Default styling for tables.
```html_example
One column
Two column
Three column
One column
Two column
Three column
One column
Two column
Three column
One column
Two column
Three column
```
*/
/* line 45, scss/base/_tables.scss */
table {
border-collapse: collapse;
-webkit-font-feature-settings: 'kern', 'liga', 'tnum';
font-feature-settings: 'kern', 'liga', 'tnum';
margin: 0.75rem 0;
table-layout: fixed;
width: 100%;
}
/* line 53, scss/base/_tables.scss */
th {
border-bottom: 1px solid #a6a6a6;
font-weight: 600;
padding: 0.75rem 0;
text-align: left;
}
/* line 60, scss/base/_tables.scss */
td {
border-bottom: 1px solid #ddd;
padding: 0.75rem 0;
}
/* line 65, scss/base/_tables.scss */
tr,
td,
th {
vertical-align: middle;
}
/* ==========================================================================
#Type
========================================================================== */
/* line 7, scss/base/_type.scss */
body {
font-size: 1rem;
line-height: 1.5;
}
/* line 14, scss/base/_type.scss */
hr {
border-bottom: 1px solid #ddd;
border-left: 0;
border-right: 0;
border-top: 0;
margin: 1.5rem 0;
}
/* ==========================================================================
#o-Bands
========================================================================== */
/*doc
---
title: Default band
name: band
category: Object - Band
---
Bands are full-width sections of layout with padding on the top and bottom that can contain different backgrounds
```html_example
```
*/
/* line 119, scss/tools/_mixins.scss */
.o-band::after, .o-band--small::after, .o-band--flush::after {
clear: both;
content: "";
display: table;
}
/* line 25, scss/objects/_band.scss */
.o-band {
padding: 4rem 0;
}
/*doc
---
title: Small band
name: small-band
category: Object - Band
---
Small band has decreased top and bottom padding.
```html_example
```
*/
/* line 50, scss/objects/_band.scss */
.o-band--small {
padding: 2rem 0;
}
/*doc
---
title: Flush band
name: flush-band
category: Object - Band
---
Flush band removes all padding.
```html_example
```
*/
/* line 75, scss/objects/_band.scss */
.o-band--flush {
padding: 0;
}
/* ==========================================================================
Box
========================================================================== */
/*doc
---
title: Box
name: box
category: Object - Box
---
Box should be applied to anything with padding all the way around.
```html_example
Example
```
*/
/* line 20, scss/objects/_video.scss */
.o-video {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
/* line 26, scss/objects/_video.scss */
.o-video embed,
.o-video object,
.o-video iframe {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
/* ==========================================================================
#Wrap
========================================================================== */
/* line 5, scss/objects/_wrap.scss */
.o-wrap {
transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
/* ==========================================================================
#Alerts
========================================================================== */
/*doc
---
title: Success
name: alert_success
category: Components - Alert
---
Success alert used in drupal. Mainly displayed after saving or
creating content.
```html_example
Congratulations! You successfully saved node
4,153 .
Guess what... you have 4,000
modules out-of-date!
I'm the default Drupal status message, isn't that
cool ?
Small button | `btn btn--small`
Default button | `btn btn--default`
Medium button | `btn btn--medium`
Large button | `btn btn--large`
*/
/* Dynamic button mixin
========================================================================== */
/* Static button styles
========================================================================== */
/* line 65, scss/components/_buttons.scss */
.c-btn,
.button,
.label-button a,
.c-featured-large__content .field--name-field-fci-learn-more-link a,
.c-insights .more-link a,
.c-page-foot .c-footer_signup .form-actions .button {
transition: all 0.25s ease-in-out;
background-color: #0a6288;
text-decoration: none !important;
border: 0;
border-radius: 6px;
color: #fff;
display: inline-block;
font-family: "Open Sans", sans-serif;
font-weight: 600;
font-size: 1rem;
line-height: 1;
padding: .75rem 1rem;
-webkit-font-smoothing: antialiased;
text-transform: uppercase;
}
/* line 81, scss/components/_buttons.scss */
.c-btn:link, .button:link, .label-button a:link, .c-featured-large__content .field--name-field-fci-learn-more-link a:link, .c-insights .more-link a:link, .c-page-foot .c-footer_signup .form-actions .button:link, .c-btn:visited, .button:visited, .label-button a:visited, .c-featured-large__content .field--name-field-fci-learn-more-link a:visited, .c-insights .more-link a:visited, .c-page-foot .c-footer_signup .form-actions .button:visited {
color: #fff;
}
/* line 85, scss/components/_buttons.scss */
.c-btn:hover, .button:hover, .label-button a:hover, .c-featured-large__content .field--name-field-fci-learn-more-link a:hover, .c-insights .more-link a:hover, .c-page-foot .c-footer_signup .form-actions .button:hover {
background-color: #0c73a0;
cursor: pointer;
}
/* line 88, scss/components/_buttons.scss */
.c-btn:focus, .button:focus, .label-button a:focus, .c-featured-large__content .field--name-field-fci-learn-more-link a:focus, .c-insights .more-link a:focus, .c-page-foot .c-footer_signup .form-actions .button:focus {
background-color: #085170;
}
/* line 53, scss/components/_buttons.scss */
.c-btn--small {
font-size: 0.8rem;
}
/* line 53, scss/components/_buttons.scss */
.c-btn--default {
font-size: 1rem;
}
/* line 53, scss/components/_buttons.scss */
.c-btn--medium {
font-size: 1.3rem;
}
/* line 53, scss/components/_buttons.scss */
.c-btn--large {
font-size: 1.8rem;
}
/* line 27, scss/components/_buttons.scss */
.c-btn--primary {
background-color: #0a6288;
color: #fff;
}
/* line 40, scss/components/_buttons.scss */
.c-btn--primary:hover {
background-color: #0c73a0;
}
/* line 46, scss/components/_buttons.scss */
.c-btn--primary:link, .c-btn--primary:visited {
color: #fff;
}
/* line 49, scss/components/_buttons.scss */
.c-btn--primary:focus {
background-color: #085170;
}
/* line 27, scss/components/_buttons.scss */
.c-btn--rev, .c-insights .more-link a {
background-color: transparent;
border: 1px solid #0a6288;
color: #0a6288;
}
/* line 40, scss/components/_buttons.scss */
.c-btn--rev:hover, .c-insights .more-link a:hover {
background-color: rgba(13, 13, 13, 0);
}
/* line 46, scss/components/_buttons.scss */
.c-btn--rev:link, .c-insights .more-link a:link, .c-btn--rev:visited, .c-insights .more-link a:visited {
color: #0a6288;
}
/* line 49, scss/components/_buttons.scss */
.c-btn--rev:focus, .c-insights .more-link a:focus {
background-color: rgba(0, 0, 0, 0);
}
/* line 27, scss/components/_buttons.scss */
.c-btn--rev-w, .c-featured-large__content .field--name-field-fci-learn-more-link a, .c-page-foot .c-footer_signup .form-actions .button {
background-color: transparent;
border: 1px solid #fff;
color: #fff;
}
/* line 40, scss/components/_buttons.scss */
.c-btn--rev-w:hover, .c-featured-large__content .field--name-field-fci-learn-more-link a:hover, .c-page-foot .c-footer_signup .form-actions .button:hover {
background-color: rgba(13, 13, 13, 0);
}
/* line 46, scss/components/_buttons.scss */
.c-btn--rev-w:link, .c-featured-large__content .field--name-field-fci-learn-more-link a:link, .c-page-foot .c-footer_signup .form-actions .button:link, .c-btn--rev-w:visited, .c-featured-large__content .field--name-field-fci-learn-more-link a:visited, .c-page-foot .c-footer_signup .form-actions .button:visited {
color: #fff;
}
/* line 49, scss/components/_buttons.scss */
.c-btn--rev-w:focus, .c-featured-large__content .field--name-field-fci-learn-more-link a:focus, .c-page-foot .c-footer_signup .form-actions .button:focus {
background-color: rgba(0, 0, 0, 0);
}
/* line 27, scss/components/_buttons.scss */
.c-btn--gray {
background-color: #AEAEAE;
color: #fff;
}
/* line 40, scss/components/_buttons.scss */
.c-btn--gray:hover {
background-color: #bbbbbb;
}
/* line 46, scss/components/_buttons.scss */
.c-btn--gray:link, .c-btn--gray:visited {
color: #fff;
}
/* line 49, scss/components/_buttons.scss */
.c-btn--gray:focus {
background-color: #a1a1a1;
}
/* line 104, scss/components/_buttons.scss */
.c-btn--rev-w:hover, .c-featured-large__content .field--name-field-fci-learn-more-link a:hover, .c-page-foot .c-footer_signup .form-actions .button:hover {
background-color: rgba(255, 255, 255, 0.3);
}
/* line 107, scss/components/_buttons.scss */
.c-btn--rev-w:focus, .c-featured-large__content .field--name-field-fci-learn-more-link a:focus, .c-page-foot .c-footer_signup .form-actions .button:focus {
background-color: rgba(255, 255, 255, 0.5);
}
/* line 111, scss/components/_buttons.scss */
.c-btn--rev:hover, .c-insights .more-link a:hover {
background-color: #0a6288;
color: #fff;
}
/* line 114, scss/components/_buttons.scss */
.c-btn--rev:focus, .c-insights .more-link a:focus {
background-color: rgba(10, 98, 136, 0.85);
color: #fff;
}
/* line 117, scss/components/_buttons.scss */
.c-btn--wide, .c-page-foot .c-footer_signup .form-actions .button, .c-popup .c-btn, .c-popup .button, .c-popup .label-button a, .label-button .c-popup a, .c-popup .c-featured-large__content .field--name-field-fci-learn-more-link a, .c-featured-large__content .field--name-field-fci-learn-more-link .c-popup a, .c-popup .c-insights .more-link a, .c-insights .more-link .c-popup a {
padding-left: 2.25rem;
padding-right: 2.25rem;
}
/* line 2, scss/components/_loader.scss */
#bowlG {
position: relative;
width: 58px;
height: 58px;
}
/* line 9, scss/components/_loader.scss */
#bowl_ringG {
position: absolute;
width: 58px;
height: 58px;
border: 5px solid rgba(181, 177, 181, 0.98);
border-radius: 58px;
-o-border-radius: 58px;
-ms-border-radius: 58px;
-webkit-border-radius: 58px;
-moz-border-radius: 58px;
}
/* line 21, scss/components/_loader.scss */
.ball_holderG {
position: absolute;
width: 16px;
height: 58px;
left: 21px;
top: 0px;
animation-name: ball_moveG;
-o-animation-name: ball_moveG;
-ms-animation-name: ball_moveG;
-webkit-animation-name: ball_moveG;
-moz-animation-name: ball_moveG;
animation-duration: 1.5s;
-o-animation-duration: 1.5s;
-ms-animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
-moz-animation-duration: 1.5s;
animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-timing-function: linear;
-o-animation-timing-function: linear;
-ms-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
}
/* line 49, scss/components/_loader.scss */
.ballG {
position: absolute;
left: 0px;
top: -14px;
width: 23px;
height: 23px;
background: #144b8c;
border-radius: 19px;
-o-border-radius: 19px;
-ms-border-radius: 19px;
-webkit-border-radius: 19px;
-moz-border-radius: 19px;
}
@keyframes ball_moveG {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes ball_moveG {
0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
/* line 115, scss/components/_loader.scss */
.loader {
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
right: 0;
background-color: rgba(237, 242, 246, 0.85);
width: 100%;
height: 100%;
z-index: 500;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
transition: all .25s ease-in-out;
}
/* line 131, scss/components/_loader.scss */
.loader.is-active {
opacity: 1;
visibility: visible;
}
/* line 137, scss/components/_loader.scss */
#loader_message {
order: 2;
font-weight: bold;
margin-top: 1rem;
}
/* line 143, scss/components/_loader.scss */
.ajax-loader {
background-color: rgba(237, 242, 246, 0.85);
display: flex;
justify-content: center;
align-items: center;
color: #0a6288;
visibility: hidden;
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 1000;
transition: all .35s ease-in-out;
font-weight: 600;
border-radius: 4px;
}
/* line 159, scss/components/_loader.scss */
.ajax-loader.is-active {
opacity: 1;
visibility: visible;
}
/* line 165, scss/components/_loader.scss */
.lds-ring {
display: inline-block;
position: relative;
width: 64px;
height: 64px;
}
/* line 171, scss/components/_loader.scss */
.lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 51px;
height: 51px;
margin: 6px;
border: 6px solid #0a6288;
border-radius: 50%;
-webkit-animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #0a6288 transparent transparent transparent;
}
/* line 183, scss/components/_loader.scss */
.lds-ring div:nth-child(1) {
-webkit-animation-delay: -0.45s;
animation-delay: -0.45s;
}
/* line 186, scss/components/_loader.scss */
.lds-ring div:nth-child(2) {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
/* line 189, scss/components/_loader.scss */
.lds-ring div:nth-child(3) {
-webkit-animation-delay: -0.15s;
animation-delay: -0.15s;
}
@-webkit-keyframes lds-ring {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes lds-ring {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* line 1, scss/components/_flex-table.scss */
.flex-table {
display: flex;
flex-direction: column;
margin-bottom: 4.1rem;
font-size: .68rem;
}
@media screen and (min-width: 1000px) {
/* line 1, scss/components/_flex-table.scss */
.flex-table {
font-size: .89rem;
}
}
/* line 11, scss/components/_flex-table.scss */
.flex-table__header {
display: flex;
text-align: center;
}
/* line 15, scss/components/_flex-table.scss */
.flex-table__header > div {
flex: 1;
background-color: #0a6288;
color: #fff;
text-transform: uppercase;
font-weight: 600;
padding: .5rem;
}
/* line 23, scss/components/_flex-table.scss */
.flex-table__header > div + div {
border-left: 3px solid #F2F2F2;
}
/* line 29, scss/components/_flex-table.scss */
.flex-table__row {
display: flex;
font-weight: normal;
}
/* line 33, scss/components/_flex-table.scss */
.flex-table__row > div {
flex: 1;
padding: .5rem;
width: calc((100% / 3) - 3px);
overflow: hidden;
text-overflow: ellipsis;
}
@media screen and (min-width: 1000px) {
/* line 33, scss/components/_flex-table.scss */
.flex-table__row > div {
width: auto;
}
}
/* line 44, scss/components/_flex-table.scss */
.flex-table__row > div + div {
border-left: 3px solid #F2F2F2;
}
/* line 50, scss/components/_flex-table.scss */
.flex-table__row.even {
background-color: rgba(216, 216, 216, 0.5);
}
/* line 54, scss/components/_flex-table.scss */
.flex-table__row.odd {
background-color: rgba(216, 216, 216, 0.35);
}
@media screen and (min-width: 0) and (max-width: 768px) {
/* line 60, scss/components/_flex-table.scss */
.flex-table__row .flex-table__title span {
display: none;
}
}
/* line 18, scss/components/_calc.scss */
.o-grid--calc {
max-width: 1200px;
margin: 1rem auto;
}
/*
* Project type box
*/
/* line 29, scss/components/_calc.scss */
.calc__project-type {
background-color: rgba(216, 216, 216, 0.29);
padding: 1.5rem 1rem;
display: flex;
align-items: center;
border-radius: 4px;
flex-direction: column;
margin-bottom: 2rem;
}
@media screen and (min-width: 1000px) {
/* line 29, scss/components/_calc.scss */
.calc__project-type {
flex-direction: row;
padding: 1.5rem;
}
}
@media screen and (min-width: 1000px) {
/* line 44, scss/components/_calc.scss */
.calc-project-type {
max-width: 50%;
}
}
/* line 50, scss/components/_calc.scss */
.calc-project-type p {
font-size: .78rem;
margin-bottom: 0;
}
/* line 56, scss/components/_calc.scss */
.calc__label {
font-family: "Oswald", sans-serif;
font-size: 1.33rem;
display: flex;
flex-direction: column;
margin-bottom: .5rem;
}
/* line 70, scss/components/_calc.scss */
.calc__intro {
font-size: .89rem;
}
/* line 76, scss/components/_calc.scss */
.house_type_radio_wrapper {
display: flex;
}
/* line 79, scss/components/_calc.scss */
.house_type_radio_wrapper input:checked + label {
opacity: 1;
}
/* line 83, scss/components/_calc.scss */
.house_type_radio_wrapper input:checked + label img {
border: 4px solid #0a6288;
border-radius: 3px;
box-shadow: 0 0 5px #979797;
opacity: 1;
}
/* line 90, scss/components/_calc.scss */
.house_type_radio_wrapper input + label {
transition: all .25s ease-in-out;
}
/* line 94, scss/components/_calc.scss */
.house_type_radio_wrapper input + label:hover {
opacity: 1;
}
/* line 98, scss/components/_calc.scss */
.house_type_radio_wrapper label {
font-size: .89rem;
display: flex;
flex-direction: column;
margin-top: auto;
align-items: center;
opacity: .65;
}
/* line 106, scss/components/_calc.scss */
.house_type_radio_wrapper label img {
max-width: 98px;
display: block;
margin-bottom: .75rem;
border: 4px solid transparent;
}
/* line 113, scss/components/_calc.scss */
.house_type_radio_wrapper label:hover {
cursor: pointer;
}
/* line 124, scss/components/_calc.scss */
.house_type_radio_wrapper div {
display: flex;
flex-direction: column;
margin: 0 1rem;
}
/* line 130, scss/components/_calc.scss */
.house_type_radio_wrapper input {
display: none;
}
/*
* Tabs
*/
/* line 138, scss/components/_calc.scss */
.tabs-wrapper-intro {
font-size: .89rem;
}
/* line 142, scss/components/_calc.scss */
.regulation-tabs {
padding: 0;
margin: 0;
list-style: none;
font-family: "Oswald", sans-serif;
font-size: .98rem;
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
z-index: 10;
display: none;
}
@media screen and (min-width: 1000px) {
/* line 142, scss/components/_calc.scss */
.regulation-tabs {
display: flex;
}
}
@media screen and (min-width: 1000px) {
/* line 156, scss/components/_calc.scss */
.regulation-tabs-mobile {
display: none;
}
}
/* line 162, scss/components/_calc.scss */
.regulation-tabs li {
flex: 1;
border-left: 3px solid #fff;
position: relative;
background-color: #0a6288;
}
/* line 168, scss/components/_calc.scss */
.regulation-tabs li.selected {
background-color: #F4F4F4;
}
/* line 171, scss/components/_calc.scss */
.regulation-tabs li.selected::after {
display: block;
}
/* line 176, scss/components/_calc.scss */
.regulation-tabs li::after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 9px 6.5px 0 6.5px;
border-color: #F4F4F4 transparent transparent transparent;
position: absolute;
top: 100%;
left: 50%;
margin-left: -6.5px;
display: none;
}
/* line 190, scss/components/_calc.scss */
.regulation-tabs li:first-child {
border-left: 0;
}
/* line 197, scss/components/_calc.scss */
.regulation-tabs a {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
color: #fff;
padding: .5rem 1rem;
line-height: 1.3;
font-weight: normal;
text-decoration: none;
text-align: center;
}
/* line 210, scss/components/_calc.scss */
.regulation-tabs a.selected {
color: #000;
}
/* line 220, scss/components/_calc.scss */
.calc-category {
padding-top: 2rem;
}
/* line 223, scss/components/_calc.scss */
.calc-category__title {
color: #0a6288;
font-size: 1.55rem;
margin-bottom: 1rem;
}
/* line 229, scss/components/_calc.scss */
.calc-category__desc {
font-size: .89rem;
}
/* line 234, scss/components/_calc.scss */
.regulation {
border-top: 1px solid rgba(151, 151, 151, 0.63);
padding: 2rem 0;
position: relative;
}
/* line 239, scss/components/_calc.scss */
.regulation_title {
font-family: "Oswald", sans-serif;
font-size: 1.3rem;
font-weight: 300;
margin-bottom: .5rem;
}
/* line 246, scss/components/_calc.scss */
.regulation_description {
font-size: .8rem;
margin-bottom: 4rem;
}
@media screen and (min-width: 0) and (max-width: 768px) {
/* line 246, scss/components/_calc.scss */
.regulation_description {
margin-bottom: 2rem;
}
}
/* line 255, scss/components/_calc.scss */
.regulation_info {
display: flex;
flex-wrap: wrap;
position: relative;
}
@media screen and (min-width: 0) and (max-width: 768px) {
/* line 260, scss/components/_calc.scss */
.regulation_info > div {
flex: 1 1 100%;
}
}
/* line 268, scss/components/_calc.scss */
.regulation_change {
flex: 1;
}
@media screen and (min-width: 0) and (max-width: 768px) {
/* line 272, scss/components/_calc.scss */
.regulation_set_value {
margin-bottom: 3rem;
}
}
/* line 278, scss/components/_calc.scss */
.regulation_value_span {
background-color: #0a6288;
color: #fff;
font-size: .8rem;
font-weight: 600;
border-radius: 3px;
padding: .15rem .35rem;
}
/* line 287, scss/components/_calc.scss */
.regulation_reset {
margin: 0 1rem;
}
@media screen and (min-width: 0) and (max-width: 768px) {
/* line 287, scss/components/_calc.scss */
.regulation_reset {
position: absolute;
top: 0;
right: 0;
}
}
/* line 296, scss/components/_calc.scss */
.regulation_reset a {
text-indent: -9999px;
background: url("../../svg/calc-reset.svg");
background-repeat: no-repeat;
background-size: 100%;
width: 100%;
height: 100%;
display: block;
}
/* line 306, scss/components/_calc.scss */
.regulation_reset_inner {
width: 1.45em;
height: 1.45em;
}
/* line 312, scss/components/_calc.scss */
.regulation::before {
content: '';
width: 0;
background-color: #F6F94D;
position: absolute;
top: 0;
left: -1.5rem;
margin: 2rem 0;
transition: all .25s ease-in-out;
height: calc(100% - 4rem);
}
/* line 325, scss/components/_calc.scss */
.regulation.changed::before {
width: 8px;
}
/* line 331, scss/components/_calc.scss */
.regulation--affordability_affordability_level,
.regulation--hardcosts_mha_fees {
padding-left: 2rem;
}
@media screen and (min-width: 1000px) {
/* line 331, scss/components/_calc.scss */
.regulation--affordability_affordability_level,
.regulation--hardcosts_mha_fees {
padding-left: 4rem;
}
}
/* line 342, scss/components/_calc.scss */
.sticky {
left: 0;
transition: all .25s ease-in-out;
}
@media screen and (min-width: 0) and (max-width: 768px) {
/* line 342, scss/components/_calc.scss */
.sticky {
background: #ddd;
bottom: calc(-100% + 164px);
height: 80vh;
position: fixed;
width: 100%;
z-index: 1000;
max-height: 80vh;
}
}
@media screen and (min-width: 1000px) {
/* line 342, scss/components/_calc.scss */
.sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
bottom: unset !important;
}
}
@media screen and (min-width: 0) and (max-width: 768px) {
/* line 362, scss/components/_calc.scss */
.sticky .ajax-loader {
height: 150px;
}
}
@media screen and (min-width: 0) and (max-width: 768px) {
/* line 369, scss/components/_calc.scss */
.sticky.is-active .ajax-loader {
height: 100%;
}
}
/* line 377, scss/components/_calc.scss */
.toggle-data {
background-color: #282828;
display: flex;
align-items: center;
justify-content: center;
padding: .5rem 0;
}
@media screen and (min-width: 1000px) {
/* line 377, scss/components/_calc.scss */
.toggle-data {
display: none;
}
}
/* line 388, scss/components/_calc.scss */
.toggle-data span {
background-image: url(../../svg/white_chevron.svg);
background-repeat: no-repeat;
background-size: 100% 100%;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
display: block;
width: 1.5em;
height: .75em;
}
/* line 399, scss/components/_calc.scss */
.toggle-data.is-active span {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
@media screen and (min-width: 0) and (max-width: 768px) {
/* line 405, scss/components/_calc.scss */
.sticky-scroll {
overflow: scroll;
max-height: calc(100vh - 31.5px);
}
}
@media screen and (min-width: 1000px) {
/* line 412, scss/components/_calc.scss */
.sidebar-results {
margin-bottom: 1.5rem;
margin-top: 2rem;
}
}
/* line 419, scss/components/_calc.scss */
.sidebar-results .ajax-results {
background-color: rgba(216, 216, 216, 0.29);
border-radius: 4px;
padding: 1rem 1.25rem;
min-height: 300px;
}
/* line 427, scss/components/_calc.scss */
.calc-sidebar__title {
font-size: .78rem;
text-transform: uppercase;
font-weight: normal;
margin-bottom: .25rem;
}
@media screen and (min-width: 1000px) {
/* line 427, scss/components/_calc.scss */
.calc-sidebar__title {
font-size: .89rem;
}
}
/* line 438, scss/components/_calc.scss */
.calc-sidebar__desc {
font-size: .68rem;
margin-top: -1rem;
}
/* line 443, scss/components/_calc.scss */
.data-btn {
padding: .5rem 1rem;
text-align: center;
border-radius: 4px;
margin-bottom: .5rem;
}
/* line 449, scss/components/_calc.scss */
.data-btn.negative {
background-color: #A10115;
color: #fff;
}
/* line 454, scss/components/_calc.scss */
.data-btn.positive {
background-color: #14A417;
color: #fff;
}
/* line 459, scss/components/_calc.scss */
.data-btn.neutral {
background-color: #999;
color: #fff;
}
/* line 464, scss/components/_calc.scss */
.data-btn__title {
font-size: 1.33rem;
font-weight: 600;
margin-bottom: .25rem;
line-height: 1.1;
}
/* line 471, scss/components/_calc.scss */
.data-btn__small {
font-size: .8rem;
font-weight: normal;
}
/* line 477, scss/components/_calc.scss */
.data-btn--margin {
margin-bottom: 1.5rem;
}
/* line 483, scss/components/_calc.scss */
.o-grid--calc {
display: flex;
flex-direction: column;
padding: 0 1.5rem;
}
@media screen and (min-width: 1000px) {
/* line 483, scss/components/_calc.scss */
.o-grid--calc {
flex-direction: row;
padding: 0 2.3rem;
}
}
@media screen and (min-width: 1000px) {
/* line 494, scss/components/_calc.scss */
.o-grid--calc__item:first-child {
width: 60%;
}
}
@media screen and (min-width: 1000px) {
/* line 500, scss/components/_calc.scss */
.o-grid--calc__item:last-child {
width: calc(40%);
padding: 0 2rem 0 4rem;
}
}
/* line 512, scss/components/_calc.scss */
.results-table {
font-size: .78rem;
margin-bottom: .9rem;
}
@media screen and (min-width: 1000px) {
/* line 512, scss/components/_calc.scss */
.results-table {
margin-bottom: 2rem;
}
}
/* line 520, scss/components/_calc.scss */
.results-table__title {
text-align: center;
font-weight: 300;
font-size: inherit;
font-family: "Open Sans", sans-serif;
margin-bottom: 0;
width: 100%;
}
/* line 529, scss/components/_calc.scss */
.results-table__item {
padding: .25rem 0;
display: flex;
justify-content: space-between;
}
/* line 534, scss/components/_calc.scss */
.results-table__item.has-subitem {
padding: 0;
display: block;
}
/* line 540, scss/components/_calc.scss */
.results-table__subitem {
padding: .25rem 0 .25rem .5rem;
display: flex;
justify-content: space-between;
}
/* line 545, scss/components/_calc.scss */
.results-table__subitem label {
padding-right: .5rem;
}
/* line 552, scss/components/_calc.scss */
.results-table--rent .results-table__item + .results-table__item {
border-top: 2px solid rgba(151, 151, 151, 0.73);
}
/* line 556, scss/components/_calc.scss */
.results-table--rent .results-table__item:nth-child(3) {
border-top-width: 1px;
border-top-style: dashed;
}
/* line 561, scss/components/_calc.scss */
.results-table--rent .results-table__item:nth-child(2) {
border-top: 0;
}
/* line 569, scss/components/_calc.scss */
.results-table--bottom .results-table__item:last-child {
border-bottom: 2px solid rgba(151, 151, 151, 0.73);
}
/* line 575, scss/components/_calc.scss */
.results-table--large {
font-size: .89rem;
}
/* line 578, scss/components/_calc.scss */
.results-table--large .results-table__item {
padding: .5rem 1rem;
}
/* line 581, scss/components/_calc.scss */
.results-table--large .results-table__item.odd {
background-color: rgba(216, 216, 216, 0.23);
}
/* line 586, scss/components/_calc.scss */
.results-table--large .rent_breakdown_new_rent {
color: #A10115;
text-transform: uppercase;
font-weight: 600;
}
/* line 593, scss/components/_calc.scss */
.results-table--no-margin {
margin-bottom: 0;
}
/* line 597, scss/components/_calc.scss */
.generate-report {
display: block;
width: 100%;
text-align: center;
font-family: "Oswald", sans-serif;
}
/* line 605, scss/components/_calc.scss */
.c-btn--trans, .label-button a {
font-size: .65rem;
text-transform: none;
border: 2px solid #0a6288;
border-radius: 3px;
padding: .15rem .25rem;
margin-bottom: 0;
text-align: center;
}
/* line 628, scss/components/_calc.scss */
.label-button {
display: flex;
align-items: center;
justify-content: center;
font-size: .78rem;
margin: 1.5rem 0 .5rem 0;
}
@media screen and (min-width: 1000px) {
/* line 628, scss/components/_calc.scss */
.label-button {
font-size: 1rem;
margin: 0 0 .5rem 0;
}
}
/* line 640, scss/components/_calc.scss */
.label-button a {
margin: 0 0 0 .55rem;
font-size: .78rem;
}
@media screen and (min-width: 1000px) {
/* line 640, scss/components/_calc.scss */
.label-button a {
font-size: .88rem;
}
}
@media screen and (min-width: 1000px) {
/* line 651, scss/components/_calc.scss */
.label-button--block {
flex-direction: column;
}
}
@media screen and (min-width: 1000px) {
/* line 657, scss/components/_calc.scss */
.label-button--block label {
margin-bottom: .25rem;
}
}
/* line 668, scss/components/_calc.scss */
.section--report {
background-color: rgba(216, 216, 216, 0.32);
border-radius: 16px;
margin-bottom: 2.2rem;
font-size: .89rem;
padding: 1.25rem;
}
@media screen and (min-width: 1000px) {
/* line 668, scss/components/_calc.scss */
.section--report {
padding: 2rem 4rem;
}
}
/* line 679, scss/components/_calc.scss */
.section--report .section__title {
font-family: "Open Sans", sans-serif;
font-size: 1.33rem;
font-weight: 600;
}
/* line 685, scss/components/_calc.scss */
.section--report .section__subtitle {
font-family: "Open Sans", sans-serif;
font-size: .89rem;
font-weight: normal;
margin-bottom: .25rem;
}
/* line 693, scss/components/_calc.scss */
.section--report ul li {
margin-bottom: 1rem;
line-height: 1.7;
}
/* line 699, scss/components/_calc.scss */
.section--report hr {
border-top: 1px dashed #282828;
border-bottom: 0;
outline: 0;
margin: 2rem 0;
}
/* line 710, scss/components/_calc.scss */
.calc-fact__grid {
padding: 0 0 2rem 0;
display: flex;
flex-direction: column;
}
@media screen and (min-width: 1000px) {
/* line 710, scss/components/_calc.scss */
.calc-fact__grid {
flex-direction: row;
}
}
/* line 720, scss/components/_calc.scss */
.calc-fact {
padding: 0 1rem;
display: flex;
text-align: center;
flex-direction: column;
flex: 1;
}
/* line 727, scss/components/_calc.scss */
.calc-fact__number {
font-size: 3.11rem;
font-weight: 600;
}
/* line 732, scss/components/_calc.scss */
.calc-fact__label {
font-size: .89rem;
}
/* line 738, scss/components/_calc.scss */
.calc-reports-title {
display: flex;
flex-direction: column;
}
@media screen and (min-width: 1000px) {
/* line 738, scss/components/_calc.scss */
.calc-reports-title {
flex-direction: row;
justify-content: space-between;
}
}
/* line 747, scss/components/_calc.scss */
.calc-reports-title h1 {
margin-bottom: 1rem;
}
@media screen and (min-width: 0) and (max-width: 768px) {
/* line 751, scss/components/_calc.scss */
.calc-reports-title .calc__sharebuttons {
justify-content: left;
margin-top: 0;
margin-bottom: 1.5rem;
}
}
@media screen and (min-width: 0) and (max-width: 768px) {
/* line 759, scss/components/_calc.scss */
.calc-reports-title .calc__sharelist__item svg {
margin-left: 0;
margin-right: .75rem;
}
}
/* line 767, scss/components/_calc.scss */
.main-report-page {
font-family: "Oswald", sans-serif;
font-size: 1.33rem;
font-weight: normal;
margin-bottom: 3rem;
margin-top: 2rem;
display: inline-block;
}
/* line 775, scss/components/_calc.scss */
.main-report-page:hover {
text-decoration: none;
}
/* line 779, scss/components/_calc.scss */
.main-report-page:link, .main-report-page:visited {
color: rgba(40, 40, 40, 0.64);
}
/* line 784, scss/components/_calc.scss */
.main-report-page::before {
content: '';
background-image: url("../../svg/left-arrow.svg");
background-repeat: no-repeat;
background-size: 100% 100%;
width: 0.9em;
height: 1.1em;
display: inline-block;
position: relative;
top: 3px;
margin-right: .25rem;
}
/* line 798, scss/components/_calc.scss */
#report-results {
min-height: 300px;
}
/* line 802, scss/components/_calc.scss */
.calc__credit {
font-size: .79rem;
text-align: center;
margin-top: .75rem;
}
/* line 807, scss/components/_calc.scss */
.calc__credit p {
margin-bottom: .25rem;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
}
/* line 814, scss/components/_calc.scss */
.calc__credit p img {
flex: 1;
margin-left: .75rem;
}
@media screen and (min-width: 1000px) {
/* line 802, scss/components/_calc.scss */
.calc__credit {
font-size: .7rem;
text-align: left;
}
}
/* line 826, scss/components/_calc.scss */
.report-actions {
display: flex;
}
@media screen and (min-width: 0) and (max-width: 768px) {
/* line 826, scss/components/_calc.scss */
.report-actions {
padding: 0 1.5rem;
}
}
/* line 833, scss/components/_calc.scss */
.report-actions .c-btn, .report-actions .button, .report-actions .label-button a, .label-button .report-actions a, .report-actions .c-featured-large__content .field--name-field-fci-learn-more-link a, .c-featured-large__content .field--name-field-fci-learn-more-link .report-actions a, .report-actions .c-insights .more-link a, .c-insights .more-link .report-actions a, .report-actions .c-page-foot .c-footer_signup .form-actions .button, .c-page-foot .c-footer_signup .form-actions .report-actions .button {
padding: .75rem .65rem;
}
@media screen and (min-width: 0) and (max-width: 768px) {
/* line 833, scss/components/_calc.scss */
.report-actions .c-btn, .report-actions .button, .report-actions .label-button a, .label-button .report-actions a, .report-actions .c-featured-large__content .field--name-field-fci-learn-more-link a, .c-featured-large__content .field--name-field-fci-learn-more-link .report-actions a, .report-actions .c-insights .more-link a, .c-insights .more-link .report-actions a, .report-actions .c-page-foot .c-footer_signup .form-actions .button, .c-page-foot .c-footer_signup .form-actions .report-actions .button {
margin-bottom: .25rem;
padding: .45rem .65rem;
}
}
/* line 842, scss/components/_calc.scss */
.report-actions .c-btn:first-child, .report-actions .button:first-child, .report-actions .label-button a:first-child, .label-button .report-actions a:first-child, .report-actions .c-featured-large__content .field--name-field-fci-learn-more-link a:first-child, .c-featured-large__content .field--name-field-fci-learn-more-link .report-actions a:first-child, .report-actions .c-insights .more-link a:first-child, .c-insights .more-link .report-actions a:first-child, .report-actions .c-page-foot .c-footer_signup .form-actions .button:first-child, .c-page-foot .c-footer_signup .form-actions .report-actions .button:first-child {
flex: 1;
font-size: .95rem;
line-height: 1.3;
}
/* line 848, scss/components/_calc.scss */
.report-actions .c-btn--gray {
font-size: .89rem;
text-transform: none;
margin-left: .75rem;
display: flex;
align-items: center;
}
/* line 855, scss/components/_calc.scss */
.report-actions .c-btn--gray::after {
content: '';
background-image: url("../../svg/reset.svg");
background-repeat: no-repeat;
background-size: 100% 100%;
width: 1em;
height: 1em;
display: inline-block;
margin-left: .35rem;
}
/* line 870, scss/components/_calc.scss */
.hra {
display: inline-block;
max-width: 128px;
}
/* line 879, scss/components/_calc.scss */
.positive {
color: #14A417;
}
/* line 882, scss/components/_calc.scss */
.negative {
color: #A10115;
}
/* line 886, scss/components/_calc.scss */
.neutral {
color: #999;
}
/* TOOLTIPS */
/* line 892, scss/components/_calc.scss */
.tooltip_templates {
display: none;
}
/* line 896, scss/components/_calc.scss */
.tooltip {
cursor: hand;
}
/* line 904, scss/components/_calc.scss */
.tooltip_icon::after {
content: "";
background: url("../../processed/svg/calc-tooltip.svg");
background-repeat: no-repeat;
display: inline-block;
width: 1em;
height: 1em;
cursor: pointer;
text-align: center;
}
/* line 920, scss/components/_calc.scss */
.calc__share {
margin-bottom: 1rem;
font-weight: 500;
}
@media screen and (min-width: 640px) {
/* line 920, scss/components/_calc.scss */
.calc__share {
display: flex;
justify-content: space-between;
}
}
/* line 932, scss/components/_calc.scss */
.calc__sharebuttons {
display: flex;
align-items: center;
justify-content: center;
margin-top: 1rem;
}
@media screen and (min-width: 1000px) {
/* line 932, scss/components/_calc.scss */
.calc__sharebuttons {
position: relative;
top: 0;
margin-top: 0;
}
}
/* line 945, scss/components/_calc.scss */
.calc__sharelist {
padding: 0;
margin: 0;
list-style: none;
display: flex;
}
/* line 949, scss/components/_calc.scss */
.calc__sharelist svg {
display: block;
margin-left: .75rem;
}
/* line 955, scss/components/_calc.scss */
.calc {
background-color: #F3F3F3;
border-radius: 14px;
overflow: hidden;
}
/* line 964, scss/components/_calc.scss */
.irs--round.irs-with-grid {
height: 87px;
margin-top: -2rem;
}
/* line 969, scss/components/_calc.scss */
.irs--round .irs-handle {
border: 0;
width: 8px;
top: 36px;
height: 26px;
border-radius: 0;
}
/* line 976, scss/components/_calc.scss */
.irs--round .irs-handle:hover {
cursor: pointer;
}
/* line 981, scss/components/_calc.scss */
.irs--round .irs-bar {
background-color: #0a6288;
height: 26px;
}
/* line 987, scss/components/_calc.scss */
.irs--round .irs-line {
height: 26px;
}
/* line 992, scss/components/_calc.scss */
.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
background-color: #0a6288;
}
/* line 996, scss/components/_calc.scss */
.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {
border-top-color: #0a6288;
}
/* line 1001, scss/components/_calc.scss */
.calc__wrap select,
.calc__wrap .select2-container {
width: 100% !important;
height: 45px;
margin-top: -1.5rem;
}
@media screen and (min-width: 1000px) {
/* line 1001, scss/components/_calc.scss */
.calc__wrap select,
.calc__wrap .select2-container {
margin-left: 1rem;
margin-top: -0.45rem;
width: 260px !important;
}
}
/* line 1013, scss/components/_calc.scss */
.calc__wrap select:focus,
.calc__wrap .select2-container:focus {
box-shadow: none;
outline: 0;
}
/* line 1019, scss/components/_calc.scss */
.calc .select2-hidden-accessible {
width: 1px !important;
}
/* line 1024, scss/components/_calc.scss */
.calc__wrap .select2-container .select2-selection--single {
width: 100%;
padding: .35rem 1rem;
background-color: #fff;
height: 100%;
border-radius: 6px;
border: 1px solid #A1A0A1;
color: #000;
font-size: 1rem;
}
/* line 1034, scss/components/_calc.scss */
.calc__wrap .select2-container .select2-selection--single .select2-selection__rendered {
font-size: 1rem;
font-weight: 300;
}
/* line 1039, scss/components/_calc.scss */
.calc__wrap .select2-container .select2-selection--single:focus {
box-shadow: none;
outline: 0;
}
/* line 1044, scss/components/_calc.scss */
.calc__wrap .select2-container .select2-selection--single .select2-selection__arrow {
top: 18px;
right: 17px;
}
/* line 1050, scss/components/_calc.scss */
.calc__wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none !important;
}
/* line 1054, scss/components/_calc.scss */
.calc__wrap .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-width: 0 10px 12px 10px;
border-color: transparent transparent #B9B9B9 transparent;
}
/* line 1059, scss/components/_calc.scss */
.calc__wrap .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #0a6288;
}
/* line 1063, scss/components/_calc.scss */
.calc__wrap .select2-container .select2-selection--single .select2-selection__rendered {
color: #000;
padding-left: 0;
}
/* line 1069, scss/components/_calc.scss */
.calc__wrap .select2-results__option {
padding: .5rem 1.25rem;
font-family: "Oswald", sans-serif;
}
/* line 1074, scss/components/_calc.scss */
.calc__wrap .select2-container .select2-selection--single .select2-selection__arrow {
background-image: url("../../svg/down-arrow.svg");
width: 23px;
height: 12px;
background-size: 100%;
}
/* line 1084, scss/components/_calc.scss */
.tooltipster-sidetip.tooltipster-shadow .tooltipster-content {
line-height: 1.5;
padding: 1rem;
font-size: .89rem;
font-weight: normal;
color: #000;
}
/* ==========================================================================
Featured Pane
========================================================================== */
/*doc
---
title: Default
name: featured-pane
category: Components - Featured Pane
---
Featured panes inherit the `.box` object which can be found in `objects/_box.scss`
```html_example
Blog Post
How to create an unscripted leadership platform of your own
```
*/
/* Full size featured pane
========================================================================== */
/* line 26, scss/components/_featured-pane.scss */
.c-featured {
margin-bottom: 2rem;
}
@media screen and (min-width: 640px) {
/* line 26, scss/components/_featured-pane.scss */
.c-featured {
display: flex;
flex-flow: row wrap;
justify-content: center;
}
}
/* line 35, scss/components/_featured-pane.scss */
.c-featured-large {
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin-bottom: 2rem;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 1rem 0 1rem;
}
@media screen and (min-width: 640px) {
/* line 35, scss/components/_featured-pane.scss */
.c-featured-large {
flex: 1 100%;
margin-bottom: 1rem;
justify-content: left;
}
}
@media screen and (min-width: 1024px) {
/* line 35, scss/components/_featured-pane.scss */
.c-featured-large {
min-height: 426px;
}
}
@media screen and (min-width: 1122px) {
/* line 35, scss/components/_featured-pane.scss */
.c-featured-large {
min-height: 560px;
}
}
/* line 61, scss/components/_featured-pane.scss */
.c-featured-large__image .field--name-field-fci-image img {
display: none;
}
/* line 63, scss/components/_featured-pane.scss */
.c-featured-large__content {
position: relative;
z-index: 2;
background-color: rgba(10, 98, 136, 0.9);
color: #fff;
margin: 0 1rem;
display: flex;
padding: 1rem .75rem 1rem;
justify-content: center;
flex-direction: column;
align-items: center;
}
@media screen and (min-width: 640px) {
/* line 63, scss/components/_featured-pane.scss */
.c-featured-large__content {
display: block;
margin: 0;
padding: 3rem;
width: 80%;
}
}
@media screen and (min-width: 1024px) {
/* line 63, scss/components/_featured-pane.scss */
.c-featured-large__content {
width: 60%;
padding: 2.5rem 3.5rem;
max-width: 820px;
}
}
/* line 88, scss/components/_featured-pane.scss */
.c-featured-large__content .field--name-node-title h1 {
font-size: 2rem;
margin-bottom: 1rem;
}
@media screen and (min-width: 640px) {
/* line 88, scss/components/_featured-pane.scss */
.c-featured-large__content .field--name-node-title h1 {
font-size: 2.667rem;
}
}
/* line 97, scss/components/_featured-pane.scss */
.c-featured-large__content .field--name-field-fci-summary {
display: none;
}
@media screen and (min-width: 640px) {
/* line 97, scss/components/_featured-pane.scss */
.c-featured-large__content .field--name-field-fci-summary {
display: block;
}
}
/* line 104, scss/components/_featured-pane.scss */
.c-featured-large__content .field--name-field-fci-summary p {
font-size: .7778rem;
line-height: 1rem;
font-weight: 300;
margin-bottom: .75rem;
}
@media screen and (min-width: 640px) {
/* line 104, scss/components/_featured-pane.scss */
.c-featured-large__content .field--name-field-fci-summary p {
font-size: 1rem;
line-height: 1.333rem;
margin-bottom: 1rem;
}
}
/* line 118, scss/components/_featured-pane.scss */
.c-featured-large__content .field--name-field-fci-learn-more-link {
text-align: center;
}
@media screen and (min-width: 640px) {
/* line 118, scss/components/_featured-pane.scss */
.c-featured-large__content .field--name-field-fci-learn-more-link {
text-align: left;
}
}
/* line 125, scss/components/_featured-pane.scss */
.c-featured-large__content .field--name-field-fci-learn-more-link a {
margin: 0;
text-decoration: none;
}
/* line 135, scss/components/_featured-pane.scss */
.c-featured-large a > .ext {
display: none;
}
/* line 141, scss/components/_featured-pane.scss */
.c-featured .node--view-mode-featured-small {
padding: 0 1rem 1rem;
margin-bottom: 2rem;
}
@media screen and (min-width: 640px) {
/* line 141, scss/components/_featured-pane.scss */
.c-featured .node--view-mode-featured-small {
padding: 0 .5rem .5rem;
margin-bottom: 2rem;
}
}
@media screen and (min-width: 1024px) {
/* line 141, scss/components/_featured-pane.scss */
.c-featured .node--view-mode-featured-small {
flex: 0 0 356px;
padding: 0 8px;
margin-bottom: 4rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1082px) {
/* line 141, scss/components/_featured-pane.scss */
.c-featured .node--view-mode-featured-small {
flex: 0 0 336px;
}
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
/* line 141, scss/components/_featured-pane.scss */
.c-featured .node--view-mode-featured-small {
flex: 1;
}
}
/* line 164, scss/components/_featured-pane.scss */
.c-featured .node--view-mode-featured-small .field_fci_summary h2 {
font-family: "Open Sans", sans-serif;
font-size: .7778rem;
line-height: .8889rem;
font-weight: 400;
margin-bottom: 0;
color: #0a6288;
}
/* line 172, scss/components/_featured-pane.scss */
.c-featured .node--view-mode-featured-small .field_fci_summary h2:hover {
text-decoration: underline;
}
/* line 177, scss/components/_featured-pane.scss */
.c-featured .node--view-mode-featured-small .field--name-field-fci-image {
position: relative;
display: inline-block;
text-decoration: none;
}
/* line 153, scss/tools/_mixins.scss */
.c-featured .node--view-mode-featured-small .field--name-field-fci-image:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: #0a6288;
opacity: 0;
transition: opacity .3s ease-in-out;
}
/* line 168, scss/tools/_mixins.scss */
.c-featured .node--view-mode-featured-small .field--name-field-fci-image:hover:after, .c-featured .node--view-mode-featured-small .field--name-field-fci-image.hover:after {
opacity: .3;
}
/* line 173, scss/tools/_mixins.scss */
.c-featured .node--view-mode-featured-small .field--name-field-fci-image img {
display: block;
}
/* line 182, scss/components/_featured-pane.scss */
.c-featured .node--view-mode-featured-small:hover .field--name-field-fci-image:after {
opacity: .3;
}
/* line 185, scss/components/_featured-pane.scss */
.c-featured .node--view-mode-featured-small:hover .field_fci_summary {
text-decoration: underline;
}
/*doc
---
title: Small
name: featured-pane-small
category: Components - Featured Pane
---
Featured panes inherit the `.box` object which can be found in `objects/_box.scss`
```html_example
Blog Post
How to create an unscripted leadership platform of your own
```
*/
/* line 209, scss/components/_featured-pane.scss */
.c-featured-pane--small {
background: #666;
border: 1px solid #fff;
}
/* line 216, scss/components/_featured-pane.scss */
.c-featured-pane--small .c-featured-pane__source {
font-size: 1rem;
}
/* line 221, scss/components/_featured-pane.scss */
.c-featured-pane--small .c-featured-pane__title {
font-size: 1.2rem;
}
/* line 2, scss/components/_hero.scss */
.c-hero,
#block-insightsheader {
background: url("../../img/insights_hero.jpg") no-repeat center center;
background-size: cover;
color: #fff;
}
/* line 8, scss/components/_hero.scss */
.c-hero .field--name-body,
.c-hero .c-hero__inner,
#block-insightsheader .field--name-body,
#block-insightsheader .c-hero__inner {
display: flex;
flex-flow: column wrap;
justify-content: flex-end;
padding: .25rem 1rem;
margin-bottom: 1rem;
}
@media screen and (min-width: 640px) {
/* line 8, scss/components/_hero.scss */
.c-hero .field--name-body,
.c-hero .c-hero__inner,
#block-insightsheader .field--name-body,
#block-insightsheader .c-hero__inner {
min-height: 370px;
padding: 3.5rem 1rem;
margin-bottom: 3.5rem;
}
}
@media screen and (min-width: 1024px) {
/* line 8, scss/components/_hero.scss */
.c-hero .field--name-body,
.c-hero .c-hero__inner,
#block-insightsheader .field--name-body,
#block-insightsheader .c-hero__inner {
padding-left: 0;
padding-right: 0;
}
}
/* line 29, scss/components/_hero.scss */
.c-hero .field--name-body h1,
.c-hero .field--name-body h2,
.c-hero .c-hero__inner h1,
.c-hero .c-hero__inner h2,
#block-insightsheader .field--name-body h1,
#block-insightsheader .field--name-body h2,
#block-insightsheader .c-hero__inner h1,
#block-insightsheader .c-hero__inner h2 {
font-size: 3.556rem;
line-height: 1.5;
margin-bottom: 0;
text-align: center;
}
@media screen and (min-width: 640px) {
/* line 29, scss/components/_hero.scss */
.c-hero .field--name-body h1,
.c-hero .field--name-body h2,
.c-hero .c-hero__inner h1,
.c-hero .c-hero__inner h2,
#block-insightsheader .field--name-body h1,
#block-insightsheader .field--name-body h2,
#block-insightsheader .c-hero__inner h1,
#block-insightsheader .c-hero__inner h2 {
text-align: left;
}
}
/* line 40, scss/components/_hero.scss */
.c-hero .field--name-body .field--name-field-featured-text,
.c-hero .field--name-body p,
.c-hero .c-hero__inner .field--name-field-featured-text,
.c-hero .c-hero__inner p,
#block-insightsheader .field--name-body .field--name-field-featured-text,
#block-insightsheader .field--name-body p,
#block-insightsheader .c-hero__inner .field--name-field-featured-text,
#block-insightsheader .c-hero__inner p {
font-weight: 400;
margin-bottom: 0;
display: none;
}
@media screen and (min-width: 640px) {
/* line 40, scss/components/_hero.scss */
.c-hero .field--name-body .field--name-field-featured-text,
.c-hero .field--name-body p,
.c-hero .c-hero__inner .field--name-field-featured-text,
.c-hero .c-hero__inner p,
#block-insightsheader .field--name-body .field--name-field-featured-text,
#block-insightsheader .field--name-body p,
#block-insightsheader .c-hero__inner .field--name-field-featured-text,
#block-insightsheader .c-hero__inner p {
display: inline;
}
}
/* line 53, scss/components/_hero.scss */
.c-hero__research {
min-height: 560px;
margin-bottom: 50px;
height: 100%;
position: relative;
}
/* line 59, scss/components/_hero.scss */
.c-hero__research .c-featured-large__content {
width: 100%;
}
/* line 63, scss/components/_hero.scss */
.c-hero__research .c-hero__inner {
margin: 0;
padding: 8.5rem 0 0;
}
/* line 2, scss/components/_insights.scss */
.c-latest-news {
padding-top: 2rem;
}
@media screen and (min-width: 640px) {
/* line 2, scss/components/_insights.scss */
.c-latest-news {
margin-bottom: 1rem;
}
}
/* line 9, scss/components/_insights.scss */
.c-latest-news h2 {
font-size: 1.333rem;
line-height: 1.5;
margin-bottom: .25rem;
text-align: center;
}
@media screen and (min-width: 640px) {
/* line 9, scss/components/_insights.scss */
.c-latest-news h2 {
font-size: 2.222rem;
line-height: 1.5;
text-align: left;
}
}
/* line 22, scss/components/_insights.scss */
.c-latest-news p {
font-weight: 300;
margin-bottom: 0;
display: none;
}
@media screen and (min-width: 640px) {
/* line 22, scss/components/_insights.scss */
.c-latest-news p {
display: inline;
}
}
/* line 34, scss/components/_insights.scss */
.c-insights {
margin-bottom: 2rem;
}
/* line 37, scss/components/_insights.scss */
.c-insights .more-link {
text-align: center;
padding-top: 2rem;
}
/* line 41, scss/components/_insights.scss */
.c-insights .more-link a {
text-decoration: none;
}
/* line 50, scss/components/_insights.scss */
.views-row:not(.enabled) {
clear: both;
}
/* line 53, scss/components/_insights.scss */
.views-row:not(.enabled):first-child .c-insights__item {
border-top: none !important;
}
/* line 57, scss/components/_insights.scss */
.views-row:not(.enabled) .c-insights__item {
border-top: 1px solid rgba(74, 74, 74, 0.5);
padding: 1rem 0;
}
@media screen and (min-width: 640px) {
/* line 57, scss/components/_insights.scss */
.views-row:not(.enabled) .c-insights__item {
display: flex;
align-items: center;
padding: 2rem 0;
}
}
/* line 67, scss/components/_insights.scss */
.views-row:not(.enabled) .c-insights__item .c-insights__image {
margin-bottom: .5rem;
}
@media screen and (min-width: 640px) {
/* line 67, scss/components/_insights.scss */
.views-row:not(.enabled) .c-insights__item .c-insights__image {
min-width: 266px;
margin-right: 1rem;
margin-bottom: 0;
}
}
/* line 77, scss/components/_insights.scss */
.views-row:not(.enabled) .c-insights__item .c-insights__image .field--name-field-insights-main-image a {
position: relative;
display: inline-block;
text-decoration: none;
}
/* line 153, scss/tools/_mixins.scss */
.views-row:not(.enabled) .c-insights__item .c-insights__image .field--name-field-insights-main-image a:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: #0a6288;
opacity: 0;
transition: opacity .3s ease-in-out;
}
/* line 168, scss/tools/_mixins.scss */
.views-row:not(.enabled) .c-insights__item .c-insights__image .field--name-field-insights-main-image a:hover:after, .views-row:not(.enabled) .c-insights__item .c-insights__image .field--name-field-insights-main-image a.hover:after {
opacity: .3;
}
/* line 173, scss/tools/_mixins.scss */
.views-row:not(.enabled) .c-insights__item .c-insights__image .field--name-field-insights-main-image a img {
display: block;
}
/* line 82, scss/components/_insights.scss */
.views-row:not(.enabled) .c-insights__item .c-insights__image img {
display: block;
width: 100%;
}
@media screen and (min-width: 640px) {
/* line 82, scss/components/_insights.scss */
.views-row:not(.enabled) .c-insights__item .c-insights__image img {
width: 266px;
}
}
/* line 94, scss/components/_insights.scss */
.views-row:not(.enabled) .c-insights__item .c-insights__content .field--name-node-title h3 {
font-size: 1rem;
font-family: "Open Sans", sans-serif;
font-weight: 400;
margin-bottom: .25rem;
}
@media screen and (min-width: 640px) {
/* line 94, scss/components/_insights.scss */
.views-row:not(.enabled) .c-insights__item .c-insights__content .field--name-node-title h3 {
font-size: 1.333rem;
}
}
/* line 104, scss/components/_insights.scss */
.views-row:not(.enabled) .c-insights__item .c-insights__content .field--name-node-title h3 a:link,
.views-row:not(.enabled) .c-insights__item .c-insights__content .field--name-node-title h3 a:visited {
color: #222222;
}
/* line 106, scss/components/_insights.scss */
.views-row:not(.enabled) .c-insights__item .c-insights__content .field--name-node-title h3 a.hover,
.views-row:not(.enabled) .c-insights__item .c-insights__content .field--name-node-title h3 a:hover {
color: #0a6288;
text-decoration: none !important;
}
/* line 111, scss/components/_insights.scss */
.views-row:not(.enabled) .c-insights__item .c-insights__content .field--name-body {
font-size: 0.7778rem;
font-weight: 300;
}
@media screen and (min-width: 640px) {
/* line 111, scss/components/_insights.scss */
.views-row:not(.enabled) .c-insights__item .c-insights__content .field--name-body {
font-size: 1rem;
line-height: 1.5rem;
}
}
@media screen and (min-width: 640px) {
/* line 129, scss/components/_insights.scss */
.path-insights .views-row:nth-child(1).enabled:first-child .sticky-enabled,
.path-insights .views-row:nth-child(2).enabled:first-child .sticky-enabled {
margin-right: 4%;
}
}
/* line 135, scss/components/_insights.scss */
.path-insights .views-row:nth-child(1).enabled .sticky-enabled,
.path-insights .views-row:nth-child(2).enabled .sticky-enabled {
margin-bottom: 4rem;
}
@media screen and (min-width: 640px) {
/* line 135, scss/components/_insights.scss */
.path-insights .views-row:nth-child(1).enabled .sticky-enabled,
.path-insights .views-row:nth-child(2).enabled .sticky-enabled {
float: left;
width: 48%;
}
}
/* line 143, scss/components/_insights.scss */
.path-insights .views-row:nth-child(1).enabled .sticky-enabled .c-insights__item,
.path-insights .views-row:nth-child(2).enabled .sticky-enabled .c-insights__item {
display: block;
}
/* line 147, scss/components/_insights.scss */
.path-insights .views-row:nth-child(1).enabled .sticky-enabled .field--name-field-insights-main-image,
.path-insights .views-row:nth-child(2).enabled .sticky-enabled .field--name-field-insights-main-image {
margin-bottom: .25rem;
}
/* line 150, scss/components/_insights.scss */
.path-insights .views-row:nth-child(1).enabled .sticky-enabled .field--name-field-insights-main-image a,
.path-insights .views-row:nth-child(2).enabled .sticky-enabled .field--name-field-insights-main-image a {
position: relative;
display: inline-block;
text-decoration: none;
}
/* line 153, scss/tools/_mixins.scss */
.path-insights .views-row:nth-child(1).enabled .sticky-enabled .field--name-field-insights-main-image a:after,
.path-insights .views-row:nth-child(2).enabled .sticky-enabled .field--name-field-insights-main-image a:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: #0a6288;
opacity: 0;
transition: opacity .3s ease-in-out;
}
/* line 168, scss/tools/_mixins.scss */
.path-insights .views-row:nth-child(1).enabled .sticky-enabled .field--name-field-insights-main-image a:hover:after, .path-insights .views-row:nth-child(1).enabled .sticky-enabled .field--name-field-insights-main-image a.hover:after,
.path-insights .views-row:nth-child(2).enabled .sticky-enabled .field--name-field-insights-main-image a:hover:after,
.path-insights .views-row:nth-child(2).enabled .sticky-enabled .field--name-field-insights-main-image a.hover:after {
opacity: .3;
}
/* line 173, scss/tools/_mixins.scss */
.path-insights .views-row:nth-child(1).enabled .sticky-enabled .field--name-field-insights-main-image a img,
.path-insights .views-row:nth-child(2).enabled .sticky-enabled .field--name-field-insights-main-image a img {
display: block;
}
/* line 156, scss/components/_insights.scss */
.path-insights .views-row:nth-child(1).enabled .sticky-enabled .field--name-node-title h3,
.path-insights .views-row:nth-child(2).enabled .sticky-enabled .field--name-node-title h3 {
font-family: "Open Sans", sans-serif;
font-size: .7778rem;
line-height: .8889rem;
font-weight: 400;
margin-bottom: 0;
}
/* line 165, scss/components/_insights.scss */
.path-insights .views-row:nth-child(1).enabled .sticky-enabled .field--name-body,
.path-insights .views-row:nth-child(2).enabled .sticky-enabled .field--name-body {
display: none;
}
/* line 172, scss/components/_insights.scss */
.view-insights {
padding-top: 1.5rem;
}
/* line 175, scss/components/_insights.scss */
.view-insights .view-header h3 {
font-size: 1.111rem;
font-family: "Open Sans", sans-serif;
font-weight: 400;
margin-bottom: .75rem;
}
/* line 183, scss/components/_insights.scss */
.view-insights .view-filters {
margin-bottom: 3rem;
}
/* line 186, scss/components/_insights.scss */
.view-insights .view-filters .form-item {
float: none;
margin-bottom: 1.5rem;
}
@media screen and (min-width: 640px) {
/* line 186, scss/components/_insights.scss */
.view-insights .view-filters .form-item {
float: left;
margin-bottom: 0;
width: 300px;
}
}
@media screen and (min-width: 1024px) {
/* line 186, scss/components/_insights.scss */
.view-insights .view-filters .form-item {
width: 350px;
}
}
/* line 204, scss/components/_insights.scss */
.view-insights .view-filters .chosen-container {
width: 100% !important;
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
/* line 204, scss/components/_insights.scss */
.view-insights .view-filters .chosen-container {
padding-right: 40px;
}
}
@media screen and (min-width: 1024px) {
/* line 204, scss/components/_insights.scss */
.view-insights .view-filters .chosen-container {
padding-right: 80px;
}
}
/* line 217, scss/components/_insights.scss */
.view-insights .view-filters .chosen-container-single .chosen-single {
border: none;
background: none !important;
box-shadow: none;
border-bottom: 3px solid #222222;
border-radius: 0;
height: 30px;
}
/* line 225, scss/components/_insights.scss */
.view-insights .view-filters .chosen-container-single .chosen-single span {
color: #222222;
font-size: 1rem;
}
/* line 231, scss/components/_insights.scss */
.view-insights .view-filters .chosen-container-single .chosen-drop {
border: 1px solid #222222;
border-radius: 0;
padding: 0;
}
/* line 236, scss/components/_insights.scss */
.view-insights .view-filters .chosen-container-single .chosen-drop .chosen-search {
padding: 0;
border: none;
border-bottom: 1px solid #222222;
margin: 0 .4rem;
}
/* line 242, scss/components/_insights.scss */
.view-insights .view-filters .chosen-container-single .chosen-drop .chosen-search input[type="text"] {
border: none;
font-size: 1.111rem;
background: none !important;
color: #222222;
font-weight: 300;
}
/* line 251, scss/components/_insights.scss */
.view-insights .view-filters .chosen-container-single .chosen-drop .chosen-results {
margin: 0;
padding: 0;
}
/* line 255, scss/components/_insights.scss */
.view-insights .view-filters .chosen-container-single .chosen-drop .chosen-results li {
font-size: 1.111rem;
padding: .5rem 1rem;
}
/* line 259, scss/components/_insights.scss */
.view-insights .view-filters .chosen-container-single .chosen-drop .chosen-results li.highlighted {
background: #222222;
}
/* line 267, scss/components/_insights.scss */
.view-insights .view-filters .chosen-container-single .chosen-single div b {
display: block;
border-width: 3px;
border-color: transparent transparent #222222 #222222;
border-style: solid;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 15px;
height: 15px;
background: none !important;
}
/* line 280, scss/components/_insights.scss */
.view-insights .view-filters .form-type-select:not(.parent-chosen-enable) {
position: relative;
}
@media screen and (min-width: 640px) {
/* line 280, scss/components/_insights.scss */
.view-insights .view-filters .form-type-select:not(.parent-chosen-enable) {
margin-right: 1rem;
}
}
/* line 286, scss/components/_insights.scss */
.view-insights .view-filters .form-type-select:not(.parent-chosen-enable):after {
position: absolute;
top: 0;
right: 4px;
content: '';
display: block;
border-width: 3px;
border-color: transparent transparent #222222 #222222;
border-style: solid;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 15px;
height: 15px;
}
/* line 300, scss/components/_insights.scss */
.view-insights .view-filters .form-type-select:not(.parent-chosen-enable) select {
width: 100%;
border: none;
background: none !important;
box-shadow: none;
border-bottom: 3px solid #222222;
border-radius: 0;
height: 30px;
font-size: 1rem;
font-family: "Open Sans", sans-serif;
color: #222222;
font-weight: 300;
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
}
/* line 323, scss/components/_insights.scss */
.view-insights .view-empty {
padding: 2rem 0;
}
/* line 328, scss/components/_insights.scss */
.view-insights .view-content .views-row:last-child .c-insights__item {
border-bottom: none;
}
@media screen and (min-width: 1024px) {
/* line 336, scss/components/_insights.scss */
.page-node-type-insights .c-page-head {
margin-bottom: 3.5rem;
}
}
/* line 344, scss/components/_insights.scss */
.node--type-insights .field--name-insights-date-author {
clear: both;
font-size: 0.7778rem;
color: #222222;
font-weight: 300;
margin-bottom: 1.25rem;
}
/* line 353, scss/components/_insights.scss */
.read--time {
font-weight: 600;
margin-bottom: .5rem;
text-align: right;
font-size: 0.8889rem;
}
/* line 362, scss/components/_insights.scss */
.field--type-entity-reference .field__label {
display: inline;
text-transform: uppercase;
color: #808080;
font-weight: 600;
}
/* line 369, scss/components/_insights.scss */
.field--type-entity-reference .field__items {
display: inline;
}
/* line 371, scss/components/_insights.scss */
.field--type-entity-reference .field__items .field__item {
display: inline;
}
/* line 373, scss/components/_insights.scss */
.field--type-entity-reference .field__items .field__item div {
display: inline;
}
/* line 374, scss/components/_insights.scss */
.field--type-entity-reference .field__items .field__item div span {
text-transform: uppercase;
font-weight: 600;
}
/* ==========================================================================
List UI
========================================================================== */
/*doc
---
title: Default
name: list-ui
category: Components - List UI
---
Provides default styling for a list with a bottom border. This extends `.o-nav` and `.o-nav--stacked` in order to create stacked list.
```html_example
```
*/
/* line 28, scss/components/_list-ui.scss */
.c-list-ui__item {
border-bottom: 1px solid #ececec;
padding: .75rem 0;
}
/* line 35, scss/components/_list-ui.scss */
.c-list-ui__link:hover {
color: #333;
}
/*doc
---
title: Blocky
name: list-ui-blocky
category: Components - List UI
---
This creates a large hit-area for the link and also applies hover styling.
```html_example
```
*/
/* line 68, scss/components/_list-ui.scss */
.c-list-ui--blocky .c-list-ui__item {
padding: 0;
}
/* line 72, scss/components/_list-ui.scss */
.c-list-ui--blocky .c-list-ui__link {
padding: .75rem 0;
}
/* line 76, scss/components/_list-ui.scss */
.c-list-ui--blocky .c-list-ui__link:hover {
color: #fff;
background: #666;
}
/*doc
---
title: Extra text
name: list-ui-text
category: Components - List UI
---
Shows default `list-ui` with extra text.
```html_example
```
*/
/* ==========================================================================
Logo component
========================================================================== */
/*doc
---
title: Logo
name: logo
category: Components - Logo
---
Contains all variations of client logos for a given project.
```html_example
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
```
*/
/* line 24, scss/components/_member.scss */
.c-member {
background: #0a6288;
color: #fff;
padding: 1rem 1rem 2rem;
}
@media screen and (min-width: 640px) {
/* line 24, scss/components/_member.scss */
.c-member {
padding: 2rem 0;
margin-bottom: 4rem;
}
}
@media screen and (min-width: 640px) {
/* line 35, scss/components/_member.scss */
.c-member .field--name-body {
display: flex;
align-items: center;
}
/* line 41, scss/components/_member.scss */
.c-member .field--name-body > div:first-child {
padding-right: 2rem;
min-width: 280px;
}
/* line 46, scss/components/_member.scss */
.c-member .field--name-body > div:last-child {
border-left: 1px solid #fff;
padding: 1rem 0 1rem 2rem;
}
}
@media screen and (min-width: 1024px) {
/* line 53, scss/components/_member.scss */
.c-member .field--name-body > div:first-child {
min-width: 380px;
}
}
/* line 58, scss/components/_member.scss */
.c-member .field--name-body h2 {
font-family: "Open Sans", sans-serif;
font-weight: 600;
font-size: 1.333rem;
line-height: 1.5;
text-align: center;
}
@media screen and (min-width: 640px) {
/* line 58, scss/components/_member.scss */
.c-member .field--name-body h2 {
font-size: 36px;
}
}
/* line 70, scss/components/_member.scss */
.c-member .field--name-body p {
font-size: 0.8889rem;
line-height: 1.5;
font-weight: 400;
}
@media screen and (min-width: 640px) {
/* line 70, scss/components/_member.scss */
.c-member .field--name-body p {
font-size: 20px;
}
}
/* line 80, scss/components/_member.scss */
.c-member .field--name-body .link {
text-align: center;
}
@media screen and (min-width: 640px) {
/* line 80, scss/components/_member.scss */
.c-member .field--name-body .link {
text-align: left;
}
}
/* line 88, scss/components/_member.scss */
.c-member .field--name-body .c-btn, .c-member .field--name-body .button, .c-member .field--name-body .label-button a, .label-button .c-member .field--name-body a, .c-member .field--name-body .c-featured-large__content .field--name-field-fci-learn-more-link a, .c-featured-large__content .field--name-field-fci-learn-more-link .c-member .field--name-body a, .c-member .field--name-body .c-insights .more-link a, .c-insights .more-link .c-member .field--name-body a, .c-member .field--name-body .c-page-foot .c-footer_signup .form-actions .button, .c-page-foot .c-footer_signup .form-actions .c-member .field--name-body .button {
margin: 0;
}
/* ==========================================================================
#Headings
========================================================================== */
/*doc
---
title: Headings
name: headings
category: Base - Headings
---
Default styling for headings 1-6
```html_example
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
```
*/
/* line 24, scss/components/_mission.scss */
.c-mission {
padding-left: 1rem;
padding-right: 1rem;
margin-bottom: 2rem;
}
@media screen and (min-width: 1024px) {
/* line 24, scss/components/_mission.scss */
.c-mission {
padding-left: .5rem;
padding-right: .5rem;
margin-bottom: 4rem;
}
}
/* line 35, scss/components/_mission.scss */
.c-mission h2 {
text-align: center;
font-size: 2rem;
line-height: 2.944rem;
font-weight: 400;
margin-bottom: 1rem;
}
@media screen and (min-width: 1024px) {
/* line 35, scss/components/_mission.scss */
.c-mission h2 {
font-size: 2.222rem;
line-height: 1.5;
}
}
/* line 48, scss/components/_mission.scss */
.c-mission p {
font-size: 0.8889rem;
font-weight: 300;
line-height: 1.333rem;
}
@media screen and (min-width: 1024px) {
/* line 48, scss/components/_mission.scss */
.c-mission p {
font-size: 1.167rem;
line-height: 1.5;
}
}
/* ==========================================================================
Modal component
========================================================================== */
/*doc
---
title: Modal
name: modal
category: Components - Modal
---
```html_example
Example
```
*/
/* ==========================================================================
#Overlay
========================================================================== */
/* line 6, scss/components/_overlay.scss */
.c-overlay {
-webkit-transform: translateX(70%);
transform: translateX(70%);
background: #000;
height: 100%;
opacity: 0;
position: fixed;
top: 0;
visibility: hidden;
width: 100%;
z-index: 9998;
}
/* line 18, scss/components/_overlay.scss */
.c-overlay.is-active {
-webkit-animation: fadeInOverlay 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0.2s;
animation: fadeInOverlay 0.3s cubic-bezier(0.42, 0, 0.58, 1) 0.2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
visibility: visible;
}
@media screen and (min-width: 1024px) {
/* line 18, scss/components/_overlay.scss */
.c-overlay.is-active {
visibility: hidden;
}
}
/* ==========================================================================
#Footer component
========================================================================== */
/* line 6, scss/components/_page-node.scss */
.page-node-type-page .c-page-title {
display: none;
}
/* line 10, scss/components/_page-node.scss */
.page-node-type-page .field--name-socialshare {
float: right;
}
/* line 14, scss/components/_page-node.scss */
.page-node-type-page .field--name-body {
clear: both;
}
/* line 20, scss/components/_page-node.scss */
.page-node-type-research .c-page-title {
display: none;
}
/* line 24, scss/components/_page-node.scss */
.page-node-type-research .region-content > .block-social-sharing-block {
display: none;
}
/* line 28, scss/components/_page-node.scss */
.page-node-type-research .field--name-socialshareparagraphs {
float: right;
}
/* line 32, scss/components/_page-node.scss */
.page-node-type-research h2, .page-node-type-research .beta {
margin-top: 2rem;
}
/* line 36, scss/components/_page-node.scss */
.page-node-type-research h3, .page-node-type-research .gamma {
font-family: "Oswald", sans-serif;
font-weight: 400;
}
/* line 41, scss/components/_page-node.scss */
.page-node-type-research .c-featured-large__content .field--name-node-title h1 {
line-height: 1;
margin-bottom: 1rem;
}
@media screen and (min-width: 640px) {
/* line 48, scss/components/_page-node.scss */
.embedded-entity.align-left, .embedded-entity.align-right {
width: 50%;
}
}
@media screen and (min-width: 1024px) {
/* line 57, scss/components/_page-node.scss */
.embedded-entity.align-left {
margin-left: -2rem;
padding-left: 0;
}
}
@media screen and (min-width: 1122px) {
/* line 57, scss/components/_page-node.scss */
.embedded-entity.align-left {
margin-left: -4rem;
}
}
@media screen and (min-width: 1024px) {
/* line 68, scss/components/_page-node.scss */
.embedded-entity.align-right {
margin-right: -2rem;
padding-right: 0;
}
}
@media screen and (min-width: 1122px) {
/* line 68, scss/components/_page-node.scss */
.embedded-entity.align-right {
margin-right: -4rem;
}
}
/* line 84, scss/components/_page-node.scss */
.page-node-472 .field--name-socialshare {
display: none;
}
/* line 91, scss/components/_page-node.scss */
.page-node-1182 h1 {
display: none;
}
/* line 94, scss/components/_page-node.scss */
.page-node-1182 .o-wrap__content .o-grid--small, .page-node-1182 .o-wrap__content .c-hero .field--name-body, .c-hero .page-node-1182 .o-wrap__content .field--name-body,
.page-node-1182 .o-wrap__content .c-hero .c-hero__inner, .c-hero .page-node-1182 .o-wrap__content .c-hero__inner,
.page-node-1182 .o-wrap__content #block-insightsheader .field--name-body, #block-insightsheader .page-node-1182 .o-wrap__content .field--name-body,
.page-node-1182 .o-wrap__content #block-insightsheader .c-hero__inner, #block-insightsheader .page-node-1182 .o-wrap__content .c-hero__inner {
max-width: 74rem !important;
}
/* line 102, scss/components/_page-node.scss */
.page-node-1263 h1 {
display: none;
}
/* line 105, scss/components/_page-node.scss */
.page-node-1263 .o-wrap__content .o-grid--small, .page-node-1263 .o-wrap__content .c-hero .field--name-body, .c-hero .page-node-1263 .o-wrap__content .field--name-body,
.page-node-1263 .o-wrap__content .c-hero .c-hero__inner, .c-hero .page-node-1263 .o-wrap__content .c-hero__inner,
.page-node-1263 .o-wrap__content #block-insightsheader .field--name-body, #block-insightsheader .page-node-1263 .o-wrap__content .field--name-body,
.page-node-1263 .o-wrap__content #block-insightsheader .c-hero__inner, #block-insightsheader .page-node-1263 .o-wrap__content .c-hero__inner {
max-width: 74rem !important;
}
/* line 114, scss/components/_page-node.scss */
.page-node-1287 h1,
.page-node-1316 h1 {
display: none;
}
/* line 117, scss/components/_page-node.scss */
.page-node-1287 .o-wrap__content .o-grid--small, .page-node-1287 .o-wrap__content .c-hero .field--name-body, .c-hero .page-node-1287 .o-wrap__content .field--name-body,
.page-node-1287 .o-wrap__content .c-hero .c-hero__inner, .c-hero .page-node-1287 .o-wrap__content .c-hero__inner,
.page-node-1287 .o-wrap__content #block-insightsheader .field--name-body, #block-insightsheader .page-node-1287 .o-wrap__content .field--name-body,
.page-node-1287 .o-wrap__content #block-insightsheader .c-hero__inner, #block-insightsheader .page-node-1287 .o-wrap__content .c-hero__inner,
.page-node-1316 .o-wrap__content .o-grid--small,
.page-node-1316 .o-wrap__content .c-hero .field--name-body,
.c-hero .page-node-1316 .o-wrap__content .field--name-body,
.page-node-1316 .o-wrap__content .c-hero .c-hero__inner,
.c-hero .page-node-1316 .o-wrap__content .c-hero__inner,
.page-node-1316 .o-wrap__content #block-insightsheader .field--name-body,
#block-insightsheader .page-node-1316 .o-wrap__content .field--name-body,
.page-node-1316 .o-wrap__content #block-insightsheader .c-hero__inner,
#block-insightsheader .page-node-1316 .o-wrap__content .c-hero__inner {
max-width: 74rem !important;
}
/* ==========================================================================
#Footer component
========================================================================== */
/* line 5, scss/components/_page-foot.scss */
.c-page-foot {
min-height: 3.125rem;
width: 100%;
background: #0a6288;
color: #fff;
font-family: "Open sans", sans-serif;
padding: 1rem 0 .5rem;
}
@media screen and (min-width: 640px) {
/* line 5, scss/components/_page-foot.scss */
.c-page-foot {
padding: 2.25rem 0 1.5rem;
}
}
/* line 17, scss/components/_page-foot.scss */
.c-page-foot .c-page-foot__inner {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column-reverse;
}
@media screen and (min-width: 640px) {
/* line 17, scss/components/_page-foot.scss */
.c-page-foot .c-page-foot__inner {
flex-direction: row;
margin-bottom: 1.5rem;
}
}
/* line 29, scss/components/_page-foot.scss */
.c-page-foot .c-logo--footer {
width: 115px;
}
/* line 31, scss/components/_page-foot.scss */
.c-page-foot .c-logo--footer a {
opacity: 1;
}
/* line 34, scss/components/_page-foot.scss */
.c-page-foot .c-logo--footer a:hover, .c-page-foot .c-logo--footer a:focus {
opacity: .7;
text-decoration: none !important;
}
@media screen and (min-width: 640px) {
/* line 29, scss/components/_page-foot.scss */
.c-page-foot .c-logo--footer {
flex-basis: 221px;
margin-right: 80px;
}
}
/* line 46, scss/components/_page-foot.scss */
.c-page-foot .c-logo--footer img {
width: 100%;
}
@media screen and (min-width: 640px) {
/* line 51, scss/components/_page-foot.scss */
.c-page-foot .c-page-foot__right {
flex-basis: 440px;
}
}
/* line 58, scss/components/_page-foot.scss */
.c-page-foot .c-social--footer {
float: right;
margin: 0 0 .5rem;
position: relative;
z-index: 1;
}
@media screen and (min-width: 640px) {
/* line 58, scss/components/_page-foot.scss */
.c-page-foot .c-social--footer {
margin: 0;
}
}
@media screen and (min-width: 0) and (max-width: 640px) {
/* line 69, scss/components/_page-foot.scss */
.c-page-foot .c-social__ico {
width: 28px;
height: 28px;
}
}
/* line 77, scss/components/_page-foot.scss */
.c-page-foot .c-footer_signup {
display: none;
position: relative;
}
@media screen and (min-width: 640px) {
/* line 77, scss/components/_page-foot.scss */
.c-page-foot .c-footer_signup {
display: block;
}
}
/* line 85, scss/components/_page-foot.scss */
.c-page-foot .c-footer_signup h2 {
font-family: "Open Sans", sans-serif;
font-size: 24px;
line-height: 30px;
font-weight: 600;
margin-bottom: 0;
}
/* line 93, scss/components/_page-foot.scss */
.c-page-foot .c-footer_signup p {
font-size: 14px;
font-weight: 400;
margin-bottom: 1rem;
}
/* line 99, scss/components/_page-foot.scss */
.c-page-foot .c-footer_signup .form-item-email-address label {
display: none;
}
/* line 103, scss/components/_page-foot.scss */
.c-page-foot .c-footer_signup .form-item {
position: relative;
}
/* line 107, scss/components/_page-foot.scss */
.c-page-foot .c-footer_signup .form-email {
float: left;
width: 260px;
margin: 0 10px 5px 0;
}
/* line 114, scss/components/_page-foot.scss */
.c-page-foot .c-footer_signup .webform-type-radios {
clear: both;
padding-left: 1rem;
}
/* line 118, scss/components/_page-foot.scss */
.c-page-foot .c-footer_signup .webform-type-radios .form-item {
margin-right: 1.2rem;
}
/* line 122, scss/components/_page-foot.scss */
.c-page-foot .c-footer_signup .webform-type-radios input {
margin: -3px 0 0 0;
vertical-align: middle;
}
/* line 127, scss/components/_page-foot.scss */
.c-page-foot .c-footer_signup .webform-type-radios label {
color: #fff;
font-size: .9rem;
}
/* line 133, scss/components/_page-foot.scss */
.c-page-foot .c-footer_signup .form-actions {
float: left;
position: relative;
}
/* line 137, scss/components/_page-foot.scss */
.c-page-foot .c-footer_signup .form-actions .button {
float: left;
margin-bottom: 0;
width: 125px;
}
/* line 156, scss/components/_page-foot.scss */
.c-page-foot .c-footer_signup .form-actions .ajax-progress {
position: absolute;
top: .75rem;
right: -3px;
}
/* line 163, scss/components/_page-foot.scss */
.c-page-foot .c-footer_signup .c-alert--error {
display: none;
}
/* line 167, scss/components/_page-foot.scss */
.c-page-foot .c-footer_signup .form-item--error-message {
position: absolute;
top: 52px;
left: 0;
color: #7E0007;
width: 260px;
text-align: center;
}
/* line 177, scss/components/_page-foot.scss */
.c-page-foot .c-copywrite {
display: none;
font-weight: 400;
}
/* line 181, scss/components/_page-foot.scss */
.c-page-foot .c-copywrite span.mailto {
display: none;
}
@media screen and (min-width: 640px) {
/* line 177, scss/components/_page-foot.scss */
.c-page-foot .c-copywrite {
display: block;
}
}
/* line 189, scss/components/_page-foot.scss */
.c-page-foot .c-copywrite span {
font-size: 11px;
line-height: 18px;
display: block;
text-align: center;
}
/* line 196, scss/components/_page-foot.scss */
.c-page-foot .c-copywrite a {
text-decoration: none;
}
/* line 199, scss/components/_page-foot.scss */
.c-page-foot .c-copywrite a:link, .c-page-foot .c-copywrite a:visited {
color: #fff;
opacity: 1;
}
/* line 205, scss/components/_page-foot.scss */
.c-page-foot .c-copywrite a:hover, .c-page-foot .c-copywrite a:focus {
opacity: .7;
}
/* line 218, scss/components/_page-foot.scss */
.page-node-350 .c-page-foot .c-footer_signup fieldset.required:not(.choices):not(select),
.page-node-350 .c-page-foot .c-footer_signup input.required:not(.choices):not(select),
.page-node-350 #webform-submission-signup-popup-node-350-add-form fieldset.required:not(.choices):not(select),
.page-node-350 #webform-submission-signup-popup-node-350-add-form input.required:not(.choices):not(select),
.page-node-350 .webform-submission-signup-popup-node-350-form fieldset.required:not(.choices):not(select),
.page-node-350 .webform-submission-signup-popup-node-350-form input.required:not(.choices):not(select) {
font-family: "Open Sans", sans-serif !important;
color: #fff !important;
border: none !important;
border-radius: 0 !important;
box-sizing: border-box;
font-size: 1em !important;
background-color: transparent !important;
max-width: 100%;
}
/* line 229, scss/components/_page-foot.scss */
.page-node-350 .c-page-foot .c-footer_signup input.required:not(.choices):not(select),
.page-node-350 #webform-submission-signup-popup-node-350-add-form input.required:not(.choices):not(select),
.page-node-350 .webform-submission-signup-popup-node-350-form input.required:not(.choices):not(select) {
border-radius: 6px !important;
border: 1px solid #ddd !important;
background-color: #fff !important;
color: #222222 !important;
padding: 0 1.5rem;
font-weight: 300;
max-width: 100%;
}
/* ==========================================================================
#Header component
========================================================================== */
/*doc
---
title: Page head
name: page-head
category: Components - Page Head
---
Inside the header component lives the `.c-logo` component as well as the `.c-primary-nav`.
```html_example
```
*/
/* line 28, scss/components/_page-head.scss */
.c-page-head {
background: #0a6288;
width: 100%;
}
@media screen and (min-width: 640px) {
/* line 28, scss/components/_page-head.scss */
.c-page-head {
padding: 1.5rem 0;
background: none;
min-height: 165px;
}
}
@media screen and (min-width: 0) and (max-width: 640px) {
/* line 39, scss/components/_page-head.scss */
.c-page-head .o-grid, .c-page-head .c-hero .field--name-body, .c-hero .c-page-head .field--name-body,
.c-page-head .c-hero .c-hero__inner, .c-hero .c-page-head .c-hero__inner,
.c-page-head #block-insightsheader .field--name-body, #block-insightsheader .c-page-head .field--name-body,
.c-page-head #block-insightsheader .c-hero__inner, #block-insightsheader .c-page-head .c-hero__inner {
padding: 0;
}
}
/* line 45, scss/components/_page-head.scss */
.c-page-head__inner {
position: relative;
}
/* line 49, scss/components/_page-head.scss */
.c-page-head .c-social--header {
padding: 1rem 2.5rem;
background: #2C528A;
display: none;
}
/* line 54, scss/components/_page-head.scss */
.c-page-head .c-social--header.open {
display: block;
}
@media screen and (min-width: 640px) {
/* line 49, scss/components/_page-head.scss */
.c-page-head .c-social--header {
display: block !important;
position: absolute;
right: 0;
top: 0;
padding: 0;
background: none;
}
}
@media screen and (min-width: 1024px) {
/* line 49, scss/components/_page-head.scss */
.c-page-head .c-social--header {
right: -100px;
top: auto;
bottom: 0;
}
}
/* line 75, scss/components/_page-head.scss */
.c-logo {
position: relative;
background: #fff;
padding: .75rem 0 .5rem 1rem;
}
@media screen and (min-width: 640px) {
/* line 75, scss/components/_page-head.scss */
.c-logo {
padding: 0;
background: none;
}
}
/* line 85, scss/components/_page-head.scss */
.c-logo .c-logo__link {
display: block;
width: 70px;
}
@media screen and (min-width: 640px) {
/* line 85, scss/components/_page-head.scss */
.c-logo .c-logo__link {
width: auto;
position: absolute;
top: -20px;
left: 50%;
margin: 0 0 0 -86px;
z-index: 1;
}
}
/* line 99, scss/components/_page-head.scss */
.c-logo img {
width: 70px;
height: 57px;
}
@media screen and (min-width: 640px) {
/* line 99, scss/components/_page-head.scss */
.c-logo img {
width: 172px;
height: auto;
}
}
/* line 110, scss/components/_page-head.scss */
.block-superfish {
font-family: "Oswald", sans-serif;
font-weight: 400;
}
/* line 114, scss/components/_page-head.scss */
.block-superfish.contextual-region .sf-accordion-toggle {
top: -86px;
}
/* line 118, scss/components/_page-head.scss */
.block-superfish .sf-accordion-toggle {
position: absolute;
top: 0;
right: 1rem;
text-transform: uppercase;
line-height: 86px;
}
/* line 125, scss/components/_page-head.scss */
.block-superfish .sf-accordion-toggle a {
outline: none;
text-decoration: none;
}
/* line 129, scss/components/_page-head.scss */
.block-superfish .sf-accordion-toggle a:link, .block-superfish .sf-accordion-toggle a:visited {
color: #515155;
}
/* line 134, scss/components/_page-head.scss */
.block-superfish .sf-accordion-toggle a span {
display: block;
}
/* line 137, scss/components/_page-head.scss */
.block-superfish .sf-accordion-toggle a span:after {
content: '';
width: 23px;
height: 16px;
margin-left: .5rem;
display: inline-block;
background: url("../../svg/ico_menu.svg") no-repeat center center;
}
/* line 147, scss/components/_page-head.scss */
.block-superfish .sf-accordion-toggle a.sf-expanded span:after {
background-image: url("../../svg/ico_menu_close.svg");
}
/* line 154, scss/components/_page-head.scss */
.block-superfish ul.sf-accordion.sf-menu {
background: #2C528A;
min-height: calc(100vh - .5rem - 80px - 70px);
padding-top: 1rem;
float: none;
}
/* line 119, scss/tools/_mixins.scss */
.block-superfish ul.sf-accordion.sf-menu::after {
clear: both;
content: "";
display: table;
}
/* line 161, scss/components/_page-head.scss */
.block-superfish ul.sf-accordion.sf-menu a {
text-decoration: none;
}
/* line 164, scss/components/_page-head.scss */
.block-superfish ul.sf-accordion.sf-menu a:link, .block-superfish ul.sf-accordion.sf-menu a:visited {
color: #fff;
}
@media screen and (min-width: 640px) {
/* line 164, scss/components/_page-head.scss */
.block-superfish ul.sf-accordion.sf-menu a:link, .block-superfish ul.sf-accordion.sf-menu a:visited {
color: #515155;
}
}
/* line 174, scss/components/_page-head.scss */
.block-superfish ul.sf-accordion.sf-menu a,
.block-superfish ul.sf-accordion.sf-menu span.nolink {
padding: .6rem 2.5rem;
}
/* line 179, scss/components/_page-head.scss */
.block-superfish ul.sf-accordion.sf-menu .sf-expanded > * > .sf-sub-indicator {
-webkit-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
}
/* line 183, scss/components/_page-head.scss */
.block-superfish ul.sf-accordion.sf-menu .sf-sub-indicator {
overflow: visible;
-webkit-transform: translateY(-100%) rotate(-90deg);
transform: translateY(-100%) rotate(-90deg);
}
/* line 187, scss/components/_page-head.scss */
.block-superfish ul.sf-accordion.sf-menu .sf-sub-indicator:before, .block-superfish ul.sf-accordion.sf-menu .sf-sub-indicator:after {
content: "";
left: auto;
right: 0;
line-height: 1;
position: absolute;
text-indent: 0;
top: 0;
display: block;
border-width: 10px;
border-style: solid;
}
/* line 202, scss/components/_page-head.scss */
.block-superfish ul.sf-accordion.sf-menu .sf-sub-indicator:before {
border-color: #fff transparent transparent transparent;
top: 3px;
}
/* line 207, scss/components/_page-head.scss */
.block-superfish ul.sf-accordion.sf-menu .sf-sub-indicator:after {
border-color: #2C528A transparent transparent transparent;
}
/* line 211, scss/components/_page-head.scss */
.block-superfish ul.sf-accordion.sf-menu .sf-depth-1 > .sf-depth-1 {
text-transform: uppercase;
font-size: 1.25rem;
}
/* line 216, scss/components/_page-head.scss */
.block-superfish ul.sf-accordion.sf-menu .menuparent ul {
text-transform: none;
opacity: .6;
padding-bottom: 1rem;
}
/* line 119, scss/tools/_mixins.scss */
.block-superfish ul.sf-accordion.sf-menu .menuparent ul::after {
clear: both;
content: "";
display: table;
}
/* line 222, scss/components/_page-head.scss */
.block-superfish ul.sf-accordion.sf-menu .menuparent ul a,
.block-superfish ul.sf-accordion.sf-menu .menuparent ul span.nolink {
padding-top: .5rem;
padding-bottom: .5rem;
font-size: 1.15rem;
}
/* line 232, scss/components/_page-head.scss */
.block-superfish ul.sf-horizontal.sf-menu {
margin-top: 2.5rem;
padding-top: 0;
display: flex;
justify-content: flex-start;
}
/* line 238, scss/components/_page-head.scss */
.block-superfish ul.sf-horizontal.sf-menu a,
.block-superfish ul.sf-horizontal.sf-menu span.nolink {
padding: 0;
}
/* line 243, scss/components/_page-head.scss */
.block-superfish ul.sf-horizontal.sf-menu a {
padding: .5rem 0;
text-decoration: none;
}
/* line 248, scss/components/_page-head.scss */
.block-superfish ul.sf-horizontal.sf-menu a:link, .block-superfish ul.sf-horizontal.sf-menu a:visited {
color: #515155;
}
/* line 259, scss/components/_page-head.scss */
.block-superfish ul.sf-horizontal.sf-menu .sf-sub-indicator {
display: none;
}
/* line 264, scss/components/_page-head.scss */
.block-superfish ul.sf-horizontal.sf-menu > .sf-depth-1:nth-child(n+5) {
display: none;
}
/* line 268, scss/components/_page-head.scss */
.block-superfish ul.sf-horizontal.sf-menu > li {
display: block;
width: 16%;
text-align: center;
text-transform: uppercase;
font-size: 20px;
background-color: rgba(0, 0, 0, 0);
transition: background-color .2s ease-out;
}
/* line 277, scss/components/_page-head.scss */
.block-superfish ul.sf-horizontal.sf-menu > li:after {
content: '';
display: block;
position: absolute;
bottom: -3px;
width: 90%;
margin: 0 5%;
height: 0;
background: #515155;
opacity: 0;
transition: opacity .2s ease-in-out, width .2s ease-in-out;
}
/* line 291, scss/components/_page-head.scss */
.block-superfish ul.sf-horizontal.sf-menu > li:nth-child(3) {
margin-left: auto;
}
/* line 298, scss/components/_page-head.scss */
.block-superfish ul.sf-horizontal.sf-menu > li.active-trail:after, .block-superfish ul.sf-horizontal.sf-menu > li:hover:after, .block-superfish ul.sf-horizontal.sf-menu > li.sfHover:after {
opacity: 1;
height: 3px;
}
/* line 311, scss/components/_page-head.scss */
.block-superfish ul.sf-horizontal.sf-menu .menuparent > ul {
display: none;
}
/* line 312, scss/components/_page-head.scss */
.block-superfish ul.sf-horizontal.sf-menu .menuparent.sfHover > ul {
display: block;
}
/* line 315, scss/components/_page-head.scss */
.block-superfish ul.sf-horizontal.sf-menu ul {
box-shadow: none;
top: 100%;
left: 5%;
background-color: #fff;
border: 1px solid #515155;
border-top-width: 3px;
font-size: 1rem;
}
/* line 324, scss/components/_page-head.scss */
.block-superfish ul.sf-horizontal.sf-menu ul ul {
top: 0;
}
/* line 330, scss/components/_page-head.scss */
.block-superfish ul.sf-horizontal.sf-menu ul li:first-child a {
border: none;
}
/* line 334, scss/components/_page-head.scss */
.block-superfish ul.sf-horizontal.sf-menu ul li a {
display: block;
text-align: left;
text-decoration: none;
padding: .5rem 1rem;
transition-duration: .2s;
border-top: 1px solid rgba(81, 81, 85, 0.8);
}
/* line 343, scss/components/_page-head.scss */
.block-superfish ul.sf-horizontal.sf-menu ul li a:hover, .block-superfish ul.sf-horizontal.sf-menu ul li a:focus {
color: #fff;
background-color: #515155;
margin-left: 0;
margin-right: 0;
}
/* ==========================================================================
#Pager
========================================================================== */
/*doc
---
title: Pager
name: pager
category: Components - Pager
---
Default pager styling tailored to the output of a standard drupal pager.
```html_example
```
*/
/* line 54, scss/components/_pager.scss */
.pager__items,
.c-pager {
text-align: center;
padding: 2rem 0;
}
/* line 60, scss/components/_pager.scss */
.pager__items .pager__item, .pager__items__item,
.c-pager .pager__item,
.c-pager__item {
display: inline-block;
min-width: 51px;
}
/* line 65, scss/components/_pager.scss */
.pager__items .pager__item.is-active a, .pager__items__item.is-active a,
.c-pager .pager__item.is-active a,
.c-pager__item.is-active a {
text-decoration: none;
font-weight: 400;
color: #222222;
}
/* line 72, scss/components/_pager.scss */
.pager__items .pager__item a, .pager__items__item a,
.c-pager .pager__item a,
.c-pager__item a {
text-decoration: none;
color: #b3b3b3;
display: inline-block;
padding: 0 1rem;
line-height: 2rem;
}
/* line 79, scss/components/_pager.scss */
.pager__items .pager__item a:hover, .pager__items__item a:hover,
.c-pager .pager__item a:hover,
.c-pager__item a:hover {
color: #222222;
text-decoration: none !important;
}
/* line 90, scss/components/_pager.scss */
.pager__items .pager__item--previous a,
.pager__items .pager__item--next a, .pager__items__previous a, .pager__items__next a,
.c-pager .pager__item--previous a,
.c-pager .pager__item--next a,
.c-pager__previous a,
.c-pager__next a {
padding: 0;
background-color: #b3b3b3;
width: 2rem;
height: 2rem;
display: inline-block;
border-radius: 2px;
text-decoration: none;
}
/* line 99, scss/components/_pager.scss */
.pager__items .pager__item--previous a:hover,
.pager__items .pager__item--next a:hover, .pager__items__previous a:hover, .pager__items__next a:hover,
.c-pager .pager__item--previous a:hover,
.c-pager .pager__item--next a:hover,
.c-pager__previous a:hover,
.c-pager__next a:hover {
background-color: #808080;
text-decoration: none !important;
}
/* line 105, scss/components/_pager.scss */
.pager__items .pager__item--previous span:last-child,
.pager__items .pager__item--next span:last-child, .pager__items__previous span:last-child, .pager__items__next span:last-child,
.c-pager .pager__item--previous span:last-child,
.c-pager .pager__item--next span:last-child,
.c-pager__previous span:last-child,
.c-pager__next span:last-child {
display: inline-block;
width: 0;
height: 0;
border: 10px solid transparent;
background: transparent;
text-indent: -9999px;
overflow: hidden;
position: relative;
top: 3px;
}
/* line 117, scss/components/_pager.scss */
.pager__items .pager__item--previous span:last-child,
.pager__items__previous span:last-child,
.c-pager .pager__item--previous span:last-child,
.c-pager__previous span:last-child {
border-right: 10px solid #fff;
right: 6px;
}
/* line 123, scss/components/_pager.scss */
.pager__items .pager__item--next span:last-child,
.pager__items__next span:last-child,
.c-pager .pager__item--next span:last-child,
.c-pager__next span:last-child {
border-left: 10px solid #fff;
left: 6px;
}
/* line 2, scss/components/_popup.scss */
.c-popup.mfp-bg {
display: none;
}
/* line 6, scss/components/_popup.scss */
.c-popup.mfp-wrap {
top: 86px !important;
position: absolute !important;
left: auto;
width: 100%;
}
@media screen and (min-width: 640px) {
/* line 6, scss/components/_popup.scss */
.c-popup.mfp-wrap {
position: fixed !important;
top: 1rem !important;
right: 1rem;
min-height: 380px;
height: auto !important;
max-width: 415px;
}
}
/* line 23, scss/components/_popup.scss */
.c-popup .mfp-container {
padding: 0;
}
/* line 27, scss/components/_popup.scss */
.c-popup .mfp-content {
padding: 3rem 3.25rem;
background: #76BF43;
}
/* line 32, scss/components/_popup.scss */
.c-popup .mfp-close {
top: .25rem;
right: .25rem;
color: #fff;
font-size: 3.75rem;
font-family: "Open Sans", sans-serif;
font-weight: 300;
}
/* line 41, scss/components/_popup.scss */
.c-popup h2 {
text-align: center;
color: #fff;
font-size: 2rem;
line-height: 2.389rem;
font-family: "Open Sans", sans-serif;
font-weight: 600;
}
/* line 50, scss/components/_popup.scss */
.c-popup .form-email {
margin-bottom: 0;
}
/* line 54, scss/components/_popup.scss */
.c-popup .radios--wrapper {
padding: 0;
margin: 0;
}
@media screen and (min-width: 640px) {
/* line 54, scss/components/_popup.scss */
.c-popup .radios--wrapper {
padding: 0 1rem;
}
}
/* line 62, scss/components/_popup.scss */
.c-popup .radios--wrapper .webform-options-display-three-columns {
display: flex;
justify-content: space-around;
}
/* line 67, scss/components/_popup.scss */
.c-popup .radios--wrapper input {
margin-right: 0;
}
/* line 71, scss/components/_popup.scss */
.c-popup .radios--wrapper label {
color: #fff;
font-size: .9rem;
}
/* line 77, scss/components/_popup.scss */
.c-popup .form-actions {
text-align: center;
}
/* line 81, scss/components/_popup.scss */
.c-popup .c-btn, .c-popup .button, .c-popup .label-button a, .label-button .c-popup a, .c-popup .c-featured-large__content .field--name-field-fci-learn-more-link a, .c-featured-large__content .field--name-field-fci-learn-more-link .c-popup a, .c-popup .c-insights .more-link a, .c-insights .more-link .c-popup a, .c-popup .c-page-foot .c-footer_signup .form-actions .button, .c-page-foot .c-footer_signup .form-actions .c-popup .button {
margin-bottom: 0;
}
/* line 86, scss/components/_popup.scss */
.c-popup .c-alert--error {
display: none;
}
/* line 90, scss/components/_popup.scss */
.c-popup .form-item--error-message {
color: #7E0007;
text-align: center;
margin-top: -1rem;
margin-bottom: .5rem;
}
/* ==========================================================================
#Primary nav component
========================================================================== */
/*doc
---
title: Primary Nav
name: primary-nav
category: Components - Primary Nav
---
```html_example
```
*/
/* List class
========================================================================== */
/* line 27, scss/components/_primary-nav.scss */
.c-primary-nav {
padding: 0;
}
@media screen and (min-width: 0) and (max-width: 1024px) {
/* line 27, scss/components/_primary-nav.scss */
.c-primary-nav {
transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
height: 100%;
left: -140%;
opacity: 0;
position: fixed;
top: 0;
visibility: hidden;
width: 70%;
}
}
/* line 43, scss/components/_primary-nav.scss */
.c-primary-nav.is-active {
background-color: #e7e7e7;
left: -70%;
opacity: 1;
visibility: visible;
}
/* List items class
========================================================================== */
/* line 55, scss/components/_primary-nav.scss */
.c-primary-nav__item {
margin: 0 1rem;
position: relative;
}
@media screen and (min-width: 1024px) {
/* line 55, scss/components/_primary-nav.scss */
.c-primary-nav__item {
display: inline-block;
}
}
/* line 67, scss/components/_primary-nav.scss */
.c-primary-nav__item.has-dropdown:hover .c-drop-nav__wrap {
opacity: 1;
visibility: visible;
}
@media screen and (min-width: 0) and (max-width: 1024px) {
/* line 73, scss/components/_primary-nav.scss */
.c-primary-nav__item .c-primary-nav__link {
display: block;
}
}
/* Drop-down
========================================================================== */
/* line 87, scss/components/_primary-nav.scss */
.c-drop-nav__wrap {
opacity: 0;
visibility: hidden;
}
@media screen and (min-width: 0) and (max-width: 1024px) {
/* line 87, scss/components/_primary-nav.scss */
.c-drop-nav__wrap {
display: none;
}
}
@media screen and (min-width: 1024px) {
/* line 87, scss/components/_primary-nav.scss */
.c-drop-nav__wrap {
transition: all 0.2s ease-in-out;
background: #1e3756;
min-width: 150px;
overflow: hidden;
padding: 1rem;
position: absolute;
top: 100%;
}
}
/* line 106, scss/components/_primary-nav.scss */
.c-drop-nav__wrap.is-expanded {
display: block;
opacity: 1;
visibility: visible;
}
/* line 114, scss/components/_primary-nav.scss */
.c-drop-nav {
margin-bottom: 0;
}
/* Mobile toggle link
========================================================================== */
/* line 124, scss/components/_primary-nav.scss */
.c-mobile-toggle {
display: block;
}
@media screen and (min-width: 1024px) {
/* line 124, scss/components/_primary-nav.scss */
.c-mobile-toggle {
display: none;
}
}
/* ==========================================================================
#Header component
========================================================================== */
/*doc
---
title: Page head
name: page-head
category: Components - Page Head
---
Inside the header component lives the `.c-logo` component as well as the `.c-primary-nav`.
```html_example
```
*/
/* line 119, scss/tools/_mixins.scss */
.c-social::after {
clear: both;
content: "";
display: table;
}
/* line 31, scss/components/_social.scss */
.c-social__link .ext {
display: none;
}
/* line 35, scss/components/_social.scss */
.c-social__ico {
display: block;
float: left;
width: 34px;
height: 34px;
overflow: hidden;
text-align: left;
text-indent: -9999px;
background: no-repeat center center;
margin-left: .5rem;
transition: opacity .25s ease-in-out;
opacity: 1;
}
/* line 49, scss/components/_social.scss */
.c-social__ico--face-color {
background-image: url("../../svg/ico_face-color.svg");
}
/* line 53, scss/components/_social.scss */
.c-social__ico--twitter-color {
background-image: url("../../svg/ico_twitter-color.svg");
}
/* line 58, scss/components/_social.scss */
.c-social__ico--face-rev {
background-image: url("../../svg/ico_face-rev.svg");
}
/* line 62, scss/components/_social.scss */
.c-social__ico--twitter-rev {
background-image: url("../../svg/ico_twitter-rev.svg");
}
/* line 66, scss/components/_social.scss */
.c-social__ico:hover, .c-social__ico:focus {
opacity: .5;
}
/* line 74, scss/components/_social.scss */
.c-share {
display: block;
float: left;
background: #e7e7e7;
border-radius: 6px;
padding: .25rem .25rem .25rem 1rem;
margin-bottom: 1rem;
}
/* line 119, scss/tools/_mixins.scss */
.c-share::after {
clear: both;
content: "";
display: table;
}
@media screen and (min-width: 640px) {
/* line 84, scss/components/_social.scss */
.page-node-type-person .c-share,
.path-taxonomy .c-share {
float: right;
}
}
/* line 91, scss/components/_social.scss */
.c-share .share--label {
float: left;
line-height: 30px;
margin-right: .5rem;
color: #4A4A4A;
font-weight: 400;
font-size: 0.8889rem;
padding: 0 .25rem;
}
/* line 101, scss/components/_social.scss */
.c-share .block-social-media {
float: left;
}
/* line 105, scss/components/_social.scss */
.c-share .block-social-media .social-media-sharing ul {
margin-bottom: 0;
display: block;
}
/* line 109, scss/components/_social.scss */
.c-share .block-social-media .social-media-sharing ul li {
display: block;
float: left;
margin-right: .25rem;
}
/* line 114, scss/components/_social.scss */
.c-share .block-social-media .social-media-sharing ul li:last-child {
margin-right: 0;
}
/* line 119, scss/components/_social.scss */
.c-share .block-social-media .social-media-sharing ul .share {
position: relative;
display: block;
width: 30px;
height: 30px;
border-radius: 2px;
overflow: hidden;
opacity: 1;
}
/* line 128, scss/components/_social.scss */
.c-share .block-social-media .social-media-sharing ul .share:hover, .c-share .block-social-media .social-media-sharing ul .share:focus {
opacity: .5;
}
/* line 133, scss/components/_social.scss */
.c-share .block-social-media .social-media-sharing ul .share img {
position: absolute;
top: -5px;
left: -5px;
background: #fff;
max-width: none;
}
/* line 1, scss/components/_staff.scss */
.view-display-id-page_2 {
padding: 0 0 2rem;
}
/* line 4, scss/components/_staff.scss */
.view-display-id-page_2 .view-header {
margin-bottom: 2rem;
}
/* line 8, scss/components/_staff.scss */
.view-display-id-page_2 .view-content {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
}
/* line 14, scss/components/_staff.scss */
.view-display-id-page_2 .view-content .views-row {
margin-bottom: 1rem;
flex-basis: 100%;
}
/* line 18, scss/components/_staff.scss */
.view-display-id-page_2 .view-content .views-row:nth-child(3n) {
margin-right: 0;
}
@media screen and (min-width: 640px) {
/* line 14, scss/components/_staff.scss */
.view-display-id-page_2 .view-content .views-row {
flex-basis: 29.33%;
margin: 0 6% 3rem 0;
}
}
@media screen and (min-width: 1024px) {
/* line 14, scss/components/_staff.scss */
.view-display-id-page_2 .view-content .views-row {
flex-basis: 250px;
margin: 0 9% 3rem 0;
}
}
/* line 32, scss/components/_staff.scss */
.view-display-id-page_2 .view-content .views-row .field--name-field-person-photo {
margin: 0 0 .5rem;
}
/* line 34, scss/components/_staff.scss */
.view-display-id-page_2 .view-content .views-row .field--name-field-person-photo a {
position: relative;
display: inline-block;
text-decoration: none;
}
/* line 153, scss/tools/_mixins.scss */
.view-display-id-page_2 .view-content .views-row .field--name-field-person-photo a:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: #0a6288;
opacity: 0;
transition: opacity .3s ease-in-out;
}
/* line 168, scss/tools/_mixins.scss */
.view-display-id-page_2 .view-content .views-row .field--name-field-person-photo a:hover:after, .view-display-id-page_2 .view-content .views-row .field--name-field-person-photo a.hover:after {
opacity: .3;
}
/* line 173, scss/tools/_mixins.scss */
.view-display-id-page_2 .view-content .views-row .field--name-field-person-photo a img {
display: block;
}
/* line 42, scss/components/_staff.scss */
.view-display-id-page_2 .view-content .views-row .field--name-node-title h2 {
font-family: "Open Sans", sans-serif;
font-weight: 600;
font-size: 1.333rem;
line-height: 1.5;
margin: 0;
}
/* line 49, scss/components/_staff.scss */
.view-display-id-page_2 .view-content .views-row .field--name-node-title h2 a {
text-decoration: none;
}
/* line 52, scss/components/_staff.scss */
.view-display-id-page_2 .view-content .views-row .field--name-node-title h2 a:link, .view-display-id-page_2 .view-content .views-row .field--name-node-title h2 a:visited {
color: #222222;
}
/* line 57, scss/components/_staff.scss */
.view-display-id-page_2 .view-content .views-row .field--name-node-title h2 a.hover, .view-display-id-page_2 .view-content .views-row .field--name-node-title h2 a:hover, .view-display-id-page_2 .view-content .views-row .field--name-node-title h2 a:focus {
color: #0a6288;
}
/* line 66, scss/components/_staff.scss */
.view-display-id-page_2 .view-content .views-row .field--name-field-person-position-title {
font-weight: 400;
font-size: 0.7778rem;
line-height: 1.5;
}
/* line 79, scss/components/_staff.scss */
.page-node-type-person .c-page-title {
display: none;
}
/* line 83, scss/components/_staff.scss */
.page-node-type-person .field--name-backbutton {
margin-bottom: .5rem;
}
/* line 87, scss/components/_staff.scss */
.page-node-type-person .field--name-backbutton a.back-button:link, .page-node-type-person .field--name-backbutton a.back-button:visited {
color: #808080;
}
/* line 92, scss/components/_staff.scss */
.page-node-type-person .field--name-backbutton a.back-button:hover, .page-node-type-person .field--name-backbutton a.back-button:focus {
color: #0a6288;
}
@media screen and (min-width: 640px) {
/* line 83, scss/components/_staff.scss */
.page-node-type-person .field--name-backbutton {
float: left;
margin-bottom: 4rem;
}
}
/* line 104, scss/components/_staff.scss */
.page-node-type-person .field--name-field-person-photo {
display: block;
margin-bottom: 1rem;
clear: both;
}
@media screen and (min-width: 640px) {
/* line 104, scss/components/_staff.scss */
.page-node-type-person .field--name-field-person-photo {
float: left;
margin: 0 2rem 1rem 0;
}
}
/* line 116, scss/components/_staff.scss */
.page-node-type-person .field--name-node-title h1 {
font-size: 2rem;
margin-bottom: 0;
}
/* line 123, scss/components/_staff.scss */
.page-node-type-person people-position-title h2 {
font-family: "Open Sans", sans-serif;
font-size: 1rem;
font-weight: 600;
margin-bottom: 0;
}
/* line 131, scss/components/_staff.scss */
.page-node-type-person .field--name-field-person-type {
color: #b3b3b3;
font-weight: 600;
font-size: 0.7778rem;
margin-bottom: 2rem;
}
/* ==========================================================================
#Teaser component
========================================================================== */
/*doc
---
title: Teaser
name: teaser
category: Components - Teaser
---
This is the teaser component which has multiple variations. Take a look at the `Teaser with image` section to see a full example.
```html_example
Articles
Mindfulness. If you’re still thinking this is merely a touchy-feely trend practiced by yogis, creatives and the business elite – you’re way behind. Thousands of people in organizations around the world are now benefiting from the improved performance, communication, relationships...
```
*/
/* line 31, scss/components/_teaser.scss */
.c-teaser__source {
font-weight: 600;
color: #1e3756;
margin-bottom: 0;
}
/* line 38, scss/components/_teaser.scss */
.c-teaser__title {
color: #666;
font-size: 1.5rem;
margin-bottom: 0;
}
/* line 45, scss/components/_teaser.scss */
.c-teaser__link {
color: #0a6288;
}
/* line 50, scss/components/_teaser.scss */
.c-teaser__content {
color: #666;
font-size: 1rem;
}
/* line 56, scss/components/_teaser.scss */
.c-teaser__byline {
color: #666;
}
/*doc
---
title: Teaser with image
name: teaser_with_image
category: Components - Teaser
---
```html_example
Articles
Mindfulness. If you’re still thinking this is merely a touchy-feely trend practiced by yogis, creatives and the business elite – you’re way behind. Thousands of people in organizations around the world are now benefiting from the improved performance, communication, relationships...
```
*/
/*doc
---
title: Teaser in UI Row
name: teaser_ui_row
category: Components - Teaser
---
This is an example of how to use the teaser component with the `ui-row` object to get padding and a border.
```html_example
Articles
Mindfulness. If you’re still thinking this is merely a touchy-feely trend practiced by yogis, creatives and the business elite – you’re way behind. Thousands of people in organizations around the world are now benefiting from the improved performance, communication, relationships...
Articles
Mindfulness. If you’re still thinking this is merely a touchy-feely trend practiced by yogis, creatives and the business elite – you’re way behind. Thousands of people in organizations around the world are now benefiting from the improved performance, communication, relationships...
```
*/
/*doc
---
title: Teaser with byline
name: teaser_with_byline
category: Components - Teaser
---
```html_example
Articles
By Chris Roane
Mindfulness. If you’re still thinking this is merely a touchy-feely trend practiced by yogis, creatives and the business elite – you’re way behind. Thousands of people in organizations around the world are now benefiting from the improved performance, communication, relationships...
```
*/
/* ==========================================================================
#Headings
========================================================================== */
/*doc
---
title: Headings
name: headings
category: Base - Headings
---
Default styling for headings 1-6
```html_example
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
```
*/
/* line 24, scss/components/_twitter.scss */
.c-twitter {
background: #E9F6FE;
padding: 3.5rem 2rem;
}
@media screen and (min-width: 640px) {
/* line 24, scss/components/_twitter.scss */
.c-twitter {
padding: 3.5rem 0;
}
}
/* line 33, scss/components/_twitter.scss */
.c-twitter .block-twitter-feed {
margin: auto;
}
/* line 36, scss/components/_twitter.scss */
.c-twitter .block-twitter-feed > div:first-child {
display: flex;
align-items: center;
margin-bottom: 1rem;
position: relative;
}
/* line 42, scss/components/_twitter.scss */
.c-twitter .block-twitter-feed > div:first-child:before {
content: '';
display: inline-block;
width: 90px;
height: 73px;
background: url("../../svg/ico_twitter-solo.svg") no-repeat center center;
opacity: .3;
position: absolute;
top: -45px;
left: -10px;
}
@media screen and (min-width: 640px) {
/* line 42, scss/components/_twitter.scss */
.c-twitter .block-twitter-feed > div:first-child:before {
opacity: 1;
position: static;
top: auto;
left: auto;
}
}
/* line 62, scss/components/_twitter.scss */
.c-twitter .block-twitter-feed > div:first-child h2 {
position: relative;
z-index: 1;
font-size: 1.333rem;
font-weight: 600;
color: #4A90E2;
display: inline-block;
margin: 0;
}
@media screen and (min-width: 640px) {
/* line 62, scss/components/_twitter.scss */
.c-twitter .block-twitter-feed > div:first-child h2 {
font-size: 1.667rem;
}
}
/* line 77, scss/components/_twitter.scss */
.c-twitter .block-twitter-feed .slick-slide {
padding: 2rem 0;
}
/* line 81, scss/components/_twitter.scss */
.c-twitter .block-twitter-feed .slick-prev,
.c-twitter .block-twitter-feed .slick-next {
width: 30px;
height: 110px;
overflow: hidden;
display: none !important;
display: block !important;
}
@media screen and (min-width: 640px) {
/* line 81, scss/components/_twitter.scss */
.c-twitter .block-twitter-feed .slick-prev,
.c-twitter .block-twitter-feed .slick-next {
width: 55px;
}
}
/* line 93, scss/components/_twitter.scss */
.c-twitter .block-twitter-feed .slick-prev:before,
.c-twitter .block-twitter-feed .slick-next:before {
content: '';
display: block;
position: absolute;
top: 20px;
width: 70px;
height: 70px;
border-style: solid;
border-width: 3px;
border-color: transparent transparent #4A90E2 #4A90E2;
transition: border-color .3s ease-in-out;
}
/* line 106, scss/components/_twitter.scss */
.c-twitter .block-twitter-feed .slick-prev:not(.slick-disabled):hover:before,
.c-twitter .block-twitter-feed .slick-next:not(.slick-disabled):hover:before {
border-color: transparent transparent #a6c4e4 #a6c4e4;
}
/* line 110, scss/components/_twitter.scss */
.c-twitter .block-twitter-feed .slick-prev.slick-disabled,
.c-twitter .block-twitter-feed .slick-next.slick-disabled {
cursor: default;
}
/* line 115, scss/components/_twitter.scss */
.c-twitter .block-twitter-feed .slick-prev {
left: -33px;
}
@media screen and (min-width: 640px) {
/* line 115, scss/components/_twitter.scss */
.c-twitter .block-twitter-feed .slick-prev {
left: -70px;
}
}
/* line 121, scss/components/_twitter.scss */
.c-twitter .block-twitter-feed .slick-prev:before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: -57px;
}
@media screen and (min-width: 640px) {
/* line 121, scss/components/_twitter.scss */
.c-twitter .block-twitter-feed .slick-prev:before {
right: -31px;
}
}
/* line 131, scss/components/_twitter.scss */
.c-twitter .block-twitter-feed .slick-next {
right: -33px;
}
@media screen and (min-width: 640px) {
/* line 131, scss/components/_twitter.scss */
.c-twitter .block-twitter-feed .slick-next {
right: -70px;
}
}
/* line 137, scss/components/_twitter.scss */
.c-twitter .block-twitter-feed .slick-next:before {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
left: -57px;
}
@media screen and (min-width: 640px) {
/* line 137, scss/components/_twitter.scss */
.c-twitter .block-twitter-feed .slick-next:before {
left: -31px;
}
}
/* ==========================================================================
#Schedule component
========================================================================== */
/* line 5, scss/components/_schedule.scss */
.c-schedule {
text-align: center;
}
/* line 7, scss/components/_schedule.scss */
.c-schedule h1 {
font-size: 40px;
}
/* line 9, scss/components/_schedule.scss */
.c-schedule h1 span {
font-size: 20px;
display: block;
line-height: 28px;
}
@media screen and (max-width: 640px) {
/* line 9, scss/components/_schedule.scss */
.c-schedule h1 span {
font-size: 20px;
line-height: 28px;
}
}
/* line 19, scss/components/_schedule.scss */
.c-schedule h2 {
padding: 0 9px 9px;
font-size: 35px;
background: #0a6288;
color: #fff;
margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
/* line 19, scss/components/_schedule.scss */
.c-schedule h2 {
font-size: 25px;
}
}
/* line 29, scss/components/_schedule.scss */
.c-schedule .person {
display: inline-block;
max-width: 30%;
width: 100%;
padding: 0 10px 20px;
vertical-align: top;
}
/* line 35, scss/components/_schedule.scss */
.c-schedule .person img {
display: block;
margin: 0 auto 10px;
}
@media screen and (max-width: 640px) {
/* line 29, scss/components/_schedule.scss */
.c-schedule .person {
max-width: none;
}
}
/* line 42, scss/components/_schedule.scss */
.c-schedule .person strong {
display: block;
}
/*
Report - Housing Underproduction Research
Hybrid of old and new design
*/
/* line 6, scss/components/_report.scss */
html, body {
overflow-x: hidden;
}
/* line 15, scss/components/_report.scss */
.page-node-2011 .c-featured-large__content,
.page-node-2126 .c-featured-large__content,
.page-housing-underproduction™-in-the-us-2022--up-for-growth .c-featured-large__content,
.page-housing-underproduction-research--up-for-growth .c-featured-large__content,
.page-housing-underproduction-report--up-for-growth .c-featured-large__content {
background-color: #ffffff;
color: #006869;
font-family: "UrbaneDemiBold", sans-serif;
font-weight: 600;
max-width: 595px;
padding: .5rem 1rem;
}
@media screen and (max-width: 811px) {
/* line 15, scss/components/_report.scss */
.page-node-2011 .c-featured-large__content,
.page-node-2126 .c-featured-large__content,
.page-housing-underproduction™-in-the-us-2022--up-for-growth .c-featured-large__content,
.page-housing-underproduction-research--up-for-growth .c-featured-large__content,
.page-housing-underproduction-report--up-for-growth .c-featured-large__content {
margin: 0;
}
}
/* line 27, scss/components/_report.scss */
.page-node-2011 .c-featured-large__content h1,
.page-node-2126 .c-featured-large__content h1,
.page-housing-underproduction™-in-the-us-2022--up-for-growth .c-featured-large__content h1,
.page-housing-underproduction-research--up-for-growth .c-featured-large__content h1,
.page-housing-underproduction-report--up-for-growth .c-featured-large__content h1 {
font-family: "UrbaneDemiBold", sans-serif;
font-size: 3rem;
}
@media screen and (max-width: 811px) {
/* line 27, scss/components/_report.scss */
.page-node-2011 .c-featured-large__content h1,
.page-node-2126 .c-featured-large__content h1,
.page-housing-underproduction™-in-the-us-2022--up-for-growth .c-featured-large__content h1,
.page-housing-underproduction-research--up-for-growth .c-featured-large__content h1,
.page-housing-underproduction-report--up-for-growth .c-featured-large__content h1 {
font-size: 2rem;
}
}
/* line 36, scss/components/_report.scss */
.page-node-2011 .c-hero__inner.clearfix,
.page-node-2126 .c-hero__inner.clearfix,
.page-housing-underproduction™-in-the-us-2022--up-for-growth .c-hero__inner.clearfix,
.page-housing-underproduction-research--up-for-growth .c-hero__inner.clearfix,
.page-housing-underproduction-report--up-for-growth .c-hero__inner.clearfix {
max-width: 920px;
margin: 0 auto;
}
/* line 41, scss/components/_report.scss */
.page-node-2011 .c-hero__btn,
.page-node-2126 .c-hero__btn,
.page-housing-underproduction™-in-the-us-2022--up-for-growth .c-hero__btn,
.page-housing-underproduction-research--up-for-growth .c-hero__btn,
.page-housing-underproduction-report--up-for-growth .c-hero__btn {
display: flex;
gap: 1rem;
}
/* line 45, scss/components/_report.scss */
.page-node-2011 .c-hero__btn svg,
.page-node-2126 .c-hero__btn svg,
.page-housing-underproduction™-in-the-us-2022--up-for-growth .c-hero__btn svg,
.page-housing-underproduction-research--up-for-growth .c-hero__btn svg,
.page-housing-underproduction-report--up-for-growth .c-hero__btn svg {
display: none;
}
/* line 49, scss/components/_report.scss */
.page-node-2011 .c-hero__btn a,
.page-node-2126 .c-hero__btn a,
.page-housing-underproduction™-in-the-us-2022--up-for-growth .c-hero__btn a,
.page-housing-underproduction-research--up-for-growth .c-hero__btn a,
.page-housing-underproduction-report--up-for-growth .c-hero__btn a {
background: #00CBBD url(/themes/bricklett/img/download.png) no-repeat 95% center;
color: #ffffff;
margin: 2rem 0;
font-weight: 500;
font-family: "UrbaneMedium", sans-serif;
font-size: .85rem;
color: #FFFFFF;
letter-spacing: 0;
text-align: center;
padding: .5rem 2rem .5rem 1rem;
display: flex;
background-size: 15px;
text-transform: uppercase;
}
/* line 65, scss/components/_report.scss */
.page-node-2011 .c-hero__btn a:hover,
.page-node-2126 .c-hero__btn a:hover,
.page-housing-underproduction™-in-the-us-2022--up-for-growth .c-hero__btn a:hover,
.page-housing-underproduction-research--up-for-growth .c-hero__btn a:hover,
.page-housing-underproduction-report--up-for-growth .c-hero__btn a:hover {
text-decoration: none;
opacity: .8;
}
/* line 72, scss/components/_report.scss */
.page-node-2011 .c-twitter,
.page-node-2126 .c-twitter,
.page-housing-underproduction™-in-the-us-2022--up-for-growth .c-twitter,
.page-housing-underproduction-research--up-for-growth .c-twitter,
.page-housing-underproduction-report--up-for-growth .c-twitter {
display: none;
}
/* line 79, scss/components/_report.scss */
.c-report--title h2 {
text-align: center;
font-family: "UrbaneDemiBold", sans-serif;
}
/* line 85, scss/components/_report.scss */
.c-report--pdf {
background: #454545 !important;
}
/* line 88, scss/components/_report.scss */
.c-report--pdf iframe {
width: 100%;
margin: 0 auto;
height: 100%;
min-height: 500px;
}
@media screen and (min-width: 811px) {
/* line 88, scss/components/_report.scss */
.c-report--pdf iframe {
min-height: 1200px;
}
}
/* line 100, scss/components/_report.scss */
.c-report--text.pullout {
margin: 2rem 0;
}
/* line 103, scss/components/_report.scss */
.c-report--text.pullout .text-formatted {
padding: 0 2rem;
}
@media screen and (min-width: 811px) {
/* line 103, scss/components/_report.scss */
.c-report--text.pullout .text-formatted {
padding: 0 5rem;
}
}
/* line 111, scss/components/_report.scss */
.c-report--text.pullout p {
color: #267e7e !important;
line-height: 1.3;
}
@media screen and (min-width: 811px) {
/* line 111, scss/components/_report.scss */
.c-report--text.pullout p {
font-size: 1.75rem;
}
}
/* line 118, scss/components/_report.scss */
.c-report--text.pullout p strong {
font-size: 1rem;
text-align: right;
display: block;
}
/* line 126, scss/components/_report.scss */
.c-report--text-bg {
background-color: #e0f4f1;
}
/* line 130, scss/components/_report.scss */
.c-report--text h2 {
font-family: "Grad", serif;
line-height: 1.2;
}
@media screen and (min-width: 811px) {
/* line 130, scss/components/_report.scss */
.c-report--text h2 {
font-size: 3rem;
}
}
/* line 138, scss/components/_report.scss */
.c-report--text h2 strong {
font-weight: normal;
position: relative;
z-index: 2;
white-space: nowrap;
}
/* line 144, scss/components/_report.scss */
.c-report--text h2 strong::before {
content: "";
position: absolute;
width: 100%;
height: 40%;
bottom: .3rem;
left: .4rem;
background: #78d3c7;
z-index: -1;
}
/* line 157, scss/components/_report.scss */
.c-report--text p {
font-family: "Grad", serif;
line-height: 1.2;
margin: 0 0 1rem;
}
/* line 165, scss/components/_report.scss */
.c-report--video .video-wrapper {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
height: 0;
}
/* line 170, scss/components/_report.scss */
.c-report--video .video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* line 181, scss/components/_report.scss */
.c-report--news.ds-2col {
border-bottom: 1px solid #cccccc;
margin-bottom: 1.5rem;
padding: 0;
max-width: 920px;
}
@media screen and (max-width: 480px) {
/* line 181, scss/components/_report.scss */
.c-report--news.ds-2col {
margin-bottom: 0;
}
}
/* line 190, scss/components/_report.scss */
.c-report--news.ds-2col > .group-left {
float: left;
width: 33%;
}
@media screen and (max-width: 480px) {
/* line 190, scss/components/_report.scss */
.c-report--news.ds-2col > .group-left {
width: 100%;
}
}
/* line 198, scss/components/_report.scss */
.c-report--news.ds-2col > .group-right {
float: left;
width: 66%;
}
@media screen and (max-width: 480px) {
/* line 198, scss/components/_report.scss */
.c-report--news.ds-2col > .group-right {
width: 100%;
padding: 0 2rem 1rem;
}
}
/* line 206, scss/components/_report.scss */
.c-report--news.ds-2col > .group-right p {
line-height: 1.2;
margin: .5rem 0;
padding: 0;
font-family: "Grad", serif;
}
/* line 212, scss/components/_report.scss */
.c-report--news.ds-2col > .group-right p strong {
font-family: "UrbaneDemiBold", sans-serif;
font-size: 1.333rem;
margin: 0;
padding: 0;
line-height: 1.2;
}
/* line 221, scss/components/_report.scss */
.c-report--news.ds-2col > .group-right a {
color: #fff !important;
background: #00CBBD;
padding: .1rem .3rem .2rem;
display: inline-block;
font-family: "UrbaneMedium", sans-serif;
}
/* line 233, scss/components/_report.scss */
.c-report--resources ul {
display: flex;
flex-wrap: wrap;
gap: 2rem;
justify-content: center;
margin: 0;
padding: 0;
list-style: none outside none;
}
@media screen and (max-width: 480px) {
/* line 233, scss/components/_report.scss */
.c-report--resources ul {
gap: 1rem;
}
}
/* line 246, scss/components/_report.scss */
.c-report--resources ul li {
flex-basis: 30%;
text-align: center;
border: 1px solid #00CBBD;
padding: 1rem;
display: flex;
flex-direction: column;
justify-content: center;
}
@media screen and (max-width: 480px) {
/* line 246, scss/components/_report.scss */
.c-report--resources ul li {
flex-basis: 100%;
}
}
/* line 259, scss/components/_report.scss */
.c-report--resources ul li p {
padding: 0;
margin: 0;
font-size: 1rem;
font-weight: 500;
}
/* line 266, scss/components/_report.scss */
.c-report--resources ul li a {
color: #00CBBD;
font-weight: 700;
}
/* line 275, scss/components/_report.scss */
.c-report--sponsors h3 {
text-align: center;
font-family: "UrbaneDemiBold", sans-serif;
font-weight: 400;
font-size: 1.3333rem;
display: table;
white-space: nowrap;
text-transform: uppercase;
color: #a4a4a4;
}
@media screen and (max-width: 899px) {
/* line 275, scss/components/_report.scss */
.c-report--sponsors h3 {
font-size: .75rem;
margin-top: 2em;
}
}
/* line 289, scss/components/_report.scss */
.c-report--sponsors h3:before, .c-report--sponsors h3:after {
border-top: 1px solid #e8e8e8;
content: '';
display: table-cell;
position: relative;
top: 0.75em;
width: 45%;
}
/* line 298, scss/components/_report.scss */
.c-report--sponsors h3:before {
right: 1.5%;
}
/* line 299, scss/components/_report.scss */
.c-report--sponsors h3:after {
left: 1.5%;
}
/* line 302, scss/components/_report.scss */
.c-report--sponsors ul {
display: flex;
list-style: none outside none;
justify-content: center;
align-items: flex-start;
gap: 1rem 2rem;
flex-wrap: wrap;
margin: 0 0 3rem 0;
padding: 0 2rem;
height: 100%;
}
/* line 313, scss/components/_report.scss */
.c-report--sponsors ul li {
text-align: center;
}
@media screen and (max-width: 899px) {
/* line 313, scss/components/_report.scss */
.c-report--sponsors ul li {
flex-basis: 40%;
align-self: center;
}
}
@media screen and (max-width: 899px) {
/* line 321, scss/components/_report.scss */
.c-report--sponsors ul li img {
max-height: 80px;
}
}
/* line 329, scss/components/_report.scss */
.c-report--sponsors .logo-presentedby ul {
justify-content: left;
}
@media screen and (max-width: 899px) {
/* line 332, scss/components/_report.scss */
.c-report--sponsors .logo-presentedby ul li {
flex-basis: 100% !important;
}
}
/* line 338, scss/components/_report.scss */
.c-report--sponsors .logo-presentedby ul img {
max-height: 111px;
}
@media screen and (min-width: 900px) {
/* line 343, scss/components/_report.scss */
.c-report--sponsors .logo-champion {
flex-basis: 33%;
}
}
@media screen and (min-width: 900px) {
/* line 348, scss/components/_report.scss */
.c-report--sponsors .logo-champion ul {
margin: 0;
border-right: 1px solid #e8e8e8;
align-items: center;
}
}
@media screen and (min-width: 900px) {
/* line 356, scss/components/_report.scss */
.c-report--sponsors .logo-advocates {
flex-basis: 66%;
}
}
@media screen and (min-width: 900px) {
/* line 361, scss/components/_report.scss */
.c-report--sponsors .logo-advocates ul {
justify-content: center;
align-items: center;
gap: 0 2rem;
}
}
@media screen and (min-width: 900px) {
/* line 369, scss/components/_report.scss */
.c-report--sponsors .logo-advocates img {
max-height: 50px;
}
}
@media screen and (min-width: 900px) {
/* line 377, scss/components/_report.scss */
.c-report--sponsors .logo-supporters li {
flex-basis: 20%;
}
}
@media screen and (min-width: 900px) {
/* line 382, scss/components/_report.scss */
.c-report--sponsors .logo-supporters img {
max-height: 50px;
}
}
/* line 389, scss/components/_report.scss */
.c-report--sponsors .logo-row {
justify-content: left;
}
@media screen and (min-width: 900px) {
/* line 389, scss/components/_report.scss */
.c-report--sponsors .logo-row {
display: flex;
gap: 3rem;
margin-bottom: 4rem;
}
}
/* Report download form */
/* line 404, scss/components/_report.scss */
.page-housing-underproduction-dataset-download--up-for-growth .c-page-title,
.page-housing-underproduction-dataset-download--up-for-growth h3,
.page-housing-underproduction-dataset-spreadsheet--up-for-growth .c-page-title,
.page-housing-underproduction-dataset-spreadsheet--up-for-growth h3,
.page-download-housing-underproduction-data-spreadsheet--up-for-growth .c-page-title,
.page-download-housing-underproduction-data-spreadsheet--up-for-growth h3 {
font-family: "UrbaneDemiBold", sans-serif;
text-align: center;
}
/* line 410, scss/components/_report.scss */
.page-housing-underproduction-dataset-download--up-for-growth label,
.page-housing-underproduction-dataset-spreadsheet--up-for-growth label,
.page-download-housing-underproduction-data-spreadsheet--up-for-growth label {
font-family: "Grad", serif;
}
/* line 414, scss/components/_report.scss */
.page-housing-underproduction-dataset-download--up-for-growth .a-btn,
.page-housing-underproduction-dataset-spreadsheet--up-for-growth .a-btn,
.page-download-housing-underproduction-data-spreadsheet--up-for-growth .a-btn {
background: #00CBBD;
background-size: auto;
color: #ffffff;
margin: 2rem 0;
font-weight: 500;
font-family: "UrbaneMedium", sans-serif, sans-serif;
color: #FFFFFF;
letter-spacing: 0;
text-align: center;
padding: 1rem;
display: flex;
background-size: 15px;
text-transform: uppercase;
font-size: 1rem;
max-width: 600px;
margin: 0 auto;
text-align: center;
display: block;
}
/* line 435, scss/components/_report.scss */
.page-housing-underproduction-dataset-download--up-for-growth .webform-confirmation__back,
.page-housing-underproduction-dataset-spreadsheet--up-for-growth .webform-confirmation__back,
.page-download-housing-underproduction-data-spreadsheet--up-for-growth .webform-confirmation__back {
text-align: center;
}
/* line 439, scss/components/_report.scss */
.page-housing-underproduction-dataset-download--up-for-growth .c-twitter,
.page-housing-underproduction-dataset-spreadsheet--up-for-growth .c-twitter,
.page-download-housing-underproduction-data-spreadsheet--up-for-growth .c-twitter {
display: none;
}
/* ==========================================================================
#Trumps
========================================================================== */
/* Visibility classes
========================================================================== */
/*doc
---
title: Visibility Classes
name: vis_class
category: Trumps - Visibility Classes
---
Classes you can use in the HTML to affect the visibility of an element.
Two vartions are available: `.t-show` and `.t-hide`.
Class | Description
----------------|---------------
`.t-hide`| Hides element
`.t-show`| Shows element
```html_example
[This element is visible!]
```
*/
/* line 31, scss/trumps/_trumps.scss */
.t-hide {
display: none !important;
}
/* line 32, scss/trumps/_trumps.scss */
.t-show {
display: block !important;
}
@media screen and (min-width: 640px) {
/* line 33, scss/trumps/_trumps.scss */
.t-small-only {
display: none;
}
}
/* Float classes
========================================================================== */
/*doc
---
title: Float Classes
name: flo_class
category: Trumps - Float Classes
---
Classes you can use in the HTML to affect the visibility of an element. Use `.t-left` to float an element
to the left, and use `.t-right` to float to the right.
Class | Description
----------------|---------------
`.t-left`| Aligns element to the left
`.t-right`| Aligns element to the right
```html_example
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum saepe aspernatur, nostrum excepturi consequatur? Est, natus aspernatur error delectus facere asperiores dolorem cum enim harum consectetur! Tempore, vero tempora cupiditate.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum saepe aspernatur, nostrum excepturi consequatur? Est, natus aspernatur error delectus facere asperiores dolorem cum enim harum consectetur! Tempore, vero tempora cupiditate.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum saepe aspernatur, nostrum excepturi consequatur? Est, natus aspernatur error delectus facere asperiores dolorem cum enim harum consectetur! Tempore, vero tempora cupiditate.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laborum saepe aspernatur, nostrum excepturi consequatur? Est, natus aspernatur error delectus facere asperiores dolorem cum enim harum consectetur! Tempore, vero tempora cupiditate.
```
*/
/* line 75, scss/trumps/_trumps.scss */
.t-left {
float: left !important;
}
/* line 76, scss/trumps/_trumps.scss */
.t-right {
float: right !important;
}
/* Text align classes
========================================================================== */
/*doc
---
title: Text Align Classes
name: tex_class
category: Trumps - Text Align Classes
---
Classes you can use in the HTML to affect the visibility of an element. Use the following classes
to adjust text alignment:
Class | Description
----------------|---------------
`.t-text-left`| Aligns text to the left
`.t-text-center`| Aligns text to the center
`.t-text-right`| Aligns text to the right
```html_example
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic corporis quidem omnis cumque praesentium, consequatur nostrum minus. Aliquid, delectus incidunt repudiandae eveniet cupiditate nobis!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic corporis quidem omnis cumque praesentium, consequatur nostrum minus. Aliquid, delectus incidunt repudiandae eveniet cupiditate nobis!
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic corporis quidem omnis cumque praesentium, consequatur nostrum minus. Aliquid, delectus incidunt repudiandae eveniet cupiditate nobis!
```
*/
/* line 111, scss/trumps/_trumps.scss */
.t-text-left {
text-align: left !important;
}
/* line 112, scss/trumps/_trumps.scss */
.t-text-right {
text-align: right !important;
}
/* line 113, scss/trumps/_trumps.scss */
.t-text-center {
text-align: center !important;
}
/* Font family trumps
========================================================================== */
/*doc
---
title: Font family
name: name
category: Trumps - Font Family
---
```html_example
This is a heading which is normally serif.
This is a paragraph which is normally sans-serif.
```
*/
/* line 134, scss/trumps/_trumps.scss */
.t-sans {
font-family: "Open Sans", sans-serif;
}
/* line 135, scss/trumps/_trumps.scss */
.t-serif {
font-family: "Georgia", serif;
}
/* BG Colors
========================================================================== */
/*doc
---
title: Background colors
name: bg-colors
category: Trumps - Background colors
---
```html_example
Example
```
*/
/* line 156, scss/trumps/_trumps.scss */
.t-bg-white {
background-color: #fff;
}
/* Margin trumps
========================================================================== */
/*doc
---
title: Margin
name: margin-classes
category: Trumps - Margin classes
---
```html_example
Margin base right
Margin small right
Margin base left
Margin small left
Margin base bottom
Margin small bottom
Margin base top
Margin small top
```
*/
/* line 184, scss/trumps/_trumps.scss */
.t-mbr {
margin-right: 1.5rem;
}
/* line 185, scss/trumps/_trumps.scss */
.t-msr {
margin-right: 0.75rem;
}
/* line 186, scss/trumps/_trumps.scss */
.t-mbl {
margin-left: 1.5rem;
}
/* line 187, scss/trumps/_trumps.scss */
.t-msl {
margin-left: 0.75rem;
}
/* line 188, scss/trumps/_trumps.scss */
.t-mbb {
margin-bottom: 1.5rem;
}
/* line 189, scss/trumps/_trumps.scss */
.t-msb {
margin-bottom: 0.75rem;
}
/* line 190, scss/trumps/_trumps.scss */
.t-mbt {
margin-top: 1.5rem;
}
/* line 191, scss/trumps/_trumps.scss */
.t-mst {
margin-top: 0.75rem;
}
/* line 193, scss/trumps/_trumps.scss */
.t-nom {
margin: 0;
}
/* Padding trumps
========================================================================== */
/*doc
---
title: Padding
name: padding-classes
category: Trumps - Padding classes
---
```html_example
Padding base right
Padding small right
Padding base left
Padding small left
```
*/
/* line 216, scss/trumps/_trumps.scss */
.t-pbr {
padding-right: 1.5rem;
}
/* line 217, scss/trumps/_trumps.scss */
.t-psr {
padding-right: 0.75rem;
}
/* line 218, scss/trumps/_trumps.scss */
.t-pbl {
padding-left: 1.5rem;
}
/* line 219, scss/trumps/_trumps.scss */
.t-psl {
padding-left: 0.75rem;
}
/* line 220, scss/trumps/_trumps.scss */
.t-nop {
padding: 0;
}
/* line 221, scss/trumps/_trumps.scss */
.t-nopb {
padding-bottom: 0;
}
/* Style-guide trumps
========================================================================== */
/* line 233, scss/trumps/_trumps.scss */
.wf {
background: #ccc;
}
/* ==========================================================================
#States - Classes added with the .is- naming convention
========================================================================== */
/* line 5, scss/trumps/_states.scss */
.is-shifted {
-webkit-transform: translateX(70%);
transform: translateX(70%);
}
@media screen and (min-width: 1024px) {
/* line 5, scss/trumps/_states.scss */
.is-shifted {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
/* line 2, scss/_temp.scss */
.block-local-tasks-block .contextual {
display: none !important;
}
/* line 6, scss/_temp.scss */
.block-local-tasks-block h2 {
margin: 0;
}
/* line 9, scss/_temp.scss */
.block-local-tasks-block ul {
list-style: none;
margin: 0;
padding: 0;
position: fixed;
bottom: 0;
display: flex;
margin-bottom: 0;
z-index: 20;
}
/* line 17, scss/_temp.scss */
.block-local-tasks-block ul .c-btn, .block-local-tasks-block ul .button, .block-local-tasks-block ul .label-button a, .label-button .block-local-tasks-block ul a, .block-local-tasks-block ul .c-featured-large__content .field--name-field-fci-learn-more-link a, .c-featured-large__content .field--name-field-fci-learn-more-link .block-local-tasks-block ul a, .block-local-tasks-block ul .c-insights .more-link a, .c-insights .more-link .block-local-tasks-block ul a, .block-local-tasks-block ul .c-page-foot .c-footer_signup .form-actions .button, .c-page-foot .c-footer_signup .form-actions .block-local-tasks-block ul .button {
color: #808080;
background-color: #f2f2f2;
display: block;
padding: .5rem 1.25rem;
font-size: .89rem;
text-decoration: none;
border-right: 1px solid #b3b3b3;
transition: all .25s ease-in-out;
}
/* line 27, scss/_temp.scss */
.block-local-tasks-block ul .c-btn:hover, .block-local-tasks-block ul .button:hover, .block-local-tasks-block ul .label-button a:hover, .label-button .block-local-tasks-block ul a:hover, .block-local-tasks-block ul .c-featured-large__content .field--name-field-fci-learn-more-link a:hover, .c-featured-large__content .field--name-field-fci-learn-more-link .block-local-tasks-block ul a:hover, .block-local-tasks-block ul .c-insights .more-link a:hover, .c-insights .more-link .block-local-tasks-block ul a:hover, .block-local-tasks-block ul .c-page-foot .c-footer_signup .form-actions .button:hover, .c-page-foot .c-footer_signup .form-actions .block-local-tasks-block ul .button:hover {
opacity: .7;
}
/* line 32, scss/_temp.scss */
.block-local-tasks-block ul--sg {
position: relative;
}
/* line 38, scss/_temp.scss */
.page-node-317 .field--name-socialshare,
.page-node-339 .field--name-socialshare {
display: none;
}
/* line 44, scss/_temp.scss */
.page-node-type-page .lg-12 > h1 {
display: none;
}
/* line 50, scss/_temp.scss */
.page-node-type-page .field--name-field-featured-image, .page-node-type-research .field--name-field-featured-image {
display: none;
}
/* line 55, scss/_temp.scss */
.table-of-contents--items {
display: none;
background-color: #FFFFFF;
}
/* line 60, scss/_temp.scss */
.table-of-contents-selected {
display: none;
background-color: #ffffff;
color: #0a6288;
font-weight: 400;
}
/* line 67, scss/_temp.scss */
.fixed {
position: fixed;
top: 0;
z-index: 99999;
}
/* line 73, scss/_temp.scss */
.table-of-contents-title {
cursor: pointer;
background-color: #ffffff;
color: #0a6288;
font-weight: 400;
padding: 5px;
font-family: "Oswald",sans-serif;
font-size: 20px;
text-transform: uppercase;
}
/* line 84, scss/_temp.scss */
.table-of-contents-title::before {
background: transparent url(/themes/bricklett/img/menu_icon.png) no-repeat center center;
display: inline-block;
content: "";
width: 30px;
height: 30px;
vertical-align: bottom;
margin-right: 20px;
}
/* line 94, scss/_temp.scss */
.table-of-contents ol {
padding-left: 70px;
}
/* line 98, scss/_temp.scss */
.table-of-contents--item {
cursor: pointer;
font-family: "Oswald",sans-serif;
font-weight: 400;
color: #0a6288;
text-transform: uppercase;
font-size: 16px;
}
/* line 107, scss/_temp.scss */
.table-of-contents > li a {
padding: 5px 0 5px 15px;
display: block;
}
/* line 112, scss/_temp.scss */
.field--name-field-quote-text {
color: #808080;
font-family: "Georgia",serif;
font-style: italic;
font-weight: 400;
font-size: 1.333rem;
line-height: 1.889rem;
}
/* line 121, scss/_temp.scss */
.field--name-field-quote-author {
color: #808080;
display: block;
text-align: right;
font-family: "Georgia",serif;
font-size: .8889rem;
line-height: 1.5;
font-style: italic;
font-weight: 400;
}
/* line 132, scss/_temp.scss */
.highlight-row {
background: #d0dde5;
color: #0a6288;
padding: 50px 20px;
margin: 50px 0;
}
/* line 138, scss/_temp.scss */
.highlight-row h4, .highlight-row .delta {
font-size: 1.2rem;
font-weight: 600;
}
/* line 143, scss/_temp.scss */
.highlight-row p {
font-size: .85rem;
}
/* line 148, scss/_temp.scss */
.highlight-row .highlight-img p {
margin: 0 auto;
padding: 0;
}
/* line 155, scss/_temp.scss */
.pull-text {
background: #ffffff !important;
padding: 0 !important;
}
/* line 159, scss/_temp.scss */
.pull-text .o-grid--small, .pull-text .c-hero .field--name-body, .c-hero .pull-text .field--name-body,
.pull-text .c-hero .c-hero__inner, .c-hero .pull-text .c-hero__inner,
.pull-text #block-insightsheader .field--name-body, #block-insightsheader .pull-text .field--name-body,
.pull-text #block-insightsheader .c-hero__inner, #block-insightsheader .pull-text .c-hero__inner {
border-bottom: 1px solid #0a6288;
border-top: 1px solid #0a6288;
padding: 16px 0 0;
}
/* line 166, scss/_temp.scss */
.chart-table table {
border: 1px solid #1b476a;
width: 100%;
table-layout: fixed;
}
/* line 173, scss/_temp.scss */
.chart-table tr:nth-child(even) {
background: #dae4ea;
}
/* line 177, scss/_temp.scss */
.chart-table tr:nth-child(odd) {
background: #ffffff;
}
/* line 182, scss/_temp.scss */
.chart-table th {
background-color: #1b476a;
border-right: 1px solid #1f2b37;
color: #ffffff;
font-family: "Oswald",sans-serif;
font-size: 14px;
font-weight: 400;
padding: 3px;
text-align: center;
text-transform: uppercase;
}
/* line 193, scss/_temp.scss */
.chart-table th:last-child {
border-right: none;
}
/* line 198, scss/_temp.scss */
.chart-table td {
border-bottom: 1px solid #1b476a;
border-right: 1px solid #6b6869;
font-family: "Oswald",sans-serif;
font-size: 14px;
font-weight: 400;
padding: 3px;
text-transform: uppercase;
text-align: right;
}
/* line 208, scss/_temp.scss */
.chart-table td:last-child {
border-right: none;
}
/* line 212, scss/_temp.scss */
.chart-table td.negative {
background-color: #ce2630;
color: #ffffff;
}
/* line 218, scss/_temp.scss */
.chart-detail, .chart-detail p, .chart-table p {
color: #1b476a;
font-size: .8rem;
line-height: 1.4;
}
/* line 224, scss/_temp.scss */
.research-list li {
padding: 25px 0;
list-style: none outside none;
}
/*.research-list li:nth-child(1):before {
color: #003b6d;
display: block;
content: "1";
font-size: 100px;
font-family: "Georgia";
text-align: center;
}
.research-list li:nth-child(2):before {
color: #003b6d;
display: block;
content: "2";
font-size: 100px;
font-family: "Georgia";
text-align: center;
}
.research-list li:nth-child(3):before {
color: #003b6d;
display: block;
content: "3";
font-size: 100px;
font-family: "Georgia";
text-align: center;
}
.research-list li:nth-child(4):before {
color: #003b6d;
display: block;
content: "4";
font-size: 100px;
font-family: "Georgia";
text-align: center;
}*/
/* line 265, scss/_temp.scss */
.research-list li:nth-child(1) strong:before {
background: transparent url(/themes/bricklett/img/research-list-1.png) no-repeat center center;
display: inline-block;
content: "";
height: 180px;
width: 210px;
float: left;
margin-right: 20px;
margin-top: -15px;
}
/* line 276, scss/_temp.scss */
.research-list li:nth-child(2) strong:before {
background: transparent url(/themes/bricklett/img/research-list-2.png) no-repeat center center;
display: inline-block;
content: "";
height: 180px;
width: 210px;
float: left;
margin-right: 20px;
margin-top: -15px;
}
/* line 287, scss/_temp.scss */
.research-list li:nth-child(3) strong:before {
background: transparent url(/themes/bricklett/img/research-list-3.png) no-repeat center center;
display: inline-block;
content: "";
height: 180px;
width: 210px;
float: left;
margin-right: 20px;
margin-top: -15px;
}
/* line 298, scss/_temp.scss */
.research-list li:nth-child(4) strong:before {
background: transparent url(/themes/bricklett/img/research-list-4.png) no-repeat center center;
display: inline-block;
content: "";
height: 180px;
width: 210px;
float: left;
margin-right: 20px;
margin-top: -15px;
}
/* line 309, scss/_temp.scss */
.research-list li span {
font-family: "Oswald";
font-weight: 400;
}
/* line 314, scss/_temp.scss */
.group-left .highlight-row,
.group-right .highlight-row {
margin: 20px 0;
padding: 20px;
}
/* line 320, scss/_temp.scss */
.group-left .highlight-row .o-grid, .group-left .highlight-row .c-hero .field--name-body, .c-hero .group-left .highlight-row .field--name-body,
.group-left .highlight-row .c-hero .c-hero__inner, .c-hero .group-left .highlight-row .c-hero__inner,
.group-left .highlight-row #block-insightsheader .field--name-body, #block-insightsheader .group-left .highlight-row .field--name-body,
.group-left .highlight-row #block-insightsheader .c-hero__inner, #block-insightsheader .group-left .highlight-row .c-hero__inner,
.group-right .highlight-row .o-grid,
.group-right .highlight-row .c-hero .field--name-body,
.c-hero .group-right .highlight-row .field--name-body,
.group-right .highlight-row .c-hero .c-hero__inner,
.c-hero .group-right .highlight-row .c-hero__inner,
.group-right .highlight-row #block-insightsheader .field--name-body,
#block-insightsheader .group-right .highlight-row .field--name-body,
.group-right .highlight-row #block-insightsheader .c-hero__inner,
#block-insightsheader .group-right .highlight-row .c-hero__inner {
background: #d0dde5;
color: #0a6288;
}
/* line 326, scss/_temp.scss */
.group-left .highlight-row h2,
.group-right .highlight-row h2 {
font-size: 36px;
}
/* line 331, scss/_temp.scss */
.who-we-are .align-center,
.introduction .align-center {
max-width: 175px;
}
@media screen and (min-width: 1024px) {
/* line 337, scss/_temp.scss */
.group-left {
padding-right: 20px;
}
/* line 341, scss/_temp.scss */
.group-right {
padding-left: 20px;
}
}
@media screen and (max-width: 1023px) {
/* line 347, scss/_temp.scss */
.chart-table th,
.chart-table td {
font-size: 12px;
}
}
@media screen and (max-width: 750px) {
/* line 354, scss/_temp.scss */
.chart-table table {
border: 0;
}
/* line 358, scss/_temp.scss */
.chart-table table thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/* line 369, scss/_temp.scss */
.chart-table table tr {
border-bottom: 3px solid #6b6869;
display: block;
margin-bottom: .625em;
}
/* line 375, scss/_temp.scss */
.chart-table table td {
border-bottom: 1px solid #6b6869;
display: block;
text-align: right;
}
/* line 381, scss/_temp.scss */
.chart-table table td::before {
content: attr(data-label);
float: left;
font-weight: bold;
text-transform: uppercase;
}
/* line 388, scss/_temp.scss */
.chart-table table td:last-child {
border-bottom: 0;
}
/* line 392, scss/_temp.scss */
.chart-table th,
.chart-table td {
border-right: none;
font-size: 14px;
}
}
@media screen and (max-width: 650px) {
/* line 400, scss/_temp.scss */
.research-list li:nth-child(1) strong:before {
display: block;
margin: 0 auto 20px;
float: none;
}
/* line 406, scss/_temp.scss */
.research-list li:nth-child(2) strong:before {
display: block;
margin: 0 auto 20px;
float: none;
}
/* line 412, scss/_temp.scss */
.research-list li:nth-child(3) strong:before {
display: block;
margin: 0 auto 20px;
float: none;
}
}
/* line 421, scss/_temp.scss */
.page-node-350,
.page-node-457 {
/*.c-main {
.growth-content .c-hero {
display: none;
}
.growth-form {
#webform-submission-membership-node-350-add-form {
background: rgba(185, 213, 52, 0.2);
padding: 2rem 3rem 2rem 3rem;
h4 {
font-size: 1.25rem;
}
p {
color: #444 !important;
font-family: 'Roboto' !important;
font-size: 13px !important;
line-height: auto;
}
label {
font-size: 13px;
font-weight: 400;
font-family: 'Roboto';
color: #444;
}
input,
textarea,
select {
font-family: 'Roboto';
color: #222;
border: 1px solid #444;
border-radius: 0;
box-sizing: border-box;
font-size: 13px !important;
!*width: 20em;*!
background-color: #fff;
height: 45px;
padding: 0 0.5rem;
}
.chosen-single {
background: #fff !important;
border: 1px solid #444;
border-radius: 0 !important;
color: #222;
font-weight: 400;
height: 45px !important;
background: #fff !important;
}
input[type="submit"] {
background-color: #444;
color: #fff;
margin-top: 1.6em;
padding: 5px 45px;
border: none;
font-size: 20px !important;
-webkit-appearance: none;
border-radius: 0;
text-transform: capitalize !important;
font-weight: 300 !important;
font-family: 'Georgia';
&:hover {
background-color: #666;
}
}
.t-required-legend {
font-size: 13px !important;
}
}
}
}*/
}
/* line 424, scss/_temp.scss */
.page-node-350 .captcha,
.page-node-457 .captcha {
padding-bottom: 1em !important;
}
/* line 428, scss/_temp.scss */
.page-node-350 .wForm .captcha .oneField,
.page-node-457 .wForm .captcha .oneField {
margin: 0;
padding: 0;
}
/* line 433, scss/_temp.scss */
.page-node-350 #tfa_85,
.page-node-350 *[id^="tfa_85["],
.page-node-457 #tfa_85,
.page-node-457 *[id^="tfa_85["] {
width: 700px !important;
}
/* line 437, scss/_temp.scss */
.page-node-350 #tfa_85-D,
.page-node-350 *[id^="tfa_85["][class~="field-container-D"],
.page-node-457 #tfa_85-D,
.page-node-457 *[id^="tfa_85["][class~="field-container-D"] {
width: auto !important;
}
/* line 442, scss/_temp.scss */
.page-node-350 #tfa_97,
.page-node-350 *[id^="tfa_97["],
.page-node-457 #tfa_97,
.page-node-457 *[id^="tfa_97["] {
width: 150px !important;
}
/* line 446, scss/_temp.scss */
.page-node-350 #tfa_97-D,
.page-node-350 *[id^="tfa_97["][class~="field-container-D"],
.page-node-457 #tfa_97-D,
.page-node-457 *[id^="tfa_97["][class~="field-container-D"] {
width: auto !important;
}
/* line 451, scss/_temp.scss */
.page-node-350 #tfa_89,
.page-node-350 *[id^="tfa_89["],
.page-node-457 #tfa_89,
.page-node-457 *[id^="tfa_89["] {
width: 125px !important;
}
/* line 455, scss/_temp.scss */
.page-node-350 #tfa_89-D,
.page-node-350 *[id^="tfa_89["][class~="field-container-D"],
.page-node-457 #tfa_89-D,
.page-node-457 *[id^="tfa_89["][class~="field-container-D"] {
width: auto !important;
}
/* line 460, scss/_temp.scss */
.page-node-350 #tfa_210,
.page-node-350 *[id^="tfa_210["],
.page-node-457 #tfa_210,
.page-node-457 *[id^="tfa_210["] {
width: 150px !important;
}
/* line 464, scss/_temp.scss */
.page-node-350 #tfa_210-D,
.page-node-350 *[id^="tfa_210["][class~="field-container-D"],
.page-node-457 #tfa_210-D,
.page-node-457 *[id^="tfa_210["][class~="field-container-D"] {
width: auto !important;
}
/* line 469, scss/_temp.scss */
.page-node-350 #tfa_152,
.page-node-350 *[id^="tfa_152["],
.page-node-457 #tfa_152,
.page-node-457 *[id^="tfa_152["] {
width: 150px !important;
}
/* line 473, scss/_temp.scss */
.page-node-350 #tfa_152-D,
.page-node-350 *[id^="tfa_152["][class~="field-container-D"],
.page-node-457 #tfa_152-D,
.page-node-457 *[id^="tfa_152["][class~="field-container-D"] {
width: auto !important;
}
/* line 479, scss/_temp.scss */
.page-node-350 .c-share,
.page-node-457 .c-share {
display: none;
}
/* line 483, scss/_temp.scss */
.page-node-350 .wFormHeader,
.page-node-457 .wFormHeader {
display: none;
}
/* line 487, scss/_temp.scss */
.page-node-350 #block-webform-2,
.page-node-457 #block-webform-2 {
display: none;
}