/* line 4, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/bower_components/neat/app/assets/stylesheets/grid/_box-sizing.scss */ html { box-sizing: border-box; } /* line 9, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/bower_components/neat/app/assets/stylesheets/grid/_box-sizing.scss */ *, *::after, *::before { box-sizing: inherit; } /* * Maintain ratio mixin. Great for responsive grids, or videos. * "Crops" the element to the size of the container with overflow: hidden * https://gist.github.com/brianmcallister/2932463 * * $ratio - Ratio the element needs to maintain. * * Example: A 16:9 ratio would look like this: .element { @include maintain-ratio(16 9); } */ /* * Getter function for color palettes using SASS maps * Link: http://erskinedesign.com/blog/friendlier-colour-names-sass-maps/ * Usage: color: palette(brand,tan); */ /* * Emulate the way Adobe Illustrator allows percentages of defined global colors * @accepts: color as Hex, RGB or HSL. Percent as numeric * Optional: Background color for mixing function * @returns: hexidecimal color * Inspiration from http://thesassway.com/intermediate/mixins-for-semi-transparent-colors */ /* ========================================================================== Root Elements ========================================================================== */ /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ html { font-size: 16px; -webkit-font-smoothing: antialiased; } /* line 12, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ html, body { height: 100%; margin: 0; } /* ========================================================================== Basic Structure / Main Elements ========================================================================== */ /* line 23, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ img { display: block; height: auto; max-width: 100%; } /* ========================================================================== Fonts ========================================================================== */ @font-face { font-family: 'Geogrotesque-Reg'; src: url("../fonts/Geogrotesque-Regular.eot"); src: url("../fonts/Geogrotesque-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Geogrotesque-Regular.woff") format("woff"), url("../fonts/Geogrotesque-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Geogrotesque-Lt'; src: url("../fonts/Geogrotesque-Light.eot"); src: url("../fonts/Geogrotesque-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Geogrotesque-Light.woff") format("woff"), url("../fonts/Geogrotesque-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Geogrotesque-Bold'; src: url("../fonts/Geogrotesque-Bold.eot"); src: url("../fonts/Geogrotesque-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Geogrotesque-Bold.woff") format("woff"), url("../fonts/Geogrotesque-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Geogrotesque-Med'; src: url("../fonts/Geogrotesque-Medium.eot"); src: url("../fonts/Geogrotesque-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Geogrotesque-Medium.woff") format("woff"), url("../fonts/Geogrotesque-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: 'Geogrotesque-Semi'; src: url("../fonts/Geogrotesque-SemiBold.eot"); src: url("../fonts/Geogrotesque-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Geogrotesque-SemiBold.woff") format("woff"), url("../fonts/Geogrotesque-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; } @font-face { font-family: 'Proxima-Nova-Lt'; src: url("../fonts/ProximaNova-Light.eot"); src: url("../fonts/ProximaNova-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Light.woff") format("woff"), url("../fonts/ProximaNova-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Proxima-Nova-Reg'; src: url("../fonts/ProximaNova-Regular.eot"); src: url("../fonts/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Regular.woff") format("woff"), url("../fonts/ProximaNova-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Proxima-Nova-Bold'; src: url("../fonts/ProximaNova-Bold.eot"); src: url("../fonts/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Bold.woff") format("woff"), url("../fonts/ProximaNova-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Proxima-Nova-Semi'; src: url("../fonts/ProximaNova-Semibold.eot"); src: url("../fonts/ProximaNova-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Semibold.woff") format("woff"), url("../fonts/ProximaNova-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; } /* ========================================================================== Headings ========================================================================== */ /* line 131, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ h1, h2, h3, h4, h5, h6 { clear: both; margin-bottom: 0.5em; } /* line 141, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ h1 { color: #fff; font-family: "Geogrotesque-Semi", sans-serif; font-size: 3.125rem; margin: 0; } @media screen and (min-width: 760px) { /* line 141, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ h1 { font-size: 4.0625rem; } } @media screen and (min-width: 1060px) { /* line 141, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ h1 { font-size: 5.625rem; } } /* line 146, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ h2 { color: #fe001a; font-family: "Geogrotesque-Reg", sans-serif; font-size: 2.25rem; font-weight: 100; margin: 0 0 2rem 0; text-align: center; } @media screen and (min-width: 481px) { /* line 146, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ h2 { font-size: 3rem; } } /* line 150, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ h3 { color: #666; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.4375em; } /* line 156, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ h4 { color: #888; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.1875em; } /* line 162, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ h5 { font-size: 1.0625em; } /* line 166, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ h6 { font-size: 1em; } /* ========================================================================== Basic Typography Elements ========================================================================== */ /* line 175, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ body, button, select, textarea { color: #333; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1; line-height: 1.5; } /* line 185, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ input { color: #fff; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1; line-height: 1.5; } /* line 192, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ p, ul, ol, dl { margin: 0 0 1.5em 0; } /* line 199, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ a { -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; transition: all 250ms ease; } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ a, a:link, a:visited { color: #666; cursor: pointer; text-decoration: none; } /* line 218, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ hr { background-color: #888; border: 0; height: 1px; margin-bottom: 1.5em; } /* ========================================================================== Forms ========================================================================== */ /* line 229, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.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 */ } /* line 238, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; cursor: pointer; /* Improves usability and consistency of cursor style between image-type 't' and others */ -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ font-size: 1.2rem; line-height: 1; padding: 0.5em 1em 0.5em; } /* line 259, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } /* line 269, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border-color: #aaa #bbb #bbb; } /* line 283, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ input[type="checkbox"], input[type="radio"] { padding: 0; /* Addresses excess padding in IE8/9 */ } /* line 288, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ input[type="search"] { box-sizing: border-box; -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-box-sizing: border-box; /* If set to 'content-box', addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ -moz-box-sizing: border-box; } /* line 295, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } /* line 299, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.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 305, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { border: 1px solid #888; border-radius: 3px; width: 100%; height: 2em; line-height: 2em; padding: 0.25em 0.5em; } /* line 4, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/bower_components/bourbon/app/assets/stylesheets/css3/_placeholder.scss */ input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #888; } /* line 4, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/bower_components/bourbon/app/assets/stylesheets/css3/_placeholder.scss */ input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, textarea::-moz-placeholder { color: #888; } /* line 4, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/bower_components/bourbon/app/assets/stylesheets/css3/_placeholder.scss */ input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="search"]:-moz-placeholder, textarea:-moz-placeholder { color: #888; } /* line 4, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/bower_components/bourbon/app/assets/stylesheets/css3/_placeholder.scss */ input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #888; } /* line 322, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.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: 100%; } /* line 329, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ select { background-color: #fff; background-image: none; border: 1px solid #888; border-radius: 3px; color: #666; height: 2em; line-height: 2em; padding: 0.25em 0.5em; width: 100%; } /* line 341, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ fieldset { border: 1px solid #888; border-radius: 3px; margin-bottom: 1em; padding: 1em; } /* line 20, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/bower_components/bourbon/app/assets/stylesheets/addons/_clearfix.scss */ .form-group::after { clear: both; content: ""; display: table; } /* line 352, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ .input-item, .radio-group, .checkbox-group { margin-bottom: 1em; } /* line 360, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ .inline-input-form .input-item label { float: left; display: block; margin-right: 3.57866%; width: 9.36867%; } /* line 89, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/bower_components/neat/app/assets/stylesheets/grid/_span-columns.scss */ .inline-input-form .input-item label:last-child { margin-right: 0; } /* line 364, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ .inline-input-form .input-item input { float: left; display: block; margin-right: 3.57866%; width: 87.05267%; margin-right: 0; } /* line 89, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/bower_components/neat/app/assets/stylesheets/grid/_span-columns.scss */ .inline-input-form .input-item input:last-child { margin-right: 0; } /* line 369, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ .inline-input-form .description { margin-left: 12.94733%; } /* line 373, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ .inline-input-form .radio-item, .inline-input-form .checkbox-item { float: left; margin-right: 1em; } /* line 380, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_global.scss */ .form-allowed-tags { background: #888; border: 1px solid #888; padding: 1em; } /* line 1, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header-container { min-height: 90px; } /* line 5, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header { padding: 1rem 1rem 2rem 1rem; height: 58px; position: fixed; z-index: 1000; width: 100%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } @media screen and (min-width: 960px) { /* line 5, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header { padding: 1rem 4rem 0 4rem; } } /* line 17, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .fix-header .header { padding-top: 0rem; background: #fff; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in; -webkit-box-shadow: 0px 1px 5px 0px #666666; -moz-box-shadow: 0px 1px 5px 0px #666666; box-shadow: 0px 1px 5px 0px #666666; } /* line 26, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .search-on .header, .menu-on .header { background: #fe001a; -webkit-transition: all 0.55s ease-in; -moz-transition: all 0.55s ease-in; transition: all 0.55s ease-in; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* line 36, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header--branding { float: left; margin-top: 1.7rem; width: 75%; } @media screen and (min-width: 960px) { /* line 36, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header--branding { width: 43%; } } /* line 45, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header--branding h1 { color: #fff; font-family: "Geogrotesque-Bold", sans-serif; font-size: 1.9rem; line-height: 0.5; margin: 0; } /* line 52, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .fix-header .header--branding h1 { color: #fe001a; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } /* line 57, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .search-on .header--branding h1, .menu-on .header--branding h1 { color: #fff; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } /* line 65, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header--navigation { background: url("../img/trans.png"); height: 2rem; cursor: pointer; float: left; margin-top: 1.5rem; position: relative; width: 25%; } @media screen and (min-width: 960px) { /* line 65, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header--navigation { width: 13%; } } /* line 78, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header--navigation:hover { cursor: pointer; } /* line 83, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header--navigation--button { color: #fff; cursor: pointer; display: block; position: absolute; left: 0; right: 0; margin: auto; } @media screen and (min-width: 960px) { /* line 83, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header--navigation--button { width: 37px; } } /* line 94, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .fix-header .header--navigation--button { color: #979797; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } /* line 98, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .menu-on .header--navigation--button { color: #fff; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } /* line 103, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .search-on .header--navigation--button { cursor: default; opacity: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } /* line 109, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header--navigation--button:before { content: ''; display: inline-block; height: 100%; margin-right: -0.25em; /* Adjusts for spacing */ vertical-align: middle; } /* line 117, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header--navigation--button:hover, .header--navigation--button:active { background-color: transparent; } /* line 123, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header--navigation--hamburger, .header--navigation--hamburger:before, .header--navigation--hamburger:after { background-color: white; display: block; height: 1px; position: absolute; top: 0.85em; right: 0; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; width: 2.3em; } /* line 138, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .fix-header .header--navigation--hamburger, .fix-header .header--navigation--hamburger:before, .fix-header .header--navigation--hamburger:after { background-color: #979797; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } /* line 143, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .menu-on .header--navigation--hamburger, .menu-on .header--navigation--hamburger:before, .menu-on .header--navigation--hamburger:after { background-color: rgba(255, 255, 255, 0); width: 0%; } /* line 150, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header--navigation--hamburger { margin: auto; top: 0; bottom: 0; } /* line 157, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header--navigation--hamburger:before { content: ''; top: -0.6em; } /* line 161, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .menu-on .header--navigation--hamburger:before { background-color: white; top: 0.15em; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); width: 2.3em; } /* line 172, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header--navigation--hamburger:after { content: ''; top: 0.6em; } /* line 176, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .menu-on .header--navigation--hamburger:after { background-color: white; top: 0.15em; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); width: 2.3em; } /* line 188, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header--quick-links { display: none; } @media screen and (min-width: 960px) { /* line 188, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header--quick-links { display: block; float: right; width: 43%; } /* line 196, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header--quick-links ul { float: left; list-style: none; margin-top: 1.3rem; padding: 0; text-align: center; width: 90%; } /* line 204, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .menu-on .header--quick-links ul, .search-on .header--quick-links ul { cursor: default; opacity: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } /* line 212, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header--quick-links li { color: #fff; display: inline-block; font-family: "Geogrotesque-Semi", sans-serif; font-size: 0.9375rem; line-height: 0; margin: 0 1.25rem; vertical-align: middle; } } @media screen and (min-width: 960px) and (max-width: 1250px) { /* line 212, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header--quick-links li { margin: 0 0.25rem; } } @media screen and (min-width: 960px) { /* line 225, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .fix-header .header--quick-links li { color: #979797; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } /* line 230, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .menu-on .header--quick-links li { color: #fff; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .header--quick-links li a, .header--quick-links li a:link, .header--quick-links li a:visited { color: #fff; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; display: inline-block; font-family: "Geogrotesque-Semi", sans-serif; font-size: 0.9375rem !important; line-height: 1; } } @media screen and (min-width: 960px) and (min-width: 481px) and (max-width: 599px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .header--quick-links li a, .header--quick-links li a:link, .header--quick-links li a:visited { font-size: 1.1875rem; } } @media screen and (min-width: 960px) and (min-width: 600px) and (max-width: 759px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .header--quick-links li a, .header--quick-links li a:link, .header--quick-links li a:visited { font-size: 1.25rem; } } @media screen and (min-width: 960px) and (min-width: 760px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .header--quick-links li a, .header--quick-links li a:link, .header--quick-links li a:visited { font-size: 1.3125rem; } } @media screen and (min-width: 960px) { /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .header--quick-links li a:before, .header--quick-links li a:link:before, .header--quick-links li a:visited:before { background-color: #fff; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .header--quick-links li a:hover, .header--quick-links li a:visited:hover, .header--quick-links li a:focus, .header--quick-links li a:active { color: #fff; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; font-family: "Geogrotesque-Semi", sans-serif; font-size: 0.9375rem; } } @media screen and (min-width: 960px) and (min-width: 481px) and (max-width: 599px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .header--quick-links li a:hover, .header--quick-links li a:visited:hover, .header--quick-links li a:focus, .header--quick-links li a:active { font-size: 1.1875rem; } } @media screen and (min-width: 960px) and (min-width: 600px) and (max-width: 759px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .header--quick-links li a:hover, .header--quick-links li a:visited:hover, .header--quick-links li a:focus, .header--quick-links li a:active { font-size: 1.25rem; } } @media screen and (min-width: 960px) and (min-width: 760px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .header--quick-links li a:hover, .header--quick-links li a:visited:hover, .header--quick-links li a:focus, .header--quick-links li a:active { font-size: 1.3125rem; } } @media screen and (min-width: 960px) { /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .header--quick-links li a:hover:before, .header--quick-links li a:visited:hover:before, .header--quick-links li a:focus:before, .header--quick-links li a:active:before { background-color: #fff; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } /* line 144, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .header--quick-links li a:hover:before, .header--quick-links li a:visited:hover:before, .header--quick-links li a:focus:before, .header--quick-links li a:active:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .fix-header .header--quick-links li a, .fix-header .header--quick-links li a:link, .fix-header .header--quick-links li a:visited { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; font-family: "Geogrotesque-Semi", sans-serif; font-size: 0.9375rem !important; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } } @media screen and (min-width: 960px) and (min-width: 481px) and (max-width: 599px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .fix-header .header--quick-links li a, .fix-header .header--quick-links li a:link, .fix-header .header--quick-links li a:visited { font-size: 1.1875rem; } } @media screen and (min-width: 960px) and (min-width: 600px) and (max-width: 759px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .fix-header .header--quick-links li a, .fix-header .header--quick-links li a:link, .fix-header .header--quick-links li a:visited { font-size: 1.25rem; } } @media screen and (min-width: 960px) and (min-width: 760px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .fix-header .header--quick-links li a, .fix-header .header--quick-links li a:link, .fix-header .header--quick-links li a:visited { font-size: 1.3125rem; } } @media screen and (min-width: 960px) { /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .fix-header .header--quick-links li a:before, .fix-header .header--quick-links li a:link:before, .fix-header .header--quick-links li a:visited:before { background-color: #979797; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .fix-header .header--quick-links li a:hover, .fix-header .header--quick-links li a:visited:hover, .fix-header .header--quick-links li a:focus, .fix-header .header--quick-links li a:active { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; font-family: "Geogrotesque-Semi", sans-serif; font-size: 0.9375rem; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } } @media screen and (min-width: 960px) and (min-width: 481px) and (max-width: 599px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .fix-header .header--quick-links li a:hover, .fix-header .header--quick-links li a:visited:hover, .fix-header .header--quick-links li a:focus, .fix-header .header--quick-links li a:active { font-size: 1.1875rem; } } @media screen and (min-width: 960px) and (min-width: 600px) and (max-width: 759px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .fix-header .header--quick-links li a:hover, .fix-header .header--quick-links li a:visited:hover, .fix-header .header--quick-links li a:focus, .fix-header .header--quick-links li a:active { font-size: 1.25rem; } } @media screen and (min-width: 960px) and (min-width: 760px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .fix-header .header--quick-links li a:hover, .fix-header .header--quick-links li a:visited:hover, .fix-header .header--quick-links li a:focus, .fix-header .header--quick-links li a:active { font-size: 1.3125rem; } } @media screen and (min-width: 960px) { /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .fix-header .header--quick-links li a:hover:before, .fix-header .header--quick-links li a:visited:hover:before, .fix-header .header--quick-links li a:focus:before, .fix-header .header--quick-links li a:active:before { background-color: #979797; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } /* line 144, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .fix-header .header--quick-links li a:hover:before, .fix-header .header--quick-links li a:visited:hover:before, .fix-header .header--quick-links li a:focus:before, .fix-header .header--quick-links li a:active:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } /* line 270, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header--quick-links li:first-child { margin: 0 1.25rem 0 0; } } @media screen and (min-width: 960px) and (max-width: 1250px) { /* line 270, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header--quick-links li:first-child { margin: 0 0.25rem 0 0; } } /* line 280, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header--quick-links a.search { display: inline-block; margin-top: 1.4rem; width: 1.4375rem; } /* line 285, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .menu-on .header--quick-links a.search { cursor: default; opacity: 0; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } /* line 293, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header .ico-mglass { position: relative; display: inline-block; background: transparent; border-radius: 30px; height: 15px; width: 15px; border: 1px solid #fff; } /* line 301, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .fix-header .header .ico-mglass { border-color: #979797; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } /* line 306, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .search-on .header .ico-mglass { border-radius: 0; border-bottom: 1px solid #fff; left: -9px; width: 30px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; border-top: 0; border-left: 0; border-right: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); } /* line 319, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .fix-header .search-on .header .ico-mglass { border-bottom: 1px solid #fff; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } /* line 325, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .header .ico-mglass:after { content: ""; height: 1px; width: 11px; background: #fff; position: absolute; top: 15px; left: 9px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } /* line 337, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .fix-header .header .ico-mglass:after { background: #979797; -webkit-transition: all 0.35s ease-in; -moz-transition: all 0.35s ease-in; transition: all 0.35s ease-in; } /* line 341, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .fix-header.search-on .header .ico-mglass:after { background: #fff; } /* line 345, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_header.scss */ .search-on .header .ico-mglass:after { left: 0; width: 30px; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); } /* line 3, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--fold { background-image: url("/img/home/home.jpg"); background-position: center; background-size: cover; height: 23rem; overflow: hidden; position: relative; } @media screen and (min-width: 760px) { /* line 3, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--fold { background-color: rgba(32, 32, 32, 0.2); background-image: none; height: 100vh; } } /* line 17, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--video { background-image: url("/img/home/home.jpg"); background-position: center; background-size: cover; display: none; height: auto; min-height: 100%; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); width: auto; z-index: -100; } @media screen and (min-width: 760px) { /* line 17, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--video { display: block; } } /* line 38, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--hero-text { margin: auto; position: absolute; top: 0; bottom: 0; right: 0; left: 0; height: 75px; } @media screen and (min-width: 760px) { /* line 38, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--hero-text { height: 225px; } } /* line 51, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--hero-text h1 { color: #fff; font-family: "Geogrotesque-Semi", sans-serif; font-size: 3.125rem; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; margin: 0; text-align: center; } @media screen and (min-width: 760px) { /* line 51, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--hero-text h1 { font-size: 4.0625rem; } } @media screen and (min-width: 1060px) { /* line 51, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--hero-text h1 { font-size: 5.625rem; } } /* line 58, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--hero-text p { display: none; color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; margin: 0; padding: 0 1rem; text-align: center; text-align: center; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 58, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--hero-text p { font-size: 1.5625rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 58, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--hero-text p { font-size: 1.625rem; } } @media screen and (min-width: 760px) { /* line 58, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--hero-text p { color: #fff; font-size: 1.75rem; } } @media screen and (min-width: 960px) { /* line 58, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--hero-text p { font-size: 1.875rem; } } @media screen and (min-width: 760px) { /* line 58, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--hero-text p { display: block; } } /* line 71, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--quick-links { display: none; margin: auto; position: absolute; top: 50%; bottom: 0; right: 0; left: 0; height: 28px; width: 90%; } @media screen and (min-width: 760px) { /* line 71, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--quick-links { display: block; } } /* line 86, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--quick-links ul { padding: 0; } /* line 90, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--quick-links li { display: inline-block; list-style-type: none; margin: 0 6.25%; width: 20%; text-align: center; } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--quick-links a, .home--quick-links a:link, .home--quick-links a:visited { color: #fff; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--quick-links a, .home--quick-links a:link, .home--quick-links a:visited { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--quick-links a, .home--quick-links a:link, .home--quick-links a:visited { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--quick-links a, .home--quick-links a:link, .home--quick-links a:visited { font-size: 1.3125rem; } } /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--quick-links a:before, .home--quick-links a:link:before, .home--quick-links a:visited:before { background-color: #fff; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--quick-links a:hover, .home--quick-links a:visited:hover, .home--quick-links a:focus, .home--quick-links a:active { color: #fff; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--quick-links a:hover, .home--quick-links a:visited:hover, .home--quick-links a:focus, .home--quick-links a:active { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--quick-links a:hover, .home--quick-links a:visited:hover, .home--quick-links a:focus, .home--quick-links a:active { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--quick-links a:hover, .home--quick-links a:visited:hover, .home--quick-links a:focus, .home--quick-links a:active { font-size: 1.3125rem; } } /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--quick-links a:hover:before, .home--quick-links a:visited:hover:before, .home--quick-links a:focus:before, .home--quick-links a:active:before { background-color: #fff; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } /* line 144, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--quick-links a:hover:before, .home--quick-links a:visited:hover:before, .home--quick-links a:focus:before, .home--quick-links a:active:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } /* line 109, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--section-arrow { display: none; } @media screen and (min-width: 760px) { /* line 109, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--section-arrow { display: block; } } /* line 116, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--section-arrow--arrow { background: url("/img/trans.png"); display: block; content: ''; cursor: pointer; width: 2rem; height: 2rem; margin: auto; position: absolute; bottom: 2rem; right: 0; left: -0.5rem; border-bottom: solid 1px #fff; border-right: solid 1px #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); } /* line 137, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--page-excerpt { clear: both; max-width: 75rem; margin: auto; padding: 6rem 0 0 0; padding-left: 1rem; padding-right: 1rem; } @media screen and (min-width: 760px) { /* line 137, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--page-excerpt { display: none; } } /* line 146, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--page-excerpt p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; margin-bottom: 0; text-align: center; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 146, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--page-excerpt p { font-size: 1.5625rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 146, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--page-excerpt p { font-size: 1.625rem; } } @media screen and (min-width: 760px) { /* line 146, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--page-excerpt p { color: #fff; font-size: 1.75rem; } } @media screen and (min-width: 960px) { /* line 146, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--page-excerpt p { font-size: 1.875rem; } } /* line 153, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--recent-highlights { clear: both; max-width: 75rem; margin: auto; padding: 6rem 0 0 0; } /* line 159, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--story-card--image { overflow: hidden; } @media screen and (max-width: 960px) { /* line 159, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--story-card--image { position: relative; } /* line 47, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--story-card--image:before { display: block; content: ""; width: 100%; padding-top: 56.25%; } /* line 53, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--story-card--image > .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* line 165, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--story-card--image .content { min-height: 100%; min-width: 100%; } } /* line 171, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--story-card--image:after { background: #fff; content: ''; position: absolute; bottom: 0; left: 0; height: 2rem; width: 15rem; } @media screen and (min-width: 960px) { /* line 171, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--story-card--image:after { display: none; } } /* line 186, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--story-card--info { padding: 1rem; } /* line 189, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--story-card--info span { color: #fe001a; font-family: "Geogrotesque-Reg", sans-serif; font-size: 0.875em; } /* line 193, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--story-card--info h3 { color: #202020; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.25rem; margin-top: 0.25rem; position: relative; } @media screen and (min-width: 600px) { /* line 193, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--story-card--info h3 { font-size: 1.3125rem; } } /* line 197, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--story-card--info h3:before { background-color: #202020; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } /* line 215, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--story-card:hover h3:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } @media screen and (min-width: 960px) { /* line 157, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--story-card { clear: both; float: left; position: relative; width: 75%; } /* line 229, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--story-card--info { background: #fff; padding: 1rem; position: absolute; top: 0; right: 0; width: 21.875rem; } /* line 237, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--story-card--info span { color: #fe001a; font-family: "Geogrotesque-Reg", sans-serif; font-size: 0.875em; } /* line 241, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--story-card--info h3 { color: #202020; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.25rem; margin-top: 0.25rem; line-height: 1.4; } } @media screen and (min-width: 960px) and (min-width: 600px) { /* line 241, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--story-card--info h3 { font-size: 1.3125rem; } } @media screen and (min-width: 960px) { /* line 245, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--story-card--info h3:before { bottom: -3px; } /* line 250, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--story-card--info p { margin-bottom: 0; } /* line 255, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--story-card__2 { float: left; width: 35%; } /* line 259, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--story-card__2 img { width: 100%; } /* line 263, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--story-card__2--info { position: relative; top: auto; right: auto; } /* line 270, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--story-card__3 { clear: none; float: right; width: 50%; } /* line 275, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--story-card__3 img { width: 100%; } /* line 279, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--story-card__3--info { top: auto; bottom: 0; } } /* line 287, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--industries-we-serve, .home--travel { clear: both; max-width: 75rem; margin: auto; padding: 6rem 0 0 0; clear: both; } /* line 292, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--industries-we-serve--tabs, .home--travel--tabs { margin: auto; padding: 0; max-width: 500px; width: 70%; } /* line 298, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--industries-we-serve--tabs li, .home--travel--tabs li { float: left; list-style: none; margin-bottom: 3rem; text-align: left; width: 50%; } /* line 305, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--industries-we-serve--tabs li:last-child, .home--travel--tabs li:last-child { text-align: right; } /* line 311, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--industries-we-serve--excerpt, .home--travel--excerpt { clear: both; margin: auto; max-width: 800px; overflow-x: hidden; overflow-y: visible; padding: 0 1rem; position: relative; text-align: center; } /* line 321, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--industries-we-serve--excerpt > div, .home--travel--excerpt > div { opacity: 0; position: absolute; top: 0; z-index: -99; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } /* line 325, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--industries-we-serve--excerpt > div:first-child, .home--travel--excerpt > div:first-child { left: -10000px; } /* line 328, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--industries-we-serve--excerpt > div:last-child, .home--travel--excerpt > div:last-child { right: -10000px; } /* line 334, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--industries-we-serve--excerpt > div.active, .home--travel--excerpt > div.active { opacity: 1; position: relative; top: auto; z-index: 1; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } /* line 338, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--industries-we-serve--excerpt > div.active:first-child, .home--travel--excerpt > div.active:first-child { left: 0; } /* line 341, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--industries-we-serve--excerpt > div.active:last-child, .home--travel--excerpt > div.active:last-child { right: 0; } /* line 348, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--industries-we-serve--excerpt p, .home--travel--excerpt p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; font-size: 1.5rem; margin-bottom: 0; padding-bottom: 4rem; } /* line 354, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--industries-we-serve--excerpt a, .home--travel--excerpt a { display: inline-block; } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--industries-we-serve--excerpt a, .home--industries-we-serve--excerpt a:link, .home--industries-we-serve--excerpt a:visited, .home--travel--excerpt a, .home--travel--excerpt a:link, .home--travel--excerpt a:visited { border: solid 2px #979797; color: #979797; font-family: "Geogrotesque-Semi", sans-serif; font-size: 0.875rem; padding: 1rem 2rem; text-transform: uppercase; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--industries-we-serve--excerpt a:hover, .home--industries-we-serve--excerpt a:visited:hover, .home--industries-we-serve--excerpt a:focus, .home--industries-we-serve--excerpt a:active, .home--travel--excerpt a:hover, .home--travel--excerpt a:visited:hover, .home--travel--excerpt a:focus, .home--travel--excerpt a:active { border: solid 2px #979797; color: #979797; font-family: "Geogrotesque-Semi", sans-serif; font-size: 0.875rem; padding: 1rem 2rem; text-transform: uppercase; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; color: #fff; background: #979797; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--industries-we-serve--tabs a, .home--industries-we-serve--tabs a:link, .home--industries-we-serve--tabs a:visited { color: #202020; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--industries-we-serve--tabs a, .home--industries-we-serve--tabs a:link, .home--industries-we-serve--tabs a:visited { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--industries-we-serve--tabs a, .home--industries-we-serve--tabs a:link, .home--industries-we-serve--tabs a:visited { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--industries-we-serve--tabs a, .home--industries-we-serve--tabs a:link, .home--industries-we-serve--tabs a:visited { font-size: 1.3125rem; } } /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--industries-we-serve--tabs a:before, .home--industries-we-serve--tabs a:link:before, .home--industries-we-serve--tabs a:visited:before { background-color: #202020; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--industries-we-serve--tabs a:hover, .home--industries-we-serve--tabs a:visited:hover, .home--industries-we-serve--tabs a:focus, .home--industries-we-serve--tabs a:active { color: #202020; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--industries-we-serve--tabs a:hover, .home--industries-we-serve--tabs a:visited:hover, .home--industries-we-serve--tabs a:focus, .home--industries-we-serve--tabs a:active { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--industries-we-serve--tabs a:hover, .home--industries-we-serve--tabs a:visited:hover, .home--industries-we-serve--tabs a:focus, .home--industries-we-serve--tabs a:active { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--industries-we-serve--tabs a:hover, .home--industries-we-serve--tabs a:visited:hover, .home--industries-we-serve--tabs a:focus, .home--industries-we-serve--tabs a:active { font-size: 1.3125rem; } } /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--industries-we-serve--tabs a:hover:before, .home--industries-we-serve--tabs a:visited:hover:before, .home--industries-we-serve--tabs a:focus:before, .home--industries-we-serve--tabs a:active:before { background-color: #202020; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } /* line 144, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--industries-we-serve--tabs a:hover:before, .home--industries-we-serve--tabs a:visited:hover:before, .home--industries-we-serve--tabs a:focus:before, .home--industries-we-serve--tabs a:active:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } /* line 378, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--industries-we-serve--tabs a.active { color: #202020; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; cursor: default; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 378, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--industries-we-serve--tabs a.active { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 378, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--industries-we-serve--tabs a.active { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 378, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--industries-we-serve--tabs a.active { font-size: 1.3125rem; } } /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--industries-we-serve--tabs a.active:before { background-color: #202020; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } /* line 156, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--industries-we-serve--tabs a.active:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } /* line 384, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--travel { padding-bottom: 6rem !important; } /* line 387, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--travel h1 { margin-bottom: 2rem; } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--travel--tabs a, .home--travel--tabs a:link, .home--travel--tabs a:visited { color: #fff; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--travel--tabs a, .home--travel--tabs a:link, .home--travel--tabs a:visited { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--travel--tabs a, .home--travel--tabs a:link, .home--travel--tabs a:visited { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--travel--tabs a, .home--travel--tabs a:link, .home--travel--tabs a:visited { font-size: 1.3125rem; } } /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--travel--tabs a:before, .home--travel--tabs a:link:before, .home--travel--tabs a:visited:before { background-color: #fff; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--travel--tabs a:hover, .home--travel--tabs a:visited:hover, .home--travel--tabs a:focus, .home--travel--tabs a:active { color: #fff; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--travel--tabs a:hover, .home--travel--tabs a:visited:hover, .home--travel--tabs a:focus, .home--travel--tabs a:active { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--travel--tabs a:hover, .home--travel--tabs a:visited:hover, .home--travel--tabs a:focus, .home--travel--tabs a:active { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--travel--tabs a:hover, .home--travel--tabs a:visited:hover, .home--travel--tabs a:focus, .home--travel--tabs a:active { font-size: 1.3125rem; } } /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--travel--tabs a:hover:before, .home--travel--tabs a:visited:hover:before, .home--travel--tabs a:focus:before, .home--travel--tabs a:active:before { background-color: #fff; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } /* line 144, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--travel--tabs a:hover:before, .home--travel--tabs a:visited:hover:before, .home--travel--tabs a:focus:before, .home--travel--tabs a:active:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } /* line 400, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--travel--tabs a.active { color: #fff; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; cursor: default; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 400, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--travel--tabs a.active { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 400, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--travel--tabs a.active { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 400, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--travel--tabs a.active { font-size: 1.3125rem; } } /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--travel--tabs a.active:before { background-color: #fff; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } /* line 156, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--travel--tabs a.active:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } /* line 406, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--travel--excerpt p { color: #fff; } /* line 410, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--travel--excerpt a { display: inline-block; } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--travel--excerpt a, .home--travel--excerpt a:link, .home--travel--excerpt a:visited { border: solid 2px #fff; color: #fff; font-family: "Geogrotesque-Semi", sans-serif; font-size: 0.875rem; padding: 1rem 2rem; text-transform: uppercase; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--travel--excerpt a:hover, .home--travel--excerpt a:visited:hover, .home--travel--excerpt a:focus, .home--travel--excerpt a:active { border: solid 2px #fff; color: #fff; font-family: "Geogrotesque-Semi", sans-serif; font-size: 0.875rem; padding: 1rem 2rem; text-transform: uppercase; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; color: #202020; background: #fff; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } /* line 424, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--abstract-grid { clear: both; max-width: 75rem; margin: auto; padding: 6rem 0 0 0; } /* line 427, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--abstract-grid ul { margin: 0; padding: 0; } /* line 432, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--abstract-grid li { list-style-type: none; float: left; text-align: center; width: 50%; } /* line 439, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--abstract-grid li:nth-of-type(1), .home--abstract-grid li:nth-of-type(8), .home--abstract-grid li:nth-of-type(10), .home--abstract-grid li:nth-of-type(16) { background: #fe001a; } /* line 447, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--abstract-grid li:nth-of-type(2), .home--abstract-grid li:nth-of-type(13), .home--abstract-grid li:nth-of-type(19) { background: #ff8d00; } /* line 454, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--abstract-grid li:nth-of-type(4), .home--abstract-grid li:nth-of-type(12), .home--abstract-grid li:nth-of-type(17) { background: #ffc60d; } /* line 461, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--abstract-grid li:nth-of-type(5), .home--abstract-grid li:nth-of-type(7), .home--abstract-grid li:nth-of-type(14) { background: #ff4c0d; } @media screen and (min-width: 760px) { /* line 432, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--abstract-grid li { width: 25%; } /* line 470, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--abstract-grid li:nth-of-type(4n + 1) { clear: both; } /* line 475, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--abstract-grid li:nth-of-type(1), .home--abstract-grid li:nth-of-type(4), .home--abstract-grid li:nth-of-type(12), .home--abstract-grid li:nth-of-type(17) { background: #fe001a; } /* line 482, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--abstract-grid li:nth-of-type(1):hover, .home--abstract-grid li:nth-of-type(4):hover, .home--abstract-grid li:nth-of-type(12):hover, .home--abstract-grid li:nth-of-type(17):hover { background: #cb0015; } /* line 490, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--abstract-grid li:nth-of-type(2), .home--abstract-grid li:nth-of-type(14) { background: #ff8d00; } /* line 496, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--abstract-grid li:nth-of-type(7), .home--abstract-grid li:nth-of-type(13), .home--abstract-grid li:nth-of-type(16) { background: #ffc60d; } /* line 503, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--abstract-grid li:nth-of-type(5), .home--abstract-grid li:nth-of-type(8), .home--abstract-grid li:nth-of-type(10), .home--abstract-grid li:nth-of-type(19) { background: #ff4c0d; } } /* line 512, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--abstract-grid li.blank { background: transparent; display: none; padding: 2rem 0; } @media screen and (min-width: 760px) { /* line 512, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--abstract-grid li.blank { display: block; } } /* line 522, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--abstract-grid li a { display: block; } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--abstract-grid li a, .home--abstract-grid li a:link, .home--abstract-grid li a:visited { color: #fff; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; font-size: 0.875rem !important; padding: 2rem 0; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--abstract-grid li a, .home--abstract-grid li a:link, .home--abstract-grid li a:visited { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--abstract-grid li a, .home--abstract-grid li a:link, .home--abstract-grid li a:visited { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--abstract-grid li a, .home--abstract-grid li a:link, .home--abstract-grid li a:visited { font-size: 1.3125rem; } } /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--abstract-grid li a:before, .home--abstract-grid li a:link:before, .home--abstract-grid li a:visited:before { background-color: #fff; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--abstract-grid li a:hover, .home--abstract-grid li a:visited:hover, .home--abstract-grid li a:focus, .home--abstract-grid li a:active { color: #fff; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; padding: 2rem 0; background: rgba(0, 0, 0, 0.1); } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--abstract-grid li a:hover, .home--abstract-grid li a:visited:hover, .home--abstract-grid li a:focus, .home--abstract-grid li a:active { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--abstract-grid li a:hover, .home--abstract-grid li a:visited:hover, .home--abstract-grid li a:focus, .home--abstract-grid li a:active { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--abstract-grid li a:hover, .home--abstract-grid li a:visited:hover, .home--abstract-grid li a:focus, .home--abstract-grid li a:active { font-size: 1.3125rem; } } /* line 541, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--travel-container { background: url("/img/home/travel.jpg"); background-size: cover; clear: both; text-align: center; } /* line 548, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--companies-we-help { clear: both; max-width: 75rem; margin: auto; padding: 6rem 0 0 0; } /* line 551, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--companies-we-help p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; font-size: 1.5rem; padding: 0 1rem; padding: 0 1rem; margin: auto; max-width: 800px; text-align: center; } /* line 560, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--companies-we-help ul { margin: 0; padding: 3rem 0 0 0; } /* line 565, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--companies-we-help li { list-style-type: none; float: left; padding: 2rem 0; width: 33%; text-align: center; } /* line 572, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--companies-we-help li img { margin: auto; max-width: 80%; } /* line 579, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events { clear: both; clear: both; max-width: 75rem; margin: auto; padding: 6rem 0 0 0; position: relative; } /* line 584, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events:before { content: ''; background-color: #d7d7d7; position: absolute; top: 3rem; left: 0; right: 0; width: 100%; height: 1px; } /* line 595, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events > p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; font-size: 1.5rem; margin: 0 auto 3rem auto; padding: 0 1rem; max-width: 800px; text-align: center; } /* line 603, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events ul { margin: 0; padding: 0; list-style: none; } @media screen and (min-width: 760px) { /* line 603, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events ul { margin-bottom: 0 1rem; } } /* line 612, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events li { -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; padding: 0; list-style: none; padding: 0.5em; position: relative; display: inline-block; background-color: #fff; min-height: 25rem; vertical-align: top; width: 100%; } @media screen and (min-width: 760px) { /* line 612, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events li { margin: 0 5% 0 0; padding: 1em; width: 30%; } /* line 629, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events li:last-child { margin: 0; } /* line 631, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events li:last-child:after { display: none; } /* line 636, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events li:after { content: ''; position: absolute; top: 0; bottom: 0; right: -8%; background-color: #202020; width: 1px; height: 100%; } } /* line 648, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events li h6 { color: #fe001a; font-family: "Geogrotesque-Reg", sans-serif; font-size: 0.875em; margin: 0 0 1rem 0; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--news-and-events li a, .home--news-and-events li a:link, .home--news-and-events li a:visited { color: #202020; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; color: #202020; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.25rem; margin-top: 0.25rem; display: block; padding: 1rem; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--news-and-events li a, .home--news-and-events li a:link, .home--news-and-events li a:visited { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--news-and-events li a, .home--news-and-events li a:link, .home--news-and-events li a:visited { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--news-and-events li a, .home--news-and-events li a:link, .home--news-and-events li a:visited { font-size: 1.3125rem; } } /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--news-and-events li a:before, .home--news-and-events li a:link:before, .home--news-and-events li a:visited:before { background-color: #202020; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } @media screen and (min-width: 600px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--news-and-events li a, .home--news-and-events li a:link, .home--news-and-events li a:visited { font-size: 1.3125rem; } } /* line 661, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events li a p, .home--news-and-events li a:link p, .home--news-and-events li a:visited p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; font-size: 1.5rem; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; font-size: 0.875rem !important; } /* line 666, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events li a p:first-of-type, .home--news-and-events li a:link p:first-of-type, .home--news-and-events li a:visited p:first-of-type { color: #202020; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; color: #202020; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.25rem; margin-top: 0.25rem; font-size: 1.125rem !important; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 666, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events li a p:first-of-type, .home--news-and-events li a:link p:first-of-type, .home--news-and-events li a:visited p:first-of-type { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 666, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events li a p:first-of-type, .home--news-and-events li a:link p:first-of-type, .home--news-and-events li a:visited p:first-of-type { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 666, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events li a p:first-of-type, .home--news-and-events li a:link p:first-of-type, .home--news-and-events li a:visited p:first-of-type { font-size: 1.3125rem; } } /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--news-and-events li a p:first-of-type:before, .home--news-and-events li a:link p:first-of-type:before, .home--news-and-events li a:visited p:first-of-type:before { background-color: #202020; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } @media screen and (min-width: 600px) { /* line 666, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events li a p:first-of-type, .home--news-and-events li a:link p:first-of-type, .home--news-and-events li a:visited p:first-of-type { font-size: 1.3125rem; } } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--news-and-events li a:hover, .home--news-and-events li a:visited:hover, .home--news-and-events li a:focus, .home--news-and-events li a:active { color: #fff; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; color: #202020; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.25rem; margin-top: 0.25rem; color: #fff; display: block; padding: 1rem; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--news-and-events li a:hover, .home--news-and-events li a:visited:hover, .home--news-and-events li a:focus, .home--news-and-events li a:active { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--news-and-events li a:hover, .home--news-and-events li a:visited:hover, .home--news-and-events li a:focus, .home--news-and-events li a:active { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--news-and-events li a:hover, .home--news-and-events li a:visited:hover, .home--news-and-events li a:focus, .home--news-and-events li a:active { font-size: 1.3125rem; } } @media screen and (min-width: 600px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--news-and-events li a:hover, .home--news-and-events li a:visited:hover, .home--news-and-events li a:focus, .home--news-and-events li a:active { font-size: 1.3125rem; } } /* line 681, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events li a:hover p, .home--news-and-events li a:visited:hover p, .home--news-and-events li a:focus p, .home--news-and-events li a:active p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; font-size: 1.5rem; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; color: #fff !important; font-size: 0.875rem !important; } /* line 687, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events li a:hover p:first-of-type, .home--news-and-events li a:visited:hover p:first-of-type, .home--news-and-events li a:focus p:first-of-type, .home--news-and-events li a:active p:first-of-type { color: #fff; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; color: #202020; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.25rem; margin-top: 0.25rem; font-size: 1.125rem !important; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 687, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events li a:hover p:first-of-type, .home--news-and-events li a:visited:hover p:first-of-type, .home--news-and-events li a:focus p:first-of-type, .home--news-and-events li a:active p:first-of-type { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 687, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events li a:hover p:first-of-type, .home--news-and-events li a:visited:hover p:first-of-type, .home--news-and-events li a:focus p:first-of-type, .home--news-and-events li a:active p:first-of-type { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 687, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events li a:hover p:first-of-type, .home--news-and-events li a:visited:hover p:first-of-type, .home--news-and-events li a:focus p:first-of-type, .home--news-and-events li a:active p:first-of-type { font-size: 1.3125rem; } } /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--news-and-events li a:hover p:first-of-type:before, .home--news-and-events li a:visited:hover p:first-of-type:before, .home--news-and-events li a:focus p:first-of-type:before, .home--news-and-events li a:active p:first-of-type:before { background-color: #fff; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } @media screen and (min-width: 600px) { /* line 687, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events li a:hover p:first-of-type, .home--news-and-events li a:visited:hover p:first-of-type, .home--news-and-events li a:focus p:first-of-type, .home--news-and-events li a:active p:first-of-type { font-size: 1.3125rem; } } /* line 696, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events li:hover { -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; background: #ff8d00; cursor: pointer; } /* line 701, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events li:hover a, .home--news-and-events li:hover a p { color: #fff; } /* line 708, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events li:hover a p:first-of-type, .home--news-and-events li:hover a:link p:first-of-type, .home--news-and-events li:hover a:visited p:first-of-type { color: #fff; } /* line 715, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events li:hover h6 { color: #fff; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } /* line 722, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_home.scss */ .home--news-and-events > a:last-child { clear: both; display: block; margin: 3rem auto 0 auto; width: 7.625rem; } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--news-and-events > a:last-child, .home--news-and-events > a:last-child:link, .home--news-and-events > a:last-child:visited { border: solid 2px #979797; color: #979797; font-family: "Geogrotesque-Semi", sans-serif; font-size: 0.875rem; padding: 1rem 2rem; text-transform: uppercase; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .home--news-and-events > a:last-child:hover, .home--news-and-events > a:last-child:visited:hover, .home--news-and-events > a:last-child:focus, .home--news-and-events > a:last-child:active { border: solid 2px #979797; color: #979797; font-family: "Geogrotesque-Semi", sans-serif; font-size: 0.875rem; padding: 1rem 2rem; text-transform: uppercase; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; color: #fff; background: #979797; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } /* line 1, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown { background: #fe001a; opacity: 0; max-height: 100vh; overflow-x: hidden; overflow-y: scroll; padding-top: 100px; position: fixed; top: -1000px; left: 0; right: -20px; z-index: 2; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out; transition: all 0.35s ease-out; } @media screen and (min-width: 960px) { /* line 1, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown { padding: 100px 4rem 2rem 4rem; } } /* line 19, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .menu-on .dropdown { opacity: 1; top: 0px; -webkit-transition: opacity 0.35s ease-in; -moz-transition: opacity 0.35s ease-in; transition: opacity 0.35s ease-in; -webkit-transition: top 0.35s ease-in; -moz-transition: top 0.35s ease-in; transition: top 0.35s ease-in; } /* line 26, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .menu-on .dropdown__search { opacity: 0; top: -1000px; } /* line 32, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--top-links { background: #fff; } @media screen and (min-width: 960px) { /* line 32, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--top-links { display: none; } } /* line 39, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--top-links ul { list-style: none; padding: 0; text-align: center; width: 94%; } /* line 46, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--top-links li { color: #979797; display: inline-block; font-family: "Geogrotesque-Semi", sans-serif; font-size: 0.9375rem; margin: 1rem 0.15rem; } @media screen and (min-width: 481px) { /* line 46, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--top-links li { margin: 1rem 1rem; } } /* line 59, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--search { padding: 0 2rem 0 1rem; } /* line 62, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--search input[type=text] { background: #cb0015; border: none; border-radius: 0; margin-bottom: 1rem; } /* line 69, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--search input::-webkit-input-placeholder { color: #fff; } /* line 72, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--search input::-moz-placeholder { color: #fff; } /* line 75, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--search input:-moz-placeholder { /* Older versions of Firefox */ color: #fff; } /* line 78, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--search input:-ms-input-placeholder { color: #fff; } @media screen and (min-width: 960px) { /* line 59, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--search { display: none; } } /* line 90, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--navigation ul { color: #fff; list-style: none; margin: 0 0 1rem 0; padding: 0 1rem; } @media screen and (min-width: 960px) { /* line 90, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--navigation ul { float: left; padding: 0; width: 50%; } } /* line 102, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--navigation ul li { font-variant: "Geogrotesque-Reg", sans-serif; font-size: 1.875rem; padding: 1rem 0; } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .dropdown--navigation ul li a, .dropdown--navigation ul li a:link, .dropdown--navigation ul li a:visited { color: #fff; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; font-size: 1.875rem !important; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .dropdown--navigation ul li a, .dropdown--navigation ul li a:link, .dropdown--navigation ul li a:visited { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .dropdown--navigation ul li a, .dropdown--navigation ul li a:link, .dropdown--navigation ul li a:visited { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .dropdown--navigation ul li a, .dropdown--navigation ul li a:link, .dropdown--navigation ul li a:visited { font-size: 1.3125rem; } } /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .dropdown--navigation ul li a:before, .dropdown--navigation ul li a:link:before, .dropdown--navigation ul li a:visited:before { background-color: #fff; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .dropdown--navigation ul li a:hover, .dropdown--navigation ul li a:visited:hover, .dropdown--navigation ul li a:focus, .dropdown--navigation ul li a:active { color: #fff; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .dropdown--navigation ul li a:hover, .dropdown--navigation ul li a:visited:hover, .dropdown--navigation ul li a:focus, .dropdown--navigation ul li a:active { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .dropdown--navigation ul li a:hover, .dropdown--navigation ul li a:visited:hover, .dropdown--navigation ul li a:focus, .dropdown--navigation ul li a:active { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .dropdown--navigation ul li a:hover, .dropdown--navigation ul li a:visited:hover, .dropdown--navigation ul li a:focus, .dropdown--navigation ul li a:active { font-size: 1.3125rem; } } /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .dropdown--navigation ul li a:hover:before, .dropdown--navigation ul li a:visited:hover:before, .dropdown--navigation ul li a:focus:before, .dropdown--navigation ul li a:active:before { background-color: #fff; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } /* line 144, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .dropdown--navigation ul li a:hover:before, .dropdown--navigation ul li a:visited:hover:before, .dropdown--navigation ul li a:focus:before, .dropdown--navigation ul li a:active:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } /* line 120, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--navigation--contact { display: none; } @media screen and (min-width: 960px) { /* line 120, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--navigation--contact { display: block; float: left; width: 50%; } } /* line 129, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--navigation--contact h3 { color: #ff8d00; font-family: "Geogrotesque-Med", sans-serif; font-size: 1.5rem; } /* line 135, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--navigation--contact input[type=text] { background: #cb0015; border: none; border-radius: 0; margin-bottom: 1rem; outline-color: #65000a; color: #fff; padding-left: .15rem; } /* line 145, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--navigation--contact ::-webkit-input-placeholder { color: #fff; } /* line 149, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--navigation--contact :-moz-placeholder { /* Firefox 18- */ color: #fff; } /* line 153, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--navigation--contact ::-moz-placeholder { /* Firefox 19+ */ color: #fff; } /* line 157, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--navigation--contact :-ms-input-placeholder { color: #fff; } /* line 162, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--navigation--contact input::-webkit-input-placeholder { color: #fff; } /* line 165, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--navigation--contact input::-moz-placeholder { color: #fff; } /* line 168, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--navigation--contact input:-moz-placeholder { /* Older versions of Firefox */ color: #fff; } /* line 171, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--navigation--contact input:-ms-input-placeholder { color: #fff; } /* line 175, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--navigation--contact textarea { background: #cb0015; border: none; border-radius: 0; height: 10rem; outline-color: #65000a; color: #fff; } /* line 184, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown--navigation--contact input[type="submit"] { border: none; border-color: #ccc #ccc #bbb; border-radius: 0; background: #cb0015; margin-top: 1rem; font-size: 1rem; outline-color: #65000a; } /* line 198, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown__search input[type=text] { background: #cb0015; border: none; border-radius: 0; margin-bottom: 1rem; } /* line 205, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown__search input::-webkit-input-placeholder { color: #fff; font-size: 1.5rem; } /* line 209, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown__search input::-moz-placeholder { color: #fff; font-size: 1.5rem; } /* line 213, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown__search input:-moz-placeholder { /* Older versions of Firefox */ color: #fff; font-size: 1.5rem; } /* line 217, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .dropdown__search input:-ms-input-placeholder { color: #fff; font-size: 1.5rem; } /* line 222, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_dropdown.scss */ .search-on .dropdown__search { opacity: 1; top: 0px; -webkit-transition: opacity 0.35s ease-in; -moz-transition: opacity 0.35s ease-in; transition: opacity 0.35s ease-in; -webkit-transition: top 0.35s ease-in; -moz-transition: top 0.35s ease-in; transition: top 0.35s ease-in; } /* line 1, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_footer.scss */ .footer { border-top: solid 1px #d7d7d7; clear: both; padding: 0 1rem 2rem 1rem; margin-top: 6rem; height: 90px; position: relative; z-index: 1000; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; } @media screen and (min-width: 960px) { /* line 1, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_footer.scss */ .footer { padding: 0 4rem 2rem 4rem; } } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_footer.scss */ .footer--branding { display: inline-block; margin-top: 2.75rem; vertical-align: text-top; width: 100%; } @media screen and (min-width: 760px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_footer.scss */ .footer--branding { width: 33%; } } /* line 24, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_footer.scss */ .footer--branding h1 { color: #fe001a; font-family: "Geogrotesque-Bold", sans-serif; font-size: 1.9rem; line-height: 0.5; margin: 0; } /* line 33, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_footer.scss */ .footer--caption { color: #d7d7d7; display: inline-block; font-size: 1.25rem; margin-top: 2rem; text-align: left; vertical-align: text-top; width: 100%; } @media screen and (min-width: 760px) { /* line 33, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_footer.scss */ .footer--caption { width: 50%; } } /* line 45, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_footer.scss */ .footer--caption p { margin-bottom: 0; } /* line 51, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_footer.scss */ .footer--quick-links { display: inline-block; vertical-align: text-top; width: 100%; } @media screen and (min-width: 760px) { /* line 51, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_footer.scss */ .footer--quick-links { margin-top: 2rem; width: 16%; } } /* line 60, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_footer.scss */ .footer--quick-links ul { margin-bottom: 2rem; padding: 0; } @media screen and (min-width: 760px) { /* line 60, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_footer.scss */ .footer--quick-links ul { float: right; margin-bottom: 0; } } /* line 69, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_footer.scss */ .footer--quick-links li { float: left; padding-right: .5rem; list-style-type: none; } @media screen and (min-width: 481px) { /* line 69, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_footer.scss */ .footer--quick-links li { padding-right: 1rem; } } @media screen and (min-width: 760px) { /* line 69, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_footer.scss */ .footer--quick-links li { float: none; } } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .footer--quick-links a, .footer--quick-links a:link, .footer--quick-links a:visited { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; font-size: 0.75rem !important; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .footer--quick-links a, .footer--quick-links a:link, .footer--quick-links a:visited { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .footer--quick-links a, .footer--quick-links a:link, .footer--quick-links a:visited { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .footer--quick-links a, .footer--quick-links a:link, .footer--quick-links a:visited { font-size: 1.3125rem; } } /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .footer--quick-links a:before, .footer--quick-links a:link:before, .footer--quick-links a:visited:before { background-color: #979797; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .footer--quick-links a:hover, .footer--quick-links a:visited:hover, .footer--quick-links a:focus, .footer--quick-links a:active { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; font-size: 0.75rem !important; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .footer--quick-links a:hover, .footer--quick-links a:visited:hover, .footer--quick-links a:focus, .footer--quick-links a:active { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .footer--quick-links a:hover, .footer--quick-links a:visited:hover, .footer--quick-links a:focus, .footer--quick-links a:active { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .footer--quick-links a:hover, .footer--quick-links a:visited:hover, .footer--quick-links a:focus, .footer--quick-links a:active { font-size: 1.3125rem; } } /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .footer--quick-links a:hover:before, .footer--quick-links a:visited:hover:before, .footer--quick-links a:focus:before, .footer--quick-links a:active:before { background-color: #979797; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } /* line 144, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .footer--quick-links a:hover:before, .footer--quick-links a:visited:hover:before, .footer--quick-links a:focus:before, .footer--quick-links a:active:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } /* line 94, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_footer.scss */ .footer--social { color: #979797; font-size: 1.875rem; position: absolute; top: 1.8rem; right: 0; } @media screen and (min-width: 760px) { /* line 94, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_footer.scss */ .footer--social { display: inline-block; font-size: 1rem; position: relative; top: auto; right: auto; width: 33%; } } /* line 109, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_footer.scss */ .footer--social ul { padding: 0; } /* line 113, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_footer.scss */ .footer--social li { list-style-type: none; float: left; padding-right: 1rem; } /* line 120, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_footer.scss */ .footer--legal { color: #979797; font-size: 0.75rem; display: inline-block; padding-bottom: 1rem; width: 100%; } @media screen and (min-width: 760px) { /* line 120, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_footer.scss */ .footer--legal { width: 50%; } } /* line 1, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_cookie.scss */ .cookie-notice { background: rgba(255, 255, 255, 0.8); opacity: 0; padding: 0.25rem 0.5rem; position: fixed; bottom: -100px; left: 0; right: 0; text-align: left; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } /* line 12, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_cookie.scss */ .cookie-notice p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; font-size: 1.5rem; font-size: 1rem !important; float: left; margin-bottom: 0; } /* line 19, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_cookie.scss */ .cookie-notice--container { clear: both; max-width: 75rem; margin: auto; padding: 6rem 0 0 0; padding: 0; } /* line 24, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_cookie.scss */ .cookie-notice-on .cookie-notice { bottom: 0; opacity: 1; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } /* line 30, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_cookie.scss */ .cookie-notice span { height: 22px; float: right; position: relative; width: 25px; } /* line 36, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_cookie.scss */ .cookie-notice span:before, .cookie-notice span:after { content: ''; position: absolute; width: 21px; height: 1px; background-color: #979797; top: 11px; } /* line 46, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_cookie.scss */ .cookie-notice span:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); left: 2px; } /* line 53, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_cookie.scss */ .cookie-notice span:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); right: 2px; } /* line 3, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--fold { background-image: url("/img/clients/clients.jpg"); background-position: center; background-size: cover; height: 23rem; overflow: hidden; position: relative; } @media screen and (min-width: 760px) { /* line 3, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--fold { background-color: rgba(32, 32, 32, 0.1); background-image: none; height: 100vh; } } /* line 17, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--video { background-image: url("/img/clients/clients.jpg"); background-position: center; background-size: cover; display: none; height: auto; min-height: 100%; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); width: auto; z-index: -100; } @media screen and (min-width: 600px) { /* line 17, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--video { display: block; } } /* line 38, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--hero-text { margin: auto; position: absolute; top: 0; bottom: 0; right: 0; left: 0; height: 111px; } @media screen and (max-width: 415px) { /* line 38, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--hero-text { height: 148px; } } @media screen and (min-width: 760px) { /* line 38, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--hero-text { height: 350px; } } @media screen and (min-width: 960px) { /* line 38, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--hero-text { height: 290px; } } @media screen and (min-width: 1060px) { /* line 38, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--hero-text { height: 340px; } } /* line 65, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--hero-text h1 { color: #fff; font-family: "Geogrotesque-Semi", sans-serif; font-size: 3.125rem; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; margin: 0 0 1.5rem 0; text-align: center; line-height: 1; } @media screen and (min-width: 760px) { /* line 65, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--hero-text h1 { font-size: 4.0625rem; } } @media screen and (min-width: 1060px) { /* line 65, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--hero-text h1 { font-size: 5.625rem; } } /* line 72, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--hero-text h1 span { font-family: "Geogrotesque-Lt", sans-serif; font-weight: 100; } /* line 78, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--hero-text p { display: none; color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; margin: 0; padding: 0 1rem; text-align: center; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 78, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--hero-text p { font-size: 1.5625rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 78, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--hero-text p { font-size: 1.625rem; } } @media screen and (min-width: 760px) { /* line 78, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--hero-text p { color: #fff; font-size: 1.75rem; } } @media screen and (min-width: 960px) { /* line 78, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--hero-text p { font-size: 1.875rem; } } @media screen and (min-width: 760px) { /* line 78, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--hero-text p { display: block; } } /* line 90, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--section-arrow { display: none; } @media screen and (min-width: 760px) { /* line 90, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--section-arrow { display: block; } } /* line 97, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--section-arrow--arrow { background: url("/img/trans.png"); display: block; content: ''; cursor: pointer; width: 2rem; height: 2rem; margin: auto; position: absolute; bottom: 2rem; right: 0; left: -0.5rem; border-bottom: solid 1px #fff; border-right: solid 1px #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); } /* line 117, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--page-excerpt { clear: both; max-width: 75rem; margin: auto; padding: 6rem 0 0 0; padding-left: 1rem; padding-right: 1rem; } @media screen and (min-width: 760px) { /* line 117, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--page-excerpt { display: none; } } /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--page-excerpt p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; margin-bottom: 0; text-align: center; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--page-excerpt p { font-size: 1.5625rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--page-excerpt p { font-size: 1.625rem; } } @media screen and (min-width: 760px) { /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--page-excerpt p { color: #fff; font-size: 1.75rem; } } @media screen and (min-width: 960px) { /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--page-excerpt p { font-size: 1.875rem; } } /* line 133, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--industry-section { clear: both; max-width: 75rem; margin: auto; padding: 6rem 0 0 0; max-width: 68.75rem; } /* line 137, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--industry-section p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; font-size: 1.5rem; color: #000; font-size: 1.3125rem; text-align: center; } /* line 144, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--industry-section ul { margin: 0; padding: 3rem 0 0 0; } /* line 149, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--industry-section li { list-style-type: none; float: left; padding: 2rem 0; width: 25%; text-align: center; } /* line 156, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--industry-section li img { margin: auto; max-width: 80%; } /* line 161, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .consulting--industry-section li:last-child { padding-bottom: 6rem; } /* line 168, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--section { clear: both; max-width: 75rem; margin: auto; padding: 6rem 0 0 0; clear: both; } @media screen and (min-width: 760px) { /* line 168, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--section { padding-top: 0; } } /* line 176, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--section:last-child a { margin-bottom: 6rem; } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .red-card--section > a, .red-card--section > a:link, .red-card--section > a:visited { color: #fff; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .red-card--section > a, .red-card--section > a:link, .red-card--section > a:visited { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .red-card--section > a, .red-card--section > a:link, .red-card--section > a:visited { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .red-card--section > a, .red-card--section > a:link, .red-card--section > a:visited { font-size: 1.3125rem; } } /* line 184, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--section > a .red-card, .red-card--section > a:link .red-card, .red-card--section > a:visited .red-card { opacity: 1; } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .red-card--section > a:hover, .red-card--section > a:visited:hover, .red-card--section > a:focus, .red-card--section > a:active { color: #fff; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .red-card--section > a:hover, .red-card--section > a:visited:hover, .red-card--section > a:focus, .red-card--section > a:active { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .red-card--section > a:hover, .red-card--section > a:visited:hover, .red-card--section > a:focus, .red-card--section > a:active { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .red-card--section > a:hover, .red-card--section > a:visited:hover, .red-card--section > a:focus, .red-card--section > a:active { font-size: 1.3125rem; } } /* line 191, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--section > a:hover .red-card, .red-card--section > a:visited:hover .red-card, .red-card--section > a:focus .red-card, .red-card--section > a:active .red-card { opacity: 0.8; } /* line 198, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--section__left a { clear: both; width: 100%; } @media screen and (min-width: 760px) { /* line 198, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--section__left a { float: left; width: 45%; } } /* line 209, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--section__right a { clear: both; width: 100%; } @media screen and (min-width: 760px) { /* line 209, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--section__right a { float: right; width: 45%; } } /* line 220, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--section__both > a:first-child { clear: both; width: 100%; } @media screen and (min-width: 760px) { /* line 220, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--section__both > a:first-child { float: right; width: 45%; } } /* line 228, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--section__both > a:first-child .red-card { margin-bottom: 3rem; } @media screen and (min-width: 760px) { /* line 228, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--section__both > a:first-child .red-card { margin-bottom: 0; } } /* line 235, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--section__both > a:last-child { clear: both; width: 100%; } @media screen and (min-width: 760px) { /* line 235, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--section__both > a:last-child { float: left; width: 45%; } } /* line 246, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card { position: relative; width: 100%; } /* line 250, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--left { background: #fe001a; padding: 1rem; width: 50%; } /* line 255, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--left span:first-child { color: #fff; font-family: "Geogrotesque-Reg", sans-serif; font-size: 0.875em; } /* line 259, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--left p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1rem; color: #fff; margin: 1rem 0 2rem 0; } /* line 265, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--left span:last-child { color: #fff; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; font-size: 0.875em !important; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 265, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--left span:last-child { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 265, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--left span:last-child { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 265, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--left span:last-child { font-size: 1.3125rem; } } /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .red-card--left span:last-child:before { background-color: #fff; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } /* line 269, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--left span:last-child:hover { color: #fff; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; font-size: 0.875em !important; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 269, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--left span:last-child:hover { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 269, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--left span:last-child:hover { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 269, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--left span:last-child:hover { font-size: 1.3125rem; } } /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .red-card--left span:last-child:hover:before { background-color: #fff; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } /* line 144, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .red-card--left span:last-child:hover:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } /* line 276, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--right { position: absolute; top: 0; bottom: 0; right: 0; width: 50%; } /* line 283, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_clients.scss */ .red-card--right img { min-height: 100%; min-width: 100%; } /* line 3, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--fold { background-image: url("/img/about/about.jpg"); background-position: center; background-size: cover; height: 23rem; overflow: hidden; position: relative; } @media screen and (min-width: 760px) { /* line 3, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--fold { background-color: rgba(32, 32, 32, 0.1); background-image: none; height: 100vh; } } /* line 17, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--video { background-image: url("/img/about/about.jpg"); background-position: center; background-size: cover; display: none; height: auto; min-height: 100%; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); width: auto; z-index: -100; } @media screen and (min-width: 600px) { /* line 17, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--video { display: block; } } /* line 38, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--hero-text { margin: auto; position: absolute; top: 0; bottom: 0; right: 0; left: 0; height: 111px; } @media screen and (max-width: 415px) { /* line 38, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--hero-text { height: 148px; } } @media screen and (min-width: 760px) { /* line 38, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--hero-text { height: 350px; } } @media screen and (min-width: 960px) { /* line 38, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--hero-text { height: 290px; } } @media screen and (min-width: 1060px) { /* line 38, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--hero-text { height: 340px; } } /* line 65, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--hero-text h1 { color: #fff; font-family: "Geogrotesque-Semi", sans-serif; font-size: 3.125rem; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; margin: 0 0 1.5rem 0; text-align: center; line-height: 1; } @media screen and (min-width: 760px) { /* line 65, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--hero-text h1 { font-size: 4.0625rem; } } @media screen and (min-width: 1060px) { /* line 65, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--hero-text h1 { font-size: 5.625rem; } } /* line 72, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--hero-text h1 span { font-family: "Geogrotesque-Lt", sans-serif; font-weight: 100; } /* line 78, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--hero-text p { display: none; color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; margin: 0; padding: 0 1rem; text-align: center; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 78, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--hero-text p { font-size: 1.5625rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 78, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--hero-text p { font-size: 1.625rem; } } @media screen and (min-width: 760px) { /* line 78, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--hero-text p { color: #fff; font-size: 1.75rem; } } @media screen and (min-width: 960px) { /* line 78, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--hero-text p { font-size: 1.875rem; } } @media screen and (min-width: 760px) { /* line 78, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--hero-text p { display: block; } } /* line 90, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--section-arrow { display: none; } @media screen and (min-width: 760px) { /* line 90, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--section-arrow { display: block; } } /* line 97, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--section-arrow--arrow { background: url("/img/trans.png"); display: block; content: ''; cursor: pointer; width: 2rem; height: 2rem; margin: auto; position: absolute; bottom: 2rem; right: 0; left: -0.5rem; border-bottom: solid 1px #fff; border-right: solid 1px #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); } /* line 118, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--page-excerpt { clear: both; max-width: 75rem; margin: auto; padding: 6rem 0 0 0; padding-left: 1rem; padding-right: 1rem; } @media screen and (max-width: 480px) { /* line 118, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--page-excerpt { padding: 6rem 0 3rem 0; } } @media screen and (min-width: 760px) { /* line 118, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--page-excerpt { display: none; } } /* line 130, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--page-excerpt p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; margin-bottom: 0; text-align: center; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 130, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--page-excerpt p { font-size: 1.5625rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 130, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--page-excerpt p { font-size: 1.625rem; } } @media screen and (min-width: 760px) { /* line 130, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--page-excerpt p { color: #fff; font-size: 1.75rem; } } @media screen and (min-width: 960px) { /* line 130, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--page-excerpt p { font-size: 1.875rem; } } /* line 137, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--section { clear: both; max-width: 75rem; margin: auto; padding: 6rem 0 0 0; } @media screen and (max-width: 480px) { /* line 137, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--section { padding: 3rem 0 0 0; } } @media screen and (min-width: 760px) { /* line 143, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--section--left { float: left; width: 50%; } } @media screen and (min-width: 760px) { /* line 150, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--section--right { float: right; width: 50%; } } /* line 157, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--section__text { padding: 1rem 1.5rem; } @media screen and (min-width: 481px) { /* line 157, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--section__text { padding: 1rem 3rem; } } /* line 165, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--section h2 { text-align: left; } /* line 169, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--section p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; font-size: 1.5rem; } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .about--section a, .about--section a:link, .about--section a:visited { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding: 0.125rem 0; position: relative; font-size: 1.3125rem !important; } /* line 173, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .about--section a:before, .about--section a:link:before, .about--section a:visited:before { background-color: transparent; border-left: solid 1px #979797; border-top: solid 1px #979797; border-bottom: solid 1px #979797; content: ""; height: 65%; width: 8%; position: absolute; top: 65%; left: -13%; -webkit-transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); transform: translateY(-65%); -webkit-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; -moz-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; } /* line 187, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .about--section a:after, .about--section a:link:after, .about--section a:visited:after { background-color: transparent; border-right: solid 1px #979797; border-top: solid 1px #979797; border-bottom: solid 1px #979797; content: ""; height: 65%; width: 8%; position: absolute; top: 65%; right: -13%; -webkit-transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); transform: translateY(-65%); -webkit-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; -moz-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .about--section a:hover, .about--section a:visited:hover, .about--section a:focus, .about--section a:active { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding: 0.125rem 0; position: relative; } /* line 173, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .about--section a:hover:before, .about--section a:visited:hover:before, .about--section a:focus:before, .about--section a:active:before { background-color: transparent; border-left: solid 1px #979797; border-top: solid 1px #979797; border-bottom: solid 1px #979797; content: ""; height: 65%; width: 8%; position: absolute; top: 65%; left: -13%; -webkit-transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); transform: translateY(-65%); -webkit-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; -moz-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; } /* line 187, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .about--section a:hover:after, .about--section a:visited:hover:after, .about--section a:focus:after, .about--section a:active:after { background-color: transparent; border-right: solid 1px #979797; border-top: solid 1px #979797; border-bottom: solid 1px #979797; content: ""; height: 65%; width: 8%; position: absolute; top: 65%; right: -13%; -webkit-transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); transform: translateY(-65%); -webkit-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; -moz-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; } /* line 203, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .about--section a:hover:before, .about--section a:visited:hover:before, .about--section a:focus:before, .about--section a:active:before { border: none; height: 1px; left: 0; top: auto; bottom: 5%; background-color: #979797; width: 50%; -webkit-transition: border 0.2s ease, width 0.2s ease 0.1s; -moz-transition: border 0.2s ease, width 0.2s ease 0.1s; transition: border 0.2s ease, width 0.2s ease 0.1s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } /* line 215, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .about--section a:hover:after, .about--section a:visited:hover:after, .about--section a:focus:after, .about--section a:active:after { border: none; height: 1px; right: 0; top: auto; bottom: 5%; background-color: #979797; width: 50%; -webkit-transition: border 0.2s ease, width 0.2s ease 0.1s; -moz-transition: border 0.2s ease, width 0.2s ease 0.1s; transition: border 0.2s ease, width 0.2s ease 0.1s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } /* line 185, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--additional-resources { clear: both; max-width: 75rem; margin: auto; padding: 6rem 0 0 0; } /* line 188, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--additional-resources h2 { padding: 0 1rem; } /* line 192, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--additional-resources div { float: left; margin-bottom: 2rem; padding: 1rem; min-height: 15rem; text-align: center; width: 100%; } @media screen and (min-width: 760px) { /* line 192, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--additional-resources div { border-right: solid 1px #202020; width: 33%; } } /* line 204, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--additional-resources div:nth-child(3n+1) { border-right: none; } /* line 208, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--additional-resources div:nth-child(5) { clear: both; } /* line 212, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--additional-resources div h3 { color: #202020; font-size: 1.3125rem; margin-top: 0; } /* line 218, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_about.scss */ .about--additional-resources div p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .about--additional-resources div a, .about--additional-resources div a:link, .about--additional-resources div a:visited { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding: 0.125rem 0; position: relative; font-size: 1.125rem !important; } /* line 173, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .about--additional-resources div a:before, .about--additional-resources div a:link:before, .about--additional-resources div a:visited:before { background-color: transparent; border-left: solid 1px #979797; border-top: solid 1px #979797; border-bottom: solid 1px #979797; content: ""; height: 65%; width: 8%; position: absolute; top: 65%; left: -13%; -webkit-transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); transform: translateY(-65%); -webkit-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; -moz-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; } /* line 187, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .about--additional-resources div a:after, .about--additional-resources div a:link:after, .about--additional-resources div a:visited:after { background-color: transparent; border-right: solid 1px #979797; border-top: solid 1px #979797; border-bottom: solid 1px #979797; content: ""; height: 65%; width: 8%; position: absolute; top: 65%; right: -13%; -webkit-transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); transform: translateY(-65%); -webkit-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; -moz-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .about--additional-resources div a:hover, .about--additional-resources div a:visited:hover, .about--additional-resources div a:focus, .about--additional-resources div a:active { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding: 0.125rem 0; position: relative; } /* line 173, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .about--additional-resources div a:hover:before, .about--additional-resources div a:visited:hover:before, .about--additional-resources div a:focus:before, .about--additional-resources div a:active:before { background-color: transparent; border-left: solid 1px #979797; border-top: solid 1px #979797; border-bottom: solid 1px #979797; content: ""; height: 65%; width: 8%; position: absolute; top: 65%; left: -13%; -webkit-transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); transform: translateY(-65%); -webkit-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; -moz-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; } /* line 187, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .about--additional-resources div a:hover:after, .about--additional-resources div a:visited:hover:after, .about--additional-resources div a:focus:after, .about--additional-resources div a:active:after { background-color: transparent; border-right: solid 1px #979797; border-top: solid 1px #979797; border-bottom: solid 1px #979797; content: ""; height: 65%; width: 8%; position: absolute; top: 65%; right: -13%; -webkit-transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); transform: translateY(-65%); -webkit-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; -moz-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; } /* line 203, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .about--additional-resources div a:hover:before, .about--additional-resources div a:visited:hover:before, .about--additional-resources div a:focus:before, .about--additional-resources div a:active:before { border: none; height: 1px; left: 0; top: auto; bottom: 5%; background-color: #979797; width: 50%; -webkit-transition: border 0.2s ease, width 0.2s ease 0.1s; -moz-transition: border 0.2s ease, width 0.2s ease 0.1s; transition: border 0.2s ease, width 0.2s ease 0.1s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } /* line 215, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .about--additional-resources div a:hover:after, .about--additional-resources div a:visited:hover:after, .about--additional-resources div a:focus:after, .about--additional-resources div a:active:after { border: none; height: 1px; right: 0; top: auto; bottom: 5%; background-color: #979797; width: 50%; -webkit-transition: border 0.2s ease, width 0.2s ease 0.1s; -moz-transition: border 0.2s ease, width 0.2s ease 0.1s; transition: border 0.2s ease, width 0.2s ease 0.1s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } /* line 3, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--fold { background-image: url("/img/benchmarks/benchmarks.jpg"); background-position: center; background-size: cover; height: 23rem; overflow: hidden; position: relative; } @media screen and (min-width: 760px) { /* line 3, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--fold { background-color: rgba(32, 32, 32, 0.1); background-image: none; height: 100vh; } } /* line 17, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--video { background-image: url("/img/benchmarks/benchmarks.jpg"); background-position: center; background-size: cover; display: none; height: auto; min-height: 100%; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); width: auto; z-index: -100; } @media screen and (min-width: 600px) { /* line 17, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--video { display: block; } } /* line 38, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--hero-text { margin: auto; position: absolute; top: 0; bottom: 0; right: 0; left: 0; height: 111px; } @media screen and (max-width: 415px) { /* line 38, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--hero-text { height: 148px; } } @media screen and (min-width: 760px) { /* line 38, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--hero-text { height: 350px; } } @media screen and (min-width: 960px) { /* line 38, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--hero-text { height: 290px; } } @media screen and (min-width: 1060px) { /* line 38, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--hero-text { height: 340px; } } /* line 65, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--hero-text h1 { color: #fff; font-family: "Geogrotesque-Semi", sans-serif; font-size: 3.125rem; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; margin: 0 0 1.5rem 0; text-align: center; line-height: 1; } @media screen and (min-width: 760px) { /* line 65, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--hero-text h1 { font-size: 4.0625rem; } } @media screen and (min-width: 1060px) { /* line 65, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--hero-text h1 { font-size: 5.625rem; } } /* line 72, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--hero-text h1 span { font-family: "Geogrotesque-Lt", sans-serif; font-weight: 100; } /* line 78, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--hero-text p { display: none; color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; margin: 0; padding: 0 1rem; text-align: center; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 78, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--hero-text p { font-size: 1.5625rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 78, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--hero-text p { font-size: 1.625rem; } } @media screen and (min-width: 760px) { /* line 78, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--hero-text p { color: #fff; font-size: 1.75rem; } } @media screen and (min-width: 960px) { /* line 78, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--hero-text p { font-size: 1.875rem; } } @media screen and (min-width: 760px) { /* line 78, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--hero-text p { display: block; } } /* line 90, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section-arrow { display: none; } @media screen and (min-width: 760px) { /* line 90, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section-arrow { display: block; } } /* line 97, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section-arrow--arrow { background: url("/img/trans.png"); display: block; content: ''; cursor: pointer; width: 2rem; height: 2rem; margin: auto; position: absolute; bottom: 2rem; right: 0; left: -0.5rem; border-bottom: solid 1px #fff; border-right: solid 1px #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); } /* line 118, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--page-excerpt { clear: both; max-width: 75rem; margin: auto; padding: 6rem 0 0 0; padding-left: 1rem; padding-right: 1rem; } @media screen and (max-width: 480px) { /* line 118, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--page-excerpt { padding: 6rem 1rem 0 1rem; } } @media screen and (min-width: 760px) { /* line 118, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--page-excerpt { display: none; } } /* line 130, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--page-excerpt p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; margin-bottom: 0; text-align: center; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 130, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--page-excerpt p { font-size: 1.5625rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 130, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--page-excerpt p { font-size: 1.625rem; } } @media screen and (min-width: 760px) { /* line 130, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--page-excerpt p { color: #fff; font-size: 1.75rem; } } @media screen and (min-width: 960px) { /* line 130, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--page-excerpt p { font-size: 1.875rem; } } /* line 137, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section-wide { clear: both; max-width: 75rem; margin: auto; padding: 6rem 0 0 0; text-align: center; } /* line 141, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section-wide h2 { margin-bottom: 0; } /* line 145, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section-wide span { color: #202020; font-family: "Geogrotesque-Reg", sans-serif; font-size: 0.875em; font-size: 1.25rem; } /* line 150, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section-wide p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; font-size: 1.5rem; margin: auto; margin-top: 1.5rem; padding: 0 1rem; max-width: 900px; text-align: center; } /* line 159, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section-wide a { display: block; width: 122px; margin: 3rem auto 0 auto; } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .benchmarks--section-wide a, .benchmarks--section-wide a:link, .benchmarks--section-wide a:visited { border: solid 2px #979797; color: #979797; font-family: "Geogrotesque-Semi", sans-serif; font-size: 0.875rem; padding: 1rem 2rem; text-transform: uppercase; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .benchmarks--section-wide a:hover, .benchmarks--section-wide a:visited:hover, .benchmarks--section-wide a:focus, .benchmarks--section-wide a:active { border: solid 2px #979797; color: #979797; font-family: "Geogrotesque-Semi", sans-serif; font-size: 0.875rem; padding: 1rem 2rem; text-transform: uppercase; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; color: #fff; background: #979797; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } /* line 173, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section-wide img { margin: auto; max-width: 90%; width: 500px; } /* line 180, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section-images { clear: both; max-width: 75rem; margin: auto; padding: 6rem 0 0 0; } /* line 183, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section-images img { width: 49.75%; } /* line 186, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section-images img:first-child { float: left; margin-top: 50px; margin-bottom: 3rem; } @media screen and (min-width: 760px) { /* line 186, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section-images img:first-child { margin-top: 150px; } } /* line 195, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section-images img:last-child { float: right; } /* line 201, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section { clear: both; max-width: 75rem; margin: auto; padding: 6rem 0 0 0; padding: 3rem 0 0 0; text-align: center; } @media screen and (min-width: 760px) { /* line 201, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section { text-align: left; } } /* line 210, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section--left.insurance { margin-bottom: 3rem; } @media screen and (min-width: 760px) { /* line 209, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section--left { float: left; width: 50%; } /* line 218, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section--left.insurance { margin-bottom: 6rem; } } /* line 225, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section--right.financial-services { margin-bottom: 3rem; } @media screen and (min-width: 760px) { /* line 224, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section--right { float: right; width: 50%; } /* line 233, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section--right.financial-services { margin-bottom: 6rem; } } /* line 239, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section__text { padding: 1rem 1.5rem 7.5rem 1.5rem; } @media screen and (min-width: 481px) { /* line 239, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section__text { padding: 1rem 3rem; } } /* line 247, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section h2 { margin-bottom: 0; text-align: center; } @media screen and (min-width: 760px) { /* line 247, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section h2 { text-align: left; } } /* line 255, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section span { color: #202020; font-family: "Geogrotesque-Reg", sans-serif; font-size: 0.875em; font-size: 1.25rem; } /* line 260, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--section p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; margin-top: 1.5rem; } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .benchmarks--section a, .benchmarks--section a:link, .benchmarks--section a:visited { border: solid 2px #979797; color: #979797; font-family: "Geogrotesque-Semi", sans-serif; font-size: 0.875rem; padding: 1rem 2rem; text-transform: uppercase; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .benchmarks--section a:hover, .benchmarks--section a:visited:hover, .benchmarks--section a:focus, .benchmarks--section a:active { border: solid 2px #979797; color: #979797; font-family: "Geogrotesque-Semi", sans-serif; font-size: 0.875rem; padding: 1rem 2rem; text-transform: uppercase; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; color: #fff; background: #979797; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } /* line 276, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--additional-resources { clear: both; max-width: 75rem; margin: auto; padding: 6rem 0 0 0; } /* line 279, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--additional-resources h2 { padding: 0 1rem; } /* line 283, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--additional-resources div { float: left; margin-bottom: 2rem; padding: 1rem; text-align: center; } @media screen and (min-width: 760px) { /* line 283, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--additional-resources div { border-right: solid 1px #202020; width: 33%; } } /* line 293, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--additional-resources div:nth-child(3n+1) { border-right: none; } /* line 297, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--additional-resources div h3 { color: #202020; font-size: 1.3125rem; margin-top: 0; } /* line 303, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--additional-resources div p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .benchmarks--additional-resources div a, .benchmarks--additional-resources div a:link, .benchmarks--additional-resources div a:visited { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding: 0.125rem 0; position: relative; font-size: 1.125rem !important; } /* line 173, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .benchmarks--additional-resources div a:before, .benchmarks--additional-resources div a:link:before, .benchmarks--additional-resources div a:visited:before { background-color: transparent; border-left: solid 1px #979797; border-top: solid 1px #979797; border-bottom: solid 1px #979797; content: ""; height: 65%; width: 8%; position: absolute; top: 65%; left: -13%; -webkit-transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); transform: translateY(-65%); -webkit-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; -moz-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; } /* line 187, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .benchmarks--additional-resources div a:after, .benchmarks--additional-resources div a:link:after, .benchmarks--additional-resources div a:visited:after { background-color: transparent; border-right: solid 1px #979797; border-top: solid 1px #979797; border-bottom: solid 1px #979797; content: ""; height: 65%; width: 8%; position: absolute; top: 65%; right: -13%; -webkit-transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); transform: translateY(-65%); -webkit-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; -moz-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .benchmarks--additional-resources div a:hover, .benchmarks--additional-resources div a:visited:hover, .benchmarks--additional-resources div a:focus, .benchmarks--additional-resources div a:active { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding: 0.125rem 0; position: relative; } /* line 173, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .benchmarks--additional-resources div a:hover:before, .benchmarks--additional-resources div a:visited:hover:before, .benchmarks--additional-resources div a:focus:before, .benchmarks--additional-resources div a:active:before { background-color: transparent; border-left: solid 1px #979797; border-top: solid 1px #979797; border-bottom: solid 1px #979797; content: ""; height: 65%; width: 8%; position: absolute; top: 65%; left: -13%; -webkit-transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); transform: translateY(-65%); -webkit-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; -moz-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; } /* line 187, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .benchmarks--additional-resources div a:hover:after, .benchmarks--additional-resources div a:visited:hover:after, .benchmarks--additional-resources div a:focus:after, .benchmarks--additional-resources div a:active:after { background-color: transparent; border-right: solid 1px #979797; border-top: solid 1px #979797; border-bottom: solid 1px #979797; content: ""; height: 65%; width: 8%; position: absolute; top: 65%; right: -13%; -webkit-transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); transform: translateY(-65%); -webkit-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; -moz-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; } /* line 203, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .benchmarks--additional-resources div a:hover:before, .benchmarks--additional-resources div a:visited:hover:before, .benchmarks--additional-resources div a:focus:before, .benchmarks--additional-resources div a:active:before { border: none; height: 1px; left: 0; top: auto; bottom: 5%; background-color: #979797; width: 50%; -webkit-transition: border 0.2s ease, width 0.2s ease 0.1s; -moz-transition: border 0.2s ease, width 0.2s ease 0.1s; transition: border 0.2s ease, width 0.2s ease 0.1s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } /* line 215, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .benchmarks--additional-resources div a:hover:after, .benchmarks--additional-resources div a:visited:hover:after, .benchmarks--additional-resources div a:focus:after, .benchmarks--additional-resources div a:active:after { border: none; height: 1px; right: 0; top: auto; bottom: 5%; background-color: #979797; width: 50%; -webkit-transition: border 0.2s ease, width 0.2s ease 0.1s; -moz-transition: border 0.2s ease, width 0.2s ease 0.1s; transition: border 0.2s ease, width 0.2s ease 0.1s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } /* line 320, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--hero { clear: both; max-width: 75rem; margin: auto; padding: 6rem 0 0 0; padding: 6rem 0; clear: both; } /* line 325, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--hero span { color: #fff; font-family: "Geogrotesque-Reg", sans-serif; font-size: 0.875em; font-size: 1.25rem; } /* line 330, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--hero--excerpt { clear: both; margin: auto; max-width: 800px; overflow-x: hidden; overflow-y: visible; padding: 0 1rem; position: relative; text-align: center; } /* line 340, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--hero--excerpt p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; font-size: 1.5rem; color: #fff; margin-bottom: 0; margin-top: 1.5rem; padding-bottom: 4rem; } /* line 348, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--hero--excerpt a { display: inline-block; } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .benchmarks--hero--excerpt a, .benchmarks--hero--excerpt a:link, .benchmarks--hero--excerpt a:visited { border: solid 2px #fff; color: #fff; font-family: "Geogrotesque-Semi", sans-serif; font-size: 0.875rem; padding: 1rem 2rem; text-transform: uppercase; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .benchmarks--hero--excerpt a:hover, .benchmarks--hero--excerpt a:visited:hover, .benchmarks--hero--excerpt a:focus, .benchmarks--hero--excerpt a:active { border: solid 2px #fff; color: #fff; font-family: "Geogrotesque-Semi", sans-serif; font-size: 0.875rem; padding: 1rem 2rem; text-transform: uppercase; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; color: #202020; background: #fff; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } /* line 362, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--hero-container { background: url("../img/benchmarks/energy.jpg"); background-size: cover; background-position: center; clear: both; text-align: center; margin-bottom: 3rem; } /* line 370, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_benchmarks.scss */ .benchmarks--hero-container.travel-hero { background: url("../img/benchmarks/travel.jpg"); } /* line 3, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--fold { background-image: url("/img/solutions/solutions.jpg"); background-position: center; background-size: cover; height: 23rem; overflow: hidden; position: relative; } @media screen and (min-width: 760px) { /* line 3, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--fold { background-color: rgba(32, 32, 32, 0.1); background-image: none; height: 100vh; } } /* line 17, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--video { background-image: url("/img/solutions/solutions.jpg"); background-position: center; background-size: cover; display: none; height: auto; min-height: 100%; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); width: auto; z-index: -100; } @media screen and (min-width: 600px) { /* line 17, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--video { display: block; } } /* line 38, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--hero-text { margin: auto; padding: 0 2rem; position: absolute; top: 0; bottom: 0; right: 0; left: 0; height: 81px; } @media screen and (max-width: 415px) { /* line 38, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--hero-text { height: 156px; } } @media screen and (min-width: 760px) { /* line 38, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--hero-text { height: 290px; } } @media screen and (min-width: 960px) { /* line 38, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--hero-text { height: 260px; } } @media screen and (min-width: 1060px) { /* line 38, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--hero-text { height: 310px; } } /* line 66, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--hero-text h1 { color: #fff; font-family: "Geogrotesque-Semi", sans-serif; font-size: 3.125rem; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; margin: 0; text-align: center; } @media screen and (min-width: 760px) { /* line 66, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--hero-text h1 { font-size: 4.0625rem; } } @media screen and (min-width: 1060px) { /* line 66, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--hero-text h1 { font-size: 5.625rem; } } /* line 72, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--hero-text h1 span { font-family: "Geogrotesque-Lt", sans-serif; font-weight: 100; } @media screen and (max-width: 415px) { /* line 72, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--hero-text h1 span { padding: 0 23%; } } /* line 82, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--hero-text p { display: none; color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; margin: 0; padding: 0 1rem; text-align: center; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 82, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--hero-text p { font-size: 1.5625rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 82, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--hero-text p { font-size: 1.625rem; } } @media screen and (min-width: 760px) { /* line 82, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--hero-text p { color: #fff; font-size: 1.75rem; } } @media screen and (min-width: 960px) { /* line 82, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--hero-text p { font-size: 1.875rem; } } @media screen and (min-width: 760px) { /* line 82, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--hero-text p { display: block; padding: 0 3rem; } } /* line 95, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--section-arrow { display: none; } @media screen and (min-width: 760px) { /* line 95, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--section-arrow { display: block; } } /* line 102, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--section-arrow--arrow { background: url("/img/trans.png"); display: block; content: ''; cursor: pointer; width: 2rem; height: 2rem; margin: auto; position: absolute; bottom: 2rem; right: 0; left: -0.5rem; border-bottom: solid 1px #fff; border-right: solid 1px #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); } /* line 123, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--page-excerpt { clear: both; max-width: 75rem; margin: auto; padding: 6rem 0 0 0; padding-left: 1rem; padding-right: 1rem; } @media screen and (max-width: 480px) { /* line 123, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--page-excerpt { padding: 6rem 1rem 0 1rem; } } @media screen and (min-width: 760px) { /* line 123, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--page-excerpt { display: none; } } /* line 135, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--page-excerpt p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; margin-bottom: 0; text-align: center; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 135, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--page-excerpt p { font-size: 1.5625rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 135, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--page-excerpt p { font-size: 1.625rem; } } @media screen and (min-width: 760px) { /* line 135, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--page-excerpt p { color: #fff; font-size: 1.75rem; } } @media screen and (min-width: 960px) { /* line 135, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--page-excerpt p { font-size: 1.875rem; } } /* line 142, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--section-wide { clear: both; max-width: 75rem; margin: auto; padding: 6rem 0 0 0; text-align: center; } /* line 146, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--section-wide h2 { margin-bottom: 0; } /* line 150, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--section-wide span { color: #202020; font-family: "Geogrotesque-Reg", sans-serif; font-size: 0.875em; font-size: 1.25rem; } /* line 155, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--section-wide p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; font-size: 1.5rem; margin: auto; margin-top: 1.5rem; padding: 0 1rem; max-width: 900px; text-align: center; } /* line 164, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--section-wide select { background-color: #fff; background-image: none; border: 1px solid #fff; border-radius: 0; outline: 1px solid #d7d7d7; color: #202020; font-size: 0.875rem; height: 2em; line-height: 2em; padding: 0.25em 0.5em; width: 10rem; max-width: 80%; margin-top: 2rem; } /* line 181, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events { clear: both; clear: both; max-width: 75rem; margin: auto; padding: 6rem 0 0 0; position: relative; padding: 9rem 0 0 0; } /* line 187, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events:before { content: ''; background-color: #d7d7d7; position: absolute; top: 6rem; left: 0; right: 0; width: 100%; height: 1px; } /* line 198, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events > p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; font-size: 1.5rem; margin: 0 auto 3rem auto; padding: 0 1rem; max-width: 800px; text-align: center; } /* line 206, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events ul { margin: 0; padding: 0; list-style: none; } @media screen and (min-width: 760px) { /* line 206, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events ul { margin-bottom: 0 1rem; } } /* line 215, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events li { -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; padding: 0; list-style: none; padding: 0.5em; position: relative; display: inline-block; background-color: #fff; min-height: 25rem; vertical-align: top; width: 100%; } @media screen and (min-width: 760px) { /* line 215, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events li { margin: 0 5% 0 0; padding: 1em; width: 30%; } /* line 232, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events li:last-child { margin: 0; } /* line 234, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events li:last-child:after { display: none; } /* line 239, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events li:after { content: ''; position: absolute; top: 0; bottom: 0; right: -8%; background-color: #202020; width: 1px; height: 100%; } } /* line 251, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events li h6 { color: #fe001a; font-family: "Geogrotesque-Reg", sans-serif; font-size: 0.875em; margin: 0 0 1rem 0; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .solutions--news-and-events li a, .solutions--news-and-events li a:link, .solutions--news-and-events li a:visited { color: #202020; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; color: #202020; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.25rem; margin-top: 0.25rem; display: block; padding: 1rem; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .solutions--news-and-events li a, .solutions--news-and-events li a:link, .solutions--news-and-events li a:visited { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .solutions--news-and-events li a, .solutions--news-and-events li a:link, .solutions--news-and-events li a:visited { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .solutions--news-and-events li a, .solutions--news-and-events li a:link, .solutions--news-and-events li a:visited { font-size: 1.3125rem; } } /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .solutions--news-and-events li a:before, .solutions--news-and-events li a:link:before, .solutions--news-and-events li a:visited:before { background-color: #202020; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } @media screen and (min-width: 600px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .solutions--news-and-events li a, .solutions--news-and-events li a:link, .solutions--news-and-events li a:visited { font-size: 1.3125rem; } } /* line 264, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events li a p, .solutions--news-and-events li a:link p, .solutions--news-and-events li a:visited p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; font-size: 1.5rem; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; font-size: 0.875rem !important; } /* line 269, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events li a p:first-of-type, .solutions--news-and-events li a:link p:first-of-type, .solutions--news-and-events li a:visited p:first-of-type { color: #202020; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; color: #202020; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.25rem; margin-top: 0.25rem; font-size: 1.125rem !important; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 269, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events li a p:first-of-type, .solutions--news-and-events li a:link p:first-of-type, .solutions--news-and-events li a:visited p:first-of-type { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 269, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events li a p:first-of-type, .solutions--news-and-events li a:link p:first-of-type, .solutions--news-and-events li a:visited p:first-of-type { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 269, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events li a p:first-of-type, .solutions--news-and-events li a:link p:first-of-type, .solutions--news-and-events li a:visited p:first-of-type { font-size: 1.3125rem; } } /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .solutions--news-and-events li a p:first-of-type:before, .solutions--news-and-events li a:link p:first-of-type:before, .solutions--news-and-events li a:visited p:first-of-type:before { background-color: #202020; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } @media screen and (min-width: 600px) { /* line 269, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events li a p:first-of-type, .solutions--news-and-events li a:link p:first-of-type, .solutions--news-and-events li a:visited p:first-of-type { font-size: 1.3125rem; } } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .solutions--news-and-events li a:hover, .solutions--news-and-events li a:visited:hover, .solutions--news-and-events li a:focus, .solutions--news-and-events li a:active { color: #fff; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; color: #202020; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.25rem; margin-top: 0.25rem; color: #fff; display: block; padding: 1rem; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .solutions--news-and-events li a:hover, .solutions--news-and-events li a:visited:hover, .solutions--news-and-events li a:focus, .solutions--news-and-events li a:active { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .solutions--news-and-events li a:hover, .solutions--news-and-events li a:visited:hover, .solutions--news-and-events li a:focus, .solutions--news-and-events li a:active { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .solutions--news-and-events li a:hover, .solutions--news-and-events li a:visited:hover, .solutions--news-and-events li a:focus, .solutions--news-and-events li a:active { font-size: 1.3125rem; } } @media screen and (min-width: 600px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .solutions--news-and-events li a:hover, .solutions--news-and-events li a:visited:hover, .solutions--news-and-events li a:focus, .solutions--news-and-events li a:active { font-size: 1.3125rem; } } /* line 284, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events li a:hover p, .solutions--news-and-events li a:visited:hover p, .solutions--news-and-events li a:focus p, .solutions--news-and-events li a:active p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; font-size: 1.5rem; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; color: #fff !important; font-size: 0.875rem !important; flex: 1 0 auto; } /* line 291, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events li a:hover p:first-of-type, .solutions--news-and-events li a:visited:hover p:first-of-type, .solutions--news-and-events li a:focus p:first-of-type, .solutions--news-and-events li a:active p:first-of-type { color: #fff; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; color: #202020; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.25rem; margin-top: 0.25rem; font-size: 1.125rem !important; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 291, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events li a:hover p:first-of-type, .solutions--news-and-events li a:visited:hover p:first-of-type, .solutions--news-and-events li a:focus p:first-of-type, .solutions--news-and-events li a:active p:first-of-type { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 291, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events li a:hover p:first-of-type, .solutions--news-and-events li a:visited:hover p:first-of-type, .solutions--news-and-events li a:focus p:first-of-type, .solutions--news-and-events li a:active p:first-of-type { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 291, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events li a:hover p:first-of-type, .solutions--news-and-events li a:visited:hover p:first-of-type, .solutions--news-and-events li a:focus p:first-of-type, .solutions--news-and-events li a:active p:first-of-type { font-size: 1.3125rem; } } /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .solutions--news-and-events li a:hover p:first-of-type:before, .solutions--news-and-events li a:visited:hover p:first-of-type:before, .solutions--news-and-events li a:focus p:first-of-type:before, .solutions--news-and-events li a:active p:first-of-type:before { background-color: #fff; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } @media screen and (min-width: 600px) { /* line 291, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events li a:hover p:first-of-type, .solutions--news-and-events li a:visited:hover p:first-of-type, .solutions--news-and-events li a:focus p:first-of-type, .solutions--news-and-events li a:active p:first-of-type { font-size: 1.3125rem; } } /* line 300, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events li:hover { -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; background: #ff8d00; cursor: pointer; } /* line 305, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events li:hover a, .solutions--news-and-events li:hover a p { color: #fff; } /* line 312, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events li:hover a p:first-of-type, .solutions--news-and-events li:hover a:link p:first-of-type, .solutions--news-and-events li:hover a:visited p:first-of-type { color: #fff; } /* line 319, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events li:hover h6 { color: #fff; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } /* line 326, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_solutions.scss */ .solutions--news-and-events > a:last-child { clear: both; display: block; margin: 3rem auto 0 auto; width: 7.625rem; } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .solutions--news-and-events > a:last-child, .solutions--news-and-events > a:last-child:link, .solutions--news-and-events > a:last-child:visited { border: solid 2px #979797; color: #979797; font-family: "Geogrotesque-Semi", sans-serif; font-size: 0.875rem; padding: 1rem 2rem; text-transform: uppercase; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .solutions--news-and-events > a:last-child:hover, .solutions--news-and-events > a:last-child:visited:hover, .solutions--news-and-events > a:last-child:focus, .solutions--news-and-events > a:last-child:active { border: solid 2px #979797; color: #979797; font-family: "Geogrotesque-Semi", sans-serif; font-size: 0.875rem; padding: 1rem 2rem; text-transform: uppercase; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; color: #fff; background: #979797; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } /* line 3, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--fold { background-image: url("/img/news/news.jpg"); background-position: center; background-size: cover; height: 23rem; overflow: hidden; position: relative; } @media screen and (min-width: 760px) { /* line 3, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--fold { background-color: rgba(32, 32, 32, 0.1); background-image: none; height: 100vh; } } /* line 17, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--video { background-image: url("/img/news/news.jpg"); background-position: center; background-size: cover; display: none; height: auto; min-height: 100%; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); width: auto; z-index: -100; } @media screen and (min-width: 600px) { /* line 17, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--video { display: block; } } /* line 38, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--hero-text { margin: auto; padding: 0 2rem; position: absolute; top: 0; bottom: 0; right: 0; left: 0; height: 81px; } @media screen and (min-width: 760px) { /* line 38, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--hero-text { height: 335px; } } @media screen and (min-width: 960px) { /* line 38, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--hero-text { height: 350px; } } @media screen and (min-width: 1060px) { /* line 38, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--hero-text { height: 360px; } } /* line 62, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--hero-text h1 { color: #fff; font-family: "Geogrotesque-Semi", sans-serif; font-size: 3.125rem; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; margin: 0; text-align: center; } @media screen and (min-width: 760px) { /* line 62, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--hero-text h1 { font-size: 4.0625rem; } } @media screen and (min-width: 1060px) { /* line 62, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--hero-text h1 { font-size: 5.625rem; } } /* line 68, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--hero-text h1 span { font-family: "Geogrotesque-Lt", sans-serif; font-weight: 100; } @media screen and (max-width: 415px) { /* line 68, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--hero-text h1 span { padding: 0 23%; } } /* line 78, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--hero-text p { display: none; color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; margin: 0; padding: 0 1rem; text-align: center; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 78, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--hero-text p { font-size: 1.5625rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 78, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--hero-text p { font-size: 1.625rem; } } @media screen and (min-width: 760px) { /* line 78, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--hero-text p { color: #fff; font-size: 1.75rem; } } @media screen and (min-width: 960px) { /* line 78, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--hero-text p { font-size: 1.875rem; } } @media screen and (min-width: 760px) { /* line 78, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--hero-text p { display: block; padding: 0 3rem; } } /* line 91, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--section-arrow { display: none; } @media screen and (min-width: 760px) { /* line 91, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--section-arrow { display: block; } } /* line 98, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--section-arrow--arrow { background: url("/img/trans.png"); display: block; content: ''; cursor: pointer; width: 2rem; height: 2rem; margin: auto; position: absolute; bottom: 2rem; right: 0; left: -0.5rem; border-bottom: solid 1px #fff; border-right: solid 1px #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); } /* line 119, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--page-excerpt { clear: both; max-width: 75rem; margin: auto; padding: 6rem 0 0 0; padding-left: 1rem; padding-right: 1rem; } @media screen and (max-width: 480px) { /* line 119, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--page-excerpt { padding: 6rem 1rem 0 1rem; } } @media screen and (min-width: 760px) { /* line 119, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--page-excerpt { display: none; } } /* line 131, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--page-excerpt p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; margin-bottom: 0; text-align: center; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 131, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--page-excerpt p { font-size: 1.5625rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 131, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--page-excerpt p { font-size: 1.625rem; } } @media screen and (min-width: 760px) { /* line 131, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--page-excerpt p { color: #fff; font-size: 1.75rem; } } @media screen and (min-width: 960px) { /* line 131, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--page-excerpt p { font-size: 1.875rem; } } /* line 138, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--section-wide { clear: both; max-width: 75rem; margin: auto; padding: 6rem 0 0 0; text-align: center; } /* line 142, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--section-wide h2 { margin-bottom: 0; } /* line 146, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--section-wide > p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; font-size: 1.5rem; margin: 1.5rem auto 4rem auto; padding: 0 1rem; max-width: 900px; text-align: center; } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--section-wide > a, .news--section-wide > a:link, .news--section-wide > a:visited { border: solid 2px #979797; color: #979797; font-family: "Geogrotesque-Semi", sans-serif; font-size: 0.875rem; padding: 1rem 2rem; text-transform: uppercase; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--section-wide > a:hover, .news--section-wide > a:visited:hover, .news--section-wide > a:focus, .news--section-wide > a:active { border: solid 2px #979797; color: #979797; font-family: "Geogrotesque-Semi", sans-serif; font-size: 0.875rem; padding: 1rem 2rem; text-transform: uppercase; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; color: #fff; background: #979797; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } /* line 166, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--press-releases ul { clear: both; margin: auto; max-width: 750px; padding: 3rem 0 0 0; text-align: left; } /* line 174, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--press-releases li { list-style-type: none; padding: 0 2rem; margin: 3rem 0; } /* line 179, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--press-releases li:nth-child(n+4) { display: none; } /* line 185, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--press-releases li a:first-child p, .news--press-releases li a:first-child:link p, .news--press-releases li a:first-child:visited p { color: #202020; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 185, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--press-releases li a:first-child p, .news--press-releases li a:first-child:link p, .news--press-releases li a:first-child:visited p { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 185, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--press-releases li a:first-child p, .news--press-releases li a:first-child:link p, .news--press-releases li a:first-child:visited p { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 185, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--press-releases li a:first-child p, .news--press-releases li a:first-child:link p, .news--press-releases li a:first-child:visited p { font-size: 1.3125rem; } } /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--press-releases li a:first-child p:before, .news--press-releases li a:first-child:link p:before, .news--press-releases li a:first-child:visited p:before { background-color: #202020; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } /* line 191, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--press-releases li a:first-child:hover p, .news--press-releases li a:first-child:visited:hover p, .news--press-releases li a:first-child:focus p, .news--press-releases li a:first-child:active p { color: #202020; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 191, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--press-releases li a:first-child:hover p, .news--press-releases li a:first-child:visited:hover p, .news--press-releases li a:first-child:focus p, .news--press-releases li a:first-child:active p { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 191, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--press-releases li a:first-child:hover p, .news--press-releases li a:first-child:visited:hover p, .news--press-releases li a:first-child:focus p, .news--press-releases li a:first-child:active p { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 191, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--press-releases li a:first-child:hover p, .news--press-releases li a:first-child:visited:hover p, .news--press-releases li a:first-child:focus p, .news--press-releases li a:first-child:active p { font-size: 1.3125rem; } } /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--press-releases li a:first-child:hover p:before, .news--press-releases li a:first-child:visited:hover p:before, .news--press-releases li a:first-child:focus p:before, .news--press-releases li a:first-child:active p:before { background-color: #202020; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } /* line 144, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--press-releases li a:first-child:hover p:before, .news--press-releases li a:first-child:visited:hover p:before, .news--press-releases li a:first-child:focus p:before, .news--press-releases li a:first-child:active p:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } /* line 197, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--press-releases li p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1rem; padding: 0; text-align: left; } /* line 203, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--press-releases li h6 { color: #fe001a; font-family: "Geogrotesque-Reg", sans-serif; font-size: 0.875em; } /* line 207, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--press-releases li a:last-child { margin-left: 0.3rem; } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--press-releases li a:last-child, .news--press-releases li a:last-child:link, .news--press-releases li a:last-child:visited { color: #202020; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding: 0.125rem 0; position: relative; } /* line 173, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--press-releases li a:last-child:before, .news--press-releases li a:last-child:link:before, .news--press-releases li a:last-child:visited:before { background-color: transparent; border-left: solid 1px #202020; border-top: solid 1px #202020; border-bottom: solid 1px #202020; content: ""; height: 65%; width: 8%; position: absolute; top: 65%; left: -13%; -webkit-transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); transform: translateY(-65%); -webkit-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; -moz-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; } /* line 187, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--press-releases li a:last-child:after, .news--press-releases li a:last-child:link:after, .news--press-releases li a:last-child:visited:after { background-color: transparent; border-right: solid 1px #202020; border-top: solid 1px #202020; border-bottom: solid 1px #202020; content: ""; height: 65%; width: 8%; position: absolute; top: 65%; right: -13%; -webkit-transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); transform: translateY(-65%); -webkit-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; -moz-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--press-releases li a:last-child:hover, .news--press-releases li a:last-child:visited:hover, .news--press-releases li a:last-child:focus, .news--press-releases li a:last-child:active { color: #202020; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding: 0.125rem 0; position: relative; } /* line 173, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--press-releases li a:last-child:hover:before, .news--press-releases li a:last-child:visited:hover:before, .news--press-releases li a:last-child:focus:before, .news--press-releases li a:last-child:active:before { background-color: transparent; border-left: solid 1px #202020; border-top: solid 1px #202020; border-bottom: solid 1px #202020; content: ""; height: 65%; width: 8%; position: absolute; top: 65%; left: -13%; -webkit-transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); transform: translateY(-65%); -webkit-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; -moz-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; } /* line 187, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--press-releases li a:last-child:hover:after, .news--press-releases li a:last-child:visited:hover:after, .news--press-releases li a:last-child:focus:after, .news--press-releases li a:last-child:active:after { background-color: transparent; border-right: solid 1px #202020; border-top: solid 1px #202020; border-bottom: solid 1px #202020; content: ""; height: 65%; width: 8%; position: absolute; top: 65%; right: -13%; -webkit-transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); transform: translateY(-65%); -webkit-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; -moz-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; } /* line 203, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--press-releases li a:last-child:hover:before, .news--press-releases li a:last-child:visited:hover:before, .news--press-releases li a:last-child:focus:before, .news--press-releases li a:last-child:active:before { border: none; height: 1px; left: 0; top: auto; bottom: 5%; background-color: #202020; width: 50%; -webkit-transition: border 0.2s ease, width 0.2s ease 0.1s; -moz-transition: border 0.2s ease, width 0.2s ease 0.1s; transition: border 0.2s ease, width 0.2s ease 0.1s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } /* line 215, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--press-releases li a:last-child:hover:after, .news--press-releases li a:last-child:visited:hover:after, .news--press-releases li a:last-child:focus:after, .news--press-releases li a:last-child:active:after { border: none; height: 1px; right: 0; top: auto; bottom: 5%; background-color: #202020; width: 50%; -webkit-transition: border 0.2s ease, width 0.2s ease 0.1s; -moz-transition: border 0.2s ease, width 0.2s ease 0.1s; transition: border 0.2s ease, width 0.2s ease 0.1s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } /* line 221, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--events { clear: both; clear: both; max-width: 75rem; margin: auto; padding: 6rem 0 0 0; } /* line 225, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--events > p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.5rem; font-size: 1.5rem; margin: 0 auto 3rem auto; padding: 0 1rem; max-width: 800px; text-align: center; } /* line 233, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--events ul { margin: 0; padding: 0; list-style: none; } @media screen and (min-width: 760px) { /* line 233, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--events ul { margin-bottom: 0 1rem; } } /* line 242, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--events li { -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; padding: 0; list-style: none; padding: 0.5em; position: relative; display: block; float: left; width: 100%; background-color: #fe001a; } /* line 252, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--events li:hover { opacity: 0.8; } @media screen and (min-width: 481px) { /* line 242, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--events li { width: 50%; } } /* line 260, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--events li:nth-child(8n+2), .news--events li:nth-child(8n+8) { background-color: #ff8d00; } /* line 265, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--events li:nth-child(8n+3), .news--events li:nth-child(8n+5) { background-color: #ff4c0d; } /* line 270, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--events li:nth-child(8n+4), .news--events li:nth-child(8n+6) { background-color: #ffc60d; } /* line 275, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--events li:nth-child(n+5) { display: none; } @media screen and (min-width: 760px) { /* line 242, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--events li { margin: 0; padding: 1em; width: 25%; } /* line 284, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--events li:last-child { margin: 0; } /* line 286, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--events li:last-child:after { display: none; } } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--events li a, .news--events li a:link, .news--events li a:visited { color: #fff; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; color: #202020; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.25rem; margin-top: 0.25rem; color: #fff; display: block; padding: 1rem; text-align: left; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--events li a, .news--events li a:link, .news--events li a:visited { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--events li a, .news--events li a:link, .news--events li a:visited { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--events li a, .news--events li a:link, .news--events li a:visited { font-size: 1.3125rem; } } /* line 126, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--events li a:before, .news--events li a:link:before, .news--events li a:visited:before { background-color: #fff; content: ""; height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden; width: 100%; } @media screen and (min-width: 600px) { /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--events li a, .news--events li a:link, .news--events li a:visited { font-size: 1.3125rem; } } /* line 301, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--events li a h6, .news--events li a:link h6, .news--events li a:visited h6 { font-family: "Geogrotesque-Lt", sans-serif; font-size: 1.3125rem; padding: 0; margin: 0 0 0.5rem 0; } /* line 308, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--events li a p, .news--events li a:link p, .news--events li a:visited p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; color: #fff; min-height: 8rem; margin-bottom: 0; } /* line 315, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--events li a p:first-child, .news--events li a:link p:first-child, .news--events li a:visited p:first-child { margin-top: 2rem; } /* line 320, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--events li a span, .news--events li a:link span, .news--events li a:visited span { color: #fff; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding: 0.125rem 0; position: relative; margin-left: 0.4rem; } /* line 173, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--events li a span:before, .news--events li a:link span:before, .news--events li a:visited span:before { background-color: transparent; border-left: solid 1px #fff; border-top: solid 1px #fff; border-bottom: solid 1px #fff; content: ""; height: 65%; width: 8%; position: absolute; top: 65%; left: -13%; -webkit-transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); transform: translateY(-65%); -webkit-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; -moz-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; } /* line 187, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--events li a span:after, .news--events li a:link span:after, .news--events li a:visited span:after { background-color: transparent; border-right: solid 1px #fff; border-top: solid 1px #fff; border-bottom: solid 1px #fff; content: ""; height: 65%; width: 8%; position: absolute; top: 65%; right: -13%; -webkit-transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); transform: translateY(-65%); -webkit-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; -moz-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--events li a:hover, .news--events li a:visited:hover, .news--events li a:focus, .news--events li a:active { color: #fff; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding-bottom: 0.3125rem; position: relative; color: #202020; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.25rem; margin-top: 0.25rem; color: #fff; display: block; padding: 1rem; } @media screen and (min-width: 481px) and (max-width: 599px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--events li a:hover, .news--events li a:visited:hover, .news--events li a:focus, .news--events li a:active { font-size: 1.1875rem; } } @media screen and (min-width: 600px) and (max-width: 759px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--events li a:hover, .news--events li a:visited:hover, .news--events li a:focus, .news--events li a:active { font-size: 1.25rem; } } @media screen and (min-width: 760px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--events li a:hover, .news--events li a:visited:hover, .news--events li a:focus, .news--events li a:active { font-size: 1.3125rem; } } @media screen and (min-width: 600px) { /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--events li a:hover, .news--events li a:visited:hover, .news--events li a:focus, .news--events li a:active { font-size: 1.3125rem; } } /* line 333, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--events li a:hover p, .news--events li a:visited:hover p, .news--events li a:focus p, .news--events li a:active p { color: #979797; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; color: #fff; } /* line 339, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--events li a:hover span, .news--events li a:visited:hover span, .news--events li a:focus span, .news--events li a:active span { color: #fff; font-family: "Geogrotesque-Reg", sans-serif; font-size: 1.125rem; padding: 0.125rem 0; position: relative; } /* line 173, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--events li a:hover span:before, .news--events li a:visited:hover span:before, .news--events li a:focus span:before, .news--events li a:active span:before { background-color: transparent; border-left: solid 1px #fff; border-top: solid 1px #fff; border-bottom: solid 1px #fff; content: ""; height: 65%; width: 8%; position: absolute; top: 65%; left: -13%; -webkit-transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); transform: translateY(-65%); -webkit-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; -moz-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; } /* line 187, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--events li a:hover span:after, .news--events li a:visited:hover span:after, .news--events li a:focus span:after, .news--events li a:active span:after { background-color: transparent; border-right: solid 1px #fff; border-top: solid 1px #fff; border-bottom: solid 1px #fff; content: ""; height: 65%; width: 8%; position: absolute; top: 65%; right: -13%; -webkit-transform: translateY(-65%); -moz-transform: translateY(-65%); -ms-transform: translateY(-65%); -o-transform: translateY(-65%); transform: translateY(-65%); -webkit-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; -moz-transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; transition: width 0.2s ease, height 0.2s ease 0.1s, border-top 0.2s ease 0.1s, border-bottom 0.2s ease 0.1s; } /* line 203, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--events li a:hover span:before, .news--events li a:visited:hover span:before, .news--events li a:focus span:before, .news--events li a:active span:before { border: none; height: 1px; left: 0; top: auto; bottom: 5%; background-color: #fff; width: 50%; -webkit-transition: border 0.2s ease, width 0.2s ease 0.1s; -moz-transition: border 0.2s ease, width 0.2s ease 0.1s; transition: border 0.2s ease, width 0.2s ease 0.1s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } /* line 215, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--events li a:hover span:after, .news--events li a:visited:hover span:after, .news--events li a:focus span:after, .news--events li a:active span:after { border: none; height: 1px; right: 0; top: auto; bottom: 5%; background-color: #fff; width: 50%; -webkit-transition: border 0.2s ease, width 0.2s ease 0.1s; -moz-transition: border 0.2s ease, width 0.2s ease 0.1s; transition: border 0.2s ease, width 0.2s ease 0.1s; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } /* line 345, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--events li:hover { -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; cursor: pointer; } /* line 349, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--events li:hover a, .news--events li:hover a p { color: #fff; } /* line 356, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--events > a:last-child { clear: both; display: block; margin: 3rem auto 0 auto; width: 12.0625rem; } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--events > a:last-child, .news--events > a:last-child:link, .news--events > a:last-child:visited { border: solid 2px #979797; color: #979797; font-family: "Geogrotesque-Semi", sans-serif; font-size: 0.875rem; padding: 1rem 2rem; text-transform: uppercase; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--events > a:last-child:hover, .news--events > a:last-child:visited:hover, .news--events > a:last-child:focus, .news--events > a:last-child:active { border: solid 2px #979797; color: #979797; font-family: "Geogrotesque-Semi", sans-serif; font-size: 0.875rem; padding: 1rem 2rem; text-transform: uppercase; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; color: #fff; background: #979797; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } /* line 373, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--videos ul { margin: 0; padding: 0; list-style: none; } @media screen and (min-width: 760px) { /* line 373, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--videos ul { margin-bottom: 0 1rem; } } /* line 382, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--videos li { -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; padding: 0; list-style: none; padding: 0 0 2rem 0; position: relative; min-height: 29rem; display: block; float: left; width: 100%; } @media screen and (min-width: 481px) { /* line 382, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--videos li { width: 50%; } } @media screen and (min-width: 760px) { /* line 382, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--videos li { margin: 0; padding: 0 0 5rem 0; width: 25%; } /* line 400, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--videos li:last-child { margin: 0; } /* line 402, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--videos li:last-child:after { display: none; } } /* line 408, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--videos li:nth-child(n+5) { display: none; } /* line 412, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--videos li > * { display: none; } /* line 416, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--videos li > span { display: block; } /* line 420, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--videos li > a { display: block; color: #979797; font-size: 1.125rem; margin-bottom: 0; text-align: left; width: 100%; } /* line 428, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--videos li > a h6 { font-family: "Geogrotesque-Lt", sans-serif; font-size: 1.3125rem; padding: 0 1rem; } /* line 434, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--videos li > a p { padding: 0 1rem; } /* line 438, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--videos li > a section.field-name-field-resource-image { display: block; } /* line 441, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--videos li > a section.field-name-field-resource-image h2 { display: none; } /* line 445, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--videos li > a section.field-name-field-resource-image figure { margin: 0 0 1rem 0; position: relative; } /* line 449, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--videos li > a section.field-name-field-resource-image figure:after { display: block; content: ''; width: 1rem; height: 1rem; margin: auto; position: absolute; top: 0; bottom: 0; right: 0; left: -0.5rem; border-top: solid 1px #fff; border-right: solid 1px #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); } /* line 468, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--videos li > a section.field-name-field-resource-image figure:before { display: block; content: ''; width: 4rem; height: 4rem; margin: auto; position: absolute; top: 0; bottom: 0; right: 0; left: 0; border: solid 1px #fff; border-radius: 100%; } /* line 484, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .news--videos li > a section.field-name-field-resource-image img { width: 100%; } /* line 7, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--videos li > a, .news--videos li > a:link, .news--videos li > a:visited { opacity: 1; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } /* line 15, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_mixins.scss */ .news--videos li > a:hover, .news--videos li > a:visited:hover, .news--videos li > a:focus, .news--videos li > a:active { opacity: 0.7; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } /* line 503, /Users/Oomph/Sites/Oomph/jd-power/web/jdpower.com/src/scss/_news.scss */ .load-more ul li { display: block !important; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; } /*# sourceMappingURL=styles.css.map*/