@charset "UTF-8";
/* ==========================================================================
Bourbon
========================================================================== */
/* ==========================================================================
#Grid Settings
========================================================================== */
/* Grid variables
========================================================================== */
/* Media Queries
========================================================================== */
@import url("//hello.myfonts.net/count/3367cf");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
@import url(../../bower_components/parsleyjs/src/parsley.css);
@import url(../../bower_components/slick-carousel/slick/slick.css);
@import url(../../bower_components/slick-carousel/slick/slick-theme.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
========================================================================== */
@font-face {
font-family: 'OldStyleMT-Regular';
src: url("../../fonts/3367CF_0_0.eot");
src: url("../../fonts/3367CF_0_0.eot?#iefix") format("embedded-opentype"), url("../../fonts/3367CF_0_0.woff2") format("woff2"), url("../../fonts/3367CF_0_0.woff") format("woff"), url("../../fonts/3367CF_0_0.ttf") format("truetype");
}
@font-face {
font-family: 'FontAwesome';
src: url("../../fonts/fontawesome-webfont.eot?v=4.7.0");
src: url("../../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
font-weight: normal;
font-style: normal;
}
/* ==========================================================================
Fonts
========================================================================== */
/* ==========================================================================
Misc
========================================================================== */
/* ==========================================================================
Spacing
========================================================================== */
/* ==========================================================================
Custon xsmall-only sizes
========================================================================== */
/* ==========================================================================
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 85, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/scss/tools/_mixins.scss */
.sm-shift-1 {
margin-left: 8.64536%;
}
/* line 44, web/themes/bricklett/scss/tools/_mixins.scss */
.sm-shift-2 {
margin-left: 17.29071%;
}
/* line 44, web/themes/bricklett/scss/tools/_mixins.scss */
.sm-shift-3 {
margin-left: 25.93607%;
}
/* line 44, web/themes/bricklett/scss/tools/_mixins.scss */
.sm-shift-4 {
margin-left: 34.58142%;
}
/* line 44, web/themes/bricklett/scss/tools/_mixins.scss */
.sm-shift-5 {
margin-left: 43.22678%;
}
/* line 44, web/themes/bricklett/scss/tools/_mixins.scss */
.sm-shift-6 {
margin-left: 51.87213%;
}
/* line 44, web/themes/bricklett/scss/tools/_mixins.scss */
.sm-shift-7 {
margin-left: 60.51749%;
}
/* line 44, web/themes/bricklett/scss/tools/_mixins.scss */
.sm-shift-8 {
margin-left: 69.16284%;
}
/* line 44, web/themes/bricklett/scss/tools/_mixins.scss */
.sm-shift-9 {
margin-left: 77.8082%;
}
/* line 44, web/themes/bricklett/scss/tools/_mixins.scss */
.sm-shift-10 {
margin-left: 86.45355%;
}
/* line 44, web/themes/bricklett/scss/tools/_mixins.scss */
.sm-shift-11 {
margin-left: 95.09891%;
}
/* line 44, web/themes/bricklett/scss/tools/_mixins.scss */
.sm-shift-12 {
margin-left: 103.74426%;
}
}
@media screen and (min-width: 640px) {
/* line 50, web/themes/bricklett/scss/tools/_mixins.scss */
.md-shift-1 {
margin-left: 8.64536%;
}
/* line 50, web/themes/bricklett/scss/tools/_mixins.scss */
.md-shift-2 {
margin-left: 17.29071%;
}
/* line 50, web/themes/bricklett/scss/tools/_mixins.scss */
.md-shift-3 {
margin-left: 25.93607%;
}
/* line 50, web/themes/bricklett/scss/tools/_mixins.scss */
.md-shift-4 {
margin-left: 34.58142%;
}
/* line 50, web/themes/bricklett/scss/tools/_mixins.scss */
.md-shift-5 {
margin-left: 43.22678%;
}
/* line 50, web/themes/bricklett/scss/tools/_mixins.scss */
.md-shift-6 {
margin-left: 51.87213%;
}
/* line 50, web/themes/bricklett/scss/tools/_mixins.scss */
.md-shift-7 {
margin-left: 60.51749%;
}
/* line 50, web/themes/bricklett/scss/tools/_mixins.scss */
.md-shift-8 {
margin-left: 69.16284%;
}
/* line 50, web/themes/bricklett/scss/tools/_mixins.scss */
.md-shift-9 {
margin-left: 77.8082%;
}
/* line 50, web/themes/bricklett/scss/tools/_mixins.scss */
.md-shift-10 {
margin-left: 86.45355%;
}
/* line 50, web/themes/bricklett/scss/tools/_mixins.scss */
.md-shift-11 {
margin-left: 95.09891%;
}
/* line 50, web/themes/bricklett/scss/tools/_mixins.scss */
.md-shift-12 {
margin-left: 103.74426%;
}
}
@media screen and (min-width: 1024px) {
/* line 56, web/themes/bricklett/scss/tools/_mixins.scss */
.lg-shift-1 {
margin-left: 8.64536%;
}
/* line 56, web/themes/bricklett/scss/tools/_mixins.scss */
.lg-shift-2 {
margin-left: 17.29071%;
}
/* line 56, web/themes/bricklett/scss/tools/_mixins.scss */
.lg-shift-3 {
margin-left: 25.93607%;
}
/* line 56, web/themes/bricklett/scss/tools/_mixins.scss */
.lg-shift-4 {
margin-left: 34.58142%;
}
/* line 56, web/themes/bricklett/scss/tools/_mixins.scss */
.lg-shift-5 {
margin-left: 43.22678%;
}
/* line 56, web/themes/bricklett/scss/tools/_mixins.scss */
.lg-shift-6 {
margin-left: 51.87213%;
}
/* line 56, web/themes/bricklett/scss/tools/_mixins.scss */
.lg-shift-7 {
margin-left: 60.51749%;
}
/* line 56, web/themes/bricklett/scss/tools/_mixins.scss */
.lg-shift-8 {
margin-left: 69.16284%;
}
/* line 56, web/themes/bricklett/scss/tools/_mixins.scss */
.lg-shift-9 {
margin-left: 77.8082%;
}
/* line 56, web/themes/bricklett/scss/tools/_mixins.scss */
.lg-shift-10 {
margin-left: 86.45355%;
}
/* line 56, web/themes/bricklett/scss/tools/_mixins.scss */
.lg-shift-11 {
margin-left: 95.09891%;
}
/* line 56, web/themes/bricklett/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;
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--1 {
min-width: calc(1/100 * 100%);
max-width: calc(1/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--2 {
min-width: calc(2/100 * 100%);
max-width: calc(2/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--3 {
min-width: calc(3/100 * 100%);
max-width: calc(3/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--4 {
min-width: calc(4/100 * 100%);
max-width: calc(4/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--5 {
min-width: calc(5/100 * 100%);
max-width: calc(5/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--6 {
min-width: calc(6/100 * 100%);
max-width: calc(6/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--7 {
min-width: calc(7/100 * 100%);
max-width: calc(7/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--8 {
min-width: calc(8/100 * 100%);
max-width: calc(8/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--9 {
min-width: calc(9/100 * 100%);
max-width: calc(9/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--10 {
min-width: calc(10/100 * 100%);
max-width: calc(10/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--11 {
min-width: calc(11/100 * 100%);
max-width: calc(11/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--12 {
min-width: calc(12/100 * 100%);
max-width: calc(12/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--13 {
min-width: calc(13/100 * 100%);
max-width: calc(13/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--14 {
min-width: calc(14/100 * 100%);
max-width: calc(14/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--15 {
min-width: calc(15/100 * 100%);
max-width: calc(15/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--16 {
min-width: calc(16/100 * 100%);
max-width: calc(16/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--17 {
min-width: calc(17/100 * 100%);
max-width: calc(17/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--18 {
min-width: calc(18/100 * 100%);
max-width: calc(18/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--19 {
min-width: calc(19/100 * 100%);
max-width: calc(19/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--20 {
min-width: calc(20/100 * 100%);
max-width: calc(20/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--21 {
min-width: calc(21/100 * 100%);
max-width: calc(21/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--22 {
min-width: calc(22/100 * 100%);
max-width: calc(22/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--23 {
min-width: calc(23/100 * 100%);
max-width: calc(23/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--24 {
min-width: calc(24/100 * 100%);
max-width: calc(24/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--25 {
min-width: calc(25/100 * 100%);
max-width: calc(25/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--26 {
min-width: calc(26/100 * 100%);
max-width: calc(26/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--27 {
min-width: calc(27/100 * 100%);
max-width: calc(27/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--28 {
min-width: calc(28/100 * 100%);
max-width: calc(28/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--29 {
min-width: calc(29/100 * 100%);
max-width: calc(29/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--30 {
min-width: calc(30/100 * 100%);
max-width: calc(30/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--31 {
min-width: calc(31/100 * 100%);
max-width: calc(31/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--32 {
min-width: calc(32/100 * 100%);
max-width: calc(32/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--33 {
min-width: calc(33/100 * 100%);
max-width: calc(33/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--34 {
min-width: calc(34/100 * 100%);
max-width: calc(34/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--35 {
min-width: calc(35/100 * 100%);
max-width: calc(35/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--36 {
min-width: calc(36/100 * 100%);
max-width: calc(36/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--37 {
min-width: calc(37/100 * 100%);
max-width: calc(37/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--38 {
min-width: calc(38/100 * 100%);
max-width: calc(38/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--39 {
min-width: calc(39/100 * 100%);
max-width: calc(39/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--40 {
min-width: calc(40/100 * 100%);
max-width: calc(40/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--41 {
min-width: calc(41/100 * 100%);
max-width: calc(41/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--42 {
min-width: calc(42/100 * 100%);
max-width: calc(42/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--43 {
min-width: calc(43/100 * 100%);
max-width: calc(43/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--44 {
min-width: calc(44/100 * 100%);
max-width: calc(44/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--45 {
min-width: calc(45/100 * 100%);
max-width: calc(45/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--46 {
min-width: calc(46/100 * 100%);
max-width: calc(46/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--47 {
min-width: calc(47/100 * 100%);
max-width: calc(47/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--48 {
min-width: calc(48/100 * 100%);
max-width: calc(48/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--49 {
min-width: calc(49/100 * 100%);
max-width: calc(49/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--50 {
min-width: calc(50/100 * 100%);
max-width: calc(50/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--51 {
min-width: calc(51/100 * 100%);
max-width: calc(51/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--52 {
min-width: calc(52/100 * 100%);
max-width: calc(52/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--53 {
min-width: calc(53/100 * 100%);
max-width: calc(53/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--54 {
min-width: calc(54/100 * 100%);
max-width: calc(54/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--55 {
min-width: calc(55/100 * 100%);
max-width: calc(55/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--56 {
min-width: calc(56/100 * 100%);
max-width: calc(56/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--57 {
min-width: calc(57/100 * 100%);
max-width: calc(57/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--58 {
min-width: calc(58/100 * 100%);
max-width: calc(58/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--59 {
min-width: calc(59/100 * 100%);
max-width: calc(59/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--60 {
min-width: calc(60/100 * 100%);
max-width: calc(60/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--61 {
min-width: calc(61/100 * 100%);
max-width: calc(61/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--62 {
min-width: calc(62/100 * 100%);
max-width: calc(62/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--63 {
min-width: calc(63/100 * 100%);
max-width: calc(63/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--64 {
min-width: calc(64/100 * 100%);
max-width: calc(64/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--65 {
min-width: calc(65/100 * 100%);
max-width: calc(65/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--66 {
min-width: calc(66/100 * 100%);
max-width: calc(66/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--67 {
min-width: calc(67/100 * 100%);
max-width: calc(67/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--68 {
min-width: calc(68/100 * 100%);
max-width: calc(68/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--69 {
min-width: calc(69/100 * 100%);
max-width: calc(69/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--70 {
min-width: calc(70/100 * 100%);
max-width: calc(70/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--71 {
min-width: calc(71/100 * 100%);
max-width: calc(71/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--72 {
min-width: calc(72/100 * 100%);
max-width: calc(72/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--73 {
min-width: calc(73/100 * 100%);
max-width: calc(73/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--74 {
min-width: calc(74/100 * 100%);
max-width: calc(74/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--75 {
min-width: calc(75/100 * 100%);
max-width: calc(75/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--76 {
min-width: calc(76/100 * 100%);
max-width: calc(76/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--77 {
min-width: calc(77/100 * 100%);
max-width: calc(77/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--78 {
min-width: calc(78/100 * 100%);
max-width: calc(78/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--79 {
min-width: calc(79/100 * 100%);
max-width: calc(79/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--80 {
min-width: calc(80/100 * 100%);
max-width: calc(80/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--81 {
min-width: calc(81/100 * 100%);
max-width: calc(81/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--82 {
min-width: calc(82/100 * 100%);
max-width: calc(82/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--83 {
min-width: calc(83/100 * 100%);
max-width: calc(83/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--84 {
min-width: calc(84/100 * 100%);
max-width: calc(84/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--85 {
min-width: calc(85/100 * 100%);
max-width: calc(85/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--86 {
min-width: calc(86/100 * 100%);
max-width: calc(86/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--87 {
min-width: calc(87/100 * 100%);
max-width: calc(87/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--88 {
min-width: calc(88/100 * 100%);
max-width: calc(88/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--89 {
min-width: calc(89/100 * 100%);
max-width: calc(89/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--90 {
min-width: calc(90/100 * 100%);
max-width: calc(90/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--91 {
min-width: calc(91/100 * 100%);
max-width: calc(91/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--92 {
min-width: calc(92/100 * 100%);
max-width: calc(92/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--93 {
min-width: calc(93/100 * 100%);
max-width: calc(93/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--94 {
min-width: calc(94/100 * 100%);
max-width: calc(94/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--95 {
min-width: calc(95/100 * 100%);
max-width: calc(95/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--96 {
min-width: calc(96/100 * 100%);
max-width: calc(96/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--97 {
min-width: calc(97/100 * 100%);
max-width: calc(97/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--98 {
min-width: calc(98/100 * 100%);
max-width: calc(98/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--99 {
min-width: calc(99/100 * 100%);
max-width: calc(99/100 * 100%);
}
}
@media screen and (min-width: 1024px) {
/* line 319, web/themes/bricklett/scss/tools/_mixins.scss */
.t-width__large--100 {
min-width: calc(100/100 * 100%);
max-width: calc(100/100 * 100%);
}
}
/* ==========================================================================
#Admin bar overrides
========================================================================== */
/* line 5, web/themes/bricklett/scss/generic/_admin.scss */
.toolbar-bar {
display: none;
}
@media screen and (min-width: 1024px) {
/* line 5, web/themes/bricklett/scss/generic/_admin.scss */
.toolbar-bar {
display: block;
}
}
/* line 13, web/themes/bricklett/scss/generic/_admin.scss */
.toolbar-fixed,
.toolbar-horizontal,
.toolbar-vertical {
padding-top: 0 !important;
}
@media screen and (min-width: 1024px) {
/* line 13, web/themes/bricklett/scss/generic/_admin.scss */
.toolbar-fixed,
.toolbar-horizontal,
.toolbar-vertical {
padding-top: 39px !important;
}
}
@media screen and (min-width: 0) and (max-width: 1023px) {
/* line 24, web/themes/bricklett/scss/generic/_admin.scss */
body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
margin-left: 0;
}
}
@media screen and (min-width: 1024px) {
/* line 30, web/themes/bricklett/scss/generic/_admin.scss */
.toolbar-tray-open {
padding-top: 79px !important;
}
}
/**
* DRUPAL: Begin system.base.css.
*/
/**
* @file
* Generic theme-independent base styles.
*/
/* line 46, web/themes/bricklett/scss/generic/_admin.scss */
.js .form-autocomplete {
background-image: url("/misc/throbber.gif");
background-position: 100% 2px;
/* LTR */
background-repeat: no-repeat;
}
/* line 52, web/themes/bricklett/scss/generic/_admin.scss */
.js .throbbing {
background-position: 100% -18px;
/* LTR */
}
/* line 56, web/themes/bricklett/scss/generic/_admin.scss */
.js .collapsed {
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
height: 1em;
}
/* line 62, web/themes/bricklett/scss/generic/_admin.scss */
.js .collapsed .fieldset-wrapper {
display: none;
}
/* line 67, web/themes/bricklett/scss/generic/_admin.scss */
.collapsible {
position: relative;
}
/* line 70, web/themes/bricklett/scss/generic/_admin.scss */
.collapsible .fieldset-legend {
display: block;
}
/* line 75, web/themes/bricklett/scss/generic/_admin.scss */
.container-inline div,
.container-inline label {
display: inline;
}
/* line 80, web/themes/bricklett/scss/generic/_admin.scss */
.container-inline .fieldset-wrapper {
display: block;
}
/* line 84, web/themes/bricklett/scss/generic/_admin.scss */
.nowrap {
white-space: nowrap;
}
/* line 88, web/themes/bricklett/scss/generic/_admin.scss */
.js .js-hide {
display: none;
}
/* line 92, web/themes/bricklett/scss/generic/_admin.scss */
.element-hidden {
display: none;
}
/* line 96, web/themes/bricklett/scss/generic/_admin.scss */
.element-invisible {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
height: 1px;
margin-bottom: 0;
}
/* line 104, web/themes/bricklett/scss/generic/_admin.scss */
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
position: static !important;
clip: auto;
overflow: visible;
height: auto;
}
/* line 113, web/themes/bricklett/scss/generic/_admin.scss */
.clearfix::after {
content: '.';
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* IE6 */
/* line 121, web/themes/bricklett/scss/generic/_admin.scss */
* html .clearfix {
height: 1%;
}
/* IE7 */
/* line 125, web/themes/bricklett/scss/generic/_admin.scss */
*:first-child + html .clearfix {
min-height: 1%;
}
/* Throbber */
/* line 130, web/themes/bricklett/scss/generic/_admin.scss */
.ajax-progress {
display: inline-block;
}
/* line 133, web/themes/bricklett/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 141, web/themes/bricklett/scss/generic/_admin.scss */
.ajax-progress .message {
padding-left: 20px;
}
/* line 146, web/themes/bricklett/scss/generic/_admin.scss */
tr .ajax-progress .throbber {
margin: 0 2px;
}
/* line 150, web/themes/bricklett/scss/generic/_admin.scss */
.ajax-progress-bar {
width: 16em;
}
/**
* DRUPAL: End system.base.css.
*/
/**
* DRUPAL: contextual.css
*/
/**
* Contextual links regions.
*/
/* line 165, web/themes/bricklett/scss/generic/_admin.scss */
.contextual-region {
outline: none;
position: relative;
}
/* line 205, web/themes/bricklett/scss/tools/_mixins.scss */
.contextual-region::after {
content: '';
display: table;
clear: both;
}
/* line 171, web/themes/bricklett/scss/generic/_admin.scss */
.contextual-links-region-active {
outline: #999 dashed 1px;
}
/**
* Contextual links.
*/
/* line 178, web/themes/bricklett/scss/generic/_admin.scss */
.contextual-links-wrapper {
display: none;
font-size: 90%;
position: absolute;
right: 5px;
/* LTR */
top: 2px;
z-index: 999;
}
/* line 186, web/themes/bricklett/scss/generic/_admin.scss */
.contextual-links-wrapper a {
text-decoration: none;
}
/* line 189, web/themes/bricklett/scss/generic/_admin.scss */
.js .contextual-links-wrapper {
display: block;
}
/* line 193, web/themes/bricklett/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 206, web/themes/bricklett/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 221, web/themes/bricklett/scss/generic/_admin.scss */
.contextual-links-trigger:hover,
.contextual-links-active .contextual-links-trigger {
background-position: 2px -18px;
}
/* line 226, web/themes/bricklett/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 235, web/themes/bricklett/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 241, web/themes/bricklett/scss/generic/_admin.scss */
.contextual-links li {
line-height: 100%;
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
/* line 248, web/themes/bricklett/scss/generic/_admin.scss */
.contextual-links li a {
color: #333 !important;
display: block;
margin: .25em 0;
padding: .25em 1em .25em .5em;
}
/* line 254, web/themes/bricklett/scss/generic/_admin.scss */
.contextual-links li a:hover {
background-color: #bfdcee;
}
/**
* DRUPAL: End contextual.css
*/
/* DRUPAL: Fixes */
/* line 265, web/themes/bricklett/scss/generic/_admin.scss */
.boxes-box-controls,
.context-block-region {
display: none;
}
/* Fix padding error message issue with certain form types. */
/* line 269, web/themes/bricklett/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 275, web/themes/bricklett/scss/generic/_admin.scss */
.fb-comments,
.fb-comments span,
.fb-comments.fb_iframe_widget span iframe {
width: 100% !important;
}
/* front end widget editing*/
/* line 282, web/themes/bricklett/scss/generic/_admin.scss */
.ui-widget-content #edit-widget-dialog .chosen-container.form-select {
display: none !important;
}
/* ==========================================================================
#Reset
========================================================================== */
/* line 6, web/themes/bricklett/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, web/themes/bricklett/scss/generic/_reset.scss */
abbr[title],
dfn[title] {
cursor: help;
}
/* line 49, web/themes/bricklett/scss/generic/_reset.scss */
u,
ins {
text-decoration: none;
}
/* line 59, web/themes/bricklett/scss/generic/_reset.scss */
ins {
border-bottom: 1px solid;
}
/* ==========================================================================
#Shared styles - Mainly for setting bottom margin
========================================================================== */
/* line 5, web/themes/bricklett/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,
textarea {
margin: 0 0 1.3rem;
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, web/themes/bricklett/scss/base/_page.scss */
html,
body {
font-family: "Roboto", sans-serif;
line-height: 24px;
font-size: 17px;
overflow-x: hidden;
overflow-y: visible;
min-height: 100%;
color: #373737;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
overflow-wrap: break-word;
}
@media screen and (min-width: 640px) {
/* line 34, web/themes/bricklett/scss/base/_page.scss */
html,
body {
line-height: 1.3;
font-size: 20px;
}
}
/* ==========================================================================
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 45, web/themes/bricklett/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: 2px solid #383838;
padding: .85rem 1.7rem;
border-radius: 8px;
font-size: .85rem;
max-width: 100%;
}
/* line 52, web/themes/bricklett/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 58, web/themes/bricklett/scss/base/_forms.scss */
textarea {
min-height: 4.6875rem;
overflow: auto;
resize: vertical;
width: 100%;
}
/*doc
---
title: Fieldsets
name: d-fieldsets
category: Base - Forms
---
```html_example
```
*/
/* line 85, web/themes/bricklett/scss/base/_forms.scss */
fieldset {
border: 1px solid #ddd;
margin: 0 0 0.65rem;
padding: 1.3rem;
}
/* line 91, web/themes/bricklett/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 133, web/themes/bricklett/scss/base/_forms.scss */
[type="checkbox"],
[type="radio"] {
display: inline;
margin-right: 0.325rem;
}
/* line 138, web/themes/bricklett/scss/base/_forms.scss */
[type="checkbox"] + label,
[type="radio"] + label {
display: inline-block;
}
/* line 143, web/themes/bricklett/scss/base/_forms.scss */
[type="file"] {
margin-bottom: 0.65rem;
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 176, web/themes/bricklett/scss/base/_forms.scss */
select {
margin-bottom: 1.3rem;
max-width: 100%;
width: auto;
}
/* line 182, web/themes/bricklett/scss/base/_forms.scss */
.search-form input[type="search"] {
font-size: 1.2rem;
font-weight: 300;
padding: 15px 20px;
background-position-y: 8px;
box-sizing: border-box;
}
/* ==========================================================================
#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, web/themes/bricklett/scss/base/_headings.scss */
h1,
.alpha {
font-size: 5.25rem;
line-height: 1.2381;
line-height: .9;
font-family: "OldStyleMT-Regular", serif;
font-weight: 300;
}
/* line 32, web/themes/bricklett/scss/base/_headings.scss */
h2,
.beta {
font-size: 3rem;
line-height: 1.3;
font-family: "Roboto", sans-serif;
font-weight: 300;
}
/* line 39, web/themes/bricklett/scss/base/_headings.scss */
h3,
.gamma {
font-size: 2.25rem;
line-height: 1.15556;
font-family: "OldStyleMT-Regular", serif;
}
/* line 45, web/themes/bricklett/scss/base/_headings.scss */
h4,
.delta {
font-size: 2.25rem;
line-height: 1.15556;
font-family: "Roboto", sans-serif;
}
/* line 51, web/themes/bricklett/scss/base/_headings.scss */
h5,
.epsilon {
font-size: 1.88rem;
line-height: 1.38298;
font-family: "OldStyleMT-Regular", serif;
}
/* line 57, web/themes/bricklett/scss/base/_headings.scss */
h6,
.zeta,
.c-search-results .c-search-result__title {
font-size: 1.5rem;
line-height: 1.73333;
font-family: "Roboto", sans-serif;
font-weight: 300;
}
/* line 64, web/themes/bricklett/scss/base/_headings.scss */
.c-facts-widget__title, .c-faq-widget__title, .c-map-widget__headline, .c-grid__main-title {
text-align: center;
font-size: 2.5rem;
margin-bottom: 1.75rem;
line-height: 1.3;
font-weight: 300;
}
@media screen and (min-width: 1024px) {
/* line 64, web/themes/bricklett/scss/base/_headings.scss */
.c-facts-widget__title, .c-faq-widget__title, .c-map-widget__headline, .c-grid__main-title {
margin-bottom: 3rem;
}
}
/* ==========================================================================
#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
Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh,
ut fermentum massa justo sit amet risus. Cras mattis consectetur purus
sit amet fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut
fermentum massa justo sit amet risus. By someone special
```
*/
/* line 27, web/themes/bricklett/scss/base/_quotes.scss */
blockquote {
font-family: "OldStyleMT-Regular", serif;
font-size: 1rem;
padding-left: 3rem;
}
/* line 33, web/themes/bricklett/scss/base/_quotes.scss */
blockquote cite {
display: block;
font-weight: 700;
}
/* ==========================================================================
#Links
========================================================================== */
/*doc
---
title: Links
name: links
category: Base - Links
---
Default styling for links.
```html_example
Content
```
*/
/* line 19, web/themes/bricklett/scss/base/_links.scss */
a {
color: #30a3f3;
text-decoration: none;
}
/* line 24, web/themes/bricklett/scss/base/_links.scss */
a:link,
a:visited {
color: #30a3f3;
}
/* line 27, web/themes/bricklett/scss/base/_links.scss */
a:hover {
color: #0d8be3;
}
/* line 28, web/themes/bricklett/scss/base/_links.scss */
a:active {
transition: color 0.3s;
color: #0d8be3;
}
/* ==========================================================================
#Lists
========================================================================== */
/*doc
---
title: Lists
name: lists
category: Base - Lists
---
Default styling for lists.
*/
/* line 16, web/themes/bricklett/scss/base/_lists.scss */
ul,
ol {
list-style-type: disc;
padding: 0;
padding-left: 1.3rem;
font-size: 20px;
font-weight: 300;
}
/* line 24, web/themes/bricklett/scss/base/_lists.scss */
ul.toolbar-menu,
ol.toolbar-menu {
font-size: 13px;
}
/* line 30, web/themes/bricklett/scss/base/_lists.scss */
.c-list--default li {
margin-bottom: 48px;
}
/*doc
---
title: Unordered List
name: lists-u
category: Base - Lists
---
Unordered list default
```html_example
```
*/
/*doc
---
title: Ordered List
name: lists-o
category: Base - Lists
---
```html_example
List item 1
List item 2
```
*/
/* line 72, web/themes/bricklett/scss/base/_lists.scss */
ol {
list-style-type: decimal;
padding-left: 1.3rem;
}
/*doc
---
title: Definition list
name: lists-d
category: Base - Lists
---
```html_example
Term
Description
Term
Description
```
*/
/* line 99, web/themes/bricklett/scss/base/_lists.scss */
dl dt {
font-weight: bold;
}
/* line 103, web/themes/bricklett/scss/base/_lists.scss */
dl dd {
margin: 0;
}
/*doc
---
title: Default text Lists
name: lists-default-text
category: Base - Lists
---
Unordered list in default text widget. Use this class: c-list--default to get the deep bottom margins when not in a default text widget.
```html_example
```
Ordered list in default text widget
```html_example
List item 1
List item 2
```
*/
/* ==========================================================================
#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, web/themes/bricklett/scss/base/_tables.scss */
table {
border-collapse: collapse;
-webkit-font-feature-settings: 'kern', 'liga', 'tnum';
font-feature-settings: 'kern', 'liga', 'tnum';
margin: 0.65rem 0;
table-layout: fixed;
width: 100%;
}
/* line 53, web/themes/bricklett/scss/base/_tables.scss */
th {
border-bottom: 1px solid #a6a6a6;
font-weight: 600;
padding: 0.65rem 0;
text-align: left;
}
/* line 60, web/themes/bricklett/scss/base/_tables.scss */
td {
border-bottom: 1px solid #ddd;
padding: 0.65rem 0;
}
/* line 65, web/themes/bricklett/scss/base/_tables.scss */
tr,
td,
th {
vertical-align: middle;
}
/* ==========================================================================
#Type
========================================================================== */
/* line 7, web/themes/bricklett/scss/base/_type.scss */
hr {
border-bottom: 1px solid #ddd;
border-left: 0;
border-right: 0;
border-top: 0;
margin: 1.3rem 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 21, web/themes/bricklett/scss/objects/_band.scss */
.o-band, .o-band--small, .o-band--flush {
position: relative;
}
/* line 205, web/themes/bricklett/scss/tools/_mixins.scss */
.o-band::after, .o-band--small::after, .o-band--flush::after {
content: '';
display: table;
clear: both;
}
/* line 26, web/themes/bricklett/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 51, web/themes/bricklett/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 76, web/themes/bricklett/scss/objects/_band.scss */
.o-band--flush {
padding: 0;
}
/* line 81, web/themes/bricklett/scss/objects/_band.scss */
.o-band--top {
padding-bottom: 0;
}
/* line 85, web/themes/bricklett/scss/objects/_band.scss */
.o-band--bottom {
padding-top: 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, web/themes/bricklett/scss/objects/_video.scss */
.o-video {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
/* line 26, web/themes/bricklett/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, web/themes/bricklett/scss/objects/_wrap.scss */
.o-wrap,
.widget-wrap {
transition: all 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
/* line 10, web/themes/bricklett/scss/objects/_wrap.scss */
.o-wrap__content {
/*background: #f5f5f5; test removal set white bg */
padding-top: 3rem;
padding-bottom: 2.5rem;
}
@media screen and (min-width: 1024px) {
/* line 10, web/themes/bricklett/scss/objects/_wrap.scss */
.o-wrap__content {
padding-top: calc(132px + 4rem);
padding-bottom: 4rem;
}
}
/* ==========================================================================
#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 ?
Join | `c-btn c-btn--small`
Default button | `c-btn c-btn--default`
Medium button | `c-btn c-btn--medium`
Large button | `c-btn c-btn--large`
*/
/* Dynamic button mixin
========================================================================== */
/*doc
---
title: Button styles
name: button-sizesb
category: Components - Button
---
Any of the following buttons styles can be paired with the button size classes above.
Button | Modifier Class
--------|-----------------------------------------
Join Us | `c-btn c-btn--primary`
Learn More
| `c-btn c-btn--trans`
Donate | `c-btn c-btn--secondary`
View All | `c-btn c-btn--transdark`
*/
/* Static button styles
========================================================================== */
/* line 80, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn,
input[type=submit] {
transition: all 0.25s ease-in-out;
background-color: #30a3f3;
border: 0;
border-radius: 8px;
color: #fff;
display: inline-block;
font-family: "Roboto", sans-serif;
font-size: .85rem;
line-height: 1;
padding: .85rem 1.7rem;
-webkit-font-smoothing: antialiased;
}
/* line 94, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn:link, .c-btn:visited,
input[type=submit]:link,
input[type=submit]:visited {
color: #fff;
}
/* line 98, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn:hover,
input[type=submit]:hover {
background-color: #0d8be3;
cursor: pointer;
}
/* line 101, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn:focus,
input[type=submit]:focus {
background-color: #0c7ccb;
}
/* line 53, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--small {
font-size: 0.7rem;
}
/* line 53, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--default {
font-size: 0.85rem;
}
/* line 53, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--medium {
font-size: 1rem;
}
/* line 53, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--large, input.c-btn--large[type=submit] {
font-size: 1.3rem;
}
/* line 27, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--primary {
background-color: #30a3f3;
color: #fff;
}
/* line 40, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--primary:hover {
background-color: #0d8be3;
}
/* line 46, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--primary:link, .c-btn--primary:visited {
color: #fff;
}
/* line 49, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--primary:focus {
background-color: #0c7ccb;
}
/* line 27, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--trans {
background-color: transparent;
border: 2px solid #fff;
color: #fff;
}
/* line 40, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--trans:hover {
background-color: rgba(0, 0, 0, 0);
}
/* line 46, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--trans:link, .c-btn--trans:visited {
color: #fff;
}
/* line 49, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--trans:focus {
background-color: rgba(0, 0, 0, 0);
}
/* line 27, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--transdark {
background-color: transparent;
border: 2px solid #373737;
color: #373737;
}
/* line 40, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--transdark:hover {
background-color: rgba(0, 0, 0, 0);
}
/* line 46, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--transdark:link, .c-btn--transdark:visited {
color: #373737;
}
/* line 49, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--transdark:focus {
background-color: rgba(0, 0, 0, 0);
}
/* line 27, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--secondary, input.c-btn--secondary[type=submit], .c-btn--override-secondary .c-cta-widget__input .c-btn {
background-color: #7bcf1f;
color: #fff;
}
/* line 40, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--secondary:hover, input.c-btn--secondary:hover[type=submit], .c-btn--override-secondary .c-cta-widget__input .c-btn:hover {
background-color: #61a318;
}
/* line 46, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--secondary:link, input.c-btn--secondary:link[type=submit], .c-btn--override-secondary .c-cta-widget__input .c-btn:link, .c-btn--secondary:visited, input.c-btn--secondary:visited[type=submit], .c-btn--override-secondary .c-cta-widget__input .c-btn:visited {
color: #fff;
}
/* line 49, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--secondary:focus, input.c-btn--secondary:focus[type=submit], .c-btn--override-secondary .c-cta-widget__input .c-btn:focus {
background-color: #538c15;
}
/* line 116, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--small {
padding: .5rem 1rem;
border-radius: 3px;
}
/* line 122, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--trans:hover {
background: rgba(255, 255, 255, 0.25);
}
/* line 129, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--transdark:hover {
background: rgba(115, 115, 115, 0.25);
}
/*this style is for search glass buttons
you may need to position them depending on the form this styling assumes inline*/
/* line 135, web/themes/bricklett/scss/components/_buttons.scss */
.c-btn--search-icon, .c-search__page .block-system-main-block .search-page-form input[type="submit"] {
background: url("../../processed/svg/magnifying_glass_k.svg") center center no-repeat transparent;
margin: 0;
text-indent: -9999px;
position: relative;
left: -3.5rem;
}
/* line 6, web/themes/bricklett/scss/components/_chosen.scss */
.c-chosen {
text-align: center;
}
/* line 9, web/themes/bricklett/scss/components/_chosen.scss */
.c-chosen select {
font-size: 1rem;
padding-right: 20px;
}
/* line 14, web/themes/bricklett/scss/components/_chosen.scss */
.c-chosen .filter_search_form {
display: inline;
color: #373737;
}
/* line 19, web/themes/bricklett/scss/components/_chosen.scss */
.c-chosen .chosen-container-single .chosen-single div b {
border-color: #373737;
}
/* line 22, web/themes/bricklett/scss/components/_chosen.scss */
.t-bg-blue .c-chosen .chosen-container-single .chosen-single div b {
border-color: #fff;
}
/* @group Base */
/* line 25, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container {
text-align: left;
position: relative;
display: inline-block;
vertical-align: middle;
font-size: .8rem;
font-weight: 300;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* @group Results */
/* @end */
}
/* line 34, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container * {
box-sizing: border-box;
}
/* line 38, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
z-index: 1010;
width: 100%;
background: rgba(255, 255, 255, 0.9);
clip: rect(0, 0, 0, 0);
}
/* line 47, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container.chosen-with-drop .chosen-drop {
clip: auto;
}
/* line 51, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container a {
cursor: pointer;
}
/* line 57, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
margin-right: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: normal;
color: #373737;
}
/* line 65, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container .search-choice .group-name::after,
.chosen-container .chosen-single .group-name::after {
content: ':';
padding-left: 2px;
vertical-align: top;
}
/* line 73, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container .chosen-results {
color: #444;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0;
padding: 0;
max-height: 240px;
-webkit-overflow-scrolling: touch;
}
/* line 83, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 10px;
list-style: none;
line-height: 15px;
word-wrap: break-word;
-webkit-touch-callout: none;
}
/* line 92, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer;
}
/* line 97, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default;
}
/* line 103, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container .chosen-results li.highlighted {
background-color: #9b9b9b;
color: #fff;
}
/* line 108, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container .chosen-results li.no-results {
color: #777;
display: list-item;
background: #f4f4f4;
}
/* line 114, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: bold;
cursor: default;
}
/* line 120, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container .chosen-results li.group-option {
padding-left: 15px;
}
/* line 124, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline;
}
/* @end */
/* @group Single Chosen */
/* line 136, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 39px;
color: inherit;
text-decoration: none;
white-space: nowrap;
line-height: 39px;
}
/* line 147, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
font-size: 1rem;
margin-right: 39px;
text-overflow: ellipsis;
white-space: nowrap;
}
/* line 156, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
background: url("../../img/chosen-sprite.png") -42px 1px no-repeat;
font-size: 1px;
}
/* line 166, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-single .chosen-single abbr:hover {
background-position: -42px -10px;
}
/* line 171, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 39px;
height: 100%;
}
/* line 179, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-single .chosen-single div b {
display: block;
position: absolute;
top: 50%;
right: 50%;
width: 10px;
height: 10px;
margin: -5px -5px 0 0;
border-width: 0 1px 1px 0;
border-style: solid;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
/* line 194, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-single .chosen-default {
color: #999;
}
/* line 198, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px;
}
/* line 202, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px;
}
/* line 207, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap;
}
/* line 214, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-single .chosen-search input[type="text"] {
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #aaa;
background: url("../../img/chosen-sprite.png") no-repeat 100% -20px;
font-size: 1em;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
/* line 229, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-single .chosen-drop {
margin-top: -1px;
background-clip: padding-box;
}
/* line 234, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
clip: rect(0, 0, 0, 0);
}
/* @end */
/* @group Multi Chosen */
/* line 243, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
margin: 0;
padding: 0 5px;
width: 100%;
height: auto;
border: 1px solid #aaa;
background-color: #fff;
background-image: linear-gradient(#eee 1%, #fff 15%);
cursor: text;
}
/* line 255, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none;
}
/* line 259, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
/* line 264, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
margin: 1px 0;
padding: 0;
height: 25px;
outline: 0;
border: 0 !important;
background: transparent !important;
box-shadow: none;
color: #999;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
width: 25px;
}
/* line 281, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 3px 5px 3px 0;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
max-width: 100%;
border-radius: 3px;
background-color: #eee;
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-size: 100% 19px;
background-repeat: repeat-x;
background-clip: padding-box;
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333;
line-height: 13px;
cursor: default;
}
/* line 298, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-multi .chosen-choices li.search-choice span {
word-wrap: break-word;
}
/* line 302, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
background: url("../../img/chosen-sprite.png") -42px 1px no-repeat;
font-size: 1px;
}
/* line 312, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px;
}
/* line 318, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
color: #666;
}
/* line 326, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4;
}
/* line 329, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px;
}
/* line 336, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0;
}
/* line 341, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default;
}
/* @end */
/* @group Active */
/* line 350, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-active {
/*.chosen-single {
}*/
}
/* line 355, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-active.chosen-with-drop .chosen-single {
background-color: rgba(255, 255, 255, 0.3);
}
/* line 358, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: 0;
background: transparent;
}
/* line 362, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 2px;
}
/* line 369, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-active .chosen-choices {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
/* line 373, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
color: #222 !important;
}
/* @end */
/* @group Disabled Support */
/* line 381, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-disabled {
opacity: .5 !important;
cursor: default;
}
/* line 385, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-disabled .chosen-single {
cursor: default;
}
/* line 389, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
cursor: default;
}
/* @end */
/* @group Right to Left */
/* line 396, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-rtl {
text-align: right;
}
/* line 399, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-rtl .chosen-single {
overflow: visible;
padding: 0 8px 0 0;
}
/* line 403, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-rtl .chosen-single div {
right: auto;
left: 3px;
}
/* line 408, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-rtl .chosen-single abbr {
right: auto;
left: 26px;
}
/* line 413, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-rtl .chosen-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl;
}
/* line 420, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px;
}
/* line 424, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-rtl .chosen-choices li {
float: right;
}
/* line 427, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
direction: rtl;
}
/* line 431, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px;
}
/* line 435, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 4px;
}
/* line 444, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0;
}
/* line 449, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px;
}
/* line 454, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px;
}
/* line 460, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-rtl .chosen-results li.group-option {
padding-right: 15px;
padding-left: 0;
}
/* line 465, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: 0;
}
/* line 469, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-rtl .chosen-search input[type="text"] {
padding: 4px 5px 4px 20px;
background: url("../../img/chosen-sprite.png") no-repeat -30px -20px;
direction: rtl;
}
/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
/* line 481, web/themes/bricklett/scss/components/_chosen.scss */
.chosen-rtl .chosen-search input[type="text"],
.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-search input[type="text"],
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span {
background-image: url("../../img/chosen-sprite@2x.png") !important;
background-size: 52px 37px !important;
background-repeat: no-repeat !important;
}
}
/* @end */
/* line 495, web/themes/bricklett/scss/components/_chosen.scss */
.c-pseudo-chosen {
padding-left: 0;
}
/* line 497, web/themes/bricklett/scss/components/_chosen.scss */
.c-pseudo-chosen > li {
display: inline-block;
margin-right: 0;
}
@media screen and (min-width: 0) and (max-width: 480px) {
/* line 497, web/themes/bricklett/scss/components/_chosen.scss */
.c-pseudo-chosen > li {
display: block;
}
}
/* line 505, web/themes/bricklett/scss/components/_chosen.scss */
.c-pseudo-chosen > li.has-dropdown {
padding-right: 1.5rem;
}
/* line 508, web/themes/bricklett/scss/components/_chosen.scss */
.c-pseudo-chosen > li.has-dropdown > a {
padding-right: 0;
padding-left: .5rem;
padding-bottom: 1px;
position: relative;
bottom: -1px;
background: #fff;
border: 1px solid #dddddd;
border-width: 1px 1px 0;
border-color: transparent;
z-index: 4;
}
/* line 523, web/themes/bricklett/scss/components/_chosen.scss */
.c-pseudo-chosen > li.has-dropdown:hover > a {
border-color: #dddddd;
}
/* line 529, web/themes/bricklett/scss/components/_chosen.scss */
.c-pseudo-chosen > li.has-dropdown > a::after {
background-image: url("../../processed/svg/arrow_black.svg");
background-repeat: no-repeat;
background-size: auto 100%;
content: '';
display: inline-block;
-webkit-filter: brightness(100%);
filter: brightness(100%);
font-size: .8em;
left: 1.2rem;
position: relative;
top: -.3em;
transition: filter .25s ease-in-out 0s, -webkit-filter .25s ease-in-out 0s;
vertical-align: middle;
height: 1.2em;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 1em;
}
/* line 547, web/themes/bricklett/scss/components/_chosen.scss */
.c-pseudo-chosen > li > ul {
display: none;
position: absolute;
background-color: #fff;
padding: .5rem 0;
margin: 0 1rem 0 0;
text-align: left;
z-index: 3;
border: 1px solid #dddddd;
}
/* line 557, web/themes/bricklett/scss/components/_chosen.scss */
.c-pseudo-chosen > li > ul li {
list-style: none;
padding: 0;
}
/* line 561, web/themes/bricklett/scss/components/_chosen.scss */
.c-pseudo-chosen > li > ul li a {
min-width: 235px;
}
/* line 564, web/themes/bricklett/scss/components/_chosen.scss */
.c-pseudo-chosen > li > ul li a:hover {
background: rgba(55, 55, 55, 0.25);
}
/* line 572, web/themes/bricklett/scss/components/_chosen.scss */
.c-pseudo-chosen > li:hover > ul {
display: block;
}
/* line 579, web/themes/bricklett/scss/components/_chosen.scss */
.c-pseudo-chosen a {
color: #373737;
display: block;
padding: .25rem 1.5rem .25rem 1rem;
}
/* line 588, web/themes/bricklett/scss/components/_chosen.scss */
.c-pseudo-chosen > li:nth-child(1) a {
z-index: 10;
}
/* line 589, web/themes/bricklett/scss/components/_chosen.scss */
.c-pseudo-chosen > li:nth-child(1) ul {
z-index: 9;
}
/* line 593, web/themes/bricklett/scss/components/_chosen.scss */
.c-pseudo-chosen > li:nth-child(2) a {
z-index: 8;
}
/* line 594, web/themes/bricklett/scss/components/_chosen.scss */
.c-pseudo-chosen > li:nth-child(2) ul {
z-index: 7;
}
/* ==========================================================================
CTA Nav
========================================================================== */
/* line 5, web/themes/bricklett/scss/components/_cta-nav.scss */
.c-cta-nav {
display: -webkit-box;
display: -moz-box;
display: box;
display: -moz-flex;
display: flex;
box-align: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
box-pack: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
padding: 0;
margin: 0;
list-style: none;
font-size: 2rem;
margin-bottom: 1.7rem;
}
@media screen and (min-width: 1150px) {
/* line 5, web/themes/bricklett/scss/components/_cta-nav.scss */
.c-cta-nav {
font-size: 2.25rem;
}
}
/* line 18, web/themes/bricklett/scss/components/_cta-nav.scss */
.c-cta-nav__item {
box-align: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
box-pack: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
margin: 0 .05rem;
display: flex;
}
@media screen and (min-width: 1150px) {
/* line 18, web/themes/bricklett/scss/components/_cta-nav.scss */
.c-cta-nav__item {
margin: 0 .15rem;
}
}
/* line 29, web/themes/bricklett/scss/components/_cta-nav.scss */
.c-cta-nav [class^='c-icon'] {
transition: opacity .25s ease-in-out;
}
/* line 32, web/themes/bricklett/scss/components/_cta-nav.scss */
.c-cta-nav [class^='c-icon']:hover {
opacity: .7;
}
/* line 37, web/themes/bricklett/scss/components/_cta-nav.scss */
.c-cta-nav .c-btn {
margin-left: 1rem;
margin-bottom: 0;
}
@media screen and (min-width: 1150px) {
/* line 37, web/themes/bricklett/scss/components/_cta-nav.scss */
.c-cta-nav .c-btn {
margin-left: 1.5rem;
}
}
/* line 48, web/themes/bricklett/scss/components/_cta-nav.scss */
.c-cta-nav--copyright {
padding: 0;
margin: 0;
list-style: none;
text-align: center;
margin-bottom: 1rem;
margin-top: 1.25rem;
opacity: .89;
}
/* line 55, web/themes/bricklett/scss/components/_cta-nav.scss */
.c-cta-nav--copyright .c-cta-nav__item {
color: #fff;
font-size: .65rem;
margin: 0 .4rem;
display: inline-block;
}
/* line 61, web/themes/bricklett/scss/components/_cta-nav.scss */
.c-cta-nav--copyright .c-cta-nav__item a:link,
.c-cta-nav--copyright .c-cta-nav__item a:visited {
transition: opacity .25s ease-in-out;
color: #fff;
}
/* line 68, web/themes/bricklett/scss/components/_cta-nav.scss */
.c-cta-nav--copyright .c-cta-nav__item a:hover {
opacity: .7;
}
/* ==========================================================================
#Facts widgets component
========================================================================== */
/*doc
---
title: Facts widgets
name: facts-widgets
category: Components - Facts widgets
---
This is the facts widgets component which has multiple variations. Take a look at the `` section to see a full example.
```html_example
Proin non arcu lobortis, sagittis lorem et, suscipit mauris. Duis placerat velit libero, et commodo ante rhoncus quis. Sed iaculis nibh ipsum, placerat vestibulum diam ullamcorper a. Quisque finibus, lorem non pellentesque sollicitudin, odio nibh ultrices ipsum, sed tincidunt ligula purus sit amet augue. Vestibulum leo orci, elementum vel auctor id, posuere et felis.
Cras vulputate urna dui, sit amet tempor sapien interdum quis. Maecenas mauris risus, tincidunt at ante sit amet, vehicula maximus nulla.
Nunc a lacus eu diam finibus consectetur ut nec velit. Nunc hendrerit lorem nec dolor pharetra suscipit. Cras accumsan vel felis et maximus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non mollis purus. Integer vitae dui eget ipsum blandit rhoncus. Morbi eu nulla efficitur odio consequat lacinia non in ante.
Aenean eu vehicula ligula. Sed at aliquet magna. Sed eget lacinia sapien. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
```
*/
/* line 40, web/themes/bricklett/scss/components/_facts-widgets.scss */
.c-facts-widget__list {
counter-reset: facts-counter;
list-style: none;
padding: 0;
}
/* line 46, web/themes/bricklett/scss/components/_facts-widgets.scss */
.c-facts-widget__item {
position: relative;
padding: 0 0 0 3.5rem;
margin-bottom: 1.3rem;
}
/* line 51, web/themes/bricklett/scss/components/_facts-widgets.scss */
.c-facts-widget__item p {
font-weight: 300;
}
/* line 54, web/themes/bricklett/scss/components/_facts-widgets.scss */
.c-facts-widget__item p:last-of-type {
margin-bottom: 0;
}
/* line 59, web/themes/bricklett/scss/components/_facts-widgets.scss */
.c-facts-widget__item::before {
background-color: #acaba6;
color: #e8e8de;
content: counter(facts-counter);
counter-increment: facts-counter;
position: absolute;
left: 0;
font-size: 1.6rem;
font-weight: 300;
line-height: 2.1rem;
top: 50%;
margin-top: -1.05rem;
text-align: center;
border-radius: 100%;
width: 2.1rem;
height: 2.1rem;
}
/* line 79, web/themes/bricklett/scss/components/_facts-widgets.scss */
.t-bg-blue .c-facts-widget__item::before {
background-color: rgba(255, 255, 255, 0.3);
color: #fff;
}
/* ==========================================================================
#FAQ widgets component
========================================================================== */
/*doc
---
title: FAQ widgets
name: faq-widgets
category: Components - FAQ widgets
---
This is the FAQ widgets component which has multiple variations. Take a look at the `` section to see a full example.
```html_example
```
*/
@media screen and (min-width: 640px) {
/* line 31, web/themes/bricklett/scss/components/_faq-widgets.scss */
.c-faq-widget__title {
margin-left: -17.2907% / 2;
margin-right: -17.2907% / 2;
}
}
@media screen and (min-width: 640px) {
/* line 31, web/themes/bricklett/scss/components/_faq-widgets.scss */
.c-faq-widget__title {
margin-left: -17.2907%;
margin-right: -17.2907%;
}
}
/* line 45, web/themes/bricklett/scss/components/_faq-widgets.scss */
.c-faq-widget__term {
background-color: #0f324e;
border-bottom: 1px solid #fff;
color: #fff;
cursor: pointer;
font-weight: 300;
padding: 1rem 1rem 1rem 2rem;
position: relative;
transition: background-color 200ms ease-in-out;
font-size: 1rem;
}
@media screen and (min-width: 640px) {
/* line 45, web/themes/bricklett/scss/components/_faq-widgets.scss */
.c-faq-widget__term {
padding: 1.25rem 1rem 1.25rem 3.5rem;
font-size: 1.25rem;
}
}
/* line 61, web/themes/bricklett/scss/components/_faq-widgets.scss */
.c-faq-widget__term::before, .c-faq-widget__term::after {
content: '';
display: block;
position: absolute;
left: 1.25rem;
top: 50%;
width: 0;
height: .5rem;
margin-top: -.25rem;
border-color: #fff;
border-style: solid;
border-width: 0 0 0 2px;
transition: -webkit-transform 200ms ease-in-out;
transition: transform 200ms ease-in-out;
transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out;
}
@media screen and (min-width: 640px) {
/* line 61, web/themes/bricklett/scss/components/_faq-widgets.scss */
.c-faq-widget__term::before, .c-faq-widget__term::after {
left: 2.25rem;
}
}
/* line 81, web/themes/bricklett/scss/components/_faq-widgets.scss */
.c-faq-widget__term::after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
/* line 85, web/themes/bricklett/scss/components/_faq-widgets.scss */
.c-faq-widget__term:hover {
background-color: #0d2b43;
}
/* line 89, web/themes/bricklett/scss/components/_faq-widgets.scss */
.c-faq-widget__term.open {
background-color: #0b2439;
}
/* line 92, web/themes/bricklett/scss/components/_faq-widgets.scss */
.c-faq-widget__term.open:hover {
background-color: #0a2234;
}
/* line 97, web/themes/bricklett/scss/components/_faq-widgets.scss */
.c-faq-widget__term.arrow::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
/* line 101, web/themes/bricklett/scss/components/_faq-widgets.scss */
.c-faq-widget__term.arrow::after {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
/* line 106, web/themes/bricklett/scss/components/_faq-widgets.scss */
.c-faq-widget__def {
color: #0f324e;
padding: 1rem;
}
/* line 110, web/themes/bricklett/scss/components/_faq-widgets.scss */
.c-faq-widget__def p {
font-size: .9rem;
margin-bottom: .5rem;
}
/* line 114, web/themes/bricklett/scss/components/_faq-widgets.scss */
.c-faq-widget__def p:last-of-type {
margin-bottom: 0;
}
/* ==========================================================================
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 25, web/themes/bricklett/scss/components/_featured-pane.scss */
.c-featured-pane {
min-height: 400px;
}
/* line 29, web/themes/bricklett/scss/components/_featured-pane.scss */
.c-featured-pane__source {
color: #fff;
font-size: 1.1rem;
margin: 0;
}
/* line 35, web/themes/bricklett/scss/components/_featured-pane.scss */
.c-featured-pane__title {
color: #fff;
font-size: 1.875rem;
margin: 0;
}
/*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 63, web/themes/bricklett/scss/components/_featured-pane.scss */
.c-featured-pane--small {
background: #666;
border: 1px solid #fff;
}
/* line 70, web/themes/bricklett/scss/components/_featured-pane.scss */
.c-featured-pane--small .c-featured-pane__source {
font-size: 1rem;
}
/* line 75, web/themes/bricklett/scss/components/_featured-pane.scss */
.c-featured-pane--small .c-featured-pane__title {
font-size: 1.2rem;
}
/* ==========================================================================
Featured text
========================================================================== */
/*doc
---
title: Featured Text
name: featuredtext
category: Components - Featured Text
---
Featured text widgets
```html_example
```
*/
/* line 21, web/themes/bricklett/scss/components/_featured-text.scss */
.c-featured-text__body {
font-size: 1.8rem;
position: relative;
line-height: 1.3;
font-family: "OldStyleMT-Regular", serif;
text-align: center;
}
@media screen and (min-width: 640px) {
/* line 21, web/themes/bricklett/scss/components/_featured-text.scss */
.c-featured-text__body {
padding: 2rem 0;
}
}
/* line 33, web/themes/bricklett/scss/components/_featured-text.scss */
.c-featured-text__credit {
font-size: 13px;
position: absolute;
bottom: 1rem;
left: 3rem;
color: #fff;
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 33, web/themes/bricklett/scss/components/_featured-text.scss */
.c-featured-text__credit {
bottom: 3rem;
}
}
/* line 44, web/themes/bricklett/scss/components/_featured-text.scss */
.c-featured-text__credit-top-right {
font-size: 13px;
position: absolute;
top: 1rem;
right: 3rem;
color: #373737;
}
/* line 52, web/themes/bricklett/scss/components/_featured-text.scss */
.c-featured-text__person {
font-weight: 300;
text-align: right;
}
/* line 57, web/themes/bricklett/scss/components/_featured-text.scss */
.c-featured-text .person__name {
font-size: .9rem;
}
/* line 61, web/themes/bricklett/scss/components/_featured-text.scss */
.c-featured-text .person__details {
font-size: .8rem;
}
/* line 66, web/themes/bricklett/scss/components/_featured-text.scss */
.c-featured-text.t-bg-blue {
color: #fff;
}
/* line 76, web/themes/bricklett/scss/components/_featured-text.scss */
.c-featured-text--quote .c-featured-text__body {
padding: 0;
}
@media screen and (min-width: 640px) {
/* line 76, web/themes/bricklett/scss/components/_featured-text.scss */
.c-featured-text--quote .c-featured-text__body {
padding: 2rem 0 0;
}
}
/* line 83, web/themes/bricklett/scss/components/_featured-text.scss */
.c-featured-text--quote .c-featured-text__body p::first-letter {
/*padding-left: 2rem;*/
}
@media screen and (min-width: 640px) {
/* line 83, web/themes/bricklett/scss/components/_featured-text.scss */
.c-featured-text--quote .c-featured-text__body p::first-letter {
/*padding-left: 4rem;*/
}
}
/* line 93, web/themes/bricklett/scss/components/_featured-text.scss */
.c-featured-text--quote.c-featured-text--quote__enabled {
position: relative;
}
/* line 96, web/themes/bricklett/scss/components/_featured-text.scss */
.c-featured-text--quote.c-featured-text--quote__enabled .c-featured-text__body::before {
content: '';
display: block;
width: 88px;
height: 69px;
position: absolute;
top: 0;
left: -67px;
}
/* ==========================================================================
Footer nav
========================================================================== */
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 5, web/themes/bricklett/scss/components/_footer-nav.scss */
.c-footer-nav {
text-align: center;
}
}
/* line 11, web/themes/bricklett/scss/components/_footer-nav.scss */
.c-footer-nav a {
opacity: 1;
transition: all .25s ease-in-out;
}
/* line 15, web/themes/bricklett/scss/components/_footer-nav.scss */
.c-footer-nav a:hover {
opacity: .7;
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 21, web/themes/bricklett/scss/components/_footer-nav.scss */
.c-footer-nav__list {
margin-bottom: 1.5rem;
}
}
/* line 27, web/themes/bricklett/scss/components/_footer-nav.scss */
.c-footer-nav__list > a {
font-size: .9rem;
display: inline-block;
margin-bottom: .25rem;
}
/* line 35, web/themes/bricklett/scss/components/_footer-nav.scss */
.c-footer-nav__link:link, .c-footer-nav__link:visited {
color: #fff;
}
/* line 43, web/themes/bricklett/scss/components/_footer-nav.scss */
.c-footer-nav__drop {
padding: 0;
margin: 0;
list-style: none;
}
/* line 47, web/themes/bricklett/scss/components/_footer-nav.scss */
.c-footer-nav__drop-item {
font-size: .7rem;
font-weight: 300;
margin-bottom: .25rem;
}
/* line 52, web/themes/bricklett/scss/components/_footer-nav.scss */
.c-footer-nav__drop-item a:link,
.c-footer-nav__drop-item a:visited {
color: #fff;
}
/* ==========================================================================
Icon
========================================================================== */
/*doc
---
title: Icons
name: icons
category: Components - Icons
---
Library of icons for use throughout the site. Some of the icons are related to other partials,
but these classes should always be used when possible.
*/
/* line 17, web/themes/bricklett/scss/components/_icons.scss */
.c-icon,
.c-featured-text--quote.c-featured-text--quote__enabled .c-featured-text__body::before,
.c-icon--search {
display: inline-block;
}
/* line 20, web/themes/bricklett/scss/components/_icons.scss */
.c-featured-text--quote.c-featured-text--quote__enabled .c-featured-text__body::before {
background-image: url("../../img/quote.png");
}
/* line 25, web/themes/bricklett/scss/components/_icons.scss */
.c-icon--search {
background-image: url("../../processed/svg/magnifying_glass_k.svg");
background-repeat: no-repeat;
background-size: auto 100%;
content: '';
display: inline-block;
position: relative;
width: 1em;
height: 1em;
}
/* line 33, web/themes/bricklett/scss/components/_icons.scss */
.c-page-head--light .c-icon--search {
background-image: url("../../processed/svg/magnifying_glass_white.svg");
background-repeat: no-repeat;
background-size: auto 100%;
content: '';
display: inline-block;
position: relative;
}
@media screen and (min-width: 1024px) {
/* line 37, web/themes/bricklett/scss/components/_icons.scss */
.c-page-head.is-active .c-icon--search {
background-image: url("../../processed/svg/magnifying_glass_k.svg");
background-repeat: no-repeat;
background-size: auto 100%;
content: '';
display: inline-block;
position: relative;
}
}
/* line 58, web/themes/bricklett/scss/components/_icons.scss */
.c-icon__social, .c-people__soc--li, .c-people__soc--tw {
display: inline-block;
font-size: 1rem;
border-radius: 1rem;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: 'FontAwesome';
color: #fff;
background-color: #0f324e;
width: 1.5rem;
height: 1.5rem;
line-height: 1.5;
margin: 1rem .5rem;
}
/* line 73, web/themes/bricklett/scss/components/_icons.scss */
.c-icon__social:link, .c-people__soc--li:link, .c-people__soc--tw:link, .c-icon__social:visited, .c-people__soc--li:visited, .c-people__soc--tw:visited {
color: #fff;
}
/* line 80, web/themes/bricklett/scss/components/_icons.scss */
.c-icon__social--facebook::before {
content: '\f09a';
}
/* line 87, web/themes/bricklett/scss/components/_icons.scss */
.c-icon__social--instagram::before {
content: '\f16d';
}
/* line 94, web/themes/bricklett/scss/components/_icons.scss */
.c-icon__social--twitter::before, .c-people__soc--tw::before {
content: '\f099';
}
/* line 101, web/themes/bricklett/scss/components/_icons.scss */
.c-icon__social--linkedin::before, .c-people__soc--li::before {
content: '\f0e1';
}
/* line 108, web/themes/bricklett/scss/components/_icons.scss */
.t-bg-blue .c-icon__social, .t-bg-blue .c-people__soc--li, .t-bg-blue .c-people__soc--tw {
color: #0f324e;
background-color: #fff;
}
/* line 112, web/themes/bricklett/scss/components/_icons.scss */
.t-bg-blue .c-icon__social:link, .t-bg-blue .c-people__soc--li:link, .t-bg-blue .c-people__soc--tw:link {
color: #0f324e;
}
/* line 119, web/themes/bricklett/scss/components/_icons.scss */
.c-icon--fb {
background-image: url("../../processed/svg/fb_white.svg");
background-repeat: no-repeat;
background-size: auto 100%;
content: '';
display: inline-block;
position: relative;
width: 1em;
height: 1em;
}
/* line 120, web/themes/bricklett/scss/components/_icons.scss */
.c-icon--in {
background-image: url("../../processed/svg/instagram_white.svg");
background-repeat: no-repeat;
background-size: auto 100%;
content: '';
display: inline-block;
position: relative;
width: 1em;
height: 1em;
}
/* line 121, web/themes/bricklett/scss/components/_icons.scss */
.c-icon--tw {
background-image: url("../../processed/svg/tw_white.svg");
background-repeat: no-repeat;
background-size: auto 100%;
content: '';
display: inline-block;
position: relative;
width: 1em;
height: 1em;
}
/* line 122, web/themes/bricklett/scss/components/_icons.scss */
.c-icon--vi {
background-image: url("../../processed/svg/vimeo_white.svg");
background-repeat: no-repeat;
background-size: auto 100%;
content: '';
display: inline-block;
position: relative;
width: 1em;
height: 1em;
}
/* ==========================================================================
Icon
========================================================================== */
/*doc
---
title: Images
name: Images
category: Components - Images
---
Image rollovers and effects.
```html_example
Article | 24 May 2016
Source: Mongabay
The risk of murder is higher for environmental activists and wildlife officers than for police officers. Protecting the planet is a dangerous job. Schoolyard massacres
```
*/
/* line 40, web/themes/bricklett/scss/components/_images.scss */
.c-grid__image a {
display: block;
background-color: #0f324e;
}
/* line 44, web/themes/bricklett/scss/components/_images.scss */
.c-grid__image a img {
display: block;
transition: all .5s;
}
/* line 50, web/themes/bricklett/scss/components/_images.scss */
.c-grid__image a:hover img {
-webkit-filter: opacity(0.8);
filter: opacity(0.8);
}
/* line 59, web/themes/bricklett/scss/components/_images.scss */
.c-people__card:hover img {
-webkit-filter: opacity(0.8);
filter: opacity(0.8);
}
/* line 64, web/themes/bricklett/scss/components/_images.scss */
.c-people__card .field--name-field-teaser-media {
background-color: #0f324e;
}
/* ==========================================================================
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, web/themes/bricklett/scss/components/_list-ui.scss */
.c-list-ui__item {
border-bottom: 1px solid #ececec;
padding: .75rem 0;
}
/* line 35, web/themes/bricklett/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, web/themes/bricklett/scss/components/_list-ui.scss */
.c-list-ui--blocky .c-list-ui__item {
padding: 0;
}
/* line 72, web/themes/bricklett/scss/components/_list-ui.scss */
.c-list-ui--blocky .c-list-ui__link {
padding: .75rem 0;
}
/* line 76, web/themes/bricklett/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
Example
```
*/
/* line 20, web/themes/bricklett/scss/components/_modal.scss */
.mfp-bg {
opacity: .9;
}
/* ==========================================================================
Module Heights component
========================================================================== */
/* line 5, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--default {
min-height: 400px;
height: 400px;
}
/* line 9, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--default.c-cta-widget {
height: auto;
}
/* line 13, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--default.c-page-head--single {
height: 100vh;
min-height: 450px;
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 13, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--default.c-page-head--single {
height: 768px;
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 13, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--default.c-page-head--single {
height: 1024px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
/* line 13, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--default.c-page-head--single {
height: 320px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
/* line 13, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--default.c-page-head--single {
height: 568px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
/* line 13, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--default.c-page-head--single {
height: 320px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
/* line 13, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--default.c-page-head--single {
height: 480px;
}
}
@media screen and (min-width: 640px) {
/* line 13, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--default.c-page-head--single {
height: 75vh;
}
}
@media screen and (min-width: 640px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 13, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--default.c-page-head--single {
height: 576px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 13, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--default.c-page-head--single {
height: 768px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
/* line 13, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--default.c-page-head--single {
height: 240px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
/* line 13, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--default.c-page-head--single {
height: 426px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
/* line 13, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--default.c-page-head--single {
height: 240px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
/* line 13, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--default.c-page-head--single {
height: 360px;
}
}
@media screen and (min-width: 1024px) {
/* line 13, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--default.c-page-head--single {
height: 50vh;
}
}
@media screen and (min-width: 1024px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 13, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--default.c-page-head--single {
height: 384px;
}
}
@media screen and (min-width: 1024px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 13, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--default.c-page-head--single {
height: 512px;
}
}
@media screen and (min-width: 1024px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
/* line 13, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--default.c-page-head--single {
height: 160px;
}
}
@media screen and (min-width: 1024px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
/* line 13, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--default.c-page-head--single {
height: 284px;
}
}
@media screen and (min-width: 1024px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
/* line 13, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--default.c-page-head--single {
height: 160px;
}
}
@media screen and (min-width: 1024px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
/* line 13, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--default.c-page-head--single {
height: 240px;
}
}
/* line 27, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--quarter {
height: 100vh;
min-height: 450px;
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 27, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--quarter {
height: 768px;
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 27, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--quarter {
height: 1024px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
/* line 27, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--quarter {
height: 320px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
/* line 27, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--quarter {
height: 568px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
/* line 27, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--quarter {
height: 320px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
/* line 27, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--quarter {
height: 480px;
}
}
@media screen and (min-width: 640px) {
/* line 27, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--quarter {
height: 50vh;
}
}
@media screen and (min-width: 640px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 27, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--quarter {
height: 384px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 27, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--quarter {
height: 512px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
/* line 27, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--quarter {
height: 160px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
/* line 27, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--quarter {
height: 284px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
/* line 27, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--quarter {
height: 160px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
/* line 27, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--quarter {
height: 240px;
}
}
@media screen and (min-width: 1024px) {
/* line 27, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--quarter {
height: 25vh;
}
}
@media screen and (min-width: 1024px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 27, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--quarter {
height: 192px;
}
}
@media screen and (min-width: 1024px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 27, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--quarter {
height: 256px;
}
}
@media screen and (min-width: 1024px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
/* line 27, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--quarter {
height: 80px;
}
}
@media screen and (min-width: 1024px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
/* line 27, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--quarter {
height: 142px;
}
}
@media screen and (min-width: 1024px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
/* line 27, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--quarter {
height: 80px;
}
}
@media screen and (min-width: 1024px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
/* line 27, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--quarter {
height: 120px;
}
}
/* line 41, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--half {
height: 100vh;
min-height: 450px;
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 41, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--half {
height: 768px;
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 41, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--half {
height: 1024px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
/* line 41, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--half {
height: 320px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
/* line 41, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--half {
height: 568px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
/* line 41, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--half {
height: 320px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
/* line 41, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--half {
height: 480px;
}
}
@media screen and (min-width: 640px) {
/* line 41, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--half {
height: 75vh;
}
}
@media screen and (min-width: 640px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 41, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--half {
height: 576px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 41, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--half {
height: 768px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
/* line 41, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--half {
height: 240px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
/* line 41, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--half {
height: 426px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
/* line 41, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--half {
height: 240px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
/* line 41, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--half {
height: 360px;
}
}
@media screen and (min-width: 1024px) {
/* line 41, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--half {
height: 50vh;
}
}
@media screen and (min-width: 1024px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 41, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--half {
height: 384px;
}
}
@media screen and (min-width: 1024px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 41, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--half {
height: 512px;
}
}
@media screen and (min-width: 1024px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
/* line 41, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--half {
height: 160px;
}
}
@media screen and (min-width: 1024px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
/* line 41, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--half {
height: 284px;
}
}
@media screen and (min-width: 1024px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
/* line 41, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--half {
height: 160px;
}
}
@media screen and (min-width: 1024px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
/* line 41, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--half {
height: 240px;
}
}
/* line 54, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--threequarter {
height: 100vh;
min-height: 450px;
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 54, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--threequarter {
height: 768px;
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 54, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--threequarter {
height: 1024px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
/* line 54, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--threequarter {
height: 320px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
/* line 54, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--threequarter {
height: 568px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
/* line 54, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--threequarter {
height: 320px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
/* line 54, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--threequarter {
height: 480px;
}
}
@media screen and (min-width: 1024px) {
/* line 54, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--threequarter {
height: 75vh;
}
}
@media screen and (min-width: 1024px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 54, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--threequarter {
height: 576px;
}
}
@media screen and (min-width: 1024px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 54, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--threequarter {
height: 768px;
}
}
@media screen and (min-width: 1024px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
/* line 54, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--threequarter {
height: 240px;
}
}
@media screen and (min-width: 1024px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
/* line 54, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--threequarter {
height: 426px;
}
}
@media screen and (min-width: 1024px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
/* line 54, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--threequarter {
height: 240px;
}
}
@media screen and (min-width: 1024px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
/* line 54, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--threequarter {
height: 360px;
}
}
/* line 63, web/themes/bricklett/scss/components/_module-height.scss */
.c-module-height--full {
height: 100vh;
min-height: 450px;
}
/* ==========================================================================
#Overlay
========================================================================== */
/* line 6, web/themes/bricklett/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, web/themes/bricklett/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, web/themes/bricklett/scss/components/_overlay.scss */
.c-overlay.is-active {
visibility: hidden;
}
}
/* ==========================================================================
#Footer component
========================================================================== */
/* line 5, web/themes/bricklett/scss/components/_page-foot.scss */
.c-page-foot {
width: 100%;
padding: 4rem 0;
background: #0f324e;
}
/* line 11, web/themes/bricklett/scss/components/_page-foot.scss */
.c-page-foot .search-block-form {
display: none;
}
/* line 15, web/themes/bricklett/scss/components/_page-foot.scss */
.c-page-foot .o-grid--wide .sm-12:last-child {
border-top: 1px solid #fff;
padding-top: 2rem;
margin-top: 2rem;
}
@media screen and (min-width: 1024px) {
/* line 15, web/themes/bricklett/scss/components/_page-foot.scss */
.c-page-foot .o-grid--wide .sm-12:last-child {
border-left: 1px solid #fff;
border-top: 0;
padding-top: 0;
margin-top: 0;
}
}
/* ==========================================================================
#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 29, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head {
transition: all .25s ease-in-out;
padding: .5rem 0;
width: 100%;
background: #373737;
border-bottom: 1px solid transparent;
}
@media screen and (min-width: 1024px) {
/* line 36, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head.is-active {
transition: all .25s ease-in-out;
background: #fff;
padding: .35rem 0;
border-bottom-color: #ddd;
}
}
/* line 44, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head.is-active .is-french {
display: none;
}
/* line 46, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head.is-active .c-btn {
margin-bottom: 0;
}
/* line 48, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head.is-active .c-logo--default {
width: 70px;
height: 70px;
background-size: 70px 70px;
}
/* line 56, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head.is-active .c-page-head__right .c-icon--search {
display: none;
}
/* line 60, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head.is-active .c-page-head__right .o-nav {
margin-bottom: 0;
margin-top: .85rem;
}
/* line 64, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head.is-active .c-page-head__right .o-nav .c-icon--search {
display: block;
}
/* line 70, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head.is-active .c-primary-nav {
margin-top: .65rem;
}
@media screen and (min-width: 0) and (max-width: 1023px) {
/* line 29, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head {
height: auto;
width: 100%;
z-index: 15;
}
}
@media screen and (min-width: 1024px) {
/* line 29, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head {
background: transparent;
padding: 1rem 0 0;
position: fixed;
z-index: 150;
}
}
@media screen and (min-width: 0) and (max-width: 1023px) {
/* line 88, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head .o-grid--wide > .sm-12 {
display: -webkit-box;
display: -moz-box;
display: box;
display: -moz-flex;
display: flex;
box-align: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
}
}
/* line 95, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head__headline {
font-size: 3.2rem;
font-weight: 500;
margin-bottom: 1rem;
line-height: 1;
}
@media screen and (min-width: 1024px) {
/* line 95, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head__headline {
font-size: 4.2rem;
line-height: 1.1;
margin-bottom: 0;
}
}
@media screen and (min-width: 0) and (max-width: 480px) {
/* line 95, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head__headline {
font-size: 2rem;
}
}
@media screen and (min-width: 1024px) {
/* line 111, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head__headline--small {
font-size: 2.2rem;
}
}
@media screen and (min-width: 1024px) {
/* line 117, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head__headline--medium {
font-size: 2.8rem;
line-height: 3rem;
}
}
/* line 125, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head__body {
font-size: 1.5rem;
font-family: "OldStyleMT-Regular", serif;
font-weight: 500;
margin-bottom: 2rem;
}
/* line 132, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head nav {
float: left;
}
/* line 137, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head__right {
float: right;
text-align: right;
display: none;
}
/* line 141, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head__right > .c-icon--search {
visibility: hidden;
/*used to preserve spacing */
}
@media screen and (min-width: 1024px) {
/* line 137, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head__right {
display: block;
}
}
/* line 150, web/themes/bricklett/scss/components/_page-head.scss */
.is-french {
font-size: .65rem;
display: inline-block;
margin-bottom: 0;
position: relative;
top: -5px;
right: 10px;
visibility: hidden;
}
/* line 160, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--light {
color: #fff;
}
/* line 165, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--light .c-primary-nav__link:link, .c-page-head--light .c-primary-nav__link:visited,
.c-page-head--light .c-page-head__right a:link,
.c-page-head--light .c-page-head__right a:visited {
color: #fff;
}
@media screen and (min-width: 0) and (max-width: 1023px) {
/* line 157, web/themes/bricklett/scss/tools/_mixins.scss */
.c-page-head--light .c-primary-nav__item.has-dropdown .c-primary-nav__link::after {
background-image: url("../../processed/svg/arrow_white.svg");
background-repeat: no-repeat;
background-size: auto 100%;
content: '';
display: inline-block;
position: relative;
transition: -webkit-filter 0.25s ease-in-out;
transition: filter 0.25s ease-in-out;
transition: filter 0.25s ease-in-out, -webkit-filter 0.25s ease-in-out;
-webkit-filter: brightness(100%);
filter: brightness(100%);
font-size: 0.8em;
top: -0.1em;
left: .3rem;
vertical-align: middle;
}
}
@media screen and (min-width: 1024px) {
/* line 157, web/themes/bricklett/scss/tools/_mixins.scss */
.c-page-head--light .c-primary-nav__item.has-dropdown .c-primary-nav__link::after {
background-image: url("../../processed/svg/arrow_white.svg");
background-repeat: no-repeat;
background-size: auto 100%;
content: '';
display: inline-block;
position: relative;
transition: -webkit-filter 0.25s ease-in-out;
transition: filter 0.25s ease-in-out;
transition: filter 0.25s ease-in-out, -webkit-filter 0.25s ease-in-out;
-webkit-filter: brightness(100%);
filter: brightness(100%);
font-size: 0.8em;
top: -0.3em;
left: .3rem;
vertical-align: middle;
}
}
/* line 184, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--light .has-dropdown:hover .c-primary-nav__link {
background: white;
color: #373737;
}
@media screen and (min-width: 0) and (max-width: 1023px) {
/* line 157, web/themes/bricklett/scss/tools/_mixins.scss */
.c-page-head--light .has-dropdown:hover .c-primary-nav__link::after {
background-image: url("../../processed/svg/arrow_black.svg");
background-repeat: no-repeat;
background-size: auto 100%;
content: '';
display: inline-block;
position: relative;
transition: -webkit-filter 0.25s ease-in-out;
transition: filter 0.25s ease-in-out;
transition: filter 0.25s ease-in-out, -webkit-filter 0.25s ease-in-out;
-webkit-filter: brightness(100%);
filter: brightness(100%);
font-size: 0.8em;
top: -0.1em;
left: .3rem;
vertical-align: middle;
}
}
@media screen and (min-width: 1024px) {
/* line 157, web/themes/bricklett/scss/tools/_mixins.scss */
.c-page-head--light .has-dropdown:hover .c-primary-nav__link::after {
background-image: url("../../processed/svg/arrow_black.svg");
background-repeat: no-repeat;
background-size: auto 100%;
content: '';
display: inline-block;
position: relative;
transition: -webkit-filter 0.25s ease-in-out;
transition: filter 0.25s ease-in-out;
transition: filter 0.25s ease-in-out, -webkit-filter 0.25s ease-in-out;
-webkit-filter: brightness(100%);
filter: brightness(100%);
font-size: 0.8em;
top: -0.3em;
left: .3rem;
vertical-align: middle;
}
}
@media screen and (min-width: 1024px) {
/* line 203, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--dark .c-page-head .c-page-head,
.c-page-head.is-active .c-page-head {
background-color: #fff;
border-bottom-color: #ddd;
}
}
/* line 211, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--dark .c-page-head .c-logo--default,
.c-page-head.is-active .c-logo--default {
width: 70px;
height: 70px;
background-size: 70px 70px;
}
/* line 217, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--dark .c-page-head .c-primary-nav,
.c-page-head.is-active .c-primary-nav {
margin-top: .65rem;
}
/* line 221, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--dark .c-page-head .c-btn,
.c-page-head.is-active .c-btn {
margin-bottom: 0;
}
/* line 224, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--dark .c-page-head .c-primary-nav__link:link, .c-page-head--dark .c-page-head .c-primary-nav__link:visited,
.c-page-head.is-active .c-primary-nav__link:link,
.c-page-head.is-active .c-primary-nav__link:visited {
color: #fff;
}
@media screen and (min-width: 1024px) {
/* line 224, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--dark .c-page-head .c-primary-nav__link:link, .c-page-head--dark .c-page-head .c-primary-nav__link:visited,
.c-page-head.is-active .c-primary-nav__link:link,
.c-page-head.is-active .c-primary-nav__link:visited {
color: #373737;
}
}
/* line 233, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--dark .c-page-head .c-primary-nav__link:hover,
.c-page-head.is-active .c-primary-nav__link:hover {
color: #373737;
background: white;
}
/* line 239, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--dark .c-page-head .is-french:link,
.c-page-head--dark .c-page-head .is-french:visited,
.c-page-head.is-active .is-french:link,
.c-page-head.is-active .is-french:visited {
color: #373737;
}
@media screen and (min-width: 0) and (max-width: 1023px) {
/* line 157, web/themes/bricklett/scss/tools/_mixins.scss */
.c-page-head--dark .c-page-head .c-primary-nav__item.has-dropdown .c-primary-nav__link::after,
.c-page-head.is-active .c-primary-nav__item.has-dropdown .c-primary-nav__link::after {
background-image: url("../../processed/svg/arrow_white.svg");
background-repeat: no-repeat;
background-size: auto 100%;
content: '';
display: inline-block;
position: relative;
transition: -webkit-filter 0.25s ease-in-out;
transition: filter 0.25s ease-in-out;
transition: filter 0.25s ease-in-out, -webkit-filter 0.25s ease-in-out;
-webkit-filter: brightness(100%);
filter: brightness(100%);
font-size: 0.8em;
top: -0.1em;
left: .3rem;
vertical-align: middle;
}
}
@media screen and (min-width: 1024px) {
/* line 157, web/themes/bricklett/scss/tools/_mixins.scss */
.c-page-head--dark .c-page-head .c-primary-nav__item.has-dropdown .c-primary-nav__link::after,
.c-page-head.is-active .c-primary-nav__item.has-dropdown .c-primary-nav__link::after {
background-image: url("../../processed/svg/arrow_black.svg");
background-repeat: no-repeat;
background-size: auto 100%;
content: '';
display: inline-block;
position: relative;
transition: -webkit-filter 0.25s ease-in-out;
transition: filter 0.25s ease-in-out;
transition: filter 0.25s ease-in-out, -webkit-filter 0.25s ease-in-out;
-webkit-filter: brightness(100%);
filter: brightness(100%);
font-size: 0.8em;
top: -0.3em;
left: .3rem;
vertical-align: middle;
}
}
/* line 255, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--dark .c-page-head .has-dropdown:hover .c-primary-nav__link,
.c-page-head.is-active .has-dropdown:hover .c-primary-nav__link {
background: white;
}
@media screen and (min-width: 0) and (max-width: 1023px) {
/* line 157, web/themes/bricklett/scss/tools/_mixins.scss */
.c-page-head--dark .c-page-head .has-dropdown:hover .c-primary-nav__link::after,
.c-page-head.is-active .has-dropdown:hover .c-primary-nav__link::after {
background-image: url("../../processed/svg/arrow_black.svg");
background-repeat: no-repeat;
background-size: auto 100%;
content: '';
display: inline-block;
position: relative;
transition: -webkit-filter 0.25s ease-in-out;
transition: filter 0.25s ease-in-out;
transition: filter 0.25s ease-in-out, -webkit-filter 0.25s ease-in-out;
-webkit-filter: brightness(100%);
filter: brightness(100%);
font-size: 0.8em;
top: -0.1em;
left: .3rem;
vertical-align: middle;
}
}
@media screen and (min-width: 1024px) {
/* line 157, web/themes/bricklett/scss/tools/_mixins.scss */
.c-page-head--dark .c-page-head .has-dropdown:hover .c-primary-nav__link::after,
.c-page-head.is-active .has-dropdown:hover .c-primary-nav__link::after {
background-image: url("../../processed/svg/arrow_black.svg");
background-repeat: no-repeat;
background-size: auto 100%;
content: '';
display: inline-block;
position: relative;
transition: -webkit-filter 0.25s ease-in-out;
transition: filter 0.25s ease-in-out;
transition: filter 0.25s ease-in-out, -webkit-filter 0.25s ease-in-out;
-webkit-filter: brightness(100%);
filter: brightness(100%);
font-size: 0.8em;
top: -0.3em;
left: .3rem;
vertical-align: middle;
}
}
/* line 269, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--video-dark .c-page-head {
background-color: transparent;
border-bottom-color: transparent;
}
@media screen and (min-width: 1024px) {
/* line 275, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--dark .c-page-head:not(.is-active) .c-logo--default {
width: 115px;
height: 115px;
background-size: 115px 115px;
}
}
/* line 282, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--dark .c-page-head:not(.is-active) .c-primary-nav {
margin-top: 1.2rem;
}
/* line 287, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--dark .c-language {
display: inline-block;
}
/* line 291, web/themes/bricklett/scss/components/_page-head.scss */
.vertical-align {
display: -webkit-box;
display: -moz-box;
display: box;
display: -moz-flex;
display: flex;
box-align: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
box-pack: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
height: 100%;
}
@media screen and (min-width: 640px) {
/* line 297, web/themes/bricklett/scss/components/_page-head.scss */
.vertical-align--medium-up {
display: -webkit-box;
display: -moz-box;
display: box;
display: -moz-flex;
display: flex;
box-align: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
box-pack: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
height: 100%;
}
}
/* line 309, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head__gallery--full-slide {
background-size: cover;
background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
/* line 309, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head__gallery--full-slide {
padding-top: 132px;
}
}
@media screen and (min-width: 1024px) {
/* line 334, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--bordered {
padding-top: 132px;
}
}
/* line 339, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--bordered .c-page-head__body {
text-align: center;
padding-bottom: 1.3rem;
border-bottom: 1px solid;
max-width: 700px;
margin: 0 auto 1.3rem;
}
/* line 347, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--bordered .c-page-head__headline {
text-align: center;
}
/* line 351, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--bordered .c-page-head__meta {
text-align: center;
font-size: .7rem;
font-weight: 300;
margin-bottom: 10px;
}
/* line 366, web/themes/bricklett/scss/components/_page-head.scss */
.c-language {
display: none;
margin: 0 0 0 .15em;
padding: 0 .25em;
font-size: .7rem;
font-weight: 300;
border-radius: 25px;
min-width: 25px;
max-height: 25px;
text-align: center;
position: relative;
top: -10px;
}
/* line 308, web/themes/bricklett/scss/tools/_mixins.scss */
.c-language.active {
border: 2px solid;
font-weight: 500;
line-height: 22px;
}
/* line 370, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--dark {
color: #373737;
}
/* line 373, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--dark .c-page-head__right .c-language.active {
color: #373737;
border-color: #373737;
}
/* line 380, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--dark .c-primary-nav__link:link, .c-page-head--dark .c-primary-nav__link:visited,
.c-page-head--dark .c-page-head__right a:not(.c-btn):link,
.c-page-head--dark .c-page-head__right a:not(.c-btn):visited {
color: #373737;
}
/* line 387, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head .o-nav .c-icon--search {
/*display: none;*/
position: relative;
top: 5px;
right: 10px;
}
@media screen and (min-width: 1024px) {
/* line 397, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--single .vertical-align .o-grid.t-text-left,
.c-page-head--video .vertical-align .o-grid.t-text-left {
margin-left: 11%;
}
/* line 404, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--single .vertical-align .o-grid.t-text-right,
.c-page-head--video .vertical-align .o-grid.t-text-right {
margin-right: 11%;
}
}
/* line 415, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--gallery.c-page-head--dark .c-page-head,
.c-page-head--single.c-page-head--dark .c-page-head {
color: #fff;
background: none;
border-bottom: 1px solid rgba(0, 0, 0, 0);
/* hacks for dark text on image backgrounds may need to revisit/ remove */
}
/* line 420, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--gallery.c-page-head--dark .c-page-head .c-primary-nav__link,
.c-page-head--single.c-page-head--dark .c-page-head .c-primary-nav__link {
color: #fff;
}
/* line 423, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--gallery.c-page-head--dark .c-page-head .c-primary-nav__link:hover,
.c-page-head--single.c-page-head--dark .c-page-head .c-primary-nav__link:hover {
color: #373737;
}
/* line 428, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--gallery.c-page-head--dark .c-page-head .c-primary-nav__item.has-dropdown .c-primary-nav__link::after,
.c-page-head--gallery.c-page-head--dark .c-page-head .c-page-head.is-active .c-primary-nav__item.has-dropdown .c-primary-nav__link::after,
.c-page-head--single.c-page-head--dark .c-page-head .c-primary-nav__item.has-dropdown .c-primary-nav__link::after,
.c-page-head--single.c-page-head--dark .c-page-head .c-page-head.is-active .c-primary-nav__item.has-dropdown .c-primary-nav__link::after {
background-image: url("../../processed/svg/arrow_white.svg");
}
/* line 435, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head__downbutton {
display: none;
height: 1rem;
width: 2rem;
background: url("../../processed/svg/double_chevron_white.svg") center center no-repeat;
background-size: auto 100%;
position: absolute;
bottom: 2rem;
left: calc(50% - 1rem);
}
/* line 446, web/themes/bricklett/scss/components/_page-head.scss */
.path-frontpage .c-page-head__downbutton {
display: block;
}
@media screen and (min-width: 0) and (max-width: 1023px) {
/* line 453, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--single .c-page-head,
.c-page-head--video .c-page-head,
.c-page-head--gallery .c-page-head {
position: relative;
}
}
/* line 460, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--video.c-page-head--park .c-page-head__downbutton,
.c-widget--image-bg.c-page-head--park .c-page-head__downbutton {
display: block;
bottom: 3rem;
}
/* line 466, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--light .c-page-head__right .c-language,
.c-page-head--light .c-page-head__right a.c-language:link {
color: rgba(255, 255, 255, 0.75);
}
/* line 470, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--light .c-page-head__right .c-language:hover,
.c-page-head--light .c-page-head__right a.c-language:link:hover {
color: white;
}
/* line 474, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--light .c-page-head__right .c-language.active,
.c-page-head--light .c-page-head__right a.c-language:link.active {
color: white;
}
@media screen and (min-width: 1024px) {
/* line 466, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head--light .c-page-head__right .c-language,
.c-page-head--light .c-page-head__right a.c-language:link {
display: inline-block;
}
}
/* line 483, web/themes/bricklett/scss/components/_page-head.scss */
.c-page-head.is-active .c-page-head__right .c-language {
display: none !important;
}
/* ==========================================================================
#Pager
========================================================================== */
/*doc
---
title: Pager
name: pager
category: Components - Pager
---
Default pager styling tailored to the output of a standard drupal pager.
```html_example
```
*/
/* line 55, web/themes/bricklett/scss/components/_pager.scss */
.c-pager {
clear: both;
display: table;
margin: 0 auto 1.3rem;
padding: 0;
}
/* line 61, web/themes/bricklett/scss/components/_pager.scss */
.c-pager__item {
display: inline;
text-align: center;
margin-right: .125rem;
}
/* line 67, web/themes/bricklett/scss/components/_pager.scss */
.c-pager__item.is-active a {
background-color: #b5b5b5;
color: #fff;
}
/* line 75, web/themes/bricklett/scss/components/_pager.scss */
.c-pager__link {
background-color: #fff;
color: #373737;
display: inline-block;
padding: .25rem .2rem;
font-size: 1rem;
font-weight: 300;
}
/* line 83, web/themes/bricklett/scss/components/_pager.scss */
.c-pager__link:link, .c-pager__link:visited, .c-pager__link:active {
color: #373737;
}
/* line 89, web/themes/bricklett/scss/components/_pager.scss */
.c-pager__link:hover {
background-color: #b5b5b5;
color: #fff;
}
/* line 97, web/themes/bricklett/scss/components/_pager.scss */
.c-pager__next a:hover {
background: 0;
}
/* line 101, web/themes/bricklett/scss/components/_pager.scss */
.c-pager__next span {
text-indent: -624.9375rem;
display: block;
line-height: 0;
}
/* line 106, web/themes/bricklett/scss/components/_pager.scss */
.c-pager__next span::after {
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #828282;
content: '';
display: block;
margin-top: -0.3125rem;
}
/* line 120, web/themes/bricklett/scss/components/_pager.scss */
.c-pager__previous a:hover {
background: 0;
}
/* line 124, web/themes/bricklett/scss/components/_pager.scss */
.c-pager__previous span {
text-indent: -624.9375rem;
display: block;
line-height: 0;
}
/* line 129, web/themes/bricklett/scss/components/_pager.scss */
.c-pager__previous span::after {
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid #828282;
content: '';
display: block;
margin-top: -0.3125rem;
}
/* line 143, web/themes/bricklett/scss/components/_pager.scss */
.t-bg-sand .c-pager__link {
background-color: transparent;
}
/* ==========================================================================
#Parks Interactive widgets component
========================================================================== */
/*doc
---
title: Parks Interactive widgets
name: parksi-widgets
category: Components - Parks Interactive widgets
---
This is the Parks Interacite widget component which has multiple variations. Take a look at the `` section to see a full example.
```html_example
```
*/
/* line 21, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget {
position: relative;
}
/* line 24, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget .vertical-align {
display: block;
height: auto;
}
@media screen and (min-width: 640px) {
/* line 24, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget .vertical-align {
display: -webkit-box;
display: -moz-box;
display: box;
display: -moz-flex;
display: flex;
height: 100%;
}
}
/* line 36, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__body .o-grid--wide {
position: relative;
height: 100%;
}
/* line 40, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__body .o-grid--wide .vertical-align {
box-pack: start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
-o-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: start;
}
/* line 46, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__item {
height: 90vh;
font-size: 30px;
color: #fff;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 46, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__item {
height: 691.2px;
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 46, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__item {
height: 921.6px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
/* line 46, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__item {
height: 288px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
/* line 46, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__item {
height: 511.2px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
/* line 46, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__item {
height: 288px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
/* line 46, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__item {
height: 432px;
}
}
@media screen and (min-width: 640px) {
/* line 46, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__item {
padding-bottom: 20vh;
}
}
@media screen and (min-width: 640px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 46, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__item {
padding-bottom: 153.6px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 46, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__item {
padding-bottom: 204.8px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
/* line 46, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__item {
padding-bottom: 64px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
/* line 46, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__item {
padding-bottom: 113.6px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
/* line 46, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__item {
padding-bottom: 64px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
/* line 46, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__item {
padding-bottom: 96px;
}
}
@media screen and (min-width: 1024px) {
/* line 46, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__item {
padding-bottom: 160px;
}
}
/* line 63, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__item.slick-active .c-parksi-widget__box,
.c-parksi-widget__item.slick-active .c-parksi-widget__map-continent,
.c-parksi-widget__item.slick-active .c-parksi-widget__map-country {
opacity: 1;
}
/* line 71, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__box {
bottom: 20vh;
opacity: 0;
transition: opacity .5s ease-in-out .5s;
text-align: center;
position: absolute;
left: 0;
width: 100%;
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 71, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__box {
bottom: 153.6px;
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 71, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__box {
bottom: 204.8px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
/* line 71, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__box {
bottom: 64px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
/* line 71, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__box {
bottom: 113.6px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
/* line 71, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__box {
bottom: 64px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
/* line 71, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__box {
bottom: 96px;
}
}
@media screen and (min-width: 640px) {
/* line 71, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__box {
float: left;
position: static;
bottom: auto;
left: auto;
width: 45%;
text-align: left;
}
}
/* line 90, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__title {
font-size: 2rem;
margin-bottom: 0;
}
/* line 95, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__country {
font-size: 1.7rem;
font-weight: 300;
font-family: "Roboto", sans-serif;
}
/* line 101, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__map {
float: right;
position: relative;
display: none;
}
@media screen and (min-width: 640px) {
/* line 101, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__map {
position: absolute;
display: block;
right: 1rem;
top: 50%;
width: 50%;
max-width: 401px;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
/* line 118, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__map-continent {
opacity: 0;
transition: opacity .5s ease-in-out 1s;
display: block;
max-height: 480px;
}
/* line 125, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__map-country {
opacity: 0;
transition: opacity .5s ease-in-out 1.75s;
position: absolute;
top: 0;
right: 0;
max-height: 480px;
background: no-repeat center center;
background-size: cover;
}
/* line 137, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__footer {
margin-top: -15vh;
height: 15vh;
color: #fff;
background-color: rgba(0, 0, 0, 0.6);
position: relative;
z-index: 100px;
display: block;
}
@media screen and (min-width: 640px) {
/* line 137, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__footer {
margin-top: -20vh;
height: 20vh;
height: auto;
color: #373737;
background-color: rgba(255, 255, 255, 0.7);
}
}
@media screen and (min-width: 640px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 137, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__footer {
margin-top: -153.6px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 137, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__footer {
margin-top: -204.8px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
/* line 137, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__footer {
margin-top: -64px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
/* line 137, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__footer {
margin-top: -113.6px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
/* line 137, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__footer {
margin-top: -64px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
/* line 137, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__footer {
margin-top: -96px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 137, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__footer {
height: 153.6px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 137, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__footer {
height: 204.8px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
/* line 137, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__footer {
height: 64px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
/* line 137, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__footer {
height: 113.6px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
/* line 137, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__footer {
height: 64px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
/* line 137, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__footer {
height: 96px;
}
}
@media screen and (min-width: 1024px) {
/* line 137, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__footer {
margin-top: -160px;
height: 160px;
}
}
@media screen and (min-width: 640px) {
/* line 161, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__footercols {
height: 20vh;
margin-left: 0;
}
}
@media screen and (min-width: 640px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 161, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__footercols {
height: 153.6px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 161, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__footercols {
height: 204.8px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
/* line 161, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__footercols {
height: 64px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
/* line 161, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__footercols {
height: 113.6px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
/* line 161, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__footercols {
height: 64px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
/* line 161, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__footercols {
height: 96px;
}
}
@media screen and (min-width: 1024px) {
/* line 161, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__footercols {
height: 160px;
}
}
/* line 174, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__ftitle {
margin-top: 2.5vh;
margin-bottom: 5vh;
font-weight: 300;
text-align: center;
font-size: 1.35rem;
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 174, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__ftitle {
margin-top: 19.2px;
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 174, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__ftitle {
margin-top: 25.6px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
/* line 174, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__ftitle {
margin-top: 8px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
/* line 174, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__ftitle {
margin-top: 14.2px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
/* line 174, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__ftitle {
margin-top: 8px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
/* line 174, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__ftitle {
margin-top: 12px;
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 174, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__ftitle {
margin-bottom: 38.4px;
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 174, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__ftitle {
margin-bottom: 51.2px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
/* line 174, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__ftitle {
margin-bottom: 16px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
/* line 174, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__ftitle {
margin-bottom: 28.4px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
/* line 174, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__ftitle {
margin-bottom: 16px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
/* line 174, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__ftitle {
margin-bottom: 24px;
}
}
@media screen and (min-width: 640px) {
/* line 174, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__ftitle {
margin-top: 0;
margin-bottom: 0;
}
/* line 185, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__ftitle span {
display: block;
}
}
@media screen and (min-width: 1024px) {
/* line 174, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__ftitle {
font-size: 1.75rem;
}
}
/* line 195, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__snav {
padding: 0 1rem;
}
/* line 199, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__stitle {
font-size: .75rem;
font-family: "Roboto", sans-serif;
font-weight: 300;
text-align: center;
margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
/* line 199, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__stitle {
font-size: 1.25rem;
}
}
/* line 211, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__scountry {
font-size: .5rem;
font-family: "Roboto", sans-serif;
font-weight: 300;
text-align: center;
margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
/* line 211, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__scountry {
font-size: .75rem;
}
}
/* line 223, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__logo {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 100%;
text-align: center;
z-index: -1;
}
@media screen and (min-width: 1024px) {
/* line 223, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-parksi-widget__logo {
bottom: 10px;
}
}
/* line 242, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.slick-slide img.c-parksi-widget__map-country--regular {
display: block;
}
/* line 244, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.slick-slide img.c-parksi-widget__map-country--retina {
display: none;
}
/* line 247, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-snav {
margin-top: -1.5rem;
padding: 0;
}
/* line 251, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-snav .slick-list {
padding-top: .5rem;
display: none;
}
@media screen and (min-width: 640px) {
/* line 251, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-snav .slick-list {
display: block;
}
}
/* line 260, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-snav .slick-dots li {
width: 11px;
height: 11px;
margin: 0 4px;
}
@media screen and (max-width: 641px) {
/* line 260, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-snav .slick-dots li {
margin: 0 2px;
}
}
/* line 268, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-snav .slick-dots li.slick-active button::before {
color: #fff;
}
/* line 273, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-snav .slick-dots li button::before {
height: 12px;
width: 12px;
line-height: 11px;
border: 1px solid #fff;
color: transparent;
border-radius: 50%;
opacity: 1;
}
/* line 284, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-snav__item {
margin: 0;
position: relative;
cursor: pointer;
padding-top: 1rem;
outline: none;
transition: all .2s ease-in-out;
background-color: rgba(255, 255, 255, 0);
}
/* line 293, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-snav__item::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1rem;
z-index: -1;
background-color: rgba(255, 255, 255, 0);
transition: all .2s ease-in-out;
}
/* line 305, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-snav__item.slick-current {
background-color: rgba(255, 255, 255, 0.3);
}
/* line 308, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-snav__item.slick-current::before {
background-color: rgba(255, 255, 255, 0.7);
}
/* line 314, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-snav__cont {
height: 20vh;
width: 100%;
box-sizing: border-box;
padding: .5rem 1rem;
background-repeat: no-repeat;
background-size: contain;
background-origin: content-box;
background-position: center bottom;
position: relative;
z-index: 1;
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 314, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-snav__cont {
height: 153.6px;
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 314, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-snav__cont {
height: 204.8px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
/* line 314, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-snav__cont {
height: 64px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
/* line 314, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-snav__cont {
height: 113.6px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
/* line 314, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-snav__cont {
height: 64px;
}
}
@media screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
/* line 314, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-snav__cont {
height: 96px;
}
}
@media screen and (min-width: 1024px) {
/* line 314, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-snav__cont {
height: 160px;
}
}
/* Arrows */
/* line 333, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-widget .slick-prev,
.c-widget .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 34px;
height: 11px;
padding: 0;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
/* line 358, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-widget .slick-prev:hover,
.c-widget .slick-prev:focus,
.c-widget .slick-next:hover,
.c-widget .slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
/* line 367, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-widget .slick-prev:hover::before,
.c-widget .slick-prev:focus::before,
.c-widget .slick-next:hover::before,
.c-widget .slick-next:focus::before {
opacity: 1;
}
/* line 374, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-widget .slick-prev.slick-disabled::before,
.c-widget .slick-next.slick-disabled::before {
opacity: .25;
}
/* line 379, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-widget .slick-prev::before,
.c-widget .slick-next::before {
opacity: .75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: '';
display: block;
position: absolute;
width: 35px;
height: 35px;
border: 3px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: all .2s ease;
}
/* line 399, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-widget .slick-prev {
left: -34px;
}
/* line 403, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-widget .slick-prev::before {
top: 10px;
left: 10px;
border-right-width: 0;
border-top-width: 0;
}
/* line 410, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-widget .slick-next {
right: -34px;
}
/* line 414, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.c-widget .slick-next::before {
top: 10px;
right: 10px;
border-left-width: 0;
border-bottom-width: 0;
}
/* line 422, web/themes/bricklett/scss/components/_parks-interactive-widgets.scss */
.t-bg-white .slick-prev::before,
.t-bg-white .slick-next::before,
.t-bg-sand .slick-prev::before,
.t-bg-sand .slick-next::before {
border-color: #373737;
}
/* ==========================================================================
#Primary nav component
========================================================================== */
/*doc
---
title: Primary Nav
name: primary-nav
category: Components - Primary Nav
---
```html_example
```
*/
/* List class
========================================================================== */
/* line 28, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav {
padding: 0;
margin-top: 1.2rem;
list-style-type: none;
}
@media screen and (min-width: 0) and (max-width: 1023px) {
/* line 28, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav {
height: 100vh;
transition: all 0.3s cubic-bezier(0.33, 0.02, 0.46, 0.01);
-webkit-transform: translateX(0);
transform: translateX(0);
width: 100%;
opacity: 0;
top: 70px;
left: 0;
position: absolute;
visibility: hidden;
padding: 4rem 10% 2rem;
background: #373737;
height: auto !important;
}
}
@media screen and (min-width: 0) and (max-width: 1023px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 28, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav {
height: 768px;
}
}
@media screen and (min-width: 0) and (max-width: 1023px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 28, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav {
height: 1024px;
}
}
@media screen and (min-width: 0) and (max-width: 1023px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
/* line 28, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav {
height: 320px;
}
}
@media screen and (min-width: 0) and (max-width: 1023px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
/* line 28, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav {
height: 568px;
}
}
@media screen and (min-width: 0) and (max-width: 1023px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
/* line 28, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav {
height: 320px;
}
}
@media screen and (min-width: 0) and (max-width: 1023px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
/* line 28, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav {
height: 480px;
}
}
/* line 54, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav.is-active {
opacity: 1;
visibility: visible;
}
@media screen and (min-width: 0) and (max-width: 1023px) {
/* line 54, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav.is-active {
z-index: 999;
}
}
/* List items class
========================================================================== */
/* line 70, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav__item {
margin: 0 1rem;
margin-bottom: 0;
}
@media screen and (min-width: 0) and (max-width: 1023px) {
/* line 70, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav__item {
margin-bottom: .75rem;
}
}
@media screen and (min-width: 1024px) {
/* line 70, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav__item {
display: block;
position: relative;
float: left;
margin-right: .55rem;
margin-left: .55rem;
}
}
@media screen and (min-width: 1100px) {
/* line 70, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav__item {
margin-right: .95rem;
margin-left: .95rem;
}
}
@media screen and (min-width: 1150px) {
/* line 70, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav__item {
margin-right: 1.25rem;
margin-left: 1rem;
}
}
@media screen and (min-width: 0) and (max-width: 1023px) {
/* line 96, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav__item.collapsed {
height: auto;
}
}
@media screen and (min-width: 1200px) {
/* line 70, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav__item {
margin-right: 1.5rem;
}
}
@media screen and (min-width: 1255px) {
/* line 70, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav__item {
margin-right: 1.65rem;
}
}
@media screen and (min-width: 1280px) {
/* line 70, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav__item {
margin-right: 2rem;
}
}
@media screen and (min-width: 1400px) {
/* line 70, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav__item {
margin-right: 2.9rem;
}
}
@media screen and (min-width: 1024px) {
/* line 119, web/themes/bricklett/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: 1024px) {
/* line 127, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav__item.has-dropdown:hover .c-drop-nav__wrap .c-btn--small {
margin: 0.65rem auto 0;
}
}
/* line 137, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav__item .c-primary-nav__link {
font-weight: 500;
font-size: .9rem;
text-transform: uppercase;
padding: .5rem 1.5rem .5rem 1rem;
display: block;
transition: all .25s ease-in-out;
position: relative;
}
@media screen and (min-width: 0) and (max-width: 1023px) {
/* line 137, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav__item .c-primary-nav__link {
display: block;
font-size: 1.7rem;
}
}
/* line 151, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav__item .c-primary-nav__link::after {
height: .8em;
width: .5em;
margin-left: .35rem;
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
top: -.1em;
}
@media screen and (min-width: 1024px) {
/* line 151, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-primary-nav__item .c-primary-nav__link::after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
height: 1.2em;
width: 1em;
}
}
/* Drop-down
========================================================================== */
@media screen and (min-width: 0) and (max-width: 1023px) {
/* line 173, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-drop-nav__wrap {
display: none;
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
display: none;
visibility: hidden;
transition: all .25s ease-in-out;
position: absolute;
width: 100%;
top: 0;
left: 0;
height: auto;
background: #373737;
padding: 4rem 10% 2rem;
}
}
@media screen and (min-width: 1024px) {
/* line 173, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-drop-nav__wrap {
transition: all .25s ease-in-out;
background: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
min-width: 150px;
overflow: hidden;
padding: 1rem 1.5rem 0.65rem;
opacity: 0;
visibility: hidden;
position: absolute;
top: 100%;
z-index: 4;
width: 460px;
}
}
@media screen and (min-width: 1024px) {
/* line 205, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-drop-nav__wrap--onecol {
width: 300px;
}
}
@media screen and (min-width: 1024px) {
/* line 210, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-drop-nav__wrap--threecol {
width: 690px;
}
}
@media screen and (min-width: 0) and (max-width: 1023px) {
/* line 216, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-drop-nav__wrap.is-shown {
display: block;
opacity: 1;
visibility: visible;
width: 100%;
min-height: 50vh;
}
}
/* line 226, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-drop-nav__wrap.is-expanded {
display: block;
opacity: 1;
visibility: visible;
}
/* line 234, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-drop-nav {
margin-bottom: 0;
/* the lowest dropdowns */
}
/* line 237, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-drop-nav .c-drop-nav__item:last-child a {
border-bottom: 0;
}
/* line 240, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-drop-nav__section a {
padding: .5rem 0;
}
@media screen and (min-width: 0) and (max-width: 1023px) {
/* line 240, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-drop-nav__section a {
font-weight: 500;
font-size: 1.2rem;
text-transform: uppercase;
padding: 0;
}
/* line 249, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-drop-nav__section a:link, .c-drop-nav__section a:visited {
color: #fff;
}
}
@media screen and (min-width: 1024px) {
/* line 240, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-drop-nav__section a {
border-bottom: 1px solid #ccc;
font-size: .8rem;
transition: all .25s ease-in-out;
display: inline-block;
line-height: 1.5rem;
margin: 0;
}
/* line 263, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-drop-nav__section a:link, .c-drop-nav__section a:visited {
color: #373737;
}
}
@media screen and (min-width: 1024px) {
/* line 269, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-drop-nav__section a:hover {
opacity: .7;
}
}
@media screen and (min-width: 1024px) {
/* line 276, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-drop-nav__section > a,
.c-drop-nav__section > span {
text-transform: uppercase;
border-bottom: 0;
font-weight: 500;
}
}
@media screen and (min-width: 1024px) {
/* line 286, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-drop-nav__section > span {
font-size: .8rem;
line-height: 1.5rem;
color: #373737;
}
}
@media screen and (min-width: 1024px) {
/* line 297, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-drop-nav__item--has-children > .c-drop-nav__link {
border-bottom: 0;
}
}
/* line 301, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-drop-nav__item--has-children ul {
margin: 0;
padding: 0;
list-style: none;
}
@media screen and (min-width: 1024px) {
/* line 301, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-drop-nav__item--has-children ul {
border-bottom: 1px solid #ccc;
}
}
/* line 311, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-drop-nav__item--has-children ul a {
padding: 0 0 0 .75rem;
border: 0;
line-height: 1.2;
position: relative;
}
/* line 317, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-drop-nav__item--has-children ul a::after {
display: block;
position: absolute;
content: '';
left: .25rem;
top: .4rem;
width: 0;
height: 0;
border-style: solid;
border-width: 2px 0 2px 3.6px;
border-color: transparent;
}
@media screen and (min-width: 1024px) {
/* line 317, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-drop-nav__item--has-children ul a::after {
border-left-color: #373737;
}
}
/* line 338, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-drop-nav__section .back-link {
font-size: 1.7rem;
font-weight: 700;
display: inline-block;
margin-bottom: .5rem;
margin-left: -1.15rem;
}
/* line 173, web/themes/bricklett/scss/tools/_mixins.scss */
.c-drop-nav__section .back-link::before {
background-image: url("../../processed/svg/arrow_white.svg");
background-repeat: no-repeat;
background-size: auto 100%;
content: '';
display: inline-block;
position: relative;
transition: -webkit-filter 0.25s ease-in-out;
transition: filter 0.25s ease-in-out;
transition: filter 0.25s ease-in-out, -webkit-filter 0.25s ease-in-out;
-webkit-filter: brightness(100%);
filter: brightness(100%);
width: 1em;
height: 1em;
font-size: 0.8em;
top: -0.1em;
right: .3rem;
vertical-align: middle;
}
@media screen and (min-width: 1024px) {
/* line 338, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-drop-nav__section .back-link {
display: none;
}
}
/* line 350, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-drop-nav__section .back-link::before {
height: .8em;
width: .5em;
margin-right: .4rem;
}
/* Mobile toggle link
========================================================================== */
/* line 362, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-mobile-toggle {
display: block;
text-transform: uppercase;
font-size: 1rem;
font-weight: 700;
text-align: right;
box-flex: 1;
-moz-flex: 1;
flex: 1;
}
/* line 157, web/themes/bricklett/scss/tools/_mixins.scss */
.c-mobile-toggle::after {
background-image: url("../../processed/svg/hamburger.svg");
background-repeat: no-repeat;
background-size: auto 100%;
content: '';
display: inline-block;
position: relative;
transition: -webkit-filter 0.25s ease-in-out;
transition: filter 0.25s ease-in-out;
transition: filter 0.25s ease-in-out, -webkit-filter 0.25s ease-in-out;
-webkit-filter: brightness(100%);
filter: brightness(100%);
font-size: 0.8em;
top: -0.1em;
left: .3rem;
vertical-align: middle;
}
@media screen and (min-width: 1024px) {
/* line 362, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-mobile-toggle {
display: none;
}
}
/* line 375, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-mobile-toggle::after {
width: 1.1em;
height: 1.1em;
font-size: .9em;
}
/* line 381, web/themes/bricklett/scss/components/_primary-nav.scss */
.c-mobile-toggle:link, .c-mobile-toggle:visited {
color: #fff;
}
/* line 157, web/themes/bricklett/scss/tools/_mixins.scss */
.c-mobile-toggle.is-active::after {
background-image: url("../../processed/svg/x.svg");
background-repeat: no-repeat;
background-size: auto 100%;
content: '';
display: inline-block;
position: relative;
transition: -webkit-filter 0.25s ease-in-out;
transition: filter 0.25s ease-in-out;
transition: filter 0.25s ease-in-out, -webkit-filter 0.25s ease-in-out;
-webkit-filter: brightness(100%);
filter: brightness(100%);
font-size: 0.8em;
top: -0.1em;
left: .3rem;
vertical-align: middle;
}
@media screen and (min-width: 1024px) {
/* line 396, web/themes/bricklett/scss/components/_primary-nav.scss */
.mobile-only {
display: none;
}
}
/* line 402, web/themes/bricklett/scss/components/_primary-nav.scss */
.mobile-buttons {
margin: 0 1rem;
padding: .5rem 1.5rem .5rem 1rem;
list-style-type: none;
max-width: 300px;
}
/* line 408, web/themes/bricklett/scss/components/_primary-nav.scss */
.mobile-buttons li {
float: left;
width: calc(50% - 20px);
margin-right: 10px;
}
/* line 413, web/themes/bricklett/scss/components/_primary-nav.scss */
.mobile-buttons li a {
display: block;
text-align: center;
width: 100%;
font-size: 1.2rem;
margin-right: .25rem;
padding-left: 0;
padding-right: 0;
}
/* line 425, web/themes/bricklett/scss/components/_primary-nav.scss */
.mobile-search {
margin: 0 1rem;
padding: .5rem 1.5rem .5rem 1rem;
clear: both;
}
@media screen and (min-width: 0) and (max-width: 1023px) {
/* line 433, web/themes/bricklett/scss/components/_primary-nav.scss */
.is-active .c-featured-text__credit {
display: none;
}
}
/* ==========================================================================
#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, web/themes/bricklett/scss/components/_teaser.scss */
.c-teaser__source {
font-weight: 600;
color: #7bcf1f;
margin-bottom: 0;
}
/* line 38, web/themes/bricklett/scss/components/_teaser.scss */
.c-teaser__title {
color: #666;
font-size: 1.5rem;
margin-bottom: 0;
}
/* line 45, web/themes/bricklett/scss/components/_teaser.scss */
.c-teaser__link {
color: #30a3f3;
}
/* line 50, web/themes/bricklett/scss/components/_teaser.scss */
.c-teaser__content {
color: #666;
font-size: 1rem;
}
/* line 56, web/themes/bricklett/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...
```
*/
/* ==========================================================================
Widgets component
use for classes shared by all widgets
========================================================================== */
/* line 6, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget {
fill: #373737;
background-color: #fff;
}
/* line 10, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget.t-bg-blue {
background-color: #0f324e;
color: #fff;
fill: #fff;
}
/* line 16, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget.t-bg-sand {
background-color: #e8e8de;
}
/* line 20, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget__intro-text {
text-align: center;
font-size: 1.2rem;
padding: 0;
margin-bottom: 3rem;
font-weight: 300;
}
@media screen and (min-width: 640px) {
/* line 20, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget__intro-text {
padding: 0 4rem;
}
}
@media screen and (min-width: 1024px) {
/* line 20, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget__intro-text {
padding: 0 5rem;
}
}
/* line 36, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget__headline {
text-align: center;
line-height: 1;
}
/* line 42, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget--image-bg {
background-position: center center;
background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
/* line 42, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget--image-bg {
background-size: cover;
}
}
/* line 51, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget__square-lists {
display: -webkit-box;
display: -moz-box;
display: box;
display: -moz-flex;
display: flex;
box-align: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
box-pack: justify;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
flex-wrap: wrap;
padding: 0;
margin: 0;
}
/* line 59, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget__square-lists li {
flex-basis: 100%;
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
list-style: none;
margin-bottom: 1rem;
}
@media screen and (min-width: 640px) {
/* line 59, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget__square-lists li {
flex-basis: 48%;
-ms-flex-preferred-size: 48%;
-webkit-flex-basis: 48%;
}
}
@media screen and (min-width: 1024px) {
/* line 59, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget__square-lists li {
flex-basis: 32%;
-ms-flex-preferred-size: 32%;
-webkit-flex-basis: 32%;
}
}
/* line 72, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget__square-lists li::before {
content: '';
float: left;
padding-top: 100%;
}
@media screen and (min-width: 1024px) {
/* line 80, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget__square-lists--1 li {
margin-left: 34%;
}
}
@media screen and (min-width: 1024px) {
/* line 86, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget__square-lists--2 li:nth-child(1) {
margin-left: 17%;
}
}
@media screen and (min-width: 1024px) {
/* line 90, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget__square-lists--2 li:nth-child(2) {
margin-right: 17%;
}
}
@media screen and (min-width: 1024px) {
/* line 96, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget__square-lists--4 li:nth-child(4) {
margin-left: 34%;
}
}
@media screen and (min-width: 1024px) {
/* line 102, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget__square-lists--5 li:nth-child(4) {
margin-left: 17%;
}
}
@media screen and (min-width: 1024px) {
/* line 106, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget__square-lists--5 li:nth-child(5) {
margin-right: 17%;
}
}
/* line 112, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget--centered {
display: -webkit-box;
display: -moz-box;
display: box;
display: -moz-flex;
display: flex;
box-align: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
box-pack: justify;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
}
/* line 117, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget--centered .c-widget__main {
flex-basis: 100%;
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
}
/* line 120, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget--centered .c-widget__main--with-cite {
flex-basis: 100%;
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
margin-left: -20%;
}
/* line 126, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget--centered .c-widget__image-credit {
box-ordinal-group: -1;
-moz-order: -1;
order: -1;
-ms-flex-order: -1;
align-self: flex-end;
-ms-flex-item-align: end;
box-pack: end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
-o-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
flex-basis: 20%;
-ms-flex-preferred-size: 20%;
-webkit-flex-basis: 20%;
}
/* line 134, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget__image--left {
float: left;
margin: 1rem 1rem 1rem 0;
}
/* line 139, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget__image--right {
float: right;
margin: 1rem 0 1rem 1rem;
}
/* line 145, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget .ajax_wrapper {
/* ugly fix to chosen issue */
}
/* line 147, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget .ajax_wrapper .ajax_wrapper .c-chosen {
display: none;
}
/* line 151, web/themes/bricklett/scss/components/_widgets.scss */
.c-widget .ajax_wrapper .ajax_results .o-band {
padding: 0;
}
/* ==========================================================================
#Case Study widgets component
========================================================================== */
/*doc
---
title: Case Study widgets
name: cstudy-widgets
category: Components - Case study widgets
---
This is the Case Study widget component which has multiple variations. Take a look at the `` section to see a full example.
```html_example
{% if fields.field_photo_caption is not empty %}
{{fields.field_photo_caption}}
{% endif %}
{% if fields.field_photo_credit is not empty %}
{{fields.field_photo_credit}}
{% endif %}
{% endif %}
{{ fields.field_text_body }}
```
*/
/* line 41, web/themes/bricklett/scss/components/_cstudy-widgets.scss */
.c-cstudy-widget__content {
border: 1px solid #b5b5b5;
border-width: 1px 0;
padding-top: 2rem;
padding-bottom: 2rem;
}
/* line 205, web/themes/bricklett/scss/tools/_mixins.scss */
.c-cstudy-widget__content::after {
content: '';
display: table;
clear: both;
}
/* line 49, web/themes/bricklett/scss/components/_cstudy-widgets.scss */
.c-cstudy-widget__headline {
text-transform: uppercase;
font-size: 1.2rem;
line-height: 1.3;
font-weight: 400;
margin-bottom: 0;
}
/* line 57, web/themes/bricklett/scss/components/_cstudy-widgets.scss */
.c-cstudy-widget__subheadline {
font-size: 1.1rem;
line-height: 1.3;
font-family: "Roboto", sans-serif;
font-weight: 300;
}
/* line 64, web/themes/bricklett/scss/components/_cstudy-widgets.scss */
.c-cstudy-widget__text p {
font-weight: 300;
line-height: 1.7;
font-size: .85rem;
}
/* line 70, web/themes/bricklett/scss/components/_cstudy-widgets.scss */
.c-cstudy-widget__figure {
margin-bottom: 0;
}
/* line 74, web/themes/bricklett/scss/components/_cstudy-widgets.scss */
.c-cstudy-widget__figcaption {
padding: 0 .5rem;
}
/* line 78, web/themes/bricklett/scss/components/_cstudy-widgets.scss */
.c-cstudy-widget__photo {
width: 100%;
}
/* line 82, web/themes/bricklett/scss/components/_cstudy-widgets.scss */
.c-cstudy-widget__photo-caption {
display: block;
font-weight: 300;
font-size: .7rem;
line-height: 1.2;
margin-bottom: .2rem;
}
/* line 90, web/themes/bricklett/scss/components/_cstudy-widgets.scss */
.c-cstudy-widget__photo-credit {
display: block;
font-weight: 300;
font-size: 13px;
margin-bottom: .5rem;
}
@media screen and (min-width: 640px) {
/* line 90, web/themes/bricklett/scss/components/_cstudy-widgets.scss */
.c-cstudy-widget__photo-credit {
margin-bottom: 0;
}
}
/* ==========================================================================
#CTA widgets component
========================================================================== */
/*doc
---
title: CTA widgets
name: cta-widgets
category: Components - CTA widgets
---
This is the CTA widgets component which has multiple variations. Take a look at the `` section to see a full example.
```html_example
```
*/
/* line 32, web/themes/bricklett/scss/components/_cta-widgets.scss */
.field--type-stacks-type .c-cta-widget .form-actions {
border-top: 0;
margin-bottom: 0;
padding: 0;
text-align: center;
}
/* line 39, web/themes/bricklett/scss/components/_cta-widgets.scss */
.c-cta-widget {
margin-bottom: 0;
}
@media screen and (min-width: 640px) {
/* line 42, web/themes/bricklett/scss/components/_cta-widgets.scss */
.c-cta-widget .o-grid {
max-width: 100%;
width: 100%;
}
}
/* line 48, web/themes/bricklett/scss/components/_cta-widgets.scss */
.c-cta-widget .o-grid .sm-12 {
max-width: 64rem;
margin: 0 auto;
display: block;
float: none;
}
/* line 59, web/themes/bricklett/scss/components/_cta-widgets.scss */
.c-cta-widget__headline {
color: #fff;
text-align: center;
font-size: 2.5rem;
}
/* line 65, web/themes/bricklett/scss/components/_cta-widgets.scss */
.c-cta-widget__text {
color: #fff;
text-align: center;
font-weight: 300;
font-size: 1.3125rem;
line-height: 1.875rem;
}
/* line 74, web/themes/bricklett/scss/components/_cta-widgets.scss */
.c-cta-widget__input {
text-align: center;
}
/* line 77, web/themes/bricklett/scss/components/_cta-widgets.scss */
.c-cta-widget__input input[type="email"],
.c-cta-widget__input input[type="text"] {
display: block;
margin-left: auto;
margin-right: auto;
background: transparent;
border: 2px solid #373737;
border: 2px solid rgba(55, 55, 55, 0.5);
width: 100%;
max-width: 441px;
font-size: 1.25rem;
font-weight: 300;
}
/* line 91, web/themes/bricklett/scss/components/_cta-widgets.scss */
.c-cta-widget__input .c-btn {
margin: 0 .8rem;
}
/* line 95, web/themes/bricklett/scss/components/_cta-widgets.scss */
.c-cta-widget__input .c-cta-widget__input--donate {
margin-top: 1rem;
}
/* line 103, web/themes/bricklett/scss/components/_cta-widgets.scss */
.c-cta-widget__photo-credit {
color: #fff;
font-style: normal;
font-size: 13px;
}
/* line 111, web/themes/bricklett/scss/components/_cta-widgets.scss */
.t-bg-blue {
background-color: #0f324e;
}
/* line 132, web/themes/bricklett/scss/components/_cta-widgets.scss */
.t-bg-blue .c-cta-widget__input input[type="email"],
.t-bg-blue .c-cta-widget__input input[type="text"] {
border: 2px solid #fff;
color: #fff;
}
/* line 137, web/themes/bricklett/scss/components/_cta-widgets.scss */
.t-bg-blue .c-cta-widget__input input[type="email"]::-webkit-input-placeholder,
.t-bg-blue .c-cta-widget__input input[type="text"]::-webkit-input-placeholder {
color: #fff;
}
/* line 141, web/themes/bricklett/scss/components/_cta-widgets.scss */
.t-bg-blue .c-cta-widget__input input[type="email"]:-moz-placeholder,
.t-bg-blue .c-cta-widget__input input[type="text"]:-moz-placeholder {
color: #fff;
opacity: 1;
}
/* line 146, web/themes/bricklett/scss/components/_cta-widgets.scss */
.t-bg-blue .c-cta-widget__input input[type="email"]::-moz-placeholder,
.t-bg-blue .c-cta-widget__input input[type="text"]::-moz-placeholder {
color: #fff;
opacity: 1;
}
/* line 151, web/themes/bricklett/scss/components/_cta-widgets.scss */
.t-bg-blue .c-cta-widget__input input[type="email"]:-ms-input-placeholder,
.t-bg-blue .c-cta-widget__input input[type="text"]:-ms-input-placeholder {
color: #fff;
}
/* line 158, web/themes/bricklett/scss/components/_cta-widgets.scss */
.t-bg-sand {
background-color: #e8e8de;
}
/* line 165, web/themes/bricklett/scss/components/_cta-widgets.scss */
.t-bg-sand .c-cta-widget__headline {
color: #373737;
}
/* line 169, web/themes/bricklett/scss/components/_cta-widgets.scss */
.t-bg-sand .c-cta-widget__text {
color: #373737;
}
/* line 178, web/themes/bricklett/scss/components/_cta-widgets.scss */
.t-bg-white {
background-color: #fff;
}
/* line 185, web/themes/bricklett/scss/components/_cta-widgets.scss */
.t-bg-white .c-cta-widget__headline {
color: #373737;
}
/* line 189, web/themes/bricklett/scss/components/_cta-widgets.scss */
.t-bg-white .c-cta-widget__text {
color: #373737;
}
/* line 193, web/themes/bricklett/scss/components/_cta-widgets.scss */
.t-bg-white .c-cta-widget__photo-credit {
color: #373737;
}
/* line 198, web/themes/bricklett/scss/components/_cta-widgets.scss */
.c-cta-widget--elephant {
padding: 0 0 1.3rem;
padding-bottom: 0;
background-color: #fff;
}
@media screen and (min-width: 640px) {
/* line 198, web/themes/bricklett/scss/components/_cta-widgets.scss */
.c-cta-widget--elephant {
display: -webkit-box;
display: -moz-box;
display: box;
display: -moz-flex;
display: flex;
box-align: end;
-moz-align-items: flex-end;
-ms-align-items: flex-end;
-o-align-items: flex-end;
align-items: flex-end;
-ms-flex-align: end;
height: 100vh;
padding-bottom: 1.3rem;
background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url("../../img/widgets/sign_up_bg.jpg");
background-size: 100% auto;
background-position: center top;
background-repeat: no-repeat;
}
}
@media screen and (min-width: 640px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 198, web/themes/bricklett/scss/components/_cta-widgets.scss */
.c-cta-widget--elephant {
height: 768px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 198, web/themes/bricklett/scss/components/_cta-widgets.scss */
.c-cta-widget--elephant {
height: 1024px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
/* line 198, web/themes/bricklett/scss/components/_cta-widgets.scss */
.c-cta-widget--elephant {
height: 320px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
/* line 198, web/themes/bricklett/scss/components/_cta-widgets.scss */
.c-cta-widget--elephant {
height: 568px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
/* line 198, web/themes/bricklett/scss/components/_cta-widgets.scss */
.c-cta-widget--elephant {
height: 320px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
/* line 198, web/themes/bricklett/scss/components/_cta-widgets.scss */
.c-cta-widget--elephant {
height: 480px;
}
}
@media screen and (min-width: 1280px) {
/* line 198, web/themes/bricklett/scss/components/_cta-widgets.scss */
.c-cta-widget--elephant {
background-image: url("../../img/widgets/sign_up_bg.jpg");
}
}
@media screen and (min-width: 640px) {
/* line 222, web/themes/bricklett/scss/components/_cta-widgets.scss */
.c-cta-widget--elephant .o-grid {
padding-top: 9.375rem;
background: #fff;
max-width: 100%;
width: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+1,0.8+26 */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ccffffff',GradientType=0);
/* IE6-9 */
}
}
/*doc
---
title: CTA widgets Light
name: cta-widgets-light
category: Components - CTA widgets
---
This is the Light CTA widgets component.
```html_example
```
*/
/*doc
---
title: CTA widgets WHite w email
name: cta-widgets-white-email
category: Components - CTA widgets
---
This is the White CTA widget with email component.
```html_example
```
*/
/* ==========================================================================
Default Text component
========================================================================== */
/* line 6, web/themes/bricklett/scss/components/_default-text.scss */
.c-default-text li {
/*margin-bottom: 2.4rem;
changed 7/14/17 ml
*/
margin-bottom: 1.2rem;
}
/* line 13, web/themes/bricklett/scss/components/_default-text.scss */
.c-default-text__headline {
text-align: center;
font-family: "OldStyleMT-Regular", serif;
font-weight: 300;
}
/* line 19, web/themes/bricklett/scss/components/_default-text.scss */
.c-default-text__subheadline {
text-align: center;
font-family: "OldStyleMT-Regular", serif;
padding-bottom: 1.3rem;
border-bottom: 1px solid;
}
/* line 26, web/themes/bricklett/scss/components/_default-text.scss */
.c-default-text h2.c-default-text__subheadline {
font-size: 1.5rem;
}
/* line 30, web/themes/bricklett/scss/components/_default-text.scss */
.c-default-text h3.c-default-text__subheadline {
font-size: 1.25rem;
}
/* line 34, web/themes/bricklett/scss/components/_default-text.scss */
.c-default-text h4.c-default-text__subheadline {
font-size: 1rem;
}
/* line 38, web/themes/bricklett/scss/components/_default-text.scss */
.c-default-text__aside {
font-family: "OldStyleMT-Regular", serif;
font-weight: 300;
margin: 1rem 2rem;
}
@media screen and (min-width: 1024px) {
/* line 38, web/themes/bricklett/scss/components/_default-text.scss */
.c-default-text__aside {
float: left;
margin: 1rem 1rem 1rem -60px;
max-width: 300px;
}
}
/* line 50, web/themes/bricklett/scss/components/_default-text.scss */
.c-default-text .c-btn {
display: table;
margin-left: auto;
margin-right: auto;
}
/* line 56, web/themes/bricklett/scss/components/_default-text.scss */
.c-default-text .c-widget__image {
float: none;
text-align: center;
margin: 1rem auto;
position: relative;
}
/* line 62, web/themes/bricklett/scss/components/_default-text.scss */
.c-default-text .c-widget__image img {
width: 100%;
}
/* line 66, web/themes/bricklett/scss/components/_default-text.scss */
.c-default-text .c-widget__image .c-widget__caption {
text-align: left;
}
/* line 70, web/themes/bricklett/scss/components/_default-text.scss */
.c-default-text .c-widget__image .c-widget__photo-credit {
position: absolute;
left: 1rem;
bottom: 2rem;
}
@media screen and (min-width: 1024px) {
/* line 77, web/themes/bricklett/scss/components/_default-text.scss */
.c-default-text .c-widget__image--left {
float: left;
margin: 1rem 1rem 1rem -120px;
max-width: 500px;
}
}
@media screen and (min-width: 1024px) {
/* line 85, web/themes/bricklett/scss/components/_default-text.scss */
.c-default-text .c-widget__image--right {
float: right;
margin: 1rem -120px 1rem 1rem;
max-width: 500px;
}
}
/* ==========================================================================
#List widgets component
========================================================================== */
/*doc
---
title: List widgets
name: list-widgets
category: Components - List widgets
---
This is the List widgets component which has multiple variations.
```html_example
```
*/
/* line 44, web/themes/bricklett/scss/components/_list-widgets.scss */
.c-widget__list .c-widget__headline {
font-size: 2.5rem;
}
/* line 48, web/themes/bricklett/scss/components/_list-widgets.scss */
.c-widget__list .c-widget__intro-text p {
padding: 0 40px;
}
/* line 52, web/themes/bricklett/scss/components/_list-widgets.scss */
.c-widget__list .c-widget__list-item {
font-size: .8rem;
margin-bottom: 3rem;
}
@media screen and (min-width: 0) {
/* line 52, web/themes/bricklett/scss/components/_list-widgets.scss */
.c-widget__list .c-widget__list-item {
overflow: auto;
}
}
/* line 61, web/themes/bricklett/scss/components/_list-widgets.scss */
.c-widget__list .c-widget__list-item-title {
vertical-align: top;
line-height: 1;
}
/* line 65, web/themes/bricklett/scss/components/_list-widgets.scss */
.c-widget__list .c-widget__list-item-title a {
color: inherit;
text-decoration: underline;
}
/* line 71, web/themes/bricklett/scss/components/_list-widgets.scss */
.c-widget__list .c-widget__list-item-text {
font-weight: 300;
line-height: 1.5;
}
/* line 77, web/themes/bricklett/scss/components/_list-widgets.scss */
.c-widget__list-item-featured {
background-repeat: none;
background-size: 100% 100%;
text-align: center;
position: relative;
}
/* line 83, web/themes/bricklett/scss/components/_list-widgets.scss */
.c-widget__list-item-featured__wrap {
padding: 0 1.3rem;
width: 100%;
display: block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
/* line 93, web/themes/bricklett/scss/components/_list-widgets.scss */
.c-widget__list-item-featured-title {
color: #fff;
font-weight: 700;
line-height: 1;
}
/* line 100, web/themes/bricklett/scss/components/_list-widgets.scss */
.t-bg-sand .c-widget__list-item-image img {
border: 1px solid #373737;
background: #fff;
}
/*doc
---
title: List widgets image
name: list-widgets-image
category: Components - List widgets
---
This is the List widgets component which has multiple variations.
```html_example
```
*/
/*doc
---
title: List widgets Featured
name: list-widgets-featured
category: Components - List widgets
---
This is the List widgets component which has multiple variations.
```html_example
```
*/
/* ==========================================================================
Media components
========================================================================== */
/* line 8, web/themes/bricklett/scss/components/_media.scss */
.c-photo .c-widget__photo-credit {
display: block;
height: 0;
padding: 0 0 0 1rem;
position: relative;
top: -2rem;
font-size: 13px;
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 17, web/themes/bricklett/scss/components/_media.scss */
.c-photo__inline--overflow {
margin: 0 -1rem;
}
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
/* line 17, web/themes/bricklett/scss/components/_media.scss */
.c-photo__inline--overflow {
margin: 0 -4rem;
}
}
/* line 26, web/themes/bricklett/scss/components/_media.scss */
.c-photo--fullwidth {
min-height: 400px;
position: relative;
margin-bottom: 0;
}
@media screen and (min-height: 1024px) {
/* line 26, web/themes/bricklett/scss/components/_media.scss */
.c-photo--fullwidth {
min-height: 50vh;
}
}
@media screen and (min-height: 1024px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 26, web/themes/bricklett/scss/components/_media.scss */
.c-photo--fullwidth {
min-height: 384px;
}
}
@media screen and (min-height: 1024px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 26, web/themes/bricklett/scss/components/_media.scss */
.c-photo--fullwidth {
min-height: 512px;
}
}
@media screen and (min-height: 1024px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
/* line 26, web/themes/bricklett/scss/components/_media.scss */
.c-photo--fullwidth {
min-height: 160px;
}
}
@media screen and (min-height: 1024px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
/* line 26, web/themes/bricklett/scss/components/_media.scss */
.c-photo--fullwidth {
min-height: 284px;
}
}
@media screen and (min-height: 1024px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
/* line 26, web/themes/bricklett/scss/components/_media.scss */
.c-photo--fullwidth {
min-height: 160px;
}
}
@media screen and (min-height: 1024px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
/* line 26, web/themes/bricklett/scss/components/_media.scss */
.c-photo--fullwidth {
min-height: 240px;
}
}
/* line 35, web/themes/bricklett/scss/components/_media.scss */
.c-photo--fullwidth .c-widget__photo-credit {
position: absolute;
bottom: 40px;
left: 1rem;
top: auto;
}
/* line 44, web/themes/bricklett/scss/components/_media.scss */
.c-widget__photo-credit {
color: #fff;
font-size: 13px;
font-style: normal;
}
/* line 50, web/themes/bricklett/scss/components/_media.scss */
.c-widget__caption {
font-size: .6rem;
font-style: normal;
}
/* line 58, web/themes/bricklett/scss/components/_media.scss */
.c-media__photo-gallery--no-caption {
max-width: 660px;
margin: 0 auto;
}
/* line 63, web/themes/bricklett/scss/components/_media.scss */
.c-media__photo-gallery--controls {
font-size: .8rem;
padding-top: .2rem;
text-align: center;
}
/* line 68, web/themes/bricklett/scss/components/_media.scss */
.c-media__photo-gallery--controls a {
float: right;
}
/* line 74, web/themes/bricklett/scss/components/_media.scss */
.c-media__photo-gallery-text {
position: relative;
font-size: .8rem;
font-weight: 300;
line-height: 1.3rem;
}
@media screen and (min-width: 640px) {
/* line 81, web/themes/bricklett/scss/components/_media.scss */
.c-media__photo-gallery-text > div {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
/* line 87, web/themes/bricklett/scss/components/_media.scss */
.c-media__photo-gallery-text::before {
content: '';
float: left;
padding-top: 150%;
}
}
/* line 97, web/themes/bricklett/scss/components/_media.scss */
.c-media__photo-gallery-image .c-widget__photo-credit,
.c-media__photo-gallery-image--no-caption .c-widget__photo-credit {
display: block;
height: 0;
padding: 0 0 0 1rem;
position: relative;
top: -1.6rem;
font-size: 13px;
}
/* line 106, web/themes/bricklett/scss/components/_media.scss */
.c-media__photo-gallery-image--no-caption,
.c-media__photo-gallery-image--no-caption--no-caption {
max-width: 660px;
margin: 0 auto;
}
/* line 113, web/themes/bricklett/scss/components/_media.scss */
.c-media__photo-gallery-image--wrap img {
width: 100%;
}
/* line 118, web/themes/bricklett/scss/components/_media.scss */
.c-media__image--open-window {
height: 1rem;
width: 1rem;
display: inline-block;
}
/* line 124, web/themes/bricklett/scss/components/_media.scss */
.c-media__image--fullscreen {
display: none;
height: .9rem;
width: 1.5rem;
transition: all 500ms;
}
@media screen and (min-width: 1024px) {
/* line 124, web/themes/bricklett/scss/components/_media.scss */
.c-media__image--fullscreen {
display: block;
}
}
/* line 134, web/themes/bricklett/scss/components/_media.scss */
.c-media__image--fullscreen:hover {
margin-left: 0;
opacity: .75;
}
/* line 139, web/themes/bricklett/scss/components/_media.scss */
.c-media__image--fullscreen .st0 {
fill: none;
stroke: #373737;
stroke-width: 8;
stroke-miterlimit: 10;
}
/* line 146, web/themes/bricklett/scss/components/_media.scss */
.c-media__image--fullscreen .st1 {
fill: #373737;
}
/* line 153, web/themes/bricklett/scss/components/_media.scss */
.t-bg-blue .c-media__image--fullscreen .st0 {
stroke: #fff;
}
/* line 157, web/themes/bricklett/scss/components/_media.scss */
.t-bg-blue .c-media__image--fullscreen .st1 {
fill: #fff;
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 164, web/themes/bricklett/scss/components/_media.scss */
.c-media__video .c-widget__headline {
font-size: 2.1rem;
}
}
/* line 168, web/themes/bricklett/scss/components/_media.scss */
.c-media__video--youtube, .c-media__video--vimeo {
height: 0;
margin-bottom: .88889rem;
overflow: hidden;
padding-bottom: 67.5%;
padding-top: 1.38889rem;
position: relative;
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 168, web/themes/bricklett/scss/components/_media.scss */
.c-media__video--youtube, .c-media__video--vimeo {
margin-left: -2rem;
margin-right: -2rem;
}
}
/* line 181, web/themes/bricklett/scss/components/_media.scss */
.c-media__video--youtube iframe, .c-media__video--vimeo iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
/* line 190, web/themes/bricklett/scss/components/_media.scss */
.c-media__video--vimeo {
padding-top: 0;
padding-bottom: 56.34%;
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 190, web/themes/bricklett/scss/components/_media.scss */
.c-media__video--vimeo {
margin-left: -2rem;
margin-right: -2rem;
padding-bottom: 67.5%;
}
}
/* ==========================================================================
Sliders component
========================================================================== */
/* line 7, web/themes/bricklett/scss/components/_sliders.scss */
.c-slider .slick-prev,
.c-slider .slick-next {
height: 80px;
width: 30px;
}
/* line 13, web/themes/bricklett/scss/components/_sliders.scss */
.c-slider .slick-prev::before,
.c-slider .slick-next::before {
color: #373737;
font-family: "FontAwesome";
font-size: 80px;
}
/* line 20, web/themes/bricklett/scss/components/_sliders.scss */
.c-slider .slick-prev {
left: -80px;
}
/* line 28, web/themes/bricklett/scss/components/_sliders.scss */
.c-slider .slick-next {
right: -80px;
}
/* line 40, web/themes/bricklett/scss/components/_sliders.scss */
.t-bg-blue .c-slider .slick-prev::before,
.t-bg-blue .c-slider .slick-next::before,
.c-slider--full .slick-prev::before,
.c-slider--full .slick-next::before {
color: #fff;
}
/* line 46, web/themes/bricklett/scss/components/_sliders.scss */
.c-slider--full {
height: 100%;
}
/* line 49, web/themes/bricklett/scss/components/_sliders.scss */
.c-slider--full .slick-prev {
left: 20px;
z-index: 9;
}
/* line 54, web/themes/bricklett/scss/components/_sliders.scss */
.c-slider--full .slick-next {
right: 20px;
}
/* line 58, web/themes/bricklett/scss/components/_sliders.scss */
.c-slider--full .slick-list,
.c-slider--full .slick-track {
min-height: 100%;
}
/* ==========================================================================
The Widget Grid component
========================================================================== */
/* line 5, web/themes/bricklett/scss/components/_grid.scss */
.c-grid {
font-size: .6rem;
font-weight: 300;
}
/* line 9, web/themes/bricklett/scss/components/_grid.scss */
.c-grid__image--default {
padding: 0 16.28788%;
}
/* line 13, web/themes/bricklett/scss/components/_grid.scss */
.c-grid__body {
font-weight: 400;
display: none;
}
@media screen and (min-width: 640px) {
/* line 13, web/themes/bricklett/scss/components/_grid.scss */
.c-grid__body {
display: block;
}
}
/* line 21, web/themes/bricklett/scss/components/_grid.scss */
.c-grid__body p {
font-size: .7rem;
font-weight: 300;
margin-bottom: 2rem;
}
/* line 28, web/themes/bricklett/scss/components/_grid.scss */
.c-grid__meta {
color: rgba(55, 55, 55, 0.75);
font-weight: 400;
margin: .25em 0 .4rem;
font-size: .7rem;
}
/* line 34, web/themes/bricklett/scss/components/_grid.scss */
.c-grid__meta span {
text-transform: uppercase;
}
/* line 38, web/themes/bricklett/scss/components/_grid.scss */
.c-grid__meta .c-media__image--open-window {
float: right;
fill: rgba(55, 55, 55, 0.75);
height: .7rem;
width: .7rem;
}
/* line 46, web/themes/bricklett/scss/components/_grid.scss */
.c-grid__source {
font-size: .7rem;
font-weight: 400;
color: rgba(55, 55, 55, 0.75);
margin-bottom: .4rem;
}
/* line 54, web/themes/bricklett/scss/components/_grid.scss */
.c-grid__title {
line-height: 1;
font-size: .9rem;
font-weight: 400;
margin-bottom: .4rem;
}
/* line 60, web/themes/bricklett/scss/components/_grid.scss */
.c-grid__title a {
color: #373737;
}
/* line 63, web/themes/bricklett/scss/components/_grid.scss */
.c-grid__title a:hover {
color: #5b5b5b;
}
/* line 74, web/themes/bricklett/scss/components/_grid.scss */
.c-grid--no-photos .c-grid__image {
display: none;
}
/* line 80, web/themes/bricklett/scss/components/_grid.scss */
.c-grid .c-hover-wrap:hover .c-grid__title a {
color: #5b5b5b;
}
/* line 84, web/themes/bricklett/scss/components/_grid.scss */
.c-grid .c-hover-wrap:hover .c-hover-wrap--image img {
-webkit-filter: opacity(0.8);
filter: opacity(0.8);
}
/* line 93, web/themes/bricklett/scss/components/_grid.scss */
.c-grid-featured__wrap {
padding: 2.6rem 0 1.3rem;
border: 0;
overflow: auto;
}
@media screen and (min-width: 640px) {
/* line 93, web/themes/bricklett/scss/components/_grid.scss */
.c-grid-featured__wrap {
margin: 1.3rem 0 3rem;
}
}
/* line 103, web/themes/bricklett/scss/components/_grid.scss */
.c-grid-featured__wrap > div:hover + .md-6 .c-grid__title a {
color: #5b5b5b;
}
/* line 108, web/themes/bricklett/scss/components/_grid.scss */
.c-grid-featured__wrap .j-hover-effect img {
-webkit-filter: opacity(0.8);
filter: opacity(0.8);
}
@media screen and (min-width: 640px) {
/* line 113, web/themes/bricklett/scss/components/_grid.scss */
.c-grid-featured .c-grid__title {
font-size: 2rem;
font-weight: 500;
margin-bottom: 0;
}
}
/* line 121, web/themes/bricklett/scss/components/_grid.scss */
.c-grid-featured .c-grid__body {
font-size: 1rem;
}
/* line 124, web/themes/bricklett/scss/components/_grid.scss */
.c-grid-featured .c-grid__body p {
font-size: 1rem;
}
@media screen and (min-width: 640px) {
/* line 129, web/themes/bricklett/scss/components/_grid.scss */
.c-grid-featured .c-grid__meta {
font-size: .8rem;
}
}
/* line 132, web/themes/bricklett/scss/components/_grid.scss */
.c-grid-featured .c-grid__meta .c-media__image--open-window {
height: .8rem;
width: .8rem;
}
@media screen and (min-width: 640px) {
/* line 138, web/themes/bricklett/scss/components/_grid.scss */
.c-grid-featured .c-grid__source {
font-size: .8rem;
}
}
/* line 146, web/themes/bricklett/scss/components/_grid.scss */
.c-grid__image--video {
position: relative;
}
/* line 149, web/themes/bricklett/scss/components/_grid.scss */
.c-grid__image--video span {
display: block;
}
/* line 153, web/themes/bricklett/scss/components/_grid.scss */
.c-grid__image--video a::before {
content: '\f144';
font-family: "FontAwesome";
font-size: 4rem;
line-height: 1;
color: rgba(255, 255, 255, 0.8);
position: absolute;
top: calc(50% - 2rem);
left: calc(50% - 2rem);
z-index: 10;
}
/* add the newsroom here */
/* line 169, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom {
/* can't use standard BEM format bc drupal views cant handle underscores as input */
}
@media screen and (min-width: 1280px) {
/* line 169, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom {
margin: 0 -3rem;
}
}
/* line 174, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom__title {
font-family: "OldStyleMT-Regular", serif;
text-align: center;
}
@media screen and (min-width: 640px) {
/* line 174, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom__title {
font-size: 4.2rem;
}
}
/* line 180, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom__menu {
list-style: none;
padding: 0;
}
@media screen and (min-width: 640px) {
/* line 180, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom__menu {
display: table;
margin: 2.3rem auto 0;
}
}
/* line 189, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom__menu li {
visibility: hidden;
display: block;
font-size: .8rem;
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 189, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom__menu li {
padding: 0 1rem;
width: 250px;
}
/* line 198, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom__menu li:hover, .c-newsroom__menu li:focus {
background: rgba(55, 55, 55, 0.25);
}
/* line 202, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom__menu li:hover a, .c-newsroom__menu li:focus a {
color: #fff;
}
}
@media screen and (min-width: 640px) {
/* line 189, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom__menu li {
display: inline-block;
visibility: visible;
margin: 0 .4rem;
}
}
@media screen and (min-width: 1024px) {
/* line 189, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom__menu li {
margin: 0 .4rem;
}
}
@media screen and (min-width: 1150px) {
/* line 189, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom__menu li {
margin: 0 1.6rem;
}
}
/* line 223, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom__menu li:first-child {
margin-left: 0;
visibility: visible;
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 228, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom__menu li:first-child::after {
background-image: url("../../processed/svg/arrow_black.svg");
background-repeat: no-repeat;
background-size: auto 100%;
content: '';
display: inline-block;
-webkit-filter: brightness(100%);
filter: brightness(100%);
font-size: .8em;
right: -3rem;
cursor: pointer;
position: relative;
top: -.2rem;
transition: filter .25s ease-in-out 0s, -webkit-filter .25s ease-in-out 0s;
vertical-align: middle;
height: 1.2em;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 1em;
}
/* line 247, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom__menu li:first-child a:hover::after {
background-image: url("../../processed/svg/arrow_white.svg");
}
}
/* line 253, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom__menu li:last-child {
margin-right: 0;
}
/* line 258, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom__menu a {
color: #373737;
font-size: 1rem;
font-weight: 300;
display: inline-block;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
/* line 258, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom__menu a {
font-size: .8rem;
}
}
@media screen and (min-width: 640px) {
/* line 268, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom__menu a:hover, .c-newsroom__menu a.is-active {
/*text-decoration: underline;*/
border-bottom: 1px solid;
}
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 180, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom__menu {
position: absolute;
background-color: #fff;
z-index: 9;
visibility: hidden;
padding: 0 0 1rem;
}
}
/* line 286, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom__menu.j-hover-effect {
visibility: visible;
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 290, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom__menu.j-hover-effect li {
visibility: visible;
}
}
/* line 297, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom--items {
list-style: none;
margin: 0;
padding: 0;
}
@media screen and (min-width: 640px) {
/* line 305, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom--items li:nth-child(3n) {
margin-right: 3.74426%;
}
/* line 309, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom--items li:nth-child(3n + 1) {
margin-right: 0;
clear: none;
}
/* line 314, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom--items li:nth-child(3n + 2) {
clear: left;
}
}
/* line 320, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom--item:first-of-type {
width: 100%;
margin-right: 0;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
/* line 325, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom .view-header {
margin: 0 -2rem;
}
}
/* line 331, web/themes/bricklett/scss/components/_grid.scss */
.c-newsroom .view-footer {
clear: both;
}
/* line 337, web/themes/bricklett/scss/components/_grid.scss */
.path-newsroom .o-wrap__content {
background: #fff;
}
/* line 342, web/themes/bricklett/scss/components/_grid.scss */
.t-bg-blue .c-grid__title a,
.t-bg-blue .c-grid__title a:hover,
.t-bg-blue .c-grid__source,
.t-bg-blue .c-grid__meta {
color: #fff;
}
/* line 2, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work {
background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url("../../img/our_work_cat.jpg");
background-position: center top;
background-repeat: no-repeat;
overflow: hidden;
border-bottom: 2px solid #fff;
}
@media screen and (min-width: 640px) {
/* line 2, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work {
min-height: 100vh;
background-image: url("../../img/our_work_cat.jpg");
background-size: cover;
background-position: center top;
min-height: 0;
}
}
@media screen and (min-width: 640px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 2, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work {
min-height: 768px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 2, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work {
min-height: 1024px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
/* line 2, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work {
min-height: 320px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
/* line 2, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work {
min-height: 568px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
/* line 2, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work {
min-height: 320px;
}
}
@media screen and (min-width: 640px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
/* line 2, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work {
min-height: 480px;
}
}
@media screen and (min-width: 0) and (max-width: 480px) {
/* line 2, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work {
min-height: 100vh;
background-image: url("../../img/our_work_cat_mobile.jpg");
background-size: cover;
background-position: left center;
min-height: 0;
}
}
@media screen and (min-width: 0) and (max-width: 480px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 2, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work {
min-height: 768px;
}
}
@media screen and (min-width: 0) and (max-width: 480px) and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 2, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work {
min-height: 1024px;
}
}
@media screen and (min-width: 0) and (max-width: 480px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
/* line 2, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work {
min-height: 320px;
}
}
@media screen and (min-width: 0) and (max-width: 480px) and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
/* line 2, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work {
min-height: 568px;
}
}
@media screen and (min-width: 0) and (max-width: 480px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
/* line 2, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work {
min-height: 320px;
}
}
@media screen and (min-width: 0) and (max-width: 480px) and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: portrait) {
/* line 2, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work {
min-height: 480px;
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 2, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work {
max-height: 1000px;
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 2, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work {
max-height: 1500px;
}
}
@media screen and (min-width: 1024px) {
/* line 2, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work {
height: 870px;
}
}
/* line 38, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__headline {
text-align: center;
}
/* line 42, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__text {
text-align: center;
max-width: 880px;
font-weight: 300;
margin: 0 auto;
}
@media screen and (min-width: 640px) {
/* line 42, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__text {
margin-bottom: 300px;
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 42, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__text {
margin-bottom: 100px;
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 42, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__text {
margin-bottom: 100px;
}
}
/* line 55, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__text p {
font-size: 1.2rem;
}
/* line 60, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list {
padding-left: 0;
margin: 1.3rem 0 2.6rem;
}
@media screen and (min-width: 640px) {
/* line 60, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list {
float: left;
width: 100%;
margin: 0;
background: rgba(0, 0, 0, 0.15);
text-shadow: 0.5px 0.5px 0 #373737;
}
}
@media screen and (min-width: 1024px) {
/* line 60, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list {
position: relative;
bottom: 0;
}
}
/* line 77, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list li {
display: -webkit-box;
display: -moz-box;
display: box;
display: -moz-flex;
display: flex;
box-align: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
list-style: none;
text-align: center;
color: #fff;
padding: 0 1rem 0 2rem;
height: 4rem;
}
@media screen and (min-width: 640px) {
/* line 77, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list li {
width: 33.333%;
height: auto;
padding: 0 1rem;
float: left;
font-size: .9rem;
display: block;
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
/* line 77, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list li {
max-height: 250px;
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
/* line 77, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list li {
max-height: 250px;
}
}
@media screen and (min-width: 1024px) {
/* line 77, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list li {
width: 20%;
}
}
@media screen and (min-width: 640px) {
/* line 100, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list li:nth-child(1) {
border-right: 1px solid;
}
}
@media screen and (min-width: 640px) {
/* line 106, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list li:nth-child(2) {
border-right: 1px solid;
}
}
@media screen and (min-width: 1024px) {
/* line 112, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list li:nth-child(3) {
border-right: 1px solid;
}
}
@media screen and (min-width: 640px) {
/* line 118, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list li:nth-child(4) {
margin-left: calc(33.333%/2);
border-right: 1px solid;
clear: left;
}
}
@media screen and (min-width: 1024px) {
/* line 118, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list li:nth-child(4) {
margin-left: 0;
clear: none;
}
}
/* line 131, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list li:nth-child(5) {
border-right: 0;
}
/* line 136, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list a {
color: #fff;
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 136, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list a {
display: block;
width: 100%;
}
}
/* line 145, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list strong {
display: block;
font-weight: 700;
text-align: left;
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 145, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list strong {
display: -webkit-box;
display: -moz-box;
display: box;
display: -moz-flex;
display: flex;
box-align: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
height: 65px;
}
}
@media screen and (min-width: 640px) {
/* line 145, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list strong {
text-align: center;
}
}
/* line 161, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list p {
font-size: .85rem;
text-align: center;
display: none;
}
@media screen and (min-width: 640px) {
/* line 161, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list p {
display: block;
}
}
/* line 171, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list svg {
text-align: center;
max-width: 65px;
margin-right: .5rem;
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 171, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list svg {
float: left;
}
}
@media screen and (min-width: 640px) {
/* line 171, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list svg {
max-width: 38.5%;
margin-right: 0;
}
}
/* line 185, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list svg .st0 {
fill: #fff;
}
/* line 190, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list svg .st1 {
fill: #fff;
opacity: 0;
transition: all 0.25s ease-in-out;
}
/* line 197, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work__list svg:hover .st1 {
opacity: .5;
}
/* line 205, web/themes/bricklett/scss/components/_our-work.scss */
.c-our-work p {
max-width: 679px;
margin: 0 auto;
}
/* ==========================================================================
Search component
========================================================================== */
@media screen and (min-width: 1024px) {
/* line 10, web/themes/bricklett/scss/components/_search.scss */
.c-search__page .block-system-main-block {
display: -webkit-box;
display: -moz-box;
display: box;
display: -moz-flex;
display: flex;
flex-flow: row wrap;
box-pack: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
}
/* line 17, web/themes/bricklett/scss/components/_search.scss */
.c-search__page .block-system-main-block h2 {
box-ordinal-group: -1;
-moz-order: -1;
order: -1;
-ms-flex-order: -1;
flex-basis: 100%;
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
text-align: center;
text-transform: capitalize;
border-bottom: 1px solid;
font-family: "OldStyleMT-Regular", serif;
padding-bottom: 0.65rem;
font-size: 4rem;
}
@media screen and (min-width: 1024px) {
/* line 17, web/themes/bricklett/scss/components/_search.scss */
.c-search__page .block-system-main-block h2 {
flex-basis: 80%;
-ms-flex-preferred-size: 80%;
-webkit-flex-basis: 80%;
}
}
/* line 32, web/themes/bricklett/scss/components/_search.scss */
.c-search__page .block-system-main-block .search-page-form {
margin-bottom: 2.6rem;
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 32, web/themes/bricklett/scss/components/_search.scss */
.c-search__page .block-system-main-block .search-page-form {
max-width: 100%;
}
}
/* line 39, web/themes/bricklett/scss/components/_search.scss */
.c-search__page .block-system-main-block .search-page-form label {
margin-right: 1.3rem;
}
/* line 43, web/themes/bricklett/scss/components/_search.scss */
.c-search__page .block-system-main-block .search-page-form .form-wrapper {
position: relative;
width: 100%;
display: block;
}
/* line 49, web/themes/bricklett/scss/components/_search.scss */
.c-search__page .block-system-main-block .search-page-form input[type="submit"] {
background-size: 66% 66%;
/*opacty: .5; */
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 49, web/themes/bricklett/scss/components/_search.scss */
.c-search__page .block-system-main-block .search-page-form input[type="submit"] {
position: absolute;
top: 1.75rem;
left: calc(100% - 3.5rem);
}
}
/* line 60, web/themes/bricklett/scss/components/_search.scss */
.c-search__page .block-system-main-block .search-page-form .search-help-link,
.c-search__page .block-system-main-block .search-page-form .search-advanced {
display: none;
}
/* line 66, web/themes/bricklett/scss/components/_search.scss */
.c-search__page .block-system-main-block .item-list {
flex-basis: 100%;
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
}
/* line 73, web/themes/bricklett/scss/components/_search.scss */
.c-search__sidebar .view-header {
color: #fff;
background: #0f324e;
padding: 0.65rem;
font-size: .8rem;
margin-bottom: 1rem;
position: relative;
}
/* line 81, web/themes/bricklett/scss/components/_search.scss */
.c-search__sidebar .view-header::after {
display: block;
content: '';
border: 1rem solid transparent;
border-top-color: #0f324e;
position: absolute;
bottom: -2rem;
left: calc(50% - 1rem);
}
/* line 92, web/themes/bricklett/scss/components/_search.scss */
.c-search__sidebar ul {
padding: 0;
}
/* line 95, web/themes/bricklett/scss/components/_search.scss */
.c-search__sidebar ul li {
padding: 0;
font-size: .8rem;
margin: 0 -1.5rem .5rem 1.5rem;
}
/* line 100, web/themes/bricklett/scss/components/_search.scss */
.c-search__sidebar ul li a {
color: #0f324e;
font-weight: 400;
}
/* line 104, web/themes/bricklett/scss/components/_search.scss */
.c-search__sidebar ul li a:hover {
text-decoration: underline;
}
/* line 114, web/themes/bricklett/scss/components/_search.scss */
.mfp-container .mfp-close {
color: rgba(255, 255, 255, 0.75);
font-size: 3rem;
font-family: "Roboto", sans-serif;
font-weight: 300;
background: none;
position: fixed;
top: 2rem;
right: 2rem;
}
/* line 125, web/themes/bricklett/scss/components/_search.scss */
.mfp-container h2 {
color: rgba(255, 255, 255, 0.75);
}
/* line 131, web/themes/bricklett/scss/components/_search.scss */
.c-search-form--footer {
max-width: 660px;
margin: 0 auto;
text-align: center;
color: #fff;
}
/* line 137, web/themes/bricklett/scss/components/_search.scss */
.c-search-form--footer:focus {
outline: none;
}
/* line 139, web/themes/bricklett/scss/components/_search.scss */
.c-search-form--footer span {
display: block;
margin-bottom: 1rem;
font-size: .8rem;
opacity: .5;
}
/* line 146, web/themes/bricklett/scss/components/_search.scss */
.c-search-form--footer .form-search {
background: none;
color: #fff;
border: 3px solid rgba(255, 255, 255, 0.75);
width: 100%;
box-sizing: border-box;
}
/* line 6, node_modules/bourbon/app/assets/stylesheets/css3/_placeholder.scss */
.c-search-form--footer .form-search::-webkit-input-placeholder {
color: #fff;
opacity: 1;
}
/* line 6, node_modules/bourbon/app/assets/stylesheets/css3/_placeholder.scss */
.c-search-form--footer .form-search::-moz-placeholder {
color: #fff;
opacity: 1;
}
/* line 6, node_modules/bourbon/app/assets/stylesheets/css3/_placeholder.scss */
.c-search-form--footer .form-search:-moz-placeholder {
color: #fff;
opacity: 1;
}
/* line 6, node_modules/bourbon/app/assets/stylesheets/css3/_placeholder.scss */
.c-search-form--footer .form-search:-ms-input-placeholder {
color: #fff;
opacity: 1;
}
@media screen and (min-width: 1024px) {
/* line 146, web/themes/bricklett/scss/components/_search.scss */
.c-search-form--footer .form-search {
padding: 1.5rem 1rem;
text-align: center;
font-size: 1.5rem;
}
}
/* line 6, node_modules/bourbon/app/assets/stylesheets/css3/_placeholder.scss */
.c-search-form--footer .form-search:focus::-webkit-input-placeholder {
opacity: 0;
}
/* line 6, node_modules/bourbon/app/assets/stylesheets/css3/_placeholder.scss */
.c-search-form--footer .form-search:focus::-moz-placeholder {
opacity: 0;
}
/* line 6, node_modules/bourbon/app/assets/stylesheets/css3/_placeholder.scss */
.c-search-form--footer .form-search:focus:-moz-placeholder {
opacity: 0;
}
/* line 6, node_modules/bourbon/app/assets/stylesheets/css3/_placeholder.scss */
.c-search-form--footer .form-search:focus:-ms-input-placeholder {
opacity: 0;
}
/* line 173, web/themes/bricklett/scss/components/_search.scss */
.c-search-form--footer .form-actions {
display: block;
}
/* line 178, web/themes/bricklett/scss/components/_search.scss */
.c-search-form--footer input[type="submit"] {
font-size: 1.1rem;
padding: 1.2rem 2.5rem;
}
/* line 186, web/themes/bricklett/scss/components/_search.scss */
.c-search-results {
padding: 0;
list-style: none;
}
@media screen and (min-width: 1024px) {
/* line 186, web/themes/bricklett/scss/components/_search.scss */
.c-search-results {
padding: 0 2.6rem 0 0;
}
}
/* line 190, web/themes/bricklett/scss/components/_search.scss */
.c-search-results li {
padding: 0;
margin: 0 0 1.3rem;
border-bottom: 1px solid rgba(55, 55, 55, 0.25);
list-style: none;
}
/* line 197, web/themes/bricklett/scss/components/_search.scss */
.c-search-results .c-search-result {
/*
&__snippet-info {}
*/
/*
&_info {} */
}
/* line 198, web/themes/bricklett/scss/components/_search.scss */
.c-search-results .c-search-result__title {
font-size: 1.5rem;
font-weight: normal;
line-height: 1;
margin: 0 0 .5rem;
}
/* line 205, web/themes/bricklett/scss/components/_search.scss */
.c-search-results .c-search-result__title a {
color: #373737;
}
/* line 208, web/themes/bricklett/scss/components/_search.scss */
.c-search-results .c-search-result__title a:hover {
color: #0f324e;
}
/* line 216, web/themes/bricklett/scss/components/_search.scss */
.c-search-results .c-search-result__snippet {
/*opacity: .5; made dark */
font-size: .8rem;
}
/* ==========================================================================
The Parks component
========================================================================== */
@media screen and (min-width: 640px) {
/* line 4, web/themes/bricklett/scss/components/_parks.scss */
.c-park-nav__drop-arrow,
.c-park__menu .c-park-nav__item.has-dropdown span {
background-image: url("../../processed/svg/arrow_white.svg");
background-repeat: no-repeat;
background-size: auto 75%;
display: inline-block;
position: relative;
top: -.25em;
left: -.5rem;
transition: filter .25s ease-in-out 0s, -webkit-filter .25s ease-in-out 0s;
vertical-align: middle;
height: 1.2em;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 1em;
margin-left: .35rem;
cursor: pointer;
}
}
@media screen and (min-width: 0) {
/* line 24, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav__item:first-of-type span, .c-mobile-toggle--parks span {
background-image: url("../../processed/svg/arrow_white.svg");
background-repeat: no-repeat;
background-size: auto 75%;
display: inline-block;
position: relative;
top: -.25em;
left: -.5rem;
transition: filter .25s ease-in-out 0s, -webkit-filter .25s ease-in-out 0s;
vertical-align: middle;
height: 1.2em;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 1em;
margin-left: .35rem;
cursor: pointer;
}
}
/* line 48, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu {
background: rgba(0, 0, 0, 0.25);
position: absolute;
bottom: 0;
width: 100%;
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 48, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu {
height: 2.4rem;
background-color: transparent;
}
}
/* line 60, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav__item.has-dropdown ul .c-park-nav__link::after {
background: none;
}
/* line 64, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav {
margin: 0 auto;
padding: 0;
display: table;
/* end hovereffect for mobile */
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 64, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav {
opacity: 1;
visibility: visible;
top: 0;
position: relative;
padding: 0;
height: auto;
margin-left: auto;
margin-right: auto;
width: calc(100% - 2rem);
/* border: 1px solid red;*/
}
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 84, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav.j-hover-effect > .c-park-nav__item:first-of-type span {
background-image: url("../../processed/svg/arrow_black.svg");
left: 90%;
position: absolute;
right: 0;
}
}
/* line 95, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav__item {
margin-right: .5rem;
position: relative;
}
@media screen and (min-width: 640px) {
/* line 95, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav__item {
display: block;
float: left;
}
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
/* line 95, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav__item {
margin-right: 0;
}
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 95, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav__item {
margin: .25rem 0;
display: none;
}
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 114, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav__item .c-park-nav__item {
padding-left: .5rem;
}
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 120, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav__item:first-of-type {
display: block;
text-align: center;
}
/* line 125, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav__item:first-of-type ul {
display: none;
}
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 130, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav__item:first-of-type.has-dropdown {
margin-left: 1rem;
}
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 136, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav__item:first-of-type span {
background-size: auto 100%;
top: .1rem;
width: .5em;
}
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 153, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav__item .c-park-nav__link {
padding: .25rem .45rem;
}
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 158, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav__item .c-park-nav__link::after {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
}
@media screen and (min-width: 640px) {
/* line 165, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav__item ul {
display: none;
z-index: 2;
padding: 0;
width: 200px;
margin: 1px auto 0;
position: absolute;
border: 1px solid #dddddd;
}
}
/* line 176, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav__item ul li {
display: block;
margin: 0;
float: none;
color: #373737;
background-color: #fff;
padding: 0;
}
/* line 185, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav__item ul a:hover {
text-decoration: underline;
}
/* line 195, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav__item.has-dropdown > a:hover {
text-decoration: underline;
color: #fff;
}
/* line 206, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav__item.has-dropdown:hover .c-park-nav__drop .c-park-nav__link {
color: #373737;
}
@media screen and (min-width: 640px) {
/* line 210, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav__item.has-dropdown:hover ul {
display: block;
}
}
/* line 216, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav__link {
font-size: .7rem;
color: #fff;
text-transform: uppercase;
padding: .5rem 1rem .5rem 1.5rem;
font-weight: 500;
display: inline-block;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
/* line 216, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav__link {
padding: .5rem .5rem .5rem 1rem;
}
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 216, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav__link {
font-size: .7rem;
}
}
/* line 232, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav__link:hover {
background: transparent;
color: #fff;
text-decoration: underline;
}
/* line 238, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav__link.is-active {
text-decoration: underline;
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 243, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav.j-hover-effect {
background: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 249, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav.j-hover-effect .c-park-nav__drop {
padding-left: 0;
margin: 0;
}
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 256, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav.j-hover-effect li.has-dropdown ul,
.c-park__menu .c-park-nav.j-hover-effect li,
.c-park__menu .c-park-nav.j-hover-effect a {
display: block;
color: #373737;
background: #fff;
}
/* line 263, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav.j-hover-effect li.has-dropdown ul:first-of-type,
.c-park__menu .c-park-nav.j-hover-effect li:first-of-type,
.c-park__menu .c-park-nav.j-hover-effect a:first-of-type {
text-align: left;
margin-left: 0;
}
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 270, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav.j-hover-effect li {
display: block;
float: none;
background: #fff;
color: #373737;
}
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 278, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav.j-hover-effect li a {
padding: 0 .25rem;
}
/* line 282, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu .c-park-nav.j-hover-effect li a:hover {
background-color: rgba(55, 55, 55, 0.25);
}
}
/* line 296, web/themes/bricklett/scss/components/_parks.scss */
.c-park__page .c-cta-widget__headline {
font-family: "OldStyleMT-Regular", serif;
font-size: 2rem;
margin: 0;
}
/* line 302, web/themes/bricklett/scss/components/_parks.scss */
.c-park__page .c-cta-widget__text {
font-family: "OldStyleMT-Regular", serif;
font-size: 1.5rem;
}
/* line 307, web/themes/bricklett/scss/components/_parks.scss */
.c-park__page .c-default-text .c-default-text__subheadline,
.c-park__page .c-default-text .c-default-text__headline {
font-family: "Roboto", sans-serif;
font-weight: 300;
border: 0;
text-transform: capitalize;
clear: both;
margin-bottom: 1.5rem;
padding: 0;
}
/* line 321, web/themes/bricklett/scss/components/_parks.scss */
.c-park__page h1.c-default-text__headline {
font-size: 3.5rem;
}
/* line 325, web/themes/bricklett/scss/components/_parks.scss */
.c-park__page h2.c-default-text__headline {
font-size: 2.5rem;
}
/* line 329, web/themes/bricklett/scss/components/_parks.scss */
.c-park__page h3.c-default-text__headline {
font-size: 1.5rem;
}
/* line 333, web/themes/bricklett/scss/components/_parks.scss */
.c-park__page h2.c-default-text__subheadline {
font-size: 2.5rem;
}
/* line 337, web/themes/bricklett/scss/components/_parks.scss */
.c-park__page h3.c-default-text__subheadline {
font-size: 1.5rem;
}
/* line 341, web/themes/bricklett/scss/components/_parks.scss */
.c-park__page h4.c-default-text__subheadline {
font-size: 1rem;
}
/* line 347, web/themes/bricklett/scss/components/_parks.scss */
.c-page-head--park {
z-index: 2;
min-height: 685px;
}
/* park dropdown in header */
/*
This header overrides the normal sticky header for large screens on only the parks pages
The park menu is cloned and placed in the header.
When a certain scroll point is hit the class is-parkmenu is attached
js code is in app.js in the scroll function starting on line 20
*/
/* line 360, web/themes/bricklett/scss/components/_parks.scss */
.c-page-head .c-park__menu {
display: none;
}
/* line 365, web/themes/bricklett/scss/components/_parks.scss */
.c-page-head.is-parkmenu .c-page-head__right,
.c-page-head.is-parkmenu .menu--main {
display: none;
}
@media screen and (min-width: 1024px) {
/* line 370, web/themes/bricklett/scss/components/_parks.scss */
.c-page-head.is-parkmenu .c-park__menu {
display: block;
background: none;
left: 0;
width: 100%;
}
}
/* line 379, web/themes/bricklett/scss/components/_parks.scss */
.c-page-head.is-parkmenu .c-park__menu .c-park-nav__item .c-park-nav__link {
color: #373737;
}
/* line 382, web/themes/bricklett/scss/components/_parks.scss */
.c-page-head.is-parkmenu .c-park__menu .c-park-nav__item .c-park-nav__link:hover {
color: #0f324e;
text-decoration: underline;
}
/* line 388, web/themes/bricklett/scss/components/_parks.scss */
.c-page-head.is-parkmenu .c-park__menu .c-park-nav__item ul {
top: 2.7rem;
}
/* line 393, web/themes/bricklett/scss/components/_parks.scss */
.c-page-head.is-parkmenu .c-park__menu .c-park-nav__item.has-dropdown > .c-park-nav__link {
padding-bottom: 1.5rem;
}
/* line 397, web/themes/bricklett/scss/components/_parks.scss */
.c-page-head.is-parkmenu .c-park__menu .c-park-nav__item.has-dropdown span {
background-image: url("../../processed/svg/arrow_black.svg");
}
/* overrides for childless menus(campaigns)
for the parks the first item required childre, when campaigns were added we needed to implement this.
in a campaigh just add a child to the first menu item, then add the t-hide-child class
to the container in the menu item.
*/
/* line 415, web/themes/bricklett/scss/components/_parks.scss */
.c-park-nav__item:first-of-type.t-hide-child:hover ul,
.j-hover-effect .c-park-nav__item:first-of-type.t-hide-child:hover ul {
display: none;
}
/* line 419, web/themes/bricklett/scss/components/_parks.scss */
.c-park-nav__item:first-of-type.t-hide-child ul, .c-park-nav__item:first-of-type.t-hide-child ul li, .c-park-nav__item:first-of-type.t-hide-child ul li a,
.j-hover-effect .c-park-nav__item:first-of-type.t-hide-child ul,
.j-hover-effect .c-park-nav__item:first-of-type.t-hide-child ul li,
.j-hover-effect .c-park-nav__item:first-of-type.t-hide-child ul li a {
display: none;
}
@media screen and (min-width: 640px) {
/* line 423, web/themes/bricklett/scss/components/_parks.scss */
.c-park-nav__item:first-of-type.t-hide-child.has-dropdown span,
.j-hover-effect .c-park-nav__item:first-of-type.t-hide-child.has-dropdown span {
display: none;
}
}
/* line 429, web/themes/bricklett/scss/components/_parks.scss */
.c-mobile-toggle--parks {
display: none;
text-align: center;
font-size: .9rem;
font-weight: 700;
}
/* line 434, web/themes/bricklett/scss/components/_parks.scss */
.c-mobile-toggle--parks:link {
color: #fff;
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 429, web/themes/bricklett/scss/components/_parks.scss */
.c-mobile-toggle--parks {
display: block;
padding-top: .65rem;
}
}
/* line 440, web/themes/bricklett/scss/components/_parks.scss */
.c-mobile-toggle--parks span {
left: 0;
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 444, web/themes/bricklett/scss/components/_parks.scss */
.c-mobile-toggle--parks + .c-park-nav {
display: none;
}
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 450, web/themes/bricklett/scss/components/_parks.scss */
.c-mobile-toggle--parks.j-hover-effect + .c-park-nav {
display: block;
}
}
/* line 459, web/themes/bricklett/scss/components/_parks.scss */
.c-park__menu > a:link.c-mobile-toggle--parks,
.c-park__menu > a:visited.c-mobile-toggle--parks {
color: #fff;
/* needed for specificity */
}
/*the js clones new menu, this is needed to hide ide it*/
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 464, web/themes/bricklett/scss/components/_parks.scss */
.park-menu-sticky-processed .c-park-nav > .c-park-nav__item > .c-mobile-toggle--parks {
display: none;
}
}
/* ==========================================================================
People component
========================================================================== */
/* line 9, web/themes/bricklett/scss/components/_people.scss */
.c-people__main-list {
display: -webkit-box;
display: -moz-box;
display: box;
display: -moz-flex;
display: flex;
list-style: none;
justify-content: center;
padding-left: 0;
}
@media screen and (min-width: 0) and (max-width: 1023px) {
/* line 9, web/themes/bricklett/scss/components/_people.scss */
.c-people__main-list {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
flex-wrap: wrap;
}
}
@media screen and (min-width: 1024px) {
/* line 19, web/themes/bricklett/scss/components/_people.scss */
.c-people__main-list .c-people__list--twocol {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
@media screen and (min-width: 1024px) {
/* line 23, web/themes/bricklett/scss/components/_people.scss */
.c-people__main-list .c-people__list--twocol li {
-webkit-column-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid;
}
}
/* line 27, web/themes/bricklett/scss/components/_people.scss */
.c-people__main-list h6 {
margin-bottom: 0.65rem;
}
/* line 30, web/themes/bricklett/scss/components/_people.scss */
.c-people__main-list h6 span,
.c-people__main-list h6 small {
display: block;
line-height: 1;
}
/* line 37, web/themes/bricklett/scss/components/_people.scss */
.c-people__main-list > li {
flex-basis: 100%;
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
margin: 0 0 2rem;
}
@media screen and (min-width: 1024px) {
/* line 37, web/themes/bricklett/scss/components/_people.scss */
.c-people__main-list > li {
flex-basis: 33.333%;
-ms-flex-preferred-size: 33.333%;
-webkit-flex-basis: 33.333%;
margin: 0;
}
}
/* line 46, web/themes/bricklett/scss/components/_people.scss */
.c-people__main-list > li a {
color: #373737;
}
/* line 50, web/themes/bricklett/scss/components/_people.scss */
.c-people__main-list > li address,
.c-people__main-list > li dl {
font-size: .8rem;
font-weight: 300;
line-height: 1rem;
display: block;
color: rgba(55, 55, 55, 0.75);
}
/* line 59, web/themes/bricklett/scss/components/_people.scss */
.c-people__main-list > li dl {
width: calc(100% - 1rem);
float: left;
}
/* line 64, web/themes/bricklett/scss/components/_people.scss */
.c-people__main-list > li dt {
float: left;
margin-bottom: 1rem;
clear: left;
width: 33%;
}
/* line 71, web/themes/bricklett/scss/components/_people.scss */
.c-people__main-list > li dd {
float: left;
font-size: .7rem;
margin-bottom: 1rem;
width: 67%;
}
/* line 79, web/themes/bricklett/scss/components/_people.scss */
.c-people__main-list > li address {
font-style: normal;
display: block;
clear: left;
}
/* line 85, web/themes/bricklett/scss/components/_people.scss */
.c-people__main-list > li ul {
padding: 0;
margin: 0;
}
/* line 90, web/themes/bricklett/scss/components/_people.scss */
.c-people__main-list > li li {
list-style: none;
padding: 0;
margin: 0 0 1.3rem;
line-height: 1.6rem;
}
/* line 96, web/themes/bricklett/scss/components/_people.scss */
.c-people__main-list > li li a {
font-size: .8rem;
font-weight: 300;
line-height: 1rem;
display: block;
/*color: rgba($mineshaft, .75);*/
color: #373737;
}
/* line 104, web/themes/bricklett/scss/components/_people.scss */
.c-people__main-list > li li a:hover {
color: #5b5b5b;
}
@media screen and (min-width: 1024px) {
/* line 110, web/themes/bricklett/scss/components/_people.scss */
.c-people__main-list > li:nth-child(1) {
padding-right: 2rem;
}
}
/* line 116, web/themes/bricklett/scss/components/_people.scss */
.c-people__main-list > li:nth-child(2) {
border-top: 1px solid;
border-bottom: 1px solid;
padding: 2rem 0;
}
@media screen and (min-width: 1024px) {
/* line 116, web/themes/bricklett/scss/components/_people.scss */
.c-people__main-list > li:nth-child(2) {
border-left: 1px solid rgba(55, 55, 55, 0.75);
border-bottom: 0;
border-top: 0;
padding: 0 2rem 1rem;
}
}
/* line 130, web/themes/bricklett/scss/components/_people.scss */
.c-people__main-list > li:nth-child(3) {
border-bottom: 1px solid;
padding: 2rem 0;
}
@media screen and (min-width: 1024px) {
/* line 130, web/themes/bricklett/scss/components/_people.scss */
.c-people__main-list > li:nth-child(3) {
border-left: 1px solid rgba(55, 55, 55, 0.75);
border-bottom: 0;
border-top: 0;
padding: 0 2rem 1rem;
}
}
@media screen and (min-width: 1024px) {
/* line 143, web/themes/bricklett/scss/components/_people.scss */
.c-people__main-list > li:nth-child(4) {
flex-basis: 40%;
-ms-flex-preferred-size: 40%;
-webkit-flex-basis: 40%;
padding-left: 2rem;
}
}
@media screen and (min-width: 1024px) {
/* line 149, web/themes/bricklett/scss/components/_people.scss */
.c-people__main-list > li:nth-child(4) li {
width: 50%;
float: left;
}
}
/* line 159, web/themes/bricklett/scss/components/_people.scss */
.c-people__node--top {
display: -webkit-box;
display: -moz-box;
display: box;
display: -moz-flex;
display: flex;
border-bottom: 1px solid;
padding-bottom: 1.3rem;
}
@media screen and (max-width: 850px) {
/* line 159, web/themes/bricklett/scss/components/_people.scss */
.c-people__node--top {
display: block;
}
}
@media screen and (min-width: 640px) {
/* line 167, web/themes/bricklett/scss/components/_people.scss */
.c-people__node--top .c-people__node--left {
flex-basis: 50%;
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
}
}
@media screen and (min-width: 640px) {
/* line 173, web/themes/bricklett/scss/components/_people.scss */
.c-people__node--top .c-people__node--right {
flex-basis: 50%;
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
padding-left: 1rem;
text-align: center;
}
}
/* line 183, web/themes/bricklett/scss/components/_people.scss */
.c-people__node--bottom.o-grid {
padding-top: 1.3rem;
}
/* line 185, web/themes/bricklett/scss/components/_people.scss */
.c-people__node--bottom .c-people__body p {
font-weight: 300;
font-size: 1rem;
line-height: 1.9rem;
}
/* line 192, web/themes/bricklett/scss/components/_people.scss */
.c-people__name {
font-size: 1.9rem;
margin: 0;
font-family: "Roboto", sans-serif;
font-weight: 300;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
/* line 192, web/themes/bricklett/scss/components/_people.scss */
.c-people__name {
font-size: 1.5rem;
}
}
/* line 202, web/themes/bricklett/scss/components/_people.scss */
.c-people__position {
font-size: 1.2rem;
margin: 0;
font-family: "Roboto", sans-serif;
font-weight: 300;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
/* line 202, web/themes/bricklett/scss/components/_people.scss */
.c-people__position {
font-size: 1rem;
}
}
/* line 212, web/themes/bricklett/scss/components/_people.scss */
.c-people__type {
font-size: 1.2rem;
margin: 0;
font-family: "Roboto", sans-serif;
font-weight: 300;
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 212, web/themes/bricklett/scss/components/_people.scss */
.c-people__type {
font-size: .95rem;
}
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
/* line 212, web/themes/bricklett/scss/components/_people.scss */
.c-people__type {
font-size: .8rem;
}
}
/* line 225, web/themes/bricklett/scss/components/_people.scss */
.c-people__soc {
padding: 0;
margin: 0;
}
/* line 229, web/themes/bricklett/scss/components/_people.scss */
.c-people__soc li {
list-style: none;
display: inline-block;
}
/* line 233, web/themes/bricklett/scss/components/_people.scss */
.c-people__soc li a {
display: block;
color: #fff;
text-align: center;
margin: 1rem .125rem;
}
/* line 241, web/themes/bricklett/scss/components/_people.scss */
.c-people__soc--li {
background-color: #007bb6;
}
/* line 247, web/themes/bricklett/scss/components/_people.scss */
.c-people__soc--tw {
background-color: #00aced;
}
/* line 255, web/themes/bricklett/scss/components/_people.scss */
.c-people__nav ul {
list-style: none;
padding: 0;
margin: 0;
}
/* line 261, web/themes/bricklett/scss/components/_people.scss */
.c-people__nav li {
padding: 0;
margin: .4rem 0;
width: 48px;
height: 48px;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}
/* line 271, web/themes/bricklett/scss/components/_people.scss */
.c-people__nav a {
text-indent: -9999px;
display: block;
padding-top: 100%;
}
/* line 278, web/themes/bricklett/scss/components/_people.scss */
.c-people__nav--prev {
background-image: url("../../processed/svg/arrow_circle_left.svg");
}
/* line 282, web/themes/bricklett/scss/components/_people.scss */
.c-people__nav--grid {
background-image: url("../../processed/svg/back_circle.svg");
}
/* line 286, web/themes/bricklett/scss/components/_people.scss */
.c-people__nav--next {
background-image: url("../../processed/svg/arrow_circle_right.svg");
}
/* line 291, web/themes/bricklett/scss/components/_people.scss */
.c-people__list {
display: -webkit-box;
display: -moz-box;
display: box;
display: -moz-flex;
display: flex;
flex-flow: wrap;
box-align: baseline;
-moz-align-items: baseline;
-ms-align-items: baseline;
-o-align-items: baseline;
align-items: baseline;
-ms-flex-align: baseline;
align-content: space-around;
-ms-flex-line-pack: distribute;
box-pack: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
margin-bottom: 1rem;
list-style: none;
padding: 0;
margin: 0;
}
/* line 302, web/themes/bricklett/scss/components/_people.scss */
.c-people__list li {
flex-basis: 50%;
-ms-flex-preferred-size: 50%;
-webkit-flex-basis: 50%;
padding: 0;
border: 4px solid transparent;
}
@media screen and (min-width: 640px) {
/* line 302, web/themes/bricklett/scss/components/_people.scss */
.c-people__list li {
flex-basis: 33.3333%;
-ms-flex-preferred-size: 33.3333%;
-webkit-flex-basis: 33.3333%;
}
}
@media screen and (min-width: 1024px) {
/* line 302, web/themes/bricklett/scss/components/_people.scss */
.c-people__list li {
flex-basis: 25%;
-ms-flex-preferred-size: 25%;
-webkit-flex-basis: 25%;
}
}
/* line 317, web/themes/bricklett/scss/components/_people.scss */
.c-people__viewheader {
text-align: center;
padding-bottom: 1.3rem;
}
/* line 322, web/themes/bricklett/scss/components/_people.scss */
.c-people__slide-up {
padding: .5rem;
background-color: white;
position: relative;
width: 100%;
min-height: 5.9375rem;
transition: bottom 500ms linear;
}
/* line 331, web/themes/bricklett/scss/components/_people.scss */
.c-people__card {
display: block;
background-color: #e8e8de;
text-align: center;
overflow: hidden;
/*&:hover {
.c-people__slide-up {
bottom: 0;
}
}*/
}
/* line 337, web/themes/bricklett/scss/components/_people.scss */
.c-people__card .field--name-field-teaser-media {
/*have to use drupal's trash names because of some ds issues*/
height: 100%;
position: relative;
z-index: 0;
}
/* line 342, web/themes/bricklett/scss/components/_people.scss */
.c-people__card .field--name-field-teaser-media img {
display: block;
}
/* line 347, web/themes/bricklett/scss/components/_people.scss */
.c-people__card .c-people__name {
font-size: 0.875rem;
color: #373737;
font-weight: 300;
}
@media screen and (min-width: 1024px) {
/* line 347, web/themes/bricklett/scss/components/_people.scss */
.c-people__card .c-people__name {
font-size: 1rem;
}
}
/* line 354, web/themes/bricklett/scss/components/_people.scss */
.c-people__card .c-people__position {
font-size: 0.75rem;
color: #373737;
}
@media screen and (min-width: 1024px) {
/* line 354, web/themes/bricklett/scss/components/_people.scss */
.c-people__card .c-people__position {
font-size: .9rem;
}
}
/* line 360, web/themes/bricklett/scss/components/_people.scss */
.c-people__card::after {
/*
content: '';
display: block;
padding-top: 100%;
*/
}
/* line 375, web/themes/bricklett/scss/components/_people.scss */
.c-people__ordering-list {
padding: 0;
margin: 1.3rem 0;
list-style: none;
}
/* line 380, web/themes/bricklett/scss/components/_people.scss */
.c-people__ordering-list > li {
clear: left;
}
/* line 384, web/themes/bricklett/scss/components/_people.scss */
.c-people__ordering-list li {
margin: .5rem 0;
}
/* line 385, web/themes/bricklett/scss/components/_people.scss */
.c-people__ordering-list ul li {
width: 50%;
float: left;
list-style: none;
padding: 0 .5rem;
}
/* line 394, web/themes/bricklett/scss/components/_people.scss */
.c-people--ordering-table thead,
.c-people--ordering-table .tabledrag-toggle-weight-wrapper {
display: none;
}
/* line 396, web/themes/bricklett/scss/components/_people.scss */
.c-people--ordering-table table {
border-top: 1px solid;
}
/* line 398, web/themes/bricklett/scss/components/_people.scss */
.c-people--ordering-table table .handle {
height: 24px;
width: 24px;
}
/* line 402, web/themes/bricklett/scss/components/_people.scss */
.c-people--ordering-table table .draggable a.tabledrag-handle {
margin: 5px 0 -5px;
}
/* line 405, web/themes/bricklett/scss/components/_people.scss */
.c-people--ordering-table table tr.drag-previous,
.c-people--ordering-table table tr.drag {
background-color: #e8e8de;
}
/* ==========================================================================
#Donation forms component
========================================================================== */
/*doc
---
title: Donation Forms
name: donations-widgets
category: Components - Donation Forms
---
This is the Donations widgets component which has multiple variations.
```html_example
```
*/
/* line 33, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation #edit-payment-request-button p.description {
text-align: center;
}
/* line 38, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation fieldset.form-composite {
margin: 0;
}
/* line 42, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation .ui-button-text {
height: 1.5625rem;
line-height: 23px;
font-family: "Roboto", sans-serif;
font-size: 15px;
}
/* line 50, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation #edit-amount-buttons .ui-button-text,
.c-donation #edit-amount-buttons label {
background: #e8e8e8;
height: 50px;
font-size: 18px;
font-weight: 500;
line-height: 50px;
color: #828282;
border-radius: 5px;
border: 1px solid #b5b5b5;
text-align: center;
cursor: pointer;
}
/* line 63, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation #edit-amount-buttons .ui-button-text.error,
.c-donation #edit-amount-buttons label.error {
border: 1px solid #d11149;
box-shadow: inset 0 0 0 1px #d11149;
}
/* line 69, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation #edit-amount-buttons .ui-widget.ui-state-active .ui-button-text,
.c-donation #edit-amount-buttons label.ui-state-active {
background: #30a3f3;
color: #fff;
}
/* line 75, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation #edit-amount-buttons + .webform-buttons-other-input {
position: relative;
margin-top: 1%;
height: 50px;
}
/* line 80, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation #edit-amount-buttons + .webform-buttons-other-input input {
/*position: absolute;
top: -23px;
width: 48%;*/
}
@media screen and (min-width: 640px) {
/* line 80, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation #edit-amount-buttons + .webform-buttons-other-input input {
top: -20px;
}
}
@media screen and (min-width: 1024px) {
/* line 80, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation #edit-amount-buttons + .webform-buttons-other-input input {
top: -50px;
right: 0;
width: 48%;
margin-right: 2%;
}
}
/* line 96, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation [type="checkbox"] + label {
font-size: 15px;
margin-left: 5px;
color: #828282;
}
/* line 102, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__cards {
margin-top: .5rem;
}
/* line 106, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation h1.c-donation__intro_mobile {
font-size: 2.75rem;
text-align: center;
margin-bottom: 20px;
line-height: 60px;
}
/* line 113, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation h1.c-donation__intro {
font-size: 3.75rem;
text-align: center;
margin-bottom: 0;
}
/* line 118, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation h1.c-donation__intro_mobile {
display: none;
}
@media screen and (min-width: 640px) {
/* line 113, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation h1.c-donation__intro {
display: block;
}
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 113, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation h1.c-donation__intro {
display: none;
}
/* line 135, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation h1.c-donation__intro_mobile {
display: block;
}
}
/* line 144, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation .c-donation__intro p {
font-family: "OldStyleMT-Regular", serif;
margin: 5px -100px 10px;
text-align: center;
font-size: 25px;
margin-bottom: 0.9375rem;
}
@media screen and (min-width: 640px) {
/* line 144, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation .c-donation__intro p {
display: block;
}
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 144, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation .c-donation__intro p {
display: none;
}
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 160, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation .c-donation__intro h1 {
font-size: 2rem;
}
}
/* line 169, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation .c-donation__intro--flush .c-donation__intro p {
margin-left: 0;
margin-right: 0;
}
/* line 176, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__button-1 {
margin: 0;
}
/* line 180, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__otherways {
margin: 0.65rem auto;
}
/* line 183, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__otherways a {
color: #373737;
}
/* line 186, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__otherways a:hover {
text-decoration: underline;
}
/* line 192, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form {
border-radius: .5rem;
background: #fff;
overflow: hidden;
padding: 0 1.3rem;
min-height: 500px;
}
/* line 199, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .ui-buttonset,
.c-donation__form .ui-buttonset .ui-button {
margin: 0;
}
/* line 204, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .ui-state-default,
.c-donation__form .ui-widget-content .ui-state-default,
.c-donation__form .ui-widget-header .ui-state-default {
border: 0;
}
/* line 212, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__amount {
margin-top: 1em;
margin-bottom: 1em;
font-size: .7rem;
}
/* line 217, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__amount .ui-button {
width: 49%;
margin: 1% 1% 0 0;
}
@media screen and (min-width: 640px) {
/* line 217, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__amount .ui-button {
width: 32.33333%;
}
}
@media screen and (min-width: 1024px) {
/* line 217, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__amount .ui-button {
width: 24%;
}
}
/* line 225, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__amount .ui-corner-right {
width: 33%;
}
/* line 232, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step {
display: none;
padding-top: 1.5rem;
position: relative;
}
/* line 237, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step--back {
color: #fff;
background: #30a3f3;
font-size: .5rem;
display: block;
position: absolute;
top: 0;
left: 0;
text-align: center;
width: 2.75rem;
padding: .25rem;
cursor: pointer;
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 237, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step--back {
position: relative;
width: calc(100% + 3rem);
margin: -1.5rem -1.5rem 1.5rem;
}
}
/* line 257, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step--back span {
font-size: .7rem;
line-height: 1.3rem;
display: block;
font-weight: 500;
}
@media screen and (min-width: 0) and (max-width: 639px) {
/* line 257, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step--back span {
display: inline;
margin-right: .25rem;
}
}
/* line 270, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step input:not(.c-btn),
.c-donation__form .c-donation__step .chosen-container-single .chosen-single span,
.c-donation__form .c-donation__step .chosen-container .chosen-results li {
padding: .6rem .4rem;
font-size: .8rem;
line-height: 1;
height: 2.5rem;
border: 1px solid rgba(55, 55, 55, 0.5);
}
/* line 280, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step#step_1 {
padding-top: 0;
}
/* line 283, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step#step_1 #edit-email {
/*background: lighten($nobel, 10%);
border: 0; */
background: rgba(232, 232, 222, 0.5);
border: 1px solid;
display: block;
margin: 0 auto;
max-width: 200px;
padding: 0 20px;
font-size: 20px;
}
@media screen and (min-width: 640px) {
/* line 283, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step#step_1 #edit-email {
max-width: 300px;
}
}
/* line 295, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step#step_1 #edit-email.error {
border: 1px solid #d11149;
box-shadow: inset 0 0 0 1px #d11149;
}
/* line 303, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step#step_2 .js-webform-name,
.c-donation__form .c-donation__step#step_2 .js-webform-type-webform-name {
margin: 1rem 0 0;
}
/* line 308, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step#step_2 .c-donation__navigation {
margin: -50px 0 0;
}
/* line 313, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step #edit-address--wrapper {
margin: 0 0 1.3rem;
}
/* line 316, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step #edit-address--wrapper + .js-form-type-tel {
left: 50%;
margin: 0;
position: relative;
top: -65px;
width: 50%;
}
@media screen and (min-width: 640px) {
/* line 316, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step #edit-address--wrapper + .js-form-type-tel {
top: -81px;
}
}
/* line 324, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step #edit-address--wrapper + .js-form-type-tel #edit-phone {
margin-bottom: .25rem;
background: rgba(232, 232, 222, 0.5);
border: 1px solid;
}
/* line 333, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step.current {
display: block;
}
/* line 337, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step h6 {
font-size: 1em;
text-align: center;
margin-bottom: 0;
font-weight: 400;
}
/* line 344, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step .form-item-email {
margin-bottom: 0;
}
/* line 348, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step .form-item-opt-in {
font-size: .6rem;
text-align: center;
margin: .3rem 0 1rem;
}
/* line 353, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step .form-item-opt-in input {
margin: 0;
height: auto;
display: inline-block;
}
/* line 360, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step .webform-name,
.c-donation__form .c-donation__step .webform-address,
.c-donation__form .c-donation__step .js-webform-type-webform-name .fieldset-wrapper,
.c-donation__form .c-donation__step .js-webform-type-webform-address .fieldset-wrapper {
display: -webkit-box;
display: -moz-box;
display: box;
display: -moz-flex;
display: flex;
flex-flow: wrap;
box-pack: justify;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
}
/* line 368, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step .webform-name .form-item,
.c-donation__form .c-donation__step .webform-address .form-item,
.c-donation__form .c-donation__step .js-webform-type-webform-name .fieldset-wrapper .form-item,
.c-donation__form .c-donation__step .js-webform-type-webform-address .fieldset-wrapper .form-item {
flex-basis: 48.5%;
-ms-flex-preferred-size: 48.5%;
-webkit-flex-basis: 48.5%;
margin: 0;
}
/* line 372, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step .webform-name .form-item.form-item-address-address, .c-donation__form .c-donation__step .webform-name .form-item.form-item-address-address-2,
.c-donation__form .c-donation__step .webform-address .form-item.form-item-address-address,
.c-donation__form .c-donation__step .webform-address .form-item.form-item-address-address-2,
.c-donation__form .c-donation__step .js-webform-type-webform-name .fieldset-wrapper .form-item.form-item-address-address,
.c-donation__form .c-donation__step .js-webform-type-webform-name .fieldset-wrapper .form-item.form-item-address-address-2,
.c-donation__form .c-donation__step .js-webform-type-webform-address .fieldset-wrapper .form-item.form-item-address-address,
.c-donation__form .c-donation__step .js-webform-type-webform-address .fieldset-wrapper .form-item.form-item-address-address-2 {
flex-basis: 100%;
-ms-flex-preferred-size: 100%;
-webkit-flex-basis: 100%;
}
/* line 377, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step .webform-name .form-item.form-item-address-state-province, .c-donation__form .c-donation__step .webform-name .form-item.form-item-address-postal-code,
.c-donation__form .c-donation__step .webform-address .form-item.form-item-address-state-province,
.c-donation__form .c-donation__step .webform-address .form-item.form-item-address-postal-code,
.c-donation__form .c-donation__step .js-webform-type-webform-name .fieldset-wrapper .form-item.form-item-address-state-province,
.c-donation__form .c-donation__step .js-webform-type-webform-name .fieldset-wrapper .form-item.form-item-address-postal-code,
.c-donation__form .c-donation__step .js-webform-type-webform-address .fieldset-wrapper .form-item.form-item-address-state-province,
.c-donation__form .c-donation__step .js-webform-type-webform-address .fieldset-wrapper .form-item.form-item-address-postal-code {
flex-basis: 24.25%;
-ms-flex-preferred-size: 24.25%;
-webkit-flex-basis: 24.25%;
}
/* line 384, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step .webform-name label,
.c-donation__form .c-donation__step .webform-address label,
.c-donation__form .c-donation__step .js-webform-type-webform-name .fieldset-wrapper label,
.c-donation__form .c-donation__step .js-webform-type-webform-address .fieldset-wrapper label {
display: none;
}
/* line 388, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step .webform-name input,
.c-donation__form .c-donation__step .webform-name select,
.c-donation__form .c-donation__step .webform-address input,
.c-donation__form .c-donation__step .webform-address select,
.c-donation__form .c-donation__step .js-webform-type-webform-name .fieldset-wrapper input,
.c-donation__form .c-donation__step .js-webform-type-webform-name .fieldset-wrapper select,
.c-donation__form .c-donation__step .js-webform-type-webform-address .fieldset-wrapper input,
.c-donation__form .c-donation__step .js-webform-type-webform-address .fieldset-wrapper select {
flex-basis: 45%;
-ms-flex-preferred-size: 45%;
-webkit-flex-basis: 45%;
width: 100%;
margin-bottom: .25rem;
background: rgba(232, 232, 222, 0.5);
border: 1px solid;
}
/* line 396, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step .webform-name input.error,
.c-donation__form .c-donation__step .webform-name select.error,
.c-donation__form .c-donation__step .webform-address input.error,
.c-donation__form .c-donation__step .webform-address select.error,
.c-donation__form .c-donation__step .js-webform-type-webform-name .fieldset-wrapper input.error,
.c-donation__form .c-donation__step .js-webform-type-webform-name .fieldset-wrapper select.error,
.c-donation__form .c-donation__step .js-webform-type-webform-address .fieldset-wrapper input.error,
.c-donation__form .c-donation__step .js-webform-type-webform-address .fieldset-wrapper select.error {
border: 2px solid #d11149;
}
/* line 401, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step .webform-name select,
.c-donation__form .c-donation__step .webform-address select,
.c-donation__form .c-donation__step .js-webform-type-webform-name .fieldset-wrapper select,
.c-donation__form .c-donation__step .js-webform-type-webform-address .fieldset-wrapper select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 5px;
font-size: .8rem;
line-height: 1;
padding: .6rem .4rem;
height: 2.5rem;
}
/* line 411, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step .webform-name .js-form-type-select,
.c-donation__form .c-donation__step .webform-name .c-custom-select,
.c-donation__form .c-donation__step .webform-address .js-form-type-select,
.c-donation__form .c-donation__step .webform-address .c-custom-select,
.c-donation__form .c-donation__step .js-webform-type-webform-name .fieldset-wrapper .js-form-type-select,
.c-donation__form .c-donation__step .js-webform-type-webform-name .fieldset-wrapper .c-custom-select,
.c-donation__form .c-donation__step .js-webform-type-webform-address .fieldset-wrapper .js-form-type-select,
.c-donation__form .c-donation__step .js-webform-type-webform-address .fieldset-wrapper .c-custom-select {
position: relative;
}
/* line 415, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step .webform-name .js-form-type-select::after,
.c-donation__form .c-donation__step .webform-name .c-custom-select::after,
.c-donation__form .c-donation__step .webform-address .js-form-type-select::after,
.c-donation__form .c-donation__step .webform-address .c-custom-select::after,
.c-donation__form .c-donation__step .js-webform-type-webform-name .fieldset-wrapper .js-form-type-select::after,
.c-donation__form .c-donation__step .js-webform-type-webform-name .fieldset-wrapper .c-custom-select::after,
.c-donation__form .c-donation__step .js-webform-type-webform-address .fieldset-wrapper .js-form-type-select::after,
.c-donation__form .c-donation__step .js-webform-type-webform-address .fieldset-wrapper .c-custom-select::after {
background-image: url("../../processed/svg/arrow_black.svg");
background-repeat: no-repeat;
background-size: auto 100%;
font-size: .8em;
right: .5rem;
position: absolute;
top: .4rem;
vertical-align: middle;
height: 1.2em;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
width: 1em;
content: '';
pointer-events: none;
display: block;
}
/* line 434, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step .StripeElement {
margin-bottom: .25rem;
background: rgba(232, 232, 222, 0.5);
border: 0;
font-size: .8rem;
line-height: 1;
padding: .4rem;
border-radius: 5px;
}
/* line 444, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .c-donation__step textarea {
background: rgba(232, 232, 222, 0.5);
border: 0;
}
/* line 450, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__form .field--type-stacks-type .form-actions {
border: 0;
}
/* line 455, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__header {
font-size: 1rem;
border-bottom: 2px solid #30a3f3;
margin: 0 -1.3rem 0.65rem;
overflow: hidden;
}
/* line 460, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__header::after {
content: '';
display: table;
clear: both;
}
/* line 466, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__header label {
display: block;
float: left;
width: 50%;
border: 0 !important;
color: #30a3f3;
margin: 0;
text-transform: uppercase;
border-radius: 0;
background: none;
text-align: center;
padding-top: .25rem;
padding-bottom: .25rem;
cursor: pointer;
}
/* line 481, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__header label.ui-button {
border-radius: 0;
background: #fff;
border-color: transparent;
}
/* line 487, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__header label.ui-state-active {
color: #fff !important;
background: #30a3f3 !important;
border-color: #30a3f3 !important;
}
/* line 494, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__header input {
margin: 0;
}
/* line 499, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation .c-widget__thankyou {
display: -webkit-box;
display: -moz-box;
display: box;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
flex-wrap: wrap;
align-content: center;
-ms-flex-line-pack: center;
box-pack: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
min-height: 345px;
}
/* line 506, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation .c-widget__thankyou .c-cta-widget__headline {
font-family: "OldStyleMT-Regular", serif;
margin-bottom: 0;
}
/* line 511, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation .c-widget__thankyou .c-cta-widget__text {
font-family: "OldStyleMT-Regular", serif;
font-size: 1rem;
line-height: 1.3rem;
}
/* line 517, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation .c-widget__thankyou + #step_1 {
display: none;
}
/* line 522, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__link {
text-align: center;
margin: 0;
}
/* line 526, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__link a {
font-size: .75rem;
border-bottom: 1px solid #30a3f3;
}
/* line 533, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-number-label {
color: #fff;
background: #0f324e;
font-size: 1em;
text-align: center;
display: inline-block;
border-radius: 1em;
width: 1.73333em;
margin-right: .5em;
}
/* line 545, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation--light .c-donation__intro {
color: #fff;
}
/* line 551, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation.t-bg-blue .c-donation__form,
.c-donation.t-bg-blue .c-widget__thankyou .c-cta-widget__text,
.c-donation.c-donation--light .c-widget__thankyou .c-cta-widget__text,
.c-donation.t-bg-blue .c-widget__thankyou .c-cta-widget__headline,
.c-donation.c-donation--light .c-widget__thankyou .c-cta-widget__headline {
color: #373737;
}
/* line 560, web/themes/bricklett/scss/components/_donation-forms.scss */
.field--type-stacks-type .c-donation .form-actions {
border-top: 0;
}
/* line 564, web/themes/bricklett/scss/components/_donation-forms.scss */
.js-webform-buttons-other-input {
width: 100% !important;
}
/* line 567, web/themes/bricklett/scss/components/_donation-forms.scss */
.js-webform-buttons-other-input input {
width: 100% !important;
border-radius: 4px;
}
/* confirmation hacks */
/* line 575, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__confirmation .c-donation__intro {
display: none;
}
/* line 579, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__confirmation .c-donation__form {
background: none;
padding: 0;
overflow: visible;
}
/* line 585, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__confirmation .c-cta-widget__headline {
text-align: center;
margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
/* line 585, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__confirmation .c-cta-widget__headline {
margin: inherit -100px;
font-size: 3.75rem;
}
}
/* line 596, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__confirmation .c-widget__thankyou .c-cta-widget__text {
text-align: center;
overflow: visible;
}
@media screen and (min-width: 1024px) {
/* line 596, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation__confirmation .c-widget__thankyou .c-cta-widget__text {
margin: 5px -100px .9375rem;
font-size: 1.25rem;
}
}
/* line 607, web/themes/bricklett/scss/components/_donation-forms.scss */
.c-donation.t-bg-blue .c-donation__confirmation .c-donation__form,
.c-donation.t-bg-blue .c-donation__confirmation .c-widget__thankyou .c-cta-widget__text,
.c-donation.c-donation--light .c-donation__confirmation .c-widget__thankyou .c-cta-widget__text,
.c-donation.t-bg-blue .c-donation__confirmation .c-widget__thankyou .c-cta-widget__headline,
.c-donation.c-donation--light .c-donation__confirmation .c-widget__thankyou .c-cta-widget__headline {
color: #fff;
}
/*doc
---
title: Donations forms Light
name: donantions-widgets-light
category: Components - Donation Forms
---
This is the Light CTA widgets component.
```html_example
```
*/
/*doc
---
title: Donations forms Dark
name: donantions-widgets-dark
category: Components - Donation Forms
---
This is the White CTA widget with email component.
```html_example
```
*/
/* ==========================================================================
#contact forms component
========================================================================== */
/* line 8, web/themes/bricklett/scss/components/_contact-forms.scss */
.c-contact-form__wrap {
max-width: 660px;
margin: 0 auto;
}
/* line 13, web/themes/bricklett/scss/components/_contact-forms.scss */
.c-contact-form .c-contact-form__row--date {
max-height: 88px;
overflow: hidden;
}
/* line 19, web/themes/bricklett/scss/components/_contact-forms.scss */
.c-contact-form form h2 {
text-align: center;
font-size: 2.5rem;
}
/* line 24, web/themes/bricklett/scss/components/_contact-forms.scss */
.c-contact-form form .form-item {
margin: 0;
}
/* line 28, web/themes/bricklett/scss/components/_contact-forms.scss */
.c-contact-form form label {
font-size: .7rem;
padding: 0 0 .25rem .25rem;
}
/* line 32, web/themes/bricklett/scss/components/_contact-forms.scss */
.c-contact-form form label.c-contact-form--required {
color: #d11149;
text-align: right;
display: block;
}
/* line 39, web/themes/bricklett/scss/components/_contact-forms.scss */
.c-contact-form form input[type="text"],
.c-contact-form form input[type="date"],
.c-contact-form form input[type="email"],
.c-contact-form form input[type="number"],
.c-contact-form form input[type="tel"],
.c-contact-form form textarea,
.c-contact-form form select,
.c-contact-form form .chosen-container-single .chosen-single {
background-color: rgba(232, 232, 222, 0.5);
background-image: none;
margin-bottom: .75rem;
width: 100%;
padding: .6rem .4rem;
height: 50px;
border: 1px solid rgba(55, 55, 55, 0.5);
font-size: .8rem;
line-height: 1;
}
/* line 57, web/themes/bricklett/scss/components/_contact-forms.scss */
.c-contact-form form input[type="text"]:required:focus:valid,
.c-contact-form form input[type="date"]:required:focus:valid,
.c-contact-form form input[type="email"]:required:focus:valid,
.c-contact-form form input[type="number"]:required:focus:valid,
.c-contact-form form input[type="tel"]:required:focus:valid,
.c-contact-form form textarea:required:focus:valid,
.c-contact-form form select:required:focus:valid,
.c-contact-form form .chosen-container-single .chosen-single:required:focus:valid {
border: #0a8754 2px solid;
padding: .55rem .35rem;
}
/* line 62, web/themes/bricklett/scss/components/_contact-forms.scss */
.c-contact-form form input[type="text"]:required:focus:invalid,
.c-contact-form form input[type="date"]:required:focus:invalid,
.c-contact-form form input[type="email"]:required:focus:invalid,
.c-contact-form form input[type="number"]:required:focus:invalid,
.c-contact-form form input[type="tel"]:required:focus:invalid,
.c-contact-form form textarea:required:focus:invalid,
.c-contact-form form select:required:focus:invalid,
.c-contact-form form .chosen-container-single .chosen-single:required:focus:invalid {
border: #d11149 2px solid;
padding: .55rem .35rem;
}
/* line 68, web/themes/bricklett/scss/components/_contact-forms.scss */
.c-contact-form form select:required:valid + .chosen-container:hover > .chosen-single {
border: #0a8754 2px solid;
padding: .55rem .35rem;
}
/* line 73, web/themes/bricklett/scss/components/_contact-forms.scss */
.c-contact-form form select:required:invalid + .chosen-container:hover > .chosen-single {
border: #d11149 2px solid;
padding: .55rem .35rem;
}
/* line 80, web/themes/bricklett/scss/components/_contact-forms.scss */
.c-contact-form form input[type="date"]::-webkit-inner-spin-button, .c-contact-form form input[type="date"]::-webkit-outer-spin-button {
display: none;
}
/* line 85, web/themes/bricklett/scss/components/_contact-forms.scss */
.c-contact-form form input[type="date"]::-webkit-calendar-picker-indicator {
-webkit-appearance: none;
color: rgba(255, 255, 255, 0);
height: 30px;
width: 30px;
}
/* line 91, web/themes/bricklett/scss/components/_contact-forms.scss */
.c-contact-form form input[type="date"]::-webkit-calendar-picker-indicator:hover {
background: rgba(255, 255, 255, 0);
}
/* line 97, web/themes/bricklett/scss/components/_contact-forms.scss */
.c-contact-form form input[type="date"]::-webkit-input-placeholder {
visibility: hidden !important;
}
/* line 103, web/themes/bricklett/scss/components/_contact-forms.scss */
.c-contact-form form .js-form-type-date {
width: 85%;
display: inline-block;
}
/* line 107, web/themes/bricklett/scss/components/_contact-forms.scss */
.c-contact-form form .js-form-type-date::after {
content: '\f073';
display: inline-block;
font-size: 1rem;
font-family: "FontAwesome";
position: relative;
top: -2.6rem;
left: 85%;
pointer-events: none;
}
/* line 118, web/themes/bricklett/scss/components/_contact-forms.scss */
.c-contact-form form .js-form-type-date input {
cursor: pointer;
}
/* line 123, web/themes/bricklett/scss/components/_contact-forms.scss */
.c-contact-form form .chosen-container-single {
margin-bottom: .75rem;
height: 50px;
}
/* line 127, web/themes/bricklett/scss/components/_contact-forms.scss */
.c-contact-form form .chosen-container-single .chosen-single {
height: 50px;
line-height: 1;
border-radius: 5px;
box-shadow: none;
margin-bottom: 0;
}
/* line 134, web/themes/bricklett/scss/components/_contact-forms.scss */
.c-contact-form form .chosen-container-single .chosen-single span {
font-size: .85rem;
line-height: 1.5;
}
/* line 147, web/themes/bricklett/scss/components/_contact-forms.scss */
.c-contact-form.t-bg-sand input[type="text"],
.c-contact-form.t-bg-sand input[type="date"],
.c-contact-form.t-bg-sand input[type="email"],
.c-contact-form.t-bg-sand input[type="number"],
.c-contact-form.t-bg-sand input[type="tel"],
.c-contact-form.t-bg-sand textarea,
.c-contact-form.t-bg-sand .chosen-container-single .chosen-single,
.c-contact-form.t-bg-sand select, .c-contact-form.t-bg-blue input[type="text"],
.c-contact-form.t-bg-blue input[type="date"],
.c-contact-form.t-bg-blue input[type="email"],
.c-contact-form.t-bg-blue input[type="number"],
.c-contact-form.t-bg-blue input[type="tel"],
.c-contact-form.t-bg-blue textarea,
.c-contact-form.t-bg-blue .chosen-container-single .chosen-single,
.c-contact-form.t-bg-blue select {
background-color: rgba(255, 255, 255, 0.5);
}
/* line 159, web/themes/bricklett/scss/components/_contact-forms.scss */
.c-contact-form .c-widget__thankyou {
display: -webkit-box;
display: -moz-box;
display: box;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
box-lines: multiple;
flex-wrap: wrap;
align-content: center;
-ms-flex-line-pack: center;
box-pack: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
min-height: 345px;
}
/* line 167, web/themes/bricklett/scss/components/_contact-forms.scss */
.c-contact-form .c-widget__thankyou h2 {
font-family: "OldStyleMT-Regular", serif;
text-align: center;
line-height: 1;
margin-bottom: 1em;
}
/* line 175, web/themes/bricklett/scss/components/_contact-forms.scss */
.c-contact-form .c-widget__thankyou div {
font-family: "OldStyleMT-Regular", serif;
font-size: 1rem;
line-height: 1.3rem;
}
/* calendar */
/* line 184, web/themes/bricklett/scss/components/_contact-forms.scss */
.ui-datepicker.ui-widget {
max-width: 250px;
font-size: .6rem;
border: 0;
background: #f8f8f5;
border-radius: 0;
box-shadow: 0 3px 5px 2px rgba(55, 55, 55, 0.5);
}
/* line 192, web/themes/bricklett/scss/components/_contact-forms.scss */
.ui-datepicker.ui-widget::before {
border: 1rem solid;
border-color: transparent transparent #f8f8f5;
height: 0;
width: 0;
content: '';
position: absolute;
left: 85px;
top: -2rem;
display: block;
}
/* line 204, web/themes/bricklett/scss/components/_contact-forms.scss */
.ui-datepicker.ui-widget .ui-datepicker-header,
.ui-datepicker.ui-widget .ui-state-default,
.ui-datepicker.ui-widget .ui-widget-content .ui-state-default,
.ui-datepicker.ui-widget .ui-widget-header .ui-state-default {
background: none;
border: 0;
text-align: center;
}
/* line 212, web/themes/bricklett/scss/components/_contact-forms.scss */
.ui-datepicker.ui-widget .ui-datepicker-header.ui-state-highlight,
.ui-datepicker.ui-widget .ui-state-default.ui-state-highlight,
.ui-datepicker.ui-widget .ui-widget-content .ui-state-default.ui-state-highlight,
.ui-datepicker.ui-widget .ui-widget-header .ui-state-default.ui-state-highlight {
background: #fff;
}
/* style for form block */
/* line 219, web/themes/bricklett/scss/components/_contact-forms.scss */
#block-newsroomandpeoplectablock {
clear: both;
}
/* captcha */
/* line 228, web/themes/bricklett/scss/components/_contact-forms.scss */
.g-recaptcha {
width: 300px;
height: 74px;
overflow: hidden;
margin: 0 auto;
}
/* line 234, web/themes/bricklett/scss/components/_contact-forms.scss */
.g-recaptcha > div {
position: relative;
left: -1px;
top: -1px;
}
/* popup only */
/* line 241, web/themes/bricklett/scss/components/_contact-forms.scss */
.ap-email-signup .g-recaptcha {
opacity: .75;
width: 220px;
margin-bottom: .5rem;
}
/* contact form */
/* line 247, web/themes/bricklett/scss/components/_contact-forms.scss */
.c-contact-form__wrap .g-recaptcha {
margin-left: 0;
}
/* line 1, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv {
width: 90%;
margin: 0 auto;
}
/* line 5, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv h1.c-page-head__headline {
font-size: 3rem;
margin-bottom: 50px;
text-align: center;
}
@media screen and (max-width: 1024px) {
/* line 5, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv h1.c-page-head__headline {
font-size: 2rem;
}
}
/* line 15, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv h1.c-page-head__headline.opt-out {
font-size: 2.5rem;
}
/* line 19, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv #edit-intro {
background-color: #f1f1eb;
text-align: center;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
padding: 40px 0;
margin-bottom: 30px;
}
/* line 33, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv #edit-intro p {
margin: 0 2% 40px 2%;
font-weight: 400;
}
/* line 38, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv #edit-intro input {
font-weight: 400;
padding-left: 20px;
}
/* line 43, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv #edit-intro label {
margin-bottom: 5px;
}
/* line 48, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv .mpv-form {
font-weight: 300;
}
/* line 51, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv .mpv-form label {
font-weight: 300;
}
/* line 54, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv .mpv-form label b {
font-weight: 400;
}
/* line 59, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv .mpv-form form {
background-color: #e4e4da;
margin: 0 auto;
padding-bottom: 50px;
border-radius: 15px;
}
/* line 68, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv .mpv-form .form-item {
margin: 0;
}
/* line 72, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv .mpv-form .form-type-email {
margin: 0 auto;
width: 50%;
}
/* line 76, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv .mpv-form .form-type-email label {
text-align: left;
}
/* line 81, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv .mpv-form .form-type-checkbox {
margin: 0 10% 25px;
border-bottom: 1px solid #CCC;
padding-bottom: 25px;
}
/* line 86, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv .mpv-form .form-type-checkbox input {
display: block;
float: left;
margin-top: 7px;
}
/* line 92, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv .mpv-form .form-type-checkbox label {
margin-left: 30px;
display: block;
}
/* line 99, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv #edit-opt-out-wrapper {
margin: 0 10%;
border: none;
text-align: center;
}
/* line 104, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv #edit-opt-out-wrapper a {
color: #373737;
text-decoration: underline;
}
/* line 110, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv .form-actions {
text-align: center;
margin: 0;
}
/* line 113, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv .form-actions input {
margin: 0;
}
@media screen and (max-width: 768px) {
/* line 1, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv {
width: 100%;
}
/* line 121, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv h1.c-page-head__headline {
font-size: 1.5rem;
margin-bottom: 30px;
}
/* line 126, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv #edit-intro p {
margin-bottom: 30px;
}
/* line 130, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv .mpv-form .form-type-email {
width: 80%;
}
/* line 134, web/themes/bricklett/scss/components/_manage_preferences_vip.scss */
#mpv #edit-opt-out-wrapper .form-type-checkbox {
margin: 0;
}
}
/* ==========================================================================
#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, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-hide {
display: none !important;
}
/* line 32, web/themes/bricklett/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, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-left {
float: left !important;
}
/* line 71, web/themes/bricklett/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, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-text-left {
text-align: left !important;
}
/* line 107, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-text-right {
text-align: right !important;
}
/* line 108, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-text-center {
text-align: center !important;
}
@media screen and (min-width: 1024px) {
/* line 110, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-text-center--large {
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 136, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-sans {
font-family: "Roboto", sans-serif;
}
/* line 137, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-serif {
font-family: "OldStyleMT-Regular", serif;
}
/* BG Colors
========================================================================== */
/*doc
---
title: Background colors
name: bg-colors
category: Trumps - Background colors
---
```html_example
Example
```
*/
/* line 158, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-bg-white {
background-color: #fff;
}
/* line 159, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-bg-blue {
background-color: #0f324e;
}
/* line 160, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-bg-sand {
background-color: #e8e8de;
}
/* 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 187, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-mbr {
margin-right: 1.3rem;
}
/* line 188, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-msr {
margin-right: 0.65rem;
}
/* line 189, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-mbl {
margin-left: 1.3rem;
}
/* line 190, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-msl {
margin-left: 0.65rem;
}
/* line 191, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-mbb {
margin-bottom: 1.3rem;
}
/* line 192, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-msb {
margin-bottom: 0.65rem;
}
/* line 193, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-mbt {
margin-top: 1.3rem;
}
/* line 194, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-mst {
margin-top: 0.65rem;
}
/* line 196, web/themes/bricklett/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 219, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-pbr {
padding-right: 1.3rem;
}
/* line 220, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-psr {
padding-right: 0.65rem;
}
/* line 221, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-pbl {
padding-left: 1.3rem;
}
/* line 222, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-psl {
padding-left: 0.65rem;
}
/* line 223, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-nop {
padding: 0;
}
/* line 224, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-nopb {
padding-bottom: 0;
}
/* line 227, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-bg-position__horizontal--left {
background-position-x: left !important;
}
/* line 228, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-bg-position__horizontal--center {
background-position-x: center !important;
}
/* line 229, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-bg-position__horizontal--right {
background-position-x: right !important;
}
/* line 230, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-bg-position__vertical--top {
background-position-y: top !important;
}
/* line 231, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-bg-position__vertical--center {
background-position-y: center !important;
}
/* line 232, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-bg-position__vertical--bottom {
background-position-y: bottom !important;
}
/* line 233, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-fixed-bg {
background-attachment: fixed;
}
@media screen and (min-width: 0) and (max-width: 1023px) and (hover: none) {
/* line 233, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-fixed-bg {
/* custom css for devices where the primary input mechanism cannot hover
at all or cannot conveniently hover */
background-attachment: scroll;
}
}
@media screen and (min-width: 1024px) {
/* line 244, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-with-header {
margin-top: 140px;
}
}
/* line 250, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-flex-list-partners {
display: -webkit-box;
display: -moz-box;
display: box;
display: -moz-flex;
display: flex;
flex-flow: wrap;
box-align: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
align-content: space-around;
-ms-flex-line-pack: distribute;
box-pack: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
list-style: none;
margin-bottom: 1rem;
}
/* line 259, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-flex-list-partners li {
flex-basis: 48%;
-ms-flex-preferred-size: 48%;
-webkit-flex-basis: 48%;
padding: 1rem;
text-align: center;
}
@media screen and (min-width: 640px) {
/* line 259, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-flex-list-partners li {
flex-basis: 32%;
-ms-flex-preferred-size: 32%;
-webkit-flex-basis: 32%;
}
}
@media screen and (min-width: 1024px) {
/* line 259, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-flex-list-partners li {
flex-basis: 24%;
-ms-flex-preferred-size: 24%;
-webkit-flex-basis: 24%;
}
}
/* line 274, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-alpha-mask--dark {
background-color: rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 0) and (max-width: 1023px) {
/* line 274, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-alpha-mask--dark {
position: relative;
top: -90px;
padding-top: 90px;
}
}
/* line 285, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-add-comma::after {
display: inline-block;
content: ',';
padding: 0 5px 0 0;
}
/* line 291, web/themes/bricklett/scss/trumps/_trumps.scss */
.t-add-comma:last-child::after {
display: none;
}
/* Style-guide trumps
========================================================================== */
/* line 299, web/themes/bricklett/scss/trumps/_trumps.scss */
.wf {
background: #ccc;
}
/* ==========================================================================
#States - Classes added with the .is- naming convention
========================================================================== */
/* line 5, web/themes/bricklett/scss/trumps/_states.scss */
.is-shifted {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
width: 100%;
transition: all 0.5s cubic-bezier(0.33, 0.02, 0.46, 0.01);
}
@media screen and (min-width: 1024px) {
/* line 5, web/themes/bricklett/scss/trumps/_states.scss */
.is-shifted {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
/* line 1, web/themes/bricklett/scss/_temp.scss */
.flex {
width: 100%;
display: -webkit-box;
display: -moz-box;
display: box;
display: -moz-flex;
display: flex;
box-align: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
box-pack: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
}
/* Drupal tabs
========================================================================== */
/* line 11, web/themes/bricklett/scss/_temp.scss */
.g-drupal-tabs {
position: fixed;
bottom: 0;
right: 0;
background: #efefef;
z-index: 100;
border: 1px solid #ddd;
margin: 0;
padding: .5rem;
border-top-left-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
/* line 23, web/themes/bricklett/scss/_temp.scss */
.g-drupal-tabs a {
transition: all .25s ease-in-out;
background: #fff;
font-size: .75rem;
display: block;
padding: .35rem .55rem;
border-radius: 3px;
}
/* line 31, web/themes/bricklett/scss/_temp.scss */
.g-drupal-tabs a:link, .g-drupal-tabs a:visited {
color: #373737;
}
/* line 36, web/themes/bricklett/scss/_temp.scss */
.g-drupal-tabs a:hover {
background: rgba(255, 255, 255, 0.8);
}
/* line 42, web/themes/bricklett/scss/_temp.scss */
.node__content p,
.c-widget p {
font-weight: 300;
}
