```
*/
/* line 45, wp-content/themes/brickthemewp/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, wp-content/themes/brickthemewp/scss/base/_tables.scss */
th {
border-bottom: 1px solid #a6a6a6;
font-weight: 600;
padding: 0.75rem 0;
text-align: left;
}
/* line 60, wp-content/themes/brickthemewp/scss/base/_tables.scss */
td {
border-bottom: 1px solid #ddd;
padding: 0.75rem 0;
}
/* line 65, wp-content/themes/brickthemewp/scss/base/_tables.scss */
tr,
td,
th {
vertical-align: middle;
}
/* ==========================================================================
#Type
========================================================================== */
/* line 7, wp-content/themes/brickthemewp/scss/base/_type.scss */
body {
font-size: 1rem;
line-height: 1.5;
}
/* line 14, wp-content/themes/brickthemewp/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
[components go here]
```
*/
/* line 21, wp-content/themes/brickthemewp/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
[components go here]
```
*/
/* line 45, wp-content/themes/brickthemewp/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
[components go here]
```
*/
/* line 69, wp-content/themes/brickthemewp/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
Base spacing box
Small box with highlight
```
*/
/* line 25, wp-content/themes/brickthemewp/scss/objects/_box.scss */
blockquote, .o-box, .o-box--small {
display: block;
background: #e1e6e4;
border-radius: 0.5625rem;
padding: 1.9375rem 4.125rem;
overflow: hidden;
}
/* line 38, wp-content/themes/brickthemewp/scss/objects/_box.scss */
.o-box--small {
padding: 0.75rem;
}
/* ==========================================================================
#o-Grid
========================================================================== */
/* line 5, wp-content/themes/brickthemewp/scss/objects/_grid.scss */
.o-grid {
max-width: 64rem;
margin-left: auto;
margin-right: auto;
padding: 0 0.9375rem;
max-width: 62.0625rem;
}
/* line 20, node_modules/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.o-grid::after {
clear: both;
content: "";
display: table;
}
@media screen and (min-width: 1024px) {
/* line 5, wp-content/themes/brickthemewp/scss/objects/_grid.scss */
.o-grid {
padding: 0 1rem;
}
}
/* line 15, wp-content/themes/brickthemewp/scss/objects/_grid.scss */
.o-grid .o-grid {
padding: 0;
}
/* ==========================================================================
#Block-grid
========================================================================== */
/* Small block grids
========================================================================== */
@media screen and (min-width: 0) and (max-width: 640px) {
/* line 27, wp-content/themes/brickthemewp/scss/objects/_grid.scss */
.bg-sm-2 > li {
float: left;
display: block;
margin-right: 3.74426%;
width: 48.12787%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.bg-sm-2 > li:last-child {
margin-right: 0;
}
/* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-sm-2 > li:nth-child(2n) {
margin-right: 0;
}
/* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-sm-2 > li:nth-child(2n+1) {
clear: left;
}
}
/* Medium block grids
========================================================================== */
@media screen and (min-width: 640px) and (max-width: 1024px) {
/* line 37, wp-content/themes/brickthemewp/scss/objects/_grid.scss */
.bg-md-1 > li {
float: left;
display: block;
margin-right: 3.74426%;
width: 100%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.bg-md-1 > li:last-child {
margin-right: 0;
}
/* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-md-1 > li:nth-child(1n) {
margin-right: 0;
}
/* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-md-1 > li:nth-child(1n+1) {
clear: left;
}
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
/* line 44, wp-content/themes/brickthemewp/scss/objects/_grid.scss */
.bg-md-2 > li {
float: left;
display: block;
margin-right: 3.74426%;
width: 48.12787%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.bg-md-2 > li:last-child {
margin-right: 0;
}
/* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-md-2 > li:nth-child(2n) {
margin-right: 0;
}
/* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-md-2 > li:nth-child(2n+1) {
clear: left;
}
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
/* line 51, wp-content/themes/brickthemewp/scss/objects/_grid.scss */
.bg-md-3 > li {
float: left;
display: block;
margin-right: 3.74426%;
width: 30.83716%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.bg-md-3 > li:last-child {
margin-right: 0;
}
/* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-md-3 > li:nth-child(3n) {
margin-right: 0;
}
/* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-md-3 > li:nth-child(3n+1) {
clear: left;
}
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
/* line 58, wp-content/themes/brickthemewp/scss/objects/_grid.scss */
.bg-md-4 > li {
float: left;
display: block;
margin-right: 3.74426%;
width: 22.1918%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.bg-md-4 > li:last-child {
margin-right: 0;
}
/* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-md-4 > li:nth-child(4n) {
margin-right: 0;
}
/* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-md-4 > li:nth-child(4n+1) {
clear: left;
}
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
/* line 65, wp-content/themes/brickthemewp/scss/objects/_grid.scss */
.bg-md-5 > li {
float: left;
display: block;
margin-right: 4.52701%;
width: 16.37839%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.bg-md-5 > li:last-child {
margin-right: 0;
}
/* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-md-5 > li:nth-child(5n) {
margin-right: 0;
}
/* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-md-5 > li:nth-child(5n+1) {
clear: left;
}
}
@media screen and (min-width: 640px) and (max-width: 1024px) {
/* line 72, wp-content/themes/brickthemewp/scss/objects/_grid.scss */
.bg-md-6 > li {
float: left;
display: block;
margin-right: 3.74426%;
width: 13.54645%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.bg-md-6 > li:last-child {
margin-right: 0;
}
/* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-md-6 > li:nth-child(6n) {
margin-right: 0;
}
/* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-md-6 > li:nth-child(6n+1) {
clear: left;
}
}
/* Large block grids
========================================================================== */
@media screen and (min-width: 1024px) {
/* line 82, wp-content/themes/brickthemewp/scss/objects/_grid.scss */
.bg-lg-1 > li {
float: left;
display: block;
margin-right: 3.74426%;
width: 100%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.bg-lg-1 > li:last-child {
margin-right: 0;
}
/* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-lg-1 > li:nth-child(1n) {
margin-right: 0;
}
/* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-lg-1 > li:nth-child(1n+1) {
clear: left;
}
}
@media screen and (min-width: 1024px) {
/* line 89, wp-content/themes/brickthemewp/scss/objects/_grid.scss */
.bg-lg-2 > li {
float: left;
display: block;
margin-right: 3.74426%;
width: 48.12787%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.bg-lg-2 > li:last-child {
margin-right: 0;
}
/* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-lg-2 > li:nth-child(2n) {
margin-right: 0;
}
/* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-lg-2 > li:nth-child(2n+1) {
clear: left;
}
}
@media screen and (min-width: 1024px) {
/* line 96, wp-content/themes/brickthemewp/scss/objects/_grid.scss */
.bg-lg-3 > li {
float: left;
display: block;
margin-right: 3.74426%;
width: 30.83716%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.bg-lg-3 > li:last-child {
margin-right: 0;
}
/* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-lg-3 > li:nth-child(3n) {
margin-right: 0;
}
/* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-lg-3 > li:nth-child(3n+1) {
clear: left;
}
}
@media screen and (min-width: 1024px) {
/* line 103, wp-content/themes/brickthemewp/scss/objects/_grid.scss */
.bg-lg-4 > li {
float: left;
display: block;
margin-right: 3.74426%;
width: 22.1918%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.bg-lg-4 > li:last-child {
margin-right: 0;
}
/* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-lg-4 > li:nth-child(4n) {
margin-right: 0;
}
/* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-lg-4 > li:nth-child(4n+1) {
clear: left;
}
}
@media screen and (min-width: 1024px) {
/* line 110, wp-content/themes/brickthemewp/scss/objects/_grid.scss */
.bg-lg-5 > li {
float: left;
display: block;
margin-right: 4.52701%;
width: 16.37839%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.bg-lg-5 > li:last-child {
margin-right: 0;
}
/* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-lg-5 > li:nth-child(5n) {
margin-right: 0;
}
/* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-lg-5 > li:nth-child(5n+1) {
clear: left;
}
}
@media screen and (min-width: 1024px) {
/* line 117, wp-content/themes/brickthemewp/scss/objects/_grid.scss */
.bg-lg-6 > li {
float: left;
display: block;
margin-right: 3.74426%;
width: 13.54645%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.bg-lg-6 > li:last-child {
margin-right: 0;
}
/* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-lg-6 > li:nth-child(6n) {
margin-right: 0;
}
/* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-lg-6 > li:nth-child(6n+1) {
clear: left;
}
}
@media screen and (min-width: 1024px) {
/* line 124, wp-content/themes/brickthemewp/scss/objects/_grid.scss */
.bg-lg-7 > li {
float: left;
display: block;
margin-right: 3.19229%;
width: 11.54947%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.bg-lg-7 > li:last-child {
margin-right: 0;
}
/* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-lg-7 > li:nth-child(7n) {
margin-right: 0;
}
/* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-lg-7 > li:nth-child(7n+1) {
clear: left;
}
}
@media screen and (min-width: 1024px) {
/* line 131, wp-content/themes/brickthemewp/scss/objects/_grid.scss */
.bg-lg-8 > li {
float: left;
display: block;
margin-right: 2.78215%;
width: 10.06562%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.bg-lg-8 > li:last-child {
margin-right: 0;
}
/* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-lg-8 > li:nth-child(8n) {
margin-right: 0;
}
/* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-lg-8 > li:nth-child(8n+1) {
clear: left;
}
}
@media screen and (min-width: 1024px) {
/* line 138, wp-content/themes/brickthemewp/scss/objects/_grid.scss */
.bg-lg-9 > li {
float: left;
display: block;
margin-right: 2.4654%;
width: 8.91964%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.bg-lg-9 > li:last-child {
margin-right: 0;
}
/* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-lg-9 > li:nth-child(9n) {
margin-right: 0;
}
/* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-lg-9 > li:nth-child(9n+1) {
clear: left;
}
}
@media screen and (min-width: 1024px) {
/* line 145, wp-content/themes/brickthemewp/scss/objects/_grid.scss */
.bg-lg-10 > li {
float: left;
display: block;
margin-right: 2.21341%;
width: 8.00793%;
}
/* line 89, node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.bg-lg-10 > li:last-child {
margin-right: 0;
}
/* line 78, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-lg-10 > li:nth-child(10n) {
margin-right: 0;
}
/* line 83, node_modules/bourbon-neat/app/assets/stylesheets/grid/_omega.scss */
.bg-lg-10 > li:nth-child(10n+1) {
clear: left;
}
}
/* ==========================================================================
Nav object
========================================================================== */
/*doc
---
title: Default
name: nav-ob
category: Object - Nav
---
Displays list inline. This will automatically throw the list into a vertical for small only.
```html_example
```
*/
/* line 102, wp-content/themes/brickthemewp/scss/objects/_nav.scss */
.o-nav--banner {
text-align: center;
}
/* ==========================================================================
UI row
========================================================================== */
/*doc
---
title: UI Row
name: ui-row
category: Object - UI Row
---
Provides padding on the top and bottom of a row along with a border.
```html_example
Components go here.
```
*/
/* line 21, wp-content/themes/brickthemewp/scss/objects/_ui-row.scss */
.o-ui-row {
max-width: 64rem;
margin-left: auto;
margin-right: auto;
border-bottom: 1px solid #ccc;
padding: 3rem 0;
}
/* line 20, node_modules/bourbon/app/assets/stylesheets/addons/_clearfix.scss */
.o-ui-row::after {
clear: both;
content: "";
display: table;
}
/* line 28, wp-content/themes/brickthemewp/scss/objects/_ui-row.scss */
.o-ui-row--small {
padding: 2rem 0;
}
/* line 33, wp-content/themes/brickthemewp/scss/objects/_ui-row.scss */
.o-ui-row--flush {
padding: 0;
}
/* line 38, wp-content/themes/brickthemewp/scss/objects/_ui-row.scss */
.o-ui-row:last-child {
border-bottom: 0;
padding-bottom: 0;
}
/* line 43, wp-content/themes/brickthemewp/scss/objects/_ui-row.scss */
.o-ui-row:first-child {
padding-top: 0;
}
/* ==========================================================================
#Video
========================================================================== */
/*doc
---
title: Video
name: video
category: Object - Video
---
This is a port of foundations `flex video`. Add this as a wrapper around any video code
to make it work responsively.
```html_example
```
*/
/* line 28, wp-content/themes/brickthemewp/scss/components/_list-ui.scss */
.c-list-ui__item {
border-bottom: 1px solid #ececec;
padding: .75rem 0;
}
/* line 35, wp-content/themes/brickthemewp/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
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...
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
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...
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...
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...
```
*/
/* ==========================================================================
#Content component
========================================================================== */
/* line 5, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content {
margin-bottom: 4.0625rem;
}
/* line 8, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content p {
font-size: 1.125rem;
line-height: 1.875rem;
font-weight: 300;
}
/* line 13, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content p strong {
font-weight: 500;
}
/* line 18, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content__read-more {
display: none;
background: url("../../img/arrow-read-more-close.png") bottom no-repeat;
height: 11px;
margin-bottom: 1.5625rem;
cursor: pointer;
}
/* line 25, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content__read-more span {
display: none;
}
/* line 29, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content__read-more.collapsed {
background: url("../../img/arrow-read-more.png") bottom no-repeat;
text-align: center;
color: #3e4e7c;
padding-bottom: 0.9375rem;
height: auto;
}
/* line 35, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content__read-more.collapsed span {
display: inline;
}
@media screen and (min-width: 0) and (max-width: 640px) {
/* line 18, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content__read-more {
display: block;
}
}
/* line 45, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content__mask {
display: none;
}
@media screen and (min-width: 0) and (max-width: 640px) {
/* line 45, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content__mask {
background: #000;
bottom: 0;
left: 0;
right: 0;
position: absolute;
height: 570px;
width: 100%;
content: "";
display: block;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
/* IE6-9 */
}
}
/* line 73, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content__info {
position: relative;
}
@media screen and (min-width: 0) and (max-width: 640px) {
/* line 77, wp-content/themes/brickthemewp/scss/components/_content.scss */
.c-content__info.collapsed {
height: 32.5rem;
overflow: hidden;
}
}
/* ==========================================================================
#Download Form component
========================================================================== */
/* line 5, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form {
color: #24366A;
}
@media screen and (min-width: 0) and (max-width: 640px) {
/* line 5, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form {
padding: 1.5rem;
}
}
/* line 12, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form h2 {
background: #eff2f1;
padding: 1.5rem;
text-align: center;
font-size: 1.5rem;
line-height: 1.9375rem;
margin: -1.5rem -4.125rem 1.9375rem;
}
@media screen and (min-width: 640px) {
/* line 12, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form h2 {
margin: -1.9375rem -4.125rem 1.9375rem;
}
}
/* line 25, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form form input {
margin-bottom: 1.125rem;
background: #eff2f1;
}
/* line 29, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form form p {
font-size: 1.25rem;
line-height: 1.875rem;
font-weight: 500;
margin-bottom: 0;
}
/* line 36, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form form ul {
font-size: 1.25rem;
font-weight: 700;
}
/* line 41, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form form label {
font-size: 1.125rem;
line-height: 1.4375rem;
}
/* line 47, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form small {
font-size: 1rem;
}
/* line 51, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form .c-btn {
margin: 0.9375rem auto;
display: block;
max-width: 200px;
}
/* line 56, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form span.wpcf7-list-item {
margin: 0;
}
/* line 58, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form span.wpcf7-list-item input {
float: left;
margin-top: 5px;
}
/* line 64, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form .wpcf7-list-item-label {
font-size: 1.125rem;
line-height: 1.4375rem;
}
/* line 67, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form .wpcf7-list-item-label a {
color: #53a4af;
text-decoration: underline;
}
/* line 73, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form .wpcf7-not-valid-tip {
margin: -10px 0 1.125rem;
font-size: 1rem;
}
/* line 78, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form__downloads {
display: none;
}
/* line 81, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form__downloads p {
font-size: 1.3125rem;
font-weight: 500;
}
@media screen and (min-width: 0) {
/* line 81, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form__downloads p {
font-size: 0.9375rem;
font-weight: 700;
line-height: 1.3125rem;
}
}
/* line 94, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form.hide .wpcf7 {
display: none;
}
/* line 97, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form.hide .c-download-form__downloads {
display: block;
}
/* line 102, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form__downloads-list {
list-style: none;
margin: 0;
padding: 0;
}
@media screen and (min-width: 0) and (max-width: 640px) {
/* line 102, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form__downloads-list {
padding: 0 2.25rem;
}
}
/* line 110, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form__downloads-list li:nth-child(odd) a {
margin-right: 8%;
}
/* line 113, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form__downloads-list a {
border: 1px solid #8794aa;
border-radius: 10px;
padding: 1.25rem 0.75rem;
text-align: center;
margin-bottom: 8%;
min-height: 10.9375rem;
color: #1f3668;
background: transparent;
font-size: 1.25rem;
background: url("../../img/icon-pdf.png") center 5.4375rem no-repeat;
background-size: auto 4.6875rem;
display: block;
width: 100%;
position: relative;
line-height: 1.25rem;
}
@media screen and (min-width: 640px) {
/* line 113, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form__downloads-list a {
width: 46%;
float: left;
}
}
/* line 134, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form__downloads-list a.item-type-xlsx, .c-download-form__downloads-list a.item-type-xls {
background-image: url("../../img/icon-xcel.png");
}
/* line 138, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form__downloads-list a.item-type-docx, .c-download-form__downloads-list a.item-type-doc {
background-image: url("../../img/icon-doc.png");
}
/* line 143, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form__downloads-list a.item-type-adp, .c-download-form__downloads-list a.item-type-adn, .c-download-form__downloads-list a.item-type-accdb, .c-download-form__downloads-list a.item-type-laccdb, .c-download-form__downloads-list a.item-type-accdw, .c-download-form__downloads-list a.item-type-accdc, .c-download-form__downloads-list a.item-type-accda, .c-download-form__downloads-list a.item-type-accdr, .c-download-form__downloads-list a.item-type-accdt, .c-download-form__downloads-list a.item-type-mdb, .c-download-form__downloads-list a.item-type-mda, .c-download-form__downloads-list a.item-type-mdw, .c-download-form__downloads-list a.item-type-mdf, .c-download-form__downloads-list a.item-type-mde, .c-download-form__downloads-list a.item-type-accde, .c-download-form__downloads-list a.item-type-mam, .c-download-form__downloads-list a.item-type-mad, .c-download-form__downloads-list a.item-type-mar, .c-download-form__downloads-list a.item-type-mat, .c-download-form__downloads-list a.item-type-maf {
background-image: url("../../img/icon-access.png");
}
/* line 166, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form__downloads-list a:hover {
background-color: #e1e8ea;
}
/* line 168, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form__downloads-list a:hover span {
background: rgba(216, 224, 230, 0.8);
max-height: none;
}
/* line 174, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.c-download-form__downloads-list a span {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 1.25rem 0.75rem;
border-radius: 10px;
max-height: 3.9375rem;
overflow: hidden;
}
/* line 189, wp-content/themes/brickthemewp/scss/components/_download-form.scss */
.country-select {
margin-bottom: 1.125rem !important;
}
/* ==========================================================================
#Banner component
========================================================================== */
/* line 5, wp-content/themes/brickthemewp/scss/components/_banner.scss */
.c-banner {
color: #fff;
-webkit-box-align: center;
align-items: center;
position: relative;
}
@media screen and (max-width: 706px) {
/* line 5, wp-content/themes/brickthemewp/scss/components/_banner.scss */
.c-banner {
padding: 0;
}
}
@media screen and (min-width: 706px) {
/* line 5, wp-content/themes/brickthemewp/scss/components/_banner.scss */
.c-banner {
display: grid;
grid-template-columns: auto 25% 25%;
}
}
@media screen and (min-width: 1024px) {
/* line 5, wp-content/themes/brickthemewp/scss/components/_banner.scss */
.c-banner {
grid-template-columns: auto 20% 20%;
}
}
/* line 19, wp-content/themes/brickthemewp/scss/components/_banner.scss */
.c-banner__wrap {
background: #24366a;
padding: 1.75rem;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
display: none;
}
/* line 30, wp-content/themes/brickthemewp/scss/components/_banner.scss */
.c-banner p {
color: #fff;
float: left;
font-size: 18px;
margin: 0;
font-weight: 300;
}
/* line 36, wp-content/themes/brickthemewp/scss/components/_banner.scss */
.c-banner p a {
text-decoration: underline;
color: #fff;
}
/* line 42, wp-content/themes/brickthemewp/scss/components/_banner.scss */
.c-banner__close {
display: none;
}
/* line 44, wp-content/themes/brickthemewp/scss/components/_banner.scss */
.c-banner__close a {
text-decoration: none;
width: 1.5625rem;
height: 1.5625rem;
position: absolute;
top: -1.1875rem;
right: -1.375rem;
}
@media screen and (min-width: 1213px) {
/* line 44, wp-content/themes/brickthemewp/scss/components/_banner.scss */
.c-banner__close a {
right: -10%;
top: 0;
width: 2.1875rem;
height: 2.1875rem;
}
}
/* line 57, wp-content/themes/brickthemewp/scss/components/_banner.scss */
.c-banner__close a:hover {
opacity: 0.5;
}
/* line 63, wp-content/themes/brickthemewp/scss/components/_banner.scss */
.c-banner__button {
text-align: right;
}
/* line 65, wp-content/themes/brickthemewp/scss/components/_banner.scss */
.c-banner__button a {
text-decoration: none;
background-color: #53a4af;
color: #fff;
border-radius: 0.3125rem;
padding: 10px;
width: 48%;
text-align: center;
margin: 0.9375rem 2% 0 0;
float: left;
font-size: 15px;
}
@media screen and (min-width: 706px) {
/* line 65, wp-content/themes/brickthemewp/scss/components/_banner.scss */
.c-banner__button a {
float: right;
margin: 0;
font-size: 1.125rem;
width: 9.375rem;
}
}
/* line 82, wp-content/themes/brickthemewp/scss/components/_banner.scss */
.c-banner__button a:hover {
background-color: #448891;
}
/* line 85, wp-content/themes/brickthemewp/scss/components/_banner.scss */
.c-banner__button a .cookie-consent-form-msg {
text-align: center;
background-color: #d6d6d6;
padding: 0.3125rem;
color: #666;
border: 1px solid #eee;
font-size: 0.875rem;
}
/* line 96, wp-content/themes/brickthemewp/scss/components/_banner.scss */
.cookie-consent-form-msg {
text-align: center;
background-color: #d6d6d6;
padding: 5px;
color: #666;
border: 1px solid #EEE;
font-size: 14px;
}
/* ==========================================================================
#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, wp-content/themes/brickthemewp/scss/trumps/_trumps.scss */
.t-hide {
display: none !important;
}
/* line 32, wp-content/themes/brickthemewp/scss/trumps/_trumps.scss */
.t-show {
display: block !important;
}
/* 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 70, wp-content/themes/brickthemewp/scss/trumps/_trumps.scss */
.t-left {
float: left !important;
}
/* line 71, wp-content/themes/brickthemewp/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 106, wp-content/themes/brickthemewp/scss/trumps/_trumps.scss */
.t-text-left {
text-align: left !important;
}
/* line 107, wp-content/themes/brickthemewp/scss/trumps/_trumps.scss */
.t-text-right {
text-align: right !important;
}
/* line 108, wp-content/themes/brickthemewp/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