/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + CSS IMPORT, VARIABLES AND CONDITIONALS HUB INLINE STYLES + + main.scss + + Created by #BRITEWEB + http://briteweb.com + @briteweb + + Copyright (c) 2013 #BRITEWEB. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /*-------------------------------------------------------------------------------------- * * DEVICE VARIABLE * *-------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------- * * CONFIGURATION IMPORTS * *-------------------------------------------------------------------------------------*/ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + CSS CONFIGURATION IMPORTS + + loader.scss + + Created by #BRITEWEB + http://briteweb.com + @briteweb + + Copyright (c) 2013 #BRITEWEB. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /*-------------------------------------------------------------------------------------- * * CONFIGURATION IMPORTS * *-------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------- * * COMPONENT IMPORTS * *-------------------------------------------------------------------------------------*/ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + CSS CONDITIONALS IMPORT HUB + + _components.scss + + Created by #BRITEWEB + http://briteweb.com + @briteweb + + Copyright (c) 2013 #BRITEWEB. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /*-------------------------------------------------------------------------------------- * * COMPONENT IMPORTS * *-------------------------------------------------------------------------------------*/ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + mixins.scss + + Created by #BRITEWEB + http://briteweb.com + @briteweb + + Created: Fri Jul 27 16:06:27 PDT 2012 + Last update: Fri Jul 27 16:06:27 PDT 2012 + + Copyright (c) 2013 #BRITEWEB. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /*-------------------------------------------------------------------------------------- * * BACKGROUND * *-------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------- * * GRADIENTS * *-------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------- * * CLEARING FLOATS LIKE A BOSS: GOO@mixin GL/ZM1OD * *-------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------- * * Opacity * *-------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------- * * INPUT PLACEHOLDER TEXT * *-------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------- * * BACKFACE-VISIBILITY * *-------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------- * * JUSTIFY * *-------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------- * * CENTER DIVS INSIDE ELEMENT * *-------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------- * * RETINA * *-------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------- * * SPRITES * *-------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------- * * BOX SHADOW * *-------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------- * * BORDER RADIUS * *-------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------- * * MULTIPLE BORDERS * *-------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------- * * TRANSITIONS * *-------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------- * * TRANSFORM * *-------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------- * * BOX * *-------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------- * * SPACING - MARGINS/PADDING * *-------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------- * * RESIZE * *-------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------- * * TEXT COLUMNS * *-------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------- * * FONT SIZE and LINE HEIGHT * *-------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------- * * ANIMATIONS * *-------------------------------------------------------------------------------------*/ /* html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ /* line 9, ./bower_components/bw-css-resets/resets.css */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } /* line 30, ./bower_components/bw-css-resets/resets.css */ body { line-height: 1; } /* line 34, ./bower_components/bw-css-resets/resets.css */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* line 39, ./bower_components/bw-css-resets/resets.css */ nav ul { list-style: none; } /* line 43, ./bower_components/bw-css-resets/resets.css */ blockquote, q { quotes: none; } /* line 47, ./bower_components/bw-css-resets/resets.css */ blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* line 53, ./bower_components/bw-css-resets/resets.css */ a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } /* change colours to suit your needs */ /* line 62, ./bower_components/bw-css-resets/resets.css */ ins { background-color: #ff9; color: #000; text-decoration: none; } /* change colours to suit your needs */ /* line 69, ./bower_components/bw-css-resets/resets.css */ mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } /* line 76, ./bower_components/bw-css-resets/resets.css */ del { text-decoration: line-through; } /* line 80, ./bower_components/bw-css-resets/resets.css */ abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } /* line 85, ./bower_components/bw-css-resets/resets.css */ table { border-collapse: collapse; border-spacing: 0; } /* change border colour to suit your needs */ /* line 91, ./bower_components/bw-css-resets/resets.css */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; } /* line 100, ./bower_components/bw-css-resets/resets.css */ input, select { vertical-align: middle; } /*-------------------------------------------------------------------------------------- * * DEFAULT IMPORTS * *-------------------------------------------------------------------------------------*/ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + CSS OVERRIDES IMPORTS + + overrides.scss + + Created by #BRITEWEB + http://briteweb.com + @briteweb + + Copyright (c) 2013 #BRITEWEB. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /*-------------------------------------------------------------------------------------- * * OVERRIDE IMPORTS * *-------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------- * * DEFAULT IMPORTS * *-------------------------------------------------------------------------------------*/ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + LOADER FOR DEFAULT STYLESHEETS + + loader.scss + + Created by #BRITEWEB + http://briteweb.com + @briteweb + + Copyright (c) 2013 #BRITEWEB. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + MIXINS - project specific mixins + + mixins.sass + + Created by #BRITEWEB + http://briteweb.com + @briteweb + + Copyright (c) 2013 #BRITEWEB. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /*------------------------------------------------------------------------------------- * * SPRITES * *-------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------- * * PNG TRANSPARENCY FIX FOR IE * *-------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------- * * ROTATION FOR IE * *-------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------- * * MEDIA BREAKPOINTS * *-------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------- * * BUTTONS * *-------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------- * SOCIAL MEDIA BUTTONS *-------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------- * LEARN MORE *-------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------- * * JUSTIFY * *-------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------- * * FORMS * *-------------------------------------------------------------------------------------*/ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + fonts.scss + + Created by #BRITEWEB + http://briteweb.com + @briteweb + + Created: Fri Jul 27 16:06:27 PDT 2012 + Last update: Fri Jul 27 16:06:27 PDT 2012 + + Copyright (c) 2012 #BRITEWEB. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ @font-face { font-family: 'equipbold'; src: url("/wp-content/themes/possible-theme/BW/PossibleTheme/resources/app/fonts/hoftype_-_equip-bold-webfont.eot"); src: url("/wp-content/themes/possible-theme/BW/PossibleTheme/resources/app/fonts/hoftype_-_equip-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/possible-theme/BW/PossibleTheme/resources/app/fonts/hoftype_-_equip-bold-webfont.woff") format("woff"), url("/wp-content/themes/possible-theme/BW/PossibleTheme/resources/app/fonts/hoftype_-_equip-bold-webfont.ttf") format("truetype"), url("/wp-content/themes/possible-theme/BW/PossibleTheme/resources/app/fonts/hoftype_-_equip-bold-webfont.svg#equipbold") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'equiplight'; src: url("/wp-content/themes/possible-theme/BW/PossibleTheme/resources/app/fonts/hoftype_-_equip-light-webfont.eot"); src: url("/wp-content/themes/possible-theme/BW/PossibleTheme/resources/app/fonts/hoftype_-_equip-light-webfont.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/possible-theme/BW/PossibleTheme/resources/app/fonts/hoftype_-_equip-light-webfont.woff") format("woff"), url("/wp-content/themes/possible-theme/BW/PossibleTheme/resources/app/fonts/hoftype_-_equip-light-webfont.ttf") format("truetype"), url("/wp-content/themes/possible-theme/BW/PossibleTheme/resources/app/fonts/hoftype_-_equip-light-webfont.svg#equiplight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'brandon_grotesquelight'; src: url("/wp-content/themes/possible-theme/BW/PossibleTheme/resources/app/fonts/brandon_light-webfont.eot"); src: url("/wp-content/themes/possible-theme/BW/PossibleTheme/resources/app/fonts/brandon_light-webfont.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/possible-theme/BW/PossibleTheme/resources/app/fonts/brandon_light-webfont.woff") format("woff"), url("/wp-content/themes/possible-theme/BW/PossibleTheme/resources/app/fonts/brandon_light-webfont.ttf") format("truetype"), url("/wp-content/themes/possible-theme/BW/PossibleTheme/resources/app/fonts/brandon_light-webfont.svg#brandon_grotesquelight") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'brandon_grotesqueregular'; src: url("/wp-content/themes/possible-theme/BW/PossibleTheme/resources/app/fonts/brandon_reg-webfont.eot"); src: url("/wp-content/themes/possible-theme/BW/PossibleTheme/resources/app/fonts/brandon_reg-webfont.eot?#iefix") format("embedded-opentype"), url("/wp-content/themes/possible-theme/BW/PossibleTheme/resources/app/fonts/brandon_reg-webfont.woff") format("woff"), url("/wp-content/themes/possible-theme/BW/PossibleTheme/resources/app/fonts/brandon_reg-webfont.ttf") format("truetype"), url("/wp-content/themes/possible-theme/BW/PossibleTheme/resources/app/fonts/brandon_reg-webfont.svg#brandon_grotesqueregular") format("svg"); font-weight: normal; font-style: normal; } /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + variables.scss + + Created by #BRITEWEB + http://briteweb.com + @briteweb + + Created: Fri Jul 27 16:06:27 PDT 2012 + Last update: Fri Jul 27 16:06:27 PDT 2012 + + Copyright (c) 2013 #BRITEWEB. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /*-------------------------------------------------------------------------------------- * * PATH TO PIE * *-------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------- * * FONT STACKS * *-------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------- * * COLOURS * *-------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------- * BY COLOUR *-------------------------------------------------------------------------------------*/ /*------------------------------------------------- * SOCIAL MEDIA *------------------------------------------------*/ /*------------------------------------------------------------------------------------- * BY FUNCTION *-------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------- * * LAYOUT * *-------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------- * FULL BODY CONTENT *-------------------------------------------------------------------------------------*/ /*------------------------------------------------- * FIXED NAV *------------------------------------------------*/ /*------------------------------------------------- * GRID VIEW TITLE CONTENT *------------------------------------------------*/ /*------------------------------------------------- * GRID VIEW SUBTITLE CONTENT *------------------------------------------------*/ /*------------------------------------------------- * GRID CONTENT *------------------------------------------------*/ /*------------------------------------------------------------------------------------- * CONTENT *-------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------- * SIDEBAR *-------------------------------------------------------------------------------------*/ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + LAYOUT HELPER CLASSES + + helpers.scss + + Created by #BRITEWEB + http://briteweb.com + @briteweb + + Copyright (c) 2013 #BRITEWEB. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /*-------------------------------------------------------------------------------------- * * CLEARS * *-------------------------------------------------------------------------------------*/ /* line 21, ./css/defaults/_helpers.scss */ .clear, .clearfix, .clearforty { clear: both; display: block; } /* line 26, ./css/defaults/_helpers.scss */ .clearfix, .clearforty { zoom: 1; } /* line 30, ./css/defaults/_helpers.scss */ .clearfix:after, .clearforty:after, .clearfix:before, .clearforty:before { content: ""; display: table; } /* line 36, ./css/defaults/_helpers.scss */ .clearfix:after, .clearforty:after { clear: both; } /* line 41, ./css/defaults/_helpers.scss */ .clearforty { margin: 20px auto; } /*-------------------------------------------------------------------------------------- * * MEDIA HELPERS * *-------------------------------------------------------------------------------------*/ @media screen and (max-width: 800px) { /* line 52, ./css/defaults/_helpers.scss */ .tablet-full { width: 100%; display: block; } } /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Project typography styles + + typography.scss + + Created by #BRITEWEB + http://briteweb.com + @briteweb + + Copyright (c) 2012 #BRITEWEB. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /*------------------------------------------------------------------------------------- * DESKTOP USE: MAIN HEADERS * MOBILE USE: MAIN HEADERS *-------------------------------------------------------------------------------------*/ /* line 41, ./css/defaults/_typography.scss */ h1 { font-family: "brandon_grotesqueregular", sans-serif; font-size: 24px; line-height: 1.167em; text-transform: uppercase; font-weight: normal; letter-spacing: .06em; color: #6d6e71; } @media screen and (min-width: 600px) { /* line 41, ./css/defaults/_typography.scss */ h1 { font-family: "brandon_grotesquelight", sans-serif; font-size: 47px; line-height: 1.043em; } } /* line 46, ./css/defaults/_typography.scss */ h1 a { font-family: "brandon_grotesqueregular", sans-serif; font-size: 24px; line-height: 1.167em; text-transform: uppercase; font-weight: normal; letter-spacing: .06em; color: #6d6e71; } @media screen and (min-width: 600px) { /* line 46, ./css/defaults/_typography.scss */ h1 a { font-family: "brandon_grotesquelight", sans-serif; font-size: 47px; line-height: 1.043em; } } /* line 51, ./css/defaults/_typography.scss */ h1 a.hover { color: #ed2e84; } /*------------------------------------------------------------------------------------- * DESKTOP USE: SUBHEADERS, TEXT INSIDE BIG BUTTONS * MOBILE USE: SUBHEADERS, BLOG TITLES, TEXT INSIDE BUTTONS *-------------------------------------------------------------------------------------*/ /* line 88, ./css/defaults/_typography.scss */ h2 { font-family: "brandon_grotesqueregular", sans-serif; font-size: 24px; line-height: 1.167em; font-weight: normal; letter-spacing: .06em; text-transform: uppercase; margin-bottom: 20px; color: #231f20; } @media screen and (min-width: 600px) { /* line 88, ./css/defaults/_typography.scss */ h2 { font-family: "brandon_grotesquelight", sans-serif; font-size: 35px; line-height: 1.2em; } } /* line 93, ./css/defaults/_typography.scss */ h2 a { font-family: "brandon_grotesqueregular", sans-serif; font-size: 24px; line-height: 1.167em; font-weight: normal; letter-spacing: .06em; text-transform: uppercase; margin-bottom: 20px; color: #231f20; } @media screen and (min-width: 600px) { /* line 93, ./css/defaults/_typography.scss */ h2 a { font-family: "brandon_grotesquelight", sans-serif; font-size: 35px; line-height: 1.2em; } } /* line 98, ./css/defaults/_typography.scss */ h2 a.hover { color: #ed2e84; } /*------------------------------------------------------------------------------------- * DESKTOP USE: TEXT INSIDE BUTTONS, TOP NAV ITEMS * MOBILE USE: CAPTIONS, DATES AND GENRES, ARTIST TITLES *-------------------------------------------------------------------------------------*/ /* line 130, ./css/defaults/_typography.scss */ h3 { font-family: "equiplight", serif; font-size: 17px; line-height: 1.529em; letter-spacing: .06em; text-transform: uppercase; font-weight: normal; color: #231f20; } @media screen and (min-width: 600px) { /* line 130, ./css/defaults/_typography.scss */ h3 { font-family: "brandon_grotesqueregular", sans-serif; font-size: 26px; line-height: 1.231em; } } /* line 135, ./css/defaults/_typography.scss */ h3 a { font-family: "equiplight", serif; font-size: 17px; line-height: 1.529em; letter-spacing: .06em; text-transform: uppercase; font-weight: normal; color: #231f20; } @media screen and (min-width: 600px) { /* line 135, ./css/defaults/_typography.scss */ h3 a { font-family: "brandon_grotesqueregular", sans-serif; font-size: 26px; line-height: 1.231em; } } /* line 140, ./css/defaults/_typography.scss */ h3 a.hover { color: #ed2e84; } /*------------------------------------------------------------------------------------- * DESKTOP USE: CAPTIONS, DATES, ARTIST TITLES * MOBILE USE: PULLQUOTES *-------------------------------------------------------------------------------------*/ /* line 169, ./css/defaults/_typography.scss */ h4 { font-family: "equiplight", serif; font-size: 22px; line-height: 1.227em; letter-spacing: .06em; font-weight: normal; color: #231f20; font-weight: normal; } @media screen and (min-width: 600px) { /* line 169, ./css/defaults/_typography.scss */ h4 { font-size: 19px; line-height: 1.474em; } } /* line 175, ./css/defaults/_typography.scss */ h4 a { font-family: "equiplight", serif; font-size: 22px; line-height: 1.227em; letter-spacing: .06em; font-weight: normal; color: #231f20; } @media screen and (min-width: 600px) { /* line 175, ./css/defaults/_typography.scss */ h4 a { font-size: 19px; line-height: 1.474em; } } /* line 180, ./css/defaults/_typography.scss */ h4 a.hover { color: #ed2e84; } /*------------------------------------------------------------------------------------- * DESKTOP USE: SUBHEADERS IN PROJECT & STANDARD PAGES (WITH H2) *-------------------------------------------------------------------------------------*/ /* line 207, ./css/defaults/_typography.scss */ h5 { font-family: "equiplight", serif; font-size: 18px; line-height: 24px; letter-spacing: .06em; font-weight: normal; } @media screen and (min-width: 600px) { /* line 207, ./css/defaults/_typography.scss */ h5 { font-size: 16px; } } /* line 211, ./css/defaults/_typography.scss */ h5 a { font-family: "equiplight", serif; font-size: 18px; line-height: 24px; letter-spacing: .06em; font-weight: normal; color: #6d6e71; } @media screen and (min-width: 600px) { /* line 211, ./css/defaults/_typography.scss */ h5 a { font-size: 16px; } } /* line 216, ./css/defaults/_typography.scss */ h5 a.hover { color: #ed2e84; } /*------------------------------------------------------------------------------------- * DESKTOP USE: SUBHEADERS IN LANDING PAGES (ALWAYS PAIRED WITH H3) *-------------------------------------------------------------------------------------*/ /* line 240, ./css/defaults/_typography.scss */ h6 { font-family: "brandon_grotesquelight", sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: inherit; } /* line 244, ./css/defaults/_typography.scss */ h6 a { font-family: "brandon_grotesquelight", sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; letter-spacing: inherit; color: #6d6e71; } /* line 249, ./css/defaults/_typography.scss */ h6 a.hover { color: #ed2e84; } /*------------------------------------------------------------------------------------- * DESKTOP USE: CUSTOM FONTS *-------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------- * BODY COPY *-------------------------------------------------------------------------------------*/ /* line 290, ./css/defaults/_typography.scss */ p, a, ul, li, td { font-family: "equiplight", serif; font-size: 15px; line-height: 1.4em; color: #231f20; } @media screen and (min-width: 600px) { /* line 290, ./css/defaults/_typography.scss */ p, a, ul, li, td { font-size: 16px; line-height: 1.563em; } } /* line 295, ./css/defaults/_typography.scss */ label { font-family: "equiplight", serif; font-size: 15px; line-height: 1.4em; color: #231f20; font-family: "equiplight", serif; text-transform: uppercase; font-size: 24px; } @media screen and (min-width: 600px) { /* line 295, ./css/defaults/_typography.scss */ label { font-size: 16px; line-height: 1.563em; } } /* line 303, ./css/defaults/_typography.scss */ p { font-family: "equiplight", serif; font-size: 15px; line-height: 1.4em; color: #231f20; margin: 12px 0 12px; } @media screen and (min-width: 600px) { /* line 303, ./css/defaults/_typography.scss */ p { font-size: 16px; line-height: 1.563em; } } /* line 308, ./css/defaults/_typography.scss */ p:first-child { margin-top: 0; } /* line 313, ./css/defaults/_typography.scss */ p img { width: 100%; height: auto; } /* line 319, ./css/defaults/_typography.scss */ p iframe { width: 100%; height: auto; min-height: 250px; } @media screen and (min-width: 600px) { /* line 328, ./css/defaults/_typography.scss */ p img, p iframe { margin-left: 0; width: 100%; } /* line 334, ./css/defaults/_typography.scss */ p iframe { min-height: 350px; } } /* line 341, ./css/defaults/_typography.scss */ strong { font-weight: bold; } /* line 346, ./css/defaults/_typography.scss */ a { color: inherit; -webkit-transition: color 200ms linear; -moz-transition: color 200ms linear; -ms-transition: color 200ms linear; -o-transition: color 200ms linear; transition: color 200ms linear; } /* line 352, ./css/defaults/_typography.scss */ a.hover { color: #ed2e84; } /*------------------------------------------------------------------------------------- * * LISTS * *-------------------------------------------------------------------------------------*/ /* line 364, ./css/defaults/_typography.scss */ ul li { list-style: none; } /* line 371, ./css/defaults/_typography.scss */ .copy-area h1 { color: #231f20; font-size: 26px; font-family: "brandon_grotesqueregular", sans-serif; margin: 35px auto 2px; } /* line 379, ./css/defaults/_typography.scss */ .copy-area h2 { font-size: 17px; font-family: "brandon_grotesqueregular", sans-serif; margin: 30px auto 2px; } /* line 386, ./css/defaults/_typography.scss */ .copy-area h3 { font-family: "equiplight", serif; font-size: 16px; font-weight: bold; color: #231f20; text-transform: capitalize; margin: 15px auto 1px; } /* line 396, ./css/defaults/_typography.scss */ .copy-area h4 { color: #ed2e84; } /* line 401, ./css/defaults/_typography.scss */ .copy-area ul, .copy-area ol { margin-left: 20px; } /* line 405, ./css/defaults/_typography.scss */ .copy-area ul li, .copy-area ol li { list-style: disc; } /* line 411, ./css/defaults/_typography.scss */ .copy-area a { color: #ed2e84; text-decoration: none; -webkit-transition: color 200ms linear; -moz-transition: color 200ms linear; -ms-transition: color 200ms linear; -o-transition: color 200ms linear; transition: color 200ms linear; } /* line 417, ./css/defaults/_typography.scss */ .copy-area a.hover { color: #9e1358; } /*.copy-area*/ /* line 428, ./css/defaults/_typography.scss */ .post-content ul li { list-style: disc; } /* line 433, ./css/defaults/_typography.scss */ .post-content li { margin-left: 30px; } /* line 438, ./css/defaults/_typography.scss */ .post-content ol li { margin-left: 35px; } /* line 443, ./css/defaults/_typography.scss */ .post-content p a { text-decoration: underline; -webkit-transition: color 200ms linear; -moz-transition: color 200ms linear; -ms-transition: color 200ms linear; -o-transition: color 200ms linear; transition: color 200ms linear; } /* line 449, ./css/defaults/_typography.scss */ .post-content p a.hover { color: #ed2e84; } /* line 456, ./css/defaults/_typography.scss */ .post-content p a.button { text-decoration: none; } /* line 461, ./css/defaults/_typography.scss */ .post-content p, .post-content ul, .post-content li, .post-content td, .post-content label { color: #231f20; } /*------------------------------------------------------------------------------------- * * BLOCKQUOTE * *-------------------------------------------------------------------------------------*/ /* line 475, ./css/defaults/_typography.scss */ blockquote { width: 100%; margin: 28px auto 37px; /*

