@charset "UTF-8"; /*! Theme Name: CCS Speed Shop Theme URI: http://seekbrevity.com/ Author: Ben Gathard of Brevity Author URI: http://seekbrevity.com/ Description: This is a custom theme designed for CCS Speed Shop, built on the base theme and responsive framework for all custom sites built by Brevity. Version: 2.0 Text Domain: brevity-2016 Domain Path: /languages/ Brevity 2016 is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc. Brevity 2016 CSS Framework is based on Skeleton V1.2, http://www.getskeleton.com Copyright 2011, Dave Gamache Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ and Blueprint http://www.blueprintcss.org/ */ /* RESET --- */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */ @import url("//hello.myfonts.net/count/2f7aa4"); /* line 9, sass/_normalize.scss */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** Remove default margin. */ /* line 19, sass/_normalize.scss */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */ /* line 33, sass/_normalize.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ /* line 54, sass/_normalize.scss */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */ /* line 67, sass/_normalize.scss */ audio:not([controls]) { display: none; height: 0; } /** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ /* line 77, sass/_normalize.scss */ [hidden], template { display: none; } /* Links ========================================================================== */ /** Remove the gray background color from active links in IE 10. */ /* line 89, sass/_normalize.scss */ a { background-color: transparent; } /** Improve readability when focused and also mouse hovered in all browsers. */ /* line 97, sass/_normalize.scss */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ /* line 109, sass/_normalize.scss */ abbr[title] { border-bottom: 1px dotted; } /** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ /* line 117, sass/_normalize.scss */ b, strong { font-weight: bold; } /** Address styling not present in Safari and Chrome. */ /* line 126, sass/_normalize.scss */ dfn { font-style: italic; } /** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */ /* line 135, sass/_normalize.scss */ h1 { font-size: 2em; margin: 0 0 0.67em 0; } /** Address styling not present in IE 8/9. */ /* line 144, sass/_normalize.scss */ mark { background: #ff0; color: #000; } /** Address inconsistent and variable font size in all browsers. */ /* line 153, sass/_normalize.scss */ small { font-size: 80%; } /** Prevent `sub` and `sup` affecting `line-height` in all browsers. */ /* line 161, sass/_normalize.scss */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } /* line 169, sass/_normalize.scss */ sup { top: -0.5em; } /* line 173, sass/_normalize.scss */ sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** Remove border when inside `a` element in IE 8/9/10. */ /* line 184, sass/_normalize.scss */ img { border: 0; } /** Correct overflow not hidden in IE 9/10/11. */ /* line 192, sass/_normalize.scss */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** Address margin not present in IE 8/9 and Safari. */ /* line 203, sass/_normalize.scss */ figure { margin: 1em 40px; } /** Address differences between Firefox and other browsers. */ /* line 211, sass/_normalize.scss */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** Contain overflow in all browsers. */ /* line 221, sass/_normalize.scss */ pre { overflow: auto; } /** Address odd `em`-unit font size rendering in all browsers. */ /* line 229, sass/_normalize.scss */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */ /** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ /* line 252, sass/_normalize.scss */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** Address `overflow` set to `hidden` in IE 8/9/10/11. */ /* line 266, sass/_normalize.scss */ button { overflow: visible; } /** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */ /* line 277, sass/_normalize.scss */ button, select { text-transform: none; } /** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */ /* line 290, sass/_normalize.scss */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** Re-set default cursor for disabled elements. */ /* line 302, sass/_normalize.scss */ button[disabled], html input[disabled] { cursor: default; } /** Remove inner padding and border in Firefox 4+. */ /* line 311, sass/_normalize.scss */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */ /* line 322, sass/_normalize.scss */ input { line-height: normal; } /** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */ /* line 334, sass/_normalize.scss */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */ /* line 346, sass/_normalize.scss */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */ /* line 357, sass/_normalize.scss */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */ /* line 370, sass/_normalize.scss */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** Define consistent border, margin, and padding. */ /* line 379, sass/_normalize.scss */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */ /* line 390, sass/_normalize.scss */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** Remove default vertical scrollbar in IE 8/9/10/11. */ /* line 399, sass/_normalize.scss */ textarea { overflow: auto; } /** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ /* line 408, sass/_normalize.scss */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** Remove most spacing between table cells. */ /* line 419, sass/_normalize.scss */ table { border-collapse: collapse; border-spacing: 0; } /* line 424, sass/_normalize.scss */ td, th { padding: 0; } /* Font Kit --- */ /** @license MyFonts Webfont Build ID 3111588, 2015-10-21T09:59:26-0400 The fonts listed in this notice are subject to the End User License Agreement(s) entered into by the website owner. All other parties are explicitly restricted from using the Licensed Webfonts(s). You may obtain a valid license at the URLs below. Webfont: TrasandinaLight by TipoType URL: http://www.myfonts.com/fonts/tipotype/trasandina/light/ Webfont: TrasandinaLight-Italic by TipoType URL: http://www.myfonts.com/fonts/tipotype/trasandina/light-italic/ Webfont: TrasandinaBook by TipoType URL: http://www.myfonts.com/fonts/tipotype/trasandina/book/ Webfont: TrasandinaBook-Italic by TipoType URL: http://www.myfonts.com/fonts/tipotype/trasandina/book-italic/ Webfont: TrasandinaUltra by TipoType URL: http://www.myfonts.com/fonts/tipotype/trasandina/ultra/ Webfont: TrasandinaUltra-Italic by TipoType URL: http://www.myfonts.com/fonts/tipotype/trasandina/ultra-italic/ License: http://www.myfonts.com/viewlicense?type=web&buildid=3111588 Licensed pageviews: 100,000 Webfonts copyright: Copyright (c) 2015 by Fernando Diaz. All rights reserved. © 2015 MyFonts Inc */ /* @import must be at top of file, otherwise CSS will not work */ @font-face { font-family: 'TrasandinaLight'; src: url("webfonts/2F7AA4_5_0.eot"); src: url("webfonts/2F7AA4_5_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2F7AA4_5_0.woff2") format("woff2"), url("webfonts/2F7AA4_5_0.woff") format("woff"), url("webfonts/2F7AA4_5_0.ttf") format("truetype"); } @font-face { font-family: 'TrasandinaLight-Italic'; src: url("webfonts/2F7AA4_3_0.eot"); src: url("webfonts/2F7AA4_3_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2F7AA4_3_0.woff2") format("woff2"), url("webfonts/2F7AA4_3_0.woff") format("woff"), url("webfonts/2F7AA4_3_0.ttf") format("truetype"); } @font-face { font-family: 'TrasandinaBook'; src: url("webfonts/2F7AA4_1_0.eot"); src: url("webfonts/2F7AA4_1_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2F7AA4_1_0.woff2") format("woff2"), url("webfonts/2F7AA4_1_0.woff") format("woff"), url("webfonts/2F7AA4_1_0.ttf") format("truetype"); } @font-face { font-family: 'TrasandinaBook-Italic'; src: url("webfonts/2F7AA4_11_0.eot"); src: url("webfonts/2F7AA4_11_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2F7AA4_11_0.woff2") format("woff2"), url("webfonts/2F7AA4_11_0.woff") format("woff"), url("webfonts/2F7AA4_11_0.ttf") format("truetype"); } @font-face { font-family: 'TrasandinaUltra'; src: url("webfonts/2F7AA4_D_0.eot"); src: url("webfonts/2F7AA4_D_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2F7AA4_D_0.woff2") format("woff2"), url("webfonts/2F7AA4_D_0.woff") format("woff"), url("webfonts/2F7AA4_D_0.ttf") format("truetype"); } @font-face { font-family: 'TrasandinaUltra-Italic'; src: url("webfonts/2F7AA4_C_0.eot"); src: url("webfonts/2F7AA4_C_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2F7AA4_C_0.woff2") format("woff2"), url("webfonts/2F7AA4_C_0.woff") format("woff"), url("webfonts/2F7AA4_C_0.ttf") format("truetype"); } /* GLOBAL VARS --- */ /* * Brevity 2016 * Copyright 2016, Ben Gathard & Andrew Blackwell of Brevity * Author URI: http://seekbrevity.com/ * 02/16/2015 * * global.scss controls the look of the site-wide UI elements. * All Sass variables and site wide mix-ins are stored in global.scss. * */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - Media Queries 2.0 - Colors 2.1 - Social Colors 2.2 - Colors Utilities 3.0 - Fonts 3.1 - Font Utilities 4.0 - Borders 5.0 - Transitions & Transfroms 6.0 - Clear Fix --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 Media Queries --------------------------------------------------------------*/ /*-------------------------------------------------------------- 2.0 Colors --------------------------------------------------------------*/ /*-------------------------------------------------------------- 2.1 Social Colors --------------------------------------------------------------*/ /*-------------------------------------------------------------- 2.2 Color Utilities --------------------------------------------------------------*/ /*-------------------------------------------------------------- 3.0 Fonts --------------------------------------------------------------*/ /*-------------------------------------------------------------- 3.1 Font Utilities --------------------------------------------------------------*/ /*-------------------------------------------------------------- 4.0 Borders --------------------------------------------------------------*/ /*-------------------------------------------------------------- 5.0 Transitions --------------------------------------------------------------*/ /*-------------------------------------------------------------- 6.0 Clear Fix --------------------------------------------------------------*/ /* GLOBAL STYLES --- */ /* * Brevity 2016 * Copyright 2016, Ben Gathard & Andrew Blackwell of Brevity * Author URI: http://seekbrevity.com/ * 02/16/2015 * * framework.scss controls the responsive grid, this is consistent across all Brevity Themes. * Only edit this document to make GLOBAL (Site-wide) layout/grid changes. * Page specific changes should be made in their oun .scss files. * */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - The Grid 2.0 - Custom: Page & Post --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 - The Grid --------------------------------------------------------------*/ /* line 26, sass/_framework.scss */ .desktop { display: none !important; } /* line 27, sass/_framework.scss */ .mobile { display: inherit !important; } /* line 28, sass/_framework.scss */ .right { float: right !important; } /* line 29, sass/_framework.scss */ .left { float: left !important; } /* line 30, sass/_framework.scss */ .both { clear: both !important; } @media (min-width: 768px) { /* line 33, sass/_framework.scss */ .desktop { display: block !important; } /* line 34, sass/_framework.scss */ .mobile { display: none !important; } } /* line 37, sass/_framework.scss */ .wrapper { float: left; padding: 1.42857em 0; width: 100%; } /* line 42, sass/_framework.scss */ .wrapper.gray { background: #ccc; } /* line 45, sass/_framework.scss */ .container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; max-width: 1248px; width: 90%; min-width: 300px; } /* line 52, sass/_framework.scss */ .container .column { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: left; margin-bottom: 1.42857em; margin-left: 0.6665%; margin-right: 0.6665%; width: 100%; } @media (max-width: 767px) { /* line 52, sass/_framework.scss */ .container .column { margin-left: 0; margin-right: 0; } } /* line 65, sass/_framework.scss */ .container .row { float: left; margin-bottom: 0px; width: 100%; } @media (min-width: 768px) { /* line 73, sass/_framework.scss */ .container .column { margin-bottom: 0px; } /* line 75, sass/_framework.scss */ .container .column:first-child { margin-left: 0; } /* line 76, sass/_framework.scss */ .container .column:last-child { margin-right: 0; } /* line 79, sass/_framework.scss */ .container .row { margin-bottom: 1.42857em; } /* line 82, sass/_framework.scss */ .container .column.one { width: 5%; } /* line 83, sass/_framework.scss */ .container .column.two { width: 11.333%; } /* line 84, sass/_framework.scss */ .container .column.three { width: 17.666%; } /* line 85, sass/_framework.scss */ .container .column.four { width: 23.999%; } /* line 86, sass/_framework.scss */ .container .column.five { width: 30.333%; } /* line 87, sass/_framework.scss */ .container .column.six { width: 36.666%; } /* line 88, sass/_framework.scss */ .container .column.seven { width: 42.999%; } /* line 89, sass/_framework.scss */ .container .column.eight { width: 49.333%; } /* line 90, sass/_framework.scss */ .container .column.nine { width: 55.666%; } /* line 91, sass/_framework.scss */ .container .column.ten { width: 61.999%; } /* line 92, sass/_framework.scss */ .container .column.eleven { width: 68.333%; } /* line 93, sass/_framework.scss */ .container .column.twelve { width: 74.666%; } /* line 94, sass/_framework.scss */ .container .column.thirteen { width: 80.999%; } /* line 95, sass/_framework.scss */ .container .column.fourteen { width: 87.333%; } /* line 96, sass/_framework.scss */ .container .column.fifteen { width: 93.666%; } /* line 97, sass/_framework.scss */ .container .column.sixteen { width: 100%; } /* line 100, sass/_framework.scss */ .container .column.offset-one { margin-left: 6.333%; } /* line 101, sass/_framework.scss */ .container .column.offset-two { margin-left: 12.666%; } /* line 102, sass/_framework.scss */ .container .column.offset-three { margin-left: 18.999%; } /* line 103, sass/_framework.scss */ .container .column.offset-four { margin-left: 25.222%; } /* line 104, sass/_framework.scss */ .container .column.offset-five { margin-left: 31.666%; } /* line 105, sass/_framework.scss */ .container .column.offset-six { margin-left: 37.999%; } /* line 106, sass/_framework.scss */ .container .column.offset-seven { margin-left: 44.222%; } /* line 107, sass/_framework.scss */ .container .column.offset-eight { margin-left: 50.666%; } /* line 108, sass/_framework.scss */ .container .column.offset-nine { margin-left: 56.999%; } /* line 109, sass/_framework.scss */ .container .column.offset-ten { margin-left: 63.222%; } /* line 110, sass/_framework.scss */ .container .column.offset-eleven { margin-left: 69.666%; } /* line 111, sass/_framework.scss */ .container .column.offset-twelve { margin-left: 75.999%; } /* line 112, sass/_framework.scss */ .container .column.offset-thirteen { margin-left: 82.222%; } /* line 113, sass/_framework.scss */ .container .column.offset-fourteen { margin-left: 88.666%; } /* line 114, sass/_framework.scss */ .container .column.offset-fifteen { margin-left: 94.999%; } /* line 115, sass/_framework.scss */ .container .column.offset-sixteen { margin-left: 100%; } /* line 119, sass/_framework.scss */ .container .column.half { width: 49.333%; } /* line 121, sass/_framework.scss */ .container .column.offset-half { margin-left: 50.666%; } /* line 125, sass/_framework.scss */ .container .column.one-third { width: 32.444%; } /* line 126, sass/_framework.scss */ .container .column.two-thirds { width: 66.222%; } /* line 128, sass/_framework.scss */ .container .column.offset-one-third { margin-left: 33.777%; } /* line 129, sass/_framework.scss */ .container .column.offset-two-thirds { margin-left: 67.555%; } /* line 133, sass/_framework.scss */ .container .column.one-fourth { width: 23.999%; } /* line 134, sass/_framework.scss */ .container .column.two-fourths { width: 49.333%; } /* line 135, sass/_framework.scss */ .container .column.three-fourths { width: 74.666%; } /* line 137, sass/_framework.scss */ .container .column.offset-one-fourth { margin-left: 25.222%; } /* line 138, sass/_framework.scss */ .container .column.offset-two-fourths { margin-left: 50.666%; } /* line 139, sass/_framework.scss */ .container .column.offset-three-fourths { margin-left: 75.999%; } /* line 143, sass/_framework.scss */ .container .column.one-fifth { width: 18.999%; } /* line 144, sass/_framework.scss */ .container .column.two-fifths { width: 39.222%; } /* line 145, sass/_framework.scss */ .container .column.three-fifths { width: 59.446%; } /* line 146, sass/_framework.scss */ .container .column.four-fifths { width: 79.661%; } /* line 148, sass/_framework.scss */ .container .column.offset-one-fifth { margin-left: 20.222%; } /* line 149, sass/_framework.scss */ .container .column.offset-two-fifths { margin-left: 40.555%; } /* line 150, sass/_framework.scss */ .container .column.offset-three-fifths { margin-left: 60.779%; } /* line 151, sass/_framework.scss */ .container .column.offset-four-fifths { margin-left: 80.994%; } } /* line 157, sass/_framework.scss */ .container:after, .row:after { content: ""; display: table; clear: both; } /*-------------------------------------------------------------- 2.0 - Custom: Page & Post --------------------------------------------------------------*/ /* line 171, sass/_framework.scss */ #body { min-width: 22.85714em; } /* line 173, sass/_framework.scss */ #body #primary.container { max-width: 100%; width: 100%; } /* line 177, sass/_framework.scss */ #body #main { float: left; margin: 1.71429em 9%; width: 49%; } @media (min-width: 1510px) { /* line 177, sass/_framework.scss */ #body #main { margin: 1.71429em 10%; width: 49%; } } @media (min-width: 768px) and (max-width: 959px) { /* line 177, sass/_framework.scss */ #body #main { margin: 1.71429em 7.5%; width: 49%; } } @media (max-width: 767px) { /* line 177, sass/_framework.scss */ #body #main { box-sizing: border-box; clear: both; float: none; padding: 0 1.42857em; width: 90%; } } @media (min-width: 480px) and (max-width: 767px) { /* line 177, sass/_framework.scss */ #body #main { margin: 1.42857em auto; max-width: 450px; } } @media (max-width: 479px) { /* line 177, sass/_framework.scss */ #body #main { margin: 1.07143em 0; width: 100%; } } /* line 205, sass/_framework.scss */ #body #secondary { float: right; width: 32%; } @media (min-width: 1510px) { /* line 205, sass/_framework.scss */ #body #secondary { width: 28%; } } @media (min-width: 768px) and (max-width: 959px) { /* line 205, sass/_framework.scss */ #body #secondary { width: 35%; } } @media (max-width: 767px) { /* line 205, sass/_framework.scss */ #body #secondary { clear: both; float: none; width: 90%; } } @media (min-width: 480px) and (max-width: 767px) { /* line 205, sass/_framework.scss */ #body #secondary { margin: 0 auto 1.71429em; max-width: 450px; } } @media (max-width: 479px) { /* line 205, sass/_framework.scss */ #body #secondary { margin: 1.71429em 5%; } } /* * Brevity 2016 * Copyright 2016, Ben Gathard & Andrew Blackwell of Brevity * Author URI: http://seekbrevity.com/ * 02/16/2015 * * base.scss controls the global UI and UX elements that remain consistent across the entire site. * Page & Section (header, footer, sidebar) specific changes should be made in their oun .scss files. * */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - Typography 2.0 - Links 2.1 - Angles 2.2 - Buttons 2.2.1 Buttons with Background 2.2.2 - Play Link 2.2.3 - Slick Nav 3.0 - Elements 4.0 - Accessibility 5.0 - Alignments 6.0 - Clearings 7.0 - Media --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 Typography --------------------------------------------------------------*/ /* line 33, sass/_base.scss */ body, button, input, select, textarea, #page { color: #404040; font-family: "Source Sans Pro", sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; font-smoothing: antialiased; line-height: 1.75; } @media (min-width: 1510px) { /* line 33, sass/_base.scss */ body, button, input, select, textarea, #page { font-size: 16px; } } @media (min-width: 768px) and (max-width: 959px) { /* line 33, sass/_base.scss */ body, button, input, select, textarea, #page { font-size: 12px; } } @media (min-width: 480px) and (max-width: 767px) { /* line 33, sass/_base.scss */ body, button, input, select, textarea, #page { font-size: 14px; } } @media (max-width: 479px) { /* line 33, sass/_base.scss */ body, button, input, select, textarea, #page { font-size: 12px; } } /* line 50, sass/_base.scss */ #page { float: left; width: 100%; } /* line 55, sass/_base.scss */ #content_wrapper { background: #ffffff; } /* line 57, sass/_base.scss */ h1, h2, h3, h4, h5, h6 { clear: both; font-family: "TrasandinaBook", sans-serif; font-weight: 100; letter-spacing: 1px; line-height: 1.25em; margin: 0 0 0.67em 0; } /* line 66, sass/_base.scss */ h1 { font-size: 3em; } /* line 67, sass/_base.scss */ h2 { font-size: 2.57143em; } /* line 68, sass/_base.scss */ h3 { font-size: 2em; } /* line 69, sass/_base.scss */ h4 { font-size: 1.71429em; } /* line 70, sass/_base.scss */ h5 { font-size: 1.5em; } /* line 71, sass/_base.scss */ h6 { font-size: 1.28571em; } /* line 73, sass/_base.scss */ p { margin-bottom: 1.5em; } /* line 76, sass/_base.scss */ b, strong { font-weight: bold; } /* line 79, sass/_base.scss */ dfn, cite, em, i { font-style: italic; } /* line 82, sass/_base.scss */ blockquote { margin: 0 1.5em; } /* line 85, sass/_base.scss */ address { margin: 0 0 1.5em; } /* line 88, sass/_base.scss */ pre { background: #eee; font-family: "Source Sans Pro", sans-serif; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } /* line 99, sass/_base.scss */ code, kbd, tt, var { font: 15px "Source Sans Pro", sans-serif; } /* line 102, sass/_base.scss */ abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } /* line 106, sass/_base.scss */ mark, ins { background: #fff9c0; text-decoration: none; } /* line 110, sass/_base.scss */ sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } /* line 118, sass/_base.scss */ sup { bottom: 1ex; } /* line 121, sass/_base.scss */ sub { top: .5ex; } /* line 124, sass/_base.scss */ small { font-size: 75%; } /* line 127, sass/_base.scss */ big { font-size: 125%; } /*-------------------------------------------------------------- 2.0 Links --------------------------------------------------------------*/ /* line 134, sass/_base.scss */ a { color: #ab2c29; text-decoration: none; outline: none !important; } /*-------------------------------------------------------------- 2.1 Angles --------------------------------------------------------------*/ /* line 144, sass/_base.scss */ .angle { border-left: 1px solid #231f20; bottom: 0; left: 0.5em; height: 100%; position: absolute; top: 0; -ms-transform: skewX(-20deg); /* IE 9 */ -webkit-transform: skewX(-20deg); /* Safari */ transform: skewX(-20deg); -webkit-transition: left 0.1s linear 0s; -moz-transition: left 0.1s linear 0s; -ms-transition: left 0.1s linear 0s; transition: left 0.1s linear 0s; } /* line 153, sass/_base.scss */ .angle.angle2 { left: 0; } /* line 154, sass/_base.scss */ .angle.angle3 { left: -0.5em; } /* line 155, sass/_base.scss */ .gold .angle { border-left: 1px solid #9e760d; } /* line 156, sass/_base.scss */ .button.gold .angle { border-left: 1px solid #9e760d !important; } /* line 157, sass/_base.scss */ .grey .angle { border-left: 1px solid #929497; } /* line 158, sass/_base.scss */ .button.grey .angle { border-left: 1px solid #929497 !important; } /* line 159, sass/_base.scss */ .white .angle { border-left: 1px solid #ffffff; } /* line 160, sass/_base.scss */ .button.white .angle { border-left: 1px solid #ffffff !important; } /* line 161, sass/_base.scss */ .lightGrey .angle { border-left: 1px solid #e6e7e8; } /* line 162, sass/_base.scss */ .button.lightGrey .angle { border-left: 1px solid #e6e7e8 !important; } /* line 163, sass/_base.scss */ .red .angle { border-left: 1px solid #ab2c29; } /* line 164, sass/_base.scss */ .button.red .angle { border-left: 1px solid #ab2c29 !important; } /*-------------------------------------------------------------- 2.2 Buttons --------------------------------------------------------------*/ /* line 172, sass/_base.scss */ .button { border-bottom: 1px solid #231f20; color: #231f20; display: block; float: left; height: 2.57143em; letter-spacing: 1px; line-height: 2.14286em; margin: 0 0 0 1.42857em; padding: 0 2.85714em 0 2.14286em; position: relative; outline: none !important; } /* line 184, sass/_base.scss */ .button:after { background-image: url("images/svg/arrow-black-right.svg"); background-repeat: no-repeat; background-position: right center; background-size: 10px auto; content: ""; display: block; height: 2.57143em; position: absolute; right: 0.71429em; top: -0.14286em; width: 0.71429em; -webkit-transition: right 0.1s linear 0s; -moz-transition: right 0.1s linear 0s; -ms-transition: right 0.1s linear 0s; transition: right 0.1s linear 0s; } /* line 198, sass/_base.scss */ .button:hover:after { right: 0.35714em; } /* line 199, sass/_base.scss */ .button:hover .angle { left: 0.5em; } /* line 200, sass/_base.scss */ .button.gold { border-bottom: 1px solid #9e760d; color: #9e760d; } /* line 203, sass/_base.scss */ .button.gold:after { background-image: url("images/svg/arrow-gold-right.svg"); background-size: 10px auto; } /* line 205, sass/_base.scss */ .button.grey { border-bottom: 1px solid #929497; color: #929497; } /* line 208, sass/_base.scss */ .button.grey:after { background-image: url("images/svg/arrow-grey-right.svg"); background-size: 10px auto; } /* line 210, sass/_base.scss */ .button.white, .button.lightGrey { border-bottom: 1px solid #ffffff; color: #ffffff; } /* line 213, sass/_base.scss */ .button.white:after, .button.lightGrey:after { background-image: url("images/svg/arrow-white-right.svg"); background-size: 10px auto; } /* line 215, sass/_base.scss */ .button.red { border-bottom: 1px solid #ab2c29; color: #ab2c29; } /* line 218, sass/_base.scss */ .button.red:after { background-image: url("images/svg/arrow-red-right.svg"); background-size: 10px auto; } /*-------------------------------------------------------------- 2.2 Buttons with Background --------------------------------------------------------------*/ /* line 227, sass/_base.scss */ a.button_bg, button.slick-prev, button.slick-next, #blog-navigation .button-container a { background: #ab2c29; border: 0 none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color: #ffffff; display: block; float: left; font-size: 0.85714em; height: 3.28571em; line-height: 3.14286em; letter-spacing: 1px; margin: 0; padding: 0 2.85714em 0 0; position: relative; outline: none !important; text-align: right; text-shadow: none; text-transform: uppercase; min-width: 3.57143em; z-index: 2; } /* line 251, sass/_base.scss */ a.button_bg:before, button.slick-prev:before, button.slick-next:before, #blog-navigation .button-container a:before { background: #ab2c29; content: ""; display: block; height: 100.5%; position: absolute; right: -1.42857em; top: 0; -ms-transform: skewX(-20deg); /* IE 9 */ -webkit-transform: skewX(-20deg); /* Safari */ transform: skewX(-20deg); width: 2.85714em; z-index: -1; } /* line 263, sass/_base.scss */ a.button_bg:after, button.slick-prev:after, button.slick-next:after, #blog-navigation .button-container a:after { background-image: url("images/svg/arrow-white-right.svg"); background-repeat: no-repeat; background-position: center center; background-size: 10px 20px; content: ""; display: block; height: 3.14286em; position: absolute; right: 0.71429em; top: 0em; width: 1.42857em; -webkit-transition: right 0.1s linear 0s; -moz-transition: right 0.1s linear 0s; -ms-transition: right 0.1s linear 0s; transition: right 0.1s linear 0s; } /* line 277, sass/_base.scss */ a.button_bg:hover, button.slick-prev:hover, button.slick-next:hover, #blog-navigation .button-container a:hover { background: #962724; } /* line 279, sass/_base.scss */ a.button_bg:hover:after, button.slick-prev:hover:after, button.slick-next:hover:after, #blog-navigation .button-container a:hover:after { right: 0.5em; } /* line 280, sass/_base.scss */ a.button_bg:hover:before, button.slick-prev:hover:before, button.slick-next:hover:before, #blog-navigation .button-container a:hover:before { background: #962724; } /*-------------------------------------------------------------- 2.2.2 - Play Link --------------------------------------------------------------*/ /* line 288, sass/_base.scss */ .video_link { color: #ffffff; display: block; float: left; font-family: "TrasandinaLight", sans-serif; height: 2.57143em; letter-spacing: 1px; line-height: 2.71429em; text-transform: uppercase; width: auto; } /* line 298, sass/_base.scss */ .video_link .icon-play { display: block; float: left; margin-right: 0.71429em; height: 2.57143em; width: 2.57143em; } /* line 306, sass/_base.scss */ .video_link:hover .icon-play .fill { fill: #ffffff; stroke: none; } /* line 311, sass/_base.scss */ #project_sidebar_video .video_link { font-size: 1.28571em; line-height: 3.57143em; margin-left: 2.14286em; padding: 0 1.42857em 0 1.78571em; } /* line 316, sass/_base.scss */ #project_sidebar_video .video_link:before { display: none; } /* line 317, sass/_base.scss */ #project_sidebar_video .video_link:after { display: none; } /* line 318, sass/_base.scss */ #project_sidebar_video .video_link .icon { background: #82211f; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 1.28571em; height: 2.57143em; left: -2em; padding: 0.42857em; position: absolute; -ms-transform: skewX(-20deg); /* IE 9 */ -webkit-transform: skewX(-20deg); /* Safari */ transform: skewX(-20deg); top: 0; width: 2.57143em; } /* line 329, sass/_base.scss */ #project_sidebar_video .video_link .icon svg { height: 1.42857em; left: 0.57143em; position: absolute; -ms-transform: skewX(20deg); /* IE 9 */ -webkit-transform: skewX(20deg); /* Safari */ transform: skewX(20deg); top: 0.57143em; width: 1.42857em; } /*-------------------------------------------------------------- 2.2.3 - Slick Nav --------------------------------------------------------------*/ /* line 345, sass/_base.scss */ .slick-prev, .slick-next { display: block; color: transparent !important; margin-top: -20px !important; position: absolute !important; text-indent: -9999px !important; top: 50%; } /* line 353, sass/_base.scss */ .slick-prev { left: -0.35714em; } /* line 355, sass/_base.scss */ .slick-prev:before { right: -0.71429em !important; } /* line 356, sass/_base.scss */ .slick-prev:after { background-image: url("images/svg/arrow-white-left.svg") !important; left: 1.07143em !important; } /* line 361, sass/_base.scss */ .slick-next { left: auto; right: -0.35714em; } /* line 364, sass/_base.scss */ .slick-next:before { left: -0.71429em !important; } /* line 365, sass/_base.scss */ .slick-next:after { right: 1.07143em !important; } /*-------------------------------------------------------------- 3.0 Elements --------------------------------------------------------------*/ /* line 372, sass/_base.scss */ hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } /* line 378, sass/_base.scss */ ul, ol { margin: 0 0 1.5em 3em; } /* line 381, sass/_base.scss */ ul { list-style: disc; } /* line 384, sass/_base.scss */ ul.no-style { list-style: none; margin: 0; padding: 0; } /* line 389, sass/_base.scss */ ol { list-style: decimal; } /* line 392, sass/_base.scss */ li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } /* line 397, sass/_base.scss */ dt { font-weight: bold; } /* line 400, sass/_base.scss */ dd { margin: 0 1.5em 1.5em; } /* line 403, sass/_base.scss */ img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } /* line 407, sass/_base.scss */ figure { margin: 0; } /* line 410, sass/_base.scss */ table { margin: 0 0 1.5em; width: 100%; } /* line 414, sass/_base.scss */ th { font-weight: bold; } /*-------------------------------------------------------------- 4.0 Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers */ /* line 423, sass/_base.scss */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } /* line 428, sass/_base.scss */ .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /*-------------------------------------------------------------- 5.0 Alignments --------------------------------------------------------------*/ /* line 452, sass/_base.scss */ .alignleft { display: inline; float: left; margin-right: 1.5em; } /* line 457, sass/_base.scss */ .alignright { display: inline; float: right; margin-left: 1.5em; } /* line 462, sass/_base.scss */ .aligncenter { clear: both; display: block; margin: 0 auto; } /*-------------------------------------------------------------- 6.0 Clearings --------------------------------------------------------------*/ /* line 471, sass/_base.scss */ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ''; display: table; } /* line 487, sass/_base.scss */ .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- 7.0 Media --------------------------------------------------------------*/ /* line 500, sass/_base.scss */ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* line 508, sass/_base.scss */ .wp-caption { border: 1px solid #ccc; margin-bottom: 1.5em; max-width: 100%; } /* line 513, sass/_base.scss */ .wp-caption img[class*="wp-image-"] { display: block; margin: 1.2% auto 0; max-width: 98%; } /* line 518, sass/_base.scss */ .wp-caption-text { text-align: center; } /* line 521, sass/_base.scss */ .wp-caption .wp-caption-text { margin: 0.8075em 0; } /* line 524, sass/_base.scss */ .site-main .gallery { margin-bottom: 1.5em; } /* line 529, sass/_base.scss */ .site-main .gallery a img { border: none; height: auto; max-width: 90%; } /* line 534, sass/_base.scss */ .site-main .gallery dd, .site-main .gallery figcaption { margin: 0; } /* Make sure embeds and iframes fit their containers */ /* line 543, sass/_base.scss */ embed, iframe, object { max-width: 100%; } /* * Brevity 2016 * Copyright 2016, Ben Gathard & Andrew Blackwell of Brevity * Author URI: http://seekbrevity.com/ * 02/16/2015 * * modules.scss controls groups of UI and UX elements called "Modules" that are reused across the entire site. * Page & Section (header, footer, sidebar) specific changes should be made in their oun .scss files. * */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - Social Nav 2.0 - Social Share 3.0 - Graphic Header Module XXX 4.0 - Full Width Module 5.0 - 50/50 Module XXX 6.0 - Columns Module XXX 7.0 - Gallery Module XXX 8.0 - Testimonial Module XXX 9.0 - Spacer Module XXX 10.0 - Contact XXX 11.0 - Instagram XXX --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 - Social Nav --------------------------------------------------------------*/ /* line 33, sass/_modules.scss */ ul.social_nav { list-style: none; margin: 0; padding: 0; text-align: center; } /* line 38, sass/_modules.scss */ ul.social_nav li { display: inline-block; padding: 0.57143em 1.07143em 0.57143em 0; height: 1.5em; width: 1.5em; } @media (min-width: 768px) and (max-width: 959px) { /* line 38, sass/_modules.scss */ ul.social_nav li { padding: 0.57143em 0.71429em 0.57143em 0; } } /* line 44, sass/_modules.scss */ ul.social_nav li a { display: block; height: 1.5em; width: 1.5em; } /* line 48, sass/_modules.scss */ ul.social_nav li a .fill { fill: #e6e7e8; } /* line 49, sass/_modules.scss */ ul.social_nav li a:hover .fill { fill: #ffffff; } /*-------------------------------------------------------------- 2.0 - Social Share --------------------------------------------------------------*/ /* line 59, sass/_modules.scss */ .socialSection-wrapper { background: #e6e7e8; display: inline-block; float: left; height: 3em; margin-left: 0.71429em; padding: 0 0.42857em 0 4.28571em; position: relative; } @media (max-width: 767px) { /* line 59, sass/_modules.scss */ .socialSection-wrapper { padding: 0 0.42857em 0 0.42857em; } } /* line 68, sass/_modules.scss */ .socialSection-wrapper:before { content: "SHARE"; display: block; font-size: 12px; height: 3.57143em; letter-spacing: 1px; line-height: 3.57143em; position: absolute; left: 0.85714em; top: 0; } @media (min-width: 1510px) { /* line 68, sass/_modules.scss */ .socialSection-wrapper:before { line-height: 3.92857em; } } @media (min-width: 768px) and (max-width: 959px) { /* line 68, sass/_modules.scss */ .socialSection-wrapper:before { line-height: 3em; } } @media (max-width: 767px) { /* line 68, sass/_modules.scss */ .socialSection-wrapper:before { display: none; } } /* line 82, sass/_modules.scss */ .socialSection-wrapper .socialSection_button { border: #e6e7e8 solid 1px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color: #e6e7e8; cursor: pointer; display: block; float: left; height: 1.71429em; line-height: 1.71429em; margin: 0.57143em 0.21429em; position: relative; text-transform: uppercase; width: 1.71429em; } /* line 95, sass/_modules.scss */ .socialSection-wrapper .socialSection_button svg { cursor: pointer; display: inline-block; height: 1.28571em; left: 0.32143em; position: absolute; top: 0.21429em; width: 1em; } /* line 104, sass/_modules.scss */ .socialSection-wrapper .socialSection_button.share-facebook { background-color: #3a5885; -webkit-transition: background 0.2s linear 0s; -moz-transition: background 0.2s linear 0s; -ms-transition: background 0.2s linear 0s; transition: background 0.2s linear 0s; } /* line 107, sass/_modules.scss */ .socialSection-wrapper .socialSection_button.share-facebook .fill { fill: #ffffff; } /* line 109, sass/_modules.scss */ .socialSection-wrapper .socialSection_button.share-twitter { background-color: #44bae3; -webkit-transition: background 0.2s linear 0s; -moz-transition: background 0.2s linear 0s; -ms-transition: background 0.2s linear 0s; transition: background 0.2s linear 0s; } /* line 112, sass/_modules.scss */ .socialSection-wrapper .socialSection_button.share-twitter .fill { fill: #ffffff; } /*-------------------------------------------------------------- 3.0 - Graphic Header Module --------------------------------------------------------------*/ /* line 122, sass/_modules.scss */ #page_builder { float: left; margin-bottom: 3px; overflow: hidden; width: 100%; } /* line 129, sass/_modules.scss */ #graphic_header_wrapper { background-position: center center; background-size: cover; overflow: hidden; position: relative; } /* line 116, sass/_global.scss */ #graphic_header_wrapper:after { content: ""; background-color: #231f20; background-image: url("images/dark_grunge.png"); opacity: 0.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; position: absolute; z-index: 1; } /* line 134, sass/_modules.scss */ #graphic_header_wrapper:before { background: url("images/black_grunge.jpg") #231f20; content: ""; display: block; height: 100%; position: absolute; right: -15%; -ms-transform: skewX(-20deg); /* IE 9 */ -webkit-transform: skewX(-20deg); /* Safari */ transform: skewX(-20deg); top: 0; width: 75%; } @media (max-width: 767px) { /* line 134, sass/_modules.scss */ #graphic_header_wrapper:before { right: -20%; } } /* line 146, sass/_modules.scss */ #graphic_header_wrapper #graphic_header_container { max-width: none; position: relative; width: 100%; z-index: 2; } /* line 151, sass/_modules.scss */ #graphic_header_wrapper #graphic_header_container #graphic_header { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 12.85714em 0 10em; padding: 0 12% 0 8%; float: right; width: 50%; } @media (min-width: 1510px) { /* line 151, sass/_modules.scss */ #graphic_header_wrapper #graphic_header_container #graphic_header { padding: 0 15% 0 10%; } } @media (min-width: 768px) and (max-width: 959px) { /* line 151, sass/_modules.scss */ #graphic_header_wrapper #graphic_header_container #graphic_header { padding: 0 8% 0 6%; } } @media (max-width: 767px) { /* line 151, sass/_modules.scss */ #graphic_header_wrapper #graphic_header_container #graphic_header { float: none; margin: 4.28571em auto; max-width: 32.14286em; padding: 0 10%; width: 100%; } } /* line 168, sass/_modules.scss */ #graphic_header_wrapper #graphic_header_container #graphic_header h2 { color: #ffffff; font-size: 3.42857em; margin-bottom: .25em; position: relative; } @media (min-width: 1510px) { /* line 168, sass/_modules.scss */ #graphic_header_wrapper #graphic_header_container #graphic_header h2 { font-size: 3.85714em; } } @media (min-width: 768px) and (max-width: 959px) { /* line 168, sass/_modules.scss */ #graphic_header_wrapper #graphic_header_container #graphic_header h2 { font-size: 3em; } } /* line 175, sass/_modules.scss */ #graphic_header_wrapper #graphic_header_container #graphic_header h2 .angle { height: 120%; left: 0.5em; top: -80%; z-index: -1; } /* line 180, sass/_modules.scss */ #graphic_header_wrapper #graphic_header_container #graphic_header h2 .angle.angle2 { left: 0; } /* line 181, sass/_modules.scss */ #graphic_header_wrapper #graphic_header_container #graphic_header h2 .angle.angle3 { left: -0.5em; } /* line 184, sass/_modules.scss */ #graphic_header_wrapper #graphic_header_container #graphic_header p { color: #ffffff; font-size: 1.14286em; margin-bottom: 0; } /*-------------------------------------------------------------- 4.0 - Full Width Module --------------------------------------------------------------*/ /* line 198, sass/_modules.scss */ .pb_full_wrapper { padding: 0; } /* line 200, sass/_modules.scss */ .pb_full_wrapper .full_width_video { background-position: center center; background-size: cover; position: relative; position: relative; } /* line 100, sass/_global.scss */ .pb_full_wrapper .full_width_video:after { content: ""; background: #231f20; opacity: 0.45; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; filter: alpha(opacity=45); top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; position: absolute; z-index: 1; } /* line 205, sass/_modules.scss */ .pb_full_wrapper .full_width_video .video_link { font-size: 1.5em; left: 50%; position: absolute; text-align: center; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; z-index: 9; } @media (max-width: 767px) { /* line 214, sass/_modules.scss */ .pb_full_wrapper .full_width_video .video_link .vbt { display: none; } } /* line 219, sass/_modules.scss */ .pb_full_wrapper .full_width_slides { background-position: center center; background-size: cover; color: #ffffff; position: relative; } /* line 224, sass/_modules.scss */ .pb_full_wrapper .full_width_slides.overlay { position: relative; } /* line 100, sass/_global.scss */ .pb_full_wrapper .full_width_slides.overlay:after { content: ""; background: #231f20; opacity: 0.45; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)"; filter: alpha(opacity=45); top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; position: absolute; z-index: 1; } /* line 227, sass/_modules.scss */ .pb_full_wrapper .full_width_slides .full_width_slide_content { position: relative; z-index: 99; margin: 15% 10%; text-align: center; width: 80%; } /* line 233, sass/_modules.scss */ .pb_full_wrapper .full_width_slides .full_width_slide_content h1 { font-family: "TrasandinaUltra", sans-serif; text-transform: uppercase; margin-bottom: .25em; } /* line 238, sass/_modules.scss */ .pb_full_wrapper .full_width_slides .full_width_slide_content .button { display: inline-block; float: none; } /* line 244, sass/_modules.scss */ .pb_full_wrapper .full_width_content_container { padding: 6% 0 5%; } /* line 246, sass/_modules.scss */ .pb_full_wrapper .full_width_content_container.lightgrey { background: #e6e7e8; } /*-------------------------------------------------------------- 5.0 - 50/50 Module --------------------------------------------------------------*/ /* line 255, sass/_modules.scss */ .pb_fifty_wrapper { padding: 0; } /* line 257, sass/_modules.scss */ .pb_fifty_wrapper .pb_fifty_container { max-width: none; position: relative; width: 100%; } /* line 261, sass/_modules.scss */ .pb_fifty_wrapper .pb_fifty_container .fifty_fifty { float: left; width: 49.99%; } /* line 264, sass/_modules.scss */ .pb_fifty_wrapper .pb_fifty_container .fifty_fifty:nth-child(2) { float: right; } @media (max-width: 767px) { /* line 261, sass/_modules.scss */ .pb_fifty_wrapper .pb_fifty_container .fifty_fifty { width: 100%; } } /* line 271, sass/_modules.scss */ .pb_fifty_wrapper .pb_fifty_container .fifty_fifty_text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 8%; } /* line 274, sass/_modules.scss */ .pb_fifty_wrapper .pb_fifty_container .fifty_fifty_text h2 { margin-bottom: .5em; } /* line 275, sass/_modules.scss */ .pb_fifty_wrapper .pb_fifty_container .fifty_fifty_text p { font-size: 1.14286em; margin-bottom: 2em; } /* line 280, sass/_modules.scss */ .pb_fifty_wrapper .pb_fifty_container .fifty_fifty_img, .pb_fifty_wrapper .pb_fifty_container .fifty_fifty_video { background-position: center center; background-repeat: no-repeat; background-size: cover; bottom: 0; left: 0; position: absolute; right: 50%; top: 0; } /* line 290, sass/_modules.scss */ .pb_fifty_wrapper .pb_fifty_container .fifty_fifty_img:nth-child(2), .pb_fifty_wrapper .pb_fifty_container .fifty_fifty_video:nth-child(2) { left: 50%; right: 0; } /* line 294, sass/_modules.scss */ .pb_fifty_wrapper .pb_fifty_container .fifty_fifty_img .video_link, .pb_fifty_wrapper .pb_fifty_container .fifty_fifty_video .video_link { font-size: 1.5em; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 9; } @media (max-width: 767px) { /* line 280, sass/_modules.scss */ .pb_fifty_wrapper .pb_fifty_container .fifty_fifty_img, .pb_fifty_wrapper .pb_fifty_container .fifty_fifty_video { bottom: auto !important; left: auto !important; position: relative; height: 28.57143em; right: auto !important; top: auto !important; } } /* line 311, sass/_modules.scss */ .pb_fifty_wrapper .pb_fifty_container .fifty_fifty_video { position: absolute; } /* line 100, sass/_global.scss */ .pb_fifty_wrapper .pb_fifty_container .fifty_fifty_video:after { content: ""; background: #231f20; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; position: absolute; z-index: 1; } @media (max-width: 767px) { /* line 311, sass/_modules.scss */ .pb_fifty_wrapper .pb_fifty_container .fifty_fifty_video { position: relative; } /* line 100, sass/_global.scss */ .pb_fifty_wrapper .pb_fifty_container .fifty_fifty_video:after { content: ""; background: #231f20; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; position: absolute; z-index: 1; } } /* line 318, sass/_modules.scss */ .pb_fifty_wrapper.black { background: url("images/black_grunge.jpg") #231f20; color: #ffffff; } /* line 321, sass/_modules.scss */ .pb_fifty_wrapper.black .fifty_fifty_video { position: absolute; } /* line 116, sass/_global.scss */ .pb_fifty_wrapper.black .fifty_fifty_video:after { content: ""; background-color: #231f20; background-image: url("images/dark_grunge.png"); opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; position: absolute; z-index: 1; } /* line 325, sass/_modules.scss */ .pb_fifty_wrapper.lightgrey { background: #e6e7e8; } /*-------------------------------------------------------------- 6.0 - Columns Module --------------------------------------------------------------*/ /* line 334, sass/_modules.scss */ .pb_columns_wrapper { padding: 2.85714em 0; } @media (max-width: 767px) { /* line 334, sass/_modules.scss */ .pb_columns_wrapper { padding: 2.85714em 0; } } /* line 337, sass/_modules.scss */ .pb_columns_wrapper .pb_columns_container { max-width: none; padding: 0 3%; width: 100%; } @media (max-width: 767px) { /* line 337, sass/_modules.scss */ .pb_columns_wrapper .pb_columns_container { max-width: 32.14286em; padding: 0; } } /* line 345, sass/_modules.scss */ .pb_columns_wrapper .pb_columns_container h2.pb_columns_title { color: #ab2c29; margin: 1.5em 0 1em; text-align: center; } @media (max-width: 767px) { /* line 345, sass/_modules.scss */ .pb_columns_wrapper .pb_columns_container h2.pb_columns_title { padding: 0 5%; margin: 0 0 1.5em; } } /* line 354, sass/_modules.scss */ .pb_columns_wrapper .pb_columns_container .cl2, .pb_columns_wrapper .pb_columns_container .cl3 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 3%; } @media (max-width: 767px) { /* line 354, sass/_modules.scss */ .pb_columns_wrapper .pb_columns_container .cl2, .pb_columns_wrapper .pb_columns_container .cl3 { margin-bottom: 3.57143em; padding: 0 5%; } } /* line 361, sass/_modules.scss */ .pb_columns_wrapper .pb_columns_container .cl2 h3, .pb_columns_wrapper .pb_columns_container .cl3 h3 { color: #231f20; margin: .75em 0 .5em; } /* line 365, sass/_modules.scss */ .pb_columns_wrapper .pb_columns_container .cl2 p, .pb_columns_wrapper .pb_columns_container .cl3 p { font-size: 1.14286em; line-height: 1.75em; margin: 1em 0 1.75em; } /* line 371, sass/_modules.scss */ .pb_columns_wrapper .pb_columns_container .cl2 h3 { font-size: 2.5em; } /* line 373, sass/_modules.scss */ .pb_columns_wrapper.lightgrey { background: #e6e7e8; } /* line 374, sass/_modules.scss */ .pb_columns_wrapper.black { background: #231f20; color: #ffffff; } /* line 378, sass/_modules.scss */ .pb_columns_wrapper.black .cl2 h2.pb_columns_title, .pb_columns_wrapper.black .cl3 h2.pb_columns_title { color: #ab2c29; } /* line 379, sass/_modules.scss */ .pb_columns_wrapper.black .cl2 h3, .pb_columns_wrapper.black .cl3 h3 { color: #b1b4b7; } /*-------------------------------------------------------------- 7.0 - Gallery Module --------------------------------------------------------------*/ /* line 388, sass/_modules.scss */ .gallery { float: left; width: 100%; } /* line 391, sass/_modules.scss */ .gallery .grid_block { height: 220px; width: 24%; float: left; margin: .5%; display: inline-block; } /* line 397, sass/_modules.scss */ .gallery .grid_block.wide { width: 49%; } /* line 398, sass/_modules.scss */ .gallery .grid_block.tall { height: 360px; } /* line 399, sass/_modules.scss */ .gallery .grid_block.med { height: 220px; width: 33%; } /* line 400, sass/_modules.scss */ .gallery .grid_block.large { height: 450px; width: 65%; } @media (min-width: 1510px) { /* line 391, sass/_modules.scss */ .gallery .grid_block { height: 260px; } /* line 403, sass/_modules.scss */ .gallery .grid_block.tall { height: 420px; } /* line 404, sass/_modules.scss */ .gallery .grid_block.med { height: 294px; } /* line 405, sass/_modules.scss */ .gallery .grid_block.large { height: 600px; } } @media (min-width: 768px) and (max-width: 959px) { /* line 391, sass/_modules.scss */ .gallery .grid_block { height: 180px; } /* line 409, sass/_modules.scss */ .gallery .grid_block.tall { height: 280px; } /* line 410, sass/_modules.scss */ .gallery .grid_block.med { height: 196px; } /* line 411, sass/_modules.scss */ .gallery .grid_block.large { height: 400px; } } @media (max-width: 767px) { /* line 391, sass/_modules.scss */ .gallery .grid_block { width: 100%; height: 300px; margin: 0 0 10px; } /* line 417, sass/_modules.scss */ .gallery .grid_block.tall, .gallery .grid_block.med, .gallery .grid_block.large, .gallery .grid_block.wide { width: 100%; height: 300px; float: left !important; margin: 0 0 10px; } } /* line 424, sass/_modules.scss */ .gallery .grid_block a { background-position: center center; background-repeat: no-repeat; background-size: cover; display: block; height: 100%; position: relative; } /* line 431, sass/_modules.scss */ .gallery .grid_block a.video:after { background: url("images/svg/play.svg") center center no-repeat transparent; background-size: 25% 25%; bottom: 0; content: ""; left: 0; position: absolute; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); right: 0; top: 0; z-index: 1; } /* line 443, sass/_modules.scss */ .gallery .grid_block a.video:hover:after { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } /* line 452, sass/_modules.scss */ .hentry .gallery .grid_block { height: 160px; } /* line 454, sass/_modules.scss */ .hentry .gallery .grid_block.tall { height: 220px; } /* line 455, sass/_modules.scss */ .hentry .gallery .grid_block.med { height: 176px; } /* line 456, sass/_modules.scss */ .hentry .gallery .grid_block.large { height: 360px; } @media (min-width: 1510px) { /* line 452, sass/_modules.scss */ .hentry .gallery .grid_block { height: 180px; } /* line 459, sass/_modules.scss */ .hentry .gallery .grid_block.tall { height: 240px; } /* line 460, sass/_modules.scss */ .hentry .gallery .grid_block.med { height: 196px; } /* line 461, sass/_modules.scss */ .hentry .gallery .grid_block.large { height: 400px; } } @media (min-width: 768px) and (max-width: 959px) { /* line 452, sass/_modules.scss */ .hentry .gallery .grid_block { height: 180px; } /* line 465, sass/_modules.scss */ .hentry .gallery .grid_block.tall { height: 280px; } /* line 466, sass/_modules.scss */ .hentry .gallery .grid_block.med { height: 196px; } /* line 467, sass/_modules.scss */ .hentry .gallery .grid_block.large { height: 400px; } } @media (max-width: 767px) { /* line 452, sass/_modules.scss */ .hentry .gallery .grid_block { height: 300px; } /* line 471, sass/_modules.scss */ .hentry .gallery .grid_block.tall, .hentry .gallery .grid_block.med, .hentry .gallery .grid_block.large, .hentry .gallery .grid_block.wide { height: 300px; } } /*-------------------------------------------------------------- 8.0 - Testimonial Module --------------------------------------------------------------*/ /* line 482, sass/_modules.scss */ .pb_testimonial_wrapper { background: #e6e7e8; padding: 0; } /* line 485, sass/_modules.scss */ .pb_testimonial_wrapper .pb_testimonial_container { max-width: none; position: relative; width: 100%; } /* line 489, sass/_modules.scss */ .pb_testimonial_wrapper .pb_testimonial_container .testimonial_text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: right; padding: 8%; width: 49.99%; } @media (max-width: 767px) { /* line 489, sass/_modules.scss */ .pb_testimonial_wrapper .pb_testimonial_container .testimonial_text { width: 100%; } } /* line 497, sass/_modules.scss */ .pb_testimonial_wrapper .pb_testimonial_container .testimonial_text h2 { margin-bottom: .5em; } /* line 498, sass/_modules.scss */ .pb_testimonial_wrapper .pb_testimonial_container .testimonial_text p { font-size: 1.14286em; margin-bottom: 1.42857em; } /* line 502, sass/_modules.scss */ .pb_testimonial_wrapper .pb_testimonial_container .testimonial_text p.client { border-top: 1px solid #ab2c29; font-style: italic; margin: 0 0 2.85714em; padding: 1.07143em 0 0; } /* line 507, sass/_modules.scss */ .pb_testimonial_wrapper .pb_testimonial_container .testimonial_text p.client strong { font-style: normal; margin-right: 0.71429em; } /* line 513, sass/_modules.scss */ .pb_testimonial_wrapper .pb_testimonial_container .testimonial_img { background-position: center center; background-repeat: no-repeat; background-size: cover; bottom: 0; left: 0; position: absolute; position: absolute; right: 50%; top: 0; } /* line 100, sass/_global.scss */ .pb_testimonial_wrapper .pb_testimonial_container .testimonial_img:after { content: ""; background: #e6e7e8; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; position: absolute; z-index: 1; } /* line 523, sass/_modules.scss */ .pb_testimonial_wrapper .pb_testimonial_container .testimonial_img svg { left: 50%; height: auto; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 15%; z-index: 9; -webkit-transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -ms-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; } /* line 534, sass/_modules.scss */ .pb_testimonial_wrapper .pb_testimonial_container .testimonial_img:hover svg { width: 20%; } @media (max-width: 767px) { /* line 513, sass/_modules.scss */ .pb_testimonial_wrapper .pb_testimonial_container .testimonial_img { bottom: auto !important; height: 28.57143em; left: auto !important; position: relative; position: relative; right: auto !important; top: auto !important; } /* line 100, sass/_global.scss */ .pb_testimonial_wrapper .pb_testimonial_container .testimonial_img:after { content: ""; background: #e6e7e8; opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; position: absolute; z-index: 1; } } /* line 547, sass/_modules.scss */ .pb_testimonial_wrapper.black { background: url("images/black_grunge.jpg") #231f20; color: #ffffff; } /* line 550, sass/_modules.scss */ .pb_testimonial_wrapper.black .testimonial_img { position: absolute; } /* line 116, sass/_global.scss */ .pb_testimonial_wrapper.black .testimonial_img:after { content: ""; background-color: #231f20; background-image: url("images/dark_grunge.png"); opacity: 0.75; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter: alpha(opacity=75); top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; position: absolute; z-index: 1; } /* line 552, sass/_modules.scss */ .pb_testimonial_wrapper.black .testimonial_img svg { width: 20%; } /* line 554, sass/_modules.scss */ .pb_testimonial_wrapper.black .testimonial_img:hover svg { width: 22%; } /*-------------------------------------------------------------- 9.0 - Spacer Module --------------------------------------------------------------*/ /* line 565, sass/_modules.scss */ .pb_spacer_wrapper { padding: 2.85714em; position: relative; overflow: hidden; } /* line 569, sass/_modules.scss */ .pb_spacer_wrapper.right .angle { left: 80%; } /* line 571, sass/_modules.scss */ .pb_spacer_wrapper.right .angle.angle2 { left: 79%; } /* line 572, sass/_modules.scss */ .pb_spacer_wrapper.right .angle.angle3 { left: 78%; } @media (max-width: 767px) { /* line 569, sass/_modules.scss */ .pb_spacer_wrapper.right .angle { left: 80%; } /* line 575, sass/_modules.scss */ .pb_spacer_wrapper.right .angle.angle2 { left: 78%; } /* line 576, sass/_modules.scss */ .pb_spacer_wrapper.right .angle.angle3 { left: 76%; } } /* line 579, sass/_modules.scss */ .pb_spacer_wrapper.left .angle { left: 20%; } /* line 581, sass/_modules.scss */ .pb_spacer_wrapper.left .angle.angle2 { left: 21%; } /* line 582, sass/_modules.scss */ .pb_spacer_wrapper.left .angle.angle3 { left: 22%; } @media (max-width: 767px) { /* line 579, sass/_modules.scss */ .pb_spacer_wrapper.left .angle { left: 20%; } /* line 585, sass/_modules.scss */ .pb_spacer_wrapper.left .angle.angle2 { left: 22%; } /* line 586, sass/_modules.scss */ .pb_spacer_wrapper.left .angle.angle3 { left: 24%; } } /*-------------------------------------------------------------- 10.0 - Contact --------------------------------------------------------------*/ /* line 596, sass/_modules.scss */ .pb_contact_wrapper { padding: 0; position: relative; } /* line 599, sass/_modules.scss */ .pb_contact_wrapper .pb_contact_container { max-width: none; overflow: hidden; width: 100%; } /* line 603, sass/_modules.scss */ .pb_contact_wrapper .pb_contact_container .angle { height: 30%; left: 25%; top: 15%; } /* line 607, sass/_modules.scss */ .pb_contact_wrapper .pb_contact_container .angle.angle2 { left: 30%; } /* line 608, sass/_modules.scss */ .pb_contact_wrapper .pb_contact_container .angle.angle3 { left: 35%; } /* line 611, sass/_modules.scss */ .pb_contact_wrapper .pb_contact_info { float: right; padding: 0 5%; } @media (max-width: 767px) { /* line 611, sass/_modules.scss */ .pb_contact_wrapper .pb_contact_info { padding: 0 12%; } } /* line 615, sass/_modules.scss */ .pb_contact_wrapper .pb_contact_info #pb_contact_details { margin: 4.28571em 0 2.85714em; color: #929497; float: left; font-family: "Source Sans Pro", sans-serif; letter-spacing: 1px; width: 100%; } @media (max-width: 767px) { /* line 615, sass/_modules.scss */ .pb_contact_wrapper .pb_contact_info #pb_contact_details { margin: 2.85714em 0; } } /* line 625, sass/_modules.scss */ .pb_contact_wrapper .pb_contact_info #pb_contact_details h5 { color: #231f20; } /* line 626, sass/_modules.scss */ .pb_contact_wrapper .pb_contact_info #pb_contact_details a { color: #929497; } /* line 628, sass/_modules.scss */ .pb_contact_wrapper .pb_contact_info #pb_contact_details a:hover { text-decoration: underline; } /* line 630, sass/_modules.scss */ .pb_contact_wrapper .pb_contact_info #pb_contact_details .pb_contact_address, .pb_contact_wrapper .pb_contact_info #pb_contact_details .pb_contact_contacts { margin-bottom: 1.42857em; } /* line 635, sass/_modules.scss */ .pb_contact_wrapper .pb_contact_info .pb_contact_form { float: left; width: 100%; } /* line 638, sass/_modules.scss */ .pb_contact_wrapper .pb_contact_info .pb_contact_form .gform_wrapper { float: left; margin-bottom: 2.85714em; width: 100%; } @media (max-width: 767px) { /* line 638, sass/_modules.scss */ .pb_contact_wrapper .pb_contact_info .pb_contact_form .gform_wrapper { margin-bottom: 2.14286em; } } /* line 644, sass/_modules.scss */ .pb_contact_wrapper .pb_contact_info .pb_contact_form .gform_title { color: #ab2c29; font-size: 2.57143em; } /* line 649, sass/_modules.scss */ .pb_contact_wrapper .pb_contact_info .pb_contact_form .gform_body label.gfield_label { display: none !important; } /* line 650, sass/_modules.scss */ .pb_contact_wrapper .pb_contact_info .pb_contact_form .gform_body input, .pb_contact_wrapper .pb_contact_info .pb_contact_form .gform_body textarea { width: 100% !important; } /* line 652, sass/_modules.scss */ .pb_contact_wrapper .pb_contact_info .pb_contact_form .gform_footer { float: left; } /* line 657, sass/_modules.scss */ .pb_contact_wrapper .pb_contact_map { bottom: 0; left: 0; position: absolute; right: 60%; top: 0; } /* line 663, sass/_modules.scss */ .pb_contact_wrapper .pb_contact_map svg { left: 50%; margin-left: -10%; margin-top: -17%; position: absolute; top: 25%; width: 20%; } /* line 670, sass/_modules.scss */ .pb_contact_wrapper .pb_contact_map svg path { fill: #e6e7e8 !important; } @media (max-width: 767px) { /* line 657, sass/_modules.scss */ .pb_contact_wrapper .pb_contact_map { position: relative; height: 21.42857em !important; } } /* line 676, sass/_modules.scss */ .pb_contact_wrapper .pb_contact_map .acf-map { border: none 0; bottom: 0; left: 0; position: absolute; right: 0; top: 45%; width: 100%; } @media (max-width: 767px) { /* line 676, sass/_modules.scss */ .pb_contact_wrapper .pb_contact_map .acf-map { top: 0; } } /*-------------------------------------------------------------- 11.0 - Instagram --------------------------------------------------------------*/ /* line 696, sass/_modules.scss */ .pb_instagram_wrapper { padding: 0; position: relative; position: relative; } /* line 100, sass/_global.scss */ .pb_instagram_wrapper:after { content: ""; background: #231f20; opacity: 0.25; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; position: absolute; z-index: 1; } /* line 700, sass/_modules.scss */ .pb_instagram_wrapper .pb_instagram { background: #231f20; color: #ab2c29; height: 4.28571em; left: 50%; line-height: 4.28571em; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 15.71429em; z-index: 9; } @media (min-width: 1510px) { /* line 700, sass/_modules.scss */ .pb_instagram_wrapper .pb_instagram { font-size: 1.25em; } } @media (max-width: 767px) { /* line 700, sass/_modules.scss */ .pb_instagram_wrapper .pb_instagram { font-size: 1.5em; } } /* line 713, sass/_modules.scss */ .pb_instagram_wrapper .pb_instagram svg { display: block; float: left; height: 2.85714em; margin: 0.71429em; width: 2.85714em; } /* line 719, sass/_modules.scss */ .pb_instagram_wrapper .pb_instagram svg path { fill: #ab2c29; } /* line 721, sass/_modules.scss */ .pb_instagram_wrapper .pb_instagram .slick-prev { display: none !important; } /* line 722, sass/_modules.scss */ .pb_instagram_wrapper .pb_instagram button.slick-next { position: absolute; min-width: 0; right: -2.14286em; top: 0; } /* line 727, sass/_modules.scss */ .pb_instagram_wrapper .pb_instagram button.slick-next:before { left: -0.85714em; right: auto; } /* FRAME --- */ /* * Brevity 2016 * Copyright 2016, Ben Gathard & Andrew Blackwell of Brevity * Author URI: http://seekbrevity.com/ * 02/16/2015 * * Header.scss controls the look of the site-wide header section. * Page specific changes should be made in their oun .scss files. * */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - Header 2.0 - Utility Nav 3.0 - Main Navigatoin 4.0 - Mobile Nav 4.1 - Burger 4.2 - Mobile Search 4.3 - Mobile Social 4.4 - Mobile Site Toggle 5.0 - Sticky Header Wrapper --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 - Header --------------------------------------------------------------*/ /* line 31, sass/_header.scss */ #header_wrapper { background: #231f20; padding: 0; } /* line 36, sass/_header.scss */ #header_logo_link { background: url("images/red_grunge.jpg") #ab2c29; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: block; float: left; height: 9.28571em; padding: 2.14286em 0.71429em 2.14286em 2.85714em; position: relative; width: 15.71429em; z-index: 1; } @media (max-width: 767px) { /* line 36, sass/_header.scss */ #header_logo_link { height: 5em; padding: 0.92857em 0.71429em 1.07143em 3.57143em; width: 12.14286em; } } /* line 51, sass/_header.scss */ #header_logo_link .skew { background: url("images/red_grunge.jpg") #ab2c29; display: block; height: 100%; position: absolute; right: -2.85714em; -ms-transform: skewX(-20deg); /* IE 9 */ -webkit-transform: skewX(-20deg); /* Safari */ transform: skewX(-20deg); top: 0; width: 5.71429em; z-index: -1; } /* line 61, sass/_header.scss */ #header_logo_link .skew:after { background-image: url("images/svg/logo-header-hover.svg"); background-position: 50% center; background-repeat: no-repeat; background-size: 70% auto; content: ""; display: block; height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); position: absolute; -ms-transform: skewX(20deg); /* IE 9 */ -webkit-transform: skewX(20deg); /* Safari */ transform: skewX(20deg); width: 100%; } @media (min-width: 1510px) { /* line 51, sass/_header.scss */ #header_logo_link .skew { height: 100%; } } @media (max-width: 767px) { /* line 51, sass/_header.scss */ #header_logo_link .skew { right: -1.42857em; width: 2.85714em; } } /* line 84, sass/_header.scss */ #header_navigation_wrapper { display: block; float: right; width: 75%; } @media (max-width: 767px) { /* line 84, sass/_header.scss */ #header_navigation_wrapper { width: auto; } } /*-------------------------------------------------------------- 2.0 - Utility Nav --------------------------------------------------------------*/ /* line 98, sass/_header.scss */ .utility_nav_section { border-bottom: none !important; color: #929497; display: block; float: right; font-family: "TrasandinaBook", sans-serif; height: 2.85714em; letter-spacing: 1px; line-height: 3.14286em; margin: 0 1.42857em 0 0; padding: 0 0 0 2.85714em; position: relative; } @media (min-width: 768px) and (max-width: 959px) { /* line 98, sass/_header.scss */ .utility_nav_section { margin: 0 0 0 1.07143em; padding: 0 0 0 2.14286em; } } /* line 116, sass/_header.scss */ .utility_nav_link { padding: 0 2.14286em 0 2.14286em; } /* line 118, sass/_header.scss */ .utility_nav_link:after { right: 0.35714em; top: 0.28571em; } /* line 122, sass/_header.scss */ .utility_nav_link:hover:after { right: 0; } /* line 127, sass/_header.scss */ .utility_nav_social { margin: 0 1.07143em 0 0; padding: 0 0 0 1.78571em; } @media (min-width: 768px) and (max-width: 959px) { /* line 127, sass/_header.scss */ .utility_nav_social { margin: 0 0.71429em 0 1.07143em; padding: 0 0 0 1.42857em; } } @media (max-width: 767px) { /* line 136, sass/_header.scss */ .utility_nav_social, .utility_nav_link { display: none; } } /* line 141, sass/_header.scss */ .utility_nav_phone { letter-spacing: 2px; padding: 0 0 0 2.5em; } /* line 144, sass/_header.scss */ .utility_nav_phone .link-cta { color: #e6e7e8; font-size: 1.14286em; pointer-events: none; } @media (max-width: 767px) { /* line 141, sass/_header.scss */ .utility_nav_phone { height: 5em; line-height: 5em; margin: 0; padding: 0 2.85714em 0 0; } /* line 154, sass/_header.scss */ .utility_nav_phone .link-cta { font-size: 1.28571em; pointer-events: auto; } /* line 158, sass/_header.scss */ .utility_nav_phone .angle { display: none; } } /* line 164, sass/_header.scss */ .utility_nav_link:hover { background: #9e760d; box-shadow: 0 -4px 0 12px #9e760d; color: #ffffff; } /* line 169, sass/_header.scss */ .utility_nav_link:hover.button.grey:after { background-image: url("images/svg/arrow-white-right.svg"); } /* line 170, sass/_header.scss */ .utility_nav_link:hover.button.grey .angle { border-color: #ffffff !important; } /*-------------------------------------------------------------- 3.0 - Main Navigatoin --------------------------------------------------------------*/ /* line 181, sass/_header.scss */ .main-navigation { clear: both; display: block; float: left; margin-top: 1.42857em; width: 100%; } /* line 188, sass/_header.scss */ .main-navigation ul { float: right; list-style: none; margin: 0; padding-left: 0; } /* line 194, sass/_header.scss */ .main-navigation li { float: left; position: relative; } /* line 197, sass/_header.scss */ .main-navigation li:hover { background: #ab2c29; } /* line 199, sass/_header.scss */ .main-navigation li:hover a { color: #ffffff !important; } /* line 202, sass/_header.scss */ .main-navigation a { display: block; font-family: "TrasandinaBook", sans-serif; letter-spacing: 1px; text-decoration: none; } /* line 208, sass/_header.scss */ .main-navigation li a { color: #e6e7e8; height: 4.35714em; font-size: 1.14286em; line-height: 4.35714em; padding: 0 1.78571em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* line 218, sass/_header.scss */ .main-navigation ul ul { background: #ab2c29; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); display: none; float: left; left: 0; position: absolute; top: 4.92857em; z-index: 99999; } /* line 228, sass/_header.scss */ .main-navigation ul ul ul { left: 100%; top: 0; } /* line 232, sass/_header.scss */ .main-navigation ul ul a { width: 200px; } /* line 236, sass/_header.scss */ .main-navigation ul ul li:hover { background: #962724; } /* line 237, sass/_header.scss */ .main-navigation ul ul li a { height: 3.57143em; line-height: 3.57143em; } /* line 248, sass/_header.scss */ .main-navigation ul li:hover > ul { display: block; } /* line 255, sass/_header.scss */ a.main_nav_search { box-sizing: border-box; display: block; float: right; height: 5em; padding: 1.64286em; width: 5em; } /* line 262, sass/_header.scss */ a.main_nav_search .fill { fill: #e6e7e8; } /* line 263, sass/_header.scss */ a.main_nav_search:hover { background: #ab2c29; } /* line 265, sass/_header.scss */ a.main_nav_search:hover .fill { fill: #ffffff; } /* line 267, sass/_header.scss */ a.main_nav_search svg { display: inline-block; height: 1.71429em; width: 1.71429em; } /*-------------------------------------------------------------- 4.0 - Mobile Nav --------------------------------------------------------------*/ /*-------------------------------------------------------------- 4.1 - Burger --------------------------------------------------------------*/ /* line 285, sass/_header.scss */ .burger { cursor: pointer; display: inline-block; height: calc(20px * 1); position: absolute; vertical-align: middle; width: calc(10px * 2.1); z-index: 10; } @media (min-width: 480px) and (max-width: 767px) { /* line 285, sass/_header.scss */ .burger { padding: 1.78571em 1.78571em 1.78571em 0; } } @media (max-width: 479px) { /* line 285, sass/_header.scss */ .burger { padding: 1.57143em 1.57143em 1.57143em 0; } } /* line 295, sass/_header.scss */ .sticky .burger { margin-right: 15px; } /* line 298, sass/_header.scss */ .burger span, .burger span:before, .burger span:after { display: inline-block; width: 100%; height: 0.13571em; background: #ffffff; transition: all 0.5s; -webkit-transition: all 0.25s linear 0s; -moz-transition: all 0.25s linear 0s; -ms-transition: all 0.25s linear 0s; transition: all 0.25s linear 0s; backface-visibility: hidden; } /* line 308, sass/_header.scss */ .burger span { position: relative; margin: calc(25px * 2 / 5) 0 calc(25px * 2 / 5); } /* line 313, sass/_header.scss */ .burger span:before, .burger span:after { position: absolute; content: ""; } /* line 318, sass/_header.scss */ .burger span:before { top: calc(20px * -2 / 5); } /* line 322, sass/_header.scss */ .burger span:after { top: calc(20px * 2 / 5); } /* line 326, sass/_header.scss */ .sidr-open .burger span:before { -webkit-transform: translate(0px, 8px) rotate(-45deg); -moz-transform: translate(0px, 8px) rotate(-45deg); -ms-transform: translate(0px, 8px) rotate(-45deg); -o-transform: translate(0px, 8px) rotate(-45deg); transform: translate(0px, 8px) rotate(-45deg); } /* line 329, sass/_header.scss */ .sidr-open .burger span:after { -webkit-transform: translate(0px, -8px) rotate(45deg); -moz-transform: translate(0px, -8px) rotate(45deg); -ms-transform: translate(0px, -8px) rotate(45deg); -o-transform: translate(0px, -8px) rotate(45deg); transform: translate(0px, -8px) rotate(45deg); } /* line 332, sass/_header.scss */ .sidr-open .burger span { background: transparent; } /*-------------------------------------------------------------- 4.2 - Mobile Search --------------------------------------------------------------*/ /* line 342, sass/_header.scss */ #mobile_search { position: relative; } /* line 344, sass/_header.scss */ #mobile_search .search-form { border-bottom: #ffffff solid 1px; } /* line 347, sass/_header.scss */ #mobile_search .search-field { background: transparent; color: #ffffff; font-family: "TrasandinaBook", sans-serif; font-size: 1.28571em; margin: 0; } /* line 354, sass/_header.scss */ #mobile_search .search-submit { background: url("images/svg/icon_white_search.svg") center center no-repeat transparent; background-size: 1.14286em 1.14286em; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; bottom: 0.21429em; box-shadow: none; display: block; height: 1.71429em; padding: 0; position: absolute; right: 1.07143em; text-indent: -99999px; width: 1.71429em; } /* line 369, sass/_header.scss */ #mobile_search ::-webkit-input-placeholder { color: #ffffff; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } /* line 370, sass/_header.scss */ #mobile_search :-moz-placeholder { color: #ffffff; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } /* line 371, sass/_header.scss */ #mobile_search ::-moz-placeholder { color: #ffffff; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } /* line 372, sass/_header.scss */ #mobile_search :-ms-input-placeholder { color: #ffffff; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } /*-------------------------------------------------------------- 4.3 - Mobile Social --------------------------------------------------------------*/ /* line 382, sass/_header.scss */ #mobile-navigation .mobile_social_nav .social_nav { margin: 1.42857em 0; } /* line 384, sass/_header.scss */ #mobile-navigation .mobile_social_nav .social_nav .social_link { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: inline-block; height: 2.28571em; padding: 0; margin: 0 0.14286em; width: 2.28571em; } /* line 391, sass/_header.scss */ #mobile-navigation .mobile_social_nav .social_nav .social_link a { height: 1.71429em; line-height: 1.71429em; padding: 0.28571em; width: 1.71429em; } /* line 396, sass/_header.scss */ #mobile-navigation .mobile_social_nav .social_nav .social_link a .fill { fill: #ffffff; } /*-------------------------------------------------------------- 4.3 - Mobile Site Toggle --------------------------------------------------------------*/ /* line 408, sass/_header.scss */ .mobile_site_toggle { background: #231f20; color: white; display: block; padding: 1.42857em; position: relative; text-align: center; } /* line 415, sass/_header.scss */ .mobile_site_toggle:after { background-image: url("images/svg/arrow-white-right.svg"); background-repeat: no-repeat; background-position: right 55%; background-size: 10px 20px; content: ""; display: block; height: 100%; position: absolute; right: 1.42857em; top: -0.14286em; width: 0.71429em; -webkit-transition: right 0.1s linear 0s; -moz-transition: right 0.1s linear 0s; -ms-transition: right 0.1s linear 0s; transition: right 0.1s linear 0s; } /*-------------------------------------------------------------- 5.0 - Sticky Header Wrapper --------------------------------------------------------------*/ /* line 436, sass/_header.scss */ body#body.sticky #header_wrapper { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); opacity: 0; position: fixed; top: 0; z-index: 99; } /* line 442, sass/_header.scss */ body#body.sticky #header_wrapper.appear { opacity: 1; -webkit-transition: opacity 0.5s linear 0s; -moz-transition: opacity 0.5s linear 0s; -ms-transition: opacity 0.5s linear 0s; transition: opacity 0.5s linear 0s; } /* line 446, sass/_header.scss */ body#body.sticky #header_wrapper #header_logo_link { height: 6.85714em; padding: 1.78571em 0.71429em 1.78571em 2.85714em; width: 12.14286em; } @media (max-width: 767px) { /* line 446, sass/_header.scss */ body#body.sticky #header_wrapper #header_logo_link { height: 5em; padding: 0.92857em 0.71429em 1.07143em 3.57143em; width: 12.14286em; } } /* line 456, sass/_header.scss */ body#body.sticky #header_wrapper .main-navigation { margin-top: 0.71429em; } /* line 457, sass/_header.scss */ body#body.sticky #header_wrapper .main-navigation li a { height: 2.85714em; font-size: 1.14286em; line-height: 2.85714em; padding: 0 1.78571em; } /* line 463, sass/_header.scss */ body#body.sticky #header_wrapper .main-navigation ul ul { top: 3.28571em; } /* line 464, sass/_header.scss */ body#body.sticky #header_wrapper .main-navigation ul ul ul { top: 0; } /* line 466, sass/_header.scss */ body#body.sticky #header_wrapper .main-navigation ul ul li:hover { background: #962724; } /* line 467, sass/_header.scss */ body#body.sticky #header_wrapper .main-navigation ul ul li a { height: 2.57143em; line-height: 2.57143em; } /* line 472, sass/_header.scss */ body#body.sticky #header_wrapper a.main_nav_search { height: 3.25em; padding: 0.85714em; width: 3.25em; } /* line 478, sass/_header.scss */ body#body.sticky #page { margin-top: 142px; } @media (min-width: 768px) and (max-width: 959px) { /* line 478, sass/_header.scss */ body#body.sticky #page { margin-top: 161px; } } @media (min-width: 768px) and (max-width: 959px) { /* line 478, sass/_header.scss */ body#body.sticky #page { margin-top: 122px; } } @media (max-width: 767px) { /* line 478, sass/_header.scss */ body#body.sticky #page { margin-top: 66px; } } /* * Brevity 2016 * Copyright 2016, Ben Gathard & Andrew Blackwell of Brevity * Author URI: http://seekbrevity.com/ * 02/16/2015 * * footer.css controls the look of the site-wide footer section. * Page specific changes should be made in their oun .scss files. * */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - Footer 1.1 - Footer Contact 1.2 - Footer Links 1.3 - Footer Form 1.4 - Footer Logo 2.0 - Subfooter --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 - Footer --------------------------------------------------------------*/ /* line 28, sass/_footer.scss */ #footer_wrapper { background: url("images/black_grunge.jpg") #231f20; color: #ffffff; padding: 3.57143em 0 0; } /* line 33, sass/_footer.scss */ #footer_wrapper #footer_container h5 { color: #ffffff; font-family: "TrasandinaBook", sans-serif; font-size: 1.14286em; letter-spacing: 1px; line-height: 1.25em; margin-bottom: 0.85714em; } /* line 42, sass/_footer.scss */ #footer_wrapper:after { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0+46,0+100 */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 46%, transparent 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(46%, transparent), color-stop(100%, transparent)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 46%, transparent 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 46%, transparent 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 46%, transparent 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ content: ""; display: block; height: 35.71429em; pointer-events: none; position: absolute; left: 0; width: 100%; z-index: 3; } @media (min-width: 1510px) { /* line 42, sass/_footer.scss */ #footer_wrapper:after { height: 35.71429em; } } @media (min-width: 768px) and (max-width: 959px) { /* line 42, sass/_footer.scss */ #footer_wrapper:after { height: 30.35714em; } } @media (min-width: 480px) and (max-width: 767px) { /* line 42, sass/_footer.scss */ #footer_wrapper:after { height: 28.57143em; } } @media (max-width: 479px) { /* line 42, sass/_footer.scss */ #footer_wrapper:after { height: 21.42857em; } } /*-------------------------------------------------------------- 1.1 - Footer Contact --------------------------------------------------------------*/ /* line 71, sass/_footer.scss */ #footer_contact { color: #ffffff; font-family: "Source Sans Pro", sans-serif; letter-spacing: 1px; } @media (max-width: 767px) { /* line 71, sass/_footer.scss */ #footer_contact { width: 55%; } } /* line 76, sass/_footer.scss */ #footer_contact a { color: #ffffff; } /* line 78, sass/_footer.scss */ #footer_contact a:hover { text-decoration: underline; } /* line 80, sass/_footer.scss */ #footer_contact .footer_address { margin-bottom: 1.42857em; } /*-------------------------------------------------------------- 1.2 - Footer Links --------------------------------------------------------------*/ /* line 90, sass/_footer.scss */ #footer_links { color: #ffffff; font-family: "Source Sans Pro", sans-serif; letter-spacing: 1px; } @media (max-width: 767px) { /* line 90, sass/_footer.scss */ #footer_links { margin-left: 12%; width: 33%; } } /* line 98, sass/_footer.scss */ #footer_links a { color: #ffffff; } /* line 100, sass/_footer.scss */ #footer_links a:hover { text-decoration: underline; } /* line 102, sass/_footer.scss */ #footer_links #quick_links { list-style: none; margin: 0; padding: 0; } /* line 106, sass/_footer.scss */ #footer_links #quick_links li.quick_link { margin-bottom: 0.57143em; } /*-------------------------------------------------------------- 1.3 - Footer Form --------------------------------------------------------------*/ /* line 119, sass/_footer.scss */ #footer_form #gform_1 { margin: 2.57143em 0 2em; position: relative; } /* line 122, sass/_footer.scss */ #footer_form #gform_1 label.gfield_label { display: none; } /* line 123, sass/_footer.scss */ #footer_form #gform_1 input#input_1_1 { background: transparent; border: 0 none; border-bottom: 1px #ffffff solid; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color: #ffffff; height: 2.14286em; line-height: 2.14286em; outline: none; width: 100%; } /* line 133, sass/_footer.scss */ #footer_form #gform_1 input#input_1_1 ::-webkit-input-placeholder { color: #ffffff; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } /* line 134, sass/_footer.scss */ #footer_form #gform_1 input#input_1_1 :-moz-placeholder { color: #ffffff; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } /* line 135, sass/_footer.scss */ #footer_form #gform_1 input#input_1_1 ::-moz-placeholder { color: #ffffff; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } /* line 136, sass/_footer.scss */ #footer_form #gform_1 input#input_1_1 :-ms-input-placeholder { color: #ffffff; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } /* line 138, sass/_footer.scss */ #footer_form #gform_1 .gform_footer { position: absolute; height: 2.85714em; right: 0; margin: 0; padding: 0; top: 0; width: 4.92857em; } /* line 146, sass/_footer.scss */ #footer_form #gform_1 .gform_footer:before { background: #ffffff none repeat scroll 0 0; content: ""; display: block; height: 98%; position: absolute; left: -1.42857em; top: 0; transform: skewX(-20deg); width: 2.85714em; z-index: 0; } /* line 158, sass/_footer.scss */ #footer_form #gform_1 .gform_footer:hover:before { background: #ffffff; } /* line 159, sass/_footer.scss */ #footer_form #gform_1 .gform_footer:after { background-image: url("images/svg/arrow-black-right.svg"); background-repeat: no-repeat; background-position: right center; background-size: 10px 20px; content: ""; display: block; height: 3.14286em; position: absolute; right: 0.57143em; top: -0.14286em; width: 0.71429em; -webkit-transition: right 0.1s linear 0s; -moz-transition: right 0.1s linear 0s; -ms-transition: right 0.1s linear 0s; transition: right 0.1s linear 0s; } /* line 173, sass/_footer.scss */ #footer_form #gform_1 .gform_footer input { background: #ffffff; border: 0 none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; color: #231f20; font-size: 0.85714em; height: 3.28571em; letter-spacing: 1px; margin: 0; padding: 0 2.14286em 0 0; position: relative; text-align: left; text-shadow: none; text-transform: lowercase; width: 5.71429em; } /* line 190, sass/_footer.scss */ #footer_form #gform_1 .gform_footer:hover input { background: #ffffff; } /* line 193, sass/_footer.scss */ #footer_form .gform_confirmation_message { background: #333334 none repeat scroll 0 0; padding: 2.14286em; margin-bottom: 1.42857em; } /* line 197, sass/_footer.scss */ #footer_form .gform_confirmation_message br { display: none; } /* line 198, sass/_footer.scss */ #footer_form .gform_confirmation_message p { margin-bottom: 0; } /* line 200, sass/_footer.scss */ #footer_form .social_nav { font-size: 1.5em; } /*-------------------------------------------------------------- 1.4 - Footer Logo --------------------------------------------------------------*/ /* line 209, sass/_footer.scss */ #footer_logo { border-top: 1px solid transparent; margin: 8.57143em auto 10em; position: relative; } @media (max-width: 767px) { /* line 209, sass/_footer.scss */ #footer_logo { margin: 5.71429em auto 7.14286em; } } /* line 214, sass/_footer.scss */ #footer_logo:after { background-color: none; background-image: url("images/vintage-quickage.png"); background-repeat: no-repeat; background-position: center center; background-size: 11.42857em; content: ""; display: block; height: 17.14286em; margin-right: -8.57143em; position: absolute; right: 50%; top: -8.57143em; width: 17.14286em; } @media (max-width: 767px) { /* line 214, sass/_footer.scss */ #footer_logo:after { background-size: 8.57143em; height: 12.85714em; margin-right: -6.42857em; top: -6.42857em; width: 12.85714em; } } /*-------------------------------------------------------------- 2.0 - Subfooter --------------------------------------------------------------*/ /* line 243, sass/_footer.scss */ #sub_footer_wrapper { background-color: #231f20; background-position: center center; background-repeat: no-repeat; background-size: auto 100%; bottom: 0; color: #929497; font-family: "TrasandinaBook", sans-serif; letter-spacing: 1px; padding-top: 35.71429em; position: fixed; z-index: -1; } @media (min-width: 1510px) { /* line 243, sass/_footer.scss */ #sub_footer_wrapper { padding-top: 35.71429em; } } @media (min-width: 768px) and (max-width: 959px) { /* line 243, sass/_footer.scss */ #sub_footer_wrapper { padding-top: 30.35714em; } } @media (max-width: 767px) { /* line 243, sass/_footer.scss */ #sub_footer_wrapper { background-size: auto 70%; } } @media (min-width: 480px) and (max-width: 767px) { /* line 243, sass/_footer.scss */ #sub_footer_wrapper { padding-top: 28.57143em; } } @media (max-width: 479px) { /* line 243, sass/_footer.scss */ #sub_footer_wrapper { padding-top: 21.42857em; } } /* line 260, sass/_footer.scss */ #sub_footer_wrapper a { color: #929497; } /* line 262, sass/_footer.scss */ #sub_footer_wrapper a:hover { text-decoration: underline; } /* line 266, sass/_footer.scss */ #sub_footer_wrapper #sitecredit, #sub_footer_wrapper #copyright { font-size: 0.85714em; } @media (max-width: 767px) { /* line 266, sass/_footer.scss */ #sub_footer_wrapper #sitecredit, #sub_footer_wrapper #copyright { margin: 0.35714em 0; text-align: center; width: 100%; } } /* * Brevity 2016 * Copyright 2016, Ben Gathard & Andrew Blackwell of Brevity * Author URI: http://seekbrevity.com/ * 02/16/2015 * * Sidebar.scss controls the look of the site-wide sidebar section & Widgets. * Page specific changes should be made in their oun .scss files. * */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - Sidebar 2.0 - Widgets 2.1 - Nav Widget 2.2 - Sidebar CTA 2.3 - Spacer Widget --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 - Sidebar --------------------------------------------------------------*/ /* line 29, sass/_sidebar.scss */ #secondary { margin: 0; } @media (max-width: 767px) { /* line 29, sass/_sidebar.scss */ #secondary { margin: 0 auto !important; } } /*-------------------------------------------------------------- 2.0 - Widgets --------------------------------------------------------------*/ /*-------------------------------------------------------------- 2.1 - Nav Widget --------------------------------------------------------------*/ /* line 48, sass/_sidebar.scss */ aside.widget { background: #ffffff; margin-bottom: 0; } /* line 51, sass/_sidebar.scss */ aside.widget.blog_nav, aside.widget.page_nav { border-bottom: 1px solid #ab2c29; } @media (max-width: 767px) { /* line 51, sass/_sidebar.scss */ aside.widget.blog_nav, aside.widget.page_nav { background: #e6e7e8; } } /* line 55, sass/_sidebar.scss */ aside.widget h3.widget-title { background: #ab2c29; color: #ffffff; font-size: 1.5em; margin-bottom: 1.28571em; padding: 0.71429em 1.42857em; } /* line 61, sass/_sidebar.scss */ aside.widget h3.widget-title a { color: #ffffff; } /* line 63, sass/_sidebar.scss */ aside.widget ul { list-style: none; margin: 0; padding: 0 1.07143em 2.14286em; } /* line 68, sass/_sidebar.scss */ aside.widget ul li a { color: #231f20; display: block; font-size: 1.1em; font-family: "TrasandinaBook", sans-serif; line-height: 1.5em; padding: 0.35714em 0.71429em; -webkit-transition: background 0.2s linear 0s; -moz-transition: background 0.2s linear 0s; -ms-transition: background 0.2s linear 0s; transition: background 0.2s linear 0s; } /* line 76, sass/_sidebar.scss */ aside.widget ul li a:hover { background: #ab2c29; color: #ffffff; text-decoration: none; } /* line 82, sass/_sidebar.scss */ aside.widget ul li ul.children { display: none; padding: 0; } /* line 85, sass/_sidebar.scss */ aside.widget ul li ul.children a { display: block; padding: 0.57143em 2.14286em; } /* line 91, sass/_sidebar.scss */ aside.widget ul li.current_page_parent ul.children { display: block; } /*-------------------------------------------------------------- 2.2 - Sidebar CTA --------------------------------------------------------------*/ /* line 104, sass/_sidebar.scss */ .sidebar-cta { margin-bottom: 2.14286em; float: left; max-width: 100%; width: 100%; } /* line 109, sass/_sidebar.scss */ .sidebar-cta a.sb_image, .sidebar-cta a.sb_image img { display: block; width: 100%; } /* line 113, sass/_sidebar.scss */ .sidebar-cta .sb_callout_message { box-sizing: border-box; float: left; padding: 1.42857em 1.42857em 2.85714em; width: 100%; } /* line 118, sass/_sidebar.scss */ .sidebar-cta .sb_callout_message h4 { color: #ab2c29; font-size: 1.5em; line-height: 1.25em; margin-bottom: 0.35714em; } /* line 124, sass/_sidebar.scss */ .sidebar-cta .sb_callout_message p { margin-top: 0; } /* Make sure select elements fit in widgets */ /* line 132, sass/_sidebar.scss */ .widget select { max-width: 100%; } /*-------------------------------------------------------------- 2.3 - Spacer Widget --------------------------------------------------------------*/ /* line 141, sass/_sidebar.scss */ .spacer_widget { background: #ffffff; position: relative; } @media (max-width: 767px) { /* line 141, sass/_sidebar.scss */ .spacer_widget { height: 0 !important; } } /* line 145, sass/_sidebar.scss */ .spacer_widget .angle { bottom: -7%; height: 80%; left: auto; right: 4.28571em; top: auto; } /* line 151, sass/_sidebar.scss */ .spacer_widget .angle.angle2 { left: auto; right: 6.42857em; top: auto; } /* line 156, sass/_sidebar.scss */ .spacer_widget .angle.angle3 { left: auto; right: 8.57143em; top: auto; } /* * Brevity 2016 * Copyright 2016, Ben Gathard & Andrew Blackwell of Brevity * Author URI: http://seekbrevity.com/ * 02/16/2015 * * Content.scss controls the look of the site-wide content elements on pages and posts. * Page specific changes should be made in their oun .scss files. * */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - Content Header 2.0 - Universal 3.0 - Posts 3.1 - Posts Index 3.2 - Posts Single 4.0 - Pages --------------------------------------------------------------*/ /* line 24, sass/_content.scss */ #content_wrapper, #primary_wrapper { padding: 0; } /*-------------------------------------------------------------- 1.0 - Content Header --------------------------------------------------------------*/ /* line 30, sass/_content.scss */ #page_header_wrapper { background: #231f20; border-top: #cf3b38 1px solid; padding: 0; } /* line 34, sass/_content.scss */ #page_header_wrapper .page_header_container { float: left; margin: 4.28571em 0 4.28571em 9%; width: 49%; } @media (min-width: 1510px) { /* line 34, sass/_content.scss */ #page_header_wrapper .page_header_container { margin: 5em 0 5em 10%; width: 49%; } } @media (min-width: 768px) and (max-width: 959px) { /* line 34, sass/_content.scss */ #page_header_wrapper .page_header_container { margin: 3.57143em 0 3.57143em 7.5%; width: 55%; } } @media (max-width: 767px) { /* line 34, sass/_content.scss */ #page_header_wrapper .page_header_container { margin: 2.14286em 0 1.42857em; text-align: center; width: 100%; } /* line 50, sass/_content.scss */ #page_header_wrapper .page_header_container .page_title { font-size: 2em !important; } } /* line 54, sass/_content.scss */ #page_header_wrapper .page_header_container .page_header { margin-bottom: 0; } /* line 56, sass/_content.scss */ #page_header_wrapper .page_header_container .page_header .page_title { color: #ffffff; font-family: "TrasandinaLight", sans-serif; font-size: 3.42857em; line-height: 1em; margin-bottom: 0.07143em; } /* line 65, sass/_content.scss */ #page_header_wrapper .breadcrumbs, #page_header_wrapper .breadcrumbs a { color: #929497; } /* line 66, sass/_content.scss */ #page_header_wrapper .breadcrumbs a:hover { text-decoration: underline; } /* line 67, sass/_content.scss */ #page_header_wrapper .blog_description_to { color: #e6e7e8; margin-bottom: 0; width: 80%; } @media (min-width: 480px) and (max-width: 767px) { /* line 67, sass/_content.scss */ #page_header_wrapper .blog_description_to { float: none; margin: 0.71429em auto; max-width: 440px; padding: 0 0.71429em; } } @media (max-width: 479px) { /* line 67, sass/_content.scss */ #page_header_wrapper .blog_description_to { margin: 0.71429em 8%; } } /*-------------------------------------------------------------- 2.0 - Universal --------------------------------------------------------------*/ /* line 87, sass/_content.scss */ .entry-content { margin-bottom: 2.85714em; } /* line 89, sass/_content.scss */ .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { clear: both; font-family: "TrasandinaBook", sans-serif; font-weight: normal; letter-spacing: 1px; margin: .5em 0 .25em; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } /* line 99, sass/_content.scss */ .entry-content h1 { font-size: 3em; } @media (max-width: 767px) { /* line 99, sass/_content.scss */ .entry-content h1 { font-size: 2.28571em; } } /* line 103, sass/_content.scss */ .entry-content h2 { color: #231f20; font-family: "TrasandinaLight", sans-serif; font-size: 2.57143em; } @media (max-width: 767px) { /* line 103, sass/_content.scss */ .entry-content h2 { font-size: 2em; } } /* line 109, sass/_content.scss */ .entry-content h3 { font-family: "TrasandinaUltra", sans-serif; font-size: 2.42857em; } @media (max-width: 767px) { /* line 109, sass/_content.scss */ .entry-content h3 { font-size: 1.71429em; } } /* line 115, sass/_content.scss */ .entry-content h4 { color: #9e760d; font-family: "TrasandinaLight", sans-serif; font-size: 1.71429em; } /* line 120, sass/_content.scss */ .entry-content h5 { font-size: 1.5em; } /* line 123, sass/_content.scss */ .entry-content h6 { font-weight: bold; font-size: 1.28571em; } /* line 128, sass/_content.scss */ .entry-content p { font-size: 1.14286em; line-height: 1.5em; margin: 0.5em 0 1em; } /* line 134, sass/_content.scss */ .entry-content img.size-full { max-width: none; width: 139.5%; margin-left: -19%; } @media (min-width: 1510px) { /* line 134, sass/_content.scss */ .entry-content img.size-full { width: 147.5%; margin-left: -21%; } } @media (min-width: 768px) and (max-width: 959px) { /* line 134, sass/_content.scss */ .entry-content img.size-full { margin-left: -16%; width: 133.2%; } } @media (max-width: 767px) { /* line 134, sass/_content.scss */ .entry-content img.size-full { margin-left: 0; width: 100%; } } /*-------------------------------------------------------------- 3.0 - Posts --------------------------------------------------------------*/ /* line 160, sass/_content.scss */ #blog-navigation { float: left; position: relative; width: 100%; } /* line 164, sass/_content.scss */ .single-post #blog-navigation { margin-bottom: 4.28571em; } /* line 165, sass/_content.scss */ .archive #blog-navigation, .search #blog-navigation, .blog #blog-navigation { margin: 2.85714em 0 2.85714em; } /* line 168, sass/_content.scss */ #blog-navigation .next a { float: right; } /* line 171, sass/_content.scss */ #blog-navigation .next a:before { left: -1.42857em; } /* line 174, sass/_content.scss */ #blog-navigation .previous a { float: left; padding: 0 0 0 2.85714em; text-align: left; } /* line 178, sass/_content.scss */ #blog-navigation .previous a:after { background-image: url("images/svg/arrow-white-left.svg"); left: 0.71429em; -webkit-transition: left 0.1s linear 0s; -moz-transition: left 0.1s linear 0s; -ms-transition: left 0.1s linear 0s; transition: left 0.1s linear 0s; } /* line 183, sass/_content.scss */ #blog-navigation .previous a:hover:after { left: 0.5em; } /* line 187, sass/_content.scss */ #blog-navigation .button-container a.inactive { background: #e6e7e8; pointer-events: none; } /* line 190, sass/_content.scss */ #blog-navigation .button-container a.inactive:before { background: #e6e7e8; } /* line 192, sass/_content.scss */ #blog-navigation .socialSection-wrapper { position: absolute; left: 50%; margin-left: -4.78571em; } @media (max-width: 767px) { /* line 192, sass/_content.scss */ #blog-navigation .socialSection-wrapper { margin-left: -2.85714em; } } /*-------------------------------------------------------------- 3.1 - Posts Index --------------------------------------------------------------*/ /* line 205, sass/_content.scss */ .index-article { float: left; margin: 2.85714em 0 2.85714em; width: 100%; } /* line 210, sass/_content.scss */ .index-article .index_thumb img { display: block; } /* line 212, sass/_content.scss */ .index-article .index-meta { background: #e6e7e8; font-family: "TrasandinaLight", sans-serif; float: left; width: 100%; } /* line 217, sass/_content.scss */ .index-article .index-meta .index-meta-date { background: #ab2c29; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color: #ffffff; float: left; height: 3.57143em; letter-spacing: 1px; line-height: 3.57143em; padding: 0 1.78571em; } @media (max-width: 767px) { /* line 217, sass/_content.scss */ .index-article .index-meta .index-meta-date { height: 2.57143em; line-height: 2.57143em; text-align: center; width: 100%; } } /* line 233, sass/_content.scss */ .index-article .index-meta .index-meta-cat { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: left; height: 3.57143em; letter-spacing: 1px; line-height: 3.57143em; padding: 0 1.78571em; } @media (max-width: 767px) { /* line 233, sass/_content.scss */ .index-article .index-meta .index-meta-cat { height: 2.57143em; line-height: 2.57143em; text-align: center; width: 100%; } } /* line 246, sass/_content.scss */ .index-article .index-meta .index-meta-cat a { color: #231f20; } /* line 249, sass/_content.scss */ .index-article h1.index-title { float: left; font-size: 2.85714em; margin: .65em 0 .25em; width: 100%; } @media (max-width: 767px) { /* line 249, sass/_content.scss */ .index-article h1.index-title { font-size: 2em; margin: 1em 0 0.5em; } } /* line 258, sass/_content.scss */ .index-article h1.index-title a { color: #231f20; } /* line 261, sass/_content.scss */ .index-article .index-controls .button { margin-top: 0.35714em; font-size: 0.85714em; } /* line 265, sass/_content.scss */ .index-article .index-controls .socialSection-wrapper { margin: 0 0 0 2.85714em; } /*-------------------------------------------------------------- 3.2 - Posts Single --------------------------------------------------------------*/ /* line 276, sass/_content.scss */ .single-post #page_header_wrapper .page_header_container { margin-bottom: 7.14286em; } @media (max-width: 767px) { /* line 280, sass/_content.scss */ .single-post #main { padding-top: 1.42857em !important; } } /* line 285, sass/_content.scss */ .single-post .entry-content { margin-bottom: 2.14286em; } /* line 291, sass/_content.scss */ .post_thumb img { display: block; width: 100%; } /* line 293, sass/_content.scss */ .post-meta { background: #d3d4d5; display: block; font-family: "TrasandinaLight", sans-serif; float: left; margin: -3.57143em 9% 0 9%; width: 59%; } /* line 295, sass/_content.scss */ .post-meta.has_post_thumb { background: #e6e7e8; } /* line 300, sass/_content.scss */ .post-meta.has_post_thumb { margin: -5em 0 0 9%; } @media (min-width: 1510px) { /* line 293, sass/_content.scss */ .post-meta { margin: -3.57143em 10% 0 10%; width: 62%; } /* line 304, sass/_content.scss */ .post-meta.has_post_thumb { margin: -5em 0 0 10%; } } @media (min-width: 768px) and (max-width: 959px) { /* line 293, sass/_content.scss */ .post-meta { margin: -3.57143em 7.5% 0 7.5%; width: 59%; } /* line 309, sass/_content.scss */ .post-meta.has_post_thumb { margin: -5em 0 0 7.5%; } } @media (max-width: 767px) { /* line 293, sass/_content.scss */ .post-meta { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: none; width: 90%; } } @media (min-width: 480px) and (max-width: 767px) { /* line 293, sass/_content.scss */ .post-meta { margin: -5.14286em auto 0; max-width: 450px; } /* line 319, sass/_content.scss */ .post-meta.has_post_thumb { margin: -5.35714em auto 0; } } @media (max-width: 479px) { /* line 293, sass/_content.scss */ .post-meta { margin: -5.14286em 5% 0; width: 90%; } /* line 324, sass/_content.scss */ .post-meta.has_post_thumb { margin: -5em 5% 0; } } /* line 327, sass/_content.scss */ .post-meta .img { display: block; } /* line 330, sass/_content.scss */ .post-meta .post-meta-date { background: #ab2c29; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color: #ffffff; float: left; height: 3.57143em; letter-spacing: 1px; line-height: 3.57143em; padding: 0 1.78571em; } @media (max-width: 767px) { /* line 330, sass/_content.scss */ .post-meta .post-meta-date { height: 2.57143em; line-height: 2.57143em; text-align: center; width: 100%; } } /* line 346, sass/_content.scss */ .post-meta .post-meta-cat { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: left; height: 3.57143em; letter-spacing: 1px; line-height: 3.57143em; padding: 0 1.78571em; } @media (max-width: 767px) { /* line 346, sass/_content.scss */ .post-meta .post-meta-cat { background: #d3d4d5; height: 2.57143em; line-height: 2.57143em; text-align: center; width: 100%; } /* line 355, sass/_content.scss */ .post-meta .post-meta-cat.has_post_thumb { background: #e6e7e8; } } /* line 361, sass/_content.scss */ .post-meta .post-meta-cat a { color: #231f20; } /*-------------------------------------------------------------- 4.0 - Pages --------------------------------------------------------------*/ /* PostTypes --- */ /* * Brevity 2016 * Copyright 2016, Ben Gathard & Andrew Blackwell of Brevity * Author URI: http://seekbrevity.com/ * 02/16/2015 * * home.scss controls the look of the elements unique to the homepage template. * Page specific changes should be made in their oun .scss files. * */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - project Single 1.1 - project Feature 1.2 - project Gallery 1.3 - project Content 1.4 - project Related 2.0 - project Card 3.0 - project Archive --------------------------------------------------------------*/ /* line 27, sass/_project.scss */ .sold-tag { color: #ffffff; bottom: 0; height: 36%; max-height: 12.85714em; overflow: hidden; position: absolute; right: 0; z-index: 9; width: 18%; max-width: 12.85714em; } @media (max-width: 767px) { /* line 27, sass/_project.scss */ .sold-tag { min-height: 7.14286em; min-width: 7.14286em; } } /* line 42, sass/_project.scss */ .sold-tag span { bottom: 20%; font-family: "TrasandinaLight", sans-serif; font-size: 1.28571em; letter-spacing: 1px; position: absolute; z-index: 1; right: 15%; } @media (max-width: 767px) { /* line 42, sass/_project.scss */ .sold-tag span { font-size: 1em; } } /* line 52, sass/_project.scss */ .sold-tag .square { bottom: 0; background: #ab2c29; height: 160%; left: 27%; position: absolute; right: 0; top: 27%; width: 160%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } /*-------------------------------------------------------------- 1.0 - project Single --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.1 - project Feature --------------------------------------------------------------*/ /* line 74, sass/_project.scss */ #project_feature_wrapper { position: relative; padding: 0; } /* line 77, sass/_project.scss */ #project_feature_wrapper .back_to_project { font-size: 0.85714em; padding: 0 1.42857em 0 3.57143em; position: absolute; right: 2%; top: 5%; z-index: 9; } /* line 84, sass/_project.scss */ #project_feature_wrapper .back_to_project:after { background-image: url("images/svg/arrow-white-left.svg"); left: 1.78571em; right: auto; } @media (max-width: 767px) { /* line 77, sass/_project.scss */ #project_feature_wrapper .back_to_project { font-size: 0.71429em; top: 2%; } } /* line 94, sass/_project.scss */ #project_feature_wrapper #project_feature_image { position: relative; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 0; } /* line 133, sass/_global.scss */ #project_feature_wrapper #project_feature_image:before { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0.2+100 */ background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.2) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.2) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#33000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ bottom: 0; content: ""; left: 0; display: block; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); pointer-events: none; position: absolute; right: 0; top: 0; z-index: 1; } @media (max-width: 767px) { /* line 133, sass/_global.scss */ #project_feature_wrapper #project_feature_image:before { right: 1; } } @media (max-width: 767px) { /* line 94, sass/_project.scss */ #project_feature_wrapper #project_feature_image { position: relative; position: relative; height: 300px; position: relative; width: 100%; } /* line 133, sass/_global.scss */ #project_feature_wrapper #project_feature_image:before { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0.2+100 */ background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.2) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.2) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#33000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ bottom: 0; content: ""; left: 0; display: block; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events: none; position: absolute; right: 0; top: 0; z-index: 1; } } @media (max-width: 767px) and (max-width: 767px) { /* line 133, sass/_global.scss */ #project_feature_wrapper #project_feature_image:before { right: 1; } } @media (max-width: 767px) { /* line 100, sass/_global.scss */ #project_feature_wrapper #project_feature_image:after { content: ""; background: #231f20; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; position: absolute; z-index: 1; } } @media (max-width: 479px) { /* line 94, sass/_project.scss */ #project_feature_wrapper #project_feature_image { height: 200px; } } /* line 115, sass/_project.scss */ #project_feature_wrapper #project_intro_container { color: #ffffff; margin: 20% auto 5%; max-width: none; } @media (min-width: 1510px) { /* line 115, sass/_project.scss */ #project_feature_wrapper #project_intro_container { margin: 20% auto 5%; font-size: 1.2em; } } @media (max-width: 767px) { /* line 115, sass/_project.scss */ #project_feature_wrapper #project_intro_container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: #231f20; margin: 0px; padding: 1.42857em; width: 100%; } } /* line 130, sass/_project.scss */ #project_feature_wrapper #project_intro_container #project_intro { max-width: 37.14286em; position: relative; z-index: 1; } /* line 135, sass/_project.scss */ #project_feature_wrapper #project_intro_container #project_intro #project_intro_model h1 { font-family: "TrasandinaUltra", sans-serif; font-weight: normal; letter-spacing: 3px; line-height: 1.2em; margin: 0.07143em 0 0; text-transform: uppercase; } @media (max-width: 767px) { /* line 135, sass/_project.scss */ #project_feature_wrapper #project_intro_container #project_intro #project_intro_model h1 { font-size: 2.28571em; } } /* line 147, sass/_project.scss */ #project_feature_wrapper #project_intro_container #project_intro h5 { margin: 0; text-transform: uppercase; } /* line 150, sass/_project.scss */ #project_feature_wrapper #project_intro_container #project_intro h5 a { color: #ffffff; pointer-events: none; } /* line 155, sass/_project.scss */ #project_feature_wrapper #project_intro_container #project_intro #project_intro_status { border-bottom: 1px solid #ffffff; margin: 1.42857em 0; padding-bottom: 0.35714em; } /* line 159, sass/_project.scss */ #project_feature_wrapper #project_intro_container #project_intro #project_intro_status .status { font-family: "TrasandinaBook", sans-serif; font-size: 1.71429em; letter-spacing: 1px; } /* line 165, sass/_project.scss */ #project_feature_wrapper #project_intro_container #project_intro #project_short_description { float: left; } /* line 167, sass/_project.scss */ #project_feature_wrapper #project_intro_container #project_intro #project_short_description p { margin-bottom: 0; } /*-------------------------------------------------------------- 1.2 - project Gallery --------------------------------------------------------------*/ /* line 177, sass/_project.scss */ #project_gallery_wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 0.35714em; } /* line 181, sass/_project.scss */ #project_gallery_wrapper .project_gallery .slick-slide { padding: 0.35714em; } /*-------------------------------------------------------------- 1.3 - project Content --------------------------------------------------------------*/ /* line 192, sass/_project.scss */ #project_content_wrapper { padding: 0; } /* line 194, sass/_project.scss */ #project_content_wrapper #project_content_container { border-bottom: 1px solid #929497; max-width: 100%; width: 100%; } /* line 199, sass/_project.scss */ #project_content_wrapper #project_specs { border-bottom: #929497 1px solid; margin: 2.57143em 0 1.71429em; padding-bottom: 1.71429em; width: 100%; } /* line 204, sass/_project.scss */ #project_content_wrapper #project_specs ul.spec-column { list-style: none; margin: 0; padding: 0; } /* line 208, sass/_project.scss */ #project_content_wrapper #project_specs ul.spec-column li { font-size: 1.14286em; margin-bottom: 0.71429em; } /* line 211, sass/_project.scss */ #project_content_wrapper #project_specs ul.spec-column li span { font-weight: 700; margin-right: 0.21429em; } /* line 218, sass/_project.scss */ #project_content_wrapper #project_content { float: right; margin: 0 11% 0 7%; width: 49%; } @media (min-width: 1510px) { /* line 218, sass/_project.scss */ #project_content_wrapper #project_content { margin: 0 13% 0 7%; width: 49%; } } @media (min-width: 768px) and (max-width: 959px) { /* line 218, sass/_project.scss */ #project_content_wrapper #project_content { margin: 0 8.5% 0 6.5%; width: 49%; } } @media (max-width: 767px) { /* line 218, sass/_project.scss */ #project_content_wrapper #project_content { box-sizing: border-box; clear: both; float: none !important; height: auto !important; padding: 0 1.42857em; width: 90%; } } @media (min-width: 480px) and (max-width: 767px) { /* line 218, sass/_project.scss */ #project_content_wrapper #project_content { margin: 1.42857em auto; max-width: 450px; } } @media (max-width: 479px) { /* line 218, sass/_project.scss */ #project_content_wrapper #project_content { margin: 1.07143em 0; width: 100%; } } /* line 247, sass/_project.scss */ #project_content_wrapper #project_sidebar { background: #e6e7e8; float: left; margin: 0; width: 33%; } @media (min-width: 1510px) { /* line 247, sass/_project.scss */ #project_content_wrapper #project_sidebar { width: 28%; } } @media (min-width: 768px) and (max-width: 959px) { /* line 247, sass/_project.scss */ #project_content_wrapper #project_sidebar { width: 35%; } } @media (max-width: 767px) { /* line 247, sass/_project.scss */ #project_content_wrapper #project_sidebar { clear: both; float: none; height: auto !important; width: 90%; } } @media (min-width: 480px) and (max-width: 767px) { /* line 247, sass/_project.scss */ #project_content_wrapper #project_sidebar { float: none !important; margin: 0 auto 1.71429em; max-width: 450px; } } @media (max-width: 479px) { /* line 247, sass/_project.scss */ #project_content_wrapper #project_sidebar { margin: 1.71429em 5%; } } /* line 271, sass/_project.scss */ #project_sidebar_video { background: #e6e7e8; padding: 4.28571em 0; text-align: center; } /* line 275, sass/_project.scss */ #project_sidebar_video .video_link { display: inline-block; float: none; } /*-------------------------------------------------------------- 1.4 - project Related --------------------------------------------------------------*/ /* line 286, sass/_project.scss */ #related_project_wrapper #related_project_header { text-align: center; } /* line 288, sass/_project.scss */ #related_project_wrapper #related_project_header h2 { color: #9fa1a3; display: inline-block; font-size: 3em; height: 1.2em; line-height: 1.4em; margin: .75em 0 .5em -1.25em; padding-left: 1.25em; position: relative; text-transform: uppercase; } /* line 300, sass/_project.scss */ #related_project_wrapper #related_project_slider_wrapper { position: relative; } /* line 303, sass/_project.scss */ #related_project_wrapper .slick-next { right: 0 !important; } /*-------------------------------------------------------------- 2.0 - project Card --------------------------------------------------------------*/ /* line 311, sass/_project.scss */ .project_card { background: #ffffff; padding: 0.5em; } /* line 314, sass/_project.scss */ .project_card .project_card_thumb { display: block; position: relative; } /* line 317, sass/_project.scss */ .project_card .project_card_thumb img { display: block; width: 100%; } /* line 321, sass/_project.scss */ .project_card .project_card_thumb .sold-tag { font-size: 0.71429em; height: 60%; width: 30%; } @media (min-width: 1510px) { /* line 321, sass/_project.scss */ .project_card .project_card_thumb .sold-tag { font-size: 0.71429em; } } @media (min-width: 768px) and (max-width: 959px) { /* line 321, sass/_project.scss */ .project_card .project_card_thumb .sold-tag { font-size: 0.85714em; } } @media (max-width: 767px) { /* line 321, sass/_project.scss */ .project_card .project_card_thumb .sold-tag { font-size: 1.14286em; height: 50%; width: 25%; } } /* line 334, sass/_project.scss */ .project_card .project_card_description { background: #e6e7e8; padding: 1.42857em; } /* line 337, sass/_project.scss */ .project_card .project_card_description .project_title { color: #231f20; } /* line 340, sass/_project.scss */ .project_card .project_card_description h6 { margin: 0; } /* line 341, sass/_project.scss */ .project_card .project_card_description .project_intro_status { border-bottom: 1px solid #ab2c29; } /* line 343, sass/_project.scss */ .project_card .project_card_description .project_intro_status h4 { color: #ab2c29; margin-bottom: 0.35714em; } /* line 348, sass/_project.scss */ .project_card .project_card_description p { margin: 1.42857em 0 0.35714em; } /*-------------------------------------------------------------- 3.0 - project Archive --------------------------------------------------------------*/ /* line 360, sass/_project.scss */ .post-type-archive-project #page_header_wrapper .page_header_container, .tax-vehicle-make #page_header_wrapper .page_header_container, .tax-project-status #page_header_wrapper .page_header_container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: none; margin: 4.28571em auto 4.28571em; max-width: 1248px; width: 90%; min-width: 300px; } @media (min-width: 1510px) { /* line 360, sass/_project.scss */ .post-type-archive-project #page_header_wrapper .page_header_container, .tax-vehicle-make #page_header_wrapper .page_header_container, .tax-project-status #page_header_wrapper .page_header_container { margin: 5em auto 5em; } } @media (min-width: 768px) and (max-width: 959px) { /* line 360, sass/_project.scss */ .post-type-archive-project #page_header_wrapper .page_header_container, .tax-vehicle-make #page_header_wrapper .page_header_container, .tax-project-status #page_header_wrapper .page_header_container { margin: 3.57143em auto 3.57143em; } } @media (max-width: 767px) { /* line 360, sass/_project.scss */ .post-type-archive-project #page_header_wrapper .page_header_container, .tax-vehicle-make #page_header_wrapper .page_header_container, .tax-project-status #page_header_wrapper .page_header_container { margin: 2.14286em auto 2.14286em; text-align: center; } /* line 376, sass/_project.scss */ .post-type-archive-project #page_header_wrapper .page_header_container #project_intro_to, .tax-vehicle-make #page_header_wrapper .page_header_container #project_intro_to, .tax-project-status #page_header_wrapper .page_header_container #project_intro_to { margin-bottom: 0; } } /* line 380, sass/_project.scss */ .post-type-archive-project #page_header_wrapper .page_header_container h1, .tax-vehicle-make #page_header_wrapper .page_header_container h1, .tax-project-status #page_header_wrapper .page_header_container h1 { color: #ffffff; margin-bottom: 0; } /* line 384, sass/_project.scss */ .post-type-archive-project #page_header_wrapper .page_header_container #project_intro_to p, .tax-vehicle-make #page_header_wrapper .page_header_container #project_intro_to p, .tax-project-status #page_header_wrapper .page_header_container #project_intro_to p { color: #ffffff; margin-bottom: 0; } /* line 392, sass/_project.scss */ #project_sort_wrapper { background: #e6e7e8; overflow: visible; } /* line 395, sass/_project.scss */ #project_sort_wrapper ::-webkit-input-placeholder { color: #ab2c29; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } /* line 396, sass/_project.scss */ #project_sort_wrapper :-moz-placeholder { color: #ab2c29; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } /* line 397, sass/_project.scss */ #project_sort_wrapper ::-moz-placeholder { color: #ab2c29; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } /* line 398, sass/_project.scss */ #project_sort_wrapper :-ms-input-placeholder { color: #ab2c29; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } /* line 399, sass/_project.scss */ #project_sort_wrapper #project_sort_search { border: 1px solid #ab2c29; position: relative; } /* line 402, sass/_project.scss */ #project_sort_wrapper #project_sort_search .search-field { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: none 0; background: none; color: #ab2c29; height: 2.85714em; line-height: 2.85714em; margin: 0; padding: 0 0.85714em; width: 100%; } /* line 412, sass/_project.scss */ #project_sort_wrapper #project_sort_search .search-field:focus { background: #ffffff; } /* line 416, sass/_project.scss */ #project_sort_wrapper #project_sort_search .search-submit { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height: 2.85714em; position: absolute; width: 2.85714em; right: 0; top: 0; } /* line 424, sass/_project.scss */ #project_sort_wrapper #project_sort_search svg { fill: #ab2c29; height: 1.42857em; pointer-events: none; position: absolute; right: 0.71429em; top: 0.71429em; width: 1.42857em; } /* line 434, sass/_project.scss */ #project_sort_wrapper .project_sort { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ab2c29; color: #ab2c29; height: 2.85714em; line-height: 2.85714em; } /* line 440, sass/_project.scss */ #project_sort_wrapper .project_sort li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; display: block; height: 2.85714em; line-height: 2.85714em; padding: 0 0.85714em; position: relative; } /* line 447, sass/_project.scss */ #project_sort_wrapper .project_sort li a { display: block; } /* line 448, sass/_project.scss */ #project_sort_wrapper .project_sort li svg { height: 1.42857em; position: absolute; right: 0.71429em; top: 0.71429em; width: 1.42857em; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } /* line 456, sass/_project.scss */ #project_sort_wrapper .project_sort li .project_sort_options { background: #e6e7e8; border: 1px solid #ab2c29; border-top: 0; display: none; left: -1px; position: absolute; top: 2.64286em; width: 100%; z-index: 9; } /* line 466, sass/_project.scss */ #project_sort_wrapper .project_sort li .project_sort_options li { padding: 0; } /* line 468, sass/_project.scss */ #project_sort_wrapper .project_sort li .project_sort_options li a { display: block; padding: 0 0.85714em; } /* line 471, sass/_project.scss */ #project_sort_wrapper .project_sort li .project_sort_options li a:hover { background: #e6e7e8; } /* line 477, sass/_project.scss */ #project_sort_wrapper .project_sort li:hover .project_sort_options { display: block; } /* line 481, sass/_project.scss */ #project_sort_wrapper .project_sort:hover li { background: #ffffff; } /* line 486, sass/_project.scss */ #project_index_container .project_card { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: left; width: 33.3%; } @media (min-width: 768px) and (max-width: 959px) { /* line 486, sass/_project.scss */ #project_index_container .project_card { width: 49.9%; } } @media (max-width: 767px) { /* line 486, sass/_project.scss */ #project_index_container .project_card { width: 100%; } } /* line 499, sass/_project.scss */ .no-project-results { border: #ab2c29 1px solid; color: #ab2c29; margin-bottom: 5.71429em !important; margin-top: 5.71429em; padding: 4.28571em; text-align: center; } /* line 506, sass/_project.scss */ .no-project-results p { font-size: 1.25em; } /* PAGES --- */ /* * Brevity 2016 * Copyright 2016, Ben Gathard & Andrew Blackwell of Brevity * Author URI: http://seekbrevity.com/ * 02/16/2015 * * home.scss controls the look of the elements unique to the homepage template. * Page specific changes should be made in their oun .scss files. * */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - Home Feature 2.0 - Intro Section 3.0 - Inventory Section 4.0 - Blog Section --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 - Home Feature --------------------------------------------------------------*/ /* line 28, sass/_home.scss */ #home_feature_wrapper { padding: 0; position: relative; } /* line 31, sass/_home.scss */ #home_feature_wrapper #home_feature_container { max-width: none; width: 100%; } /* line 34, sass/_home.scss */ #home_feature_wrapper #home_feature_container .home_feature_slides { background-position: center center; background-size: cover; position: relative; } @media (max-width: 767px) { /* line 34, sass/_home.scss */ #home_feature_wrapper #home_feature_container .home_feature_slides { min-height: 28.57143em !important; } } /* line 39, sass/_home.scss */ #home_feature_wrapper #home_feature_container .home_feature_slides h1 { font-family: "TrasandinaUltra", sans-serif; margin: 0; text-transform: uppercase; } /* line 44, sass/_home.scss */ #home_feature_wrapper #home_feature_container .home_feature_slides h5 { margin: 0; } /* line 45, sass/_home.scss */ #home_feature_wrapper #home_feature_container .home_feature_slides .slide_content { margin-top: 5%; margin-left: 5%; position: relative; z-index: 9; font-size: 1.2em; } @media (min-width: 1510px) { /* line 45, sass/_home.scss */ #home_feature_wrapper #home_feature_container .home_feature_slides .slide_content { margin-left: 0; } } @media (max-width: 767px) { /* line 45, sass/_home.scss */ #home_feature_wrapper #home_feature_container .home_feature_slides .slide_content { font-size: .9em; margin: 2.14286em 5%; width: 90%; } } /* line 57, sass/_home.scss */ #home_feature_wrapper #home_feature_container .home_feature_slides .slide_content .button { font-size: .8em; } /* line 59, sass/_home.scss */ #home_feature_wrapper #home_feature_container .home_feature_slides .default_slide_content { margin-top: 10%; } /* line 61, sass/_home.scss */ #home_feature_wrapper #home_feature_container .home_feature_slides .default_slide_content p { font-family: "TrasandinaBook", sans-serif; } @media (max-width: 767px) { /* line 59, sass/_home.scss */ #home_feature_wrapper #home_feature_container .home_feature_slides .default_slide_content { margin: 5.71429em 5%; width: 80%; } } /* line 68, sass/_home.scss */ #home_feature_wrapper #home_feature_container .Light.home_feature_slides { color: #ffffff; position: relative; } /* line 100, sass/_global.scss */ #home_feature_wrapper #home_feature_container .Light.home_feature_slides:after { content: ""; background: #231f20; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; position: absolute; z-index: 1; } /* line 72, sass/_home.scss */ #home_feature_wrapper #home_feature_container .slick-dots { bottom: 1.42857em; list-style: none; margin: 0; padding: 0; position: absolute; right: 1.78571em; } /* line 79, sass/_home.scss */ #home_feature_wrapper #home_feature_container .slick-dots li { display: inline-block; margin-left: 0.71429em; } /* line 82, sass/_home.scss */ #home_feature_wrapper #home_feature_container .slick-dots li button { background: #ab2c29; -webkit-border-radius: 0.64286em; -moz-border-radius: 0.64286em; -ms-border-radius: 0.64286em; border-radius: 0.64286em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: #ab2c29 2px solid; height: 1.28571em; outline: none; padding: 0; text-indent: -9999px; width: 1.28571em; } /* line 93, sass/_home.scss */ #home_feature_wrapper #home_feature_container .slick-dots li.slick-active button { background: transparent; } /* line 97, sass/_home.scss */ #home_feature_wrapper #home_feature_container .home_feature_cta { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: #ab2c29; bottom: 0; color: #ffffff !important; float: left; font-family: "TrasandinaBook", sans-serif; font-size: 1.3em; left: 15%; position: absolute; padding: 0.71429em 3.57143em 0.71429em 4.28571em; right: 15%; text-align: center; width: 70%; z-index: 9; } /* line 112, sass/_home.scss */ #home_feature_wrapper #home_feature_container .home_feature_cta .angle { height: 60%; left: 1.42857em; top: 20%; z-index: -1; } /* line 117, sass/_home.scss */ #home_feature_wrapper #home_feature_container .home_feature_cta .angle.angle2 { left: 1.92857em; } /* line 118, sass/_home.scss */ #home_feature_wrapper #home_feature_container .home_feature_cta .angle.angle3 { left: 2.42857em; } @media (min-width: 768px) and (max-width: 959px) { /* line 97, sass/_home.scss */ #home_feature_wrapper #home_feature_container .home_feature_cta { bottom: auto; left: auto; position: relative; right: auto; width: 100%; } } @media (max-width: 767px) { /* line 97, sass/_home.scss */ #home_feature_wrapper #home_feature_container .home_feature_cta { bottom: auto; left: auto; position: relative; right: auto; width: 100%; } } /* line 134, sass/_home.scss */ #home_feature_wrapper #home_feature_container .home_feature_cta:after { background-image: url("images/svg/arrow-white-right.svg"); background-repeat: no-repeat; background-position: center center; background-size: 10px 20px; content: ""; display: block; height: 100%; position: absolute; right: 0.71429em; top: 0em; width: 1.42857em; -webkit-transition: right 0.1s linear 0s; -moz-transition: right 0.1s linear 0s; -ms-transition: right 0.1s linear 0s; transition: right 0.1s linear 0s; } /* line 148, sass/_home.scss */ #home_feature_wrapper #home_feature_container .home_feature_cta:hover { background: #962724; } /* line 152, sass/_home.scss */ #home_feature_wrapper #home_feature_container .slick-next { right: 0 !important; } /* line 153, sass/_home.scss */ #home_feature_wrapper #home_feature_container .slick-prev { left: 0 !important; } /*-------------------------------------------------------------- 2.0 - Intro Section --------------------------------------------------------------*/ /* line 160, sass/_home.scss */ #home_intro_wrapper { background-position: center center; background-size: cover; color: #ffffff; overflow: hidden; position: relative; } /* line 116, sass/_global.scss */ #home_intro_wrapper:after { content: ""; background-color: #231f20; background-image: url("images/dark_grunge.png"); opacity: 0.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; position: absolute; z-index: 1; } /* line 166, sass/_home.scss */ #home_intro_wrapper:before { background: url("images/black_grunge.jpg") #231f20; content: ""; display: block; height: 100%; position: absolute; right: -30%; -ms-transform: skewX(-20deg); /* IE 9 */ -webkit-transform: skewX(-20deg); /* Safari */ transform: skewX(-20deg); top: 0; width: 70%; z-index: 2; } @media (max-width: 767px) { /* line 166, sass/_home.scss */ #home_intro_wrapper:before { right: -20%; } } /* line 179, sass/_home.scss */ #home_intro_wrapper #home_intro_container { max-width: none; position: relative; width: 100%; z-index: 2; } /* line 184, sass/_home.scss */ #home_intro_wrapper #home_intro_container .home_intro_logo { left: 0; position: absolute; top: 50%; width: 25%; } @media (max-width: 767px) { /* line 184, sass/_home.scss */ #home_intro_wrapper #home_intro_container .home_intro_logo { display: none; } } /* line 190, sass/_home.scss */ #home_intro_wrapper #home_intro_container .home_intro_logo svg { height: auto; position: absolute; right: -11.42857em; top: -8.21429em; width: 22.85714em; } /* line 198, sass/_home.scss */ #home_intro_wrapper #home_intro_container #home_intro { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin: 10em 0; padding: 0 12% 0 8%; float: right; width: 50%; } @media (min-width: 1510px) { /* line 198, sass/_home.scss */ #home_intro_wrapper #home_intro_container #home_intro { margin: 10em 0; padding: 0 15% 0 10%; } } @media (min-width: 768px) and (max-width: 959px) { /* line 198, sass/_home.scss */ #home_intro_wrapper #home_intro_container #home_intro { padding: 0 8% 0 6%; } } @media (max-width: 767px) { /* line 198, sass/_home.scss */ #home_intro_wrapper #home_intro_container #home_intro { float: none; margin: 4.28571em auto; max-width: 32.14286em; padding: 0 10%; width: 100%; } } /* line 216, sass/_home.scss */ #home_intro_wrapper #home_intro_container #home_intro h2 { font-size: 3.42857em; margin-bottom: .25em; } @media (min-width: 768px) and (max-width: 959px) { /* line 216, sass/_home.scss */ #home_intro_wrapper #home_intro_container #home_intro h2 { font-size: 3em; } } /* line 221, sass/_home.scss */ #home_intro_wrapper #home_intro_container #home_intro p { font-size: 1.14286em; margin-bottom: 2em; } /* line 225, sass/_home.scss */ #home_intro_wrapper #home_intro_container #home_intro .button { display: inline-block; float: none; } /*-------------------------------------------------------------- 3.0 - Inventory Section --------------------------------------------------------------*/ /* line 237, sass/_home.scss */ #home_inventory_wrapper { background: #231f20; padding: 0; } /* line 240, sass/_home.scss */ #home_inventory_wrapper #home_inventory_container { width: 100%; max-width: none; } /* line 243, sass/_home.scss */ #home_inventory_wrapper #home_inventory_container #home_inventory_title { text-align: center; } /* line 245, sass/_home.scss */ #home_inventory_wrapper #home_inventory_container #home_inventory_title svg { display: inline-block; height: 5.71429em; margin: 65% 0 1.42857em; width: 5.71429em; } @media (max-width: 767px) { /* line 245, sass/_home.scss */ #home_inventory_wrapper #home_inventory_container #home_inventory_title svg { margin-top: 2.85714em; } } /* line 254, sass/_home.scss */ #home_inventory_wrapper #home_inventory_container #home_inventory_title h4 { text-transform: uppercase; } /* line 257, sass/_home.scss */ #home_inventory_wrapper #home_inventory_container #home_inventory_slider { background: #231f20; } @media (max-width: 767px) { /* line 257, sass/_home.scss */ #home_inventory_wrapper #home_inventory_container #home_inventory_slider { margin-bottom: 0; } } /* line 260, sass/_home.scss */ #home_inventory_wrapper #home_inventory_container #home_inventory_slider .project_card { background: #171717; } /* line 261, sass/_home.scss */ #home_inventory_wrapper #home_inventory_container #home_inventory_slider .slick-prev { display: none !important; } @media (max-width: 767px) { /* line 261, sass/_home.scss */ #home_inventory_wrapper #home_inventory_container #home_inventory_slider .slick-prev { display: block !important; top: 25% !important; } } /* line 268, sass/_home.scss */ #home_inventory_wrapper #home_inventory_container #home_inventory_slider .slick-next { right: auto; left: -0.71429em !important; top: 20% !important; } @media (max-width: 767px) { /* line 268, sass/_home.scss */ #home_inventory_wrapper #home_inventory_container #home_inventory_slider .slick-next { left: auto !important; right: 0 !important; top: 25% !important; } } /*-------------------------------------------------------------- 4.0 - Blog Section --------------------------------------------------------------*/ /* line 287, sass/_home.scss */ #home_ss_wrapper { background: #e6e7e8; padding: 0; position: relative; } /* line 291, sass/_home.scss */ #home_ss_wrapper:before { background-image: url("images/svg/logo-footer.svg"); background-position: 50% 40%; background-repeat: no-repeat; background-size: auto 40%; bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); right: 0; top: 0; width: 100%; z-index: 0; } @media (min-width: 768px) and (max-width: 959px) { /* line 291, sass/_home.scss */ #home_ss_wrapper:before { display: none; } } @media (max-width: 767px) { /* line 291, sass/_home.scss */ #home_ss_wrapper:before { display: none; } } /* line 310, sass/_home.scss */ #home_ss_wrapper .button { display: inline-block !important; float: none !important; } /* line 314, sass/_home.scss */ #home_ss_wrapper #home_ss { color: #231f20; margin: 4.28571em 0; position: relative; z-index: 1; } @media (min-width: 768px) and (max-width: 959px) { /* line 314, sass/_home.scss */ #home_ss_wrapper #home_ss { width: 45%; } } @media (max-width: 767px) { /* line 314, sass/_home.scss */ #home_ss_wrapper #home_ss { clear: both; float: none !important; margin: 4.28571em auto 0; max-width: 450px; } } /* line 326, sass/_home.scss */ #home_ss_wrapper #home_ss h2 { font-size: 3.28571em; margin-bottom: .35em; } @media (min-width: 768px) and (max-width: 959px) { /* line 326, sass/_home.scss */ #home_ss_wrapper #home_ss h2 { font-size: 2.85714em; } } @media (max-width: 767px) { /* line 326, sass/_home.scss */ #home_ss_wrapper #home_ss h2 { font-size: 2.28571em; } } /* line 332, sass/_home.scss */ #home_ss_wrapper #home_ss p { font-size: 1.14286em; margin-bottom: 2em; } /* line 337, sass/_home.scss */ #home_ss_wrapper #home_ss_blog { background: #ffffff; margin: 3.57143em 0 0.35714em; position: relative; z-index: 1; } @media (min-width: 768px) and (max-width: 959px) { /* line 337, sass/_home.scss */ #home_ss_wrapper #home_ss_blog { width: 45%; } } @media (max-width: 767px) { /* line 337, sass/_home.scss */ #home_ss_wrapper #home_ss_blog { clear: both; float: none !important; margin: 4.28571em auto 0.35714em; max-width: 450px; overflow: hidden; } } /* line 350, sass/_home.scss */ #home_ss_wrapper #home_ss_blog .home_ss_blog_content { padding: 1.42857em 1.42857em 2.14286em; } /* line 352, sass/_home.scss */ #home_ss_wrapper #home_ss_blog .home_ss_blog_content h2 { font-size: 1.5em; } /* line 354, sass/_home.scss */ #home_ss_wrapper #home_ss_blog .home_ss_blog_content h2 a { color: #231f20; } /* line 357, sass/_home.scss */ #home_ss_wrapper #home_ss_blog .home_ss_blog_content .meta a { color: #2b388f; } /* line 359, sass/_home.scss */ #home_ss_wrapper #home_ss_blog .home_ss_blog_content .meta a:hover { text-decoration: underline; } /* line 363, sass/_home.scss */ #home_ss_wrapper #home_ss_blog .button.red.blog_button { bottom: 30px; position: absolute; right: 100%; width: 70%; } /* line 368, sass/_home.scss */ #home_ss_wrapper #home_ss_blog .button.red.blog_button:after { left: 16.07143em; -webkit-transition: left 0.1s linear 0s; -moz-transition: left 0.1s linear 0s; -ms-transition: left 0.1s linear 0s; transition: left 0.1s linear 0s; } /* line 369, sass/_home.scss */ #home_ss_wrapper #home_ss_blog .button.red.blog_button:hover:after { left: 16.42857em; } @media (max-width: 767px) { /* line 363, sass/_home.scss */ #home_ss_wrapper #home_ss_blog .button.red.blog_button { background: #ab2c29; border-bottom: 0 none; bottom: auto; color: #ffffff !important; display: block; height: 3.57143em; line-height: 3.57143em; margin: 0; padding: 0; position: relative; right: auto; text-align: center; width: 100%; z-index: 2; } } /* * Brevity 2016 * Copyright 2016, Ben Gathard & Andrew Blackwell of Brevity * Author URI: http://seekbrevity.com/ * 02/16/2015 * * footer.css controls the look of the site-wide footer section. * Page specific changes should be made in their oun .scss files. * */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - Points of Interest --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 - Footer --------------------------------------------------------------*/ /* line 23, sass/_points.scss */ .cd-single-point { position: absolute; border-radius: 50%; z-index: 99; } @media (max-width: 767px) { /* line 23, sass/_points.scss */ .cd-single-point { display: none; } } /* line 29, sass/_points.scss */ .cd-single-point > a { position: relative; z-index: 2; display: block; width: 1.28571em; height: 1.28571em; border-radius: inherit; background: #ab2c29; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; } /* line 42, sass/_points.scss */ .Light .cd-single-point > a { background: #d96461; } /* line 46, sass/_points.scss */ .cd-img-replace { text-indent: -9999px; } /* line 47, sass/_points.scss */ .cd-single-point::after { /* this is used to create the pulse animation */ content: ''; position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; border-radius: inherit; background-color: transparent; -webkit-animation: cd-pulse 2s infinite; -moz-animation: cd-pulse 2s infinite; animation: cd-pulse 2s infinite; } /* .cd-single-point:nth-of-type(1) { bottom: 50%; left: 30%; } .cd-single-point:nth-of-type(2) { bottom: 65%; left: 55%; } .cd-single-point:nth-of-type(3) { bottom: 55%; right: 18%; } .cd-single-point:nth-of-type(4) { bottom: 18%; right: 28%; } */ /* line 80, sass/_points.scss */ .cd-single-point.is-open > a { background-color: #82211f; } /* line 84, sass/_points.scss */ .Light .cd-single-point.is-open > a { background-color: #c0312e; } /* line 89, sass/_points.scss */ .cd-single-point.is-open > a::after, .cd-single-point.is-open > a::before { -webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(135deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(135deg); -o-transform: translateX(-50%) translateY(-50%) rotate(135deg); transform: translateX(-50%) translateY(-50%) rotate(135deg); } /* line 96, sass/_points.scss */ .cd-single-point.is-open::after { /* remove pulse effect */ display: none; } /* line 100, sass/_points.scss */ .cd-single-point.is-open .cd-more-info { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s; } /* line 112, sass/_points.scss */ .cd-single-point.visited > a { background-color: #82211f; } /* line 116, sass/_points.scss */ .Light .cd-single-point.visited > a { background-color: #c0312e; } /* line 120, sass/_points.scss */ .cd-single-point.visited::after { /* pulse effect no more active on visited elements */ display: none; } @media only screen and (min-width: 600px) { /* line 125, sass/_points.scss */ .cd-single-point.is-open .cd-more-info.cd-left { right: 140%; } /* line 128, sass/_points.scss */ .cd-single-point.is-open .cd-more-info.cd-right { left: 140%; } /* line 131, sass/_points.scss */ .cd-single-point.is-open .cd-more-info.cd-top { bottom: 140%; } /* line 134, sass/_points.scss */ .cd-single-point.is-open .cd-more-info.cd-bottom { top: 140%; } } @-webkit-keyframes cd-pulse { 0% { -webkit-transform: scale(1); box-shadow: inset 0 0 1px 1px rgba(171, 44, 41, 0.8); } 50% { box-shadow: inset 0 0 1px 1px rgba(171, 44, 41, 0.8); } 100% { -webkit-transform: scale(1.8); box-shadow: inset 0 0 1px 1px rgba(171, 44, 41, 0); } } @-moz-keyframes cd-pulse { 0% { -moz-transform: scale(1); box-shadow: inset 0 0 1px 1px rgba(171, 44, 41, 0.8); } 50% { box-shadow: inset 0 0 1px 1px rgba(171, 44, 41, 0.8); } 100% { -moz-transform: scale(1.8); box-shadow: inset 0 0 1px 1px rgba(171, 44, 41, 0); } } @keyframes cd-pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); box-shadow: inset 0 0 1px 1px rgba(171, 44, 41, 0.8); } 50% { box-shadow: inset 0 0 1px 1px rgba(171, 44, 41, 0.8); } 100% { -webkit-transform: scale(1.8); -moz-transform: scale(1.8); -ms-transform: scale(1.8); -o-transform: scale(1.8); transform: scale(1.8); box-shadow: inset 0 0 1px 1px rgba(171, 44, 41, 0); } } @-webkit-keyframes cd-pulse { 0% { -webkit-transform: scale(1); box-shadow: inset 0 0 1px 1px rgba(171, 44, 41, 0.8); } 50% { box-shadow: inset 0 0 1px 1px rgba(171, 44, 41, 0.8); } 100% { -webkit-transform: scale(1.8); box-shadow: inset 0 0 1px 1px rgba(171, 44, 41, 0); } } @-moz-keyframes cd-pulse { 0% { -moz-transform: scale(1); box-shadow: inset 0 0 1px 1px rgba(171, 44, 41, 0.8); } 50% { box-shadow: inset 0 0 1px 1px rgba(171, 44, 41, 0.8); } 100% { -moz-transform: scale(1.8); box-shadow: inset 0 0 1px 1px rgba(171, 44, 41, 0); } } @keyframes cd-pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); box-shadow: inset 0 0 1px 1px rgba(171, 44, 41, 0.8); } 50% { box-shadow: inset 0 0 1px 1px rgba(171, 44, 41, 0.8); } 100% { -webkit-transform: scale(1.8); -moz-transform: scale(1.8); -ms-transform: scale(1.8); -o-transform: scale(1.8); transform: scale(1.8); box-shadow: inset 0 0 1px 1px rgba(171, 44, 41, 0); } } /* line 238, sass/_points.scss */ .cd-single-point .cd-more-info { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; text-align: left; line-height: 1.5; background-color: #231f20; padding: 2em 1em 1em; visibility: hidden; opacity: 0; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s, top 0.3s 0s, bottom 0.3s 0s, left 0.3s 0s, right 0.3s 0s; } /* line 262, sass/_points.scss */ .cd-single-point .cd-more-info h2 { font-size: 22px; font-size: 1.375rem; margin-bottom: .6em; } /* line 267, sass/_points.scss */ .cd-single-point .cd-more-info p { color: #758eb1; } /* line 273, sass/_points.scss */ .cd-more-info .arm { border-left: 1px solid #ab2c29; border-top: 1px solid #ab2c29; height: 5.71429em; left: 12.85714em; position: absolute; overflow: visible; top: -8.21429em; width: 0.71429em; -ms-transform: skewX(-20deg); /* IE 9 */ -webkit-transform: skewX(-20deg); /* Safari */ transform: skewX(-20deg); } /* line 283, sass/_points.scss */ .cd-more-info .arm .title { color: #ab2c29; left: 1.42857em; position: relative; -ms-transform: skewX(20deg); /* IE 9 */ -webkit-transform: skewX(20deg); /* Safari */ transform: skewX(20deg); top: -0.85714em; width: 14.28571em; } /* line 292, sass/_points.scss */ .cd-more-info.cd-left .arm { border: none; border-right: 1px solid #ab2c29; border-bottom: 1px solid #ab2c29; height: 2.85714em; left: 26.07143em; top: 3.21429em; width: 0.71429em; } /* line 301, sass/_points.scss */ .cd-more-info.cd-right .arm { border: none; border-left: 1px solid #ab2c29; border-bottom: 1px solid #ab2c29; height: 2.85714em; left: -3.57143em; top: 2.85714em; width: 0.71429em; -ms-transform: skewX(20deg); /* IE 9 */ -webkit-transform: skewX(20deg); /* Safari */ transform: skewX(20deg); } /* line 310, sass/_points.scss */ .cd-more-info.cd-right .arm .title { left: -210px; -ms-transform: skewX(-20deg); /* IE 9 */ -webkit-transform: skewX(-20deg); /* Safari */ transform: skewX(-20deg); text-align: right; } @media (min-width: 768px) and (max-width: 959px) { /* line 310, sass/_points.scss */ .cd-more-info.cd-right .arm .title { left: -180px; } } /* line 317, sass/_points.scss */ .cd-more-info.cd-top .arm { border: none; border-left: 1px solid #ab2c29; border-bottom: 1px solid #ab2c29; height: 2.85714em; left: 12.14286em; top: 13.92857em; width: 0.71429em; -ms-transform: skewX(20deg); /* IE 9 */ -webkit-transform: skewX(20deg); /* Safari */ transform: skewX(20deg); } /* line 326, sass/_points.scss */ .cd-more-info.cd-top .arm .title { -ms-transform: skewX(-20deg); /* IE 9 */ -webkit-transform: skewX(-20deg); /* Safari */ transform: skewX(-20deg); top: 2.14286em; } /* line 334, sass/_points.scss */ .Light .cd-more-info .arm { border-color: #ffffff !important; } /* line 336, sass/_points.scss */ .Light .cd-more-info .arm .title { color: #ffffff !important; } @media only screen and (min-width: 600px) { /* line 344, sass/_points.scss */ .cd-single-point .cd-more-info { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: absolute; width: 22.85714em; height: 11.42857em; padding: 1.5em; overflow-y: visible; line-height: 1.4; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } /* line 354, sass/_points.scss */ .cd-single-point .cd-more-info::before { display: block; } /* line 357, sass/_points.scss */ .cd-single-point .cd-more-info.cd-left, .cd-single-point .cd-more-info.cd-right { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } /* line 366, sass/_points.scss */ .cd-single-point .cd-more-info.cd-left::before, .cd-single-point .cd-more-info.cd-right::before { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } /* line 375, sass/_points.scss */ .cd-single-point .cd-more-info.cd-left { top: 25%; right: 160%; left: auto; } /* line 380, sass/_points.scss */ .cd-single-point .cd-more-info.cd-left::before { border-left-color: rgba(255, 255, 255, 0.95); left: 100%; } /* line 384, sass/_points.scss */ .cd-single-point .cd-more-info.cd-right { left: 160%; } /* line 387, sass/_points.scss */ .cd-single-point .cd-more-info.cd-right::before { border-right-color: rgba(255, 255, 255, 0.95); right: 100%; } /* line 391, sass/_points.scss */ .cd-single-point .cd-more-info.cd-top, .cd-single-point .cd-more-info.cd-bottom { left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /* line 400, sass/_points.scss */ .cd-single-point .cd-more-info.cd-top::before, .cd-single-point .cd-more-info.cd-bottom::before { left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } /* line 409, sass/_points.scss */ .cd-single-point .cd-more-info.cd-top { bottom: 160%; top: auto; } /* line 413, sass/_points.scss */ .cd-single-point .cd-more-info.cd-top::before { border-top-color: rgba(255, 255, 255, 0.95); top: 100%; } /* line 417, sass/_points.scss */ .cd-single-point .cd-more-info.cd-bottom { top: 160%; } /* line 420, sass/_points.scss */ .cd-single-point .cd-more-info.cd-bottom::before { border-bottom-color: rgba(255, 255, 255, 0.95); bottom: 100%; } /* line 424, sass/_points.scss */ .cd-single-point .cd-more-info h2 { border-bottom: #ab2c29 1px solid; color: #ffffff; font-size: 20px; font-size: 1.25rem; margin-bottom: 0; padding-bottom: .5em; } /* line 432, sass/_points.scss */ .cd-single-point .cd-more-info p { color: #ffffff; font-size: 14px; font-size: 0.875rem; } } /* close the interest point description - only on mobile */ /* line 440, sass/_points.scss */ .cd-close-info { background: #ab2c29; position: fixed; top: -16px; right: -16px; height: 36px; width: 36px; } /* line 448, sass/_points.scss */ .cd-close-info::after, .cd-close-info:before { content: ''; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg); background-color: #ffffff; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; } /* line 468, sass/_points.scss */ .cd-close-info::after { height: 2px; width: 16px; } /* line 472, sass/_points.scss */ .cd-close-info::before { height: 16px; width: 2px; } /* ElEMENTS --- */ /* * Brevity 2016 * Copyright 2016, Ben Gathard & Andrew Blackwell of Brevity * Author URI: http://seekbrevity.com/ * 02/16/2015 * * Forms.scss controls the look of the site-wide form elements. * Page specific changes should be made in their oun .scss files. * */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - General Forms Elements 2.0 - Gravity Forms --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 General Forms Elements --------------------------------------------------------------*/ /* line 22, sass/_forms.scss */ button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ *vertical-align: middle; /* Improves appearance and consistency in IE6/IE7 */ } /* line 31, sass/_forms.scss */ button, input[type="button"], input[type="reset"], input[type="submit"] { background: #ab2c29; border: 0 none; color: #ffffff; margin: 0; } /* line 57, sass/_forms.scss */ input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } /* line 61, sass/_forms.scss */ input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ -moz-box-sizing: content-box; box-sizing: content-box; } /* line 67, sass/_forms.scss */ input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } /* line 70, sass/_forms.scss */ button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } /* line 75, sass/_forms.scss */ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: none 0; border-bottom: 1px solid #ab2c29; color: #ab2c29; margin-bottom: 0.71429em; } /* line 87, sass/_forms.scss */ input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #ab2c29; } /* line 95, sass/_forms.scss */ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"] { padding: 3px; } /* line 102, sass/_forms.scss */ textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding-left: 3px; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 98%; } /*-------------------------------------------------------------- 2.0 - Gravity Forms --------------------------------------------------------------*/ /* line 116, sass/_forms.scss */ .gform_wrapper .gform_heading h3.gform_title { color: #ab2c29; font-family: "TrasandinaBook", sans-serif; font-size: 2.57143em; letter-spacing: 1px; } /* line 124, sass/_forms.scss */ .gform_wrapper .gform_body ::-webkit-input-placeholder { color: #929497; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } /* line 125, sass/_forms.scss */ .gform_wrapper .gform_body :-moz-placeholder { color: #929497; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } /* line 126, sass/_forms.scss */ .gform_wrapper .gform_body ::-moz-placeholder { color: #929497; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } /* line 127, sass/_forms.scss */ .gform_wrapper .gform_body :-ms-input-placeholder { color: #929497; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); } /* line 131, sass/_forms.scss */ .gform_confirmation_message { background: #f3f4f4 none repeat scroll 0 0; padding: 2.14286em; margin-bottom: 1.42857em; } /* line 135, sass/_forms.scss */ .gform_confirmation_message br { display: none; } /* line 136, sass/_forms.scss */ .gform_confirmation_message p { margin-bottom: 0; } /* * Brevity 2016 * Copyright 2016, Ben Gathard & Andrew Blackwell of Brevity * Author URI: http://seekbrevity.com/ * 02/16/2015 * * Search.scss controls the look of the site-wide content elements on pages and posts. * Page specific changes should be made in their oun .scss files. * */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - Pop Up 2.0 - Pop Up Content 2.1 - Search Form --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 - Pop Up --------------------------------------------------------------*/ /* Styles for dialog window */ /* line 27, sass/_search.scss */ #search-dialog { padding: 20px 30px; text-align: left; } /* line 32, sass/_search.scss */ .search-dialog-window .mfp-container .mfp-content, .mfp-container .mfp-content #search-dialog { bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; } /* line 42, sass/_search.scss */ .mfp-container .mfp-content #search-dialog { overflow: auto; right: -15px; } /* line 47, sass/_search.scss */ .mfp-bg.search-dialog-window { background: #ffffff; } /* line 51, sass/_search.scss */ .my-mfp-zoom-in.mfp-bg ~ #page, .search-dialog-window.mfp-bg ~ #page { -webkit-filter: blur(10px); -moz-filter: blur(10px); filter: blur(10px); } /** Fade-zoom animation for first dialog */ /* start state */ /* line 64, sass/_search.scss */ .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } /* animate in */ /* line 82, sass/_search.scss */ .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* animate out */ /* line 93, sass/_search.scss */ .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } /* Dark overlay, start state */ /* line 104, sass/_search.scss */ .my-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ /* line 112, sass/_search.scss */ .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ /* line 116, sass/_search.scss */ .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /** Fade-move animation for second dialog */ /* at start */ /* line 127, sass/_search.scss */ .my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg); -o-transform: translateY(-20px) perspective(600px) rotateX(10deg); transform: translateY(-20px) perspective(600px) rotateX(10deg); } /* animate in */ /* line 143, sass/_search.scss */ .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: translateY(0) perspective(600px) rotateX(0); -moz-transform: translateY(0) perspective(600px) rotateX(0); -ms-transform: translateY(0) perspective(600px) rotateX(0); -o-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0); } /* animate out */ /* line 153, sass/_search.scss */ .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity: 0; -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg); -o-transform: translateY(-10px) perspective(600px) rotateX(10deg); transform: translateY(-10px) perspective(600px) rotateX(10deg); } /* Dark overlay, start state */ /* line 164, sass/_search.scss */ .my-mfp-slide-bottom.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ /* line 173, sass/_search.scss */ .my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ /* line 177, sass/_search.scss */ .my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; } /*-------------------------------------------------------------- 2.0 - Pop Up Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- 2.1 - Search Form --------------------------------------------------------------*/ /* line 192, sass/_search.scss */ #search-dialog .mfp-close { background: #ab2c29; color: #ffffff; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); right: 0.57143em; } /* line 197, sass/_search.scss */ #search-dialog .mfp-close:hover { background: #962724; } /* line 201, sass/_search.scss */ #search-dialog .search-form { border-bottom: 1px solid #e6e7e8; margin: 2.85714em 0 4.28571em; position: relative; width: 100%; } /* line 206, sass/_search.scss */ #search-dialog .search-form .search-field { background: transparent; border: none 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 5.71429em; height: 1.2em; line-height: 1em; margin-bottom: .6em; width: 100%; } /* line 216, sass/_search.scss */ #search-dialog .search-form .search-submit { background: transparent; height: 5.71429em; position: absolute; right: 0; text-indent: -9999px; top: 0; width: 5.71429em; } /* line 225, sass/_search.scss */ #search-dialog .search-form svg { height: 5.71429em; pointer-events: none; position: absolute; right: 0; top: 0; width: 5.71429em; } /* line 232, sass/_search.scss */ #search-dialog .search-form svg path { fill: #ab2c29; } /* line 235, sass/_search.scss */ #search-dialog .popular-post-link { background: #f3f4f4; display: block; float: left; margin-bottom: 0.71429em; width: 100%; } /* line 241, sass/_search.scss */ #search-dialog .popular-post-link:hover { background: #e6e7e8; } /* line 242, sass/_search.scss */ #search-dialog .popular-post-link .popular-post-thumb, #search-dialog .popular-post-link .popular-post-icon { background: #ab2c29; float: left; position: relative; width: 20%; } /* line 248, sass/_search.scss */ #search-dialog .popular-post-link .popular-post-thumb img, #search-dialog .popular-post-link .popular-post-icon img { display: block; } /* line 250, sass/_search.scss */ #search-dialog .popular-post-link .popular-post-icon { padding-bottom: 20%; } /* line 252, sass/_search.scss */ #search-dialog .popular-post-link .popular-post-icon svg { left: 50%; position: absolute; top: 50%; width: 75%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* line 260, sass/_search.scss */ #search-dialog .popular-post-link .popular-post-content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: left; padding: 0.71429em 1.07143em 0 1.07143em; width: 79%; } /* * Brevity 2016 * Copyright 2016, Ben Gathard & Andrew Blackwell of Brevity * Author URI: http://seekbrevity.com/ * 2/16/2015 * * mobile_nav.scss controls all the styles for mobile navigation across all Brevity Themes. * Only edit this document to make mobile navigation changes. * Page specific changes should be made in their oun .scss files. * */ /* line 14, sass/_mobile_nav.scss */ .sidr { /* Default Settings */ display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; width: 260px; overflow-x: none; overflow-y: auto; /* Theme Settings */ font-family: "Source Sans Pro", sans-serif; font-size: 15px; background: #ab2c29; color: white; } /* line 15, ../../src/scss/sidr/_base.scss */ /* line 32, sass/_mobile_nav.scss */ .sidr .sidr-inner { padding: 0 0 15px; } /* line 18, ../../src/scss/sidr/_base.scss */ /* line 36, sass/_mobile_nav.scss */ .sidr .sidr-inner > p { margin-left: 15px; margin-right: 15px; } /* line 24, ../../src/scss/sidr/_base.scss */ /* line 41, sass/_mobile_nav.scss */ .sidr.right { left: auto; right: -260px; } /* line 29, ../../src/scss/sidr/_base.scss */ /* line 46, sass/_mobile_nav.scss */ .sidr.left { left: -260px; right: auto; } /* line 41, ../../src/scss/sidr/_base.scss */ /* line 51, sass/_mobile_nav.scss */ .sidr h1, .sidr h2, .sidr h3, .sidr h4, .sidr h5, .sidr h6 { font-size: 11px; font-weight: normal; padding: 0 15px; margin: 0 0 5px; color: white; line-height: 24px; } /* line 52, ../../src/scss/sidr/_base.scss */ /* line 60, sass/_mobile_nav.scss */ .sidr p { font-size: 13px; margin: 0 0 12px; } /* line 55, ../../src/scss/sidr/_base.scss */ /* line 65, sass/_mobile_nav.scss */ .sidr p a { color: rgba(255, 255, 255, 0.9); } /* line 60, ../../src/scss/sidr/_base.scss */ /* line 69, sass/_mobile_nav.scss */ .sidr > p { margin-left: 15px; margin-right: 15px; } /* line 65, ../../src/scss/sidr/_base.scss */ /* line 74, sass/_mobile_nav.scss */ .sidr ul { display: block; margin: 3.21429em 0; padding: 0; } /* line 72, ../../src/scss/sidr/_base.scss */ /* line 80, sass/_mobile_nav.scss */ .sidr ul li { display: block; margin: 0; line-height: 48px; } /* line 85, ../../src/scss/sidr/_base.scss */ /* line 86, sass/_mobile_nav.scss */ .sidr ul li:hover > a, .sidr ul li:hover > span, .sidr ul li.active > a, .sidr ul li.active > span, .sidr ul li.sidr-class-active > a, .sidr ul li.sidr-class-active > span { background: #82211f; } /* line 90, ../../src/scss/sidr/_base.scss */ /* line 90, sass/_mobile_nav.scss */ .sidr ul li a, .sidr ul li span { padding: 0 15px; display: block; text-decoration: none; color: white; } /* line 97, ../../src/scss/sidr/_base.scss */ /* line 97, sass/_mobile_nav.scss */ .sidr ul li ul { display: none; margin: 0; } /* line 102, sass/_mobile_nav.scss */ .sidr ul li:hover ul { display: block; } /* line 100, ../../src/scss/sidr/_base.scss */ /* line 107, sass/_mobile_nav.scss */ .sidr ul li ul li { line-height: 40px; font-size: 13px; } /* line 112, sass/_mobile_nav.scss */ .sidr ul li ul li a { border-left: 1px solid; margin: 0 0 0 20px; } /* line 119, ../../src/scss/sidr/_base.scss */ /* line 118, sass/_mobile_nav.scss */ .sidr ul li ul li a, .sidr ul li ul li span { color: rgba(255, 255, 255, 0.8); } /* line 128, ../../src/scss/sidr/_base.scss */ /* line 122, sass/_mobile_nav.scss */ .sidr form { margin: 0 15px; } /* line 132, ../../src/scss/sidr/_base.scss */ /* line 126, sass/_mobile_nav.scss */ .sidr label { font-size: 13px; } /* line 146, ../../src/scss/sidr/_base.scss */ /* line 130, sass/_mobile_nav.scss */ .sidr input[type="text"], .sidr input[type="password"], .sidr input[type="date"], .sidr input[type="datetime"], .sidr input[type="email"], .sidr input[type="number"], .sidr input[type="search"], .sidr input[type="tel"], .sidr input[type="time"], .sidr input[type="url"], .sidr textarea, .sidr select { width: 100%; font-size: 13px; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 0 10px; border: none; background: #231f20; color: rgba(255, 255, 255, 0.6); display: block; clear: both; } /* line 160, ../../src/scss/sidr/_base.scss */ /* line 155, sass/_mobile_nav.scss */ .sidr input[type=checkbox] { width: auto; display: inline; clear: none; } /* line 167, ../../src/scss/sidr/_base.scss */ /* line 161, sass/_mobile_nav.scss */ .sidr input[type=button], .sidr input[type=submit] { color: #333333; background: white; } /* line 171, ../../src/scss/sidr/_base.scss */ /* line 167, sass/_mobile_nav.scss */ .sidr input[type=button]:hover, .sidr input[type=submit]:hover { background: rgba(255, 255, 255, 0.9); } /* * Brevity 2016 * Copyright 2016, Ben Gathard & Andrew Blackwell of Brevity * Author URI: http://seekbrevity.com/ * 02/16/2015 * * popup.scss controls the look of the site-wide pop-up modal windows. * */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 - Primary style 2.0 - Custom Overwrites (By Brevity) --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 - Primary style --------------------------------------------------------------*/ /* Magnific Popup CSS */ /* line 24, sass/_popup.scss */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } /* line 36, sass/_popup.scss */ .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } /* line 46, sass/_popup.scss */ .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 58, sass/_popup.scss */ .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } /* line 64, sass/_popup.scss */ .mfp-align-top .mfp-container:before { display: none; } /* line 67, sass/_popup.scss */ .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } /* line 75, sass/_popup.scss */ .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } /* line 79, sass/_popup.scss */ .mfp-ajax-cur { cursor: progress; } /* line 82, sass/_popup.scss */ .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } /* line 87, sass/_popup.scss */ .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } /* line 93, sass/_popup.scss */ .mfp-auto-cursor .mfp-content { cursor: auto; } /* line 96, sass/_popup.scss */ .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } /* line 101, sass/_popup.scss */ .mfp-loading.mfp-figure { display: none; } /* line 104, sass/_popup.scss */ .mfp-hide { display: none !important; } /* line 107, sass/_popup.scss */ .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } /* line 117, sass/_popup.scss */ .mfp-preloader a { color: #CCC; } /* line 119, sass/_popup.scss */ .mfp-preloader a:hover { color: #FFF; } /* line 122, sass/_popup.scss */ .mfp-s-ready .mfp-preloader { display: none; } /* line 125, sass/_popup.scss */ .mfp-s-error .mfp-content { display: none; } /* line 128, sass/_popup.scss */ button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } /* line 140, sass/_popup.scss */ button::-moz-focus-inner { padding: 0; border: 0; } /* line 144, sass/_popup.scss */ .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } /* line 160, sass/_popup.scss */ .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } /* line 163, sass/_popup.scss */ .mfp-close:active { top: 1px; } /* line 166, sass/_popup.scss */ .mfp-close-btn-in .mfp-close { color: #333; } /* line 169, sass/_popup.scss */ .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } /* line 176, sass/_popup.scss */ .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } /* line 185, sass/_popup.scss */ .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } /* line 196, sass/_popup.scss */ .mfp-arrow:active { margin-top: -54px; } /* line 198, sass/_popup.scss */ .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } /* line 201, sass/_popup.scss */ .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } /* line 212, sass/_popup.scss */ .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } /* line 216, sass/_popup.scss */ .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } /* line 221, sass/_popup.scss */ .mfp-arrow-left { left: 0; } /* line 223, sass/_popup.scss */ .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } /* line 226, sass/_popup.scss */ .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } /* line 230, sass/_popup.scss */ .mfp-arrow-right { right: 0; } /* line 232, sass/_popup.scss */ .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } /* line 235, sass/_popup.scss */ .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } /* line 238, sass/_popup.scss */ .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } /* line 241, sass/_popup.scss */ .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } /* line 245, sass/_popup.scss */ .mfp-iframe-holder .mfp-close { top: -40px; } /* line 248, sass/_popup.scss */ .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } /* line 253, sass/_popup.scss */ .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ /* line 264, sass/_popup.scss */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ /* line 277, sass/_popup.scss */ .mfp-figure { line-height: 0; } /* line 279, sass/_popup.scss */ .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } /* line 292, sass/_popup.scss */ .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } /* line 297, sass/_popup.scss */ .mfp-figure figure { margin: 0; } /* line 300, sass/_popup.scss */ .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } /* line 308, sass/_popup.scss */ .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } /* line 315, sass/_popup.scss */ .mfp-image-holder .mfp-content { max-width: 100%; } /* line 318, sass/_popup.scss */ .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */ /* line 325, sass/_popup.scss */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } /* line 328, sass/_popup.scss */ .mfp-img-mobile img.mfp-img { padding: 0; } /* line 330, sass/_popup.scss */ .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } /* line 333, sass/_popup.scss */ .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } /* line 336, sass/_popup.scss */ .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* line 346, sass/_popup.scss */ .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } /* line 348, sass/_popup.scss */ .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } /* line 351, sass/_popup.scss */ .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { /* line 364, sass/_popup.scss */ .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } /* line 368, sass/_popup.scss */ .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } /* line 372, sass/_popup.scss */ .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } /* line 376, sass/_popup.scss */ .mfp-container { padding-left: 6px; padding-right: 6px; } } /* line 381, sass/_popup.scss */ .mfp-ie7 .mfp-img { padding: 0; } /* line 383, sass/_popup.scss */ .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } /* line 389, sass/_popup.scss */ .mfp-ie7 .mfp-container { padding: 0; } /* line 391, sass/_popup.scss */ .mfp-ie7 .mfp-content { padding-top: 44px; } /* line 393, sass/_popup.scss */ .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } /*-------------------------------------------------------------- 2.0 - Custom Overwrites (By Brevity) --------------------------------------------------------------*/ /* Slider */ /* line 3, sass/_slick.scss */ .slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } /* line 18, sass/_slick.scss */ .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } /* line 25, sass/_slick.scss */ .slick-list:focus { outline: none; } /* line 29, sass/_slick.scss */ .slick-list.dragging { cursor: pointer; cursor: hand; } /* line 34, sass/_slick.scss */ .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* line 43, sass/_slick.scss */ .slick-track { position: relative; left: 0; top: 0; display: block; } /* line 49, sass/_slick.scss */ .slick-track:before, .slick-track:after { content: ""; display: table; } /* line 55, sass/_slick.scss */ .slick-track:after { clear: both; } /* line 59, sass/_slick.scss */ .slick-loading .slick-track { visibility: hidden; } /* line 63, sass/_slick.scss */ .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } /* line 67, sass/_slick.scss */ [dir="rtl"] .slick-slide { float: right; } /* line 70, sass/_slick.scss */ .slick-slide img { display: block; } /* line 73, sass/_slick.scss */ .slick-slide.slick-loading img { display: none; } /* line 79, sass/_slick.scss */ .slick-slide.dragging img { pointer-events: none; } /* line 83, sass/_slick.scss */ .slick-initialized .slick-slide { display: block; } /* line 87, sass/_slick.scss */ .slick-loading .slick-slide { visibility: hidden; } /* line 91, sass/_slick.scss */ .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* * Brevity 2016 * Copyright 2016, Ben Gathard & Andrew Blackwell of Brevity * Author URI: http://seekbrevity.com/ * 2/16/2015 * * shortcode.scss controls all the styles for shortcode UI elements across all Brevity Themes. * Only edit this document to make GLOBAL (Site-wide) short code UI changes. * Page specific changes should be made in their oun .scss files. * */ /* #Shortcodes ================================================== */ /* line 17, sass/_shortcodes.scss */ .half { width: 48%; margin-right: 4%; float: left; } /* line 18, sass/_shortcodes.scss */ .halfend { width: 48%; margin-right: 0; float: left; } /* line 20, sass/_shortcodes.scss */ .onethird { width: 29%; margin-right: 5%; float: left; } /* line 21, sass/_shortcodes.scss */ .onethirdend { width: 29%; margin-right: 0; float: left; } /* line 23, sass/_shortcodes.scss */ .twothirds { width: 63%; margin-right: 5%; float: left; } /* line 24, sass/_shortcodes.scss */ .twothirdsend { width: 63%; margin-right: 0; float: left; } /* line 26, sass/_shortcodes.scss */ .onefourth { width: 22%; margin-right: 4%; float: left; } /* line 27, sass/_shortcodes.scss */ .onefourthend { width: 22%; margin-right: 0%; float: left; } /* line 29, sass/_shortcodes.scss */ .threefourths { width: 66%; margin-right: 4%; float: left; } /* line 30, sass/_shortcodes.scss */ .threefourthsend { width: 66%; margin-right: 0%; float: left; } /* #Media Queries ================================================== */ @media (min-width: 550px) { /* line 40, sass/_shortcodes.scss */ .half, .halfend, .onethird, .onethirdend, .twothirds, .twothirdsend, .onefourth, .onefourthend, .threefourths, .threefourthsend { width: 100%; margin-right: 0%; float: left; } }