/* ==========================================================================
Bourbon
========================================================================== */
/* ==========================================================================
#Grid Settings
========================================================================== */
/* Grid variables
========================================================================== */
/* Media Queries
========================================================================== */
@import url("https://fonts.googleapis.com/css?family=Domine:400,700");
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,400i,700");
/* line 4, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_box-sizing.scss */
html {
box-sizing: border-box;
}
/* line 9, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_box-sizing.scss */
*, *::after, *::before {
box-sizing: inherit;
}
/* ==========================================================================
#Global variables
========================================================================== */
/* line 5, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/settings/_global.scss */
body {
overflow: hidden;
}
/* ==========================================================================
Fonts
========================================================================== */
/* ==========================================================================
Misc
========================================================================== */
/* ==========================================================================
Spacing
========================================================================== */
/* ==========================================================================
Colors
========================================================================== */
/*doc
---
title: Colors
name: colors
category: Base - Colors
---
t-bg-black
t-bg-white
t-bg-primary
t-bg-secondary
t-bg-dusty-gray
t-bg-light-gray
t-bg-accent-green
t-bg-accent-yellow
t-bg-accent-blue
*/
/* line 91, /Users/tbf/www/iyfredesign.local/annual-report/2016/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, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.sm-1 {
float: left;
display: block;
margin-right: 3.74426%;
width: 4.90109%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-1:last-child {
margin-right: 0;
}
/* line 13, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.sm-2 {
float: left;
display: block;
margin-right: 3.74426%;
width: 13.54645%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-2:last-child {
margin-right: 0;
}
/* line 13, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.sm-3 {
float: left;
display: block;
margin-right: 3.74426%;
width: 22.1918%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-3:last-child {
margin-right: 0;
}
/* line 13, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.sm-4 {
float: left;
display: block;
margin-right: 3.74426%;
width: 30.83716%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-4:last-child {
margin-right: 0;
}
/* line 13, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.sm-5 {
float: left;
display: block;
margin-right: 3.74426%;
width: 39.48251%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-5:last-child {
margin-right: 0;
}
/* line 13, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.sm-6 {
float: left;
display: block;
margin-right: 3.74426%;
width: 48.12787%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-6:last-child {
margin-right: 0;
}
/* line 13, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.sm-7 {
float: left;
display: block;
margin-right: 3.74426%;
width: 56.77322%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-7:last-child {
margin-right: 0;
}
/* line 13, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.sm-8 {
float: left;
display: block;
margin-right: 3.74426%;
width: 65.41858%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-8:last-child {
margin-right: 0;
}
/* line 13, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.sm-9 {
float: left;
display: block;
margin-right: 3.74426%;
width: 74.06393%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-9:last-child {
margin-right: 0;
}
/* line 13, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.sm-10 {
float: left;
display: block;
margin-right: 3.74426%;
width: 82.70929%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-10:last-child {
margin-right: 0;
}
/* line 13, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.sm-11 {
float: left;
display: block;
margin-right: 3.74426%;
width: 91.35464%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-11:last-child {
margin-right: 0;
}
/* line 13, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.sm-12 {
float: left;
display: block;
margin-right: 3.74426%;
width: 100%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.sm-12:last-child {
margin-right: 0;
}
}
@media screen and (min-width: 768px) {
/* line 21, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.md-1 {
float: left;
display: block;
margin-right: 3.74426%;
width: 4.90109%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-1:last-child {
margin-right: 0;
}
/* line 21, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.md-2 {
float: left;
display: block;
margin-right: 3.74426%;
width: 13.54645%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-2:last-child {
margin-right: 0;
}
/* line 21, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.md-3 {
float: left;
display: block;
margin-right: 3.74426%;
width: 22.1918%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-3:last-child {
margin-right: 0;
}
/* line 21, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.md-4 {
float: left;
display: block;
margin-right: 3.74426%;
width: 30.83716%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-4:last-child {
margin-right: 0;
}
/* line 21, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.md-5 {
float: left;
display: block;
margin-right: 3.74426%;
width: 39.48251%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-5:last-child {
margin-right: 0;
}
/* line 21, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.md-6 {
float: left;
display: block;
margin-right: 3.74426%;
width: 48.12787%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-6:last-child {
margin-right: 0;
}
/* line 21, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.md-7 {
float: left;
display: block;
margin-right: 3.74426%;
width: 56.77322%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-7:last-child {
margin-right: 0;
}
/* line 21, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.md-8 {
float: left;
display: block;
margin-right: 3.74426%;
width: 65.41858%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-8:last-child {
margin-right: 0;
}
/* line 21, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.md-9 {
float: left;
display: block;
margin-right: 3.74426%;
width: 74.06393%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-9:last-child {
margin-right: 0;
}
/* line 21, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.md-10 {
float: left;
display: block;
margin-right: 3.74426%;
width: 82.70929%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-10:last-child {
margin-right: 0;
}
/* line 21, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.md-11 {
float: left;
display: block;
margin-right: 3.74426%;
width: 91.35464%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-11:last-child {
margin-right: 0;
}
/* line 21, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.md-12 {
float: left;
display: block;
margin-right: 3.74426%;
width: 100%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.md-12:last-child {
margin-right: 0;
}
}
@media screen and (min-width: 1025px) {
/* line 29, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.lg-1 {
float: left;
display: block;
margin-right: 3.74426%;
width: 4.90109%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-1:last-child {
margin-right: 0;
}
/* line 29, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.lg-2 {
float: left;
display: block;
margin-right: 3.74426%;
width: 13.54645%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-2:last-child {
margin-right: 0;
}
/* line 29, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.lg-3 {
float: left;
display: block;
margin-right: 3.74426%;
width: 22.1918%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-3:last-child {
margin-right: 0;
}
/* line 29, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.lg-4 {
float: left;
display: block;
margin-right: 3.74426%;
width: 30.83716%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-4:last-child {
margin-right: 0;
}
/* line 29, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.lg-5 {
float: left;
display: block;
margin-right: 3.74426%;
width: 39.48251%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-5:last-child {
margin-right: 0;
}
/* line 29, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.lg-6 {
float: left;
display: block;
margin-right: 3.74426%;
width: 48.12787%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-6:last-child {
margin-right: 0;
}
/* line 29, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.lg-7 {
float: left;
display: block;
margin-right: 3.74426%;
width: 56.77322%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-7:last-child {
margin-right: 0;
}
/* line 29, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.lg-8 {
float: left;
display: block;
margin-right: 3.74426%;
width: 65.41858%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-8:last-child {
margin-right: 0;
}
/* line 29, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.lg-9 {
float: left;
display: block;
margin-right: 3.74426%;
width: 74.06393%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-9:last-child {
margin-right: 0;
}
/* line 29, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.lg-10 {
float: left;
display: block;
margin-right: 3.74426%;
width: 82.70929%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-10:last-child {
margin-right: 0;
}
/* line 29, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.lg-11 {
float: left;
display: block;
margin-right: 3.74426%;
width: 91.35464%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/node_modules/bourbon-neat/app/assets/stylesheets/grid/_span-columns.scss */
.lg-11:last-child {
margin-right: 0;
}
/* line 29, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.lg-12 {
float: left;
display: block;
margin-right: 3.74426%;
width: 100%;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/node_modules/node-neat/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, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.sm-shift-1 {
margin-left: 8.64536%;
}
/* line 44, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.sm-shift-2 {
margin-left: 17.29071%;
}
/* line 44, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.sm-shift-3 {
margin-left: 25.93607%;
}
/* line 44, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.sm-shift-4 {
margin-left: 34.58142%;
}
/* line 44, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.sm-shift-5 {
margin-left: 43.22678%;
}
/* line 44, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.sm-shift-6 {
margin-left: 51.87213%;
}
/* line 44, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.sm-shift-7 {
margin-left: 60.51749%;
}
/* line 44, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.sm-shift-8 {
margin-left: 69.16284%;
}
/* line 44, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.sm-shift-9 {
margin-left: 77.8082%;
}
/* line 44, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.sm-shift-10 {
margin-left: 86.45355%;
}
/* line 44, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.sm-shift-11 {
margin-left: 95.09891%;
}
/* line 44, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.sm-shift-12 {
margin-left: 103.74426%;
}
}
@media screen and (min-width: 768px) {
/* line 50, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.md-shift-1 {
margin-left: 8.64536%;
}
/* line 50, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.md-shift-2 {
margin-left: 17.29071%;
}
/* line 50, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.md-shift-3 {
margin-left: 25.93607%;
}
/* line 50, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.md-shift-4 {
margin-left: 34.58142%;
}
/* line 50, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.md-shift-5 {
margin-left: 43.22678%;
}
/* line 50, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.md-shift-6 {
margin-left: 51.87213%;
}
/* line 50, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.md-shift-7 {
margin-left: 60.51749%;
}
/* line 50, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.md-shift-8 {
margin-left: 69.16284%;
}
/* line 50, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.md-shift-9 {
margin-left: 77.8082%;
}
/* line 50, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.md-shift-10 {
margin-left: 86.45355%;
}
/* line 50, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.md-shift-11 {
margin-left: 95.09891%;
}
/* line 50, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.md-shift-12 {
margin-left: 103.74426%;
}
}
@media screen and (min-width: 1025px) {
/* line 56, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.lg-shift-1 {
margin-left: 8.64536%;
}
/* line 56, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.lg-shift-2 {
margin-left: 17.29071%;
}
/* line 56, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.lg-shift-3 {
margin-left: 25.93607%;
}
/* line 56, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.lg-shift-4 {
margin-left: 34.58142%;
}
/* line 56, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.lg-shift-5 {
margin-left: 43.22678%;
}
/* line 56, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.lg-shift-6 {
margin-left: 51.87213%;
}
/* line 56, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.lg-shift-7 {
margin-left: 60.51749%;
}
/* line 56, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.lg-shift-8 {
margin-left: 69.16284%;
}
/* line 56, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.lg-shift-9 {
margin-left: 77.8082%;
}
/* line 56, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.lg-shift-10 {
margin-left: 86.45355%;
}
/* line 56, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.lg-shift-11 {
margin-left: 95.09891%;
}
/* line 56, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.lg-shift-12 {
margin-left: 103.74426%;
}
}
/* Palette mixin
========================================================================== */
/* Font size mixin
========================================================================== */
/* Other mixins
========================================================================== */
@-webkit-keyframes backgroundZoom {
0% {
-webkit-transform: scale(1.025);
transform: scale(1.025);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes backgroundZoom {
0% {
-webkit-transform: scale(1.025);
transform: scale(1.025);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes fadeInText {
0% {
opacity: 0;
}
66% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInText {
0% {
opacity: 0;
}
66% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeOutText {
0% {
opacity: 1;
}
66% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOutText {
0% {
opacity: 1;
}
66% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes fadeInTextEven {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInTextEven {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes increaseHeight {
0% {
max-height: 0;
}
100% {
max-height: 6000px;
}
}
@keyframes increaseHeight {
0% {
max-height: 0;
}
100% {
max-height: 6000px;
}
}
@-webkit-keyframes decreaseHeight {
0% {
max-height: 500px;
}
100% {
max-height: 0;
}
}
@keyframes decreaseHeight {
0% {
max-height: 500px;
}
100% {
max-height: 0;
}
}
@-webkit-keyframes fadeInDown--short {
from {
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown--short {
from {
opacity: 0;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes fadeInUp--short {
from {
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp--short {
from {
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes slideUp--short {
from {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideUp--short {
from {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes slideUp--long {
from {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
to {
-webkit-transform: translateY(-250px);
transform: translateY(-250px);
}
}
@keyframes slideUp--long {
from {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
to {
-webkit-transform: translateY(-250px);
transform: translateY(-250px);
}
}
@-webkit-keyframes fadeInOverlay {
from {
opacity: 0;
}
to {
opacity: .5;
}
}
@keyframes fadeInOverlay {
from {
opacity: 0;
}
to {
opacity: .5;
}
}
/* ==========================================================================
#Admin bar overrides
========================================================================== */
/* line 5, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.toolbar-bar {
display: none;
}
@media screen and (min-width: 1025px) {
/* line 5, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.toolbar-bar {
display: block;
}
}
/* line 13, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.toolbar-fixed,
.toolbar-horizontal,
.toolbar-vertical {
padding-top: 0 !important;
}
@media screen and (min-width: 1025px) {
/* line 13, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.toolbar-fixed,
.toolbar-horizontal,
.toolbar-vertical {
padding-top: 39px !important;
}
}
@media screen and (min-width: 0) and (max-width: 1024px) {
/* line 24, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
margin-left: 0;
}
}
@media screen and (min-width: 1025px) {
/* line 30, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.toolbar-tray-open {
padding-top: 79px !important;
}
}
/* Drupal tabs
========================================================================== */
/* line 43, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.g-drupal-tabs {
margin: 1.5rem 0;
}
/* line 45, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.g-drupal-tabs a {
margin-bottom: 0;
border-radius: 0;
font-size: 0.66667rem;
}
/**
* DRUPAL: Begin system.base.css.
*/
/**
* @file
* Generic theme-independent base styles.
*/
/* line 60, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.js .form-autocomplete {
background-image: url("/misc/throbber.gif");
background-position: 100% 2px;
/* LTR */
background-repeat: no-repeat;
}
/* line 66, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.js .throbbing {
background-position: 100% -18px;
/* LTR */
}
/* line 70, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.js .collapsed {
border-bottom-width: 0;
border-left-width: 0;
border-right-width: 0;
height: 1em;
}
/* line 76, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.js .collapsed .fieldset-wrapper {
display: none;
}
/* line 81, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.collapsible {
position: relative;
}
/* line 84, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.collapsible .fieldset-legend {
display: block;
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.container-inline div,
.container-inline label {
display: inline;
}
/* line 94, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.container-inline .fieldset-wrapper {
display: block;
}
/* line 98, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.nowrap {
white-space: nowrap;
}
/* line 102, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.js .js-hide {
display: none;
}
/* line 106, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.element-hidden {
display: none;
}
/* line 110, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.element-invisible {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
height: 1px;
margin-bottom: 0;
}
/* line 118, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
position: static !important;
clip: auto;
overflow: visible;
height: auto;
}
/* line 127, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.clearfix::after {
content: '.';
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* IE6 */
/* line 135, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
* html .clearfix {
height: 1%;
}
/* IE7 */
/* line 139, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
*:first-child + html .clearfix {
min-height: 1%;
}
/* Throbber */
/* line 144, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.ajax-progress {
display: inline-block;
}
/* line 147, /Users/tbf/www/iyfredesign.local/annual-report/2016/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 155, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.ajax-progress .message {
padding-left: 20px;
}
/* line 160, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
tr .ajax-progress .throbber {
margin: 0 2px;
}
/* line 164, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.ajax-progress-bar {
width: 16em;
}
/**
* DRUPAL: End system.base.css.
*/
/**
* DRUPAL: contextual.css
*/
/**
* Contextual links regions.
*/
/* line 179, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.contextual-links-region {
outline: none;
position: relative;
}
/* line 184, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.contextual-links-region-active {
outline: #999 dashed 1px;
}
/**
* Contextual links.
*/
/* line 191, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.contextual-links-wrapper {
display: none;
font-size: 90%;
position: absolute;
right: 5px;
/* LTR */
top: 2px;
z-index: 999;
}
/* line 199, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.contextual-links-wrapper a {
text-decoration: none;
}
/* line 202, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.js .contextual-links-wrapper {
display: block;
}
/* line 206, /Users/tbf/www/iyfredesign.local/annual-report/2016/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 219, /Users/tbf/www/iyfredesign.local/annual-report/2016/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 234, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.contextual-links-trigger:hover,
.contextual-links-active .contextual-links-trigger {
background-position: 2px -18px;
}
/* line 239, /Users/tbf/www/iyfredesign.local/annual-report/2016/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 248, /Users/tbf/www/iyfredesign.local/annual-report/2016/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 254, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.contextual-links li {
line-height: 100%;
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
/* line 261, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.contextual-links li a {
color: #333 !important;
display: block;
margin: .25em 0;
padding: .25em 1em .25em .5em;
}
/* line 267, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.contextual-links li a:hover {
background-color: #bfdcee;
}
/**
* DRUPAL: End contextual.css
*/
/* DRUPAL: Fixes */
/* line 278, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.boxes-box-controls,
.context-block-region {
display: none;
}
/* Fix padding error message issue with certain form types. */
/* line 282, /Users/tbf/www/iyfredesign.local/annual-report/2016/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 288, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_admin.scss */
.fb-comments,
.fb-comments span,
.fb-comments.fb_iframe_widget span iframe {
width: 100% !important;
}
/* ==========================================================================
#Reset
========================================================================== */
/* line 6, /Users/tbf/www/iyfredesign.local/annual-report/2016/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, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_reset.scss */
abbr[title],
dfn[title] {
cursor: help;
}
/* line 49, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_reset.scss */
u,
ins {
text-decoration: none;
}
/* line 59, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_reset.scss */
ins {
border-bottom: 1px solid;
}
/* ==========================================================================
#Shared styles - Mainly for setting bottom margin
========================================================================== */
/* line 5, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/generic/_shared.scss */
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
blockquote,
p,
address,
hr,
table,
fieldset,
figure,
pre,
input,
button,
.c-btn,
textarea {
margin: 0 0 1.7rem;
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, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_page.scss */
html {
background-color: #fff;
font-family: "Domine", serif;
font-size: 0.95238rem;
line-height: 1.5;
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;
}
@media screen and (min-width: 768px) {
/* line 34, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_page.scss */
html {
line-height: 1.7;
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 43, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_forms.scss */
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea {
border: 1px solid #ddd;
padding: .35rem;
}
/* line 47, /Users/tbf/www/iyfredesign.local/annual-report/2016/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 53, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_forms.scss */
textarea {
min-height: 3.57143rem;
overflow: auto;
resize: vertical;
width: 100%;
}
/*doc
---
title: Fieldsets
name: d-fieldsets
category: Base - Forms
---
```html_example
```
*/
/* line 80, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_forms.scss */
fieldset {
border: 1px solid #ddd;
margin: 0 0 0.85rem;
padding: 1.7rem;
}
/* line 86, /Users/tbf/www/iyfredesign.local/annual-report/2016/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 128, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_forms.scss */
[type="checkbox"],
[type="radio"] {
display: inline;
margin-right: 0.425rem;
}
/* line 133, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_forms.scss */
[type="checkbox"] + label,
[type="radio"] + label {
display: inline-block;
}
/* line 138, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_forms.scss */
[type="file"] {
margin-bottom: 0.85rem;
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 171, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_forms.scss */
select {
margin-bottom: 1.7rem;
max-width: 100%;
width: auto;
}
/* ==========================================================================
#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, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_headings.scss */
h1,
.alpha {
font-size: 1.71429rem;
line-height: 1.575;
}
/* line 29, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_headings.scss */
h2,
.beta {
font-size: 1.42857rem;
line-height: 1.89;
}
/* line 34, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_headings.scss */
h3,
.gamma {
font-size: 1.14286rem;
line-height: 1.18125;
}
/* line 39, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_headings.scss */
h4,
.delta {
font-size: 0.95238rem;
line-height: 1.4175;
}
/* line 44, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_headings.scss */
h5,
.epsilon {
font-size: 0.7619rem;
line-height: 1.77188;
}
/* line 49, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_headings.scss */
h6,
.zeta {
font-size: 0.66667rem;
line-height: 2.025;
}
/* ==========================================================================
#Images
========================================================================== */
/*doc
---
title: Images
name: images
category: Base - Images
---
Default styling for the image tag. This sets a `max-width` of 100%
to make all images responsive
```html_example
This is a special quote for sure By someone special
```
*/
/* line 21, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_quotes.scss */
blockquote {
color: #32857F;
font-size: 1.42857rem;
line-height: 1.4;
}
/* line 28, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_quotes.scss */
blockquote p {
margin-bottom: 1rem;
text-indent: -.5em;
}
@media screen and (min-width: 0) and (max-width: 767px) {
/* line 28, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_quotes.scss */
blockquote p {
text-indent: 0;
}
}
/* line 39, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_quotes.scss */
blockquote cite {
display: block;
font-style: normal;
text-align: right;
font-size: 0.85714rem;
float: right;
}
@media screen and (min-width: 1025px) {
/* line 39, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_quotes.scss */
blockquote cite {
width: 40%;
}
}
/* line 50, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_quotes.scss */
blockquote cite span {
color: #428f89;
display: block;
font-size: 1rem;
font-weight: 700;
}
/* ==========================================================================
#Links
========================================================================== */
/*doc
---
title: Links
name: links
category: Base - Links
---
Default styling for links.
```html_example
Content
```
*/
/* line 19, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_links.scss */
a {
-webkit-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
color: rgba(36, 38, 40, 0.7);
text-decoration: none;
}
/* line 25, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_links.scss */
a:link,
a:visited {
color: rgba(36, 38, 40, 0.7);
}
/* line 28, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_links.scss */
a:hover {
color: #000;
}
/* line 32, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_links.scss */
a:active {
-webkit-transition: color 0.3s;
transition: color 0.3s;
color: rgba(12, 13, 13, 0.7);
}
/* line 37, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_links.scss */
.no-touchevents .c-section__content a:not(.c-toggle__trigger) {
position: relative;
}
/* line 219, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.no-touchevents .c-section__content a:not(.c-toggle__trigger)::after {
-webkit-transition: width 0.25s ease-in-out;
transition: width 0.25s ease-in-out;
content: '';
width: 0;
height: 1px;
position: absolute;
bottom: 0;
left: 0;
background-color: #666;
}
/* line 230, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/tools/_mixins.scss */
.no-touchevents .c-section__content a:not(.c-toggle__trigger):hover::after {
width: 100%;
}
/* ==========================================================================
#Lists
========================================================================== */
/*doc
---
title: Lists
name: lists
category: Base - Lists
---
Default styling for lists.
*/
/* line 15, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_lists.scss */
ul,
ol {
list-style-type: none;
padding: 0;
}
/*doc
---
title: Unordered List
name: lists-u
category: Base - Lists
---
Unordered list default
```html_example
```
*/
/* line 41, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_lists.scss */
ul {
list-style-type: disc;
padding-left: 1.7rem;
}
/*doc
---
title: Ordered List
name: lists-o
category: Base - Lists
---
```html_example
List item 1
List item 2
```
*/
/* line 64, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_lists.scss */
ol {
list-style-type: decimal;
padding-left: 1.7rem;
}
/*doc
---
title: Definition list
name: lists-d
category: Base - Lists
---
```html_example
Term
Description
Term
Description
```
*/
/* line 91, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_lists.scss */
dl dt {
font-weight: bold;
}
/* line 95, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_lists.scss */
dl dd {
margin: 0;
}
/* ==========================================================================
#Tables
========================================================================== */
/*doc
---
title: Tables
name: tables
category: Base - Tables
---
Default styling for tables.
```html_example
One column
Two column
Three column
One column
Two column
Three column
One column
Two column
Three column
One column
Two column
Three column
```
*/
/* line 45, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_tables.scss */
table {
border-collapse: collapse;
-webkit-font-feature-settings: 'kern', 'liga', 'tnum';
font-feature-settings: 'kern', 'liga', 'tnum';
margin: 0.85rem 0;
table-layout: fixed;
width: 100%;
}
/* line 53, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_tables.scss */
th {
border-bottom: 1px solid #a6a6a6;
font-weight: 600;
padding: 0.85rem 0;
text-align: left;
}
/* line 60, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_tables.scss */
td {
border-bottom: 1px solid #ddd;
padding: 0.85rem 0;
}
/* line 65, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_tables.scss */
tr,
td,
th {
vertical-align: middle;
}
/* ==========================================================================
#Type
========================================================================== */
/* line 7, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_type.scss */
body {
font-size: 1rem;
line-height: 1.7;
}
/* line 14, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/base/_type.scss */
hr {
border-bottom: 1px solid #ddd;
border-left: 0;
border-right: 0;
border-top: 0;
margin: 1.7rem 0;
}
/*
SCSS variables are information about icon's compiled state, stored under its original file name
.icon-home {
width: $icon-home-width;
}
The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables
.icon-home {
@include sprite-width($icon-home);
}
.icon-email {
@include sprite($icon-email);
}
Example usage in HTML:
`display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
// CSS
.icon {
display: inline-block;
}
// HTML
Example
```
*/
/* line 20, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/objects/_video.scss */
.o-video {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
/* line 26, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/objects/_video.scss */
.o-video embed,
.o-video object,
.o-video iframe {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
/* ==========================================================================
Section css
========================================================================== */
/* line 5, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_section.scss */
.c-section {
background: #fff none;
position: relative;
}
@media screen and (min-width: 0) and (max-width: 767px) {
/* line 13, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_section.scss */
.c-section .blog-posts {
padding: 0;
}
}
/* line 20, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_section.scss */
.c-section__1 .blog-posts {
background-color: #2a9d8e;
}
/* line 24, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_section.scss */
.c-section__1 blockquote,
.c-section__1 blockquote cite span {
color: #2a9d8e;
}
/* line 31, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_section.scss */
.c-section__2 .blog-posts {
background-color: #d4b05a;
}
/* line 35, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_section.scss */
.c-section__2 blockquote,
.c-section__2 blockquote cite span {
color: #d4b05a;
}
/* line 42, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_section.scss */
.c-section__3 .blog-posts {
background-color: #4c81a8;
}
/* line 46, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_section.scss */
.c-section__3 blockquote,
.c-section__3 blockquote cite span {
color: #4c81a8;
}
/* line 58, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_section.scss */
.c-section__marker {
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translateY(200px);
transform: translateY(200px);
font-family: "Montserrat", sans-serif;
font-size: 0.85714rem;
text-transform: uppercase;
letter-spacing: 0.14286rem;
line-height: 1.4;
margin-top: 0.2381rem;
margin-bottom: 1.5rem;
opacity: 0;
position: relative;
}
/* line 75, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_section.scss */
.c-section__marker::after {
-webkit-transition: height 0.5s ease-in-out;
transition: height 0.5s ease-in-out;
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s;
content: "";
width: 3px;
position: absolute;
right: 0;
top: 0;
height: 0;
display: block;
}
/* line 90, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_section.scss */
.c-section__content {
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translateY(200px);
transform: translateY(200px);
opacity: 0;
}
/* line 95, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_section.scss */
.c-section__content span {
font-size: 1.2381rem;
}
/* line 99, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_section.scss */
.c-section__content .first-letter {
font-size: 5.71429rem;
display: inline-block;
float: left;
line-height: 1;
margin: 0rem 0.71429rem 0.47619rem;
height: 5.71429rem;
padding: 0;
}
/* line 112, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_section.scss */
.c-section__animate .c-section__marker {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
/* line 115, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_section.scss */
.c-section__animate .c-section__marker img {
border-radius: 50%;
display: block;
margin: 1.19048rem auto;
max-width: 130px;
}
/* line 121, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_section.scss */
.c-section__animate .c-section__marker::after {
height: 100%;
}
/* line 126, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_section.scss */
.c-section__animate .c-section__content {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
/* line 131, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_section.scss */
.c-section__animate .o-grid__content {
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
/* line 131, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_section.scss */
.c-section__animate .o-grid__content {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 1;
}
}
@media (max-height: 768px) {
/* line 131, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_section.scss */
.c-section__animate .o-grid__content {
-webkit-transform: translateY(-5%);
transform: translateY(-5%);
opacity: 1;
}
}
@media (max-height: 670px) {
/* line 131, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_section.scss */
.c-section__animate .o-grid__content {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
@media (min-height: 769px) {
/* line 131, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_section.scss */
.c-section__animate .o-grid__content {
-webkit-transform: translateY(-160px);
transform: translateY(-160px);
opacity: 1;
}
}
@media (max-height: 768px) {
/* line 170, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_section.scss */
#intro,
#section1,
#section2,
#section3,
#section4 {
margin-bottom: -110px;
}
}
@media (max-height: 679px) {
/* line 170, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_section.scss */
#intro,
#section1,
#section2,
#section3,
#section4 {
margin-bottom: 0;
}
}
@media (min-height: 769px) {
/* line 170, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_section.scss */
#intro,
#section1,
#section2,
#section3,
#section4 {
margin-bottom: -160px;
}
}
/* line 189, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_section.scss */
.c-section__1,
.c-section__2,
.c-section__3,
.c-section__4,
.c-section__5 {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
/* ==========================================================================
Buttons
========================================================================== */
/*doc
---
title: Button sizes
name: button-sizes
category: Components - Button
---
Here are the following button sizes and their modifier classes.
Button | Modifier Class
--------|-----------------------------------------
Small button | `btn btn--small`
Default button | `btn btn--default`
Medium button | `btn btn--medium`
Large button | `btn btn--large`
*/
/* Dynamic button mixin
========================================================================== */
/* Static button styles
========================================================================== */
/* line 65, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_buttons.scss */
.c-btn {
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
background-color: rgba(36, 38, 40, 0.7);
border: 0;
color: #fff;
display: inline-block;
font-family: "Montserrat", sans-serif;
font-size: 1rem;
line-height: 1;
padding: .75rem 1rem;
-webkit-font-smoothing: antialiased;
}
/* line 77, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_buttons.scss */
.c-btn:link, .c-btn:visited {
color: #fff;
}
/* line 81, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_buttons.scss */
.c-btn:hover {
background-color: rgba(48, 51, 53, 0.7);
cursor: pointer;
}
/* line 84, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_buttons.scss */
.c-btn:focus {
background-color: rgba(24, 25, 27, 0.7);
}
/* line 53, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_buttons.scss */
.c-btn--small {
font-size: 0.8rem;
}
/* line 53, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_buttons.scss */
.c-btn--default {
font-size: 1rem;
}
/* line 53, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_buttons.scss */
.c-btn--medium {
font-size: 1.3rem;
}
/* line 53, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_buttons.scss */
.c-btn--large {
font-size: 1.8rem;
}
/* line 27, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_buttons.scss */
.c-btn--primary {
background-color: rgba(36, 38, 40, 0.7);
color: #fff;
}
/* line 40, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_buttons.scss */
.c-btn--primary:hover {
background-color: rgba(48, 51, 53, 0.7);
}
/* line 46, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_buttons.scss */
.c-btn--primary:link, .c-btn--primary:visited {
color: #fff;
}
/* line 49, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_buttons.scss */
.c-btn--primary:focus {
background-color: rgba(24, 25, 27, 0.7);
}
/* ==========================================================================
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, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-pane.scss */
.c-featured-pane__list {
list-style: none;
margin-top: 2rem;
}
/* line 30, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-pane.scss */
.c-featured-pane {
position: relative;
text-align: center;
margin-bottom: 1rem;
}
/* line 36, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-pane.scss */
.c-featured-pane:hover {
cursor: pointer;
}
/* line 38, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-pane.scss */
.c-featured-pane img {
border-radius: 0;
display: block;
width: 100%;
}
/* line 44, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-pane.scss */
.c-featured-pane::after {
-webkit-transition: background 0.5s ease-in-out;
transition: background 0.5s ease-in-out;
content: '';
background: rgba(0, 0, 0, 0.5);
height: 100%;
width: 100%;
display: block;
top: 0;
left: 0;
position: absolute;
z-index: 5;
}
/* line 57, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-pane.scss */
.c-featured-pane__wrap {
display: -webkit-box;
display: -moz-box;
display: box;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
box-align: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: center;
box-pack: center;
-moz-justify-content: center;
-ms-justify-content: center;
-o-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
position: absolute;
top: 0;
left: 0;
z-index: 6;
width: 100%;
height: 100%;
}
/* line 69, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-pane.scss */
.c-featured-pane__align {
max-width: 100%;
padding: 1rem;
}
/* line 75, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-pane.scss */
.c-featured-pane__type {
color: #fff;
font-family: "Montserrat", sans-serif;
letter-spacing: 3px;
font-size: 0.66667rem;
margin: 0;
padding-top: .5rem;
text-transform: uppercase;
}
/* line 85, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-pane.scss */
.c-featured-pane__title {
-webkit-animation: fadeIn 0.65s ease-in-out;
animation: fadeIn 0.65s ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
color: #fff;
font-size: 1.09524rem;
font-weight: 400;
margin: 0;
opacity: 1;
max-height: 600px;
}
/* line 99, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-pane.scss */
.c-featured-pane__text {
-webkit-animation: fadeOut 0.35s ease-in-out;
animation: fadeOut 0.35s ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
-webkit-filter: blur(0);
filter: blur(0);
color: #fff;
font-size: 0.85714rem;
line-height: 1.4;
opacity: 0;
margin: 0;
max-height: 0;
}
/* line 113, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-pane.scss */
.c-featured-pane__swap {
position: relative;
padding: .5rem 0 .6rem;
overflow: hidden;
}
/* line 118, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-pane.scss */
.c-featured-pane__swap::before, .c-featured-pane__swap::after {
content: '';
width: 60%;
height: 0;
margin-left: -30%;
position: absolute;
left: 50%;
border-top: 1px solid #fff;
display: block;
opacity: 1;
}
/* line 131, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-pane.scss */
.c-featured-pane__swap::before {
top: 0;
}
/* line 132, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-pane.scss */
.c-featured-pane__swap::after {
bottom: 1px;
}
/* line 135, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-pane.scss */
.c-featured-pane__link {
position: absolute !important;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 10;
display: block !important;
}
/* line 152, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-pane.scss */
.no-touchevents .c-featured-pane:hover .c-featured-pane__title {
-webkit-animation: fadeOut 0.35s ease-in-out;
animation: fadeOut 0.35s ease-in-out;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
-webkit-filter: blur(0);
filter: blur(0);
}
/* line 161, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-pane.scss */
.no-touchevents .c-featured-pane:hover .c-featured-pane__text {
-webkit-animation: fadeIn 0.5s ease-in-out;
animation: fadeIn 0.5s ease-in-out;
-webkit-animation-delay: 0.35s;
animation-delay: 0.35s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
-webkit-filter: blur(0);
filter: blur(0);
}
/* line 170, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-pane.scss */
.no-touchevents .c-featured-pane:hover::after {
background: rgba(0, 0, 0, 0.66);
}
/* line 176, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-pane.scss */
.c-featured-pane--video .c-featured-pane__type {
margin-top: -1px;
}
/* line 178, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-pane.scss */
.c-featured-pane--video .c-featured-pane__type::before {
background-image: url(../sprites/sprite.png);
background-position: -83px 0px;
width: 21px;
height: 21px;
content: '';
display: inline-block;
position: relative;
margin-right: 8px;
top: 5px;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
max-height: 600px;
}
to {
opacity: 0;
max-height: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
max-height: 600px;
}
to {
opacity: 0;
max-height: 0;
}
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
max-height: 0;
}
to {
opacity: 1;
max-height: 600px;
}
}
@keyframes fadeIn {
from {
opacity: 0;
max-height: 0;
}
to {
opacity: 1;
max-height: 600px;
}
}
/*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 233, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-pane.scss */
.c-featured-pane--small {
background: #666;
border: 1px solid #fff;
}
/* line 240, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-pane.scss */
.c-featured-pane--small .c-featured-pane__source {
font-size: 1rem;
}
/* line 245, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-pane.scss */
.c-featured-pane--small .c-featured-pane__title {
font-size: 1.2rem;
}
/* ==========================================================================
Blogpost Links
========================================================================== */
/*doc
---
title: Default
name: featured-links
category: Components - Blogpost Links
---
Blogpost liks 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 28, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-links.scss */
.c-featured-links .o-grid .o-grid a:hover {
opacity: .7;
}
/* line 32, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-links.scss */
.c-featured-links__thumbnail {
text-align: center;
}
/* line 35, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-links.scss */
.c-featured-links__thumbnail::before {
content: "";
display: block;
padding: 30px 0 0;
}
@media screen and (min-width: 0) and (max-width: 767px) {
/* line 35, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-links.scss */
.c-featured-links__thumbnail::before {
padding: 1.90476rem 0 0;
}
}
@media screen and (min-width: 1025px) {
/* line 32, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-links.scss */
.c-featured-links__thumbnail {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
/* line 50, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-links.scss */
.c-featured-links__thumbnail::before {
padding: 25px 0 0;
}
/* line 54, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-links.scss */
.c-featured-links__thumbnail::after {
content: "";
display: block;
padding: 40px 0 0;
}
}
@media screen and (min-width: 1025px) {
/* line 32, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-links.scss */
.c-featured-links__thumbnail {
height: 100%;
}
}
/* line 67, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-links.scss */
.c-featured-links__thumbnail img {
border: 2px solid #fff;
border-radius: 50%;
display: inline-block;
height: 100%;
max-height: 130px;
max-width: 130px;
width: 100%;
}
/* line 77, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-links.scss */
.c-featured-links__wrap {
color: #fff;
}
@media screen and (min-width: 1025px) {
/* line 77, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-links.scss */
.c-featured-links__wrap {
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
}
/* line 86, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-links.scss */
.c-featured-links__wrap::before {
content: "";
display: block;
}
@media (max-width: 1024px) {
/* line 86, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-links.scss */
.c-featured-links__wrap::before {
padding: 30px 0 0 0;
}
}
@media (max-width: 768px) {
/* line 86, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-links.scss */
.c-featured-links__wrap::before {
padding: 30px 0 0 0;
}
}
/* line 99, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-links.scss */
.c-featured-links__wrap::after {
content: "";
border-bottom: 1px solid rgba(255, 255, 255, 0.34);
display: block;
padding: 30px 0 0;
}
@media screen and (min-width: 1025px) {
/* line 77, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-links.scss */
.c-featured-links__wrap {
height: 100%;
}
/* line 109, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-links.scss */
.c-featured-links__wrap::after {
padding: 40px 0 0;
}
}
/* line 114, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-links.scss */
.c-featured-links__wrap a {
color: white;
font-size: 1.04762rem;
}
/* line 118, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-links.scss */
.c-featured-links__wrap a:hover {
color: rgba(255, 255, 255, 0.7);
}
/* line 125, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_featured-links.scss */
.blog-posts .o-grid .sm-12 .o-grid:last-child .c-featured-links__wrap::after {
border-bottom: none;
}
/* ==========================================================================
Intro css
========================================================================== */
/* line 5, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-intro {
-webkit-animation: backgroundZoom 2.2s ease-in-out;
animation: backgroundZoom 2.2s ease-in-out;
background: url(/annual-report/2016/img/video-hero.jpg) #000 no-repeat center center;
background-size: cover;
height: 550px;
text-align: center;
padding: 5.5rem 0;
position: relative;
opacity: 1;
}
@media screen and (min-width: 768px) {
/* line 5, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-intro {
height: 100vh;
background-size: cover;
}
}
@media screen and (min-height: 1366px) {
/* line 5, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-intro {
padding: 35% 0;
}
}
/* line 27, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-intro__content {
opacity: 1;
position: absolute;
width: 100%;
}
/* line 33, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-intro__overlay::after {
background: rgba(25, 29, 34, 0.3);
content: '';
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
/* line 46, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-intro__headline {
color: white;
font-family: "Montserrat", sans-serif;
font-size: 3.33333rem;
font-weight: 400;
line-height: 1.2;
position: relative;
padding: .5rem 0;
margin-top: 1rem;
}
@media screen and (min-width: 0) and (max-width: 767px) {
/* line 46, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-intro__headline {
font-size: 1.80952rem;
}
}
@media screen and (min-height: 1366px) {
/* line 46, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-intro__headline {
padding: 3.5rem 0;
}
}
/* line 65, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-intro__headline .step1 {
-webkit-animation: fadeInText 1s ease-in-out;
animation: fadeInText 1s ease-in-out;
}
/* line 69, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-intro__headline .step2 {
-webkit-animation: fadeInText 2s ease-in-out;
animation: fadeInText 2s ease-in-out;
}
/* line 73, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-intro__headline::before, .c-intro__headline::after {
content: '';
height: 1px;
position: absolute;
width: 100%;
left: 0;
}
@media screen and (min-width: 768px) {
/* line 73, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-intro__headline::before, .c-intro__headline::after {
width: 430px;
left: 50%;
margin-left: -215px;
}
}
/* line 89, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-intro__headline::before {
-webkit-animation: fadeInDown--short 0.33s ease-in-out;
animation: fadeInDown--short 0.33s ease-in-out;
top: 0;
}
/* line 94, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-intro__headline::after {
-webkit-animation: fadeInUp--short 0.33s ease-in-out;
animation: fadeInUp--short 0.33s ease-in-out;
bottom: -10px;
}
/* line 100, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-intro__subheadline {
-webkit-animation: slideUp--short 3.2s ease-in-out, fadeInText 2.75s ease-in-out;
animation: slideUp--short 3.2s ease-in-out, fadeInText 2.75s ease-in-out;
color: white;
font-family: "Montserrat", sans-serif;
font-size: 1.42857rem;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 3px;
}
@media screen and (min-width: 0) and (max-width: 767px) {
/* line 100, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-intro__subheadline {
opacity: .9;
font-size: 0.66667rem;
font-weight: 700;
text-shadow: 0 0 10px #000000;
}
}
/* line 119, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-intro__bar {
-webkit-animation: fadeInText 3.2s ease-in-out;
animation: fadeInText 3.2s ease-in-out;
padding: .35rem 1rem;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
@media screen and (min-width: 768px) {
/* line 119, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-intro__bar {
padding: .15rem 1rem;
}
}
/* line 133, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-intro__bar__link {
display: none;
}
/* line 137, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-intro__bar__link:link, .c-intro__bar__link:visited {
-webkit-transition: color 0.25s ease-in-out;
transition: color 0.25s ease-in-out;
color: rgba(255, 255, 255, 0.6);
font-family: "Montserrat", sans-serif;
font-size: 0.71429rem;
letter-spacing: 1px;
font-weight: 700;
text-transform: uppercase;
text-align: left;
float: left;
}
/* line 149, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-intro__bar__link:link:hover, .c-intro__bar__link:visited:hover {
color: rgba(255, 255, 255, 0.4);
}
/* line 152, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-intro__bar .c-social-list {
margin-top: -5px;
float: right;
}
@media screen and (min-width: 0) and (max-width: 767px) {
/* line 152, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-intro__bar .c-social-list {
margin-top: 0.95238rem;
}
}
@media screen and (min-width: 768px) {
/* line 152, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-intro__bar .c-social-list {
background: rgba(255, 255, 255, 0.45);
margin-top: 1.09524rem;
padding: 0.14286rem 0.47619rem 0.33333rem 0.57143rem;
}
}
/* line 168, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-caption {
font-size: 0.61905rem;
padding: 0.52381rem 1.09524rem;
font-family: 'Muli', sans-serif;
color: #5C5C5C;
/*
background-color: rgba(0, 0, 0, .7);
position: absolute;
left: rem(19);
bottom: rem(19);
max-width: rem(428);
color: $white;
font-size: rem(14);
text-align: left;
border-radius: rem(100);
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
line-height: 0;
padding: rem(3);
cursor: pointer;
img {
height: rem(27);
}
p {
display: none;
margin-bottom: 0;
opacity: 0;
}
&:hover {
border-radius: rem(10);
padding: rem(13);
background-color: rgba(0, 0, 0, .7);
img {
display: none;
}
p {
display: block;
line-height: rem(20);
opacity: 1;
}
}*/
}
/* line 219, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-caption__section {
font-size: 0.61905rem;
padding: 0;
font-family: 'Muli', sans-serif;
color: #5C5C5C;
text-transform: none;
}
/* line 227, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_intro.scss */
.c-intro__video {
width: 100%;
margin-bottom: 1.7rem;
position: absolute;
z-index: 0;
}
/* ==========================================================================
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, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_list-ui.scss */
.c-list-ui__item {
border-bottom: 1px solid #ececec;
padding: .75rem 0;
}
/* line 35, /Users/tbf/www/iyfredesign.local/annual-report/2016/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, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_list-ui.scss */
.c-list-ui--blocky .c-list-ui__item {
padding: 0;
}
/* line 72, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_list-ui.scss */
.c-list-ui--blocky .c-list-ui__link {
padding: .75rem 0;
}
/* line 76, /Users/tbf/www/iyfredesign.local/annual-report/2016/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
1 Can Emotional Intelligence Be Taught? The New York Times
```
*/
/* line 18, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_citation.scss */
.c-citation {
font-size: 0.66667rem;
margin-bottom: 0.09524rem;
font-family: 'Muli', sans-serif;
color: #5e5e5e;
}
/* line 25, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_citation.scss */
.c-citation a {
color: #5e5e5e;
}
/* line 29, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_citation.scss */
.c-citation sup {
margin-right: 0.2381rem;
}
/* line 34, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/components/_citation.scss */
.c-citation__list {
margin-bottom: 4.38095rem;
}
/* ==========================================================================
#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, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/trumps/_trumps.scss */
.t-hide {
display: none !important;
}
/* line 32, /Users/tbf/www/iyfredesign.local/annual-report/2016/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, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/trumps/_trumps.scss */
.t-left {
float: left !important;
}
/* line 71, /Users/tbf/www/iyfredesign.local/annual-report/2016/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, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/trumps/_trumps.scss */
.t-text-left {
text-align: left !important;
}
/* line 107, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/trumps/_trumps.scss */
.t-text-right {
text-align: right !important;
}
/* line 108, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/trumps/_trumps.scss */
.t-text-center {
text-align: center !important;
}
/* Font family trumps
========================================================================== */
/*doc
---
title: Font family
name: name
category: Trumps - Font Family
---
```html_example
This is a heading which is normally serif.
This is a paragraph which is normally sans-serif.
```
*/
/* line 129, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/trumps/_trumps.scss */
.t-sans {
font-family: "Montserrat", sans-serif;
}
/* line 130, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/trumps/_trumps.scss */
.t-serif {
font-family: "Domine", serif;
}
/* BG Colors
========================================================================== */
/*doc
---
title: Background colors
name: bg-colors
category: Trumps - Background colors
---
```html_example
Example
```
*/
/* line 151, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/trumps/_trumps.scss */
.t-bg-white {
background-color: #fff;
}
/* Margin trumps
========================================================================== */
/*doc
---
title: Margin
name: margin-classes
category: Trumps - Margin classes
---
```html_example
Margin base right
Margin small right
Margin base left
Margin small left
Margin base bottom
Margin small bottom
Margin base top
Margin small top
```
*/
/* line 179, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/trumps/_trumps.scss */
.t-mbr {
margin-right: 1.7rem;
}
/* line 180, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/trumps/_trumps.scss */
.t-msr {
margin-right: 0.85rem;
}
/* line 181, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/trumps/_trumps.scss */
.t-mbl {
margin-left: 1.7rem;
}
/* line 182, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/trumps/_trumps.scss */
.t-msl {
margin-left: 0.85rem;
}
/* line 183, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/trumps/_trumps.scss */
.t-mbb {
margin-bottom: 1.7rem;
}
/* line 184, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/trumps/_trumps.scss */
.t-msb {
margin-bottom: 0.85rem;
}
/* line 185, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/trumps/_trumps.scss */
.t-mbt {
margin-top: 1.7rem;
}
/* line 186, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/trumps/_trumps.scss */
.t-mst {
margin-top: 0.85rem;
}
/* line 188, /Users/tbf/www/iyfredesign.local/annual-report/2016/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 211, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/trumps/_trumps.scss */
.t-pbr {
padding-right: 1.7rem;
}
/* line 212, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/trumps/_trumps.scss */
.t-psr {
padding-right: 0.85rem;
}
/* line 213, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/trumps/_trumps.scss */
.t-pbl {
padding-left: 1.7rem;
}
/* line 214, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/trumps/_trumps.scss */
.t-psl {
padding-left: 0.85rem;
}
/* line 215, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/trumps/_trumps.scss */
.t-nop {
padding: 0;
}
/* line 216, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/trumps/_trumps.scss */
.t-nopb {
padding-bottom: 0;
}
/* Style-guide trumps
========================================================================== */
/* line 228, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/trumps/_trumps.scss */
.wf {
background: #ccc;
}
/* ==========================================================================
#States - Classes added with the .is- naming convention
========================================================================== */
/* line 5, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/trumps/_states.scss */
.is-shifted {
-webkit-transform: translateX(70%);
transform: translateX(70%);
}
@media screen and (min-width: 1025px) {
/* line 5, /Users/tbf/www/iyfredesign.local/annual-report/2016/scss/trumps/_states.scss */
.is-shifted {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}