above have 12px bottom margin (so 40-12 = 28). And need 40px bottom margin but narrow black line is 3px tall, hence 37 */ } /* line 480, ./css/defaults/_typography.scss */ blockquote p { margin: 15px 0 5px; color: #ed2e84; font-size: 19px; line-height: 1.474em; } /* line 490, ./css/defaults/_typography.scss */ blockquote + p { margin-top: 0; } /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + PRELOADER STYLES Created by #BRITEWEB http://briteweb.com @briteweb Copyright (c) 2013 #BRITEWEB. All rights reserved. styles for the preloaders TABLE OF CONTENTS table of contents + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* line 24, ./css/defaults/_preloader.scss */ .loading-overlay { position: fixed; top: -48px; left: 0; right: 0; bottom: 0; background: #ffffff; z-index: 999; display: none; -webkit-transform: translateZ(0); } /* line 36, ./css/defaults/_preloader.scss */ .loading-overlay.pre-load { display: block; } @media screen and (min-width: 600px) { /* line 24, ./css/defaults/_preloader.scss */ .loading-overlay { top: 0; } } /* line 48, ./css/defaults/_preloader.scss */ .loading-bar { position: fixed; top: 0; left: 0; width: 0; display: block; opacity: 1; /* Chrome 4+, Firefox 2+, Safari 3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ filter: alpha(opacity=100); /* IE6-IE8 */ height: 2px; background-color: #00bbe2; z-index: 9999999; } /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + IMAGE STYLES Created by #BRITEWEB http://briteweb.com @briteweb Copyright (c) 2013 #BRITEWEB. All rights reserved. styles for the images classes from the WYSIWYG of WP TABLE OF CONTENTS WordPress Image Class Image Styles + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /*------------------------------------------------------------------------------------- * * WORDPRESS IMAGE CLASS * *-------------------------------------------------------------------------------------*/ /* line 32, ./css/defaults/_images.scss */ .alignright { float: right; margin: 0 0 1em 1em; } /* line 38, ./css/defaults/_images.scss */ .alignleft { float: left; margin: 0 1em 1em 0; } /* line 44, ./css/defaults/_images.scss */ .aligncenter { text-align: center; margin: 0 auto; clear: both; } /* line 51, ./css/defaults/_images.scss */ .wp-smiley { width: auto; height: auto; } /*------------------------------------------------------------------------------------- * * IMAGE STYLES * *-------------------------------------------------------------------------------------*/ /* line 64, ./css/defaults/_images.scss */ .image { position: relative; } /* line 68, ./css/defaults/_images.scss */ .image img { width: 100%; height: auto; } /* line 74, ./css/defaults/_images.scss */ .image > a { display: block; width: 100%; height: 100%; } /* line 81, ./css/defaults/_images.scss */ .image .image-link { top: 0; left: 0; position: absolute; width: 100%; height: 100%; } /* line 89, ./css/defaults/_images.scss */ .image .image-link a { display: block; width: 100%; height: 100%; } /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + BUTTON STYLES Created by #BRITEWEB http://briteweb.com @briteweb Copyright (c) 2013 #BRITEWEB. All rights reserved. styles for buttons TABLE OF CONTENTS table of contents + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* line 24, ./css/defaults/_buttons.scss */ .button { display: inline-block; height: 70px; width: 280px; text-align: center; font-family: "brandon_grotesqueregular", sans-serif; font-size: 17px; font-weight: normal; font-style: normal; -webkit-transition: background-color 200ms linear; -moz-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; -o-transition: background-color 200ms linear; transition: background-color 200ms linear; line-height: 70px; letter-spacing: 0.07em; color: #ffffff; text-transform: uppercase; text-decoration: none; background: #ed2e84; } /* line 39, ./css/defaults/_buttons.scss */ .button.hover { color: #ffffff; } @media screen and (min-width: 600px) { /* line 24, ./css/defaults/_buttons.scss */ .button { width: 265px; height: 75px; line-height: 75px; } /* line 50, ./css/defaults/_buttons.scss */ .button.hover { background-color: #9e1358; } } /*.button*/ /* line 59, ./css/defaults/_buttons.scss */ .edit-button { position: fixed; top: 90px; right: 0; z-index: 99999; } @media screen and (min-width: 600px) { /* line 59, ./css/defaults/_buttons.scss */ .edit-button { top: 130px; } } /* line 73, ./css/defaults/_buttons.scss */ .load-more-container { text-align: center; padding-top: 10px; } /* line 78, ./css/defaults/_buttons.scss */ .load-more-container .button { height: 90px; line-height: 90px; max-width: 90%; width: 320px; } /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + FORMS STYLES _forms.scss Created by #BRITEWEB http://briteweb.com @briteweb Copyright (c) 2013 #BRITEWEB. All rights reserved. styling for the forms loaded in the homepage, so basically just the email subscribe form at the footer TABLE OF CONTENTS table of contents + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* line 23, ./css/defaults/_forms.scss */ input { text-shadow: none; -webkit-appearance: none; border: none; box-shadow: none; margin: 0; outline: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #6d6e71; font-family: "brandon_grotesquelight", sans-serif; background: #ffffff; border: none; padding: 11px 20px; margin-bottom: 20px; color: #6d6e71; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 18px; } /* line 250, ./css/defaults/_mixins.scss */ input::-moz-placeholder { color: #f3f3f3; opacity: 1; /* Chrome 4+, Firefox 2+, Safari 3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ filter: alpha(opacity=100); /* IE6-IE8 */ } /* line 255, ./css/defaults/_mixins.scss */ input:-moz-placeholder { color: #f3f3f3; opacity: 1; /* Chrome 4+, Firefox 2+, Safari 3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ filter: alpha(opacity=100); /* IE6-IE8 */ } /* line 260, ./css/defaults/_mixins.scss */ input::-webkit-input-placeholder { color: #f3f3f3; } /* line 261, ./css/defaults/_mixins.scss */ input:-ms-input-placeholder { color: #f3f3f3; } /* line 37, ./css/defaults/_forms.scss */ input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */ color: #6d6e71; line-height: 23px; } /* line 41, ./css/defaults/_forms.scss */ input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #6d6e71; line-height: 23px; } /* line 45, ./css/defaults/_forms.scss */ input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #6d6e71; line-height: 23px; } /* line 49, ./css/defaults/_forms.scss */ input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #6d6e71; line-height: 23px; } /* line 57, ./css/defaults/_forms.scss */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; } /* line 65, ./css/defaults/_forms.scss */ .subscribe-form input[type="text"] { height: 28px; width: 100%; color: #ffffff; -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -ms-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; transition: opacity 200ms linear; border-right: 0; } /* line 73, ./css/defaults/_forms.scss */ .subscribe-form input[type="text"]:active { opacity: .9; } /*------------------------------------------------------------------------------------- * * ERRORS * *-------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------- * * GRAVITY FORMS * *-------------------------------------------------------------------------------------*/ /* line 93, ./css/defaults/_forms.scss */ .hidden { display: none; } /* line 98, ./css/defaults/_forms.scss */ .gform_ajax_spinner { display: inline-block; vertical-align: middle; margin: 15px 0 0 20px; } /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + DEFAULT TOUCH STYLES + + touch.scss + + Created by #BRITEWEB + http://briteweb.com + @briteweb + + Copyright (c) 2013 #BRITEWEB. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /*-------------------------------------------------------------------------------------- * * VARIABLE INSTANTIATION * *-------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------- * * VARIABLE IMPLEMENTATION * *-------------------------------------------------------------------------------------*/ /* line 30, ./css/defaults/_touch.scss */ body[data-touchscreen] { -webkit-tap-highlight-color: transparent; } /* line 34, ./css/defaults/_touch.scss */ body[data-touchscreen] div { /* -webkit-transform: translateZ(0px);*/ } /*-------------------------------------------------------------------------------------- * * BLOCK IMPORTS * *-------------------------------------------------------------------------------------*/ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + CSS BLOCK LOADER + + loader.scss + + Created by #BRITEWEB + http://briteweb.com + @briteweb + + Copyright (c) 2013 #BRITEWEB. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /*-------------------------------------------------------------------------------------- * * BLOCK IMPORTS * *-------------------------------------------------------------------------------------*/ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + GLOBAL STYLES _global.scss Created by #BRITEWEB http://briteweb.com @briteweb Copyright (c) 2013 #BRITEWEB. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /*------------------------------------------------------------------------------------- * * BODY * *-------------------------------------------------------------------------------------*/ /* line 22, ./css/blocks/_global.scss */ body, html { width: 100%; } /* line 36, ./css/blocks/_global.scss */ body { background: #f3f3f3; } /* line 40, ./css/blocks/_global.scss */ body.scroll-mask { overflow: hidden; } /* line 47, ./css/blocks/_global.scss */ .wrapper { background: #ffffff; margin: 10px 10px; padding: 30px 20px; } @media screen and (min-width: 600px) { /* line 47, ./css/blocks/_global.scss */ .wrapper { margin: 50px 10px; padding: 60px 60px 20px; } } /* line 64, ./css/blocks/_global.scss */ .content-container { margin: auto; max-width: 1200px; } /* line 70, ./css/blocks/_global.scss */ .content { width: 100%; } /* line 75, ./css/blocks/_global.scss */ div.page { overflow: hidden; position: relative; } /* line 81, ./css/blocks/_global.scss */ .page-content-wrapper { background: #f3f3f3; position: relative; z-index: 20; } /* line 88, ./css/blocks/_global.scss */ .offset-content { position: relative; left: -10px; margin-right: -20px; } @media screen and (min-width: 800px) { /* line 88, ./css/blocks/_global.scss */ .offset-content { max-height: 400px; left: -20px; position: relative; margin-right: -40px; } } /* line 105, ./css/blocks/_global.scss */ .static-container { position: static; width: 100%; height: 100%; overflow: auto; } /* line 115, ./css/blocks/_global.scss */ .overflow-container h2 { padding: 25px 25px 0; } /* line 120, ./css/blocks/_global.scss */ .overflow-container .offset-content { position: relative; left: -10px; margin-right: -20px; } @media screen and (min-width: 800px) { /* line 113, ./css/blocks/_global.scss */ .overflow-container { padding: 60px 0 20px; margin: 50px 10px 0; } /* line 132, ./css/blocks/_global.scss */ .overflow-container .offset-content { max-height: 400px; left: -20px; position: relative; margin-right: -40px; } /* line 140, ./css/blocks/_global.scss */ .overflow-container h2 { padding: 0 60px; margin-bottom: 50px; width: 50%; } } /*overflow-container*/ /*------------------------------------------------------------------------------------- * * PAGE CONTENT * *-------------------------------------------------------------------------------------*/ /* line 158, ./css/blocks/_global.scss */ .page-content { width: 100%; -webkit-overflow-scrolling: touch; } @media screen and (min-width: 700px) { /* line 158, ./css/blocks/_global.scss */ .page-content { padding: 0; } } @media screen and (min-width: 600px) { /* line 168, ./css/blocks/_global.scss */ .main-content { padding: 70px 0 100px; } /* line 176, ./css/blocks/_global.scss */ .main-content.home-header { padding-top: 0; } } @media screen and (min-width: 800px) { /* line 168, ./css/blocks/_global.scss */ .main-content { padding-bottom: 0; } } /* line 188, ./css/blocks/_global.scss */ .post-content { padding: 25px; } /*.post-content*/ /* line 194, ./css/blocks/_global.scss */ .single-page-content { padding: 30px 0; margin: 0 20px; } /* line 199, ./css/blocks/_global.scss */ .single-page-content.wrapper { margin: 0 auto; } @media screen and (min-width: 700px) { /* line 194, ./css/blocks/_global.scss */ .single-page-content { margin: 0 60px; } } /*------------------------------------------------------------------------------------- * * MESSAGE * *-------------------------------------------------------------------------------------*/ /* line 219, ./css/blocks/_global.scss */ .no-posts-message { text-align: center; width: 90%; margin: 0 auto; padding: 60px 0 100px; font-family: "brandon_grotesquelight", sans-serif; font-size: 30px; } /* line 228, ./css/blocks/_global.scss */ .no-posts-message span { color: #ed2e84; } /*.no-posts-message*/ /*------------------------------------------------------------------------------------- * * HISTORY ELEMENTS * *-------------------------------------------------------------------------------------*/ /* line 242, ./css/blocks/_global.scss */ .ajax-content-clone { position: absolute; top: 0; left: 0; z-index: 20; display: none; } /*------------------------------------------------------------------------------------- * * INFINITE SCROLL * *-------------------------------------------------------------------------------------*/ /* line 258, ./css/blocks/_global.scss */ #infscr-loading { text-align: center; position: relative; } /* line 263, ./css/blocks/_global.scss */ #infscr-loading h3 { border-bottom: none; } /* line 268, ./css/blocks/_global.scss */ #infscr-loading img { display: inline-block; position: absolute; top: 0; left: 50%; margin-left: -16px; } /*------------------------------------------------------------------------------------- * * OVERLAY * *-------------------------------------------------------------------------------------*/ /* line 287, ./css/blocks/_global.scss */ .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; opacity: 0; /* Chrome 4+, Firefox 2+, Safari 3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ filter: alpha(opacity=0); /* IE6-IE8 */ -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -ms-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; transition: opacity 200ms linear; } /* line 299, ./css/blocks/_global.scss */ .home-mask { display: none; } /* line 304, ./css/blocks/_global.scss */ .dot-overlay { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; background: url("../images/backgrounds/dot-texture.png") repeat left top; } /* line 315, ./css/blocks/_global.scss */ .loading-mask { position: absolute; z-index: 20; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: #ffffff; display: none; } /* line 329, ./css/blocks/_global.scss */ .clickable-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } /*------------------------------------------------------------------------------------- * * TRANSPARENT ELEMENT FOR RESPONSIVE ELEMENTS * *-------------------------------------------------------------------------------------*/ /* line 346, ./css/blocks/_global.scss */ .transparent-resizer { width: 100%; height: auto; position: relative; z-index: 1; } /*------------------------------------------------------------------------------------- * * CIRCULAR IMAGE MASK FOR IE8 TO AVOID PIE * *-------------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------------- * * Pop up for first time visitors * *-------------------------------------------------------------------------------------*/ /* line 384, ./css/blocks/_global.scss */ .fancybox-opened .fancybox-skin { background: #ffffff; } /* line 390, ./css/blocks/_global.scss */ .landing-popup { width: 100%; max-width: 600px; background: #ffffff; margin: auto; text-align: center; position: relative; } /* line 400, ./css/blocks/_global.scss */ .landing-popup h2 { margin: 20px auto 13px; padding-bottom: 11px; line-height: 1.1em; font-size: 28px; } /* line 411, ./css/blocks/_global.scss */ .landing-popup p { color: #6d6e71; width: 95%; max-width: 420px; margin: 5px auto 0; font-size: 16px; line-height: 24px; } /* line 422, ./css/blocks/_global.scss */ .landing-popup .landing-image { width: 100%; height: auto; background-position: center center; background-repeat: no-repeat; background-size: cover; } /* line 431, ./css/blocks/_global.scss */ .landing-popup .landing-image img { width: 100%; height: auto; min-width: 150px; display: block; } /* line 440, ./css/blocks/_global.scss */ .landing-popup .close-overlay { color: #ffffff; position: absolute; top: 10px; right: 10px; padding-right: 30px; height: 30px; font-family: "brandon_grotesqueregular", sans-serif; font-size: 17px; line-height: 30px; text-align: left; width: 66px; display: block; background: none; text-decoration: none; } /* line 457, ./css/blocks/_global.scss */ .landing-popup .close-overlay span { position: absolute; right: 0; top: 50%; margin-top: -15px; display: block; width: 30px; height: 28px; background-image: url("../images/mobile/sprites.png"); background-repeat: no-repeat; background-position: -832px -238px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { /* line 457, ./css/blocks/_global.scss */ .landing-popup .close-overlay span { background-image: url("../images/mobile/sprites@2x.png"); background-size: 1500px 300px; } } /* line 470, ./css/blocks/_global.scss */ .landing-popup .subscribe-form { margin-bottom: 30px; } /* line 474, ./css/blocks/_global.scss */ .landing-popup .subscribe-form .gform_body, .landing-popup .subscribe-form .gform_footer { display: inline-block; vertical-align: middle; } /* line 481, ./css/blocks/_global.scss */ .landing-popup .subscribe-form .gform_body { width: 100%; } /* line 491, ./css/blocks/_global.scss */ .landing-popup .subscribe-form .gfield { max-width: 70%; margin: 0 auto 20px; border-top: 1px solid #9e1358; border-right: 0; border-bottom: 1px solid #9e1358; border-left: 1px solid #9e1358; } /* line 498, ./css/blocks/_global.scss */ .landing-popup .subscribe-form .gfield.gform_validation_container { display: none; } /* line 515, ./css/blocks/_global.scss */ .landing-popup .subscribe-form .gfield.subscribe-first-name input, .landing-popup .subscribe-form .gfield.subscribe-last-name input { border-right: 1px solid #9e1358; } /* line 521, ./css/blocks/_global.scss */ .landing-popup .subscribe-form .gfield.subscribe-email input { border-right: 1px solid #9e1358; } /* line 527, ./css/blocks/_global.scss */ .landing-popup .subscribe-form label { display: none; } /* line 532, ./css/blocks/_global.scss */ .landing-popup .subscribe-form form { max-width: 87%; margin: 0 auto; } /* line 538, ./css/blocks/_global.scss */ .landing-popup .subscribe-form input { color: #6d6e71; height: 35px; padding: 0 15px; font-size: 15px; margin-bottom: 0; font-family: "equiplight", serif; } /* line 250, ./css/defaults/_mixins.scss */ .landing-popup .subscribe-form input::-moz-placeholder { color: #6d6e71; opacity: 1; /* Chrome 4+, Firefox 2+, Safari 3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ filter: alpha(opacity=100); /* IE6-IE8 */ } /* line 255, ./css/defaults/_mixins.scss */ .landing-popup .subscribe-form input:-moz-placeholder { color: #6d6e71; opacity: 1; /* Chrome 4+, Firefox 2+, Safari 3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ filter: alpha(opacity=100); /* IE6-IE8 */ } /* line 260, ./css/defaults/_mixins.scss */ .landing-popup .subscribe-form input::-webkit-input-placeholder { color: #6d6e71; } /* line 261, ./css/defaults/_mixins.scss */ .landing-popup .subscribe-form input:-ms-input-placeholder { color: #6d6e71; } /* line 553, ./css/blocks/_global.scss */ .landing-popup .subscribe-form input[type="submit"] { background: #f3f3f3; height: 37px; line-height: 35px; bottom: auto; top: 0; background: #ed2e84; font-family: "brandon_grotesqueregular", sans-serif; color: #ffffff; padding: 0 20px; width: 78px; text-indent: 0; cursor: pointer; margin-right: 0; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } /* line 570, ./css/blocks/_global.scss */ .landing-popup .subscribe-form input[type="submit"].hover { background-color: #700e3f; } /* line 577, ./css/blocks/_global.scss */ .landing-popup .subscribe-form .gform_confirmation_message, .landing-popup .subscribe-form .gform_confirmation_message_1 { background: none; text-align: center; text-transform: uppercase; font-family: "equiplight", serif; font-size: 15px; color: #6d6e71; margin-bottom: 23px; } /* line 589, ./css/blocks/_global.scss */ .landing-popup .subscribe-form form .invalid-input { line-height: 36px; height: 35px; width: 99%; margin: 0 auto; } @media screen and (min-width: 650px) { /* line 390, ./css/blocks/_global.scss */ .landing-popup { width: 600px; } /* line 609, ./css/blocks/_global.scss */ .landing-popup p { font-size: 19px; } /* line 617, ./css/blocks/_global.scss */ .landing-popup .subscribe-form form { height: 37px; overflow: hidden; } /* line 623, ./css/blocks/_global.scss */ .landing-popup .subscribe-form .gform_body { width: 85%; } /* line 633, ./css/blocks/_global.scss */ .landing-popup .subscribe-form .gfield { width: 47%; margin-bottom: 0; display: inline-block; } /* line 643, ./css/blocks/_global.scss */ .landing-popup .subscribe-form .gfield.subscribe-email input { border-right: none; } /* line 648, ./css/blocks/_global.scss */ .landing-popup .subscribe-form .gfield.subscribe-first-name, .landing-popup .subscribe-form .gfield.subscribe-last-name { max-width: 115px; } /* line 653, ./css/blocks/_global.scss */ .landing-popup .subscribe-form .gfield.subscribe-first-name input, .landing-popup .subscribe-form .gfield.subscribe-last-name input { border-right: none; } /* line 662, ./css/blocks/_global.scss */ .landing-popup .subscribe-form input[type="submit"] { margin-left: -10px; } } /*. landing-popup */ /* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + HEADER STYLES _header.scss Created by #BRITEWEB http://briteweb.com @briteweb Copyright (c) 2013 #BRITEWEB. All rights reserved. styles for the header area of My Earls TABLE OF CONTENTS + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /*------------------------------------------------------------------------------------- * * HEADER * *-------------------------------------------------------------------------------------*/ /* line 28, ./css/blocks/_header.scss */ .home .site-header { border-bottom: none; /* 600 */ } @media screen and (min-width: 600px) { /* line 28, ./css/blocks/_header.scss */ .home .site-header { position: relative; background: url("../images/fades/blackfade-20.png") repeat left top; } /* line 38, ./css/blocks/_header.scss */ .home .site-header.fixed { position: fixed; background: #ffffff; border-bottom: 1px solid #f3f3f3; } /* line 44, ./css/blocks/_header.scss */ .home .site-header.fixed .menu-icon { color: #6d6e71; background-color: transparent; background-image: url("../images/sprites.png"); background-repeat: no-repeat; background-position: -644px -23px; } } @media only screen and (min-width: 600px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 600px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 600px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 600px) and (min-device-pixel-ratio: 2), only screen and (min-width: 600px) and (min-resolution: 192dpi), only screen and (min-width: 600px) and (min-resolution: 2dppx) { /* line 44, ./css/blocks/_header.scss */ .home .site-header.fixed .menu-icon { background-image: url("../images/sprites@2x.png"); background-size: 1900px 400px; } } @media screen and (min-width: 600px) { /* line 51, ./css/blocks/_header.scss */ .home .site-header.fixed .logo { display: inline-block; } /* line 56, ./css/blocks/_header.scss */ .home .site-header.fixed .social-links a { opacity: 1; /* Chrome 4+, Firefox 2+, Safari 3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ filter: alpha(opacity=100); /* IE6-IE8 */ } /* line 60, ./css/blocks/_header.scss */ .home .site-header.fixed .social-links a.hover { opacity: 0.8; /* Chrome 4+, Firefox 2+, Safari 3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ filter: alpha(opacity=80); /* IE6-IE8 */ } /* line 68, ./css/blocks/_header.scss */ .home .site-header .logo { display: none; } /* line 73, ./css/blocks/_header.scss */ .home .site-header .menu-icon { background-image: url("../images/sprites.png"); background-repeat: no-repeat; background-position: -544px -22px; color: #ffffff; } } @media only screen and (min-width: 600px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 600px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 600px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 600px) and (min-device-pixel-ratio: 2), only screen and (min-width: 600px) and (min-resolution: 192dpi), only screen and (min-width: 600px) and (min-resolution: 2dppx) { /* line 73, ./css/blocks/_header.scss */ .home .site-header .menu-icon { background-image: url("../images/sprites@2x.png"); background-size: 1900px 400px; } } @media screen and (min-width: 600px) { /* line 78, ./css/blocks/_header.scss */ .home .site-header .menu-icon.hover { color: #ed2e84; } } /* line 105, ./css/blocks/_header.scss */ .header { position: relative; z-index: 999; } /* line 111, ./css/blocks/_header.scss */ .site-header { position: relative; width: 100%; height: 60px; -webkit-transform: translate3d(0, 0, 0); background: #ed2e84; z-index: 999; padding-left: 0; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; /* 600 */ /* 750 */ } /* line 122, ./css/blocks/_header.scss */ .site-header .header-buttons { position: absolute; right: 0; top: 0; height: 70px; text-align: right; } /* line 131, ./css/blocks/_header.scss */ .site-header .donation-button { vertical-align: top; height: 60px; line-height: 60px; max-width: 199px; } /* line 149, ./css/blocks/_header.scss */ .site-header .monthly-button { display: none; margin-right: -4px; } /* line 155, ./css/blocks/_header.scss */ .site-header .social-page-links { display: none; } /* line 160, ./css/blocks/_header.scss */ .site-header .logo { display: inline-block; width: 60px; height: 100%; background-color: #ffffff; background-image: url("../images/mobile/sprites.png"); background-repeat: no-repeat; background-position: -419px -27px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { /* line 160, ./css/blocks/_header.scss */ .site-header .logo { background-image: url("../images/mobile/sprites@2x.png"); background-size: 1500px 300px; } } /* line 169, ./css/blocks/_header.scss */ .site-header .menu-icon { background-image: url("../images/mobile/sprites.png"); background-repeat: no-repeat; background-position: -720px -25px; background-color: #9e1358; height: 100%; width: 60px; display: inline-block; vertical-align: middle; text-indent: -99999px; position: absolute; left: 60px; top: 0; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { /* line 169, ./css/blocks/_header.scss */ .site-header .menu-icon { background-image: url("../images/mobile/sprites@2x.png"); background-size: 1500px 300px; } } /* line 205, ./css/blocks/_header.scss */ .site-header a { text-decoration: none; } @media screen and (min-width: 600px) { /* line 111, ./css/blocks/_header.scss */ .site-header { border-bottom: 1px solid #f3f3f3; background: #ffffff; position: fixed; height: 70px; z-index: 99999; -webkit-font-smoothing: subpixel-antialiased; } /* line 224, ./css/blocks/_header.scss */ .site-header .logo { position: absolute; top: 0; left: 50%; margin-left: -20px; width: 40px; background-color: transparent; background-image: url("../images/sprites.png"); background-repeat: no-repeat; background-position: -30px -18px; } } @media only screen and (min-width: 600px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 600px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 600px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 600px) and (min-device-pixel-ratio: 2), only screen and (min-width: 600px) and (min-resolution: 192dpi), only screen and (min-width: 600px) and (min-resolution: 2dppx) { /* line 224, ./css/blocks/_header.scss */ .site-header .logo { background-image: url("../images/sprites@2x.png"); background-size: 1900px 400px; } } @media screen and (min-width: 600px) { /* line 235, ./css/blocks/_header.scss */ .site-header .donation-button { max-width: none; width: 160px; height: 70px; line-height: 70px; background-color: #da4388; } /* line 243, ./css/blocks/_header.scss */ .site-header .donation-button.hover { background-color: #ed2e84; } /* line 250, ./css/blocks/_header.scss */ .site-header .menu-icon { color: #6d6e71; font-family: "brandon_grotesqueregular", sans-serif; font-size: 17px; font-weight: normal; font-style: normal; line-height: 70px; margin-left: 50px; padding-left: 22px; background-color: transparent; background-image: url("../images/sprites.png"); background-repeat: no-repeat; background-position: -644px -23px; text-transform: uppercase; position: relative; left: 0; text-indent: 0; } } @media only screen and (min-width: 600px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 600px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 600px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 600px) and (min-device-pixel-ratio: 2), only screen and (min-width: 600px) and (min-resolution: 192dpi), only screen and (min-width: 600px) and (min-resolution: 2dppx) { /* line 250, ./css/blocks/_header.scss */ .site-header .menu-icon { background-image: url("../images/sprites@2x.png"); background-size: 1900px 400px; } } @media screen and (min-width: 600px) { /* line 264, ./css/blocks/_header.scss */ .site-header .menu-icon.hover { color: #ed2e84; } } @media screen and (min-width: 800px) { /* line 277, ./css/blocks/_header.scss */ .site-header .monthly-button { display: inline-block; background-color: #9e1358; padding: 0 10px; } } @media screen and (min-width: 1150px) { /* line 288, ./css/blocks/_header.scss */ .site-header .social-page-links { display: inline-block; position: relative; right: -5px; } } /*.site-header*/ /******************* * MAIN NAVIGATION *******************/ /* line 325, ./css/blocks/_header.scss */ .main-menu { width: 100%; height: auto; text-align: center; position: relative; z-index: 30; margin-left: 0; margin-top: -327px; left: 0; background: #9e1358; /* .sub-menu */ /* 600 */ } /* line 338, ./css/blocks/_header.scss */ .main-menu li { display: block; list-style: none; min-height: 60px; border-bottom: 1px solid #770e42; } /* line 345, ./css/blocks/_header.scss */ .main-menu li.menu-item-has-children { background-image: url("../images/icons/menu-arrow.png"); background-repeat: no-repeat; background-position: 88% 23px; } /* line 354, ./css/blocks/_header.scss */ .main-menu li.menu-item-has-children.open > a { background-repeat: no-repeat; background-position: 88% 23px; background-image: url("../images/icons/menu-x.png"); background-color: #700e3f; } /* line 365, ./css/blocks/_header.scss */ .main-menu li.menu-item-has-children li { background: none; } /* line 372, ./css/blocks/_header.scss */ .main-menu li a { display: block; font-family: "brandon_grotesqueregular", sans-serif; font-size: 24px; font-weight: normal; font-style: normal; line-height: 60px; } /* line 378, ./css/blocks/_header.scss */ .main-menu li a.hover { color: #ffffff; } /* line 387, ./css/blocks/_header.scss */ .main-menu a { color: #ffffff; text-transform: uppercase; text-decoration: none; -webkit-transition: color 200ms linear; -moz-transition: color 200ms linear; -ms-transition: color 200ms linear; -o-transition: color 200ms linear; transition: color 200ms linear; } /* line 395, ./css/blocks/_header.scss */ .main-menu .menu-close { display: none; } /* line 407, ./css/blocks/_header.scss */ .main-menu .menu-social { clear: both; margin-top: 30px; padding-bottom: 30px; } /* line 413, ./css/blocks/_header.scss */ .main-menu .menu-social a { display: inline-block; margin: 0 15px; width: 26px; height: 26px; display: inline-block; } /* line 422, ./css/blocks/_header.scss */ .main-menu .menu-social .facebook_link { background-image: url("../images/sprites.png"); background-repeat: no-repeat; background-position: -38px -337px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { /* line 422, ./css/blocks/_header.scss */ .main-menu .menu-social .facebook_link { background-image: url("../images/sprites@2x.png"); background-size: 1900px 400px; } } /* line 427, ./css/blocks/_header.scss */ .main-menu .menu-social .twitter_link { background-image: url("../images/sprites.png"); background-repeat: no-repeat; background-position: -137px -338px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { /* line 427, ./css/blocks/_header.scss */ .main-menu .menu-social .twitter_link { background-image: url("../images/sprites@2x.png"); background-size: 1900px 400px; } } /* line 434, ./css/blocks/_header.scss */ .main-menu .sub-menu { display: none; border-top: 1px solid #770e42; padding: 10px 0 10px; z-index: 10; } /* line 441, ./css/blocks/_header.scss */ .main-menu .sub-menu li { border: none; height: auto; padding: 10px 0; min-height: 0; } /* line 448, ./css/blocks/_header.scss */ .main-menu .sub-menu li a { font-size: 17px; line-height: 1em; } @media screen and (min-width: 600px) { /* line 325, ./css/blocks/_header.scss */ .main-menu { background: #ed2e84; position: fixed; vertical-align: top; text-align: left; width: 290px; height: 100%; left: -290px; top: 0; margin: 0 0 -1500px 0; padding-bottom: 1500px; overflow: auto; /* .sub-menu */ } /* line 474, ./css/blocks/_header.scss */ .main-menu .main-menu-navigation { padding: 70px 0 40px; } /* line 479, ./css/blocks/_header.scss */ .main-menu .menu-main-menu-container { height: 100%; } /* line 484, ./css/blocks/_header.scss */ .main-menu li { min-height: 0px; padding: 20px 0 24px; } /* line 489, ./css/blocks/_header.scss */ .main-menu li:first-child { padding: 0 0 16px; } /* line 495, ./css/blocks/_header.scss */ .main-menu li.current-menu-item > a { color: #9e1358; } /* line 500, ./css/blocks/_header.scss */ .main-menu li a { padding: 0 0 0 40px; font-size: 17px; line-height: 32px; letter-spacing: .06em; } /* line 507, ./css/blocks/_header.scss */ .main-menu li a.hover { color: #9e1358; } /* line 516, ./css/blocks/_header.scss */ .main-menu .sub-menu { display: block; padding: 0; z-index: 10; border-top: 0; } /* line 523, ./css/blocks/_header.scss */ .main-menu .sub-menu li { padding: 0; } /* line 527, ./css/blocks/_header.scss */ .main-menu .sub-menu li a { font-family: "equiplight", serif; font-size: 16px; font-weight: normal; font-style: normal; line-height: 24px; text-transform: capitalize; letter-spacing: normal; } /* line 541, ./css/blocks/_header.scss */ .main-menu .current-menu-item a.hover, .main-menu .current-menu-parent a.hover, .main-menu .current_page_item a.hover { color: #9e1358; } /* line 549, ./css/blocks/_header.scss */ .main-menu .menu-close { background-image: url("../images/sprites.png"); background-repeat: no-repeat; background-position: -439px -45px; height: 20px; width: 20px; display: inline-block; vertical-align: top; position: absolute; right: 29px; top: 29px; } } @media only screen and (min-width: 600px) and (-webkit-min-device-pixel-ratio: 2), only screen and (min-width: 600px) and (min--moz-device-pixel-ratio: 2), only screen and (min-width: 600px) and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-width: 600px) and (min-device-pixel-ratio: 2), only screen and (min-width: 600px) and (min-resolution: 192dpi), only screen and (min-width: 600px) and (min-resolution: 2dppx) { /* line 549, ./css/blocks/_header.scss */ .main-menu .menu-close { background-image: url("../images/sprites@2x.png"); background-size: 1900px 400px; } } @media screen and (min-width: 600px) { /* line 561, ./css/blocks/_header.scss */ .main-menu .mobile-link { display: none; } } /*.main-menu*/ /*+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + HOMEPAGE STYLES _homepage.scss Created by #BRITEWEB http://briteweb.com @briteweb Copyright (c) 2013 #BRITEWEB. All rights reserved. styling for the homepage TABLE OF CONTENTS table of contents + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* line 23, ./css/blocks/_homepage.scss */ .home { /*.home-mask*/ /*.featured-content*/ /* 600 */ /* 800 */ } /* line 26, ./css/blocks/_homepage.scss */ .home .featured { max-height: 500px; } /* line 30, ./css/blocks/_homepage.scss */ .home .featured .featured-item { max-height: 500px; } /* line 35, ./css/blocks/_homepage.scss */ .home .featured .dot-overlay { display: block; } /* line 41, ./css/blocks/_homepage.scss */ .home .home-mask { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 999999; display: block; -webkit-transform: translateZ(0); height: 150%; } /* line 55, ./css/blocks/_homepage.scss */ .home .featured-content { height: 100%; padding-top: 0; } /* line 60, ./css/blocks/_homepage.scss */ .home .featured-content .featured-copy { text-align: left; } /* line 65, ./css/blocks/_homepage.scss */ .home .featured-content .featured-copy h2 { display: none; } /* line 70, ./css/blocks/_homepage.scss */ .home .featured-content .featured-copy p { font-family: "brandon_grotesqueregular", sans-serif; font-size: 26px; font-weight: normal; font-style: normal; line-height: 32px; color: #ffffff; text-transform: uppercase; display: inline-block; vertical-align: top; max-width: 204px; position: absolute; bottom: 70px; left: 5%; } @media screen and (min-width: 600px) { /* line 91, ./css/blocks/_homepage.scss */ .home .page-content-wrapper { margin-top: -70px; padding-bottom: 70px; } /* line 102, ./css/blocks/_homepage.scss */ .home .featured-content .featured-copy p { max-width: 350px; margin: auto; display: block; position: relative; bottom: 0; left: 0; letter-spacing: 0.06em; } } @media screen and (min-width: 800px) { /* line 23, ./css/blocks/_homepage.scss */ .home { /*.featured-content*/ } /* line 125, ./css/blocks/_homepage.scss */ .home .featured-content .featured-copy p { max-width: 376px; padding: 6% 0 0 10%; display: inline-block; } } /*.home*/ /* line 139, ./css/blocks/_homepage.scss */ .news-feed { /* 800 */ /* 1200 */ } /* line 141, ./css/blocks/_homepage.scss */ .news-feed .carousel { text-align: center; left: -30px; margin-right: -60px; } /* line 148, ./css/blocks/_homepage.scss */ .news-feed .tc-paging-container, .news-feed .slick-dots { bottom: 11px; } /* line 153, ./css/blocks/_homepage.scss */ .news-feed .locked-height { height: 320px !important; /* to deal with resizing the touch carousel */ } /* line 158, ./css/blocks/_homepage.scss */ .news-feed .item { display: inline-block; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; height: 320px; text-align: center; overflow: hidden; cursor: pointer; } /* line 171, ./css/blocks/_homepage.scss */ .news-feed .item img { height: 320px; } /* line 183, ./css/blocks/_homepage.scss */ .news-feed h3 { color: #ffffff; font-weight: normal; padding: 0 70px; font-size: 24px; } /* line 191, ./css/blocks/_homepage.scss */ .news-feed a { text-decoration: none; } /* line 196, ./css/blocks/_homepage.scss */ .news-feed .caption { position: absolute; width: 101%; height: 320px; bottom: 0; left: 0; display: table; background: rgba(237, 46, 132, 0.8); -webkit-transition: background-color 200ms linear; -moz-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; -o-transition: background-color 200ms linear; transition: background-color 200ms linear; } /* line 211, ./css/blocks/_homepage.scss */ .news-feed .caption a { position: absolute; width: 152px; bottom: 30px; left: 47%; margin-left: -71px; color: #ffffff; font-family: "brandon_grotesqueregular", sans-serif; font-size: 17px; } /* line 222, ./css/blocks/_homepage.scss */ .news-feed .caption a span { background-image: url("../images/mobile/sprites.png"); background-repeat: no-repeat; background-position: -1147px -48px; display: inline-block; width: 11px; height: 15px; position: absolute; right: 0; top: 50%; margin-top: -9px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { /* line 222, ./css/blocks/_homepage.scss */ .news-feed .caption a span { background-image: url("../images/mobile/sprites@2x.png"); background-size: 1500px 300px; } } /* line 241, ./css/blocks/_homepage.scss */ .news-feed .caption .centered-container { display: table-cell; vertical-align: middle; } @media screen and (min-width: 800px) { /* line 251, ./css/blocks/_homepage.scss */ .news-feed .carousel { left: -20px; margin-right: -40px; } /* line 257, ./css/blocks/_homepage.scss */ .news-feed .item { width: 33.333333333333336%; } /* line 261, ./css/blocks/_homepage.scss */ .news-feed .item.hover .caption { background: rgba(237, 46, 132, 0.8); } /* line 269, ./css/blocks/_homepage.scss */ .news-feed .item.hover .caption a { opacity: 1; /* Chrome 4+, Firefox 2+, Safari 3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ filter: alpha(opacity=100); /* IE6-IE8 */ } /* line 278, ./css/blocks/_homepage.scss */ .news-feed h3 { padding: 0 24px; } /* line 283, ./css/blocks/_homepage.scss */ .news-feed .caption { height: 100px; bottom: 0; left: 0; background: rgba(35, 31, 32, 0.7); display: table; } /* line 295, ./css/blocks/_homepage.scss */ .news-feed .caption a { opacity: 0; /* Chrome 4+, Firefox 2+, Safari 3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ filter: alpha(opacity=0); /* IE6-IE8 */ -webkit-transition: opacity 200ms linear; -moz-transition: opacity 200ms linear; -ms-transition: opacity 200ms linear; -o-transition: opacity 200ms linear; transition: opacity 200ms linear; } } @media screen and (min-width: 1200px) { /* line 307, ./css/blocks/_homepage.scss */ .news-feed .item { height: 413px; } /* line 311, ./css/blocks/_homepage.scss */ .news-feed .item img { height: 413px; } } /*.news-feed*/ /*+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + FOOTER STYLES _footer.scss Created by #BRITEWEB http://briteweb.com @briteweb Copyright (c) 2013 #BRITEWEB. All rights reserved. styling for the footer TABLE OF CONTENTS table of contents + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */ /* line 23, ./css/blocks/_footer.scss */ .footer { background: #9e1358; text-align: center; position: relative; z-index: 2; clear: both; } /* .footer */ /* line 32, ./css/blocks/_footer.scss */ .inner-footer { background: #333333; position: relative; z-index: 10; margin-bottom: 0; /* .column */ } /* line 39, ./css/blocks/_footer.scss */ .inner-footer .wrapper { text-align: justify; position: relative; background: none; padding: 50px 0 0; margin: auto; } /* line 212, ./css/defaults/_mixins.scss */ .inner-footer .wrapper:before { content: ''; display: block; width: 100%; } /* line 218, ./css/defaults/_mixins.scss */ .inner-footer .wrapper:after { content: ''; display: inline-block; width: 100%; } /* line 224, ./css/defaults/_mixins.scss */ .inner-footer .wrapper .justify-item { vertical-align: top; margin-top: 0; position: relative; display: inline-block; } /* line 47, ./css/blocks/_footer.scss */ .inner-footer .column { display: none; width: 100%; text-align: center; vertical-align: top; position: relative; } /* line 55, ./css/blocks/_footer.scss */ .inner-footer .column.offices { display: inline-block; } /* line 60, ./css/blocks/_footer.scss */ .inner-footer .column a.hover { color: #00bbe2; } /* line 65, ./css/blocks/_footer.scss */ .inner-footer .column p { max-width: 217px; display: block; margin: 0 auto 22px; } /* line 72, ./css/blocks/_footer.scss */ .inner-footer .column .item p { margin-bottom: 16px; } /* line 77, ./css/blocks/_footer.scss */ .inner-footer .column .button { background: #9e1358; margin-top: 21px; width: 196px; height: 68px; line-height: 68px; } /* line 85, ./css/blocks/_footer.scss */ .inner-footer .column .button.hover { background: #ed2e84; color: #ffffff; } /* line 91, ./css/blocks/_footer.scss */ .inner-footer .column .button.blue { background: #008caa; } /* line 95, ./css/blocks/_footer.scss */ .inner-footer .column .button.blue.hover { background: #00bbe2; } /* line 106, ./css/blocks/_footer.scss */ .inner-footer .border { position: absolute; right: -1px; top: 0; width: 1px; height: 380px; background: #58595b; display: none; } /* line 117, ./css/blocks/_footer.scss */ .inner-footer .social-page-links { padding: 0; text-align: center; margin-top: 27px; } /* line 123, ./css/blocks/_footer.scss */ .inner-footer .social-page-links a { margin: 0 2%; } /* line 130, ./css/blocks/_footer.scss */ .inner-footer .copyright { text-align: center; display: inline-block; width: 100%; margin-top: 40px; } /* line 137, ./css/blocks/_footer.scss */ .inner-footer .copyright div, .inner-footer .copyright li { display: inline-block; } /* line 142, ./css/blocks/_footer.scss */ .inner-footer .copyright li { margin-right: 10px; } /* line 147, ./css/blocks/_footer.scss */ .inner-footer .copyright a.hover { color: #00bbe2; } /* line 152, ./css/blocks/_footer.scss */ .inner-footer .copyright p { margin-top: 10px; } /* line 157, ./css/blocks/_footer.scss */ .inner-footer .copyright p, .inner-footer .copyright a { color: #808285; font-size: 13px; } /* line 164, ./css/blocks/_footer.scss */ .inner-footer h3, .inner-footer h4, .inner-footer p, .inner-footer a { color: #ffffff; } /* line 169, ./css/blocks/_footer.scss */ .inner-footer h3 { margin-bottom: 18px; font-weight: normal; } /* line 175, ./css/blocks/_footer.scss */ .inner-footer h4 { font-family: "equiplight", serif; font-size: 15px; font-weight: normal; font-style: normal; font-weight: bold; } /* line 181, ./css/blocks/_footer.scss */ .inner-footer p { margin-top: 0; font-size: 15px; } /* .inner-footer */ /* line 189, ./css/blocks/_footer.scss */ .bw-logo { display: inline-block; vertical-align: middle; background-image: url("../images/mobile/sprites.png"); background-repeat: no-repeat; background-position: -1140px -148px; height: 18px; width: 20px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { /* line 189, ./css/blocks/_footer.scss */ .bw-logo { background-image: url("../images/mobile/sprites@2x.png"); background-size: 1500px 300px; } } /* line 198, ./css/blocks/_footer.scss */ .subscribe { text-align: center; padding: 35px 0; height: 236px; bottom: 0; left: 0; z-index: 1; width: 100%; background: #9e1358; } /* line 209, ./css/blocks/_footer.scss */ .subscribe .subscribe-form { display: inline-block; vertical-align: top; max-width: 740px; /*.gform_fields*/ } /* line 245, ./css/blocks/_footer.scss */ .subscribe .subscribe-form ul.gform_fields { display: inline-block; } /* line 249, ./css/blocks/_footer.scss */ .subscribe .subscribe-form ul.gform_fields .gfield { display: inline-block; width: 278px; border: 1px solid #ed2e84; margin-bottom: 20px; } /* line 256, ./css/blocks/_footer.scss */ .subscribe .subscribe-form ul.gform_fields .gfield.subscribe-email { margin-bottom: 0; } /* line 260, ./css/blocks/_footer.scss */ .subscribe .subscribe-form ul.gform_fields .gfield.subscribe-email input { width: 224px; } /* line 266, ./css/blocks/_footer.scss */ .subscribe .subscribe-form ul.gform_fields .gfield.gform_validation_container { display: none; } /* line 275, ./css/blocks/_footer.scss */ .subscribe .subscribe-form form { position: relative; width: 280px; height: 100%; } /* line 281, ./css/blocks/_footer.scss */ .subscribe .subscribe-form form input { display: block; margin-bottom: 0; } /* line 286, ./css/blocks/_footer.scss */ .subscribe .subscribe-form form input[type="text"] { background: #9e1358; color: #ffffff; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: "equiplight", serif; font-size: 15px; height: 48px; line-height: 20px; width: 270px; padding-left: 20px; text-align: left; } /* line 301, ./css/blocks/_footer.scss */ .subscribe .subscribe-form form input[type="submit"] { position: absolute; z-index: 10; background: #ed2e84; width: 50px; height: 50px; line-height: 43px; bottom: 0; right: 0; margin: 0; padding: 0; text-indent: -99999px; background-image: url("../images/sprites.png"); background-repeat: no-repeat; background-position: -923px -31px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { /* line 301, ./css/blocks/_footer.scss */ .subscribe .subscribe-form form input[type="submit"] { background-image: url("../images/sprites@2x.png"); background-size: 1900px 400px; } } /* line 319, ./css/blocks/_footer.scss */ .subscribe .subscribe-form form input[name="defaultvalue-clone-4577"], .subscribe .subscribe-form form input[name="defaultvalue-clone-1b8e"] { display: none; } /* line 332, ./css/blocks/_footer.scss */ .subscribe p { margin: 0 0 15px; vertical-align: middle; } /* line 345, ./css/blocks/_footer.scss */ .subscribe .subscribe-form form, .landing-popup .subscribe-form form { position: relative; } /* line 350, ./css/blocks/_footer.scss */ .subscribe .subscribe-form .gfield_contains_required .gfield_description, .landing-popup .subscribe-form .gfield_contains_required .gfield_description { display: none; } /* line 355, ./css/blocks/_footer.scss */ .subscribe .subscribe-form .invalid-input, .landing-popup .subscribe-form .invalid-input { position: absolute; color: #ffffff; background: url("../images/fades/blackfade-70.png") repeat left top; height: 100%; line-height: 186px; z-index: 20; left: 0px; top: 0px; border: 1px solid #ed2e84; font-family: "equiplight", serif; width: 100%; font-size: 15px; text-transform: uppercase; } @media screen and (min-width: 800px) { /* line 376, ./css/blocks/_footer.scss */ .footer { padding-bottom: 142px; } /* line 389, ./css/blocks/_footer.scss */ .inner-footer .column { display: inline-block; width: 33%; padding-top: 52px; min-height: 306px; } /* line 397, ./css/blocks/_footer.scss */ .inner-footer .border { display: block; } /* line 406, ./css/blocks/_footer.scss */ .inner-footer .copyright p { display: inline-block; margin-top: 0px; } /*.inner-footer*/ /* line 416, ./css/blocks/_footer.scss */ .subscribe { text-align: center; height: 80px; position: fixed; bottom: 0; left: 0; /*.subscribe-form*/ } /* line 430, ./css/blocks/_footer.scss */ .subscribe p { margin: 11px 25px 0 0; } /* line 435, ./css/blocks/_footer.scss */ .subscribe .subscribe-form { /*.gform_fields*/ } /* line 437, ./css/blocks/_footer.scss */ .subscribe .subscribe-form .gform_confirmation_message, .subscribe .subscribe-form .gform_confirmation_message_1, .subscribe .subscribe-form .gform_validation_container_1 { line-height: 40px; font-size: 17px; } /* line 445, ./css/blocks/_footer.scss */ .subscribe .subscribe-form ul.gform_fields { max-width: 595px; } /* line 449, ./css/blocks/_footer.scss */ .subscribe .subscribe-form ul.gform_fields .gfield { width: 168px; border-right: none; margin-bottom: 0; } /* line 455, ./css/blocks/_footer.scss */ .subscribe .subscribe-form ul.gform_fields .gfield.subscribe-email { width: 250px; } /* line 464, ./css/blocks/_footer.scss */ .subscribe .subscribe-form form { height: 50px; width: auto; padding-right: 146px; } /* line 470, ./css/blocks/_footer.scss */ .subscribe .subscribe-form form .invalid-input { height: 39px; line-height: 41px; } /* line 476, ./css/blocks/_footer.scss */ .subscribe .subscribe-form form .subscribe-email input[type="text"] { width: 247px; } /* line 485, ./css/blocks/_footer.scss */ .subscribe .subscribe-form form input[type="text"] { font-size: 15px; width: 166px; height: 39px; line-height: 20px; } /* line 493, ./css/blocks/_footer.scss */ .subscribe .subscribe-form form input[type="submit"] { background: #f3f3f3; width: 146px; height: 41px; line-height: 43px; bottom: auto; top: 0; background: #ed2e84; color: #ffffff; text-indent: 0; cursor: pointer; -webkit-transition: background-color 200ms linear; -moz-transition: background-color 200ms linear; -ms-transition: background-color 200ms linear; -o-transition: background-color 200ms linear; transition: background-color 200ms linear; } /* line 507, ./css/blocks/_footer.scss */ .subscribe .subscribe-form form input[type="submit"].hover { background-color: #700e3f; } } /* 800 */ /*923*/ /* line 532, ./css/blocks/_footer.scss */ .subscribe-text { font-family: "brandon_grotesqueregular", sans-serif; font-size: 24px; line-height: 1.2em; text-transform: uppercase; text-align: center; display: block; color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /*800*/ /*923*/ } /* line 544, ./css/blocks/_footer.scss */ .subscribe-text.desktop-text { display: none; font-size: 15px; font-family: "equiplight", serif; } @media screen and (min-width: 800px) { /* line 553, ./css/blocks/_footer.scss */ .subscribe-text.mobile-text { display: none; } /* line 558, ./css/blocks/_footer.scss */ .subscribe-text.desktop-text { margin: 0 0 25px; display: block; text-transform: none; } } /*.subscribe-text*/ /* line 581, ./css/blocks/_footer.scss */ .pagination-arrows { text-align: justify; position: relative; background: #ffffff; margin-top: 20px; height: 160px; /*600*/ } /* line 212, ./css/defaults/_mixins.scss */ .pagination-arrows:before { content: ''; display: block; width: 100%; } /* line 218, ./css/defaults/_mixins.scss */ .pagination-arrows:after { content: ''; display: inline-block; width: 100%; } /* line 224, ./css/defaults/_mixins.scss */ .pagination-arrows .justify-item { vertical-align: top; margin-top: 0; position: relative; display: inline-block; } /* line 588, ./css/blocks/_footer.scss */ .pagination-arrows .centered-container { display: table-cell; vertical-align: middle; height: 160px; } /* line 595, ./css/blocks/_footer.scss */ .pagination-arrows .links { width: 49%; height: 160px; display: table; text-align: center; position: relative; } /* line 604, ./css/blocks/_footer.scss */ .pagination-arrows .previous-link { float: left; } /* line 608, ./css/blocks/_footer.scss */ .pagination-arrows .previous-link .arrow { background-image: url("../images/mobile/sprites.png"); background-repeat: no-repeat; background-position: -645px -246px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { /* line 608, ./css/blocks/_footer.scss */ .pagination-arrows .previous-link .arrow { background-image: url("../images/mobile/sprites@2x.png"); background-size: 1500px 300px; } } /* line 614, ./css/blocks/_footer.scss */ .pagination-arrows .next-link { float: right; } /* line 618, ./css/blocks/_footer.scss */ .pagination-arrows .next-link .arrow { background-image: url("../images/mobile/sprites.png"); background-repeat: no-repeat; background-position: -945px -47px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { /* line 618, ./css/blocks/_footer.scss */ .pagination-arrows .next-link .arrow { background-image: url("../images/mobile/sprites@2x.png"); background-size: 1500px 300px; } } /* line 624, ./css/blocks/_footer.scss */ .pagination-arrows .border { width: 0; height: 100%; padding-right: 1px; display: block; position: absolute; background: #e8e8e8; right: 0; top: 0; } /* line 636, ./css/blocks/_footer.scss */ .pagination-arrows a { display: block; position: absolute; z-index: 5; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; } /* line 649, ./css/blocks/_footer.scss */ .pagination-arrows p { font-size: 17px; text-transform: uppercase; width: 95%; margin: 0 auto; z-index: 1; } /* line 660, ./css/blocks/_footer.scss */ .pagination-arrows .arrow { display: inline-block; width: 11px; height: 19px; margin-left: -5px; z-index: 1; margin-top: 10px; } @media screen and (min-width: 600px) { /* line 581, ./css/blocks/_footer.scss */ .pagination-arrows { display: none; } } /*.pagination-arrows*/