/* MEDIA QUERRIES ARE AT END OF FILE FIND THEM BY SEARCHING FOR " START MEDIA QUERIES " \*--------------------------------------------------------------*/ /** * BxSlider v4.0 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2012 * http://stevenwanderski.com * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto 60px; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: solid #fff 5px; left: -5px; background: #fff; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url(../../img/ajax-loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url(../../img/libs/bxslider/controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 10px; background: url(../../img/libs/bxslider/controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../../img/libs/bxslider/controls.png) -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../../img/libs/bxslider/controls.png) -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } .job-grouping-title { text-align: center; } .job-grouping-subtitle { width: 400px; margin-left: auto; margin-right: auto; margin-bottom: 50px; text-align: center; } .no-jobs-message { width: 650px; margin-left: auto; margin-right: auto; margin-bottom: 50px; text-align: center; } .jobs-table tr:nth-child(even){ background-color: rgba(0, 0, 0, 0.05); } .jobs-table{ margin: 60px auto 60px auto; width: 85%; text-align: left; } .jobs-table th, .jobs-table td { padding: 6px; } .jobs-table tr :first-child{ width: 25%; } .job-description-paragraph{ margin-bottom: 50px; } .btn-apply-now { border: 0; border-radius: 5px; background-color: #FC8D03 !important; color: #ffffff !important; padding: 2px 27px 0px !important; font-size: 14px; height: 34px !important; vertical-align: middle; margin: 4px 5px !important; top: 0px; position: relative; text-transform: uppercase; font-family: 'Avenir'; } /*! * Bootstrap v2.3.2 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ /* PHILZ COFFEE MAIN STYLESHEET */ /* COLOR CHART PHILZ ORANGE: #FC8D03 - rgba(252,141,3,1) MEDIUM ROAST: #735744 - rgba(115,87,68,1) LIGHT ROAST: #968978 - rgba(150,137,120,1) CREAM: #F3EEDE - rgba(243,238,222,1) FOAM: #FFFFFF - rgba(255,255,255,1) */ @font-face { font-family: 'AvenirLight'; src: url('https://www.philzcoffee.com/site/fonts/AvenirLTStd-Light.otf') format('opentype'), url('../../../../../site/fonts/AvenirLTStd-Light.otf') format('opentype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ } @font-face { font-family: 'AvenirBlack'; src: url('https://www.philzcoffee.com/site/fonts/Avenir-Black.ttf') format('opentype'), url('../../../../../site/fonts/Avenir-Black.ttf') format('opentype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ } @font-face { font-family: 'Chunkfive'; src: url('https://www.philzcoffee.com/site/fonts/Chunkfive.otf') format('opentype'), url('../../../../../site/fonts/Chunkfive.otf') format('opentype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ } @font-face { font-family: 'MissionScript'; src: url('https://www.philzcoffee.com/site/fonts/Mission-Script.otf') format('opentype'), url('../../../../../site/fonts/Mission-Script.otf') format('opentype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ } @font-face { font-family: 'Tesora'; src: url('https://www.philzcoffee.com/site/fonts/Tesora.otf') format('opentype'), url('../../../../../site/fonts/Tesora.otf') format('opentype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ } @font-face { font-family: 'Tesora2'; src: url('https://www.philzcoffee.com/site/fonts/Tesora2-Regular.otf') format('opentype'), url('../../../../../site/fonts/Tesora2-Regular.otf') format('opentype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ } @font-face { font-family: 'BOTM'; src: url('https://www.philzcoffee.com/site/fonts/BlendoftheMonth.otf') format('opentype'), url('../../../../../site/fonts/BlendoftheMonth.otf') format('opentype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ } @font-face { font-family: 'Pacifico'; src: url('https://www.philzcoffee.com/site/fonts/Pacifico.ttf') format('truetype'), url('../../../../../site/fonts/Pacifico.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ } @font-face { font-family: 'Jandaa'; src: url('https://www.philzcoffee.com/site/fonts/JandaManateeSolid.ttf') format('truetype'), url('../../../../../site/fonts/JandaManateeSolid.ttf') format('opentype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ } @font-face { font-family: 'ProximaNovaReg'; src: url('https://www.philzcoffee.com/site/fonts/ProximaNova-Regular.otf') format('opentype'), url('../../../../../site/fonts/ProximaNova-Regular.otf') format('opentype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ } @font-face { font-family: 'ProximaNovaLight'; src: url('https://www.philzcoffee.com/site/fonts/ProximaNova-Light.otf') format('opentype'), url('../../../../../site/fonts/ProximaNova-Light.otf') format('opentype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ } @font-face { font-family: 'ProximaNova-Bold'; src: url('https://www.philzcoffee.com/site/fonts/34EA34_0_0.ttf') format('truetype'), url('../../../../../site/fonts/34EA34_0_0.ttf') format('truetype'); } @font-face { font-family: 'ProximaNova-Medium'; src: url('https://www.philzcoffee.com/site/fonts/34EA34_1_0.ttf') format('truetype'), url('../../../../../site/fonts/34EA34_1_0.ttf') format('truetype'); } @font-face { font-family: 'ProximaNova-Regular'; src: url('https://www.philzcoffee.com/site/fonts/34EA34_2_0.ttf') format('truetype'), url('../../../../../site/fonts/34EA34_2_0.ttf') format('truetype'); } @font-face { font-family: 'CorporativeSoftThin'; src: url('https://www.philzcoffee.com/site/fonts/Latinotype - CorporativeSoft-Thin.otf') format('opentype'), url('../../../../../site/fonts/Latinotype - CorporativeSoft-Thin.otf') format('opentype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ } @font-face { font-family: 'CorporativeSoftRegLight'; src: url('https://www.philzcoffee.com/site/fonts/Latinotype - CorporativeSoft-RegularIt.otf') format('opentype'), url('../../../../../site/fonts/Latinotype - CorporativeSoft-RegularIt.otf') format('opentype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ } @font-face { font-family: 'CorporativeSoftReg'; src: url('https://www.philzcoffee.com/site/fonts/Latinotype - CorporativeSoft-Regular.otf') format('opentype'), url('../../../../../site/fonts/Latinotype - CorporativeSoft-Regular.otf') format('opentype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ } @font-face { font-family: 'CorporativeSoftMed'; src: url('https://www.philzcoffee.com/site/fonts/Latinotype - CorporativeSoft-Medium.otf') format('opentype'), url('../../../../../site/fonts/Latinotype - CorporativeSoft-Medium.otf') format('opentype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ } @font-face { font-family: 'CorporativeSoftBold'; src: url('https://www.philzcoffee.com/site/fonts/Latinotype - CorporativeSoft-Bold.otf') format('opentype'), url('../../../../../site/fonts/Latinotype - CorporativeSoft-Bold.otf') format('opentype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ } @font-face { font-family: "philz"; src:url("https://www.philzcoffee.com/site/fonts/philz.eot"), url("../../../../../site/fonts/philz.eot");; src:url("https://www.philzcoffee.com/site/fonts/philz.eot?#iefix") format("embedded-opentype"), url("../../../../../site/fonts/philz.eot?#iefix") format("embedded-opentype"), url("https://www.philzcoffee.com/site/fonts/philz.woff") format("woff"), url("../../../../../site/fonts/philz.woff") format("woff"), url("https://www.philzcoffee.com/site/fonts/philz.ttf") format("truetype"), url("../../../../../site/fonts/philz.ttf") format("truetype"), url("https://www.philzcoffee.com/site/fonts/philz.svg#philz") format("svg"), url("../../../../../site/fonts/philz.svg#philz") format("svg"); font-weight: normal; font-style: normal; } /*BEGIN NEW MENU ICONS AUGUST 2017*/ @font-face { font-family: "fontello"; src:url("https://philzcoffee.com/site/fonts/fontello.eot") url("../../../../../site/fonts/fontello.eot"); src:url("https://philzcoffee.com/site/fonts/fontello.eot?#iefix") format("embedded-opentype"), url("../../../../../site/fonts/fontello.eot?#iefix") format("embedded-opentype"), url("https://www.philzcoffee.com/site/fonts/fontello.woff") format("woff"), url("../../../../../site/fonts/fontello.woff") format("woff"), url("https://www.philzcoffee.com/site/fonts/fontello.ttf") format("truetype"), url("../../../../../site/fonts/fontello.ttf") format("truetype"), url("https://www.philzcoffee.com/site/fonts/fontello.svg#fontello") format("svg"), url("../../../../../site/fonts/fontello.svg#fontello") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "fontello" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="menu-icon-"]:before, [class*=" menu-icon-"]:before, [class^="icon-"]:before, [class*=" icon-"]:before,{ font-family: "fontello" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .menu-icon-cardamom:before { font-family: "fontello" !important; content: "\e800"; color: #f5dc6a; position: relative; top: 5px; right: 21px; font-size: 29px; } .menu-icon-cardamom-key:before { font-family: "fontello" !important; content: "\e800"; color: #f5dc6a; position: relative; top: 8px; right: -7px; font-size: 38px; margin-left:0px; } .menu-icon-mint:before { font-family: "fontello" !important; content: "\e801"; color: #33d5ad; position: relative; top: 2px; right: 5px; font-size: 20px; } .menu-icon-mint-mojito:before { font-family: "fontello" !important; content: "\e801"; color: #33d5ad; position: relative; top: 3px; right: 2px; font-size: 20px; } .menu-icon-mint-key:before { font-family: "fontello" !important; content: "\e801"; color: #33d5ad; position: relative; top: 3px; right: 6px; font-size: 25px; margin-right:-8px; } /*END NEW MENU ICONS AUGUST 2017*/ /*BEGIN YOUTUBE ICON*/ @font-face { font-family: "yt-logo"; src:url("https://www.philzcoffee.com/site/fonts/yt-logo.eot") url("../../../../../site/fonts/yt-logo.eot"); src:url("https://www.philzcoffee.com/site/fonts/yt-logo.eot?#iefix") format("embedded-opentype"), url("../../../../../site/fonts/yt-logo.eot?#iefix") format("embedded-opentype"), url("https://www.philzcoffee.com/site/fonts/yt-logo.woff") format("woff"), url("../../../../../site/fonts/yt-logo.woff") format("woff"), url("https://www.philzcoffee.com/site/fonts/yt-logo.ttf") format("truetype"), url("../../../../../site/fonts/yt-logo.ttf") format("truetype"), url("https://www.philzcoffee.com/site/fonts/yt-logo.svg#yt-logo") format("svg"), url("../../../../../site/fonts/yt-logo.svg#yt-logo") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'yt-logo'; src: url('data:application/octet-stream;base64,d09GRgABAAAAAAtYAA8AAAAAE7QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABWAAAADsAAABUIIslek9TLzIAAAGUAAAAQwAAAFZHilLhY21hcAAAAdgAAABLAAABcPKS1+hjdnQgAAACJAAAABMAAAAgBtX/BGZwZ20AAAI4AAAFkAAAC3CKkZBZZ2FzcAAAB8gAAAAIAAAACAAAABBnbHlmAAAH0AAAAN4AAADyWzEmLWhlYWQAAAiwAAAAMwAAADYVryi7aGhlYQAACOQAAAAdAAAAJAc9A1RobXR4AAAJBAAAAAgAAAAIB9D//2xvY2EAAAkMAAAABgAAAAYAeQAAbWF4cAAACRQAAAAgAAAAIACvC85uYW1lAAAJNAAAAX4AAALB6rpge3Bvc3QAAAq0AAAAJQAAADZgTz0ocHJlcAAACtwAAAB6AAAAhuVBK7x4nGNgZGBg4GIwYLBjYHJx8wlh4MtJLMljkGJgYYAAkDwymzEnMz2RgQPGA8qxgGkOIGaDiAIAJjsFSAB4nGNgZH7BOIGBlYGBqYppDwMDQw+EZnzAYMjIBBRlYGVmwAoC0lxTGBw+Zn3MYg76n8UQxRzEMA0ozAiSAwAcdwz7AHicY2BgYGVgYGAGYh0gZmFgYAxhYGQAAT+gKCNYnJmBCyzOwqAEVsMCEv+Y9f8/jATyWcAkAyMbwyjgAZMyUB44rCCYgREARz8LPQB4nGNgQAMSEMgc9D8LhAESbAPdAHicrVZpd9NGFB15SZyELCULLWphxMRpsEYmbMGACUGyYyBdnK2VoIsUO+m+8Ynf4F/zZNpz6Dd+Wu8bLySQtOdwmpOjd+fN1czbZRJaktgL65GUmy/F1NYmjew8CemGTctRfCg7eyFlisnfBVEQrZbatx2HREQiULWusEQQ+x5ZmmR86FFGy7akV03KLT3pLlvjQb1V334aOsqxO6GkZjN0aD2yJVUYVaJIpj1S0qZlqPorSSu8v8LMV81QwohOImm8GcbQSN4bZ7TKaDW24yiKbLLcKFIkmuFBFHmU1RLn5IoJDMoHzZDyyqcR5cP8iKzYo5xWsEu20/y+L3mndzk/sV9vUbbkQB/Ijuzg7HQlX4RbW2HctJPtKFQRdtd3QmzZ7FT/Zo/ymkYDtysyvdCMYKl8hRArP6HM/iFZLZxP+ZJHo1qykRNB62VO7Es+gdbjiClxzRhZ0N3RCRHU/ZIzDPaYPh788d4plgsTAngcy3pHJZwIEylhczRJ2jByYCVliyqp9a6YOOV1WsRbwn7t2tGXzmjjUHdiPFsPHVs5UcnxaFKnmUyd2knNoykNopR0JnjMrwMoP6JJXm1jNYmVR9M4ZsaERCICLdxLU0EsO7GkKQTNoxm9uRumuXYtWqTJA/Xco/f05la4udNT2g70s0Z/VqdiOtgL0+lp5C/xadrlIkXp+ukZfkziQdYCMpEtNsOUgwdv/Q7Sy9eWHIXXBtju7fMrqH3WRPCkAfsb0B5P1SkJTIWYVYhWQGKta1mWydWsFqnI1HdDmla+rNMEinIcF8e+jHH9XzMzlpgSvt+J07MjLj1z7UsI0xx8m3U9mtepxXIBcWZ5TqdZlu/rNMfyA53mWZ7X6QhLW6ejLD/UaYHlRzodY3lBC5p038GQizDkAg6QMISlA0NYXoIhLBUMYbkIQ1gWYQjLJRjC8mMYwnIZhrC8rGXV1FNJ49qZWAZsQmBijh65zEXlaiq5VEK7aFRqQ54SbpVUFM+qf2WgXjzyhjmwFkiXyJpfMc6Vj0bl+NYVLW8aO1fAsepvH472OfFS1ouFPwX/1dZUJb1izcOTq/Abhp5sJ6o2qXh0TZfPVT26/l9UVFgL9BtIhVgoyrJscGcihI86nYZqoJVDzGzMPLTrdcuan8P9NzFCFlD9+DcUGgvcg05ZSVnt4KzV19uy3DuDcjgTLEkxN/P6VvgiI7PSfpFZyp6PfB5wBYxKZdhqA60VvNknMQ+Z3iTPBHFbUTZI2tjOBIkNHPOAefOdBCZh6qoN5E7hhg34BWFuwXknXKJ6oyyH7kXs8yik/Fun4kT2qGiMwLPZG2Gv70LKb3EMJDT5pX4MVBWhqRg1FdA0Um6oBl/G2bptQsYO9CMqdsOyrOLDxxb3lZJtGYR8pIjVo6Of1l6iTqrcfmYUl++dvgXBIDUxf3vfdHGQyrtayTJHbQNTtxqVU9eaQ+NVh+rmUfW94+wTOWuabronHnpf06rbwcVcLLD2bQ7SUiYX1PVhhQ2iy8WlUOplNEnvuAcYFhjQ71CKjf+r+th8nitVhdFxJN9O1LfR52AM/A/Yf0f1A9D3Y+hyDS7P95oTn2704WyZrqIX66foNzBrrblZugbc0HQD4iFHrY64yg18pwZxeqS5HOkh4GPdFeIBwCaAxeAT3bWM5lMAo/mMOT7A58xh0GQOgy3mMNhmzhrADnMY7DKHwR5zGHzBnHWAL5nDIGQOg4g5DJ4wJwB4yhwGXzGHwdfMYfANc+4DfMscBjFzGCTMYbCv6dYwzC1e0F2gtkFVoANTT1jcw+JQU2XI/o4Xhv29Qcz+wSCm/qjp9pD6Ey8M9WeDmPqLQUz9VdOdIfU3Xhjq7wYx9Q+DmPpMvxjLZQa/jHyXCgeUXWw+5++J9w/bxUC5AAEAAf//AA94nE2LsUoDQRRF576ZnXmzGyfDMm60yERI2CWIMQTZVCaCBFvTWFpYaOmHmPyKn2Cf1t4PsPUDsq5VhAsHzuEKappmL7/pQ5BYibObPkFICNy1hHgVwLOR1UiuzK1MwvkFzWfFgGLSi9SL6KMwDl042YUeVuUlJlT9Ddco5wsssaAl6qI+rrGF2/+8PL6Px9Zy7nLPKi2U0shUYDa59zzcfO4eTqchlJ3/jX1ufPvZfL1td5oIIGLtjXRXcXR/8rRex1lq2WlGkimiRKpwdIiDaWZtJ201aUp/ASUaIMYAAHicY2BkYGAA4sZFV87H89t8ZeBmfgEUYbgZ/KkXRv////8f80umfUAuBwMTSBQAtyUQZQB4nGNgZGBgDvqfBSRf/AcC5pcMQBEUwAQAtq8HlgAAAAPoAAAD6P//AAAAAAB5AAAAAQAAAAIARgACAAAAAAACAAYAFgBzAAAAMQtwAAAAAHicdZBNagJBEIXf+BeikEUCgex6lSjB8QdcKFkIgkJ2cSEEshnH+ZNxWnpawUvkDjlIrpKz5DkWIQYyTdNfvXpdXVMArvEFB6dvwH1iBxeMTlwiPwmXyRPhCvlZuIoGXoRr1N+E63iEL9zADd5ZwalcMlrjQ9jBldMQLpHvhMvkB+EKeSBcxa0zEa5RfxWuY+FEwg3cO58TvT2YJIqtak5aqt/tDdXyoDSlJPNS5e1srE2uxirUmQ3SVLu+3hxsO9WRngfRLvWMRHIsApMnOlM9tyvKLMgC49lgdayc76O+taEKjd6oqdRUW6PXgW/d2NrtqNP5/RZHqbHFAQYJIsSwUGhSbfHso4sehqQlHYrOkytBBg8pFQ873oiLTM54zB0yyqgGdKRkl+PX2LCCRbtQIu458xFvp6xh/uTOowWdx+pJUVexI5d9nXtm9GSFzyteXv30nGNPR5+qZWfH7kzRjcL0T5+Kczjm1lR86m4xDUt1hA7XP//1DQE6fy8AAHicY2BigAAuBuyAiZGJkZmBpzK/tKQ0KVW3ICexkoEBAC6KBRIAAAB4nGPw3sFwIihiIyNjX+QGxp0cDBwMyQUbGVidNjEwMmiBGJu5mBg5ICw+BjCLzWkX0wGgNCeQze60i8EBwmZmcNmowtgRGLHBoSNiI3OKy0Y1EG8XRwMDI4tDR3JIBEhJJBBs5mFi5NHawfi/dQNL70YmBhcADHYj9AAA') format('woff'), url('data:application/octet-stream;base64,AAEAAAAPAIAAAwBwR1NVQiCLJXoAAAD8AAAAVE9TLzJHilLhAAABUAAAAFZjbWFw8pLX6AAAAagAAAFwY3Z0IAbV/wQAAAecAAAAIGZwZ22KkZBZAAAHvAAAC3BnYXNwAAAAEAAAB5QAAAAIZ2x5ZlsxJi0AAAMYAAAA8mhlYWQVryi7AAAEDAAAADZoaGVhBz0DVAAABEQAAAAkaG10eAfQ//8AAARoAAAACGxvY2EAeQAAAAAEcAAAAAZtYXhwAK8LzgAABHgAAAAgbmFtZeq6YHsAAASYAAACwXBvc3RgTz0oAAAHXAAAADZwcmVw5UErvAAAEywAAACGAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAED6AGQAAUAAAJ6ArwAAACMAnoCvAAAAeAAMQECAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQPFq8WoDUv9qAFoDUgCWAAAAAQAAAAAAAAAAAAUAAAADAAAALAAAAAQAAAFUAAEAAAAAAE4AAwABAAAALAADAAoAAAFUAAQAIgAAAAQABAABAADxav//AADxav//AAAAAQAEAAAAAQAAAQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAAHAAAAAAAAAABAADxagAA8WoAAAABAAL////+A+kCvgACAEUAIEAdAgEAAwEAAUcCAQABAG8AAQFmBwMnJANFB0MDBRQrLQI3MhYfAh4FFx4CFx4BHQEWBw4BDwEOAw8BBiMnJi8BLgInLgInLgE9ASY3PgE/AT4CPwE2FjYVNgGNAQ7+8mderikpCQkIEg4SEAgEChYEBAYBCwQUCAgHEhAQCCOM0slWGTAUFCYMBAoWBAQGAQsEFAgICBASBxAJCBKM3YuNyQYCAgEBAgIIBhAHAw40HiRQGGJRUR4yCgkIDgYIAQULBAICBQMEFA0DDjQeJFAYYlFRHzALCQkMCgIFAwIGAgoAAAABAAAAAQAAgaLUz18PPPUACwPoAAAAANlT8o0AAAAA2VPyjf////4D6QK+AAAACAACAAAAAAAAAAEAAANS/2oAAAPo/////wPpAAEAAAAAAAAAAAAAAAAAAAACA+gAAAPo//8AAAAAAHkAAAABAAAAAgBGAAIAAAAAAAIABgAWAHMAAAAxC3AAAAAAAAAAEgDeAAEAAAAAAAAANQAAAAEAAAAAAAEABwA1AAEAAAAAAAIABwA8AAEAAAAAAAMABwBDAAEAAAAAAAQABwBKAAEAAAAAAAUACwBRAAEAAAAAAAYABwBcAAEAAAAAAAoAKwBjAAEAAAAAAAsAEwCOAAMAAQQJAAAAagChAAMAAQQJAAEADgELAAMAAQQJAAIADgEZAAMAAQQJAAMADgEnAAMAAQQJAAQADgE1AAMAAQQJAAUAFgFDAAMAAQQJAAYADgFZAAMAAQQJAAoAVgFnAAMAAQQJAAsAJgG9Q29weXJpZ2h0IChDKSAyMDE5IGJ5IG9yaWdpbmFsIGF1dGhvcnMgQCBmb250ZWxsby5jb215dC1sb2dvUmVndWxhcnl0LWxvZ295dC1sb2dvVmVyc2lvbiAxLjB5dC1sb2dvR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AQwBvAHAAeQByAGkAZwBoAHQAIAAoAEMAKQAgADIAMAAxADkAIABiAHkAIABvAHIAaQBnAGkAbgBhAGwAIABhAHUAdABoAG8AcgBzACAAQAAgAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAHkAdAAtAGwAbwBnAG8AUgBlAGcAdQBsAGEAcgB5AHQALQBsAG8AZwBvAHkAdAAtAGwAbwBnAG8AVgBlAHIAcwBpAG8AbgAgADEALgAwAHkAdAAtAGwAbwBnAG8ARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAAIAAAAAAAAACgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgECAQMADHlvdXR1YmUtcGxheQAAAAAAAQAB//8ADwAAAAAAAAAAAAAAAAAAAAAAGAAYABgAGANS/2oDUv9qsAAsILAAVVhFWSAgS7gADlFLsAZTWliwNBuwKFlgZiCKVViwAiVhuQgACABjYyNiGyEhsABZsABDI0SyAAEAQ2BCLbABLLAgYGYtsAIsIGQgsMBQsAQmWrIoAQpDRWNFUltYISMhG4pYILBQUFghsEBZGyCwOFBYIbA4WVkgsQEKQ0VjRWFksChQWCGxAQpDRWNFILAwUFghsDBZGyCwwFBYIGYgiophILAKUFhgGyCwIFBYIbAKYBsgsDZQWCGwNmAbYFlZWRuwAStZWSOwAFBYZVlZLbADLCBFILAEJWFkILAFQ1BYsAUjQrAGI0IbISFZsAFgLbAELCMhIyEgZLEFYkIgsAYjQrEBCkNFY7EBCkOwAWBFY7ADKiEgsAZDIIogirABK7EwBSWwBCZRWGBQG2FSWVgjWSEgsEBTWLABKxshsEBZI7AAUFhlWS2wBSywB0MrsgACAENgQi2wBiywByNCIyCwACNCYbACYmawAWOwAWCwBSotsAcsICBFILALQ2O4BABiILAAUFiwQGBZZrABY2BEsAFgLbAILLIHCwBDRUIqIbIAAQBDYEItsAkssABDI0SyAAEAQ2BCLbAKLCAgRSCwASsjsABDsAQlYCBFiiNhIGQgsCBQWCGwABuwMFBYsCAbsEBZWSOwAFBYZVmwAyUjYUREsAFgLbALLCAgRSCwASsjsABDsAQlYCBFiiNhIGSwJFBYsAAbsEBZI7AAUFhlWbADJSNhRESwAWAtsAwsILAAI0KyCwoDRVghGyMhWSohLbANLLECAkWwZGFELbAOLLABYCAgsAxDSrAAUFggsAwjQlmwDUNKsABSWCCwDSNCWS2wDywgsBBiZrABYyC4BABjiiNhsA5DYCCKYCCwDiNCIy2wECxLVFixBGREWSSwDWUjeC2wESxLUVhLU1ixBGREWRshWSSwE2UjeC2wEiyxAA9DVVixDw9DsAFhQrAPK1mwAEOwAiVCsQwCJUKxDQIlQrABFiMgsAMlUFixAQBDYLAEJUKKiiCKI2GwDiohI7ABYSCKI2GwDiohG7EBAENgsAIlQrACJWGwDiohWbAMQ0ewDUNHYLACYiCwAFBYsEBgWWawAWMgsAtDY7gEAGIgsABQWLBAYFlmsAFjYLEAABMjRLABQ7AAPrIBAQFDYEItsBMsALEAAkVUWLAPI0IgRbALI0KwCiOwAWBCIGCwAWG1EBABAA4AQkKKYLESBiuwcisbIlktsBQssQATKy2wFSyxARMrLbAWLLECEystsBcssQMTKy2wGCyxBBMrLbAZLLEFEystsBossQYTKy2wGyyxBxMrLbAcLLEIEystsB0ssQkTKy2wHiwAsA0rsQACRVRYsA8jQiBFsAsjQrAKI7ABYEIgYLABYbUQEAEADgBCQopgsRIGK7ByKxsiWS2wHyyxAB4rLbAgLLEBHistsCEssQIeKy2wIiyxAx4rLbAjLLEEHistsCQssQUeKy2wJSyxBh4rLbAmLLEHHistsCcssQgeKy2wKCyxCR4rLbApLCA8sAFgLbAqLCBgsBBgIEMjsAFgQ7ACJWGwAWCwKSohLbArLLAqK7AqKi2wLCwgIEcgILALQ2O4BABiILAAUFiwQGBZZrABY2AjYTgjIIpVWCBHICCwC0NjuAQAYiCwAFBYsEBgWWawAWNgI2E4GyFZLbAtLACxAAJFVFiwARawLCqwARUwGyJZLbAuLACwDSuxAAJFVFiwARawLCqwARUwGyJZLbAvLCA1sAFgLbAwLACwAUVjuAQAYiCwAFBYsEBgWWawAWOwASuwC0NjuAQAYiCwAFBYsEBgWWawAWOwASuwABa0AAAAAABEPiM4sS8BFSotsDEsIDwgRyCwC0NjuAQAYiCwAFBYsEBgWWawAWNgsABDYTgtsDIsLhc8LbAzLCA8IEcgsAtDY7gEAGIgsABQWLBAYFlmsAFjYLAAQ2GwAUNjOC2wNCyxAgAWJSAuIEewACNCsAIlSYqKRyNHI2EgWGIbIVmwASNCsjMBARUUKi2wNSywABawBCWwBCVHI0cjYbAJQytlii4jICA8ijgtsDYssAAWsAQlsAQlIC5HI0cjYSCwBCNCsAlDKyCwYFBYILBAUVizAiADIBuzAiYDGllCQiMgsAhDIIojRyNHI2EjRmCwBEOwAmIgsABQWLBAYFlmsAFjYCCwASsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsAJiILAAUFiwQGBZZrABY2EjICCwBCYjRmE4GyOwCENGsAIlsAhDRyNHI2FgILAEQ7ACYiCwAFBYsEBgWWawAWNgIyCwASsjsARDYLABK7AFJWGwBSWwAmIgsABQWLBAYFlmsAFjsAQmYSCwBCVgZCOwAyVgZFBYIRsjIVkjICCwBCYjRmE4WS2wNyywABYgICCwBSYgLkcjRyNhIzw4LbA4LLAAFiCwCCNCICAgRiNHsAErI2E4LbA5LLAAFrADJbACJUcjRyNhsABUWC4gPCMhG7ACJbACJUcjRyNhILAFJbAEJUcjRyNhsAYlsAUlSbACJWG5CAAIAGNjIyBYYhshWWO4BABiILAAUFiwQGBZZrABY2AjLiMgIDyKOCMhWS2wOiywABYgsAhDIC5HI0cjYSBgsCBgZrACYiCwAFBYsEBgWWawAWMjICA8ijgtsDssIyAuRrACJUZSWCA8WS6xKwEUKy2wPCwjIC5GsAIlRlBYIDxZLrErARQrLbA9LCMgLkawAiVGUlggPFkjIC5GsAIlRlBYIDxZLrErARQrLbA+LLA1KyMgLkawAiVGUlggPFkusSsBFCstsD8ssDYriiAgPLAEI0KKOCMgLkawAiVGUlggPFkusSsBFCuwBEMusCsrLbBALLAAFrAEJbAEJiAuRyNHI2GwCUMrIyA8IC4jOLErARQrLbBBLLEIBCVCsAAWsAQlsAQlIC5HI0cjYSCwBCNCsAlDKyCwYFBYILBAUVizAiADIBuzAiYDGllCQiMgR7AEQ7ACYiCwAFBYsEBgWWawAWNgILABKyCKimEgsAJDYGQjsANDYWRQWLACQ2EbsANDYFmwAyWwAmIgsABQWLBAYFlmsAFjYbACJUZhOCMgPCM4GyEgIEYjR7ABKyNhOCFZsSsBFCstsEIssDUrLrErARQrLbBDLLA2KyEjICA8sAQjQiM4sSsBFCuwBEMusCsrLbBELLAAFSBHsAAjQrIAAQEVFBMusDEqLbBFLLAAFSBHsAAjQrIAAQEVFBMusDEqLbBGLLEAARQTsDIqLbBHLLA0Ki2wSCywABZFIyAuIEaKI2E4sSsBFCstsEkssAgjQrBIKy2wSiyyAABBKy2wSyyyAAFBKy2wTCyyAQBBKy2wTSyyAQFBKy2wTiyyAABCKy2wTyyyAAFCKy2wUCyyAQBCKy2wUSyyAQFCKy2wUiyyAAA+Ky2wUyyyAAE+Ky2wVCyyAQA+Ky2wVSyyAQE+Ky2wViyyAABAKy2wVyyyAAFAKy2wWCyyAQBAKy2wWSyyAQFAKy2wWiyyAABDKy2wWyyyAAFDKy2wXCyyAQBDKy2wXSyyAQFDKy2wXiyyAAA/Ky2wXyyyAAE/Ky2wYCyyAQA/Ky2wYSyyAQE/Ky2wYiywNysusSsBFCstsGMssDcrsDsrLbBkLLA3K7A8Ky2wZSywABawNyuwPSstsGYssDgrLrErARQrLbBnLLA4K7A7Ky2waCywOCuwPCstsGkssDgrsD0rLbBqLLA5Ky6xKwEUKy2wayywOSuwOystsGwssDkrsDwrLbBtLLA5K7A9Ky2wbiywOisusSsBFCstsG8ssDorsDsrLbBwLLA6K7A8Ky2wcSywOiuwPSstsHIsswkEAgNFWCEbIyFZQiuwCGWwAyRQeLABFTAtAEu4AMhSWLEBAY5ZsAG5CAAIAGNwsQAFQrIAAQAqsQAFQrMKAgEIKrEABUKzDgABCCqxAAZCugLAAAEACSqxAAdCugBAAAEACSqxAwBEsSQBiFFYsECIWLEDZESxJgGIUVi6CIAAAQRAiGNUWLEDAERZWVlZswwCAQwquAH/hbAEjbECAEQAAA==') format('truetype'); } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'yt-logo'; src: url('../font/yt-logo.svg?97572128#yt-logo') format('svg'); } } */ [class^="youtube-"]:before, [class*=" youtube-"]:before { font-family: "yt-logo"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .youtube-logo:before { content: '\f16a'; } /* '' */ /*END NEW YOUTUBE ICON*/ /*BEGIN NEW MENU ICONS*/ @font-face { font-family: "untitled-font-1"; src:url("https://philzcoffee.com/site/fonts/untitled-font-1.eot") url("../../../../../site/fonts/untitled-font-1.eot"); src:url("https://philzcoffee.com/site/fonts/untitled-font-1.eot?#iefix") format("embedded-opentype"), url("../../../../../site/fonts/untitled-font-1.eot?#iefix") format("embedded-opentype"), url("https://www.philzcoffee.com/site/fonts/untitled-font-1.woff") format("woff"), url("../../../../../site/fonts/untitled-font-1.woff") format("woff"), url("https://www.philzcoffee.com/site/fonts/untitled-font-1.ttf") format("truetype"), url("../../../../../site/fonts/untitled-font-1.ttf") format("truetype"), url("https://www.philzcoffee.com/site/fonts/untitled-font-1.svg#untitled-font-1") format("svg"), url("../../../../../site/fonts/untitled-font-1.svg#untitled-font-1") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "untitled-font-1" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="new-icon-"]:before, [class*=" new-icon-"]:before { font-family: "untitled-font-1" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .new-icon-cardamom:before { font-family: "untitled-font-1" !important; content: "\61"; color: #f5dc6a; position: relative; top: 10px; right: 21px; font-size: 29px; } .new-icon-cardamom-key:before { font-family: "untitled-font-1" !important; content: "\61"; color: #f5dc6a; position: relative; top: 14px; right: -7px; font-size: 38px; margin-left:0px; } .new-icon-mint:before { font-family: "untitled-font-1" !important; content: "\62"; color: #33d5ad; position: relative; top: 5px; right: 5px; font-size: 20px; } .new-icon-mint-mojito:before { font-family: "untitled-font-1" !important; content: "\62"; color: #33d5ad; position: relative; top: 5px; right: 2px; font-size: 20px; } .new-icon-mint-key:before { font-family: "untitled-font-1" !important; content: "\62"; color: #33d5ad; position: relative; top: 6px; right: 6px; font-size: 25px; margin-right:-8px; } /*END NEW MENU ICONS*/ [data-icon]:before { font-family: "philz" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "philz" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-facebook-1:before {content: "f";} .icon-pinterest:before {content: "p";} .icon-linkedin:before {content: "l";} .icon-instagrem:before {content: "i";} .icon-twitter:before {content: "t";} .icon-gplus:before {content: "g";} .icon-wordpress:before {content: "w";} .icon-shopping-cart-philz:before { content: "s"; position: relative; font-size: 30px; right: 10px; line-height: 19px; } .icon-mint:before{content: "m";position: relative;font-size: 20px;top: -5px;left:-6px;color:#a8e7a4;} .icon-mint-after:before{content: "m";position: relative;font-size: 15px;top: -4px;right:-3px;color:#a8e7a4;} .icon-nuts:before{content: "n";position: relative;font-size: 20px;top: -6px;left:-7px;color:#977762;} .icon-nuts-after:before{content: "n";position: relative;font-size: 15px;top: -4px;right:-3px;color:#977762;} .icon-close-circle:before {content: "a";color:#735744; font-size:1.3em;} .icon-chevron-philz-up:before {content: "h"; color:#977762; position: relative; bottom: 7px;} .icon-chevron-philz-down:before {content: "b"; color:#977762;} .icon-chevron-philz-right:before {content: "d"; color:#977762; position: relative; top: 1px; margin-right: 3px !important;} .icon-chevron-philz-left:before {content: "c"; color:#977762; position: relative; top: -2px;} .bullet {font-size: 0.5em; position: relative; top: -2px;} .twitteriffic:before {font-family:'philz';content: "t";} .btn-continue-shopping { position: relative; /* top: -30px !important; */ width: 239px; padding-right: 0 !important; padding-left: 0 !important; } /* BEGIN HOMEPAGE CAROUSEL STYLES */ .bom-ambrosia-text {position: relative;text-align: center;transform: translateY(80%);font-family: 'Avenir', sans-serif;} h1.bom-ambrosia {text-transform: uppercase;font-weight: 900;font-size: 30px;} p.bom-ambrosia {margin-top: 130px;margin-bottom: 32px;font-size: 22px;} .recruitment-text {position: relative;text-align: center;transform: translateY(685%);font-family: 'Avenir', sans-serif;} p.recruitment {margin-bottom: 20px;font-size: 25px;color: #fff;font-weight: 300;} .menu-hero-text {position: relative;text-align: center;right: -20%;transform: translateY(330%);font-family: 'Avenir', sans-serif;} p.menu-hero {margin-bottom: 20px;font-size: 25px;font-weight: 300} .icon-chevron-philz-left-carousel:before {content: "c";color: #a5a5a3;position: relative;top: 23%;right: 0%;} .icon-chevron-philz-right-carousel:before {content: "d";color: #a5a5a3;position: relative;top: 23%;right: 0%;} .full-width-img {width:100% !important; height:auto;} @media screen and (max-width:479px) { .icon-chevron-philz-left-carousel:before {content: "c";color: #a5a5a3;position: relative;top: 15% !important;right: 110% !important;} .icon-chevron-philz-right-carousel:before {content: "d";color: #a5a5a3;position: relative;top: 15% !important;right: 70% !important;} } @media screen and (max-width:340px) { .bom-ambrosia-text {position: relative;text-align: center;transform: translateY(-275%) !important;font-family: 'Avenir', sans-serif;} p.bom-ambrosia {margin-top: 0px !important;margin-bottom: 10px !important;font-size: 13px !important;} .recruitment-text {position: relative;text-align: center;transform: translateY(-100%) !important;font-family: 'Avenir', sans-serif;} p.recruitment {margin-bottom: 1px !important;font-size: 13px !important;color: #fff;font-weight: 300;} .menu-hero-text {position: relative;text-align: center;right: 0% !important;transform: translateY(-431%) !important;font-family: 'Avenir', sans-serif;} p.menu-hero {margin-bottom: 5px !important;font-size: 13px;font-weight: 300} } @media screen and (min-width:341px) and (max-width:390px) { .bom-ambrosia-text {position: relative;text-align: center;transform: translateY(-312%) !important;font-family: 'Avenir', sans-serif;} p.bom-ambrosia {margin-top: 0px !important;margin-bottom: 10px !important;font-size: 14px !important;} .recruitment-text {position: relative;text-align: center;transform: translateY(-115%) !important;font-family: 'Avenir', sans-serif;} p.recruitment {margin-bottom: 3px !important;font-size: 13px !important;color: #fff;font-weight: 300;} .menu-hero-text {position: relative;text-align: center;right: 0% !important;transform: translateY(-495%) !important;font-family: 'Avenir', sans-serif;} p.menu-hero {margin-bottom: 5px !important;font-size: 14px;font-weight: 300} } @media screen and (min-width:391px) and (max-width:479px) { .bom-ambrosia-text {position: relative;text-align: center;transform: translateY(-344%) !important;font-family: 'Avenir', sans-serif;} p.bom-ambrosia {margin-top: 0px !important;margin-bottom: 10px !important;font-size: 14px !important;} .recruitment-text {position: relative;text-align: center;transform: translateY(-123%) !important;font-family: 'Avenir', sans-serif;} p.recruitment {margin-bottom: 3px !important;font-size: 13px !important;color: #fff;font-weight: 300;} .menu-hero-text {position: relative;text-align: center;right: 0% !important;transform: translateY(-545%) !important;font-family: 'Avenir', sans-serif;} p.menu-hero {margin-bottom: 5px !important;font-size: 14px;font-weight: 300} } /* Fade Transition */ .carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; } .carousel-fade .carousel-inner .active { opacity: 1; } .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; } .carousel-fade .carousel-control { z-index: 2; } /* WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers." Need to override the 3.3 new styles for modern browsers & apply opacity */ @media all and (transform-3d), (-webkit-transform-3d) { .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* END HOMEPAGE CAROUSEL STYLES */ /* BEGIN FLEXSLIDER 2 CSS */ @font-face { font-family: 'flexslider-icon'; src:url("https://www.philzcoffee.com/site/fonts/flexslider-icon.eot") url("../../../../../site/fonts/flexslider-icon.eot"); src:url("https://www.philzcoffee.com/site/fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("../../../../../site/fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("https://www.philzcoffee.com/site/fonts/flexslider-icon.woff") format("woff"), url("../../../../../site/fonts/flexslider-icon.woff") format("woff"), url("https://www.philzcoffee.com/site/fonts/flexslider-icon.ttf") format("truetype"), url("../../../../../site/fonts/flexslider-icon.ttf") format("truetype"), url("https://www.philzcoffee.com/site/fonts/flexslider-icon.svg#flexslider-icon") format("svg"), url("../../../../../site/fonts/flexslider-icon.svg#flexslider-icon") format("svg"); font-weight: normal; font-style: normal; } .flex-container a:hover, .flex-slider a:hover { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } .flexslider { margin: 0 0 20px; /*background: #fff;*/ /*border: 4px solid #fff;*/ position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; -moz-user-select: none; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 66px; height: 44px; margin: -20px -11px 0; position: absolute; text-align: center; top: 50%; z-index: 10; /*overflow: hidden;*/ opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); background-color:#fff; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .flex-direction-nav a.flex-next:before { content: '\f002'; } .flex-direction-nav .flex-prev { left: -50px; text-align:center; padding-top:25px; } .flex-direction-nav .flex-next { right: -50px; text-align: center; padding-top:25px; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } /* END FLEXSLIDER 2 CSS */ .progress { overflow: hidden; height: 18px; margin-bottom: 18px; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .progress .bar { width: 0; height: 100%; color: #fff; float: left; font-size: 12px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); background-image: -o-linear-gradient(top, #149bdf, #0480be); background-image: linear-gradient(to bottom, #149bdf, #0480be); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: width .6s ease; -moz-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease } .progress .bar+.bar { -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15); -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 1px 0 0 rgba(0, 0, 0, .15), inset 0 -1px 0 rgba(0, 0, 0, .15) } .progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, 0.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, 0.15)), color-stop(.75, rgba(255, 255, 255, 0.15)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -o-background-size: 40px 40px; background-size: 40px 40px } .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite } .progress-danger .bar, .progress .bar-danger { background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0) } .progress-danger.progress-striped .bar, .progress-striped .bar-danger { background-color: #ee5f5b; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, 0.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, 0.15)), color-stop(.75, rgba(255, 255, 255, 0.15)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) } .progress-success .bar, .progress .bar-success { background-color: #5eb95e; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); background-image: -o-linear-gradient(top, #62c462, #57a957); background-image: linear-gradient(to bottom, #62c462, #57a957); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0) } .progress-success.progress-striped .bar, .progress-striped .bar-success { background-color: #62c462; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, 0.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, 0.15)), color-stop(.75, rgba(255, 255, 255, 0.15)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) } .progress-info .bar, .progress .bar-info { background-color: #4bb1cf; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); background-image: -o-linear-gradient(top, #5bc0de, #339bb9); background-image: linear-gradient(to bottom, #5bc0de, #339bb9); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0) } .progress-info.progress-striped .bar, .progress-striped .bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, 0.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, 0.15)), color-stop(.75, rgba(255, 255, 255, 0.15)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) } .progress-warning .bar, .progress .bar-warning { background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0) } .progress-warning.progress-striped .bar, .progress-striped .bar-warning { background-color: #fbb450; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, 0.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, 0.15)), color-stop(.75, rgba(255, 255, 255, 0.15)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) } .carousel { position: relative; width: 100%; margin: 0 auto -20px !important; line-height: 1 } .carousel-inner { overflow: hidden; width: 100%; position: relative; padding: 0px !important; } .carousel-inner>.item { display: none; position: relative; -webkit-transition: 2.6s ease-in-out left; -moz-transition: 2.6s ease-in-out left; -o-transition: 2.6s ease-in-out left; transition: 2.6s ease-in-out left } .carousel-inner>.item>img, .carousel-inner>.item>a>img { display: block; line-height: 1 } .carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { display: block } .carousel-inner>.active { left: 0 } .carousel-inner>.next, .carousel-inner>.prev { position: absolute; top: 0; width: 100% } .carousel-inner>.next { left: 100% } .carousel-inner>.prev { left: -100% } .carousel-inner>.next.left, .carousel-inner>.prev.right { left: 0 } .carousel-inner>.active.left { left: -100% } .carousel-inner>.active.right { left: 100% } .carousel-control { position: absolute; top: 40%; left: 15px; width: 40px; height: 40px; margin-top: -20px; font-family: 'Philz'; font-size: 50px; font-weight: 100; line-height: 30px; color: #735744; text-align: center; opacity: .5; filter: alpha(opacity=50) } .carousel-control.right { left: auto; right: 15px } .carousel-control:hover, .carousel-control:focus { color: #000; text-decoration: none; opacity: .9; filter: alpha(opacity=90) } .carousel-indicators { position: absolute; top: 15px; right: 15px; z-index: 5; margin: 0; list-style: none } .carousel-indicators li { display: block; float: left; width: 10px; height: 10px; margin-left: 9px; text-indent: -999px; background-color: #fff; border-radius: 5px } .carousel-indicators .active { background-color: #de7b02 } .carousel-caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 15px; background: #333; background: rgba(0, 0, 0, 0.75) } .carousel-caption h4, .carousel-caption p { color: #fff; line-height: 18px } .carousel-caption h4 { margin: 0 0 5px } .carousel-caption p { margin-bottom: 0 } .pull-right { float: right } .pull-left { float: left } .hide { display: none } .hidden { position: absolute; height: 0; width: 0; } .show { display: block } .invisible { visibility: hidden } .affix { position: fixed } .list-header { border: 1px solid #eaeaea; padding: 20px 10px } .list-header input, .list-header select { margin: 0 } .list-header select { width: 140px } .list-header label { margin-bottom: 0; margin-right: 5px } .list-header label.v-center { margin-top: 5px } /* BOM Banner */ .ribbon { padding: 6px 4px 0; position: relative; color: #3A2C22; text-align: center; display: inline-block; background: #FFAD24; font-weight: bold; top: -5px; margin-left: 40px; height: 32px; font-family: 'CorporativeSoft-Regular', 'Avenir', sans-serif; font-size: 16px; } @media only screen and (max-device-width: 1025px) { .ribbon { padding: 6px 4px 0; position: relative; color: #3A2C22; text-align: center; display: inline-block; background: #FFAD24; font-weight: bold; top: 0px; margin-left: 17px; height: 32px; font-family: 'CorporativeSoft-Regular', 'Avenir', sans-serif; font-size: 16px; margin-top:15px; margin-bottom:5px; } } /* Nov 2017 Font Changes */ .item-details-add-to-cart-button { font-weight: 600; margin-top:15px; font-family: 'ProximaNovaLight', sans-serif; } .input-textarea, .item-views-option-text-area, .product-reviews-form-content-group-text, .product-reviews-form-preview-content-group-text { font-family: 'ProximaNovaReg', serif;} select[class] { font-family: 'CorporativeSoftReg', sans-serif; } input[type="text"], input[type="password"], input[type="email"], input[type="phone"], input[type="search"], input[type="number"] { font-family: 'ProximaNovaReg', sans-serif;} .product-reviews-center-list .product-reviews-center-container-button { text-decoration: none; font-family: 'ProximaNovaReg', sans-serif; } .button-primary, .button-sign-in, .item-cell-quick-view-link, .facets-item-cell-grid-quick-view-link, .facets-item-cell-list-quick-view-link, .facets-item-cell-table-quick-view-link, .button-proceed-to-checkout, .cart-confirmation-modal-view-cart-button, .cart-confirmation-modal-checkout-button, .button-proceed-checkout, .cart-summary-button-proceed-checkout.cart-summary-button-proceed-checkout-sb, .cart-summary-button-proceed-checkout, .cart-proceed-to-checkout, .cart-detailed-proceed-to-checkout, .button-saveforlater-addtocart, .product-list-details-later-macro-button-addtocart, .error-management-expired-link-login-button, .error-management-expired-link-register-button, .error-management-generic-logout-close-button, .error-management-logged-out-close-button, .facets-item-cell-grid-add-to-cart-button, .facets-item-cell-table-add-to-cart-button, .header-mini-cart-button-checkout, .home-slide-caption .home-slide-caption-button, .item-details-add-to-cart-button, .quick-view-confirmation-modal-view-cart-button, .product-list-deletion-button-delete-button, .product-reviews-form-actions-button-submit, .product-reviews-form-preview-actions-button-submit, .store-locator-details-get-directions-button, .store-locator-location-button-find { font-family: 'ProximaNovaReg', sans-serif; font-size: 13.5px !important; } body { font-size: 0.9rem; } html, body { font-family: 'CorporativeSoftReg',sans-serif !important; } .footer-content-left h3 { line-height: 1.3em; } div.career-disc { margin: 90px auto -55px auto; width: 85%; font-size: 13px !important; } @media only screen and (max-device-width: 700px) { div.career-disc { margin: 20px auto 0px auto; width: 85%; font-size: 13px !important; } } /* App Beta Styles Start */ .beta-input {width:50% !important;margin:0 auto !important;} .beta-asterik {text-align:center !important;margin-right:0px !important;margin-bottom:15px;} .beta-header {text-transform: uppercase;font-size: 35px;color: #735744;margin-bottom: 20px;text-align: center;font-weight: normal;} .beta-subhead {margin-bottom: 15px;text-align: center;padding-left: 100px;padding-right: 100px;} /* Tablet */ @media only screen and (min-device-width: 701px) and (max-device-width: 1025px) { .beta-input {width:70% !important;margin:0 auto !important;} .beta-subhead {margin-bottom: 15px;text-align: center;padding-left: 30px;padding-right: 30px;} } /* Mobile */ @media only screen and (max-device-width: 700px) { .beta-input {width:90% !important;margin:0 auto !important;} .beta-subhead {margin-bottom: 15px;text-align: center;padding-left: 20px;padding-right: 20px;} } /* Subscriptions Page Styles */ p.subscriptions-sign-up {font-size:16px;padding-left:25%;padding-right:25%;} /* mobile */ @media only screen and (max-device-width: 700px) { p.subscriptions-sign-up {font-size:16px;padding-left:5%;padding-right:5%;} } /* Tablet */ @media only screen and (min-device-width: 701px) and (max-device-width: 1025px) { p.subscriptions-sign-up {font-size:16px;padding-left:5%;padding-right:5%;} } /* CMS HOMEPAGE HERO TEMPLATE STYLES 2019 */ .template-btn {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 20px 5px !important;font-size: 15px;height: 40px !important;vertical-align: middle;margin: 30px 20px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 200px;} .template-btn-left {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 20px 5px !important;font-size: 15px;height: 40px !important;vertical-align: middle;margin: 30px 20px 0px 0px;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 200px;text-align:center;} .template-btn-right {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 20px 5px !important;font-size: 15px;height: 40px !important;vertical-align: middle;margin: 30px 0px 0px 20px;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 200px;text-align:center;} div.template-1 {position: absolute;top: 33%;width: 58%;text-align: center;} div.template-2 {position: absolute;top: 20%;width: 58%;text-align: center;} div.template-3 {position: absolute;top: 10%;width: 58%;text-align: center;} div.template-4 {position: absolute;top: 33%;width: 58%;text-align: center;right:0%;} div.template-5 {position: absolute;top: 20%;width: 58%;text-align: center;right:0%;} div.template-6 {position: absolute;top: 10%;width: 58%;text-align: center;right:0%;} div.template-7 {position: absolute;top: 33%;width: 100%;text-align: center;} div.template-8 {position: absolute;top: 7%;width: 100%;text-align: center;} div.template-9 {position: absolute;top: 28%;width: 58%;text-align: center;} div.template-10 {position: absolute;top: 17%;width: 58%;text-align: center;} div.template-11 {position: absolute;top: 7%;width: 58%;text-align: center;} div.template-12 {position: absolute;top: 28%;width: 58%;text-align: center;right:0%;} div.template-13 {position: absolute;top: 17%;width: 58%;text-align: center;right:0%;} div.template-14 {position: absolute;top: 7%;width: 58%;text-align: center;right:0%;} div.template-15 {position: absolute;top: 10%;width: 58%;text-align: left;left:10%;} div.template-16 {position: absolute;top: 10%;width: 58%;text-align: left;left:10%;} div.template-17 {position: absolute;top: 10%;width: 58%;text-align: right;right:10%;} div.template-18 {position: absolute;top: 10%;width: 58%;text-align: right;right:10%;} div.template-19 {position: absolute;top: 36%;width: 58%;text-align: center;} div.template-20 {position: absolute;top: 20%;width: 58%;text-align: center;} div.template-21 {position: absolute;top: 10%;width: 58%;text-align: center;} div.template-22 {position: absolute;top: 36%;width: 58%;text-align: center;right:0%;} div.template-23 {position: absolute;top: 20%;width: 58%;text-align: center;right:0%;} div.template-24 {position: absolute;top: 10%;width: 58%;text-align: center;right:0%;} div.template-25 {position: absolute;top: 36%;width: 100%;text-align: center;} div.template-26 {position: absolute;top: 7%;width: 100%;text-align: center;} div.template-27 {position: absolute;top: 31%;width: 58%;text-align: center;} div.template-28 {position: absolute;top: 17%;width: 58%;text-align: center;} div.template-29 {position: absolute;top: 7%;width: 58%;text-align: center;} div.template-30 {position: absolute;top: 31%;width: 58%;text-align: center;right:0%;} div.template-31 {position: absolute;top: 17%;width: 58%;text-align: center;right:0%;} div.template-32 {position: absolute;top: 7%;width: 58%;text-align: center;right:0%;} div.template-33 {position: absolute;top: 10%;width: 58%;text-align: left;left:10%;} div.template-34 {position: absolute;top: 10%;width: 58%;text-align: left;left:10%;} div.template-35 {position: absolute;top: 10%;width: 58%;text-align: right;right:10%;} div.template-36 {position: absolute;top: 10%;width: 58%;text-align: right;right:10%;} h1.template-header {color: #ffffff;font-family: 'Tesora', sans-serif;font-size: 105px;letter-spacing: 0px;text-transform: none;line-height:70px;} p.template-body {font-family: 'CorporativeSoftReg', sans-serif;color: #ffffff;margin-top: 15px;font-size: 20px;display: block;line-height: 30px;margin-bottom:0px;} p.template-hashtag {font-family: 'CorporativeSoftBold', sans-serif;color: #ffffff;margin-top: 25px;font-size: 17px;display: block;line-height: 22px;letter-spacing: 0.25px;} p.template-eyebrow {font-family: 'CorporativeSoftBold', sans-serif;color: #ffffff;margin-top: 0px;font-size: 20px;display: block;line-height: 22px;letter-spacing: 2px;text-transform:uppercase;margin-bottom:40px;} .cream {color:#f0eada !important;} .brown {color:#644b3b !important;} .philzplease{ position: absolute; top: 20%; width: 30%; left: 10% } .philzplease-header{ color: #ffffff; font-family: 'Tesora', sans-serif; font-size: 105px; letter-spacing: 0px; text-transform: none; line-height: 110px; } .philzplease-body{ font-family: 'CorporativeSoftReg', sans-serif; color: #ffffff; margin-top: 25px; font-size: 22px; display: block; line-height: 30px; margin-bottom: 0px; } .philzplease-code{ font-family: 'CorporativeSoftReg', sans-serif; color: #ffffff; margin-top: 25px; font-size: 16px; display: block; line-height: 30px; margin-bottom: 0px; } .philzplease-fineprint { color: #fff; margin-bottom: 15px; } .philzplease-fineprint-last { color: #fff; margin-bottom: 50px; } /* TESORA SPECIAL 2019 STYLES */ div.holiday2019 {position: absolute;top: 33%;width: 58%;text-align: center;} h1.holiday2019 {color: #ffffff;font-family: 'Tesora', sans-serif;font-size: 105px;letter-spacing: 0px;text-transform: none;line-height:70px;} p.holiday2019 {font-family: 'ProximaNova-Medium', sans-serif;color: #ffffff;margin-top: 35px;font-size: 20px;display: block;line-height: 30px;margin-bottom:0px;} p.holiday2019-hashtag {font-family: 'ProximaNova-Medium', sans-serif;color: #ffffff;margin-top: 30px;font-size: 17px;display: block;line-height: 22px;font-weight: 600;letter-spacing: 0.25px;} /* ADA Compliance Updates August 2018 */ div.hp-loc-thumbnail {position:relative;} div.hp-loc-thumbnail-text {position: absolute;top: 78%;width: 89%;} p.hp-loc-thumbnail-text {color: #fff;font-size: 9px;text-transform: uppercase;font-weight: bold;} p.hp-loc-tn-text {color: #735744;font-size: 12px;text-transform: uppercase;margin-top:8px;margin-bottom:0px;font-weight: normal;} .ada-focus:focus {outline:2px solid #88c0fb;} .sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;} /* .carousel-pause-button{position:absolute;top:-30em;left:-300em;display:block} */ /* .carousel-pause-button.focus{top:0.5em;left:0.5em} */ .carousel-pause-button:focus {outline:2px solid #88c0fb;} .carousel-pause-button {position: absolute;top: 92.7%;left: 89.8%;display: block;z-index: 3;background-color: transparent;width:13px;} .carousel-indicators {position: absolut;top: 90.5%;left: 91.3%;z-index: 2;margin: 0 auto;list-style: none;text-align: center;width: 8%;/*margin-left: -30px !important;padding-left: 0px !important*/;} .carousel-controls-bg {background-color: rgba(115, 87, 68, .65);width: 115px;height: 30px;z-index: 2;position: absolute;top: 91.5%;left: 88.8%;border-radius:4px;} .active:focus {border: 2px solid #88c0fb;} .header-mini-cart-item-cell a:focus {outline:2px solid #88c0fb;} .header-mini-cart-item-cell-title-navigable:focus {outline:2px solid #88c0fb;} .header-mini-cart-button-view-cart:focus {outline:2px solid #88c0fb;} .header-mini-cart-button-checkout:focus {outline:2px solid #88c0fb;} h5.footer-links {text-align: center;width: 100%;} h5.footer-links a {color: #ffffff;text-transform: uppercase;line-height: 2.1em;font-size: 1.1em;font-weight:normal;} div.recruiting-hero-copy {position: absolute;top: 3%;width: 100%;text-align: center;} h1.recruiting-hero-copy {color: #735744;font-size: 70px;text-transform: uppercase;} p.recruiting-hero-copy {font-family: 'CorporativeSoftReg', sans-serif;color:#735744;font-size:20px;} .btn-recruiting-hero {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 24px 5px !important;font-size: 15px;height: 40px !important;vertical-align: middle;margin: 20px 20px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight:bold;width:176px;} div.bom-hero-copy {position: absolute;top: 50%;transform: translateY(-50%);background-color: #efeada;padding-top: 30px;padding-bottom: 40px;padding-left:20px;padding-right:20px;left: 34.5% !important;width: 31% !important;text-align: center;} h1.bom-hero-copy {font-weight: bolder;color: #382517;font-size:72px !important;text-transform: uppercase;letter-spacing: 3px;} p.bom-hero-copy-1 {font-family: 'ProximaNovaReg', sans-serif;text-transform: uppercase;font-weight: 500;letter-spacing: 3px !important;color: #382517;font-size: 24px !important;margin-left: 5px !important;margin-top: 10px !important;} p.bom-hero-copy-2 {border-top: 1px solid #382517;color: #382517;font-size: 16px !important;font-family: 'ProximaNovaReg', sans-serif;margin-top: 10px !important;padding-top: 15px !important;width:68%;margin:0 auto;} p.bom-hero-copy-3 {font-family: 'ProximaNovaReg', sans-serif;text-transform: uppercase;font-weight: 500;letter-spacing: 1px !important;color: #382517;font-size: 15px !important;margin-bottom:-8px;} .btn-bom-hero {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 24px 5px !important;font-size: 15px !important;height: 40px !important;vertical-align: middle;margin: 20px 20px 0 !important;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight:bold;width:176px !important;} footer#site-footer a:hover {color: #FFD276 !important;} div.hp-app-copy {position: absolute;top: 15%;left:8%;width: 35%;text-align: center;} h1.hp-app-copy {color:#f0eada;font-size:25px;letter-spacing:2px;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;} .hp-app-lines {display: table;white-space: nowrap;width: 100%;margin-left: 1px;} .hp-app-lines:before {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.5em;width: 18%;right: -17%;} .hp-app-lines:after {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.5em;width: 18%;left: -17%;} h2.hp-app-copy {color: #f0eada;font-family: 'Tesora', sans-serif;font-size: 115px;line-height:1em;margin-top: 50px;} p.hp-app-copy {font-family: 'CorporativeSoftReg', sans-serif;color: #f0eada;margin-top: 35px;font-size: 20px;display:block;} .red-sea-container {position: absolute;top: 20%;left:8%;width: 45%;text-align: center;} .red-sea-eye-brow {font-size:25px;letter-spacing:2px;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;} .red-sea-headline {font-family: 'Tesora', sans-serif;font-size: 100px;line-height:1em;margin-top: 35px;} .red-sea-copy {font-family: 'CorporativeSoftReg', sans-serif;margin-top: 15px;font-size: 26px;display:block;} .red-sea-fine-print {font-family: 'CorporativeSoftReg', sans-serif;margin-top: 20px;font-size: 14px;display:block;} /* HERO SLIDER STYLES \*------------------------------------------------------------------*/ .hero-slider-container-fix { position: absolute; top: 5%; left: 15%; width: 70%; margin: 0 auto; text-align: center; } .hero-slider-container { position: absolute; margin: 10px auto; text-align: center; } .hero-left{top:5%; left: 5%; width: 40%;} .hero-center{top: 5%; left: 15%; width: 70%;} .hero-right{top:10%; right: 5%; width: 40%;} img.bom-hero-lettering-fix {margin: 20px; width: 50%;} .hero-slider-eye-brow-fix { font-size:25px; letter-spacing:2px; text-transform: uppercase; font-family: 'ProximaNovaReg', sans-serif;} .hero-slider-copy-fix { font-family: 'CorporativeSoftReg', sans-serif; margin: 0 auto; font-size: 26px; display: block; width: 65%;} .hero-slider-btn { display: inline-block; border-radius: 5px; background-color: #FFAD24; color: #3A2C22; padding: 15px 40px; margin: 25px 20px 0; text-transform: uppercase; font-family: 'ProximaNovaReg', sans-serif; font-size: 15px; font-weight: bold; letter-spacing:1px; } .center-top{ margin: 0 auto; text-align: center; margin-top: 75px; } .hero-slider-eye-brow {font-size:25px;letter-spacing:2px;text-transform: uppercase;font-family: 'CorporativeSoftBold', sans-serif;} .hero-slider-eye-brow-lines {display: table;white-space: nowrap;width: 100%;margin-left: 1px;} .hero-slider-eye-brow-lines:before {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.5em;width: 15%;right: -17%;} .hero-slider-eye-brow-lines:after {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.5em;width: 15%;left: -17%;} .hero-slider-headline { font-family: 'Tesora', sans-serif; font-size: 90px; line-height:1em; margin-top: 35px; } .hero-slider-copy { font-family: 'CorporativeSoftReg', sans-serif; margin: 0px auto; font-size: 22px; width: 80%; } .hero-slider-fine-print {font-family: 'CorporativeSoftReg', sans-serif;margin-top: 20px;font-size: 14px;display:block; font-weight: bold;} .center {margin: 0 auto;} .text-center {text-align: center;} .hero-slider-text-left {top: 20%; left:6%; width: 40%;} .text-white {color: #ffffff;} .text-brown {color: #502B1F;} .text-cream {color: #f0eada;} .tesora-ground-container { position: absolute; top: 5%; left: 15%; width: 70%; margin: 0 auto; text-align: center; } .tesora-ground-eyebrow { font-size:25px; letter-spacing:2px; text-transform: uppercase; font-family: 'ProximaNovaReg', sans-serif; color: #fff; } .tesora-ground-headline { font-family: 'Tesora', sans-serif; font-size: 100px; line-height:1em; margin-top: 35px; color: #fff; } .tesora-ground-copy { font-family: 'CorporativeSoftReg', sans-serif; margin-top: 15px; font-size: 26px; display:block; color: #fff; } .text-underline { text-decoration: underline; } .btn-hp-app, .btn-red-sea { display: inline-block; border: 0; border-radius: 5px; background-color: #FFAD24; color: #3A2C22; padding: 15px 20px; vertical-align: middle; margin: 40px 20px 0; top: 0px; position: relative; text-transform: uppercase; font-family: 'ProximaNovaReg', sans-serif; font-size: 15px; font-weight: bold; letter-spacing:1px; line-height: 15px; } .button { display:inline-block; padding:0.8em 1.6em; margin:0 0.2em 0.2em 0; border-radius:0.12em; box-sizing: border-box; text-decoration:none; font-family: 'ProximaNovaReg',sans-serif; font-size: 1rem; font-weight:500; color:#502B1F; text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35); background-color:#FFB629; text-align:center; vertical-align: middle; transition: all 0.15s; } /* SMB Header \*------------------------------------------------------------------------*/ .smb-banner { color:#3A2C22; background-color:#FFAD24; text-align:center; padding-top:15px; padding-bottom:15px; margin-top:0px; font-family: 'CorporativeSoftReg',sans-serif; } .smb-text { color: #3A2C22; font-weight: 900; text-align:center; } .smb-text a { color: #3A2C22; text-transform: none; } .smb-text span { font-size:13px; font-weight: 300; margin-left: 7px; text-transform: none; color:#3A2C22; } /* Primary SMB - Live 11/16/2020 \*------------------------------------------------------------------------*/ .primary-smb-banner { color:#FFFFFF; background-color:#a4541e; text-align:center; padding-top:15px; padding-bottom:15px; margin-top:0px; font-family: 'CorporativeSoftReg',sans-serif; } .primary-smb-text { color: #fff; text-transform: uppercase; font-weight: 600; text-align:center; font-size: 12px; } .primary-smb-text a { color: #fff; font-weight: 300; text-transform: none; } .primary-smb-text span { font-size:13px; font-weight: 300; margin-left: 7px; text-transform: none; color:#fff; } /* Hamburger menu */ .header-sidebar-toggle-wrapper { margin-top: 3px; } .header-sidebar-toggle-icon { color: #fff; } /* Secondary SMB \*------------------------------------------------------------------------*/ .secondary-smb-banner { color:#735744; text-align:center; font-family: 'CorporativeSoftReg',sans-serif; } .secondary-smb-text { color: #735744; text-transform: uppercase; font-weight: 900; padding: 5px; margin:0 auto; text-align:center; border: 2px solid #735744; width:50%; font-size: 14px; } .secondary-smb-text a { text-transform: none; color: #735744; } div.ourstores-hero-text {position: absolute !important;width: 500px !important;text-align: center;top: 25%;background-image: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/Heroes/bg-min.png);padding: 40px;background-size: 100%;background-repeat: no-repeat;} h1.ourstores-hero-text {color: #735744;font-family: 'CorporativeSoftThin';font-size: 5em;line-height: 85px;letter-spacing: 1px;text-transform: uppercase;} p.ourstores-hero-text {font-size: 17px;color: #735744;line-height: 1.4;font-family: 'CorporativeSoftReg';margin-top: 28px;padding-bottom: 12px;} div.hp-special-copy {position:absolute; top:34%; width:50%; text-align: center;} h1.hp-special-copy {color:#efece4; font-family: 'Tesora', sans-serif; font-size:80px;} p.hp-special-copy {font-family: 'ProximaNovaLight', sans-serif; color: #efece4; margin-top:10px; font-size:20px; line-height: 27px; display: block;font-weight:600;} .btn-hp-special {letter-spacing: 1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 20px 5px !important;font-size: 15px;height: 40px !important;vertical-align: middle;margin: 28px 20px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 200px;} div.hp-special-copy-mobile {position:absolute; top:6%; width:100%; text-align: center;} div.locations-hero {position:absolute !important;width: 100% !important;text-align: center;top:38%;margin-left:0px;} h1.locations-hero {color:#fff;font-family: 'CorporativeSoftReg';font-size: 5em;text-transform: uppercase;} .new-menu-mobile-pad {padding-left:0px;} h1.hp-app-copy-2 {color:#f0eada;font-size:19px;letter-spacing:2px;text-transform: uppercase;font-family: 'CorporativeSoftBold', sans-serif;} .hp-app-lines-2 {display: table;white-space: nowrap;width: 100%;margin-left: 1px;} .hp-app-lines-2:before {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.5em;width: 15%;right: -17%;} .hp-app-lines-2:after {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.5em;width: 15%;left: -17%;} div.bom-hero2-copy {position: absolute;top: 25%;width: 62%;text-align: center;} h1.bom-hero2-copy {color:#ffffff;font-size:24px;letter-spacing:2px;text-transform: uppercase;font-family: 'CorporativeSoftBold', sans-serif;} h1.bom-hero2-copy-brown {color:#3D2016;font-size:24px;letter-spacing:2px;text-transform: uppercase;font-family: 'CorporativeSoftBold', sans-serif;} h2.bom-hero2-copy {color: #ffffff;font-family: 'Tesora', sans-serif;font-size: 115px;margin-top: 60px;} p.bom-hero2-copy {font-family: 'CorporativeSoftReg', sans-serif;color: #ffffff;margin-top: 30px;font-size: 22px;display:block;} p.bom-hero2-copy-brown {font-family: 'CorporativeSoftReg', sans-serif;color: #3D2016;margin: 0px auto;font-size: 24px;display:block;width:30%;} p.bom-hero2-quote {font-family: 'CorporativeSoftReg', sans-serif;color: #ffffff;margin-top: 30px;font-size: 17px;display:block;line-height:22px;} p.bom-hero2-quote-brown {font-family: 'CorporativeSoftReg', sans-serif;color: #735744;margin-top: 30px;font-size: 17px;display:block;line-height:22px;} p.bom-hero2-cta-warning-brown {font-family: 'CorporativeSoftReg', sans-serif;color: #735744;margin-top: 15px;font-size: 17px;display:block;line-height:22px;} .btn-bom-2 {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 20px 5px;font-size: 15px;height: 40px;vertical-align: middle;margin: 30px 20px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 200px;} a.now-hiring-loc {font-size:1em !important; position:relative !important;line-height: 2em !important;} div.hp-loc-fivethumbails {width:20%;} div.insiders-hero-copy {position:absolute;top:2%;width:52%;margin:0 auto; text-align:center;} h1.insiders-hero-copy {font-family:'CorporativeSoftThin', sans-serif;font-size:48px;color:#311e10;} p.insiders-hero-copy {font-family:'CorporativeSoftReg', sans-serif;font-size:17px;color:#311e10;line-height:22px;margin-top:-10px;padding-left:17%;padding-right:17%;} div.new-bom-hero-copy {position: absolute;top: 28%;width: 100%;text-align: center;} h2.new-bom-hero-copy {color: #ffffff;font-family: 'BOTM', sans-serif;font-size: 115px;margin-top: 60px;letter-spacing: 2px;} h2.new-bom-hero-copy-brown {color: #735744;font-family: 'BOTM', sans-serif;font-size: 115px;margin-top: 60px;letter-spacing: 2px;} div.new-bom-hero-copy-temp {position: absolute;top: 25%;width: 100%;text-align: center;} /* positioning of BOM hero text blockl */ img.bom-hero-lettering {margin: 20px;} /* Begin Food Pages July 2018 */ .food-dropdown {background-color:transparent !important;border:1px solid #fff !important;color:#fff !important;background-image: url(https://system.na3.netsuite.com/c.1145465/images/sca/food/arrow-line-2.png) !important; background-size: 29px !important;background-position: 92% 53% !important;text-transform: uppercase;font-size:14px !important;height:36px !important;width:160px !important;display: inline-block;} .food-cat-dropdown {background-color:transparent !important;border:1px solid #fff !important;color:#fff !important;background-image: url(https://system.na3.netsuite.com/c.1145465/images/sca/food/arrow-line-2.png) !important; background-size: 29px !important;background-position: 92% 53% !important;text-transform: uppercase;font-size:14px !important;height:36px !important;width:240px !important;display: inline-block;margin-bottom: 50px !important;} p.choose-region {color:#fff;text-transform: uppercase;display:inline-block;font-family: 'ProximaNovaReg', sans-serif;font-size:14px;margin-right:5px;margin-bottom:0px;margin-top: 0px;} p.choose-food-cat {color:#fff;text-transform: uppercase;display:inline-block;font-family: 'ProximaNovaReg', sans-serif;font-size:14px;margin-right:5px;margin-bottom:0px;} /* NEW AS OF MARCH 2020 - Food Menu Nav styles - Split nav links out into seperate items instead of being one solid image. - Using flexbox to align the nav to the center - Using svg inside an tag for images - Also updated the code to get into more current standards \*------------------------------------------------------------------------*/ .food-menu-nav {margin: 0;font-family: "CorporativeSoftReg";padding-bottom: 50px;padding-top:30px;display: flex;justify-content: center;list-style: none;width: 100%;} .food-menu-nav li:last-child {margin: 0;} .food-nav-items {display: flex;margin-right: 50px;} .food-cat-nav {opacity: 0.5;filter: alpha(opacity=50);padding: 1.25rem 0.5rem;font-size: 1.25rem;text-decoration: none;display: block;align-items: center;ustify-content: center;color: #fff;} .food-cat-nav:hover {opacity: 1;filter: alpha(opacity=100);} .selected {opacity: 1;filter: alpha(opacity=100);} .icon-svg {width: 100px;height: 55px;display: block;margin: 0 auto;} /* Begin food categories on Food Menu pages --- OLD AS OF MARCH 2020 l */ /* OLD AS OF MARCH 2020 - Leaving in for now just incase these styles are used elsewhere on the site. - -Begin food categories on Food Menu pages \*------------------------------------------------------------------------*/ ul.food-category-nav {margin: 0;display: inline-table;font-family: 'CorporativeSoftReg';padding-bottom:50px;padding-top:30px;} .food-category-nav>li {display: table-cell;} .food-cat-nav:hover {opacity: 1.0;filter: alpha(opacity=100);} .food-cat-nav {opacity:0.5;filter: alpha(opacity=50);} .food-cat-nav>p {color: #fff; font-size: 1.25rem;} .selected {opacity: 1.0;filter: alpha(opacity=100);} .nav-homemade {margin-right: 40px;width:150px;} .nav-handmade {margin-right: 40px;width:143px;} img.nav-breakfast {margin-right: 40px;margin-left: 40px;width:115.5px;} img.nav-pastries {margin-right: 40px;margin-left: 40px;width:83px;} img.nav-muffins {margin-right: 40px;margin-left: 40px;width:150px;} img.nav-cookies {margin-right: 40px;margin-left: 40px;width:134px;} img.nav-bagels {position: relative;top: 3px;margin-left: 40px;width:143px;} /* End OLD Food Menu Navigation Styles */ .food-menu-header {} .baked-goods-cat {margin: 50px 0;} .baked-goods-cat-title { font-size: 25px; font-family: "CorporativeSoftReg"; text-transform: uppercase; text-decoration: underline; color: #fff; text-align: center; margin: 0 0 25px; } div.food-bottom-border {height: 1px;border: 0;background-color: #fff;margin-top: 70px;} p.food-name {color: #ffffff;margin-bottom: 10px;margin-top: 7px;font-size: 24px;font-family: 'Tesora';line-height: 25px;text-transform: capitalize;} p.food-cal {text-transform: capitalize;color: #fff;margin-bottom: 10px;} p.food-allergens {color:#fff;line-height:15px;padding-right: 10px;} a.food-nutrition {color:#fff;text-decoration: underline;font-size: 1.25em;} p.food-nutrition {color:#fff;} img.vegan-icon {margin-left:8px;width:8px;} img.gf-icon {margin-left: 7px;width: 18px;} img.vegan-icon-key {width: 10px;position: relative;top: 4px;} img.gf-icon-key{margin-left: 30px;width: 20px;} p.food-single-line {margin-top:32px;} .food-menu-subhead {font-family: 'Tesora';text-transform: capitalize;color: rgba(255,255,255,0.9);font-size: 55px;line-height: 1.2;} .food-menu-lines {display: table;white-space: nowrap;width:99.5%;margin-left:1px;} .food-menu-lines:before { border-top: 1px solid white; content: ''; display: table-cell; position: relative; top: 0.5em; width: 38%; right: 1.5%; } .food-menu-lines:after { border-top: 1px solid white; content: ''; display: table-cell; position: relative; top: 0.5em; width: 38%; left: 1.5%; } .food-menu-lines-small {display: table;white-space: nowrap;width:99.5%;margin-left:1px;} .food-menu-lines-small:before { border-top: 1px solid white; content: ''; display: table-cell; position: relative; top: 0.5em; width: 42%; right: 1.5%; } .food-menu-lines-small:after { border-top: 1px solid white; content: ''; display: table-cell; position: relative; top: 0.5em; width: 42%; left: 1.5%; } div.food-menu-row {margin:0 auto;margin-left:8%;} div.food-menu-key {margin-top:40px;} p.food-menu-key {color: #fff;line-height: 19px;font-size: 13px;} div.food-menu-disclaimer {margin-top:30px;} p.food-menu-disclaimer {font-size: 14px;color: #fff;line-height: 15px;margin-bottom: 13px;} span.food-menu-disclaimer-title {text-transform: uppercase;color: #ff9f19;} div.food-menu-background-homemade {background: url(https://system.na3.netsuite.com/c.1145465/images/sca/food/chalkboard-min.jpg)no-repeat center center #555555; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 225px; margin-bottom: -80px;} div.food-menu-background {background: url(https://system.na3.netsuite.com/c.1145465/images/sca/food/chalkboard-min.jpg)no-repeat center center #555555; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 195px; margin-bottom: -80px;} div.food-menu-row-spacing {margin-bottom:25px;} div.food-menu-row-first {margin-top: 50px;} div.food-menu-hero-text {position: absolute !important;width: 100% !important;text-align: center;top: 38%;margin-left: 0px;} div.food-menu-hero-text-dc {position: absolute !important;width: 100% !important;text-align: center;top: 38%;margin-left: 0px;} h1.food-menu-hero-text {color: #f2f0e9;font-family: 'Tesora';font-size: 5em;padding-right:0px;padding-left:0px;} div.food-menu-dropdown {text-align:right;margin-top: -10px;} div.food-menu-mobile-spacing {padding-top:0px !important;} div.food-menu-nav-spacing {margin-left:0px;margin-top: -10px !important;} /* Tablet */ @media only screen and (min-device-width: 701px) and (max-device-width: 1025px) { div.food-menu-row {margin:0 auto;margin-left:0%;} div.food-menu-nav-spacing {margin-left:-17px;margin-top: -10px !important;} img.nav-homemade {margin-right: 30px;width:100px;} img.nav-handmade {margin-right: 30px;width:95.3px;} img.nav-breakfast {margin-right: 30px;margin-left: 30px;width:77px;} img.nav-pastries {margin-right: 30px;margin-left: 30px;width:55.5px;} img.nav-muffins {margin-right: 30px;margin-left: 30px;width:100px;} img.nav-cookies {margin-right: 30px;margin-left: 30px;width:89.6px;} img.nav-bagels {position: relative;top: 2px;margin-left: 30px;width:95.7px;} div.food-menu-background-homemade {background: url(https://system.na3.netsuite.com/c.1145465/images/sca/food/chalkboard-min.jpg)no-repeat center center #555555; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 190px; margin-bottom: -80px;} div.food-menu-background {background: url(https://system.na3.netsuite.com/c.1145465/images/sca/food/chalkboard-min.jpg)no-repeat center center #555555; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 155px; margin-bottom: -80px;} } /* \*------------------------------------------------------------------------*/ /* Our Story Update May 2019 Styles Start */ div.ourstory-hero {position: absolute !important;width: 100% !important;text-align: center;top: 3%;margin-left: 0px;left:0%;} div.ourstory-hero-1 {position: absolute !important;width: 100% !important;text-align: center;top: 10%;margin-left: 0px;left:-1%;} div.ourstory-hero-1-chi {position: absolute !important;width: 100% !important;text-align: center;top: 10%;margin-left: 0px;left:-1%;} div.ourstory-hero-2 {position: absolute !important;width: 100% !important;text-align: center;top: 3%;margin-left: 0px;left:-1%;} h1.ourstory-story {color: #735744;font-family: 'Tesora';font-size: 5em;} p.ourstory-story {color: #735744;font-family: 'CorporativeSoftReg';font-size: 20px;padding-left: 20%;padding-right: 20%;margin-bottom:25px;line-height: 30px;} h1.ourstory-mission {color: #735744;font-family: 'Tesora';font-size: 4em;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 20%;} p.ourstory-mission {color: #735744;font-family: 'CorporativeSoftReg';font-size: 18px;padding-left: 15%;padding-right: 15%;line-height: 25px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 39%;} h1.ourstory-mission-chi {color: #735744;font-family: 'Tesora';font-size: 4em;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 15%;} p.ourstory-mission-chi {color: #735744;font-family: 'CorporativeSoftReg';font-size: 18px;padding-left: 15%;padding-right: 15%;line-height: 25px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 34%;} img.ourstory-get-to-know {width: 200px;} img.ourstory-hero {margin-top: 50px;width:70%;} img.ourstory-hat {position: relative;/*display: block*/;margin: 0 auto;width: 40%;padding-top: 5%;} div.ourstory-people {padding-top: 50px;text-align: left;} div.ourstory-people-text {margin-top:7.5%;padding-right:10%;float: right;} img.ourstory-people {max-width: 600px;padding: 30px;float: right;margin-left:0px;} p.ourstory-people-head {font-family: 'Tesora';font-size: 50px;line-height: 57px;margin-bottom: 5px;} p.ourstory-people-subhead {font-family: 'CorporativeSoftReg', sans-serif;font-size: 16px;line-height: 24px;padding-left: 0px;padding-right: 0px;} .ourstory-people-button {letter-spacing: 1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 20px 5px !important;font-size: 14px;height: 40px !important;vertical-align: middle;margin: 20px 0px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 145px;text-align: center;} .ourstory-people-button-chi {letter-spacing: 1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 20px 5px !important;font-size: 14px;height: 40px !important;vertical-align: middle;margin: 20px 0px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 180px;text-align: center;} img.ourstory-coffee {max-width: 450px;padding: 30px;float: left;margin-left:0px;margin-bottom:0px;} div.ourstory-coffee {padding-top: 0px;margin-bottom: 50px;text-align: right;margin-top: 0px;} div.ourstory-coffee-text {margin-top: 10%;padding-left: 10%;float: left;} p.ourstory-coffee-head {font-family: 'Tesora';font-size: 50px;line-height: 57px;margin-bottom: 0px;} p.ourstory-coffee-subhead {font-family: 'CorporativeSoftReg', sans-serif;font-size: 16px;line-height: 24px;padding-left: 0px;padding-right: 0px;} h1.ourstory-experience {color: #735744;font-family: 'Tesora';font-size: 50px;} p.ourstory-experience {color: #735744;font-family: 'CorporativeSoftReg';font-size: 16px;padding-left: 20%;padding-right: 20%;line-height: 25px;} div.ourstory-experience {text-align: center;margin-top:40px;margin-bottom:40px;} button[aria-expanded="true"]{color: #735744;background-color: transparent;border-color: transparent;border-bottom: 4px solid #ffba2e;-webkit-box-shadow: none;box-shadow: none;outline: none;} .btn-ourstory-experience-1 {color: #735744;background-color: transparent;border-color: transparent;} .btn-ourstory-experience-1:hover {color: #735744;background-color: transparent;border-color: transparent;border-bottom: 4px solid #ffba2e;-webkit-box-shadow: none;box-shadow: none;outline: none;} .btn-ourstory-experience-1:focus {color: #735744;background-color: transparent;border-color: transparent;border-bottom: 4px solid #ffba2e;-webkit-box-shadow: none;box-shadow: none;outline: none;} .btn-ourstory-experience-1:active {color: #735744;background-color: transparent;border-color: transparent;border-bottom: 4px solid #ffba2e;-webkit-box-shadow: none;box-shadow: none;outline: none;} .btn-ourstory-experience-2 {color: #735744;background-color: transparent;border-color: transparent;} .btn-ourstory-experience-2:hover {color: #735744;background-color: transparent;border-color: transparent;border-bottom: 4px solid #ffba2e;-webkit-box-shadow: none;box-shadow: none;outline: none;} .btn-ourstory-experience-2:focus {color: #735744;background-color: transparent;border-color: transparent;border-bottom: 4px solid #ffba2e;-webkit-box-shadow: none;box-shadow: none;outline: none;} .btn-ourstory-experience-2:active {color: #735744;background-color: transparent;border-color: transparent;border-bottom: 4px solid #ffba2e;-webkit-box-shadow: none;box-shadow: none;outline: none;} .btn-ourstory-spacing {padding-left:20px;padding-right:20px;} img.ourstory-cupoflove {width:25%;padding-top: 50px;padding-bottom: 30px;margin: 0 auto;} img.ourstory-beans {width:18%;margin-bottom:10px;margin-top:36px;} img.ourstory-grind {width:18%;margin-bottom:10px;margin-top:18px;} img.ourstory-brew {width:22%;margin-bottom:10px;margin-top:46px;} img.ourstory-perfect {width:39%;margin-bottom:10px;margin-top:8px;} img.ourstory-numberone {width:12%;margin-bottom:0px;} p.ourstory-howtophilz {color: #735744;font-family: 'CorporativeSoftReg', sans-serif;font-size: 16px;line-height: 20px;} h2.ourstory-recommendations {display: inline-block;font-family: 'Tesora', sans-serif;font-size: 60px;} img.ourstory-phil {display: inline-block;width: 7%;position: relative;top: 15px;margin-left: 15px;} div.ourstory-outline {width:80%;border: solid rgba(115, 87, 68, 0.5);margin-left: 11%;margin-right: 10%;padding-top: 30px;padding-bottom: 30px;padding-left: 40px;padding-right: 40px;} div.ourstory-bubbles {margin-top:50px;} div.ourstory-bubbles-q {margin-top:50px;width:45%;display:inline-block;} div.ourstory-bubbles-a {margin-top:50px;width:47%;display:inline-block;padding-right: 5%} img.ourstory-bubbles-q {float: right;width: 64%;position: relative;margin-bottom: 40px;margin-right:30px;} p.ourstory-bubbles-q {position: absolute;left: 28%;top: 26%;line-height: 22px;font-size: 18px;text-align:left;width:12%;} p.ourstory-bubbles-q2 {position: absolute;left: 28%;top: 54%;line-height: 22px;font-size: 18px;text-align:left;width:11%;} p.ourstory-bubbles-q3 {position: absolute;left: 26%;top: 82%;line-height: 22px;font-size: 18px;text-align:left;width:15%;} img.ourstory-bubbles-a {float: left;width: 86%;position: relative;margin-bottom: 29px;} p.ourstory-bubbles-a {position: absolute;right: 27%;top: 27%;line-height: 22px;font-size: 18px;text-align:left;width:15%;} p.ourstory-bubbles-a2 {position: absolute;right: 26%;top: 54%;line-height: 22px;font-size: 18px;text-align:left;width:16%;} p.ourstory-bubbles-a3 {position: absolute;right: 23%;top: 80%;line-height: 22px;font-size: 18px;text-align:left;width:21%;} p.ourstory-tips {text-align: left;text-transform: uppercase;font-weight: bold;font-family: 'CorporativeSoftReg', sans-serif;font-size: 16px;margin-bottom: 5px;} ul.ourstory {text-align: left;} li.ourstory {list-style-type: disc;list-style-position: inside;margin-bottom:5px;font-family: 'CorporativeSoftReg', sans-serif;font-size:15px;} /* Tablet */ @media only screen and (min-width: 701px) and (max-width: 1020px) { div.ourstory-hero {position: absolute !important;width: 100% !important;text-align: center;top: 3%;margin-left: 0px;left:0%;} div.ourstory-hero-1 {position: absolute !important;width: 100% !important;text-align: center;top: 10%;margin-left: 0px;left:0%;} div.ourstory-hero-1-chi {position: absolute !important;width: 100% !important;text-align: center;top: 10%;margin-left: 0px;left:0%;} div.ourstory-hero-2 {position: absolute !important;width: 100% !important;text-align: center;top: 3%;margin-left: 0px;left:0%;} h1.ourstory-story {color: #735744;font-family: 'Tesora';font-size: 3em;} p.ourstory-story {color: #735744;font-family: 'CorporativeSoftReg';font-size: 16px;padding-left: 7%;padding-right: 7%;margin-bottom:10px; line-height: 20px;} h1.ourstory-mission {color: #735744;font-family: 'Tesora';font-size: 2.7em;margin-top:0px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 5%;} p.ourstory-mission {color: #735744;font-family: 'CorporativeSoftReg';font-size: 14px;padding-left: 5%;padding-right: 5%;line-height: 18px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 27%;} h1.ourstory-mission-chi {color: #735744;font-family: 'Tesora';font-size: 2.7em;margin-top:0px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 5%;} p.ourstory-mission-chi {color: #735744;font-family: 'CorporativeSoftReg';font-size: 14px;padding-left: 5%;padding-right: 5%;line-height: 18px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 27%;} img.ourstory-get-to-know {width: 175px;} img.ourstory-hero {margin-top: 15px;width:50%;} div.ourstory-people {padding-top: 50px;text-align: left;} div.ourstory-people-text {margin-top:2%;padding-right:1%;float:right;} img.ourstory-people {max-width: 350px;padding: 0px;float: left;margin-left:40px;} p.ourstory-people-head {font-family: 'Tesora';font-size: 45px;line-height: 57px;margin-bottom: 5px;} p.ourstory-people-subhead {font-family: 'CorporativeSoftReg', sans-serif;font-size: 13px;line-height: 20px;padding-left: 0px;padding-right: 0px;} .ourstory-people-button {letter-spacing: 1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 20px 5px !important;font-size: 14px;height: 40px !important;vertical-align: middle;margin: 20px 0px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 145px;text-align: center;} .ourstory-people-button-chi {letter-spacing: 1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 20px 5px !important;font-size: 14px;height: 40px !important;vertical-align: middle;margin: 20px 0px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 180px;text-align: center;} img.ourstory-coffee {max-width: 300px;padding: 0px;float: left;margin-left:20px;margin-bottom:0px;} div.ourstory-coffee {padding-top: 30px;margin-bottom: 50px;text-align: right;margin-top: 0px;} div.ourstory-coffee-text {margin-top: 8%;padding-left: 1%;float: left;} p.ourstory-coffee-head {font-family: 'Tesora';font-size: 45px;line-height: 57px;margin-bottom: 0px;} p.ourstory-coffee-subhead {font-family: 'CorporativeSoftReg', sans-serif;font-size: 13px;line-height: 20px;padding-left: 0px;padding-right: 0px;} h1.ourstory-experience {color: #735744;font-family: 'Tesora';font-size: 45px;} p.ourstory-experience {color: #735744;font-family: 'CorporativeSoftReg';font-size: 16px;padding-left: 5%;padding-right: 5%;line-height: 22px;} img.ourstory-beans {width:18%;margin-bottom:10px;margin-top:27px;} img.ourstory-grind {width:18%;margin-bottom:10px;margin-top:18px;} img.ourstory-brew {width:22%;margin-bottom:10px;margin-top:32px;} img.ourstory-perfect {width:39%;margin-bottom:10px;margin-top:12px;} p.ourstory-howtophilz {color: #735744;font-family: 'CorporativeSoftReg';font-size: 13px;line-height: 16px;} h2.ourstory-recommendations {display: inline-block;font-family: 'Tesora', sans-serif;font-size: 50px;} img.ourstory-phil {display: inline-block;width: 10%;position: relative;top: 13px;margin-left: 15px;} div.ourstory-outline {width:80%;border: solid rgba(115, 87, 68, 0.5);margin-left: 11%;margin-right: 10%;padding-top: 30px;padding-bottom: 30px;padding-left: 40px;padding-right: 40px;} div.ourstory-bubbles {margin-top:50px;} div.ourstory-bubbles-q {margin-top:50px;width:45%;display:inline-block;} div.ourstory-bubbles-a {margin-top:50px;width:47%;display:inline-block;padding-right: 5%} img.ourstory-bubbles-q {float: right;width: 72%;position: relative;margin-bottom: 35px;margin-right:30px;} p.ourstory-bubbles-q {position: absolute;left: 21%;top: 30%;line-height: 18px;font-size: 14px;text-align:left;width:19%;} p.ourstory-bubbles-q2 {position: absolute;left: 21%;top: 55.5%;line-height: 18px;font-size: 14px;text-align:left;width:18%;} p.ourstory-bubbles-q3 {position: absolute;left: 20%;top: 82%;line-height: 18px;font-size: 14px;text-align:left;width:20%;} img.ourstory-bubbles-a {float: left;width: 96%;position: relative;margin-bottom: 29px;} p.ourstory-bubbles-a {position: absolute;right: 19%;top: 30%;line-height: 18px;font-size: 14px;text-align:left;width:24%;} p.ourstory-bubbles-a2 {position: absolute;right: 20%;top: 55.5%;line-height: 18px;font-size: 14px;text-align:left;width:24%;} p.ourstory-bubbles-a3 {position: absolute;right: 17%;top: 79.5%;line-height: 18px;font-size: 14px;text-align:left;width:28%;} p.ourstory-tips {text-align: left;text-transform: uppercase;font-weight: bold;font-family: 'CorporativeSoftReg', sans-serif;font-size: 16px;margin-bottom: 5px;} ul.ourstory {text-align: left;} li.ourstory {list-style-type: disc;list-style-position: inside;margin-bottom:5px;font-family: 'CorporativeSoftReg', sans-serif;font-size:15px;} } /* Mobile - Large */ @media only screen and (min-width: 400px) and (max-width: 700px) { div.ourstory-hero {position: absolute !important;width: 100% !important;text-align: center;top: 4%;margin-left: 0px;left:0%;} div.ourstory-hero-1 {position: absolute !important;width: 100% !important;text-align: center;top: 10%;margin-left: 0px;left:0%;} div.ourstory-hero-1-chi {position: absolute !important;width: 100% !important;text-align: center;top: 20%;margin-left: 0px;left:0%;} div.ourstory-hero-2 {position: absolute !important;width: 100% !important;text-align: center;top: 3%;margin-left: 0px;left:0%;} h1.ourstory-story {color: #735744;font-family: 'Tesora';font-size: 3em;} p.ourstory-story {color: #735744;font-family: 'CorporativeSoftReg';font-size: 16px;padding-left: 5%;padding-right: 5%;margin-bottom:20px;line-height: 22px;} h1.ourstory-mission {color: #735744;font-family: 'Tesora';font-size: 35px;margin-top:25px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 11%;} p.ourstory-mission {color: #735744;font-family: 'CorporativeSoftReg';font-size: 14px;padding-left: 5%;padding-right: 5%;line-height: 20px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 30%;} h1.ourstory-mission-chi {color: #735744;font-family: 'Tesora';font-size: 35px;margin-top:25px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 10%;} p.ourstory-mission-chi {color: #735744;font-family: 'CorporativeSoftReg';font-size: 14px;padding-left: 5%;padding-right: 5%;line-height: 20px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 27%;} img.ourstory-get-to-know {width: 135px;} img.ourstory-hero {margin-top: 50px;width:75%;} img.ourstory-hat {position: relative;/*display: block*/;margin: 0 auto;width: 80%;padding-top: 25%;} div.ourstory-people {padding-top: 0px;text-align: center;} div.ourstory-people-text {margin-top:0%;padding-right:10%;float:none;} img.ourstory-people {max-width: 400px;padding: 30px 30px 15px 30px;float: none;margin-left:0px;} p.ourstory-people-head {font-family: 'Tesora';font-size: 40px;line-height: 57px;margin-bottom: 3px;} p.ourstory-people-subhead {font-family: 'CorporativeSoftReg', sans-serif;font-size: 15px;line-height: 24px;padding-left: 0px;padding-right: 0px;} .ourstory-people-button {letter-spacing: 1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 20px 5px !important;font-size: 14px;height: 40px !important;vertical-align: middle;margin: 20px 0px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 145px;text-align: center;} .ourstory-people-button-chi {letter-spacing: 1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 20px 5px !important;font-size: 14px;height: 40px !important;vertical-align: middle;margin: 20px 0px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 180px;text-align: center;} img.ourstory-coffee {max-width: 300px;padding: 30px 30px 15px 30px;float: none;margin-left:0px;margin-bottom:0px;} div.ourstory-coffee {padding-top: 0px;margin-bottom: 45px;text-align: center;margin-top: 20px;} div.ourstory-coffee-text {margin-top: 0%;padding-left: 10%;float: none;} p.ourstory-coffee-head {font-family: 'Tesora';font-size: 40px;line-height: 57px;margin-bottom: 0px;} p.ourstory-coffee-subhead {font-family: 'CorporativeSoftReg', sans-serif;font-size: 15px;line-height: 24px;padding-left: 0px;padding-right: 0px;} h1.ourstory-experience {color: #735744;font-family: 'Tesora';font-size: 40px;} p.ourstory-experience {color: #735744;font-family: 'CorporativeSoftReg';font-size: 14px;padding-left: 5%;padding-right: 5%;line-height: 22px;} img.ourstory-beans {width:18%;margin-bottom:10px;margin-top:25px;} img.ourstory-grind {width:18%;margin-bottom:10px;margin-top:0px;} img.ourstory-brew {width:22%;margin-bottom:10px;margin-top:0px;} img.ourstory-perfect {width:39%;margin-bottom:10px;margin-top:0px;} img.ourstory-numberone {width:12%;margin-bottom:60px;} p.ourstory-howtophilz {color: #735744;font-family: 'CorporativeSoftReg';font-size: 16px;line-height: 20px;} h2.ourstory-recommendations {display: inline-block;font-family: 'Tesora', sans-serif;font-size: 45px;} img.ourstory-phil {display: inline-block;width: 7%;position: relative;top: 15px;margin-left: 15px;} div.ourstory-outline {width:80%;border: solid rgba(115, 87, 68, 0.5);margin-left: 11%;margin-right: 10%;padding-top: 30px;padding-bottom: 30px;padding-left: 40px;padding-right: 40px;} div.ourstory-bubbles {margin-top:50px;} img.ourstory-bubbles-q {float: none;width: 80%;position: relative;margin-bottom: 40px;margin-right:0px;} p.ourstory-bubbles-q {position: absolute;left: 32%;top: 5.5%;line-height: 22px;font-size: 18px;text-align:center;width:41%;} p.ourstory-bubbles-q2 {position: absolute;left: 33%;top: 39%;line-height: 22px;font-size: 18px;text-align:center;width:38%;} p.ourstory-bubbles-q3 {position: absolute;left: 34%;top: 72%;line-height: 22px;font-size: 18px;text-align:center;width:37%;} img.ourstory-bubbles-a {float: none;width: 80%;position: relative;margin-bottom: 29px;} p.ourstory-bubbles-a {position: absolute;right: 31%;top: 22%;line-height: 22px;font-size: 18px;text-align:center;width:42%;} p.ourstory-bubbles-a2 {position: absolute;right: 31%;top: 55%;line-height: 22px;font-size: 18px;text-align:center;width:42%;} p.ourstory-bubbles-a3 {position: absolute;right: 26%;top: 87.5%;line-height: 22px;font-size: 18px;text-align:center;width:50%;} p.ourstory-tips {text-align: left;text-transform: uppercase;font-weight: bold;font-family: 'CorporativeSoftReg', sans-serif;font-size: 16px;margin-bottom: 5px;} ul.ourstory {text-align: left;} li.ourstory {list-style-type: disc;list-style-position: inside;margin-bottom:15px;font-family: 'CorporativeSoftReg', sans-serif;font-size:15px;} } /* Mobile - Small */ @media only screen and (min-width: 326px) and (max-width: 399px) { div.ourstory-hero {position: absolute !important;width: 100% !important;text-align: center;top: 3%;margin-left: 0px;left:0%;} div.ourstory-hero-1 {position: absolute !important;width: 100% !important;text-align: center;top: 10%;margin-left: 0px;left:0%;} div.ourstory-hero-1-chi {position: absolute !important;width: 100% !important;text-align: center;top: 20%;margin-left: 0px;left:0%;} div.ourstory-hero-2 {position: absolute !important;width: 100% !important;text-align: center;top: 3%;margin-left: 0px;left:0%;} h1.ourstory-story {color: #735744;font-family: 'Tesora';font-size: 3em;} p.ourstory-story {color: #735744;font-family: 'CorporativeSoftReg';font-size: 16px;padding-left: 5%;padding-right: 5%;margin-bottom:15px;line-height: 22px;} h1.ourstory-mission {color: #735744;font-family: 'Tesora';font-size: 35px;margin-top:25px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 11%;} p.ourstory-mission {color: #735744;font-family: 'CorporativeSoftReg';font-size: 12px;padding-left: 5%;padding-right: 5%;line-height: 18px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 30%;} h1.ourstory-mission-chi {color: #735744;font-family: 'Tesora';font-size: 35px;margin-top:25px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 10%;} p.ourstory-mission-chi {color: #735744;font-family: 'CorporativeSoftReg';font-size: 12px;padding-left: 5%;padding-right: 5%;line-height: 18px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 28%;} img.ourstory-get-to-know {width: 135px;} img.ourstory-hero {margin-top: 25px;width:70%;} img.ourstory-hat {position: relative;/*display: block*/;margin: 0 auto;width: 80%;padding-top: 25%;} div.ourstory-people {padding-top: 0px;text-align: center;} div.ourstory-people-text {margin-top:0%;padding-right:10%;float: none;} img.ourstory-people {max-width: 380px;padding: 30px 30px 15px 30px;float: none;margin-left:0px;} p.ourstory-people-head {font-family: 'Tesora';font-size: 40px;line-height: 57px;margin-bottom: 3px;} p.ourstory-people-subhead {font-family: 'CorporativeSoftReg', sans-serif;font-size: 15px;line-height: 24px;padding-left: 0px;padding-right: 0px;} .ourstory-people-button {letter-spacing: 1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 20px 5px !important;font-size: 14px;height: 40px !important;vertical-align: middle;margin: 20px 0px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 145px;text-align: center;} .ourstory-people-button-chi {letter-spacing: 1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 20px 5px !important;font-size: 14px;height: 40px !important;vertical-align: middle;margin: 20px 0px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 180px;text-align: center;} img.ourstory-coffee {max-width: 300px;padding: 30px 30px 15px 30px;float: none;margin-left:0px;margin-bottom:0px;} div.ourstory-coffee {padding-top: 0px;margin-bottom: 45px;text-align: center;margin-top: 20px;} div.ourstory-coffee-text {margin-top: 0%;padding-left: 10%;float: none;} p.ourstory-coffee-head {font-family: 'Tesora';font-size: 40px;line-height: 57px;margin-bottom: 0px;} p.ourstory-coffee-subhead {font-family: 'CorporativeSoftReg', sans-serif;font-size: 15px;line-height: 24px;padding-left: 0px;padding-right: 0px;} h1.ourstory-experience {color: #735744;font-family: 'Tesora';font-size: 40px;} p.ourstory-experience {color: #735744;font-family: 'CorporativeSoftReg';font-size: 14px;padding-left: 5%;padding-right: 5%;line-height: 20px;} img.ourstory-beans {width:18%;margin-bottom:10px;margin-top:25px;} img.ourstory-grind {width:18%;margin-bottom:10px;margin-top:0px;} img.ourstory-brew {width:22%;margin-bottom:10px;margin-top:0px;} img.ourstory-perfect {width:39%;margin-bottom:10px;margin-top:0px;} img.ourstory-numberone {width:12%;margin-bottom:60px;} p.ourstory-howtophilz {color: #735744;font-family: 'CorporativeSoftReg';font-size: 16px;line-height: 20px;} h2.ourstory-recommendations {display: inline-block;font-family: 'Tesora', sans-serif;font-size: 45px;} img.ourstory-phil {display: inline-block;width: 7%;position: relative;top: 15px;margin-left: 15px;} div.ourstory-outline {width:80%;border: solid rgba(115, 87, 68, 0.5);margin-left: 11%;margin-right: 10%;padding-top: 30px;padding-bottom: 30px;padding-left: 40px;padding-right: 40px;} div.ourstory-bubbles {margin-top:50px;} img.ourstory-bubbles-q {float: none;width: 80%;position: relative;margin-bottom: 40px;margin-right:0px;} p.ourstory-bubbles-q {position: absolute;left: 30%;top: 5%;line-height: 22px;font-size: 16px;text-align:center;width:43%;} p.ourstory-bubbles-q2 {position: absolute;left: 32%;top: 38.5%;line-height: 22px;font-size: 16px;text-align:center;width:40%;} p.ourstory-bubbles-q3 {position: absolute;left: 29%;top: 72%;line-height: 22px;font-size: 16px;text-align:center;width:46%;} img.ourstory-bubbles-a {float: none;width: 80%;position: relative;margin-bottom: 29px;} p.ourstory-bubbles-a {position: absolute;right: 28%;top: 21.5%;line-height: 22px;font-size: 16px;text-align:center;width:47%;} p.ourstory-bubbles-a2 {position: absolute;right: 29%;top: 54.5%;line-height: 22px;font-size: 16px;text-align:center;width:44%;} p.ourstory-bubbles-a3 {position: absolute;right: 27%;top: 87.5%;line-height: 22px;font-size: 16px;text-align:center;width:50%;} p.ourstory-tips {text-align: left;text-transform: uppercase;font-weight: bold;font-family: 'CorporativeSoftReg', sans-serif;font-size: 16px;margin-bottom: 5px;} ul.ourstory {text-align: left;} li.ourstory {list-style-type: disc;list-style-position: inside;margin-bottom:15px;font-family: 'CorporativeSoftReg', sans-serif;font-size:15px;} } /* Mobile - Small Landscape*/ @media only screen and (min-device-width: 326px) and (max-device-width: 399px) and (orientation : landscape) { div.ourstory-hero {position: absolute !important;width: 100% !important;text-align: center;top: 3%;margin-left: 0px;left:0%;} div.ourstory-hero-1 {position: absolute !important;width: 100% !important;text-align: center;top: 10%;margin-left: 0px;left:0%;} div.ourstory-hero-1-chi {position: absolute !important;width: 100% !important;text-align: center;top: 10%;margin-left: 0px;left:0%;} div.ourstory-hero-2 {position: absolute !important;width: 100% !important;text-align: center;top: 3%;margin-left: 0px;left:0%;} h1.ourstory-story {color: #735744;font-family: 'Tesora';font-size: 3em;} p.ourstory-story {color: #735744;font-family: 'CorporativeSoftReg';font-size: 14px;padding-left: 7%;padding-right: 7%;margin-bottom:5px; line-height: 18px;} h1.ourstory-mission {color: #735744;font-family: 'Tesora';font-size: 30px;margin-top:25px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 2%;} p.ourstory-mission {color: #735744;font-family: 'CorporativeSoftReg';font-size: 12px;padding-left: 5%;padding-right: 5%;line-height: 16px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 24%;} h1.ourstory-mission-chi {color: #735744;font-family: 'Tesora';font-size: 30px;margin-top:25px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 2%;} p.ourstory-mission-chi {color: #735744;font-family: 'CorporativeSoftReg';font-size: 12px;padding-left: 5%;padding-right: 5%;line-height: 16px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 24%;} img.ourstory-get-to-know {width: 175px;} img.ourstory-hero {margin-top: 15px;width:50%;} img.ourstory-hat {position: relative;/*display: block*/;margin: 0 auto;width: 40%;padding-top: 5%;} div.ourstory-people {padding-top: 50px;text-align: left;} div.ourstory-people-text {margin-top:0%;padding-right:2%;float:right;} img.ourstory-people {max-width: 310px;padding: 0px;float: left;margin-left:20px;} p.ourstory-people-head {font-family: 'Tesora';font-size: 45px;line-height: 57px;margin-bottom: 5px;} p.ourstory-people-subhead {font-family: 'CorporativeSoftReg', sans-serif;font-size: 13px;line-height: 20px;padding-left: 0px;padding-right: 0px;} .ourstory-people-button {letter-spacing: 1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 20px 5px !important;font-size: 14px;height: 40px !important;vertical-align: middle;margin: 20px 0px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 145px;text-align: center;} .ourstory-people-button-chi {letter-spacing: 1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 20px 5px !important;font-size: 14px;height: 40px !important;vertical-align: middle;margin: 20px 0px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 180px;text-align: center;} img.ourstory-coffee {max-width: 270px;padding: 0px;float: left;margin-left:30px;margin-bottom:50px;} div.ourstory-coffee {padding-top: 30px;margin-bottom: 50px;text-align: right;margin-top: 0px;} div.ourstory-coffee-text {margin-top: 8%;padding-left: 6%;float: left;} p.ourstory-coffee-head {font-family: 'Tesora';font-size: 45px;line-height: 57px;margin-bottom: 0px;} p.ourstory-coffee-subhead {font-family: 'CorporativeSoftReg', sans-serif;font-size: 13px;line-height: 20px;padding-left: 0px;padding-right: 0px;} h1.ourstory-experience {color: #735744;font-family: 'Tesora';font-size: 45px;} p.ourstory-experience {color: #735744;font-family: 'CorporativeSoftReg';font-size: 16px;padding-left: 5%;padding-right: 5%;line-height: 22px;} img.ourstory-beans {width:18%;margin-bottom:10px;margin-top:27px;} img.ourstory-grind {width:18%;margin-bottom:10px;margin-top:18px;} img.ourstory-brew {width:22%;margin-bottom:10px;margin-top:32px;} img.ourstory-perfect {width:39%;margin-bottom:10px;margin-top:12px;} p.ourstory-howtophilz {color: #735744;font-family: 'CorporativeSoftReg';font-size: 13px;line-height: 16px;} h2.ourstory-recommendations {display: inline-block;font-family: 'Tesora', sans-serif;font-size: 50px;} img.ourstory-phil {display: inline-block;width: 10%;position: relative;top: 13px;margin-left: 15px;} div.ourstory-outline {width:80%;border: solid rgba(115, 87, 68, 0.5);margin-left: 11%;margin-right: 10%;padding-top: 30px;padding-bottom: 30px;padding-left: 40px;padding-right: 40px;} div.ourstory-bubbles {margin-top:50px;} div.ourstory-bubbles-q {margin-top:50px;width:45%;display:inline-block;} div.ourstory-bubbles-a {margin-top:50px;width:47%;display:inline-block;padding-right: 5%} img.ourstory-bubbles-q {float: right;width: 72%;position: relative;margin-bottom: 35px;margin-right:30px;} p.ourstory-bubbles-q {position: absolute;left: 21%;top: 30%;line-height: 16px;font-size: 12px;text-align:left;width:19%;} p.ourstory-bubbles-q2 {position: absolute;left: 21%;top: 55.5%;line-height: 16px;font-size: 12px;text-align:left;width:18%;} p.ourstory-bubbles-q3 {position: absolute;left: 20%;top: 82%;line-height: 16px;font-size: 12px;text-align:left;width:20%;} img.ourstory-bubbles-a {float: left;width: 96%;position: relative;margin-bottom: 29px;} p.ourstory-bubbles-a {position: absolute;right: 19%;top: 30%;line-height: 16px;font-size: 12px;text-align:left;width:24%;} p.ourstory-bubbles-a2 {position: absolute;right: 20%;top: 55.5%;line-height: 16px;font-size: 12px;text-align:left;width:24%;} p.ourstory-bubbles-a3 {position: absolute;right: 17%;top: 79.5%;line-height: 16px;font-size: 12px;text-align:left;width:28%;} p.ourstory-tips {text-align: left;text-transform: uppercase;font-weight: bold;font-family: 'CorporativeSoftReg', sans-serif;font-size: 16px;margin-bottom: 5px;} ul.ourstory {text-align: left;} li.ourstory {list-style-type: disc;list-style-position: inside;margin-bottom:5px;font-family: 'CorporativeSoftReg', sans-serif;font-size:15px;} } /* Mobile - XS */ @media only screen and (max-width: 325px) { div.ourstory-hero {position: absolute !important;width: 100% !important;text-align: center;top: 2%;margin-left: 0px;left:0%;} div.ourstory-hero-1 {position: absolute !important;width: 100% !important;text-align: center;top: 10%;margin-left: 0px;left:0%;} div.ourstory-hero-1-chi {position: absolute !important;width: 100% !important;text-align: center;top: 18%;margin-left: 0px;left:0%;} div.ourstory-hero-2 {position: absolute !important;width: 100% !important;text-align: center;top: 3%;margin-left: 0px;left:0%;} h1.ourstory-story {color: #735744;font-family: 'Tesora';font-size: 2.7em;} p.ourstory-story {color: #735744;font-family: 'CorporativeSoftReg';font-size: 13px;padding-left: 5%;padding-right: 5%;margin-bottom:15px;line-height: 20px;} h1.ourstory-mission {color: #735744;font-family: 'Tesora';font-size: 30px;margin-top:25px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 5%;} p.ourstory-mission {color: #735744;font-family: 'CorporativeSoftReg';font-size: 11px;padding-left: 5%;padding-right: 5%;line-height: 17px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 24%;} h1.ourstory-mission-chi {color: #735744;font-family: 'Tesora';font-size: 30px;margin-top:25px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 3%;} p.ourstory-mission-chi {color: #735744;font-family: 'CorporativeSoftReg';font-size: 11px;padding-left: 5%;padding-right: 5%;line-height: 17px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 21%;} img.ourstory-get-to-know {width: 135px;} img.ourstory-hero {margin-top: 15px;width:70%;} img.ourstory-hat {position: relative;/*display: block*/;margin: 0 auto;width: 80%;padding-top: 25%;} div.ourstory-people {padding-top: 0px;text-align: center;} div.ourstory-people-text {margin-top:0%;padding-right:10%;float: none;} img.ourstory-people {max-width: 320px;padding: 30px 30px 15px 30px;float: none;margin-left: 0px;} p.ourstory-people-head {font-family: 'Tesora';font-size: 30px;line-height: 57px;margin-bottom: 3px;} p.ourstory-people-subhead {font-family: 'CorporativeSoftReg', sans-serif;font-size: 12px;line-height: 24px;padding-left: 0px;padding-right: 0px;} .ourstory-people-button {letter-spacing: 1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 20px 5px !important;font-size: 14px;height: 40px !important;vertical-align: middle;margin: 20px 0px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 145px;text-align: center;} .ourstory-people-button-chi {letter-spacing: 1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 20px 5px !important;font-size: 14px;height: 40px !important;vertical-align: middle;margin: 20px 0px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 180px;text-align: center;} img.ourstory-coffee {max-width: 280px;padding: 30px 30px 15px 30px;float: none;margin-left:0px;margin-bottom:0px;} div.ourstory-coffee {padding-top: 0px;margin-bottom: 45px;text-align: center;margin-top: 20px;} div.ourstory-coffee-text {margin-top: 0%;padding-left: 10%;float: none;} p.ourstory-coffee-head {font-family: 'Tesora';font-size: 30px;line-height: 57px;margin-bottom: 0px;} p.ourstory-coffee-subhead {font-family: 'CorporativeSoftReg', sans-serif;font-size: 12px;line-height: 24px;padding-left: 0px;padding-right: 0px;} h1.ourstory-experience {color: #735744;font-family: 'Tesora';font-size: 30px;} p.ourstory-experience {color: #735744;font-family: 'CorporativeSoftReg';font-size: 12px;padding-left: 5%;padding-right: 5%;line-height: 19px;} img.ourstory-beans {width:18%;margin-bottom:10px;margin-top:25px;} img.ourstory-grind {width:18%;margin-bottom:10px;margin-top:0px;} img.ourstory-brew {width:22%;margin-bottom:10px;margin-top:0px;} img.ourstory-perfect {width:39%;margin-bottom:10px;margin-top:0px;} img.ourstory-numberone {width:12%;margin-bottom:60px;} p.ourstory-howtophilz {color: #735744;font-family: 'CorporativeSoftReg';font-size: 16px;line-height: 20px;} h2.ourstory-recommendations {display: inline-block;font-family: 'Tesora', sans-serif;font-size: 45px;} img.ourstory-phil {display: inline-block;width: 7%;position: relative;top: 15px;margin-left: 15px;} div.ourstory-outline {width:80%;border: solid rgba(115, 87, 68, 0.5);margin-left: 11%;margin-right: 10%;padding-top: 30px;padding-bottom: 30px;padding-left: 40px;padding-right: 40px;} div.ourstory-bubbles {margin-top:50px;} img.ourstory-bubbles-q {float: none;width: 80%;position: relative;margin-bottom: 40px;margin-right:0px;} p.ourstory-bubbles-q {position: absolute;left: 29%;top: 5%;line-height: 20px;font-size: 15px;text-align:center;width:45%;} p.ourstory-bubbles-q2 {position: absolute;left: 32%;top: 38%;line-height: 20px;font-size: 15px;text-align:center;width:41%;} p.ourstory-bubbles-q3 {position: absolute;left: 34%;top: 71.5%;line-height: 20px;font-size: 15px;text-align:center;width:38%;} img.ourstory-bubbles-a {float: none;width: 80%;position: relative;margin-bottom: 29px;} p.ourstory-bubbles-a {position: absolute;right: 29%;top: 21.5%;line-height: 20px;font-size: 15px;text-align:center;width:45%;} p.ourstory-bubbles-a2 {position: absolute;right: 29%;top: 54.5%;line-height: 20px;font-size: 15px;text-align:center;width:45%;} p.ourstory-bubbles-a3 {position: absolute;right: 27%;top: 86.5%;line-height: 20px;font-size: 15px;text-align:center;width:48%;} p.ourstory-tips {text-align: left;text-transform: uppercase;font-weight: bold;font-family: 'CorporativeSoftReg', sans-serif;font-size: 16px;margin-bottom: 5px;} ul.ourstory {text-align: left;} li.ourstory {list-style-type: disc;list-style-position: inside;margin-bottom:15px;font-family: 'CorporativeSoftReg', sans-serif;font-size:15px;} } /* Mobile - XS Landscape*/ @media only screen and (max-width: 325px) and (orientation : landscape) { div.ourstory-hero {position: absolute !important;width: 100% !important;text-align: center;top: 3%;margin-left: 0px;left:0%;} div.ourstory-hero-1 {position: absolute !important;width: 100% !important;text-align: center;top: 10%;margin-left: 0px;left:0%;} div.ourstory-hero-1-chi {position: absolute !important;width: 100% !important;text-align: center;top: 10%;margin-left: 0px;left:0%;} div.ourstory-hero-2 {position: absolute !important;width: 100% !important;text-align: center;top: 3%;margin-left: 0px;left:0%;} h1.ourstory-story {color: #735744;font-family: 'Tesora';font-size: 3em;} p.ourstory-story {color: #735744;font-family: 'CorporativeSoftReg';font-size: 14px;padding-left: 7%;padding-right: 7%;margin-bottom:5px; line-height: 18px;} h1.ourstory-mission {color: #735744;font-family: 'Tesora';font-size: 30px;margin-top:25px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 2%;} p.ourstory-mission {color: #735744;font-family: 'CorporativeSoftReg';font-size: 12px;padding-left: 5%;padding-right: 5%;line-height: 16px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 24%;} h1.ourstory-mission-chi {color: #735744;font-family: 'Tesora';font-size: 30px;margin-top:25px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 2%;} p.ourstory-mission-chi {color: #735744;font-family: 'CorporativeSoftReg';font-size: 12px;padding-left: 5%;padding-right: 5%;line-height: 16px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 24%;} img.ourstory-get-to-know {width: 175px;} img.ourstory-hero {margin-top: 15px;width:50%;} img.ourstory-hat {position: relative;/*display: block*/;margin: 0 auto;width: 40%;padding-top: 5%;} div.ourstory-people {padding-top: 50px;text-align: left;} div.ourstory-people-text {margin-top:2%;padding-right:0%;float:right;} img.ourstory-people {max-width: 310px;padding: 0px;float: left;margin-left:20px;} p.ourstory-people-head {font-family: 'Tesora';font-size: 45px;line-height: 57px;margin-bottom: 5px;} p.ourstory-people-subhead {font-family: 'CorporativeSoftReg', sans-serif;font-size: 13px;line-height: 20px;padding-left: 0px;padding-right: 0px;} .ourstory-people-button {letter-spacing: 1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 20px 5px !important;font-size: 14px;height: 40px !important;vertical-align: middle;margin: 20px 0px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 145px;text-align: center;} .ourstory-people-button-chi {letter-spacing: 1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 20px 5px !important;font-size: 14px;height: 40px !important;vertical-align: middle;margin: 20px 0px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 180px;text-align: center;} img.ourstory-coffee {max-width: 270px;padding: 0px;float: left;margin-left:50px;margin-bottom:50px;} div.ourstory-coffee {padding-top: 30px;margin-bottom: 50px;text-align: right;margin-top: 0px;} div.ourstory-coffee-text {margin-top: 8%;padding-left: 1%;float: left;} p.ourstory-coffee-head {font-family: 'Tesora';font-size: 45px;line-height: 57px;margin-bottom: 0px;} p.ourstory-coffee-subhead {font-family: 'CorporativeSoftReg', sans-serif;font-size: 13px;line-height: 20px;padding-left: 0px;padding-right: 0px;} h1.ourstory-experience {color: #735744;font-family: 'Tesora';font-size: 45px;} p.ourstory-experience {color: #735744;font-family: 'CorporativeSoftReg';font-size: 16px;padding-left: 5%;padding-right: 5%;line-height: 22px;} img.ourstory-beans {width:18%;margin-bottom:10px;margin-top:27px;} img.ourstory-grind {width:18%;margin-bottom:10px;margin-top:18px;} img.ourstory-brew {width:22%;margin-bottom:10px;margin-top:32px;} img.ourstory-perfect {width:39%;margin-bottom:10px;margin-top:12px;} p.ourstory-howtophilz {color: #735744;font-family: 'CorporativeSoftReg';font-size: 13px;line-height: 16px;} h2.ourstory-recommendations {display: inline-block;font-family: 'Tesora', sans-serif;font-size: 50px;} img.ourstory-phil {display: inline-block;width: 10%;position: relative;top: 13px;margin-left: 15px;} div.ourstory-outline {width:80%;border: solid rgba(115, 87, 68, 0.5);margin-left: 11%;margin-right: 10%;padding-top: 30px;padding-bottom: 30px;padding-left: 40px;padding-right: 40px;} div.ourstory-bubbles {margin-top:50px;} div.ourstory-bubbles-q {margin-top:50px;width:45%;display:inline-block;} div.ourstory-bubbles-a {margin-top:50px;width:47%;display:inline-block;padding-right: 5%} img.ourstory-bubbles-q {float: right;width: 72%;position: relative;margin-bottom: 35px;margin-right:30px;} p.ourstory-bubbles-q {position: absolute;left: 21%;top: 30%;line-height: 16px;font-size: 12px;text-align:left;width:19%;} p.ourstory-bubbles-q2 {position: absolute;left: 21%;top: 55.5%;line-height: 16px;font-size: 12px;text-align:left;width:18%;} p.ourstory-bubbles-q3 {position: absolute;left: 20%;top: 82%;line-height: 16px;font-size: 12px;text-align:left;width:20%;} img.ourstory-bubbles-a {float: left;width: 96%;position: relative;margin-bottom: 29px;} p.ourstory-bubbles-a {position: absolute;right: 19%;top: 30%;line-height: 16px;font-size: 12px;text-align:left;width:24%;} p.ourstory-bubbles-a2 {position: absolute;right: 20%;top: 55.5%;line-height: 16px;font-size: 12px;text-align:left;width:24%;} p.ourstory-bubbles-a3 {position: absolute;right: 17%;top: 79.5%;line-height: 16px;font-size: 12px;text-align:left;width:28%;} p.ourstory-tips {text-align: left;text-transform: uppercase;font-weight: bold;font-family: 'CorporativeSoftReg', sans-serif;font-size: 16px;margin-bottom: 5px;} ul.ourstory {text-align: left;} li.ourstory {list-style-type: disc;list-style-position: inside;margin-bottom:5px;font-family: 'CorporativeSoftReg', sans-serif;font-size:15px;} } /* Careers Update 2018 Styles Start */ div#careers-rollover-preload {display:none;} div.carolyn-quote-img {padding-left:5%;} img.carolyn {padding:20px;width:100%;} div.carolyn-quote-text {padding-left: 5%;padding-right: 10%;margin-top:5%;} p.carolyn-quote {font-size: 18px;} p.carolyn-quote-name {font-size: 18px;font-weight:bold;font-style:italic;margin-top:10px;padding-bottom:50px;} div.careers-login {font-family: 'CorporativeSoftReg',sans-serif;text-align: right;padding-right: 8%;padding-bottom:10px;padding-top:10px;} div.careers-login-mobile {font-family: 'CorporativeSoftReg',sans-serif;text-align:center;padding-bottom:10px;} a.careers-login {margin-left: 7px;text-decoration:underline;} a.careers-login:hover {color:#FC8D03;} div.careers-hero-text {position: absolute !important;width: 100% !important;text-align: center;top: 33%;} h1.careers-hero-text {color: #f2f0e9;font-family: 'Tesora';font-size: 5.8em;} p.careers-hero-text {font-size: 15px;color: #f2f0e9;font-family: 'CorporativeSoftReg';font-weight: bold;line-height: 1.6;text-transform: uppercase;} div.careers-retail-hero-text {position: absolute !important;width: 100% !important;text-align: center;top: 5%;} img.careers-quote {max-width:350px;} div.careers-quote-copy {text-align: center;margin-top: 10%;margin-bottom:5%;} p.careers-quote-copy {padding-left: 15%;padding-right: 15%;font-size: 17px;} p.careers-quote-name {font-weight: bold;font-size: 17px;font-style: italic;margin-top: 15px;} div.careers-welcome-hero-text {position: absolute !important;width: 100% !important;text-align: center;top: 53%;margin-left:0px;} h1.careers-welcome-hero-text {color: #f2f0e9;font-family: 'Tesora';font-size: 5em;} p.careers-welcome-hero-text {color: #f2f0e9;font-family: 'CorporativeSoftReg';font-size: 20px;} div.careers-welcome-hero2-text {position: absolute !important;width: 35% !important;text-align: center;top: 18%;right:5%;margin-left:0px;} h1.careers-welcome-hero2-text {color: #f2f0e9;font-family: 'Tesora';font-size: 5em;margin-bottom:7px;} p.careers-welcome-hero2-text {color: #f2f0e9;font-family: 'CorporativeSoftReg';font-size: 20px;padding-right:10%;padding-left:10%;line-height: 24px;} div.careers-welcome-hero3-text {position: absolute !important;width: 52% !important;text-align: center;top: 7%;left:5%;margin-left:0px;} h1.careers-welcome-hero3-text {color: #f2f0e9;font-family: 'Tesora';font-size: 5em;margin-bottom:0px;} p.careers-welcome-hero3-text {color: #f2f0e9;font-family: 'CorporativeSoftReg';font-size: 20px;padding-right:10%;padding-left:10%;line-height: 24px;} img.get-to-know {margin-top: 25px;width: 200px;} img.philz-in-action {margin-top: 25px;width: 201px;} img.store-opening {margin-top: 25px;width: 266px;} img.carolyn-quote {max-width: 1000px;padding: 30px;margin:0 auto;} img.carolyn-quote-mobile {max-width: 325px;padding: 30px;margin:0 auto;} ul.careers-nav {margin: 0;display: inline-table;font-family: 'CorporativeSoftReg';width: 40%;padding-bottom:10px;} .careers-nav>li {display: table-cell; width:1%;} .careers-nav a {color: #735744; font-size: 15px; text-transform: uppercase; letter-spacing: 1px;} .careers-nav a:hover {font-weight: bold; border-bottom: 1px solid #968978;} div.careers-insta-pics-section {margin-bottom:-6px;margin-top: 40px;} div.careers-insta-pics {padding:3px;} div.careers-connected {text-align: center;margin-top: 40px;} h1.careers-connected {font-family:'Tesora';font-size:4.3em;} p.careers-connected {font-weight: bold;font-family: 'CorporativeSoftBold';font-size: 20px;} div.careers-values {text-align: center;margin-top: 40px;} h1.careers-values {font-family:'Tesora';font-size:4.3em;margin-bottom:-10px;} p.careers-values {font-family: 'CorporativeSoftReg';font-size: 18px;} div.careers-value-one {padding-top: 30px;text-align: center;} img.careers-value-one {max-width:500px;padding:30px;float:right;} div.careers-value-one-text {margin-top:3%;padding-right:25%;} .careers-value-one-head {font-family: 'Tesora';font-size: 50px;line-height: 57px;margin-bottom: 20px;} div.careers-value-two {padding-top: 30px;margin-bottom: 10px;text-align: center;margin-top:55px;} img.careers-value-two {max-width:500px;padding:30px;float:left;} div.careers-value-two-text {margin-top:3%;padding-left:20%;} div.careers-value-two:after {content: "";display: block;margin: 0 auto;width: 90%;margin-top: -45px;border-bottom: 1px solid rgba(115, 87, 68, 0.3);} div.careers-value-three {padding-top: 30px;margin-bottom: 10px;text-align: center;} img.careers-value-three {padding:30px;max-width:1200px;} p.careers-value-three-head {font-family: 'Tesora';font-size: 50px;margin-top: 70px;line-height: 57px;margin-bottom: 20px;} div.careers-value-three:before {content: "";display: block;margin: 0 auto;width: 90%;border-bottom: 1px solid rgba(115, 87, 68, 0.3);} div.careers-value-four {padding-top: 30px;margin-bottom: 10px;text-align: center;margin-top:40px;} img.careers-value-four {max-width:400px;padding:30px;float:right;} div.careers-value-four-text {margin-top:11%;padding-right:25%;} div.careers-value-four:after {content: "";display: block;margin: 0 auto;width: 90%;margin-top:-40px;border-bottom: 1px solid rgba(115, 87, 68, 0.3);} .careers-value-five {padding-top: 30px;margin-bottom: 25px;text-align: center;margin-top:40px;} .careers-value-five:after {content: "";display: block;margin: 0 auto;width: 90%;margin-top:-40px;border-bottom: 1px solid rgba(115, 87, 68, 0.3);} .careers-value-subhead {font-family: 'CorporativeSoftReg', sans-serif;font-size: 15px;line-height: 24px;padding-left:0px;padding-right: 0px;} div.careers-perks-health-title {text-align:center;} div.careers-perks-health-title:before {content: "";display: block;margin: 0 auto;width: 90%;border-bottom: 1px solid rgba(115, 87, 68, 0.3);margin-bottom:50px;} img.careers-perks-health {width: 57px;margin-bottom:30px;} div.careers-perks-health {text-align:center;margin-bottom:50px;} /*div.careers-perks-health:after {content: "";display: block;margin: 0 auto;width: 90%;border-bottom: 1px solid rgba(115, 87, 68, 0.3);}*/ h1.careers-perks {font-family: 'CorporativeSoftReg';font-size: 27px;margin-bottom:30px;text-transform: none;} h3.careers-perks {font-family: 'ProximaNovaReg';font-size: 18px;font-weight: bold;text-transform: uppercase;line-height: 2;margin-bottom:0px;} p.careers-perks {font-size: 18px;font-family: 'ProximaNovaReg';line-height: 1.5;} div.careers-perks-balance-title {text-align:center;} div.careers-perks-balance-title:before {content: "";display: block;margin: 0 auto;width: 90%;border-bottom: 1px solid rgba(115, 87, 68, 0.3);margin-bottom:50px;} img.careers-perks-balance {width:97px;margin-bottom:30px;} div.careers-perks-balance {text-align:center;margin-bottom:50px;} /*div.careers-perks-balance:after {content: "";display: block;margin: 0 auto;width: 90%;border-bottom: 1px solid rgba(115, 87, 68, 0.3);}*/ div.careers-perks-happiness-title {text-align:center;} div.careers-perks-happiness-title:before {content: "";display: block;margin: 0 auto;width: 90%;border-bottom: 1px solid rgba(115, 87, 68, 0.3);margin-bottom:50px;} img.careers-perks-happiness {width:83px;margin-bottom:30px;} div.careers-perks-happiness {text-align:center;margin-bottom:50px;} div.careers-perks-hero-text {position: absolute !important;width: 100% !important;text-align: center;top: 35%;margin-left:0px;} div.careers-perks-width {width:90%;margin:0 auto;} div.careers-perks-padding {padding-left:50px !important;padding-right:50px !important;margin-left:25px !important;} /* App LP Styles Start */ div.watch-hero-text {position:absolute !important;width:50% !important;text-align:left;top:10%;left:8%;} h1.watch-hero-text {color: #f2f0e9;font-family: 'Tesora';font-size: 7.2em;line-height: 110px;} div.hero-text {position:absolute !important;width:100% !important;text-align:center;top:3%;} p.hero-text {color: #f2f0e9;font-family: 'CorporativeSoftBold';font-size: 1.9em;text-transform: uppercase;margin-bottom:0px;} h1.hero-text {color:#f2f0e9;font-family:'Tesora';font-size:7.8em;margin-bottom:-20px;} img.play-button {width:32px;display:inline-block;margin-right:15px;position:relative;/*top:-789px;*/} img.watch {margin-top:25px;width:210px;} p.video {display:inline-block;color:#f2f0e9;font-family:'ProximaNova-Medium', sans-serif;font-size:1.35em;margin-top:0px;/*text-decoration:underline*/;text-transform:uppercase;padding-bottom: 32px;} div.download {padding-left:20px;padding-right:20px;padding-top:30px;padding-bottom:20px;text-align:center;} p.download {color:#735744;font-family:'CorporativeSoftReg', sans-serif;font-weight:600;font-size:25px;} p.download-fineprint {font-family:'CorporativeSoftReg', sans-serif;font-weight:600;font-size:13px;padding-left:20px;padding-right:20px;} img.download-button-one {width:150px;padding-top:20px;padding-bottom:20px;} div.feature-section-one {background:rgba(231,220,192,0.35);padding-top:30px;margin-bottom:10px;text-align:center;} div.phone-1-margin {margin-bottom:-6px;text-align:right;padding-right:4%;} div.phone-2-margin {margin-bottom:-6px;text-align:left;padding-left:4%;} div.phone-3-margin {margin-bottom:-6px;text-align:right;padding-right:4%;} img.phone-width {width:347px;} div.pick-up-text {margin-top:9%;padding-right:25%;} img.numbers {width:18px;} p.feature-head {font-family:'Tesora';font-size:50px;margin-top:30px;line-height: 57px;margin-bottom: 20px;} p.feature-subhead {font-family:'CorporativeSoftReg', sans-serif;font-size:18px;line-height:24px;/*padding-right:30%;padding-left:30%;*/} div.feature-section-two {background:rgba(231,220,192,0.35);padding-top:30px;margin-bottom:10px;text-align:center;} div.crafted-text {margin-top:10%;padding-left:20%;} div.feature-section-three {background:rgba(231,220,192,0.35);padding-top:30px;text-align:center;} div.reorder-text {margin-top:7%;padding-right:25%;} img.download-button-two {width:180px;margin-top:50px;} div.more-info {padding-left:20px;padding-right:20px;padding-top:50px;text-align:center;} p.more-info {display:inline-block;color:#735744;font-family:'Tesora';font-weight:400;font-size:45px;} p.app-faq {display:inline-block;color:#735744;font-family:'CorporativeSoftReg', sans-serif;;font-weight:500;font-size:22px;margin-left:20px;text-decoration:underline;} p.app-fine-print {font-family:'CorporativeSoftReg', sans-serif;margin-top:50px;font-size:13px;line-height: 16px;} .footer-spacing {margin-bottom: -70px;} /* Tablet */ @media only screen and (min-device-width: 701px) and (max-device-width: 1025px) { h1.watch-hero-text {color: #f2f0e9;font-family: 'Tesora';font-size: 4em;line-height: 70px;} p.hero-text {color: #f2f0e9;font-family: 'CorporativeSoftBold';font-size: 1.2em;text-transform: uppercase;margin-bottom:-4px;} h1.hero-text {color:#f2f0e9;font-family:'Tesora';font-size:4.5em;margin-bottom:-30px;} img.play-button {width:17px;display:inline-block;margin-right:5px;position:relative;/*top:-423px;*/} img.watch {margin-top:35px;width:140px;} p.video {display:inline-block;color:#f2f0e9;font-family:'ProximaNova-Medium', sans-serif;font-size:.8em;margin-top:0px;/*text-decoration:underline*/;text-transform:uppercase;padding-bottom:17px;} p.download {color:#735744;font-family:'CorporativeSoftReg', sans-serif;font-weight:600;font-size:25px;} img.download-button-one {width:150px;} p.feature-subhead {font-family:'CorporativeSoftReg', sans-serif;font-size:18px;line-height:24px;/*padding-right:50px;padding-left:50px;*/} p.feature-head {font-family:'Tesora';font-size:50px;margin-top:30px;line-height:50px;margin-bottom:30px;padding-left:61px;padding-right:61px;} div.pick-up-text {margin-top:19%;padding-right:0%;} div.crafted-text {margin-top:16%;padding-left: 0%;} div.reorder-text {margin-top:12%;padding-right: 0%;} .footer-spacing {margin-bottom: -70px;} div.phone-1-margin {margin-bottom:-6px;text-align:center;padding-right:0%;} div.phone-2-margin {margin-bottom:-6px;text-align:center;padding-left:0%;} div.phone-3-margin {margin-bottom:-6px;text-align:center;padding-right:0%;} p.app-fine-print {font-family:'CorporativeSoftReg', sans-serif;margin-top:50px;font-size:13px;line-height: 16px;padding-left:40px;padding-right:40px;} } /* Mobile - Small */ @media only screen and (max-device-width: 399px) { h1.watch-hero-text {color: #f2f0e9;font-family: 'Tesora';font-size: 2em;line-height: 40px;} div.hero-text {position:absolute !important;width:100% !important;text-align:center;top:3%;margin-left:-14px;} p.hero-text {color: #f2f0e9;font-family: 'CorporativeSoftBold';font-size: .8em;text-transform: uppercase;margin-bottom:0px;} h1.hero-text {color:#f2f0e9;font-family:'Tesora';font-size:2.5em;margin-bottom:-30px;} img.play-button {width:17px;display:inline-block;margin-right:5px;position:relative;/*top:-204px;*/} img.watch {margin-top:35px;width:95px;} p.video {display:inline-block;color:#f2f0e9;font-family:'ProximaNova-Medium', sans-serif;font-size:.8em;margin-top:0px;/*text-decoration:underline*/;text-transform:uppercase;padding-bottom: 17px;} /* p.download {display:inline-block;color:#735744;font-family:'CorporativeSoftReg', sans-serif;font-weight:600;font-size:23px;} */ p.download {display:none;} p.download-fineprint {font-size: 11px;} img.download-button-one {width:160px;} div.feature-section-one {background:rgba(231,220,192,0.35);padding-top:10px;margin-bottom:20px;text-align:center;} div.pick-up-text {margin-top:8%;margin-bottom:25px;} img.numbers {width:18px;} p.feature-subhead {font-family:'CorporativeSoftReg', sans-serif;font-size:18px;line-height:24px;/*padding-right:43px;padding-left:43px;*/} p.feature-head {font-family:'Tesora';font-size:50px;margin-top:30px;line-height:50px;margin-bottom:15px;padding-left:20px;padding-right:20px;} img.phone-width {width:275px; margin-bottom:-6px;} div.pick-up-text {margin-top:8%;margin-bottom:25px;padding-right: 0%;} div.feature-section-two {background:rgba(231,220,192,0.35);padding-top:10px;margin-bottom:20px;text-align:center;} div.crafted-text {margin-top:9%;margin-bottom: 25px;padding-left: 0%;} div.feature-section-three {background:rgba(231,220,192,0.35);padding-top:10px;text-align:center;} div.reorder-text {margin-top:7.5%;margin-bottom:25px;padding-right: 0%;} img.download-button-two {width:160px;margin-top:25px;} p.more-info {display:inline-block;color:#735744;font-family:'Tesora';font-weight:400;font-size:42px;line-height:45px;padding-left:25px;padding-right: 25px;} p.app-faq {display:inline-block;color:#735744;font-family:'CorporativeSoftReg', sans-serif;;font-weight:500;font-size:20px;margin-left:0px;text-decoration:underline;} p.app-fine-print {font-family:'CorporativeSoftReg', sans-serif;margin-top:50px;font-size:12px;padding-right: 20px;padding-left: 20px;} .footer-spacing {margin-bottom: 0px;} div.phone-1-margin {margin-bottom:-6px;text-align:center;padding-right:0%;} div.phone-2-margin {margin-bottom:-6px;text-align:center;padding-left:0%;} div.phone-3-margin {margin-bottom:-6px;text-align:center;padding-right:0%;} } /* App Video Modal */ .video-modal .modal-backdrop.in { filter: alpha(opacity=7); opacity: 0.7; } .video-modal .modal-content { background: none; border: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .video-modal .modal-dialog { width:70% !important; margin: 50px auto !important; } .video-modal .modal-body { padding: 0 25px 25px 25px; } .video-modal .modal-header { padding: 25px 25px 15px 25px; text-align: right; } .video-modal .modal-header, .modal-footer { border: 0; } .video-modal .modal-header .close { float: none; margin: 0; font-size: 36px; color: #fff; font-weight: 300; text-shadow: none; opacity: 1; } .embed-responsive-16by9 { padding-bottom: 56.25%; } /* .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } */ .embed-responsive-item { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } /* Location page styles start \*------------------------------------------------------------------------*/ @media screen and (min-width:0px){ .location-modal .modal-dialog{width:75% !important;padding-top:30px;padding-bottom:10px; margin: 0 auto} .location-modal .modal-content{ -webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5); -moz-box-shadow:0 5px 15px rgba(0,0,0,0.5); box-shadow:0 5px 15px rgba(0,0,0,0.5); } .location-modal-image-detail {display: block;} a.btn, .btn-sign-me-up, .btn-get-directions{ display:block; background-color: #FC8D03 !important; border-radius: 5px; color: #ffffff !important; cursor: pointer; font-family: 'ProximaNovaReg',sans-serif !important; font-size: 15px !important; font-weight: normal; height: auto !important; margin: 8px 0px 18px 0px !important; position: relative !important; padding: 13px 24px 13px 24px !important; text-align: center; text-transform: uppercase; top: 0px; vertical-align: middle; box-sizing: border-box; } a.btn.btn-get-directions:hover { background-color: #968978; } a.caviar-link { display: block; border-radius: 5px; color: #735744 !important; cursor: pointer; font-family: 'CorporativeSoftReg',sans-serif !important; font-size: 14px !important; font-weight: normal; height: auto !important; position: relative !important; text-align: center; top: 0px; text-decoration: underline; margin-top:70px !important; } .location-title { line-height: 1.1em; font-size: 2em; margin-top: 3px; margin-bottom: 0px; margin-left: 0px; margin-right: 18px; text-transform: uppercase; vertical-align: baseline; display: inline-block; float: left; max-width: 85%; } .location-sub-title { font-size: 15px; margin-top: 6px; margin-bottom: 6px; float: none; } .mid a.location-sub-title { position: relative; height: auto; width: auto; font-family: 'AvenirLight',sans-serif !important; line-height: 1.1em; margin-left: 0px; margin-right: 0px; text-transform: uppercase; vertical-align: baseline; display: inline-block; font-size: 15px; margin-top: 6px; margin-bottom: 6px; float: none; color: #735744; } .mid a.location-sub-title:hover { text-decoration: underline; } .location-text { margin-left: 0 px !important; margin-bottom: 18px; font-weight: normal !important; font-family: 'CorporativeSoftReg',sans-serif !important; font-size: 15px !important; } .location-text h4 { margin-left: 0 px !important; margin-top: 8px; margin-bottom: 0px; font-weight: bold !important; font-family: 'CorporativeSoftReg',sans-serif !important; font-size: 15px !important; } } @media (max-width:480px) { h1.modal-title.location-title { font-size: 7vw; } } /* Instagram link in modals */ .instagram { text-decoration: underline; } .tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:11px;line-height:1.4;opacity:0;filter:alpha(opacity=0)} .tooltip.in{opacity:.8;filter:alpha(opacity=80)}.tooltip.top{margin-top:-3px;padding:5px 0} .tooltip.right{margin-left:3px;padding:0 5px} .tooltip.bottom{margin-top:3px;padding:5px 0} .tooltip.left{margin-left:-3px;padding:0 5px} .tooltip-inner{font-weight:bold;text-transform:none;max-width:200px;padding:8px;color:#735744;text-align:center;text-decoration:none;background-color:#fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px} .tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid} .tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#fff} .tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#fff} .tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#fff} .tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#fff} /* Popover Styles start \*------------------------------------------------------------------------*/ .popover{ position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left; background-color:#fff;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box; border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2); box-shadow:0 5px 10px rgba(0,0,0,0.2);white-space:normal } .popover.top{margin-top:-10px} .popover.right{margin-left:10px} .popover.bottom{margin-top:10px} .popover.left{margin-left:-10px} .popover-title{ margin:0;padding:8px 14px;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7; border-bottom:1px solid #ebebeb;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0 } .popover-title:empty{display:none} .popover-content{padding:9px 14px} .popover-heading{color:#ccc} .popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid} .popover .arrow{border-width:11px} .popover .arrow:after{border-width:10px;content:""} .popover.top .arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);bottom:-11px} .popover.top .arrow:after{bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff} .popover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,0.25)} .popover.right .arrow:after{left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff} .popover.bottom .arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);top:-11px} .popover.bottom .arrow:after{top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff} .popover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,0.25)} .popover.left .arrow:after{right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px} /* Styles for Community Updates Page 2020 - setting up 3 col list layout for stores that are opening 4/1/2020 \*------------------------------------------------------------------------*/ .strike-through {text-decoration: line-through;} .flex-container, .update-links{ width: 90%; margin: 0 auto 50px; display: flex; flex-wrap: wrap; } .update-links { margin: 30px auto 0; } .flex-item { display: flex; flex-direction: column; padding: 1em; margin-bottom: 25px; width: 33%; } .flex-item-content { margin: 0 auto; } /* Top sub menu styles Community Updates Page */ .quick-link { line-height:32px; } .quick-link a { text-align:left; padding-left: 0px; margin-top:0px; text-decoration:underline; } /* "Blog Post" Styles */ .updates-post {line-height:1.5em;} .updates-post h3 { text-align:left; padding-left: 0px; margin:50px 0 25px; } .updates-post p { text-align:left; padding-left: 0px; margin-top: 25px; } .updates-post-list { margin-top: 25px; margin-left: 40px; list-style: inherit; } .updates-post-list li{ list-style: inherit; margin-bottom: 10px; font-family: 'CorporativeSoftReg', sans-serif; color: #968978; font-size: 1.3em; line-height: 1.6em; } /* Customer service styles */ .customer-service-container { width: 55%; margin: 25px auto 50px; } .customer-service-text { font-family: 'CorporativeSoftReg', sans-serif; font-size: 1.3em; line-height: 1.6em; padding: 0 40px; } .customer-service-list { margin-top: 25px; margin-left: 50px; list-style: inherit; } .customer-service-list li{ list-style: inherit; margin-bottom: 10px; font-family: 'CorporativeSoftReg', sans-serif; color: #968978; } .customer-service-list li p { font-size: 1.3em; line-height: 1.6em; } @media all and (max-width: 39em) { .flex-item, .update-links, .featured-creation { width: 100%; } } @media all and (min-width: 40em) { .flex-item, .featured-creation { width: 50%; } } @media all and (min-width: 60em) { .flex-item, .featured-creation { width: 33%; } } .media,.media-body{overflow:hidden;*overflow:visible;zoom:1} .media,.media .media{margin-top:15px} .media:first-child{margin-top:0} .media-object{display:block} .media-heading{margin:0 0 5px} .media>.pull-left{margin-right:10px} .media>.pull-right{margin-left:10px} .media-list{margin-left:0;list-style:none} .label,.badge{display:inline-block;padding:2px 4px;font-size:10.998px;font-weight:bold;line-height:14px;color:#fff;vertical-align:baseline;white-space:nowrap;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#999} .label{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} .badge{padding-left:9px;padding-right:9px;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px} .label:empty,.badge:empty{display:none} a.label:hover,a.label:focus,a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer} .label-important,.badge-important{background-color:#b94a48} .label-important[href],.badge-important[href]{background-color:#953b39} .label-warning,.badge-warning{background-color:#f89406} .label-warning[href],.badge-warning[href]{background-color:#c67605} .label-success,.badge-success{background-color:#468847} .label-success[href],.badge-success[href]{background-color:#356635} .label-info,.badge-info{background-color:#3a87ad} .label-info[href],.badge-info[href]{background-color:#2d6987} .label-inverse,.badge-inverse{background-color:#333} .label-inverse[href],.badge-inverse[href]{background-color:#1a1a1a} .btn .label,.btn .badge{position:relative;top:-1px} .btn-mini .label,.btn-mini .badge{top:0} @-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}} @-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}} @-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}} @-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}} @keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}} .progress{overflow:hidden;height:18px;margin-bottom:18px;background-color:#f7f7f7;background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9);background-image:linear-gradient(to bottom, #f5f5f5, #f9f9f9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0} .progress .bar{width:0;height:100%;color:#fff;float:left;font-size:12px;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,0.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top, #149bdf, #0480be);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));background-image:-webkit-linear-gradient(top, #149bdf, #0480be);background-image:-o-linear-gradient(top, #149bdf, #0480be);background-image:linear-gradient(to bottom, #149bdf, #0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease} .progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15)}.progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,0.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,0.15)), color-stop(.75, rgba(255,255,255,0.15)), color-stop(.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-danger .bar,.progress .bar-danger{background-color:#dd514c;background-image:-moz-linear-gradient(top, #ee5f5b, #c43c35);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));background-image:-webkit-linear-gradient(top, #ee5f5b, #c43c35);background-image:-o-linear-gradient(top, #ee5f5b, #c43c35);background-image:linear-gradient(to bottom, #ee5f5b, #c43c35);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0)}.progress-danger.progress-striped .bar,.progress-striped .bar-danger{background-color:#ee5f5b;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,0.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,0.15)), color-stop(.75, rgba(255,255,255,0.15)), color-stop(.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-success .bar,.progress .bar-success{background-color:#5eb95e;background-image:-moz-linear-gradient(top, #62c462, #57a957);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));background-image:-webkit-linear-gradient(top, #62c462, #57a957);background-image:-o-linear-gradient(top, #62c462, #57a957);background-image:linear-gradient(to bottom, #62c462, #57a957);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0)}.progress-success.progress-striped .bar,.progress-striped .bar-success{background-color:#62c462;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,0.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,0.15)), color-stop(.75, rgba(255,255,255,0.15)), color-stop(.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-info .bar,.progress .bar-info{background-color:#4bb1cf;background-image:-moz-linear-gradient(top, #5bc0de, #339bb9);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));background-image:-webkit-linear-gradient(top, #5bc0de, #339bb9);background-image:-o-linear-gradient(top, #5bc0de, #339bb9);background-image:linear-gradient(to bottom, #5bc0de, #339bb9);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0)}.progress-info.progress-striped .bar,.progress-striped .bar-info{background-color:#5bc0de;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,0.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,0.15)), color-stop(.75, rgba(255,255,255,0.15)), color-stop(.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.progress-warning .bar,.progress .bar-warning{background-color:#faa732;background-image:-moz-linear-gradient(top, #fbb450, #f89406);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));background-image:-webkit-linear-gradient(top, #fbb450, #f89406);background-image:-o-linear-gradient(top, #fbb450, #f89406);background-image:linear-gradient(to bottom, #fbb450, #f89406);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0)}.progress-warning.progress-striped .bar,.progress-striped .bar-warning{background-color:#fbb450;background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,0.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,0.15)), color-stop(.75, rgba(255,255,255,0.15)), color-stop(.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}.accordion{margin-bottom:18px}.accordion-group{margin-bottom:2px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.accordion-heading{border-bottom:0}.accordion-heading .accordion-toggle{display:block;padding:8px 15px}.accordion-toggle{cursor:pointer}.accordion-inner{padding:9px 15px;}.carousel{position:relative;width:100%; margin:0 auto -20px !important;line-height:1}.carousel-inner{overflow:hidden;width:100%;position:relative}.carousel-inner>.item{display:none;position:relative;-webkit-transition:2.6s ease-in-out left;-moz-transition:2.6s ease-in-out left;-o-transition:2.6s ease-in-out left;transition:2.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-family:'Philz';font-size:50px;font-weight:100;line-height:30px;color:#735744;text-align:center;opacity:.5;filter:alpha(opacity=50)}.carousel-control.right{left:auto;right:15px}.carousel-control:hover,.carousel-control:focus{color:#000;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-indicators{position:absolute;top:92.75%;right:15px;z-index:5;margin:0;list-style:none}.carousel-indicators li{display:block;float:left;width:10px;height:10px;margin-left:9px;text-indent:-999px;background-color:#fff;border-radius:5px}.carousel-indicators .active{background-color:#de7b02}.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:15px;background:#333;background:rgba(0,0,0,0.75)}.carousel-caption h4,.carousel-caption p{color:#fff;line-height:18px}.carousel-caption h4{margin:0 0 5px}.carousel-caption p{margin-bottom:0}.pull-right{float:right}.pull-left{float:left}.hide{display:none}.show{display:block}.invisible{visibility:hidden}.affix{position:fixed}.list-header{border:1px solid #eaeaea;padding:20px 10px}.list-header input,.list-header select{margin:0}.list-header select{width:140px}.list-header label{margin-bottom:0;margin-right:5px}.list-header label.v-center{margin-top:5px} @media (max-width:767px){ .list-header label{margin-bottom:10px;margin-right:0;text-align:left;width:49%} .list-header label input[type="date"]{display:block;width:100%} .list-header label:last-child{margin-bottom:0} .list-header label[for="to"]{margin-left:2%} } .list-header button.btn{padding:5px} @media (max-width:767px){ .list-header select, .list-header input{height:44px} .list-header .list-header-sort-btn{display:block;float:left;margin:10px 0 5px;text-align:center;width:18%;height:44px} .list-header .list-header-sort-btn i{float:none} .list-header .list-header-filter{display:block;width:100%} .list-header .list-header-sort{display:block;float:left;margin:10px 2% 5px 0;width:80%} } .header-row .list-header .list-header-sort-btn{background:#e6e6e6} .header-row .list-header .list-header-sort-btn i:first-child{margin-top:0;margin-right:-4px} @media (max-width:767px){.header-row .list-header .list-header-sort-btn{display:block;float:left;margin:10px 0 5px;text-align:center;width:18%}.header-row .list-header .list-header-sort-btn i{float:none}}.list-header-slim{border-width:0 0 1px;padding:9px}.list-header-slim label.v-center{margin-top:0}.input-date{width:120px}.input-date::-webkit-inner-spin-button,.input-date ::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.header-row{border:1px solid #eaeaea}.header-row .header-expander{padding:7px 10px} @media (max-width:767px){.header-row .btn-group .btn{width:auto}.header-row .btn-group .btn .caret{margin-top:15px}}.header-row .list-header{border:none;padding:5px 10px} @media (max-width:767px){.header-row .list-header{padding:10px 10px 0}}.list-header-select-all{margin:10px 0 0 10px}.list-header-select-all input[type=checkbox]{margin:0} .dropdown-menu-right{right:0;left:auto} @media (max-width:767px){.dropdown-toggle-touch{min-width:44px}} .vert {top: 50%;position: relative;margin-top: 3%;} h2.header-primary {text-transform: uppercase; font-size: 48px;color:#735744; margin-top: 50px} ul.coffee-nav {margin: 35px 0; padding:35px 0; border-top: 1px solid #735744;border-bottom: 1px solid #735744; display: inline-table;} .coffee-nav>li {display: table-cell; width:1%;} .coffee-nav a {color: #735744; font-size: 15px; text-transform: uppercase; letter-spacing: 1px;} .coffee-nav a:hover {font-weight: bold; border-bottom: 1px solid #968978;} ul.stores-nav {margin: 0; padding:35px 0; border-bottom: 1px solid #968978;display: inline-table;} .stores-nav>li {display: table-cell; width:1%;} .stores-nav a {color: #735744; font-size: 15px; text-transform: uppercase; letter-spacing: 1px;} .stores-nav a:hover {font-weight: bold; border-bottom: 1px solid #968978;} ul.stores-nav-new {margin: 0;padding-top: 35px;padding-bottom: 20px;display: inline-table;} .stores-nav-new>li {display: table-cell; width:1%;} .stores-nav-new a {color: #735744; font-size: 15px; text-transform: uppercase; letter-spacing: 1px;} .stores-nav-new a:hover {font-weight: bold; border-bottom: 1px solid #968978;} ul.stores-nav-new-bottom {margin: 0;padding-bottom: 35px; border-bottom: 1px solid #968978;display: inline-table;} .stores-nav-new-bottom>li {display: table-cell; width:1%;} .stores-nav-new-bottom a {color: #735744; font-size: 15px; text-transform: uppercase; letter-spacing: 1px;} .stores-nav-new-bottom a:hover {font-weight: bold; border-bottom: 1px solid #968978;} #option-custcol2-container {margin-top: 20px;} .desktop-no-show {display: none;} .mobile-no-show {display: inherit;} .border-top-brown {border-top: 1px solid #735744; padding-top: 10px; margin-top: 10px;} .locations-social-icon { color: #fff;font-size: 1.5em;margin-left: -10px;margin-top: 5px;} .white-underline {color: #ffffff !important; text-decoration: underline;} ul.location-nav {margin:0 0 35px; padding:35px 0; border-bottom: 1px solid #735744; display: inline-table;} .location-nav>li {display: table-cell; width:1%;} .location-nav a {color: #735744; font-size: 15px; text-transform: uppercase; letter-spacing: 1px;} .location-nav a:hover {font-weight: bold; border-bottom: 1px solid #968978;} .location-nav a:last-child {text-transform: capitalize;} .cart-modal-actions { display: block; width: 239px; max-width: 100%; } .cart-modal-actions a.btn-sign-me-up { clear: none; margin-bottom: 0px; } .btn-112 { width: 112px !important; } .item-detailed-reviews {padding: 0 15px;} .zoomImg {background-color: #f0ebdc;} p.home {line-height: 1.5em; margin:80px auto 35px;} a.underline {color: #735744; text-decoration: underline;} .press-box { margin-bottom: 35px; background-color: #ffffff; padding: 0 20px; height: 340px;} .press-link a {font-weight: bold;font-size: 1.1em;line-height: 1.5em; color: #735744;} .write-a-review { margin-left: 103px; margin-top: -15px; width: 250px;} .press-title {margin:30px 0 100px;} .press-logo {padding: 0 50px;} .press-logo img {opacity: 0.4;filter: alpha(opacity=40);} .press-date {margin-top: 5px;} .press-box-alt { margin-bottom: 35px; background-color: #ffffff; padding: 0 20px; height: 320px;} .press-link-alt a {font-weight: bold;font-size: 1.1em;line-height: 1.5em; color: #735744;} .press-title-alt {margin:30px 0 100px;} .press-logo-alt {padding: 0;} .press-logo-alt img {opacity: 0.4;filter: alpha(opacity=40);width:175px !important;margin-left:27px;} .press-date-alt {margin-top: 5px;} @media (max-width:480px){ .press-box-alt { width: 80% !important; margin: 0 auto 35px !important; } } .bx-viewport {background-color: rgba(0,0,0,0) !important;} .product-review-title {line-height: 1.5em; color: #968978; padding-top: 9px; padding-bottom: 9px;} .product-review-form, .product-review-form-preview, .product-review-form-confirmation {margin: 0 auto; width: 85%;} .product-review-title { line-height: 1.4em;} .back-to-top-box { background-color: #ffffff; padding: 20px 20px 0 20px; border-radius: 10px 10px 0 0;} .roasty-roast {text-transform: capitalize; margin-top: 12px; margin-left: 13px; font-size: 1.3em;} .menu-background { background: url(https://www.philzcoffee.com/images/sca/chalkboard.jpg)no-repeat center center #555555; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-top: 50px; padding-bottom: 100px; margin-bottom: -80px; } /* New Store Menu Styles - April 2020 \*------------------------------------------------------------------------*/ .menu-chalkboard { background: url(https://www.philzcoffee.com/images/sca/chalkboard.jpg)no-repeat center center #555555; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 100px; padding-top: 50px; margin-bottom: -80px; } .menu-section{ width: 95%; background-color: #F2EEE2; padding: 15px 0px; margin: 0 auto 50px; } .menu-item { display: flex; flex-direction: column; padding: 1em; margin-bottom: 25px; width: 33%; } .menu-item-content { margin: 0 auto; } .menu-header-info { text-align: center; width: 100%; margin: 50px auto 30px; } .menu-cals { color: #362F2D; font-family: 'CorporativeSoftReg'; font-size: 20px; text-align: center; } .menu-cals a { color: #362F2D; text-decoration: underline; } .menu-section-title { color: #F6881F; font-family: 'Tesora'; font-size: 50px; } .menu-cat-title { font-family: 'Tesora'; font-size: 24px; color: #502C1E; } .title-img {margin: 0 auto;} .original-blends {width: 689px; margin-top: 15px;} .dark-bold {width: 209px;} .medium-balanced {width: 339px;} .light-bright{width: 209px;} .featured-title {width: 545px;} .more-title {width: 135px;} .menu-cat-list { list-style-type: none; } .featured-creation { width: 33%; margin-bottom: 50px; display: flex; flex-flow: row wrap; justify-content: space-evenly; } .featured-item-img { width: 25%;t } .featured-item-img img { width: 100%; height: auto; } .featured-item-description { width: 60%; text-align: center; margin: auto 0; } .menu-cat-list li { padding: 10px 0; } .menu-item-name{ font-family: 'Jandaa'; font-size: 24px; color: #362F2D; text-transform: uppercase; line-height: 29px; } .menu-item-name .cap { font-size: 28px; } .menu-text { font-family: 'CorporativeSoftReg'; font-size: 15px; color: #362F2D; line-height: 18px; } .fineprint { width: 70%; margin: 0 auto; } .icon-legend { width: 90%; margin: 20px auto 30px; display: flex; flex-flow: row wrap; justify-content: space-evenly; color : #fff; } .icon-legend-title { color: #fff; font-family: 'CorporativeSoftReg'; font-size: 20px; text-align: center; } .icon-legend-item { margin: 10px auto; color: #fff; font-family: 'CorporativeSoftReg'; font-size: 15px; line-height: 20px; text-align: center; vertical-align: middle; display: flex; } .icon-legend-item svg { margin-right: 10px; } @media all and (max-width: 39em) { .featured-creation { width: 100%; } } @media all and (min-width: 40em) { .featured-creation { width: 50%; } } @media all and (min-width: 60em) { .featured-creation { width: 33%; } } /* Store menu - SVG Specific styles \*------------------------------------------------------------------------*/ .svg-mint, .svg-cardamom, .svg-fedora, .svg-hazelnut { width: 20px; height: 20px; } .svg-mint {fill: #3BD4AE;} .svg-cardamom {fill: #ECD17C;} .svg-fedora {fill: #F99E20; width: 30px;} .svg-hazelnut {fill: #6E4D4A;} h1.new-menu-headline{font-family: 'Tesora', sans-serif;text-transform: capitalize;color: rgba(255,255,255,0.9);font-size: 55px;} p.new-menu-subhead {font-family: 'CorporativeSoftReg', sans-serif,sans-serif;color: #aaa69c;} a.new-menu-link {text-decoration: underline;color: #aaa69c;} h3.new-menu-title {font-family: 'Tesora', sans-serif;text-transform: capitalize;color: rgba(252,141,3,0.9);font-size: 35px;} h3.new-menu-tea-title {font-family: 'Tesora', sans-serif;text-transform: capitalize;color: #33d5ad;font-size: 35px;} .new-menu-name {color: #ffffff;margin-bottom: 8px;margin-top: 7px;font-size: 24px;font-family: 'Tesora', sans-serif;} .new-menu-desc {text-transform: capitalize;color: #aaa69c;margin-bottom: 15px;} .new-menu-cals {font-family: 'Tesora', sans-serif;color: #fff;font-size: 25px;margin-left: 4px;} .new-menu-extra {font-size: 11px;font-family: 'Avenir', sans-serif;font-weight: 600;} .mint-icon {width:8px;margin-left:5px;margin-top:-2px;} .mint-icon-key {width:8px;margin-right:5px;margin-top:-2px;} .cardamom-icon {width:13px;margin-left:5px;margin-top:-1px;} .cardamom-icon-key {width:13px;margin-right:5px;margin-top:-1px;} .cardamom-icon-no-space {width:13px;margin-left:1px;margin-top:-1px;} h1.menu-headline {font-family: 'Jandaa'; text-transform:uppercase; color:rgba(255,255,255,0.9);} h3.menu-title {font-family: 'Jandaa'; text-transform: uppercase; color:rgba(252,141,3,0.9)} .menu-desc {text-transform: uppercase; color:#ffffff;} .menu-name {color:#ffffff; margin-bottom: 8px; font-size: 1.1em;} .shopping-cart {width: 85%; margin: 0 auto;} .cart-summary-subtotal, .cart-summary-shipping-section {text-transform: uppercase;} .shopping-cart-action-buttons {padding-right: 0;} .left20 {margin-left: 30px;} .margin-20 {margin: 0 20px !important;} .drop50{margin-top: 50px;} a.underline {text-decoration: underline;} p.georgia {font-family: 'CorporativeSoftReg', sans-serif; color: #968978; font-size: 1.3em; line-height: 1.6em; padding: 0 40px;} .avenir {font-family: 'CorporativeSoftReg', sans-serif;color: #968978;font-size: 1.3em;line-height: 1.6em;padding: 0 40px;} .seventy-bottom {margin-bottom: 30px;} h3.space {font-size: 1.2em; font-weight: bold;} .bordered {border-top: 1px solid #735744; border-bottom: 1px solid #735744; padding: 70px 0 20px;} .20below {margin-bottom: 20px !important;} h1.career-script {font-family: 'Pacifico'; font-size: 2em; margin-bottom: 20px; text-align: center;} p.career { width: 70%; margin: 0 auto -10px; text-align: center; padding: 20px 0 0; font-family: georgia; -webkit-font-smoothing: antialiased; font-size: 1.5em; line-height: 1.7em; color: #735744;} h1.hero-script {font-family: 'Tesora'; font-size: 6.5em; margin-bottom: 70px;line-height:0em} @media (min-width:980px){ h1.hero-script-sml {font-family: 'Tesora'; font-size: 5.5em; margin-bottom: 20px; line-height: 1.5em;} } @media (max-width:979px){ h1.hero-script-sml {font-family: 'Tesora'; font-size: 10vw; margin-bottom: 7%; line-height:1.5em;} } .white-shadow {color:#ffffff !important; text-shadow: 0 0 6px #111111;} .larger-georgia {font-family: 'CorporativeSoftReg', sans-serif; font-size: 3em; line-height: 1.2em; margin-bottom: 40px;} .hero-tesora {font-family: 'Tesora'; font-size: 9em; line-height: 1em;color: #f3eede;letter-spacing: 0px;} .hero-white-capital {color: #f3eede;font-family: 'AvenirLight', 'Avenir';text-transform: uppercase;font-size: 31px;text-align: center;} .hero-white {color: #f3eede;font-size: 21px;margin-top: -15px;margin-bottom: 20px;font-weight: 600;font-family: 'AvenirLight', 'Avenir';} .tesora-hero-copy {width: 85%; margin: 0 auto; text-align: center;position: relative;transform: translateY(-150%);top: 50%;} .hero-copy {width: 85%; margin: 0 auto; text-align: center;position: relative;transform: translateY(-50%);top: 50%;} .hero-copy-top {width: 85%; margin: 0 auto; text-align: center;position: relative;transform: translateY(-50%);top: 26%;} p.hero {font-size:24px; line-height: 20px;color: #735744;padding-left: 10px;padding-right:10px;margin-bottom: 25px;} .hero-copy-third {width: 85%; margin: 0 auto; text-align: center;position: relative;transform: translateY(-50%);top: 60%;} .hero-copy-third-v2 {text-align: center;position: relative;margin: auto !important;top: 30%;bottom: 0;left: 0;right: 0;height: 50%;} .greyge {background-color: rgba(150,137,120,0.15);} .larger-p {font-size: 1.4em; line-height: 1.2em; width: 85%; margin: 0 auto; padding-bottom: 20px;} .btn-remove { background-color: rgba(0,0,0,0); border: 1px solid #968978; border-radius: 50%; height: 18px; width: 18px; color: #968978; font-size: 0.7em; font-family: 'AvenirLight', 'Avenir'; padding: 1px;} .btn-close { position:relative; right:30px; background-color: rgba(0,0,0,0); border: 1px solid #968978; height: 24px; width: 24px; color: #968978; font-size: 1em; font-family: 'AvenirLight', 'Avenir'; padding: 4px;} .height90 {height:90px;} .gift-card-banner-copy {width: 85%; margin: 0 auto; text-align: center;position: relative;transform: translateY(-55%);top: 50%;} h2.gift-card-banner {font-family: 'AvenirLight', 'Avenir';text-transform: capitalize;font-size: 31px;text-align: center;color: #feb44b;} h3.gift-card-banner {margin-top: -15px;margin-bottom: 20px;font-weight: 600;font-family: 'AvenirLight', 'Avenir';color: #feb44b;font-size: 18px;} a.gift-card-banner-link {text-decoration: underline;color: #feb44b;} /* VIDEO */ #video-container { position: relative; overflow: hidden; margin-top: 15px; } #video-container .video-content { position: absolute; top: 0; left: 0; } a.darker-blends {display: block;width: 268px;height: 268px;text-decoration: none;background: url("https://www.philzcoffee.com/images/sca/coffee-darker-blends-roll.jpg");} a.darker-blends:hover {background-position: -268px 0;} a.medium-blends {display: block;width: 268px;height: 268px;text-decoration: none;background: url("https://www.philzcoffee.com/images/sca/coffee-medium-blends-roll.jpg");} a.medium-blends:hover {background-position: -268px 0;} a.lighter-blends {display: block;width: 268px;height: 268px;text-decoration: none;background: url("https://www.philzcoffee.com/images/sca/coffee-lighter-blends-roll.jpg");} a.lighter-blends:hover {background-position: -268px 0;} a.decaf-blends {display: block;width: 268px;height: 268px;text-decoration: none;background: url("https://www.philzcoffee.com/images/sca/coffee-decaf-blends-roll.jpg");} a.decaf-blends:hover {background-position: -268px 0;} a.varietals {display: block;width: 268px;height: 268px;text-decoration: none;background: url("https://www.philzcoffee.com/images/sca/coffee-varietals-roll.jpg");} a.varietals:hover {background-position: -268px 0;} .displace {position: absolute;left: -5000px;} .capitalize {text-transform: uppercase;} .module-home-office { background: url(https://www.philzcoffee.com/images/sca/careers/careers-home-office.jpg) center center; background-size: cover; width: 320px; height: 240px; position: relative; float: left;} .module-home-office:hover { background:linear-gradient(rgba(255,255,255, 0.3),rgba(255,255,255, 0.3)),url(https://www.philzcoffee.com/images/sca/careers/careers-home-office.jpg) center center;background-size: cover;} .module-retail { background: url(https://www.philzcoffee.com/images/sca/careers/careers-retail.jpg) center center; background-size: cover; width: 320px; height: 240px; position: relative; float: left;} .module-retail:hover { background:linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.3)),url(https://www.philzcoffee.com/images/sca/careers/careers-retail.jpg) center center;background-size: cover;} .module-warehouse { background: url(https://www.philzcoffee.com/images/sca/careers/careers-warehouse.jpg) center center; background-size: cover; width: 320px; height: 240px; position: relative; float: left;} .module-warehouse:hover { background:linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.3)),url(https://www.philzcoffee.com/images/sca/careers/careers-warehouse.jpg) center center;background-size: cover;} .module-home-mkt1 { background: url(https://www.philzcoffee.com/images/sca/home-bottom-1.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-home-mkt1:hover { background:linear-gradient(rgba(255,255,255, 0.3),rgba(255,255,255, 0.3)),url(https://www.philzcoffee.com/images/sca/home-bottom-1.jpg) center center;background-size: cover; float: left;} .module-home-mkt2 { background: url(https://www.philzcoffee.com/images/sca/home-bottom-2.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-home-mkt2:hover { background:linear-gradient(rgba(255,255,255, 0.3),rgba(255,255,255, 0.3)),url(https://www.philzcoffee.com/images/sca/home-bottom-2.jpg) center center;background-size: cover;} .module-home-mkt3 { background: url(https://www.philzcoffee.com/images/sca/home-bottom-3.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-home-mkt3:hover { background:linear-gradient(rgba(255,255,255, 0.3),rgba(255,255,255, 0.3)),url(https://www.philzcoffee.com/images/sca/home-bottom-3.jpg) center center;background-size: cover;} .module-home-mkt3-tesora { background: url(https://www.philzcoffee.com/images/sca/home-bottom-3-tesora.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-home-mkt3-tesora:hover { background:linear-gradient(rgba(255,255,255, 0.3),rgba(255,255,255, 0.3)),url(https://www.philzcoffee.com/images/sca/home-bottom-3-tesora.jpg) center center;background-size: cover;} .btn-location { background-color: rgba(255,255,255,0); color: #ffffff; text-transform: uppercase; font-family: avenir; border: 0; width: 100%; height: 100%; font-size: 1.7em;} .btn-location:hover, .btn-location:active, .btn-location:focus { background-color: rgba(255,255,255,0);color: rgba(255,255,255,0); width: 100%; height: 100%;} .module-location-mission { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/mission-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-mission:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/mission-ext-min.jpg) center center;background-size: cover;} .module-location-berry { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/berry-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-berry:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/berry-ext-min.jpg) center center;background-size: cover;} .module-location-castro { background: url(https://www.philzcoffee.com/images/sca/locations/previews/castro.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-hyatt { background: url(https://www.philzcoffee.com/images/sca/locations/previews/hyatt.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-folsom-beale { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/folsom-beale-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-folsom-beale:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/folsom-beale-ext-min.jpg) center center;background-size: cover;} .module-location-noe-valley { background: url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/noe-valley-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-noe-valley:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/noe-valley-ext-min.jpg) center center;background-size: cover;} .module-location-van-ness { background: url(https://www.philzcoffee.com/images/sca/locations/previews/van-ness.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-van-ness:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://www.philzcoffee.com/images/sca/locations/previews/van-ness.jpg) center center;background-size: cover;} .module-location-golden-gate { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/golden-gate-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-golden-gate:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/golden-gate-ext-min.jpg) center center;background-size: cover;} .module-location-westborough { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/westborough-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-westborough:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/westborough-ext-min.jpg) center center;background-size: cover;} .module-location-front { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/front-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-front:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/front-ext-min.jpg) center center;background-size: cover;} .module-location-minnesota { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/minnesota-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-minnesota:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/minnesota-ext-min.jpg) center center;background-size: cover;} .module-location-truck { background: url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/Truck_080119-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-truck:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/Truck_080119-min.jpg) center center;background-size: cover;} .module-location-de-haro { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/deharo-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-de-haro:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/deharo-ext-min.jpg) center center;background-size: cover;} .module-location-castro1 { background: url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/castro-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-castro1:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/castro-ext-min.jpg) center center;background-size: cover;} .module-location-hyatt { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/hyatt-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-hyatt:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/hyatt-ext-min.jpg) center center;background-size: cover;} .module-location-folsom-beale { background: url(https://www.philzcoffee.com/images/sca/locations/previews/folsom-beale.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-palo-alto-middlefield { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/middlefield-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-palo-alto-middlefield:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/middlefield-ext-min.jpg) center center;background-size: cover;} .module-location-palo-alto-forest { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/forest-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-palo-alto-forest:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/forest-ext-min.jpg) center center;background-size: cover;} .module-location-san-jose { background: url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/san-jose-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-san-jose:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/san-jose-ext-min.jpg) center center;background-size: cover;} .module-location-facebook { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/facebook-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-facebook:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/facebook-ext-min.jpg) center center;background-size: cover;} .module-location-cupertino { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/cupertino-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-cupertino:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/cupertino-ext-min.jpg) center center;background-size: cover;} .module-location-cupertino-main { background: url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/cupertino-main-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-cupertino-main:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/cupertino-main-ext-min.jpg) center center;background-size: cover;} .module-location-sunnyvale { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/sunnyvale-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-sunnyvale:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/sunnyvale-ext-min.jpg) center center;background-size: cover;} .module-location-redwood-city { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/redwood-city-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-redwood-city:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/redwood-city-ext-min.jpg) center center;background-size: cover;} .module-location-san-mateo { background: url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/san-mateo-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-san-mateo:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/san-mateo-ext-min.jpg) center center;background-size: cover;} .module-location-los-gatos { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/los-gatos-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-los-gatos:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/los-gatos-ext-min.jpg) center center;background-size: cover;} .module-location-dc { background: url(https://www.philzcoffee.com/images/sca/locations/previews/dc.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-burlingame { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/burlingame-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-burlingame:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/burlingame-ext-min.jpg) center center;background-size: cover;} .module-location-glendale { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/glendale-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-glendale:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/glendale-ext-min.jpg) center center;background-size: cover;} .module-location-shattuck { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/shattuck-closed-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-college-claremont { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/college-claremont-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-college-claremont:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/college-claremont-ext-min.jpg) center center;background-size: cover;} .module-location-gilman { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/gilman-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-gilman:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/gilman-ext-min.jpg) center center;background-size: cover;} .module-location-bishop-ranch { background: url(https://www.philzcoffee.com/images/sca/locations/previews/bishop-ranch-exterior-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-bishop-ranch:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://www.philzcoffee.com/images/sca/locations/previews/bishop-ranch-exterior-min.jpg) center center;background-size: cover;} .module-location-menlo-park { background: url(https://www.philzcoffee.com/images/sca/locations/previews/menlo-exterior-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-menlo-park:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://www.philzcoffee.com/images/sca/locations/previews/menlo-exterior-min.jpg) center center;background-size: cover;} .module-location-hillsdale { background: url(https://www.philzcoffee.com/images/sca/locations/default-location-exterior.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-hillsdale:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://www.philzcoffee.com/images/sca/locations/default-location-exterior.jpg) center center;background-size: cover;} .module-location-colma { background: url(https://www.philzcoffee.com/images/sca/locations/previews/colma-exterior-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-colma:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://www.philzcoffee.com/images/sca/locations/previews/colma-exterior-min.jpg) center center;background-size: cover;} .module-location-sausalito { background: url(https://www.philzcoffee.com/images/sca/locations/previews/sausalito.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-sausalito:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://www.philzcoffee.com/images/sca/locations/previews/sausalito.jpg) center center;background-size: cover;} .module-location-santa-monica { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/santa-monica-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-santa-monica:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/santa-monica-ext-min.jpg) center center;background-size: cover;} .module-location-culver-city { background: url(https://www.philzcoffee.com/images/sca/locations/previews/culver-city-outside-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-culver-city:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://www.philzcoffee.com/images/sca/locations/previews/culver-city-outside-min.jpg) center center;background-size: cover;} .module-location-hope { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/hope-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-hope:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/hope-ext-min.jpg) center center;background-size: cover;} .module-location-adams-morgan { background: url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/AdamsMorgan_071819-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-adams-morgan:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/AdamsMorgan_071819-min.jpg) center center;background-size: cover;} .module-location-cnn { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/sunset-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-cnn:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/sunset-ext-min.jpg) center center;background-size: cover;} .module-location-pasadena { background: url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/Pasadena_070819-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-pasadena:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/Pasadena_070819-min.jpg) center center;background-size: cover;} .module-location-theyards { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/yards-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-theyards:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/yards-ext-min.jpg) center center;background-size: cover;} .module-location-adamsmill { background: url(https://www.philzcoffee.com/images/sca/locations/previews/adamsmill.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-huntington-beach { background: url(https://www.philzcoffee.com/images/sca/locations/previews/huntington-beach.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-huntington { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/huntington-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-huntington:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/huntington-ext-min.jpg) center center;background-size: cover;} .module-location-old-towne-orange { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/huntington-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-old-towne-orange:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/huntington-ext-min.jpg) center center;background-size: cover;} .module-location-encinitas { background: url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/Encinitas_080619-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-encinitas:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/Encinitas_080619-min.jpg) center center;background-size: cover;} .module-location-walnutcreek { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/walnut-creek-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-walnutcreek:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/walnut-creek-ext-min.jpg) center center;background-size: cover;} /*.module-location-fremont { background: url(http://www.philzcoffee.com/images/sca/locations/details/fremont.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;}*/ .module-location-fremont { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/fremont-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-fremont:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/fremont-ext-min.jpg) center center;background-size: cover;} .module-location-cortemadera { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/corte-madera-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-cortemadera:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/corte-madera-ext-min.jpg) center center;background-size: cover;} .module-location-sacramento { background: url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/Sacramento_080619-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-sacramento:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/Sacramento_080619-min.jpg) center center;background-size: cover;} .module-location-lajolla { background: url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/LaJolla_080119-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-lajolla:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/LaJolla_080119-min.jpg) center center;background-size: cover;} .module-location-fullerton { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/fullerton-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-fullerton:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/fullerton-ext-min.jpg) center center;background-size: cover;} .module-location-davis { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/davis-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-davis:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/davis-ext-min.jpg) center center;background-size: cover;} .module-location-arts { background: url(http://www.philzcoffee.com/images/sca/locations/previews/la-arts.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-ocean-beach { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/ingleside-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-ocean-beach:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/ingleside-ext-min.jpg) center center;background-size: cover;} .module-location-el-segundo-open { background: url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/ElSegundo_070819-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-el-segundo-open:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/ElSegundo_070819-min.jpg) center center;background-size: cover;} .module-location-del-mar-open { background: url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/DelMar_080119-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-del-mar-open:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/DelMar_080119-min.jpg) center center;background-size: cover;} .module-location-dupontcircle { background: url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/DupontCircle_071819-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-dupontcircle:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/DupontCircle_071819-min.jpg) center center;background-size: cover;} .module-location-ballston { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/ballston-comingsoon-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-ballston-open { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/ballston-ext-min2.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-ballston-open:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/ballston-ext-min2.jpg) center center;background-size: cover;} .module-location-campbell-open { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/campbell-ext-min2.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-campbell-open:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/campbell-ext-min2.jpg) center center;background-size: cover;} .module-location-lafayette { background: url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/lafayette-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-lafayette:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/lafayette-ext-min.jpg) center center;background-size: cover;} .module-location-belmontshore { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/belmont-shore-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-belmontshore:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/belmont-shore-ext-min.jpg) center center;background-size: cover;} .module-location-costamesa { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/costa-mesa-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-costamesa:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/costa-mesa-ext-min.jpg) center center;background-size: cover;} .module-location-bethesda-cs { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/bethesda-cs-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-bethesda { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/bethesda-ext-min2.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-bethesda:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/bethesda-ext-min2.jpg) center center;background-size: cover;} /* OLD TOWN CHICAGO */ .module-location-old-town-chi-cs { background: url(https://www.philzcoffee.com/images/sca/locations/old-town-chicago-temp.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-old-town-chi { background: url(https://www.philzcoffee.com/images/sca/locations/default-location-exterior.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-old-town-chi:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://www.philzcoffee.com/images/sca/locations/default-location-exterior.jpg) center center;background-size: cover;} /* WICKERPARK */ .module-location-wickerpark-cs { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/wickerpark-cs-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-wickerpark { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/wicker-park-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-wickerpark:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/wicker-park-ext-min.jpg) center center;background-size: cover;} .module-location-hydepark-cs { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/hydepark-cs-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-hydepark { background: url(https://www.philzcoffee.com/images/sca/locations/previews/hydepark-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-hydepark:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://www.philzcoffee.com/images/sca/locations/previews/hydepark-ext-min.jpg) center center;background-size: cover;} .module-location-lincolnpark-cs { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/lincolnpark-cs-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-lincolnpark { background: url(https://www.philzcoffee.com/images/sca/locations/previews/lincoln-park-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-lincolnpark:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://www.philzcoffee.com/images/sca/locations/previews/lincoln-park-ext-min.jpg) center center;background-size: cover;} .module-location-evanston-cs { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/previews/evanston-cs-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-evanston { background: url(https://www.philzcoffee.com/images/sca/locations/previews/evanston-ext-min2.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-evanston:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://www.philzcoffee.com/images/sca/locations/previews/evanston-ext-min2.jpg) center center;background-size: cover;} .module-location-studiocity-cs { background: url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/studiocity-cs-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-studiocity { background: url(https://www.philzcoffee.com/images/sca/locations/previews/studiocity-open.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-studiocity:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://www.philzcoffee.com/images/sca/locations/previews/studiocity-open.jpg) center center;background-size: cover;} .module-location-russianhill-cs { background: url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/russianhill-cs-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-russianhill { background: url(https://www.philzcoffee.com/images/sca/locations/previews/russianhill-ext2-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-russianhill:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://www.philzcoffee.com/images/sca/locations/previews/russianhill-ext2-min.jpg) center center;background-size: cover;} .module-location-transbay-community-cs { background: url(https://1145465.app.netsuite.com/c.1145465/images/sca/locations/previews/transbay-community-cs-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} /* Transbay Mobile -> Second Street */ .module-location-second-street { background: url(https://www.philzcoffee.com/images/sca/locations/previews/second-street-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-second-street:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://www.philzcoffee.com/images/sca/locations/previews/second-street-ext-min.jpg) center center;background-size: cover;} .module-location-transbay-mobile-cs { background: url(https://www.philzcoffee.com/images/sca/locations/previews/second-street-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} /* COMING SOON \*------------------------------------------------------------------------*/ .module-coming-soon { background: url(https://www.philzcoffee.com/images/sca/locations/Philz_LocationsLP_GraphicModule_ComingSoon.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} /* Coming Soon - Culver City */ .module-location-culver-city-cs { background: url( https://www.philzcoffee.com/images/sca/locations/Culver-City-Coming-Soon.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} /* Transbay Mobile -> First Street Mobile */ .module-location-first-street-mobile { background: url(https://www.philzcoffee.com/images/sca/locations/previews/first-street-mobile-ext-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-first-street-mobile:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://www.philzcoffee.com/images/sca/locations/previews/first-street-mobile-ext-min.jpg) center center;background-size: cover;} .module-location-orange-cs { background: url(https://www.philzcoffee.com/images/sca/locations/Old-Towne-Orange-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left;} .module-location-orange-cs:hover { background:linear-gradient(rgba(255,255,255, 0.6),rgba(255,255,255, 0.6)),url(https://www.philzcoffee.com/images/sca/locations/Old-Towne-Orange-min.jpg) center center;background-size: cover;} .module-chicago-insiders { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/chicago-insiders-module-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left; outline: 1px solid #5c4537; outline-offset: -15px;} h3.chicago-insiders-module {font-family: 'CorporativeSoftReg', sans-serif;color: #5c4537 !important;text-transform: uppercase !important;text-align: center !important;font-size: 1.8em !important;line-height: 38px !important;font-weight: 300 !important;} p.chicago-insiders-module {font-family: 'CorporativeSoftReg', sans-serif;color: #5c4537 !important;text-align: center !important;font-size: 15px !important;line-height: 20px !important;margin-top: 5px !important;margin-bottom:5px;} a.chicago-insiders-link {font-family: 'CorporativeSoftReg', sans-serif;color: #5c4537 !important;text-transform: uppercase !important;text-align: center !important;font-size: 14px !important;line-height: 20px !important;font-weight: bold !important;text-decoration: underline !important;position: relative !important;} div.chicago-insiders-copy {top:45% !important;} .module-home-category-row2 {padding-top: 15px;} @media only screen and (max-device-width: 700px) { .module-home-category-row2 {padding-top: 0px;} } .mid-loc h2 {font-family: 'Avenir';color: #ffffff;text-transform: uppercase;font-size: 1.3em;margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0;} .mid-loc h2:hover {display: none;} .mid h2 {font-family: 'CorporativeSoftReg', sans-serif;color: #ffffff;text-transform: uppercase;line-height:1.1em; text-align:center;font-size: 1.3em;margin: auto;position: absolute;top: 90%; left: 0; bottom: 0; right: 0;height: 100%;} .mid a{width:100%;height:100%;border:0;background-color: rgba(0,0,0,0);font-family: 'CorporativeSoftReg', sans-serif;color: #ffffff;text-transform: uppercase;line-height:1.1em;text-align:center;font-size: 1.4em;margin: auto;position: absolute;top: 90%; left: 0; bottom: 0; right: 0;} .mid a.instagram {width:inherit;height:inherit;border:0;background-color: inherit;font-family: 'CorporativeSoftReg', sans-serif;color: inherit;text-transform: none;line-height:inherit;text-align:inherit;font-size: inherit;margin: 0;position: inherit;top: 0; left: 0; bottom: 0; right: 0;} .mid button.modal-pop {width:100%;height:100%;border:0;background-color: rgba(0,0,0,0);font-family: 'CorporativeSoftReg', sans-serif;color: #ffffff;text-transform: uppercase;line-height:1.1em;text-align:center;font-size: 1.4em;margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0;} .mid .coming-soon-copy {font-family: 'CorporativeSoftReg', sans-serif;color: #ffffff;line-height:1.2em; width:90%;height:100%;text-align:center;font-size: 1.2em;margin: auto;position: absolute;top: 50%; left: 0; bottom: 0; right: 0;} .mid .coming-soon-copy h3 {font-family: 'CorporativeSoftReg', sans-serif;color: #ffffff;text-transform: uppercase;text-align:center;font-size: 1.2em;} .coming-soon-container { width: 90%; margin: 4em auto; } .coming-soon-header { font-family: 'CorporativeSoftReg', sans-serif; color: #ffffff; text-transform: uppercase; text-align:center; font-size: 1.6em; } .coming-soon-text { font-family: 'CorporativeSoftReg', sans-serif; color: #ffffff; line-height: 1.4em; font-size: 1.2em; text-align: center; } .coming-soon-loc { font-family: 'CorporativeSoftReg', sans-serif; color: #ffffff; line-height: 1.7em; font-size: 1.6em; text-align: center; } .dc-title {color:#ffffff;text-align: center; font-size: 2.5em; font-weight: bold;} .dc-loc {color: #ffffff; text-align: center; margin-top: 25px;font-size: 1.2em;} .under-map {margin-top: 25px;} .text-left {float:left; text-align: left; font-weight: bold;} .text-right {float:right; text-align: right;} .location-close {font-size: 35px; text-shadow:none;font-weight: normal;} /* .down30 {padding-bottom: 30px !important;} */ .ruled { position: relative; text-align: center;} .video-container{ position: relative; margin-top: 15px;} .video-container>.video-buttons {height: 128px;position: absolute;top: 50%;width: 100%;z-index: 1;text-align: center;} .huge {font-size: 4em; letter-spacing:1px;} svg { font: bold 45px 'Arial'; width: 50%; height: 50px; letter-spacing: 1px; } text { fill: none; stroke: white; stroke-width:2px; text-transform: uppercase; stroke-linejoin: round; } h3.line {font: 20px 'CorporativeSoftReg', sans-serif;margin: 80px 0;position: relative;text-align: center;z-index: 1;} h3.line:before {border-top: 1px solid #968978;content:"";margin: 0 auto; position: absolute;top: 15px; left: -10px; right: 0; bottom: 0;width: 99%;z-index: -1;} h3.line span { background: #f0ebdc; padding: 0 15px; text-transform: uppercase; font-size: 15px; font-family: 'CorporativeSoftReg', sans-serif;} h1.line {font: 20px 'CorporativeSoftReg', sans-serif;margin: 80px 0;position: relative;text-align: center;z-index: 1;} h1.line:before {border-top: 1px solid #968978;content:"";margin: 0 auto; position: absolute;top: 15px; left: -10px; right: 0; bottom: 0;width: 99%;z-index: -1;} h1.line span { background: #f0ebdc; padding: 0 15px; text-transform: uppercase; font-size: 15px; font-family: 'CorporativeSoftReg', sans-serif;} h3.line-location {font: 20px 'CorporativeSoftReg', sans-serif;margin: 100px 0 0;position: relative;text-align: center;z-index: 1;} h3.line-location:before {border-top: 1px solid #968978;content:"";margin: 0 auto; position: absolute;top: 15px; left: -10px; right: 0; bottom: 0;width: 99%;z-index: -1;} h3.line-location span { background: #f0ebdc; padding: 0 15px; text-transform: uppercase; font-size: 15px} h1.line-location {font: 20px 'CorporativeSoftReg', sans-serif;margin: 100px 0 0;position: relative;text-align: center;z-index: 1;} h1.line-location:before {border-top: 1px solid #968978;content:"";margin: 0 auto; position: absolute;top: 15px; left: -10px; right: 0; bottom: 0;width: 99%;z-index: -1;} h1.line-location span { background: #f0ebdc; padding: 0 15px; text-transform: uppercase; font-size: 15px} .mission {font-family: 'MissionScript'; text-transform: capitalize !important; font-size: 36px !important;} .pacifico {font-family: 'Pacifico'} .georgia {font-family: 'Georgia'} .chunkfive {font-family: 'Chunkfive'} .cat-row {text-align: center;} .cat-image { width: 268px; margin: 0 auto;} .cat-title {font-size: 30px; margin-top: 10px; text-transform: uppercase; color: #735744;line-height: 1em;} a.cat-link:hover span {border-bottom: 1px solid #968978;} .cat-adjust { width: 70%; margin: 10px auto;} .eightyfive {width:85%; margin: 0 auto} .landing-page-content {width: 100%;} .landing-page {margin-top: 22px;} .landing-page-row {width:85%; margin: 0 auto; border-top: 1px solid #968978; padding-top: 50px;} .centered {text-align: center;} .item-flavor-details {margin-right: 20px;} .btn-flipped { background-color: #968978 !important;color: #ffffff !important;} .btn-flipped:hover {background-color: #FC8D03 !important; color:#ffffff !important;} .btn-btn { border: 0; border-radius: 5px;background-color: #FC8D03;color: #ffffff;font-size: 15px;vertical-align: middle;margin: 4px 0 !important;top: 0px;position: relative;text-transform: uppercase;font-weight: bold} .btn-btn:hover {background-color: #968978 !important; color:#ffffff !important;} .site-map-link {margin-bottom: 2px;} .site-logo {padding-top: 7px;margin-bottom: -3px !important;} .jobs-table a:hover {text-decoration: underline !important; font-weight: bold;} .job-grouping-title {margin-top: 50px;} .no-jobs-message {width: 85%;margin-left: auto;margin-right: auto;margin-bottom: 50px;text-align: center;background-color: rgba(0, 0, 0, 0.05);padding: 8px 0 6px;} div.values {background-color: #f9b950;} section.values {padding-bottom: 100px;padding-top: 100px;} h2.values {font-family: 'CorporativeSoftReg', sans-serif;text-transform: capitalize;font-size: 48px;text-align: center;color: #fff;font-weight: 900;margin-bottom: 10px;letter-spacing: 1px;} p.values {text-align: center;color: #fff;font-size: 20px;margin-top: 30px;} @media (max-width: 480px){ section.values {padding-bottom: 25px;padding-top: 10px;margin-bottom: -10px !important; width:80% !important;} h2.values {font-family: 'CorporativeSoftReg', sans-serif;text-transform: capitalize;font-size: 48px;text-align: center;color: #fff;font-weight: 900;margin-bottom: 10px;letter-spacing: 1px;line-height:50px !important;} p.values {text-align: center;color: #fff;font-size: 20px;margin-top: 25px !important;line-height: 25px !important;} } h2.primary {font-family: 'CorporativeSoftReg', sans-serif; text-transform: uppercase; font-size: 48px; text-align: center;} h2.primary-loc {font-family: 'CorporativeSoftReg', sans-serif; text-transform: uppercase; font-size: 40px; text-align: center;} h2.primary42 {font-family: 'CorporativeSoftReg', sans-serif; text-transform: uppercase; font-size: 42px; text-align: center;} h3.secondary {font-family: 'AvenirLight', 'Avenir'; text-transform: uppercase; font-size: 24px; text-align: left; margin-bottom: -50px;} .coming-soon-box { background-color:#cfc7b8; position: relative; min-height: 270px !important} .coming-soon-copy {font-family: 'Avenir';color: #ffffff;text-align: center;font-size: 1.1em;margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0;} .coming-soon-copy h3 {font-weight: bold;} .top30 {margin-top: 30px;} h2.alt {font-family: 'Tesora'; font-size: 88px;} p.middle {width: 85%; margin: 0 auto -10px; text-align: center; padding: 20px 0 0; line-height: 1.8em;} .bigger {font-size: 1.1em;} /* COFFEE LANDING PAGE 2020 \*------------------------------------------------------------------------*/ /* FULL PAGE STYLES */ .border { padding: 20px 0px; border: 1px solid #735744; margin: 30px 0px; } .border-bottom {border-bottom: 1px solid #735744;} .content-container { width: 80%; margin: 0px auto; } .content-container p { font-size: 1.2rem; } .title { width: 100%; color: #735744; margin: 15px auto; text-align: center; font-family: 'CorporativeSoftReg', sans-serif; text-transform: uppercase; font-size: 3rem; } /* HERO STYLES */ .our-coffee{ position: absolute; top: 6%; width: 40%; left: 10%; text-align: center; } .our-coffee-header { color: #ffffff; font-family: 'Tesora', sans-serif; font-size: 6.6rem; letter-spacing: 0px; text-transform: none; line-height: 6.6rem; } .our-coffee-body{ font-family: 'CorporativeSoftReg', sans-serif; color: #ffffff; margin-top: 25px; font-size: 1.4rem; display: block; line-height: 2.4rem; margin-bottom: 0px; } /* SUSTAINABILITY STYLES */ .sustainability { background-color: #FFD276; color: #735744; padding: 50px 0px 40px; width: 100%; margin-top: -5px; } .sustainability-main { padding-top: 45px; } .sustainability-detail { width: 70%; margin: 0 auto; } .we-do { margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; list-style: none; } .we-do-item { padding: 1.25rem 0.5rem; max-width: 100%; text-decoration: none; display: flex; align-items: center; } .icon-bean { width: 20px; height: 30px; float: left; margin-right: 2rem; transform: rotate(30deg); } .we-do-text { float: right; text-align: left; } .responsible {padding-top: 40px} /* STEPS TAKEN STYLES */ .steps-taken { margin: 50px auto 20px; } /* FOOD 4 FARMERS STYLES */ .f4f-content-container, .enjoy-container { width: 60%; padding-bottom: 50px; margin: 0px auto; } .f4f-padding-bottom { padding-bottom: 20px; } .f4f-padding-top { padding-top: 20px; } .f4f-logo { width: 45%; margin: 50px auto 20px; } .f4f-video { /* override other styles to make responsive */ width: 100%; height: auto; margin: 20px auto; } .f4f-button { margin: 20% 0px 0px; width: 100px; height: 100px; } .f4f-watch { margin: 0 auto; width: 78px; height: 78px; } /* ENJOY STYLES */ .enjoy-container { padding-top: 50px; } .gratitude-icon { width: 145px; height: 150px; } .chemex-icon { width: 121px; height: 159px; } .philz-cup-icon { width: 97px; height: 164px; } /* OUR COFFEE PAGE FLEX STYLES */ .flex { display: flex; justify-content: flex-start; } .flex-half { width: 49%; margin: 0 auto; text-align: center; align-content: center; } .flex-third-container { margin: 0 auto; display: flex; flex-wrap: wrap; padding-bottom: 30px; justify-content: center; } .flex-third { display: flex; flex-direction: column; padding: 3em 1em; margin: 0px auto; width: 33%; } .flex-third h4 { text-align: center; margin: 20px auto; font-size: 1.4rem; } .flex-third img { margin: 0 auto 20px; max-width: 100%; } .flex-third a { text-align: center; margin: 15px auto; font-size: 1.2rem; } .flex-third p { text-align: center; width: 90%; margin: 0 auto; } /* END COFFEE LANDING PAGE 2020 \*------------------------------------------------------------------------*/ .our-coffee-main { height:100vh; background:linear-gradient( rgba(115, 87, 68, 0), rgba(115, 87, 68, 0.0) ), url(https://www.philzcoffee.com/images/sca/ourcoffee-roasting.jpg)no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .our-coffee-hero { height: 100vh; background-image: url(https://www.philzcoffee.com/images/sca/ourcoffee-hero.jpg); background-size: cover; background-position: center center; } /* TESORA SPECIAL STYLING */ .banner {background: #FC8D03;padding: 6px 18px;font-size: 17px;font-family: 'Tesora';text-align: center;position: relative;color: #ffffff;margin-top: 5px;margin-left: 10px;font-weight:600;} .banner:after {content: "";width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 10px solid #f0ebdc;position: absolute;left: 0;top: 0;} .banner:before {content: "";width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-right: 10px solid #f0ebdc;position: absolute;right: 0;top: 0;} .special-pricing {color: #FC8D03; margin-left: 5px;} a.orange {color: #FC8D03 !important;margin-right: 5px;text-transform: uppercase;font-weight: 900;} .asterik-bottom-home {margin-top: -50px;text-align: right;color: #FC8D03;font-weight: 900;font-size: 13px;} @media (max-width:480px){ .asterik-bottom-home {margin-top: -50px;text-align: center;color: #FC8D03;font-weight: 900;font-size: 13px;} } .trapezoid { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 100px; height: 0; left: -34px; top:31px; position: absolute; color: #ffffff; border: 30px solid rgba(0,0,0,0); border-top: 0 solid; border-bottom-color: #FC8D03; font-family: 'Pacifico'; color: rgba(0,0,0,1); -o-text-overflow: clip; text-overflow: clip; -webkit-transform: rotateZ(-45deg) ; transform: rotateZ(-45deg) ; } .trapezoid-label { top: 5px; position: relative;color: #ffffff; font-size: 18px;font-weight: 900;font-family:'Tesora';letter-spacing: 0.5px;} @media (max-width:767px){body{padding-left:0;padding-right:0}} a>div{} .small{font-size:11px} .strong{font-weight:bold} .row-fluid [class*="span"]{min-height:0} .muted{text-decoration:line-through} blockquote.unstyled{border:none;margin:0;padding:0} .badge{ -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; padding:2px 5px } .control-group-big{margin-bottom:18px} .video{position:relative;padding-bottom:56.25%; padding-top:30px;height:0;overflow:hidden} .video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%} .entry-content img,.entry-content iframe,.entry-content object,.entry-content embed{max-width:100%} a:not([href]){cursor:pointer} .h1,.h2,.h3,.h4,.h5,.h6{margin:9px 0;font-family:inherit;font-weight:normal;line-height:18px;color:inherit;text-rendering:optimizelegibility} .h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small{font-weight:normal;line-height:1;color:#999} .h1,.h2,.h3{line-height:36px} .h1{font-size:35.75px} .h2{font-size:29.25px} .h3{font-size:22.75px} .h4{font-size:16.25px} .h5{font-size:13px} .h6{font-size:11.05px} .h1 small{font-size:22.75px} .h2 small{font-size:16.25px} .h3 small{font-size:13px} .h4 small{font-size:13px} textarea{resize:none} .main{display:block !important} .main.ie{display:none !important} .main.blurred{opacity:.8;-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);-ms-filter:blur(3px);filter:blur(3px)} .text-highlight{color:#FC8D03} .text-light{color:#999} .text-strong{font-weight:bold} .font-normal{font-weight:normal !important} .tiles{list-style:none;margin-left:0} .tiles li{border:1px solid transparent;border-radius:3px;display:inline-block;text-align:center;padding:5px} .tiles li:hover{border-color:#666} .tiles li .tile{background:#eee;border:1px solid #333;color:#333;cursor:pointer;display:block;min-height:24px;line-height:24px;padding:0 8px} .tiles li img.tile{background:none;border:none} .tiles li.active .tile{background:#333;color:#fff;font-weight:bold} .tiles li.muted:hover{border-color:#ccc} .tiles li.muted .tile{background:#ccc;border:1px dotted #666;color:#888} .color-tiles{margin-bottom:0} .color-tiles li{padding:3px} .color-tiles li .tile{min-height:20px;padding:0;width:25px} .color-tiles li.active{border-color:#333} input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"]{line-height:normal} input[type="radio"],input[type="checkbox"]{margin:2px 0 0} .input-prepend .add-on,.input-append .add-on{padding:6px 5px 7px} .navbar-form .input-prepend input,.navbar-form .input-append input,.navbar-form .input-prepend select,.navbar-form .input-append select,.navbar-form .input-prepend .btn,.navbar-form .input-append .btn{margin-top:0} .form-actions{background-color:transparent;padding-left:0;padding-right:0} .form-actions-left a,.form-actions-left button{float:none} .form-actions-left a:first-child,.form-actions-left button:first-child{margin-left:0} .modal form{margin-bottom:0} @media (max-width:980px){ a.btn-link-box,button.btn-link-box{display:inline-block;min-height:44px;line-height:44px} .dropdown-medium ul li{line-height:44px} .dropdown-medium ul li a{display:inline-block;min-height:44px} .pagination{margin-bottom:5px;margin-right:5px} .pagination ul li a{padding:12px 18px} } @media (max-width:980px) and (max-width:767px){ .pagination ul li{display:none} .pagination ul li:first-child,.pagination ul li:last-child{display:inline-block} .pagination ul li:first-child a,.pagination ul li:last-child a{border-left-width:1px;font-size:16.25px} } @media (max-width:767px){ /*.btn{height:44px;line-height:34px}*/ .btn .caret{margin-top:18px} .btn-large{padding:4px 12px} a.btn{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .button-group{line-height:44px} .form-actions .btn,.modal-content .btn,.well-body .btn{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .btn-expanded{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .control-group{margin-bottom:22px} .input-mini,.input-small,.input-medium{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .input-append .add-on,.input-prepend .add-on{height:29px;padding:12px 8px 1px 8px} select,textarea,input[type="text"], input[type="password"],input[type="datetime"], input[type="datetime-local"],input[type="date"], input[type="month"],input[type="time"],input[type="week"], input[type="number"],input[type="email"],input[type="url"], input[type="search"],input[type="tel"],input[type="color"], input[type="submit"],input[type="button"],input[type="reset"], .uneditable-input{ height:44px;margin:0;min-height:44px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box } select.btn-expanded,textarea.btn-expanded,input[type="text"].btn-expanded, input[type="password"].btn-expanded,input[type="datetime"].btn-expanded, input[type="datetime-local"].btn-expanded,input[type="date"].btn-expanded,input[type="month"] .btn-expanded,input[type="time"].btn-expanded,input[type="week"] .btn-expanded,input[type="number"].btn-expanded,input[type="email"] .btn-expanded,input[type="url"].btn-expanded,input[type="search"] .btn-expanded,input[type="tel"].btn-expanded,input[type="color"] .btn-expanded,input[type="submit"].btn-expanded,input[type="button"] .btn-expanded,input[type="reset"].btn-expanded,.uneditable-input.btn-expanded{ width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .pagination{margin-right:1%} } .comments-return-authorization{width:96%;padding:10px 2%} @media (max-width:767px){ .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top{margin-left:0;margin-right:0} } .navbar-inner{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none} .navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none} .navbar-inverse .navbar-inner{border-bottom:none} .navbar-inverse .nav>li>a{}.navbar-inverse .nav li.dropdown.open>.dropdown-toggle, .navbar-inverse .nav li.dropdown.active>.dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle{color:#fff} .modal{-webkit-overflow-scrolling:touch} .modal-footer{margin-top:0;text-align:left} .modal-header .close{margin-top:6px} .modal-header{padding:15px 20px} .modal-footer .btn+.btn{margin:0} iframe{border:none;min-width:100%;width:100px;*width:100%} .back-to-top{display:none} @media (max-width:767px){ .back-to-top{display:block;} .back-to-top .icon-arrow-up{ background:url('../../img/sprite.png') no-repeat 7px -287px; display:block; height:24px; margin:0 auto 4px; width:58px } .back-to-top a{color:#fff;text-decoration:none} .back-to-top a:hover,.back-to-top a:focus{color:#FC8D03} } .item-rating{margin-left:2px} .rating{margin-bottom:5px} .rating .rating-area-fill{height:16px;background-position:0 16px} .rating .rating-area,.rating .rating-area-fill{background-image:url('../../img/star.png');width:90px} .rating.pegs .rating-area,.rating.pegs .rating-area-fill{background-image:url('../../img/pegs.png')} .rating .rating-label,.rating .rating-area,.rating .rating-value{display:block;float:left;height:16px;line-height:16px;margin-right:10px} .rating .rating-area{position:relative} .rating .rating-area button{float:left;width:18px;height:16px;padding:0;display:block;-webkit-appearance:none;border:none;top:-16px;position:relative;background-color:transparent} .progress-rating .bar,.progress .bar-rating{ background-color:#faa732; background-image:-moz-linear-gradient(top, #fbb450, #f89406); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image:-webkit-linear-gradient(top, #fbb450, #f89406); background-image:-o-linear-gradient(top, #fbb450, #f89406); background-image:linear-gradient(to bottom, #fbb450, #f89406); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0) } .slider{border:1px solid #aaa;overflow:visible;margin:10px;position:relative} .slider .bar{position:absolute;-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none} .slider .slider-control,.slider .slider-control:active{ background:url('../../img/sprite.png') -3px -151px no-repeat;border:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; height:20px; top:-7px;width:18px } .slider .btn-small{margin-left:-11px} .slider-control{margin-left:-13px;padding:2px 9px;position:absolute;top:-6px;z-index:2} .slider-small{height:16px;margin:0 11px} .accordion{margin-top:-1px;margin-bottom:0} .accordion .icon-plus-sign{display:none} .accordion .icon-minus-sign{display:block} .accordion .collapsed .icon-minus-sign{display:none} .accordion .collapsed .icon-plus-sign{display:block} .accordion-group{width:100%} .collapsible .icon-minus-sign{display:block} .collapsible .icon-plus-sign{display:none} .collapsible.collapsed .icon-minus-sign{display:none} .collapsible.collapsed .icon-plus-sign{display:block} .collapser{cursor:pointer} .pinterest-image{position:relative} .pin-it-link{position:absolute;z-index:1000;top:10px;left:10px;height:45px;width:45px;background-image:url('../../img/pinterest-hover.png');background-position:0 0;background-repeat:no-repeat;display:none} .pin-it-link-socials{position:absolute;height:20px;width:40px;background-image:url('../../img/pinterest.png');background-position:0 0;background-repeat:no-repeat;display:block;margin-right:25px} .pin-it-link-socials+.social-share-icons{margin-left:43px} .pin-it-link-socials:hover{background-position:0 -20px} .item-image-gallery:hover .pin-it-link{display:block} .bx-controls:hover .pin-it-link{display:none !important} .btn-sign-me-up, .mini-cart-actions a.btn-sign-me-up { border: 0; border-radius: 5px; background-color: #FC8D03; color: #ffffff; font-size: 13px; vertical-align: middle; position: relative; text-transform: uppercase; height: auto; padding: 8px 18px; margin-bottom: 10px; margin-top: 10px; display: block; clear: left; float: left; } .btn-promo { border: 0; border-radius: 5px; background-color: #FC8D03; color: #ffffff; font-size: 13px; vertical-align: middle; position: relative; text-transform: uppercase; height: auto; padding: 8px 18px; margin-bottom: 10px; margin-top: 10px; } a.btn-checkout { float: right; } @media (max-width:480) { a.btn-checkout { clear: left !important; float: left !important; } } a.btn.btn-sign-me-up.btn-checkout { clear: right; float: right; display: block; } .video-buttons a.btn.btn-sign-me-up, .eightyfive a.btn.btn-sign-me-up { display: inline; } .our-coffee-crit { padding: 0} .btn-sign-me-up:hover {background-color: #968978; color:#ffffff !important;} .btn-email-box{border: 0;border-radius: 5px;background-color: #FC8D03;color: #ffffff;padding: 2px;font-size: 14px;height: 34px !important;min-height: auto !important;vertical-align: middle;margin: 4px 6px !important;top: 1px;position: relative;text-transform: uppercase;font-family: 'Avenir';width: 33% !Important;text-align: center;float: right;} .btn-email-box:hover {background-color: #968978; color:#ffffff !important;} .btn-add-to-cart { display: inline-block; border: 0; border-radius: 5px;background-color: #FC8D03;color: #ffffff;padding: 13px 24px 5px !important;font-size: 15px;height: 40px !important;vertical-align: middle;margin: 4px 0 !important;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;} .btn-add-to-cart:hover {background-color: #968978; color:#ffffff;} .btn-add-to-cart-hero { border: 0; border-radius: 5px;background-color: #FC8D03;color: #ffffff;padding: 20px 45px 5px !important;font-size: 15px;height: 24px !important;vertical-align: middle;margin: 0px 0 !important;top: 0px;position: relative;text-transform: uppercase;} .btn-add-to-cart-hero:hover {background-color: #968978; color:#ffffff;} button.btn.btn-email-box-form { border: 0; border-radius: 0; background-color: #FC8D03; color: #ffffff; font: 13px 'Avenir'; text-transform: uppercase; padding: 8px 18px; margin: 0; height: auto; min-height: 1px; } input.email-bar, input[type="email"].email-bar { border: 0; border-radius: 0; background-color: #ffffff; color: #735744; font: 15px georgia; text-transform: none; padding: 8px 18px 8px 8px; height: auto; min-height: 1px; box-shadow: none; } .email-bar-box { background-color: #ffffff; border: 3px solid #ffffff; } input.email-bar:focus::-webkit-input-placeholder {color: rgba(255,255,255,0);box-shadow: none;} textarea.grind-notes:focus::-webkit-input-placeholder {color: rgba(255,255,255,0);} .shaded-star {position: relative; bottom: 3px; margin-right: 10px;} .add-to-cart-row {padding-top: 20px;margin-left: 15px;} ul.nav-profile { margin-top: 7px; margin-left: 0; margin-top: 7px; margin-left: 0; display: inline-table; } .nav-profile>li { display: inline-table; border-right: 1px solid #735744; padding:0 10px; display: table-cell; border-right: 1px solid #735744; padding: 0 10px; } .nav-profile>li:last-child {border-right: 0;} .nav-profile a {color: #735744; font-size: 0.875em;} .nav-profile a:hover {color: #FC8D03; text-decoration: none;} .nav-profile>li:focus {background: rgba(0,0,0,0.7);} .center-caps {text-align: center; text-transform: uppercase;} .bg-rule { border-top: 1px solid #968978;border-bottom: none;position: relative;top: 25px;} .home-page-promo,.home-page-main,.home-page-banner,.home-page-merchandising{margin:13px auto 0} .home-page-banner-top{text-align:left;border:1px solid #eee;padding:10px} .home-page-banner-top .highlight{color:#f89406} .home-page-main .carousel{margin-bottom:0} .home-page-main .carousel .item{width:100%;height:800px;background-color:#eee} .home-page-main .carousel .item img{left:-9999px;right:-9999px;margin:0 auto;max-width:none;min-width:100%;min-height:100%;position:absolute} .home-page-main .carousel .carousel-control{background:none;border:none;top:50%;color:#000} .home-page-main .carousel-indicators li{background-color:#808080} .home-page-main .carousel-indicators li.active{background-color:#000} @media (max-width:767px){.block{margin-left:-20px;margin-right:-20px}} @media (max-width:767px){.home-page-banner-bottom{display:none}} @media (max-width:768px){.home-page-merchandising [data-type="merchandising-zone"]{display:none}} .navbar-inverse .nav .mini-cart-container>a{background-color:#525252} .navbar-inverse .nav .mini-cart-container>a:hover,.navbar-inverse .nav .mini-cart-container>a:focus{background-color:#525252;color:#fff} .mini-cart-container>a>.caret{display:none} .mini-cart-container .item-count b{display:inline-block;font-weight:normal;padding:1.5px;text-align:center;min-width:15px} .mini-cart-container .dropdown-menu{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin:0;min-width:300px;padding:0;text-align: left;margin-top: 20px; background-color: rgba(255,255,255,0);} .mini-cart-container .dropdown-menu::after{border-bottom-color:#454545 !important}.mini-cart-container .dropdown-menu>ul{list-style:none;margin:0;background-color: rgba(255,255,255,0.85); color:#735744;} .mini-cart-container .mini-cart-empty{padding:10px}.mini-cart-container .summary{border-top:#525252 1px solid;padding:10px}.mini-cart-items{max-height:400px;padding:18px 9px} @media (max-width:767px){.shopping-cart{padding:9px}} .shopping-cart-header{margin-bottom:18px; text-transform: uppercase;text-align: center;border-top: 1px solid #735744;padding-top: 20px;margin-top: 22px;} .shopping-cart-header .continue-shopping{display:none} @media (max-width:767px){.shopping-cart-header .continue-shopping{display:block;margin-bottom:20px}} .shopping-cart-header .btn-proceed-checkout{display:none} @media (max-width:768px){.shopping-cart-header .btn-proceed-checkout{display:block;margin-bottom:20px}} .shopping-cart-heading{display:none} .cart-item-cell{border-bottom:#eee 1px solid;margin-bottom:15px;padding-bottom:15px} @media (max-width:767px){.cart-item-cell>.row-fluid>.details{float:left;width:65%}} @media (max-width:767px){.cart-item-cell .cart-item-thumbnail{float:left;margin-right:5%;width:30%}} .cart-item-details>div,.cart-item-options>div{margin-bottom:5px} .cart-item-details>div:last-child,.cart-item-options>div:last-child{margin-bottom:0} .cart-item-details .name{color:#0059b2;font-weight:bold} .cart-item-details .sku{color:#6b6b6b} .cart-item-details .lead-price{color:#f00} .cart-item-actions{margin-top:18px} .cart-confirmation-item-name{text-transform:uppercase;} .cart-color-tile{display:inline-block;*display:inline;*zoom:1;height:10px;width:10px} .shopping-cart-summary{ margin-top: 20px; width: 40%;float: right;margin-right: 100px;} .shopping-cart-summary .continue-shopping{margin-top:8px} .shopping-cart-summary .shopping-cart-action-buttons{text-align:right} .shopping-cart-summary form,.shopping-cart-summary .control-group,.shopping-cart-summary select{margin-bottom:0} .shopping-cart-summary .control-group{margin-top:9px}.cart-summary-items{list-style:none;margin:0;overflow:auto} .cart-summary-item-cell{border-top:1px solid #eaeaea;margin-top:18px;padding-top:18px} .cart-summary-item-cell:first-child{border-top:none;margin-top:0;padding-top:0} .cart-summary-item-cell>a{display:block} .cart-summary-item-details>div{margin-bottom:5px} .cart-summary-item-details>div:last-child{margin-bottom:0} .cart-color-tile{border:1px solid #eaeaea} .btn-paypal-express{text-align:center;margin-top:10px} .item-detailed-page{margin-bottom:20px} .accordion-heading>h2{line-height:18px;font-size:16.25px} .item-detailed-info{margin-top:-1px;margin-right:-1px} .item-detailed-info .well-body{padding:14px 15px 12px;} .item-detailed-info .page-header{margin:0;padding:14px} @media (max-width:767px){.item-detailed-info .page-header{padding-bottom:30px}} .item-detailed-info .page-header h1{color:#735744;text-transform:uppercase;font-size:30px;margin:0} .item-detailed-info .page-header .lead{margin-bottom:4px} .item-detailed-info .page-header .lead-price{color:#eb5824} .item-detailed-info .well-footer{padding-top:16px;padding-bottom:16px;} .item-detailed-info .add-to-cart-btn .icon-shopping-cart{margin-top:6px} .details-header .page-header,.item-detailed-info .page-header{line-height:18px} .details-header .sku,.item-detailed-info .sku{font-size:14px;color:#999} .details-header .item-rating,.item-detailed-info .item-rating{margin-top:10px} .full-details{display:block;padding:8px 0 8px 0;margin-top: -35px;} .modal-product-detail h3{text-transform:none} .td-product-image{width:25%} .add-to-cart-button-container{clear:both} .add-to-cart-form{margin-bottom:9px !important} @media (max-width:767px){.default-options-container input{width:100%;margin-bottom:20px}} .item-detailed-image-container{min-height:1px !important} .shipping-information-details{border:1px solid #eaeaea;padding:20px 10px 0;margin-bottom:10px} .icon-chevron-down{background-position:-313px -119px} .icon-chevron-up{background-position:-288px -120px} @media (max-width:768px){.add-to-cart-btn{width:100% !important}} div[data-action="dropdown-expander"]{cursor:pointer;color:#0059b2} div[data-content="items-body"] ul{list-style:none;margin:0}[data-content="items-body"]{margin:0 10px} .no-margin[data-content="items-body"]{margin:0} .no-margin[data-content="items-body"] .fulfillment-body{margin:0 10px} @media (max-width:979px){div[data-action="dropdown-expander"] div{padding:0 0 10px 0}} @media (max-width:767px){.item-details-line-image{float:left;width:80px} .item-details-line-image img{padding:15px 0 10px 0} .row-fluid .item-details-line-information{float:left;width:65%} .row-fluid .item-details-line-information .popover-content div{padding:0} .row-fluid .item-details-line-information .popover-content div:first-child{padding:10px 0 0} span.visible-phone{display:inline-block !important}} .item-details-line-image img{float:left;margin-right:5%;width:100px;padding:0} @media (max-width:767px){.item-details-line-image img{width:80px;padding:10px 0 0 0}} .item-details-line-information .popover-content{padding:9px} @media (max-width:767px){.item-details-line-information .popover-content{padding:2px 9px}} @media (max-width:767px){.row-fluid .item-details-line-information .popover-content div:first-child{padding:0}} .bxslider{list-style:none;margin:0} .bxslider li{display:inline-block} .center-block{display:block;margin:0 auto} html .bx-wrapper{margin-bottom:0} html .bx-wrapper .bx-viewport{border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;left:0} html .bx-wrapper .bx-pager{margin-bottom:18px;position:static} .touch html .bx-wrapper .bx-pager{overflow-x:scroll;-webkit-overflow-scrolling:touch;white-space:nowrap} html .bx-wrapper .bx-pager a{border:solid #ccc 1px;display:block;margin:0 4px;padding:3px} html .bx-wrapper .bx-pager a:hover,html .bx-wrapper .bx-pager a.active{border:solid #5280dd 1px} html .bx-wrapper img{margin:0 auto}html .bx-pager-item img{max-width:50px} .bx-wrapper .bx-pager .bx-pager-item{display:inline\9} .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link{float:left\9;max-width:64px\9} .bx-wrapper .bx-controls-direction a,.bx-wrapper .bx-loading{z-index:999} .bx-viewport li{min-height:1px;min-width:1px} @media screen and (max-width:480px){ .item-cell-name, .item-cell-name a, .item-cell-price { margin-bottom: 0px; margin-top: 0; padding: 0px 0px 0px 0px;} } @media screen and (min-width:481px){ .item-cell-name, .item-cell-name a, .item-cell-price { margin-bottom: 0px; padding:0px,0px,0px,20px; } } /* start - item cell wrapping on category pages */ /* large display */ @media screen and (min-width:1200px){ .span5.item-cell-thumbnail.thumbnail { width: 247px; } .row-fluid .item-grid.span7 { width: -moz-calc(100% - 247px - 30px); width: -webkit-calc(100% - 247px - 30px); width: calc(100% - 247px - 30px); min-width: 140px; margin-left: 27px; display: block; float: left; } .item-grid{position:relative; height:100%; vertical-align:middle; padding-top: 30px;} } /* tablet */ @media screen and (min-width:1080px) and (max-width:1199px) { .span5.item-cell-thumbnail.thumbnail { width: 40%; height: auto; padding-top: 3%; } .span5.item-cell-thumbnail.thumbnail img { max-width: 100%; width: auto; height: auto; padding-top: 3%; } .row-fluid .item-grid.span7 { width: 55%; margin-left: 2.76073%; display: block; float: left; } .item-grid{position:relative; height:auto; vertical-align:top; padding-top: 0%; } .input-qty-lrg{ width: 35px !important; height: 26px !important; border: 1px solid #735744 !important; font-family: Georgia; color: #968978 !important; font-size: 15px !important; margin-right: 20px; -webkit-border-radius: 0; -moz-border-radius: 0; appearance: none; -webkit-appearance: none; padding: 5px 10px !important; } .cat-image { width: 150px; margin: 0 auto;} .cat-title {font-size: 20px; margin-top: 10px; text-transform: uppercase; color: #735744;line-height: 1em;} .our-coffee-crit {min-height: 770px !important;} h2.primary {font-family: 'CorporativeSoftReg', sans-serif; text-transform: uppercase; font-size: 48px; text-align: center;line-height:45px;} h2.primary-loc {font-family: 'CorporativeSoftReg', sans-serif; text-transform: uppercase; font-size: 40px; text-align: center;line-height:45px;} .hero-copy-third {width: 85%; margin: 0 auto; text-align: center;position: relative;transform: translateY(-47%);top: 46%;} .hero-copy-third-v2 { text-align: center; position: relative; margin: auto !important; top: 40%; bottom: 0; left: 0; right: 0; height: 50%; } } /* portrait tablet */ @media screen and (min-width:480px) and (max-width:1079px) { span.tablet-no-show {display: none !important;} .span5.item-cell-thumbnail.thumbnail { width: 365px; height: auto; } .span5.item-cell-thumbnail.thumbnail img { max-width: 100%; width: auto; height: auto; } .row-fluid .item-grid.span7 { width: auto; margin-left: 5%; display: block; margin-top: 0%; max-width: 80%; margin-bottom: 10px; } .item-grid{position:relative; height:auto; vertical-align:top; padding-top: 0px; } .input-qty-lrg{ width: 35px !important; height: 26px !important; border: 1px solid #735744 !important; font-family: Georgia; color: #968978 !important; font-size: 15px !important; margin-right: 20px; -webkit-border-radius: 0; -moz-border-radius: 0; appearance: none; -webkit-appearance: none; padding: 5px 10px !important; } .cat-image { width: 150px; margin: 0 auto;} .cat-title {font-size: 20px; margin-top: 10px; text-transform: uppercase; color: #735744;line-height: 1em;} .our-coffee-crit {min-height: 770px !important;} h2.primary {font-family: 'CorporativeSoftReg', sans-serif; text-transform: uppercase; font-size: 48px; text-align: center;line-height:45px;} h2.primary-loc {font-family: 'CorporativeSoftReg', sans-serif; text-transform: uppercase; font-size: 40px; text-align: center;line-height:45px;} .hero-copy {top: 35%;} .hero-copy-third {width: 95% !important; margin: 0 auto; text-align: center;position: relative;transform: translateY(-47%);top: 40%;} .hero-copy-third-v2 { text-align: center; position: relative; margin: auto !important; top: 40%; bottom: 0; left: 0; right: 0; height: 50%; } h1.hero-script { font-family: 'Tesora'; font-size: 6em; margin-bottom: 50px; line-height: 1.2em; } } /* portrait tablet */ @media screen and (max-width:479px) { .span5.item-cell-thumbnail.thumbnail { width: auto; height: auto; } .span5.item-cell-thumbnail.thumbnail img { max-width: 100%; width: auto; height: auto; } .row-fluid .item-grid.span7 { width: auto; margin-left: 2.76073%; display: block; float: none; } .item-grid{position:relative; height:auto; vertical-align:top; padding-top: 0px; } .input-qty-lrg{ width: 35px !important; height: 26px !important; border: 1px solid #735744 !important; font-family: Georgia; color: #968978 !important; font-size: 15px !important; margin-right: 20px; -webkit-border-radius: 0; -moz-border-radius: 0; appearance: none; -webkit-appearance: none; padding: 5px 10px !important; } .cat-image { width: 150px; margin: 0 auto;} .cat-title {font-size: 20px; margin-top: 10px; text-transform: uppercase; color: #735744;line-height: 1em;} .our-coffee-crit {min-height: 770px !important;} h2.primary {font-family: 'CorporativeSoftReg', sans-serif; text-transform: uppercase; font-size: 48px; text-align: center;line-height:45px;} h2.primary-loc {font-family: 'CorporativeSoftReg', sans-serif; text-transform: uppercase; font-size: 40px; text-align: center;line-height:45px;} .hero-copy-third {width: 85%; margin: 0 auto; text-align: center;position: relative;transform: translateY(-47%);top: 66%;} .hero-copy-third-v2 { text-align: center; position: relative; margin: auto !important; top: 40%; bottom: 0; left: 0; right: 0; height: 50%; } } /* end - item cell wrapping on category pages */ @media (min-width:0px){ .item-cell-grid,.item-cell-table{ margin:10px 0 0; padding:0 10px; background-color: rgba(150,137,120,0.15); } .item-cell-name, .item-cell-name a { text-transform:none; font-size:24px; line-height:1.3em; display: block; float: left; clear: left; } .item-cell-price,.aromas-cat { font-size: 14px; display: block; float: left; clear: left; } .item-grid-darker {display: block; float: left; clear: left;} .item-grid-medium {display: block; float: left; clear: left;} .item-grid-lighter {display: block; float: left; clear: left;} .item-grid-decaf {display: block; float: left; clear: left;} .item-grid-varietals {display: block; float: left; clear: left;} .item-grid-teas--spices {display: block; float: left; clear: left;} .item-grid-gift-cards {display: block; float: left; clear: left;} .item-grid-subscriptions {display: block; float: left; clear: left;} .item-grid-merchandise {display: block; float: left; clear: left;} .item-cell .options-container, .item-cell h2 {display: block; float: left; clear: left;} } .mobile-nav-position {position: absolute;top: 26px;left: 15px;} .mobile-logo-position {padding: 15px 36% 0px 28%;} .mobile-cart-position {position: absolute;top: 10px;right: 10px;} .navbar-inverse .brand, .navbar-inverse .nav>li>a {color:#735744;} .btn-quick-view{display:none;left:0;position:absolute;right:0;text-align:center;top:45%} .no-touch .item-cell:hover .btn-quick-view{display:block} .color-filters li,.color-tiles li{padding:1px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0} .color-filters li .tile,.color-tiles li .tile{border-color:#ccc;min-height:29px;width:29px} .stock-status{white-space:normal} [data-image-status="pending"]{} @media (max-width:639px){.facet-list-header{text-align:center}} .facet-list-header .facet-back-btn,.facet-list-header .facet-clear-all{display:none} @media (max-width:639px){.facet-list-header .facet-back-btn,.facet-list-header .facet-clear-all{display:block}} @media (max-width:639px){.top-filter-reset{display:none}}.faceted-navigation{border-bottom:none} @media (max-width:979px){.faceted-navigation{display:none;position:absolute;z-index:2;width:253px;left:6px;top:164px}.narrow-by .faceted-navigation{display:block}} @media (max-width:767px){.faceted-navigation{left:15px;top:95px;width:100%}} @media (max-width:639px){.faceted-navigation{left:0;right:0;top:0}} .facet-well{padding:4px 8px} .facet-well>.heading{font-size:13px;font-weight:bold;line-height:18px;margin:0;overflow:hidden;padding:6px 0 4px 0;text-overflow:ellipsis;white-space:nowrap} .facet-well>.heading[data-toggle="collapse"]{cursor:pointer} .facet-well>.heading.uncollapsible{cursor:default}.facet-well .filters.in{padding-bottom:10px} .facet-well .filters>ul{margin-bottom:10px;padding:0 15px} .facet-well .filters>ul:first-child{margin-bottom:0} .facet-well .filters>ul a{color:#575757;display:block;margin:0 -15px;padding:3px 15px;text-decoration:none} .facet-well .filters>ul a:hover span{text-decoration:underline} .facet-well .filters>ul .active a{background:#e0e0e0;font-weight:bold} .facet-well .filters>ul .active a[data-color]{background:transparent} .facet-well .filters>ul .active>.category-item-label>a{background:none;color:#000;text-shadow:none} .facet-well .filters>ul.extra{margin-bottom:0} .facet-well i.icon-plus,.facet-well i.icon-ok{border:1px solid #eaeaea;height:10px;margin-top:2px;width:10px} .facet-well i.icon-plus{background:#fff} .facet-well i.icon-ok,.facet-well i.icon-chevron-down,.facet-well i.icon-chevron-right{ background:transparent url('../../img/sprite.png') no-repeat } @media (max-width:980px){.facet-header div[class^="item-listing"] select{height:44px}} .facet-header-white-well{border:1px solid #eee} .narrow-by-btn{display:none;margin-right:10px} /* TABLET */ @media (max-width:767px){ .larger-georgia {font-size: 2.5em;} .btn-add-to-cart { border: 0; border-radius: 5px; background-color: #FC8D03; color: #ffffff; padding: 15px 24px 28px !important; font-size: 15px; height: 30px !important; vertical-align: middle; margin: 4px 0 !important; top: 0px;position: relative; text-transform: uppercase; font-weight: bold; } .btn-add-to-cart-hero { border: 0; border-radius: 5px; background-color: #FC8D03; color: #ffffff; padding: 15px 24px 28px !important; font-size: 15px; height: 30px !important; vertical-align: middle; margin: 4px 0 !important; top: 0px;position: relative; text-transform: uppercase; font-weight: bold; } } @media (max-width: 768px){ .coffee-mission-mobile {height:100vh; background:url(https://www.philzcoffee.com/images/sca/Philz_Mobile_STORY_Collage_102615.jpg)no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover; background-size: cover;} } @media (max-width:330px){ .tesora-hero-copy {width: 85%; margin: 0 auto; text-align: center;position: relative;transform: translateY(-84%) !important;top: 50%;} } @media (min-width:331px) and (max-width:480px){ .tesora-hero-copy {width: 85%; margin: 0 auto; text-align: center;position: relative;transform: translateY(-100%) !important;top: 50%;} } @media (max-width:330px){ .hero-copy-top {width: 85%; margin: 0 auto; text-align: center;position: relative;transform: translateY(-50%);top: 31% !important;} } @media (min-width: 331px) and (max-width: 480px){ .hero-copy-top {width: 85%; margin: 0 auto; text-align: center;position: relative;transform: translateY(-50%);top: 29% !important;} } /* START MOBILE */ @media (max-width: 480px) { body { padding-left: 0 !important; padding-right: 0 !important; margin: 0 !important; width: 100% !important; } .container { width: 100% !important; margin: 0 auto; padding: 0 !important; } .layout, .main { display: block !important; width: 100%; padding: 0 !important; margin: 0 auto !important; } .mobile-no-show { display: none; } .desktop-no-show { display: block; } p.hero { font-size: 13px !important; line-height: 14px; color: #735744; padding-left: 10px; padding-right: 10px; margin-bottom: 6px !important; } .hero-white-capital { color: #f3eede; font-family: 'AvenirLight', 'Avenir'; text-transform: uppercase; font-size: 15px !important; text-align: center; } .hero-tesora { font-family: 'Tesora'; font-size: 4.5em !important; line-height: .6em !important; color: #f3eede; letter-spacing: 0px; } .hero-white { color: #f3eede; font-size: 11px !important; margin-top: -15px; margin-bottom: 0px !important; font-weight: 600; font-family: 'AvenirLight', 'Avenir'; } .gift-card-banner-copy { width: 85%; margin: 0 auto; text-align: center; position: relative; transform: translateY(-38%) !important; top: 50%; } h2.gift-card-banner { color: #feb44b; font-family: 'AvenirLight', 'Avenir'; text-transform: capitalize; font-size: 24px !important; text-align: center; padding-left: 20px !important; padding-right: 20px !important; line-height: 32px !important; } h3.gift-card-banner { color: #feb44b; font-size: 13px !important; margin-bottom: 0px !important; font-weight: 600; font-family: 'AvenirLight', 'Avenir'; padding-left: 20px !important; padding-right: 20px !important; line-height: 20px !important; margin-top: 5px !important; } a.gift-card-banner-link { text-decoration: underline; color: #feb44b; } .home-hero-mobile { height: 80vh; background: url(https://www.philzcoffee.com/images/sca/mobile/home-hero-mobile.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .coffee-mission-mobile { height: 100vh; background: url(https://www.philzcoffee.com/images/sca/Philz_Mobile_STORY_Collage_102615.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .new-icon-cardamom-key:before { font-family: "untitled-font-1" !important; content: "\61"; color: #f5dc6a; position: relative; top: 14px; right: -7px; font-size: 38px; margin-left: -17px !important; } .panel-heading [data-toggle="collapse"]:after { font-family: 'Philz'; content: "d"; /* "plus" icon */ float: left; color: #ccc; font-size: 18px; line-height: 20px; /* rotate "Plus" icon */ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .panel-heading [data-toggle="collapse"].collapsed:after { /* rotate "Plus" */ -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .row-fluid .span4 { margin-bottom: 20px; } .row-fluid .span6 { width: 100% !important; padding: 0 !important; } .item-cell-grid, .item-cell-table { } .item-cell .thumbnail { width: 100% !important; height: 100% !important; padding: 0 !important; max-width: 100%; } .item-rating { display: none !important; } .mobile-dropdown { margin: 0 auto; width: 85%; text-align: center; padding: 20px 0; } .roasty-roast { clear: both; text-transform: uppercase; font-size: 1.2em; margin-left: 0px; } .lead { font-size: 1.4em; } .height90 { height: auto; } textarea.grind-notes { height: 95px !important; width: 275px !important; } h2.primary { font-size: 1.4em; margin: -10px 0 -30px; } h2.primary-loc { font-size: 1.4em; margin: -10px 0 -30px; } h2.primary42 { font-size: 2em; } h3.line { margin: 40px 0; } h2.alt { font-size: 3.5em; margin: -10px 0 -30px; } .cat-title { font-size: 1.5em !important; } .cat-row { padding: 10%; } .cat-adjust { width: 100%; } .site-footer { padding: 0; } ul.footer-social { width: 100%; margin: 0; margin-top: -20px; } .footer-well { margin: 40px auto 30px; border-top: 1px solid #b9aba2; border-bottom: 1px solid #b9aba2; border-left: 0; border-right: 0; text-align: center; padding: 20px 0; } .footer-well:last-child { margin-top: 10px; } .no-left-line { border-top: 0; border-bottom: 0; } .footer-well h3 { letter-spacing: 0; } .site-footer .input-box { width: 100%; border: 0; } .input-box { width: 90%; background-color: #ffffff; height: 45px; } .input-text-field, .input-medium, .input-select-field { width: 100% !important; } .btn-email-box { border: 0; border-radius: 5px; background-color: #FC8D03; color: #ffffff; padding: 0px; font-size: 14px; height: 28px !important; min-height: auto !important; vertical-align: middle; margin: 4px 6px !important; top: 1px; position: relative; text-transform: uppercase; font-family: 'Avenir'; width: 16% !Important; text-align: center; float: right; } h1.hero-script { font-family: 'Tesora'; font-size: 3em; margin-bottom: 10px; line-height: 1.2em; } .eightyfive { width: 100% !important; } .eightyfive-mobile { width: 85% !important; margin: 0 auto !important; } p.georgia { font-family: 'CorporativeSoftReg', sans-serif; color: #968978; font-size: 1.1em; line-height: 1.4em; padding: 0 20px; } .avenir { font-family: 'CorporativeSoftReg', sans-serif; color: #968978; font-size: 1.1em; line-height: 1.4em; padding: 0 20px; } .larger-georgia { font-family: 'CorporativeSoftReg', sans-serif; color: #968978; font-size: 1.5em; line-height: 1.4em; padding: 0 20px; } p.middle { margin: 10px auto -30px; text-align: center; padding: 30px 0 0; line-height: 1.6em; } .our-coffee-main { height: 100vh; background: linear-gradient(rgba(115, 87, 68, 0), rgba(115, 87, 68, 0.6)), url(https://www.philzcoffee.com/images/sca/ourcoffee-roasting.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .our-coffee-crit { height: auto !important; } .our-coffee-logos { margin: 50px auto -25px !important; } h3.menu-title { margin-top: 50px; } h1.menu-headline { margin-bottom: -50px; } .location-container { padding: 20px 20px 40px; border-top: 1px solid; border-bottom: 1px solid; background-color: rgba(255, 255, 255, 0.6) !important; } .location-modal-image-detail { display: none; } .under-map { margin-top: 10px; } .div-get-directions { display: block; -webkit-margin: 8px; width: 100%; padding: 10px 0; } .pull-right-locations-mobile { float: left !important; width: 100%; margin: 0px; padding: 0px; } .location-phone-detail { clear: both; text-align: left; margin-right: 8px; margin-bottom: 18px; } .press-title { margin: 30px 0 50px !important; } #job_groupings_list ul.coffee-nav { display: list-item !important; } #job_groupings_list ul.coffee-nav > li { display: inherit !important; padding-bottom: 10px; } h2.header-primary { text-transform: uppercase; font-size: 1.6em; color: #735744; margin-top: 30px; } .job-grouping-subtitle { width: 100% !important; } .job-grouping-title { margin-top: 50px; font-size: 2.1em !important; } } /* END MOBILE */ /* FREE SHIPPING PROMO */ .free-ship-promo-shopping-cart { font-weight: bold; text-transform: uppercase; color: #FC8D03; margin-left: 10px; } .free-ship-promo-product-detail { font-weight: bold; text-transform: uppercase; color: #FC8D03; margin-left: 10px; } .free-ship-promo-quick-view { font-weight: bold; text-transform: uppercase; color: #FC8D03; } .free-ship-promo-header { font-weight: bold; text-transform: uppercase; color: #FC8D03 !important; text-align: center; float: right; margin-right: 40px; margin-top: -5px; margin-bottom: -20px; } .free-ship-promo-header a { color: #FC8D03; font-size: 1.1em; font-family: 'AvenirBlack'; } .free-ship-promo-header-sub { position: relative; font-weight: normal !important; text-transform: capitalize !important; font-size: 0.8em; font-family: 'Avenir'; } .free-shipping-item-details { font-weight: bold; text-transform: uppercase; color: #FC8D03; margin-left: 10px; } @media (max-width: 480px){ .free-ship-promo-header { float: none; margin-right: 15px; margin-top: 20px !important; margin-bottom: -10px; } .free-ship-promo-header a { font-size: 1.3em; } .free-shipping-item-details { margin-left: 0; float: left; } } .row-fluid .span4:first-child { margin-left:0; } @media (min-width: 1023px) { .row-fluid .span4 { width: 31%; display: block; float: left; margin-left: 2.56410256%; } } .item-views-option-text-title { margin-bottom: 0px !important;} @media (min-width: 768px){ .input-textarea, .item-views-option-text-area, .product-reviews-form-content-group-text, .product-reviews-form-preview-content-group-text { width: auto; min-width: 230px !important;} } /* GLOBAL HEADER*/ @media (min-width: 992px){ .header-logo-image { width: 75%;} } /* ADJUST LOGO AND SHOPPING CART ON MOBILE */ /* Move logo and shopping cart down below SMB banner for old iPads */ @media (min-width: 601px) and (max-width: 1000px) { .header-logo-wrapper, .header-right-menu { top: 70px;} .new-bom-hero-copy-temp { top: 25px;} } .header-logo a:focus{ outline: 0; border: none; -moz-outline-style: none; } /* Don't display the product description on new items. \*------------------------------------------------------------------------*/ .product-line-stock-description-msg-description {display: none;} /* FAQ PAGE STYLES APRIL 2020 \*------------------------------------------------------------------------*/ .faq-header { border-bottom: 1px solid #735744; border-top: 1px solid #735744; margin-bottom:50px; } .faq-title { margin:70px auto; font-family: 'CorporativeSoftReg', sans-serif; text-transform: uppercase; font-size: 48px; text-align: center; } /* basic paragraph styles */ .faq-question { font-family: 'CorporativeSoftReg', sans-serif; text-transform: uppercase; } .faq-copy { text-align:left; padding-left: 0px; margin-top:0px; font-family: 'CorporativeSoftReg', sans-serif; color: #968978; font-size: 1.3em; line-height: 1.6em; } .faq-indent { padding-left: 40px; } /* grinds "table" */ .grind-styles { width: 90%; border: 1px solid #968978; margin: 20px auto; display: table; } .grind-styles-line { border-bottom: 1px solid #968978; width: 100%; display: table; } .grind-styles-line:last-of-type { border-bottom: none; } .grind-styles-left { border-right: 1px solid #968978; width: 90%; float: left; padding: 10px; } .grind-styles-right { width: 10%; float: right; padding: 10px 10px 10px 20px; } /* FIX FOOTER SPACING \*------------------------------------------------------------------------*/ footer#site-footer { margin-top: 50px; padding: 50px 0 80px; } /* MAILCHIMP SURVEY \*------------------------------------------------------------------------*/ .survey-hero { margin-bottom: 50px; } .survey-hero-container { position: absolute; top: 8%; left: 27.5%; width: 45%; margin: 0 auto; text-align: center; } .survey-hero-headline { font-family: 'Tesora', sans-serif; font-size: 100px; line-height:1em; margin: 35px 0; } .survey-hero-copy { margin: 0px auto; font-size: 22px; } .mailchimp-survey { width: 600px; margin: 0 auto; } .survey-field-group { height: 60px; margin-bottom: 15px; } .survey-input { margin-bottom: 0; } #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error { position: absolute; left: 101%; top: 25px; width: 150px; } /*============================================ START MEDIA QUERIES ============================================*/ /* MOBILE - SMALL \*---------------------------------------------------------*/ @media only screen /*and (max-device-width: 320px)*/ and (max-width: 320px) { div.template-mobile{position: absolute;top: 7% !important;left: 0% !important;width: 100% !important;text-align: center;} div.template-2-mobile{position: absolute;top: 38% !important;left: 0% !important;width: 100% !important;text-align: center;} h1.template-header {color: #ffffff;font-family: 'Tesora', sans-serif;font-size: 50px;letter-spacing: 0px;text-transform: none;line-height:50px;margin-bottom:5px;} .template-btn {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 6px 8px 5px !important;font-size: 9px;height: 20px !important;vertical-align: middle;margin: 5px 20px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 105px;} div.holiday2019-mobile{position: absolute;top: 7% !important;left: 0% !important;width: 100% !important;text-align: center;} h1.holiday2019 {color: #ffffff;font-family: 'Tesora', sans-serif;font-size: 50px;letter-spacing: 0px;text-transform: none;line-height:50px;margin-bottom:5px;} div.bom-hero-copy-mobile {position: absolute;top: 26% !important;left: 0% !important;width: 100% !important;text-align: center;} div.bom-hero-copy-mobile-2 {position: absolute;top: 34% !important;left: 0% !important;width: 100% !important;text-align: center;} h1.bom-hero-copy {font-weight: bolder;color: #382517;font-size:23px !important;text-transform: uppercase;letter-spacing: 3px;} p.bom-hero-copy-1 {font-family: 'ProximaNovaReg', sans-serif;text-transform: uppercase;font-weight: 500;letter-spacing: 1px !important;color: #382517;font-size: 9px !important;margin-left: 0px !important;margin-top: 5px !important;} p.bom-hero-copy-2 {border-top: 1px solid #382517;color: #382517;font-size: 7px !important;font-family: 'ProximaNovaReg', sans-serif;margin-top: 3px !important;padding-top: 3px !important;width:88%;} p.bom-hero-copy-3 {font-family: 'ProximaNovaReg', sans-serif;text-transform: uppercase;font-weight: 500;letter-spacing: 1px !important;color: #382517;font-size: 7px !important;margin-bottom:-3px;} .btn-bom-hero {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 5px 10px 5px !important;font-size: 8px !important;height: 18px !important;vertical-align: middle;margin: 5px 7px 0 !important;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 100px !important;} div.hp-loc-thumbnail-text {position: absolute;top: 78%;width: 91%;} p.hp-loc-thumbnail-text {color: #fff;font-size: 12px;text-transform: uppercase;font-weight: bold;} p.hp-loc-tn-text {color: #735744;font-size: 15px;text-transform: uppercase;margin-top:0px;margin-bottom:10px;font-weight: normal;} h1.recruiting-hero-copy {color: #735744;font-size: 30px;text-transform: uppercase;} p.recruiting-hero-copy {font-family: 'CorporativeSoftReg', sans-serif;color:#735744;font-size:12px;} .btn-recruiting-hero {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 11px 5px 5px !important;font-size: 10px;height: 30px !important;vertical-align: middle;margin: 10px 20px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight:bold;width:98px;} .carousel-pause-button {position: absolute;top: 91.5%;left: 40%;display: block;z-index: 3;background-color: transparent;width:13px;} .carousel-indicators {position: absolute;top: 92% !important;left: 55% !important;z-index: 2 !important;margin: 0 auto !important;list-style: none;text-align: center !important;width: 60% !important;margin-left: -30px !important;padding-left: 0px !important;} .carousel-controls-bg {background-color: rgba(115, 87, 68, .65);width: 110px;height: 30px;z-index: 2;position: absolute;top: 88.5%;left: 35.5%;border-radius:4px;} div.hp-app-copy {position: absolute;top: 6%;width: 45%;text-align: center;} h1.hp-app-copy {color:#f0eada;font-size:10px;letter-spacing:1px;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;} .hp-app-lines {display: table;white-space: nowrap;width: 100%;margin-left: 0px;} .hp-app-lines:before {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.3em;width: 16%;right: -10%;} .hp-app-lines:after {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.3em;width: 16%;left: -10%;} h2.hp-app-copy {color: #f0eada;font-family: 'Tesora', sans-serif;font-size: 30px;margin-top: 20px;} h2.hp-app-copy-2 {color: #f0eada;font-family: 'Tesora', sans-serif;font-size: 30px;margin-top: 8px;} p.hp-app-copy {font-family: 'CorporativeSoftReg', sans-serif;color: #f0eada;margin-top: 10px;font-size: 14px;} .philzplease {top: 30%;width: 45%;left: 15%;} .philzplease-header {font-size: 30px;line-height: 30px;} .philzplease-code {margin-top: 5px;font-size: 10px;} .red-sea-container {position: absolute;top: 5%;left:8%;width: 90%;text-align: center;} .red-sea-eye-brow {font-size:14px;letter-spacing:2px;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;} .red-sea-headline {font-family: 'Tesora', sans-serif;font-size: 50px;line-height:1em;margin-top: 5px;} .tesora-ground-container {width: 90%; top: 5%; left: 5%;} .tesora-ground-eyebrow {font-size:10px;} .tesora-ground-headline {font-size: 40px; margin-top: 5px;} /* HERO SLIDER STYLES \*----------------------------------------------------------*/ .hero-slider-container-fix {width: 90%;left: 5%;top: 5%;} .hero-slider-container {margin: 15px auto;} .hero-left{top: 5%; left: 1%; width: 60%;} .hero-center{top: 5%; left: 5%; width: 90%;} .hero-right{top: 14%; right: 5%; width: 60%;} .hero-slider-fine-print {font-size: 10px;} .hero-slider-eye-brow {font-size:10px;} .hero-slider-eye-brow-fix {font-size: 12px; letter-spacing: 0px; font-weight: bold; line-height: 26px;} img.bom-hero-lettering-fix {margin: 0 auto; width: 65%;} .hero-slider-headline {font-size: 40px; margin-top: 5px;} .hero-slider-text-left {top: 30%; left:8%; width: 50%;} .hero-slider-btn { margin-top: 10px; font-size: 9px; padding: 10px 19px; } .btn-hp-app { margin: 10px auto 0; font-size: 9px; line-height: 9px; } .btn-hp-app-fix {padding: 7px 9px; margin: -10px auto 0; font-size: 9px; line-height: 9px;} .btn-red-sea { display: inline-block; border: 0; border-radius: 5px; background-color: #FFAD24; color: #3A2C22; padding: 10px; vertical-align: middle; margin: 5px auto 0; position: relative; text-transform: uppercase; font-family: 'ProximaNovaReg', sans-serif; font-size: 9px; font-weight: bold; letter-spacing:1px; line-height: 9px; } div.ourstores-hero-text-mobile {position: absolute !important;width: 93%;text-align: center;top: 17%;} h1.ourstores-hero-text {color: #735744;font-family: 'CorporativeSoftThin';font-size: 1.7em;line-height: 0px;letter-spacing: 1px;text-transform: uppercase;} h1.hp-special-copy {color:#efece4; font-family: 'Tesora', sans-serif; font-size:36px;} .btn-hp-special {letter-spacing: 1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 6px 8px 5px !important;font-size: 9px;height: 20px !important;vertical-align: middle;margin: 8px 20px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 110px;} div.locations-hero {position:absolute !important;width: 100% !important;text-align: center;top:15%;margin-left:-10px;} h1.locations-hero {color:#fff;font-family: 'CorporativeSoftReg';font-size: 9em;text-transform: uppercase;} h2.locations-hero {color: #fff;font-family: 'CorporativeSoftReg';font-size: 25px;text-transform: uppercase;} .new-menu-mobile-pad {padding-left:20px;} .menu-background { background: url(https://www.philzcoffee.com/images/sca/chalkboard.jpg)no-repeat center center #555555; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 100px; margin-bottom: -35px !important; } h1.hp-app-copy-2 {color:#f0eada;font-size:7.5px;letter-spacing:1px;text-transform: uppercase;font-family: 'CorporativeSoftBold', sans-serif;} .hp-app-lines-2 {display: table;white-space: nowrap;width: 100%;margin-left: 0px;} .hp-app-lines-2:before {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.3em;width: 15%;right: -10%;} .hp-app-lines-2:after {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.3em;width: 15%;left: -10%;} div.bom-hero2-copy {position: absolute;top: 6%;width: 53%;text-align: center;} h1.bom-hero2-copy {color:#fff;font-size:12px;letter-spacing:1px;text-transform: uppercase;font-family: 'CorporativeSoftBold', sans-serif;} h1.bom-hero2-copy-brown {color:#3D2016;font-size:12px;letter-spacing:1px;text-transform: uppercase;font-family: 'CorporativeSoftBold', sans-serif;} h2.bom-hero2-copy {color: #fff;font-family: 'Tesora', sans-serif;font-size: 43px;margin-top: 13px;} p.bom-hero2-copy {font-family: 'CorporativeSoftReg', sans-serif;color: #fff;margin-top: 65px;font-size: 23px;display:none;} p.bom-hero2-copy-brown {font-family: 'CorporativeSoftReg', sans-serif;color: #3D2016;margin-top: 65px;font-size: 23px;display:none;} p.bom-hero2-quote {font-family: 'CorporativeSoftReg', sans-serif;color: #fff;margin-top: 65px;font-size: 20px;display:block;} p.bom-hero2-quote-brown {font-family: 'CorporativeSoftReg', sans-serif;color: #735744;margin-top: 65px;font-size: 20px;display:block;} .btn-bom-2 {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 6px 8px 5px !important;font-size: 9px;height: 20px !important;vertical-align: middle;margin: 5px 20px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 105px;} div.hp-loc-fivethumbails {width:100%;} div.insiders-hero-copy {position:absolute;top:0%;width:90%;margin:0 auto; text-align:center;} h1.insiders-hero-copy {font-family:'CorporativeSoftThin', sans-serif;font-size:28px;color:#311e10;} p.insiders-hero-copy {font-family:'CorporativeSoftReg', sans-serif;font-size:10px;color:#311e10;line-height:12px;margin-top:-20px;padding-left:2%;padding-right:2%;} div.new-bom-hero-copy {position: absolute;top: 6%;width: 100%;text-align: center;} h2.new-bom-hero-copy {color: #ffffff;font-family: 'BOTM', sans-serif;font-size: 38px;margin-top: 13px;letter-spacing: 2px;} h2.new-bom-hero-copy-brown {color: #735744;font-family: 'BOTM', sans-serif;font-size: 38px;margin-top: 13px;letter-spacing: 2px;} h2.new-bom-hero-copy-2 {color: #ffffff;font-family: 'BOTM', sans-serif;font-size: 38px;margin-top: 13px;letter-spacing: 2px;line-height:38px;} h2.new-bom-hero-copy-2-brown {color: #735744;font-family: 'BOTM', sans-serif;font-size: 38px;margin-top: 13px;letter-spacing: 2px;line-height:38px;} div.bom-hero-copy-mobile-temp {position: absolute;top: 30%;left: 25%;width: 50%; text-align: center;} img.bom-hero-lettering-mobile {margin: 15px 0; width: 100%;} .food-menu-subhead {font-family: 'Tesora';text-transform: capitalize;color: rgba(255,255,255,0.9);font-size: 2.5em;} h1.food-menu-hero-text {color: #f2f0e9;font-family: 'Tesora';font-size: 3.8em;padding-right:20px;padding-left:0px;} div.food-menu-dropdown {text-align:center;margin-top: 0px;} p.choose-region {color:#fff;text-transform: uppercase;display:block;font-family: 'ProximaNovaReg', sans-serif;font-size:14px;margin-right:0px;margin-bottom:5px;margin-top: -10px;} p.choose-food-cat {color:#fff;text-transform: uppercase;display:inline-block;font-family: 'ProximaNovaReg', sans-serif;font-size:14px;margin-right:5px;margin-bottom:0px;margin-top:10px;} .food-dropdown {background-color:transparent !important;border:1px solid #fff !important;color:#fff !important;background-image: url(https://system.na3.netsuite.com/c.1145465/images/sca/food/arrow-line-2.png) !important; background-size: 36px !important;background-position: 92% 53% !important;text-transform: uppercase;font-size:14px !important;height:36px !important;width:160px !important;display: inline-block;} .food-cat-dropdown {background-color:transparent !important;border:1px solid #fff !important;color:#fff !important;background-image: url(https://system.na3.netsuite.com/c.1145465/images/sca/food/arrow-line-2.png) !important; background-size: 36px !important;background-position: 94% 53% !important;text-transform: uppercase;font-size:14px !important;height:36px !important;width:240px !important;display: inline-block;margin-bottom: 50px !important;} .baked-goods-cat-title {font-size: 18px;margin: 0 0 15px;} div.food-menu-row-spacing {margin-bottom:0px;} p.food-single-line {margin-top:0px;} div.food-menu-mobile-spacing {padding-top:10px !important;} img.gf-icon-key{margin-left: 0px;width: 20px;} div.food-menu-background-homemade {background: url(https://system.na3.netsuite.com/c.1145465/images/sca/food/chalkboard-min.jpg)no-repeat center center #555555; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 320px; margin-bottom: -35px;} div.food-menu-background {background: url(https://system.na3.netsuite.com/c.1145465/images/sca/food/chalkboard-min.jpg)no-repeat center center #555555; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 230px; margin-bottom: -35px;} div.food-menu-row {margin:0 auto;margin-left:0%;} div.food-menu-hero-text {position: absolute !important;width: 100% !important;text-align: center;top: 31%;margin-left: 0px;} div.food-menu-hero-text-dc {position: absolute !important;width: 100% !important;text-align: center;top: 38%;margin-left: 0px;} div.carolyn-quote-img {padding-left:5%;} img.carolyn {padding:20px;width:70%;} div.carolyn-quote-text {padding-left: 5%;padding-right: 5%;margin-top:2%;} p.carolyn-quote {font-size: 14px;} p.carolyn-quote-name {font-size: 14px;font-weight:bold;font-style:italic;margin-top:10px;padding-bottom:20px;} img.careers-quote {max-width:250px;} div.careers-quote-copy {text-align: center;margin-top: 5%;margin-bottom:3%;} p.careers-quote-copy {padding-left: 15%;padding-right: 15%;font-size: 13px;} p.careers-quote-name {font-weight: bold;font-size: 13px;font-style: italic;margin-top: 15px;} div.careers-welcome-hero-text {position: absolute !important;width: 100% !important;text-align: center;top: 57%;margin-left:0px;} h1.careers-welcome-hero-text {color: #f2f0e9;font-family: 'Tesora';font-size: 3em;} div.careers-welcome-hero2-text {position: absolute !important;width: 100% !important;text-align: center;top: 7%;right:0%;margin-left:0px;} h1.careers-welcome-hero2-text {color: #f2f0e9;font-family: 'Tesora';font-size: 3em;margin-bottom:7px;} div.careers-welcome-hero3-text {position: absolute !important;width: 75% !important;text-align: center;top: 7%;left:0%;margin-left:0px;} h1.careers-welcome-hero3-text {color: #f2f0e9;font-family: 'Tesora';font-size: 3em;margin-bottom:5px;} img.get-to-know {margin-top: 0px;width: 135px;} img.philz-in-action {margin-top: 0px;width: 136px;} img.store-opening {margin-top: 0px;width: 180px;} ul.careers-nav {margin: 0;display: inline-table;font-family: 'CorporativeSoftReg';width: 100%;padding-bottom: 10px;} h1.careers-connected {font-family:'Tesora';font-size:2.5em;} p.careers-connected {font-weight: bold;font-family: 'CorporativeSoftBold';font-size: 16px;} h1.careers-values {font-family:'Tesora';font-size:2.5em;margin-bottom:-10px;} p.careers-values {font-family: 'CorporativeSoftReg';font-size: 14px;} /*div.careers-value-two:after {display:none;}*/ div.careers-value-three:before {display:none;} /*div.careers-value-four:after {display:none;}*/ div.careers-value-five:after {display:none;} div.careers-value-one:after {content: "";display: block;margin: 0 auto;width: 90%;border-bottom: 1px solid rgba(115, 87, 68, 0.3);} div.careers-value-two:after {content: "";display: block;margin: 0 auto;width: 90%;border-bottom: 1px solid rgba(115, 87, 68, 0.3);} /*div.careers-value-three:after {content: "";display: block;margin: 0 auto;width: 90%;border-bottom: 1px solid rgba(115, 87, 68, 0.3);}*/ div.careers-value-four:after {content: "";display: block;margin: 0 auto;width: 90%;border-bottom: 1px solid rgba(115, 87, 68, 0.3);} div.careers-value-five:after {content: "";display: block;margin: 0 auto;width: 90%;border-bottom: 1px solid rgba(115, 87, 68, 0.3);} div.careers-value-one {padding-top: 15px;text-align: center;} img.careers-value-one {max-width:325px;padding:30px;float:none;} .careers-value-one-head {font-family: 'Tesora';font-size: 2.3em;line-height: 38px;margin-bottom: 10px;} div.careers-value-two {padding-top: 0px;margin-bottom: 10px;text-align: center;margin-top:50px;} img.careers-value-two {max-width:325px;padding:30px;float:none;} div.careers-value-three {padding-top: 0px;margin-bottom: 10px;text-align: center;} img.careers-value-three {padding:30px 10px 30px 10px;max-width:325px;} p.careers-value-three-head {font-family: 'Tesora';font-size: 2.3em;margin-top: 35px;line-height: 38px;margin-bottom: 10px;} div.careers-value-four {padding-top: 0px;margin-bottom: 10px;text-align: center;margin-top:35px;} img.careers-value-four {max-width:325px;padding:30px;margin:0 auto;float:none;} div.careers-value-five {padding-top: 0px;margin-bottom: 25px;text-align: center;margin-top:40px;} .careers-value-subhead {font-family: 'CorporativeSoftReg', sans-serif;font-size: 12px;line-height: 18px;padding-left:20px;padding-right:20px;} div.careers-perks-padding {padding-left: 5px !important;padding-right: 5px !important;margin-left: 0px !important;margin-bottom: 25px !important;} h1.careers-perks {font-family: 'CorporativeSoftReg';font-size: 24px;margin-bottom:35px;text-transform: none;padding-left:25px;padding-right:25px;} h3.careers-perks {font-family: 'ProximaNovaReg';font-size: 18px;font-weight: bold;text-transform: uppercase;line-height: 1.5;margin-bottom:10px;} .module-chicago-insiders { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/chicago-insiders-module-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left; outline: 1px solid #5c4537; outline-offset: -30px;} div.chicago-insiders-copy {top:45% !important;} p.chicago-insiders-module {font-family: 'CorporativeSoftReg', sans-serif;color: #5c4537 !important;text-align: center !important;font-size: 15px !important;line-height: 20px !important;margin-top: 5px !important;margin-bottom:5px;} a.chicago-insiders-link {font-family: 'CorporativeSoftReg', sans-serif;color: #5c4537 !important;text-transform: uppercase !important;text-align: center !important;font-size: 14px !important;line-height: 20px !important;font-weight: bold !important;text-decoration: underline !important;position: relative !important;} /* New Store Menu Styles - April 2020 \*--------------------------------------------------------------*/ .menu-section{ width: 95%; background-color: #F2EEE2; padding: 5px 0px; margin: 0 auto 25px; } .menu-header-info { margin: 20px auto 20px; } .menu-item { padding: 0 0 30px; margin: 0 auto; width: 100%; } .menu-item-content { text-align: center; } .menu-cals { font-size: 15px; } .original-blends {width: 265px; margin-top: 15px; margin-bottom: 15px;} .medium-balanced {margin-top: 0px;} .featured-title {width: 211px; margin-bottom: 15px;} .more-title {width: 108px; margin-bottom: 15px;} .menu-item-name{ font-size: 18px; line-height: 22px; } .menu-item-name .cap { font-size: 22px; } .fineprint { width: 90%; } .icon-legend { width: 90%; } .icon-legend-title { font-size: 15px; } /* FAQ PAGE STYLES \*--------------------------------------------------------------*/ .grind-styles {width: 95%;} .grind-styles-left {width: 70%;} .grind-styles-right { width: 30%; padding: 10px; } /* Move logo and shopping cart down below SMB banner for phones */ .header-logo-wrapper { margin-top: 10px;} .header-right-menu { top: 55px;} /* Community updates */ .updates-post-list li { font-size: 1.1em; line-height: 1.4em; } .customer-service-container { width: 95%; margin: 15px auto 35px; } .customer-service-list li p { font-size: 1.1em; line-height: 1.4em; } .primary-smb-text {font-size: 9px;} /* OUR COFFEE STYLES 11/2020 */ .our-coffee {top: 2%;} .our-coffee-header { font-size: 2.5rem; line-height: 2.6rem; } .content-container { width: 95%; } .content-container p { font-size: .9rem; } .title { font-size: 1.8rem; margin: 0 auto; } .sustainability { padding: 10px 0px 40px; } .sustainability-main { padding-top: 5px; } .sustainability-detail { width: 85%; margin: 10px auto 0;; text-align: center; } .we-do { margin: 15px auto 0; } .we-do-item { margin: 0 auto; width: 95%; padding: .75rem 0.5rem; } .icon-bean { margin-right: 1rem; width: 15px; height: 25px; } .responsible { padding-top: 30px; } .steps-taken { margin: 30px auto 20px; } .flex-third { width: 100%; padding: 1.5rem 0; } .f4f-logo { width: 90%; margin: 30px auto 20px; } .f4f-content-container { width: 95%; padding-bottom: 40px; } .f4f-video { width: 111%; height: auto; margin: 20px 0 10px -16px; } .enjoy-container { padding-top: 30px; padding-bottom: 30px; width: 80%; } .gratitude-icon { width: 115px; height: 119px; } .chemex-icon { width: 90px; height: 119px; } .philz-cup-icon { width: 68px; height: 119px; } .flex-third-container { padding-bottom: 5px; } .flex-third h4 { font-size: 1.2rem; margin: 10px auto 5px; } .flex-third a { font-size: .9rem; } .survey-hero-container { width: 90%; left: 5%; top: 5%; } .survey-hero-headline { font-size: 40px; margin-top: 5px; } .survey-hero-copy { margin: 10px auto; font-size: 12px; } .mailchimp-survey { width: 300px; } .survey-field-group { margin-bottom: 30px; } #mc_embed_signup .button { margin: 0 auto; } #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error { left: 46%; top: 67px; } } /* END MOBILE - SMALL */ /* IPHONE XS \*------------------------------------------------------------------------*/ /* 2436x1125px at 458ppi */ @media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) { .hero-slider-btn{ max-width: 90%; white-space: nowrap; } } /* END IPHONE XS */ /* MOBILE - MEDIUM/LARGE \*--------------------------------------------------------------*/ @media only screen /*and (min-device-width: 321px) and (max-device-width: 480px)*/ and (min-width: 321px) and (max-width: 480px) { div.template-mobile{position: absolute;top: 7% !important;left: 0% !important;width: 100% !important;text-align: center;} div.template-2-mobile{position: absolute;top: 38% !important;left: 0% !important;width: 100% !important;text-align: center;} h1.template-header {color: #ffffff;font-family: 'Tesora', sans-serif;font-size: 55px;letter-spacing: 0px;text-transform: none;line-height:50px;margin-bottom:5px;} .template-btn {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 6px 8px 5px !important;font-size: 9px;height: 20px !important;vertical-align: middle;margin: 10px 20px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 105px;} div.holiday2019-mobile{position: absolute;top: 7% !important;left: 0% !important;width: 100% !important;text-align: center;} h1.holiday2019 {color: #ffffff;font-family: 'Tesora', sans-serif;font-size: 55px;letter-spacing: 0px;text-transform: none;line-height:50px;margin-bottom:5px;} div.hp-loc-thumbnail-text {position: absolute;top: 78%;width: 91%;} p.hp-loc-thumbnail-text {color: #fff;font-size: 12px;text-transform: uppercase;font-weight: bold;} p.hp-loc-tn-text {color: #735744;font-size: 15px;text-transform: uppercase;margin-top:0px;margin-bottom:10px;font-weight: normal;} h1.recruiting-hero-copy {color: #735744;font-size: 30px;text-transform: uppercase;} p.recruiting-hero-copy {font-family: 'CorporativeSoftReg', sans-serif;color:#735744;font-size:12px;} .btn-recruiting-hero {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 11px 5px 5px !important;font-size: 10px;height: 30px !important;vertical-align: middle;margin: 10px 20px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight:bold;width:98px;} .carousel-pause-button {position: absolute;top: 91%;left: 39%;display: block;z-index: 3;background-color: transparent;width:13px;} .carousel-indicators {position: absolute;top: 91.6% !important;left: 52% !important;z-index: 2 !important;margin: 0 auto !important;list-style: none;text-align: center !important;width: 60% !important;margin-left: -30px !important;padding-left: 0px !important;} .carousel-controls-bg {background-color: rgba(115, 87, 68, .65);width: 110px;height: 30px;z-index: 2;position: absolute;top: 88.5%;left: 35.5%;border-radius:4px;} div.bom-hero-copy-mobile {position: absolute;top: 26% !important;left: 0% !important;width: 100% !important;text-align: center;} div.bom-hero-copy-mobile-2 {position: absolute;top: 35% !important;left: 0% !important;width: 100% !important;text-align: center;} h1.bom-hero-copy {font-weight: bolder;color: #382517;font-size:27px !important;text-transform: uppercase;letter-spacing: 3px;} p.bom-hero-copy-1 {font-family: 'ProximaNovaReg', sans-serif;text-transform: uppercase;font-weight: 500;letter-spacing: 1px !important;color: #382517;font-size: 10px !important;margin-left: 0px !important;margin-top: 5px !important;} p.bom-hero-copy-2 {border-top: 1px solid #382517;color: #382517;font-size: 8px !important;font-family: 'ProximaNovaReg', sans-serif;margin-top: 3px !important;padding-top: 5px !important;width:88%;} p.bom-hero-copy-3 {font-family: 'ProximaNovaReg', sans-serif;text-transform: uppercase;font-weight: 500;letter-spacing: 1px !important;color: #382517;font-size: 8px !important;margin-bottom:-3px;} .btn-bom-hero {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 6px 10px 5px !important;font-size: 9px !important;height: 20px !important;vertical-align: middle;margin: 5px 13px 0 !important;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 105px !important;} div.hp-app-copy {position: absolute;top: 6%;width: 53%;text-align: center;} h1.hp-app-copy {color:#f0eada;font-size:10px;letter-spacing:1px;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;} .hp-app-lines {display: table;white-space: nowrap;width: 100%;margin-left: 0px;} .hp-app-lines:before {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.3em;width: 16%;right: -10%;} .hp-app-lines:after {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.3em;width: 16%;left: -10%;} h2.hp-app-copy {color: #f0eada;font-family: 'Tesora', sans-serif;font-size: 40px;margin-top: 20px;} h2.hp-app-copy-2 {color: #f0eada;font-family: 'Tesora', sans-serif;font-size: 40px;margin-top: 8px;} p.hp-app-copy {font-family: 'CorporativeSoftReg', sans-serif;color: #f0eada;margin-top: 15px;font-size: 18px;} .philzplease {top: 30%;width: 55%;left: 15%;} .philzplease-header {font-size: 40px;line-height: 40px;} .philzplease-code {margin-top: 10px;font-size: 10px;} .red-sea-container {position: absolute;top: 5%;left:8%;width: 90%;text-align: center;} .red-sea-eye-brow {font-size:14px;letter-spacing:2px;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;} .red-sea-headline {font-family: 'Tesora', sans-serif;font-size: 50px;line-height:1em;margin-top: 5px;} .tesora-ground-container {width: 90%; top: 5%; left: 5%;} .tesora-ground-eyebrow {font-size:14px;} .tesora-ground-headline {font-size: 40px; margin-top: 5px;} /* HERO SLIDER STYLES \*----------------------------------------------------------*/ .hero-slider-container {margin: 15px auto;} .hero-left{top: 10%; left: 1%; width: 60%;} .hero-center{top: 4%; left: 5%; width: 90%;} .hero-right{top: 14%; right: 5%; width: 60%;} .hero-slider-eye-brow {font-size:12px;} .hero-slider-headline {font-size: 40px; margin-top: 5px;} .hero-slider-copy {font-size: 14px;} .hero-slider-text-left {top: 30%; left:8%; width: 50%;} .hero-slider-fine-print {font-size: 12px; margin-top: 5px;} img.bom-hero-lettering-fix {margin: 0 auto;width: 70%;} .hero-slider-eye-brow-fix {font-size: 12px; letter-spacing: 0px; font-weight: bold; line-height: 26px;} .hero-slider-container-fix {width: 70%;left: 15%;top: 15%;} .btn-hp-app-fix {padding: 7px 9px; margin: -10px auto 0; font-size: 9px; line-height: 9px;} .hero-slider-btn {margin: 10px auto;font-size: 10px; padding: 10px 25px;} .btn-hp-app { display: inline-block; border: 0; border-radius: 5px; background-color: #FFAD24; color: #3A2C22; padding: 10px; vertical-align: middle; margin: 20px auto 0; position: relative; text-transform: uppercase; font-family: 'ProximaNovaReg', sans-serif; font-size: 9px; font-weight: bold; letter-spacing:1px; line-height: 9px; } .btn-red-sea { display: inline-block; border: 0; border-radius: 5px; background-color: #FFAD24; color: #3A2C22; padding: 10px; vertical-align: middle; margin: 5px auto 0; position: relative; text-transform: uppercase; font-family: 'ProximaNovaReg', sans-serif; font-size: 9px; font-weight: bold; letter-spacing:1px; line-height: 9px; } div.ourstores-hero-text-mobile {position: absolute !important;width: 94%;text-align: center;top: 17%;} h1.ourstores-hero-text {color: #735744;font-family: 'CorporativeSoftThin';font-size: 2em;line-height: 0px;letter-spacing: 1px;text-transform: uppercase;} h1.hp-special-copy {color:#efece4; font-family: 'Tesora', sans-serif; font-size:40px;} .btn-hp-special {letter-spacing: 1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 6px 8px 5px !important;font-size: 9px;height: 20px !important;vertical-align: middle;margin: 8px 20px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 110px;} div.locations-hero {position:absolute !important;width: 100% !important;text-align: center;top:18%;margin-left:-10px;} h1.locations-hero {color:#fff;font-family: 'CorporativeSoftReg';font-size: 9em;text-transform: uppercase;} h2.locations-hero {color: #fff;font-family: 'CorporativeSoftReg';font-size: 25px;text-transform: uppercase;} .new-menu-mobile-pad {padding-left:20px;} .menu-background { background: url(https://www.philzcoffee.com/images/sca/chalkboard.jpg)no-repeat center center #555555; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 100px; margin-bottom: -35px !important;} h1.hp-app-copy-2 {color:#f0eada;font-size:9px;letter-spacing:1px;text-transform: uppercase;font-family: 'CorporativeSoftBold', sans-serif;} .hp-app-lines-2 {display: table;white-space: nowrap;width: 100%;margin-left: 0px;} .hp-app-lines-2:before {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.3em;width: 16%;right: -10%;} .hp-app-lines-2:after {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.3em;width: 16%;left: -10%;} div.bom-hero2-copy {position: absolute;top: 6%;width: 53%;text-align: center;} h1.bom-hero2-copy {color:#fff;font-size:14px;letter-spacing:1px;text-transform: uppercase;font-family: 'CorporativeSoftBold', sans-serif;} h1.bom-hero2-copy-brown {color:#3D2016;font-size:14px;letter-spacing:1px;text-transform: uppercase;font-family: 'CorporativeSoftBold', sans-serif;} h2.bom-hero2-copy {color: #fff;font-family: 'Tesora', sans-serif;font-size: 50px;margin-top: 20px;} p.bom-hero2-copy {font-family: 'CorporativeSoftReg', sans-serif;color: #fff;margin-top: 65px;font-size: 23px;display:none;} p.bom-hero2-copy-brown {font-family: 'CorporativeSoftReg', sans-serif;color: #3D2016;margin-top: 65px;font-size: 23px;display:none;} p.bom-hero2-quote {font-family: 'CorporativeSoftReg', sans-serif;color: #fff;margin-top: 65px;font-size: 20px;display:block;} p.bom-hero2-quote-brown {font-family: 'CorporativeSoftReg', sans-serif;color: #735744;margin-top: 65px;font-size: 20px;display:block;} .btn-bom-2 {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 6px 8px 5px !important;font-size: 9px;height: 20px !important;vertical-align: middle;margin: 0px 20px;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 105px;} div.hp-loc-fivethumbails {width:100%;} div.insiders-hero-copy {position:absolute;top:1%;width:93%;margin:0 auto; text-align:center;} h1.insiders-hero-copy {font-family:'CorporativeSoftThin', sans-serif;font-size:28px;color:#311e10;} p.insiders-hero-copy {font-family:'CorporativeSoftReg', sans-serif;font-size:10px;color:#311e10;line-height:12px;margin-top:-20px;padding-left:2%;padding-right:2%;} div.new-bom-hero-copy {position: absolute;top: 6%;width: 100%;text-align: center;} h2.new-bom-hero-copy {color: #ffffff;font-family: 'BOTM', sans-serif;font-size: 46px;margin-top: 20px;letter-spacing: 2px;} h2.new-bom-hero-copy-brown {color: #735744;font-family: 'BOTM', sans-serif;font-size: 46px;margin-top: 20px;letter-spacing: 2px;} h2.new-bom-hero-copy-2 {color: #ffffff;font-family: 'BOTM', sans-serif;font-size: 46px;margin-top: 20px;letter-spacing: 2px;line-height: 46px;} h2.new-bom-hero-copy-2-brown {color: #735744;font-family: 'BOTM', sans-serif;font-size: 46px;margin-top: 20px;letter-spacing: 2px;line-height: 46px;} div.bom-hero-copy-mobile-temp { position: absolute; top: 30%; left: 25%; width: 50%; text-align: center; } img.bom-hero-lettering-mobile {margin: 10px 0;} .food-menu-subhead {font-family: 'Tesora';text-transform: capitalize;color: rgba(255,255,255,0.9);font-size: 2.5em;} h1.food-menu-hero-text {color: #f2f0e9;font-family: 'Tesora';font-size: 3.8em;padding-right:20px;padding-left:0px;} div.food-menu-dropdown {text-align:center;margin-top: 0px;} p.choose-region {color:#fff;text-transform: uppercase;display:block;font-family: 'ProximaNovaReg', sans-serif;font-size:14px;margin-right:0px;margin-bottom:5px;margin-top: -10px;} p.choose-food-cat {color:#fff;text-transform: uppercase;display:inline-block;font-family: 'ProximaNovaReg', sans-serif;font-size:14px;margin-right:5px;margin-bottom:0px;margin-top:10px;} .food-dropdown {background-color:transparent !important;border:1px solid #fff !important;color:#fff !important;background-image: url(https://system.na3.netsuite.com/c.1145465/images/sca/food/arrow-line-2.png) !important; background-size: 36px !important;background-position: 92% 53% !important;text-transform: uppercase;font-size:14px !important;height:36px !important;width:160px !important;display: inline-block;} .food-cat-dropdown {background-color:transparent !important;border:1px solid #fff !important;color:#fff !important;background-image: url(https://system.na3.netsuite.com/c.1145465/images/sca/food/arrow-line-2.png) !important; background-size: 36px !important;background-position: 94% 53% !important;text-transform: uppercase;font-size:14px !important;height:36px !important;width:240px !important;display: inline-block;margin-bottom: 50px !important;} .baked-goods-cat-title {font-size: 18px;margin: 0 0 15px;} div.food-menu-row-spacing {margin-bottom:0px;} p.food-single-line {margin-top:0px;} div.food-menu-mobile-spacing {padding-top:10px !important;} img.gf-icon-key{margin-left: 0px;width: 20px;} div.food-menu-background-homemade {background: url(https://system.na3.netsuite.com/c.1145465/images/sca/food/chalkboard-min.jpg)no-repeat center center #555555; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 280px; margin-bottom: -35px;} div.food-menu-background {background: url(https://system.na3.netsuite.com/c.1145465/images/sca/food/chalkboard-min.jpg)no-repeat center center #555555; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 200px; margin-bottom: -35px;} div.food-menu-row {margin:0 auto;margin-left:0%;} div.food-menu-hero-text {position: absolute !important;width: 100% !important;text-align: center;top: 31%;margin-left: 0px;} div.food-menu-hero-text-dc {position: absolute !important;width: 100% !important;text-align: center;top: 38%;margin-left: 0px;} div.carolyn-quote-img {padding-left:5%;} img.carolyn {padding:20px;width:70%;} div.carolyn-quote-text {padding-left: 5%;padding-right: 5%;margin-top:2%;} p.carolyn-quote {font-size: 14px;} p.carolyn-quote-name {font-size: 14px;font-weight:bold;font-style:italic;margin-top:10px;padding-bottom:20px;} img.careers-quote {max-width:250px;} div.careers-quote-copy {text-align: center;margin-top: 5%;margin-bottom:3%;} p.careers-quote-copy {padding-left: 15%;padding-right: 15%;font-size: 13px;} p.careers-quote-name {font-weight: bold;font-size: 13px;font-style: italic;margin-top: 15px;} div.careers-welcome-hero-text {position: absolute !important;width: 100% !important;text-align: center;top: 57%;margin-left:0px;} h1.careers-welcome-hero-text {color: #f2f0e9;font-family: 'Tesora';font-size: 3em;} div.careers-welcome-hero2-text {position: absolute !important;width: 100% !important;text-align: center;top: 7%;right:0%;margin-left:0px;} h1.careers-welcome-hero2-text {color: #f2f0e9;font-family: 'Tesora';font-size: 3em;margin-bottom:7px;} div.careers-welcome-hero3-text {position: absolute !important;width: 75% !important;text-align: center;top: 7%;left:0%;margin-left:0px;} h1.careers-welcome-hero3-text {color: #f2f0e9;font-family: 'Tesora';font-size: 3em;margin-bottom:7px;} img.get-to-know {margin-top: 0px;width: 135px;} img.philz-in-action {margin-top: 0px;width: 136px;} img.store-opening {margin-top: 0px;width: 180px;} ul.careers-nav {margin: 0;display: inline-table;font-family: 'CorporativeSoftReg';width: 100%;padding-bottom: 10px;} h1.careers-connected {font-family:'Tesora';font-size:2.5em;} p.careers-connected {font-weight: bold;font-family: 'CorporativeSoftBold';font-size: 16px;} h1.careers-values {font-family:'Tesora';font-size:2.5em;margin-bottom:-10px;} p.careers-values {font-family: 'CorporativeSoftReg';font-size: 14px;} /*div.careers-value-two:after {display:none;}*/ div.careers-value-three:before {display:none;} /*div.careers-value-four:after {display:none;}*/ div.careers-value-five:after {display:none;} div.careers-value-one:after {content: "";display: block;margin: 0 auto;width: 90%;border-bottom: 1px solid rgba(115, 87, 68, 0.3);} div.careers-value-two:after {content: "";display: block;margin: 0 auto;width: 90%;border-bottom: 1px solid rgba(115, 87, 68, 0.3);} /*div.careers-value-three:after {content: "";display: block;margin: 0 auto;width: 90%;border-bottom: 1px solid rgba(115, 87, 68, 0.3);}*/ div.careers-value-four:after {content: "";display: block;margin: 0 auto;width: 90%;border-bottom: 1px solid rgba(115, 87, 68, 0.3);} div.careers-value-five:after {content: "";display: block;margin: 0 auto;width: 90%;border-bottom: 1px solid rgba(115, 87, 68, 0.3);} div.careers-value-one {padding-top: 15px;text-align: center;} img.careers-value-one {max-width:325px;padding:30px;float:none;} .careers-value-one-head {font-family: 'Tesora';font-size: 2.3em;line-height: 38px;margin-bottom: 10px;} div.careers-value-two {padding-top: 0px;margin-bottom: 10px;text-align: center;margin-top:50px;} img.careers-value-two {max-width:325px;padding:30px;float:none;} div.careers-value-three {padding-top: 0px;margin-bottom: 10px;text-align: center;} img.careers-value-three {padding:30px 20px 30px 20px;max-width:375px;} p.careers-value-three-head {font-family: 'Tesora';font-size: 2.3em;margin-top: 35px;line-height: 38px;margin-bottom: 10px;} div.careers-value-four {padding-top: 0px;margin-bottom: 10px;text-align: center;margin-top:35px;} img.careers-value-four {max-width:325px;padding:30px;margin:0 auto;float:none;} div.careers-value-five {padding-top: 0px;margin-bottom: 25px;text-align: center;margin-top:40px;} .careers-value-subhead {font-family: 'CorporativeSoftReg', sans-serif;font-size: 12px;line-height: 18px;padding-left:20px;padding-right:20px;} div.careers-perks-padding {padding-left: 5px !important;padding-right: 5px !important;margin-left: 0px !important;margin-bottom: 25px !important;} h1.careers-perks {font-family: 'CorporativeSoftReg';font-size: 24px;margin-bottom:35px;text-transform: none;padding-left:25px;padding-right:25px;} h3.careers-perks {font-family: 'ProximaNovaReg';font-size: 18px;font-weight: bold;text-transform: uppercase;line-height: 1.5;margin-bottom:10px;} .module-chicago-insiders { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/chicago-insiders-module-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left; outline: 1px solid #5c4537; outline-offset: -30px;} div.chicago-insiders-copy {top:45% !important;} p.chicago-insiders-module {font-family: 'CorporativeSoftReg', sans-serif;color: #5c4537 !important;text-align: center !important;font-size: 15px !important;line-height: 20px !important;margin-top: 5px !important;margin-bottom:5px;} a.chicago-insiders-link {font-family: 'CorporativeSoftReg', sans-serif;color: #5c4537 !important;text-transform: uppercase !important;text-align: center !important;font-size: 14px !important;line-height: 20px !important;font-weight: bold !important;text-decoration: underline !important;position: relative !important;} /* New Store Menu Styles - April 2020 \*----------------------------------------------------------*/ .menu-section{ width: 95%; background-color: #F2EEE2; padding: 5px 0px; margin: 0 auto 25px; } .menu-header-info { margin: 20px auto 20px; } .menu-item { padding: 0 0 30px; margin: 0 auto; width: 100%; } .menu-item-content { text-align: center; } .menu-cals { font-size: 15px; } .original-blends {width: 265px; margin-top: 15px; margin-bottom: 15px;} .medium-balanced {margin-top: 0px;} .featured-title {width: 211px; margin-bottom: 15px;} .more-title {width: 108px; margin-bottom: 15px;} .menu-item-name{ font-size: 18px; line-height: 22px; } .menu-item-name .cap { font-size: 22px; } .fineprint { width: 90%; } .icon-legend { width: 70%; } .icon-legend-title { font-size: 15px; } /* FAQ PAGE STYLES \*------------------------------------------------------------------------*/ .grind-styles {width: 95%;} .grind-styles-left {width: 80%;} .grind-styles-right { width: 20%; padding: 10px 5px; } /* Move logo and shopping cart down below SMB banner for phones */ .header-logo-wrapper { margin-top: 10px;} .header-right-menu { top: 55px;} /* Community updates */ .updates-post-list li { font-size: 1.1em; line-height: 1.4em; } .customer-service-container { width: 95%; margin: 15px auto 35px; } .customer-service-list li p { font-size: 1.1em; line-height: 1.4em; } .primary-smb-text {font-size: 10px;} /* OUR COFFEE STYLES 11/2020 */ .our-coffee {top: 2%;} .our-coffee-header { font-size: 2.8rem; line-height: 3.2rem; } .content-container { width: 95%; } .content-container p { font-size: .9rem; } .title { font-size: 1.8rem; margin: 0 auto; } .sustainability { padding: 10px 0px 40px; } .sustainability-main { padding-top: 5px; } .sustainability-detail { width: 85%; margin: 10px auto 0;; text-align: center; } .we-do { margin: 15px auto 0; } .we-do-item { margin: 0 auto; width: 95%; padding: .75rem 0.5rem; } .icon-bean { margin-right: 1rem; width: 15px; height: 25px; } .responsible { padding-top: 30px; } .steps-taken { margin: 30px auto 20px; } .flex-third { width: 100%; padding: 1.5rem 0; } .f4f-logo { width: 90%; margin: 30px auto 20px; } .f4f-content-container { width: 95%; padding-bottom: 40px; } .f4f-video { width: 111%; height: auto; margin: 20px 0 10px -17px; } .enjoy-container { padding-top: 30px; padding-bottom: 30px; width: 90%; } .gratitude-icon { width: 115px; height: 119px; } .chemex-icon { width: 90px; height: 119px; } .philz-cup-icon { width: 68px; height: 119px; } .flex-third-container { padding-bottom: 5px; } .flex-third h4 { font-size: 1.2rem; margin: 10px auto 5px; } .flex-third p { width: 100%; } .flex-third a { font-size: .9rem; } .survey-hero-container { top: 5%; left: 5%; width: 90%; } .survey-hero-headline { font-size: 50px; margin-top: 5px; } .survey-hero-copy { margin: 10px auto; font-size: 12px; } .mailchimp-survey { width: 350px; } .survey-field-group { margin-bottom: 30px; } #mc_embed_signup .button { margin: 0 auto; } #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error { left: 54%; top: 67px; } } /* END MOBILE - MEDIUM/LARGE */ /* TABLET \*------------------------------------------------------------------------*/ @media only screen /*and (min-device-width: 480px) and (max-device-width: 768px) */ and (min-width: 480px) and (max-width: 768px) { div.template-mobile{position: absolute;top: 7% !important;left: 0% !important;width: 100% !important;text-align: center;} div.template-2-mobile{position: absolute;top: 38% !important;left: 0% !important;width: 100% !important;text-align: center;} h1.template-header {color: #ffffff;font-family: 'Tesora', sans-serif;font-size: 55px;letter-spacing: 0px;text-transform: none;line-height:50px;margin-bottom:5px;} .template-btn {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 6px 8px 5px !important;font-size: 9px;height: 20px !important;vertical-align: middle;margin: 10px 20px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 105px;} div.holiday2019-mobile{position: absolute;top: 7% !important;left: 0% !important;width: 100% !important;text-align: center;} h1.holiday2019 {color: #ffffff;font-family: 'Tesora', sans-serif;font-size: 55px;letter-spacing: 0px;text-transform: none;line-height:50px;margin-bottom:5px;} div.hp-loc-thumbnail-text {position: absolute;top: 78%;width: 92%;} p.hp-loc-thumbnail-text {color: #fff;font-size: 13px;text-transform: uppercase;font-weight: bold;} p.hp-loc-tn-text {color: #735744;font-size: 16px;text-transform: uppercase;margin-top:0px;margin-bottom:10px;font-weight: normal;} h1.recruiting-hero-copy {color: #735744;font-size: 30px;text-transform: uppercase;} p.recruiting-hero-copy {font-family: 'CorporativeSoftReg', sans-serif;color:#735744;font-size:12px;} .btn-recruiting-hero {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 11px 5px 5px !important;font-size: 10px;height: 30px !important;vertical-align: middle;margin: 10px 20px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight:bold;width:98px;} .carousel-pause-button {position: absolute;top: 90.8%;left: 40.5%;display: block;z-index: 3;background-color: transparent;width:13px;} .carousel-indicators {position: absolute;top: 91.2% !important;left: 47%;z-index: 2 !important;margin: 0 auto !important;list-style: none;text-align: center !important;width: 60% !important;margin-left: -30px !important;padding-left: 0px !important;} .carousel-controls-bg {background-color: rgba(115, 87, 68, .65);width: 110px;height: 30px;z-index: 2;position: absolute;top: 88.5%;left: 39%;border-radius:4px;} div.bom-hero-copy-mobile {position: absolute;top: 26% !important;left: 0% !important;width: 100% !important;text-align: center;} div.bom-hero-copy-mobile-2 {position: absolute;top: 35% !important;left: 0% !important;width: 100% !important;text-align: center;} h1.bom-hero-copy {font-weight: bolder;color: #382517;font-size:27px !important;text-transform: uppercase;letter-spacing: 3px;} p.bom-hero-copy-1 {font-family: 'ProximaNovaReg', sans-serif;text-transform: uppercase;font-weight: 500;letter-spacing: 1px !important;color: #382517;font-size: 10px !important;margin-left: 0px !important;margin-top: 5px !important;} p.bom-hero-copy-2 {border-top: 1px solid #382517;color: #382517;font-size: 8px !important;font-family: 'ProximaNovaReg', sans-serif;margin-top: 3px !important;padding-top: 5px !important;width:80%;} p.bom-hero-copy-3 {font-family: 'ProximaNovaReg', sans-serif;text-transform: uppercase;font-weight: 500;letter-spacing: 1px !important;color: #382517;font-size: 8px !important;margin-bottom:-3px;} .btn-bom-hero {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 6px 10px 5px !important;font-size: 9px !important;height: 20px !important;vertical-align: middle;margin: 5px 16px 0 !important;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 106px !important;} div.hp-app-copy {position: absolute;top: 6%;width: 53%;text-align: center;} h1.hp-app-copy {color:#f0eada;font-size:10px;letter-spacing:1px;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;} .hp-app-lines {display: table;white-space: nowrap;width: 100%;margin-left: 0px;} .hp-app-lines:before {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.3em;width: 16%;right: -10%;} .hp-app-lines:after {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.3em;width: 16%;left: -10%;} h2.hp-app-copy {color: #f0eada;font-family: 'Tesora', sans-serif;font-size: 50px;margin-top: 20px;} h2.hp-app-copy-2 {color: #f0eada;font-family: 'Tesora', sans-serif;font-size: 50px;margin-top: 8px;} p.hp-app-copy {font-family: 'CorporativeSoftReg', sans-serif;color: #f0eada;margin-top: 15px;font-size: 18px;} .philzplease {top: 30%;width: 55%;left: 15%;} .philzplease-header {font-size: 50px;line-height: 50px;} .philzplease-code {margin-top: 10px;font-size: 10px;} .red-sea-container {position: absolute;top: 5%;left:8%;width: 90%;text-align: center;} .red-sea-eye-brow {font-size:14px;letter-spacing:2px;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;} .red-sea-headline {font-family: 'Tesora', sans-serif;font-size: 50px;line-height:1em;margin-top: 5px;} .tesora-ground-container {width: 90%; top: 5%; left: 5%;} .tesora-ground-eyebrow {font-size:14px;} .tesora-ground-headline {font-size: 50px; margin-top: 5px;} /* HERO SLIDER STYLES \*----------------------------------------------------------*/ .hero-slider-container {margin: 15px auto;} .hero-left{top: 12%; left: 5%; width: 60%;} .hero-center{top: 5%; width: 70%;} .hero-right{top: 5%; right: 3%; width: 60%;} .hero-slider-eye-brow {font-size:12px;} .hero-slider-headline {font-size: 50px; margin-top: 5px;} .hero-slider-copy {font-size: 14px;} .hero-slider-text-left {top: 30%; left:8%; width: 50%;} .hero-slider-btn {font-size: 12px;} img.bom-hero-lettering-fix {margin: 0px; width: 40%;} .hero-slider-eye-brow-fix {font-size: 12px; letter-spacing: 0px; font-weight: bold; line-height: 26px;} .hero-slider-container-fix {width: 70%;left: 15%;top: 25%;} .btn-hp-app-fix {padding: 7px 9px; margin: -10px auto 0; font-size: 9px; line-height: 9px;} .btn-hp-app { display: inline-block; border: 0; border-radius: 5px; background-color: #FFAD24; color: #3A2C22; padding: 6px 8px; vertical-align: middle; margin: 20px auto 0; position: relative; text-transform: uppercase; font-family: 'ProximaNovaReg', sans-serif; font-size: 11px; font-weight: bold; letter-spacing:1px; } .btn-red-sea { display: inline-block; border: 0; border-radius: 5px; background-color: #FFAD24; color: #3A2C22; padding: 10px; vertical-align: middle; margin: 5px auto 0; position: relative; text-transform: uppercase; font-family: 'ProximaNovaReg', sans-serif; font-size: 9px; font-weight: bold; letter-spacing:1px; line-height: 9px; } div.ourstores-hero-text-mobile {position: absolute !important;width: 94%;text-align: center;top: 17%;} h1.ourstores-hero-text {color: #735744;font-family: 'CorporativeSoftThin';font-size: 2.2em;line-height: 0px;letter-spacing: 1px;text-transform: uppercase;} h1.hp-special-copy {color:#efece4; font-family: 'Tesora', sans-serif; font-size:40px;} .btn-hp-special {letter-spacing: 1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 6px 8px 5px !important;font-size: 9px;height: 20px !important;vertical-align: middle;margin: 8px 20px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 110px;} div.locations-hero {position:absolute !important;width: 100% !important;text-align: center;top:18%;margin-left:-10px;} h1.locations-hero {color:#fff;font-family: 'CorporativeSoftReg';font-size: 9em;text-transform: uppercase;} h2.locations-hero {color: #fff;font-family: 'CorporativeSoftReg';font-size: 25px;text-transform: uppercase;} .new-menu-mobile-pad {padding-left:20px;} .menu-background { background: url(https://www.philzcoffee.com/images/sca/chalkboard.jpg)no-repeat center center #555555; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 100px; margin-bottom: -35px !important;} h1.hp-app-copy-2 {color:#f0eada;font-size:9px;letter-spacing:1px;text-transform: uppercase;font-family: 'CorporativeSoftBold', sans-serif;} .hp-app-lines-2 {display: table;white-space: nowrap;width: 100%;margin-left: 0px;} .hp-app-lines-2:before {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.3em;width: 16%;right: -10%;} .hp-app-lines-2:after {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.3em;width: 16%;left: -10%;} div.bom-hero2-copy {position: absolute;top: 6%;width: 53%;text-align: center;} h1.bom-hero2-copy {color:#fff;font-size:14px;letter-spacing:1px;text-transform: uppercase;font-family: 'CorporativeSoftBold', sans-serif;} h1.bom-hero2-copy-brown {color:#3D2016;font-size:14px;letter-spacing:1px;text-transform: uppercase;font-family: 'CorporativeSoftBold', sans-serif;} h2.bom-hero2-copy {color: #fff;font-family: 'Tesora', sans-serif;font-size: 50px;margin-top: 20px;} p.bom-hero2-copy {font-family: 'CorporativeSoftReg', sans-serif;color: #fff;margin-top: 65px;font-size: 23px;display:none;} p.bom-hero2-copy-brown {font-family: 'CorporativeSoftReg', sans-serif;color: #3D2016;margin-top: 65px;font-size: 23px;display:none;} p.bom-hero2-quote {font-family: 'CorporativeSoftReg', sans-serif;color: #fff;margin-top: 13px;font-size: 12px;display:block;line-height: 15px;} p.bom-hero2-quote-brown {font-family: 'CorporativeSoftReg', sans-serif;color: #735744;margin-top: 13px;font-size: 12px;display:block;line-height: 15px;} .btn-bom-2 {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 6px 8px 5px !important;font-size: 9px;height: 20px !important;vertical-align: middle;margin: 10px 20px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 105px;} div.hp-loc-fivethumbails {width:100%;} div.insiders-hero-copy {position:absolute;top:1%;width:93%;margin:0 auto; text-align:center;} h1.insiders-hero-copy {font-family:'CorporativeSoftThin', sans-serif;font-size:32px;color:#311e10;} p.insiders-hero-copy {font-family:'CorporativeSoftReg', sans-serif;font-size:10px;color:#311e10;line-height:12px;margin-top:-20px;padding-left:2%;padding-right:2%;} div.new-bom-hero-copy {position: absolute;top: 6%;width: 100%;text-align: center;} h2.new-bom-hero-copy {color: #ffffff;font-family: 'BOTM', sans-serif;font-size: 46px;margin-top: 20px;letter-spacing: 2px;} h2.new-bom-hero-copy-brown {color: #735744;font-family: 'BOTM', sans-serif;font-size: 46px;margin-top: 20px;letter-spacing: 2px;} h2.new-bom-hero-copy-2 {color: #ffffff;font-family: 'BOTM', sans-serif;font-size: 46px;margin-top: 20px;letter-spacing: 2px;line-height: 46px;} h2.new-bom-hero-copy-2-brown {color: #735744;font-family: 'BOTM', sans-serif;font-size: 46px;margin-top: 20px;letter-spacing: 2px;line-height: 46px;} div.bom-hero-copy-mobile-temp {position: absolute;top: 10% !important;left: 0% !important;width: 100% !important;text-align: center;} img.bom-hero-lettering-mobile {margin: 15px;} .food-menu-subhead {font-family: 'Tesora';text-transform: capitalize;color: rgba(255,255,255,0.9);font-size: 2.5em;} h1.food-menu-hero-text {color: #f2f0e9;font-family: 'Tesora';font-size: 3.8em;padding-right:30px;padding-left:30px;} div.food-menu-dropdown {text-align:center;margin-top: 0px;} p.choose-region {color:#fff;text-transform: uppercase;display:block;font-family: 'ProximaNovaReg', sans-serif;font-size:14px;margin-right:0px;margin-bottom:5px;margin-top: -10px;} p.choose-food-cat {color:#fff;text-transform: uppercase;display:inline-block;font-family: 'ProximaNovaReg', sans-serif;font-size:14px;margin-right:5px;margin-bottom:0px;margin-top:10px;} .food-dropdown {background-color:transparent !important;border:1px solid #fff !important;color:#fff !important;background-image: url(https://system.na3.netsuite.com/c.1145465/images/sca/food/arrow-line-2.png) !important; background-size: 36px !important;background-position: 92% 53% !important;text-transform: uppercase;font-size:14px !important;height:36px !important;width:160px !important;display: inline-block;} .food-cat-dropdown {background-color:transparent !important;border:1px solid #fff !important;color:#fff !important;background-image: url(https://system.na3.netsuite.com/c.1145465/images/sca/food/arrow-line-2.png) !important; background-size: 36px !important;background-position: 94% 53% !important;text-transform: uppercase;font-size:14px !important;height:36px !important;width:240px !important;display: inline-block;margin-bottom: 50px !important;} .baked-goods-cat-title {font-size: 20px;margin: 0 0 15px;} div.food-menu-row-spacing {margin-bottom:0px;} p.food-single-line {margin-top:0px;} div.food-menu-mobile-spacing {padding-top:10px !important;} img.gf-icon-key{margin-left: 0px;width: 20px;} div.food-menu-background-homemade {background: url(https://system.na3.netsuite.com/c.1145465/images/sca/food/chalkboard-min.jpg)no-repeat center center #555555; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 260px; margin-bottom: -35px;} div.food-menu-background {background: url(https://system.na3.netsuite.com/c.1145465/images/sca/food/chalkboard-min.jpg)no-repeat center center #555555; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 180px; margin-bottom: -35px;} div.food-menu-row {margin:0 auto;margin-left:0%;} div.food-menu-hero-text {position: absolute !important;width: 100% !important;text-align: center;top: 31%;margin-left: 0px;} div.food-menu-hero-text-dc {position: absolute !important;width: 100% !important;text-align: center;top: 38%;margin-left: 0px;} div.carolyn-quote-img {padding-left:5%;} img.carolyn {padding:20px;width:70%;} div.carolyn-quote-text {padding-left: 5%;padding-right: 5%;margin-top:2%;} p.carolyn-quote {font-size: 14px;} p.carolyn-quote-name {font-size: 14px;font-weight:bold;font-style:italic;margin-top:10px;padding-bottom:20px;} img.careers-quote {max-width:250px;} div.careers-quote-copy {text-align: center;margin-top: 5%;margin-bottom:3%;} p.careers-quote-copy {padding-left: 15%;padding-right: 15%;font-size: 13px;} p.careers-quote-name {font-weight: bold;font-size: 13px;font-style: italic;margin-top: 15px;} div.careers-welcome-hero-text {position: absolute !important;width: 100% !important;text-align: center;top: 57%;} h1.careers-welcome-hero-text {color: #f2f0e9;font-family: 'Tesora';font-size: 3em;} div.careers-welcome-hero2-text {position: absolute !important;width: 100% !important;text-align: center;top: 7%;right:0%;margin-left:0px;} h1.careers-welcome-hero2-text {color: #f2f0e9;font-family: 'Tesora';font-size: 3em;margin-bottom:7px;} div.careers-welcome-hero3-text {position: absolute !important;width: 75% !important;text-align: center;top: 7%;left:0%;margin-left:0px;} h1.careers-welcome-hero3-text {color: #f2f0e9;font-family: 'Tesora';font-size: 3em;margin-bottom:7px;} img.get-to-know {margin-top: 0px;width: 135px;} img.philz-in-action {margin-top: 0px;width: 136px;} img.store-opening {margin-top: 0px;width: 180px;} ul.careers-nav {margin: 0;display: inline-table;font-family: 'CorporativeSoftReg';width: 100%;padding-bottom: 10px;} h1.careers-connected {font-family:'Tesora';font-size:2.5em;} p.careers-connected {font-weight: bold;font-family: 'CorporativeSoftBold';font-size: 16px;} div.careers-values {text-align: center;margin-top: 40px;padding-left:30px;padding-right:30px;} h1.careers-values {font-family:'Tesora';font-size:2.8em;margin-bottom:-10px;} p.careers-values {font-family: 'CorporativeSoftReg';font-size: 16px;} /*div.careers-value-two:after {display:none;}*/ div.careers-value-three:before {display:none;} /*div.careers-value-four:after {display:none;}*/ div.careers-value-five:after {display:none;} div.careers-value-one:after {content: "";display: block;margin: 0 auto;width: 90%;border-bottom: 1px solid rgba(115, 87, 68, 0.3);} div.careers-value-two:after {content: "";display: block;margin: 0 auto;width: 90%;border-bottom: 1px solid rgba(115, 87, 68, 0.3);} /*div.careers-value-three:after {content: "";display: block;margin: 0 auto;width: 90%;border-bottom: 1px solid rgba(115, 87, 68, 0.3);}*/ div.careers-value-four:after {content: "";display: block;margin: 0 auto;width: 90%;border-bottom: 1px solid rgba(115, 87, 68, 0.3);} div.careers-value-five:after {content: "";display: block;margin: 0 auto;width: 90%;border-bottom: 1px solid rgba(115, 87, 68, 0.3);} div.careers-value-one {padding-top: 15px;text-align: center;} img.careers-value-one {max-width:325px;padding:30px;float:none;} .careers-value-one-head {font-family: 'Tesora';font-size: 2.3em;line-height: 38px;margin-bottom: 10px;} div.careers-value-two {padding-top: 0px;margin-bottom: 10px;text-align: center;margin-top:50px;} img.careers-value-two {max-width:325px;padding:30px;float:none;} div.careers-value-three {padding-top: 0px;margin-bottom: 10px;text-align: center;} img.careers-value-three {padding:30px 20px 30px 20px;max-width:390px;float:none;} p.careers-value-three-head {font-family: 'Tesora';font-size: 2.3em;margin-top: 35px;line-height: 38px;margin-bottom: 10px;} div.careers-value-four {padding-top: 0px;margin-bottom: 10px;text-align: center;margin-top:35px;} img.careers-value-four {max-width:325px;padding:30px; margin:0 auto;float:none;} div.careers-value-five {padding-top: 0px;margin-bottom: 25px;text-align: center;margin-top:40px;} .careers-value-subhead {font-family: 'CorporativeSoftReg', sans-serif;font-size: 12px;line-height: 18px;padding-left:20px;padding-right:20px;} div.careers-perks-padding {padding-left: 5px !important;padding-right: 5px !important;margin-left: 0px !important;margin-bottom: 25px !important;} h1.careers-perks {font-family: 'CorporativeSoftReg';font-size: 24px;margin-bottom:35px;text-transform: none;padding-left:25px;padding-right:25px;} h3.careers-perks {font-family: 'ProximaNovaReg';font-size: 18px;font-weight: bold;text-transform: uppercase;line-height: 1.5;margin-bottom:10px;} h1.watch-hero-text {color: #f2f0e9;font-family: 'Tesora';font-size: 2em;line-height: 40px;} div.hero-text {position:absolute !important;width:100% !important;text-align:center;top:3%;margin-left:-14px;} p.hero-text {color: #f2f0e9;font-family: 'CorporativeSoftBold';font-size: 1em;text-transform: uppercase;margin-bottom:0px;} h1.hero-text {color:#f2f0e9;font-family:'Tesora';font-size:2.8em;margin-bottom:-30px;} img.play-button {width:17px;display:inline-block;margin-right:5px;position:relative;/*top:-224px;*/} img.watch {margin-top:35px;width:105px;} p.video {display:inline-block;color:#f2f0e9;font-family:'ProximaNova-Medium', sans-serif;font-size:.8em;margin-top:0px;/*text-decoration:underline*/;text-transform:uppercase;padding-bottom: 17px;} p.download {display:none;} p.download-fineprint{font-size: 11px;} img.download-button-one {width:150px;} div.feature-section-one {background:rgba(231,220,192,0.35);padding-top:10px;margin-bottom:20px;text-align:center;} div.pick-up-text {margin-top:8%;margin-bottom:25px;} img.numbers {width:18px;} p.feature-subhead {font-family:'CorporativeSoftReg', sans-serif;font-size:18px;line-height:24px;/*padding-right:43px;padding-left:43px;*/} p.feature-head {font-family:'Tesora';font-size:50px;margin-top:30px;line-height:50px;margin-bottom:15px;padding-left:20px;padding-right:20px;} img.phone-width {width:275px; margin-bottom:-6px;} div.pick-up-text {margin-top:8%;margin-bottom:25px;padding-right: 0%;} div.feature-section-two {background:rgba(231,220,192,0.35);padding-top:10px;margin-bottom:20px;text-align:center;} div.crafted-text {margin-top:9%;margin-bottom: 25px;padding-left: 0%;} div.feature-section-three {background:rgba(231,220,192,0.35);padding-top:10px;text-align:center;} div.reorder-text {margin-top:7.5%;margin-bottom:25px;padding-right: 0%;} img.download-button-two {width:160px;margin-top:25px;} p.more-info {display:inline-block;color:#735744;font-family:'Tesora';font-weight:400;font-size:40px;line-height:45px;padding-left:25px;padding-right: 25px;} p.app-faq {display:inline-block;color:#735744;font-family:'CorporativeSoftReg', sans-serif;;font-weight:500;font-size:22px;margin-left:0px;text-decoration:underline;} p.app-fine-print {font-family:'CorporativeSoftReg', sans-serif;margin-top:50px;font-size:13px;padding-right: 20px;padding-left: 20px;} .footer-spacing {margin-bottom: 0px;} div.phone-1-margin {margin-bottom:-6px;text-align:center;padding-right:0%;} div.phone-2-margin {margin-bottom:-6px;text-align:center;padding-left:0%;} div.phone-3-margin {margin-bottom:-6px;text-align:center;padding-right:0%;} .module-chicago-insiders { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/chicago-insiders-module-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left; outline: 1px solid #5c4537; outline-offset: -30px;} div.chicago-insiders-copy {top:45% !important;} p.chicago-insiders-module {font-family: 'CorporativeSoftReg', sans-serif;color: #5c4537 !important;text-align: center !important;font-size: 15px !important;line-height: 20px !important;margin-top: 5px !important;margin-bottom:5px;} a.chicago-insiders-link {font-family: 'CorporativeSoftReg', sans-serif;color: #5c4537 !important;text-transform: uppercase !important;text-align: center !important;font-size: 14px !important;line-height: 20px !important;font-weight: bold !important;text-decoration: underline !important;position: relative !important;} /* New Store Menu Styles - April 2020 \*------------------------------------------------------------------------*/ .menu-section{ width: 95%; background-color: #F2EEE2; padding: 5px 0px; margin: 0 auto 25px; } .menu-header-info { margin: 20px auto 20px; } .menu-item { padding: 0 0 30px; margin: 0 auto; width: 100%; } .menu-item-content { text-align: center; } .menu-cals { font-size: 15px; } .original-blends {width: 265px; margin-top: 15px; margin-bottom: 15px;} .medium-balanced {margin-top: 0px;} .featured-title {width: 211px; margin-bottom: 15px;} .more-title {width: 108px; margin-bottom: 15px;} .menu-item-name{ font-size: 20px; line-height: 24px; } .menu-item-name .cap { font-size: 24px; } .fineprint { width: 90%; } .icon-legend { width: 60%; } .icon-legend-title { font-size: 15px; } /* FAQ PAGE STYLES \*------------------------------------------------------------------------*/ .grind-styles {width: 95%;} .grind-styles-left {width: 80%;} .grind-styles-right { width: 20%; padding: 10px; } /* Move logo and shopping cart down below SMB banner for phones */ .header-logo-wrapper { top: 140px;} .header-right-menu { top: 150px;} /* Community updates */ .updates-post-list li { font-size: 1.1em; line-height: 1.4em; } .customer-service-container { width: 95%; margin: 15px auto 35px; } .customer-service-list li p { font-size: 1.1em; line-height: 1.4em; } .secondary-smb-text{ width: 80%; font-size: 12px; } /* OUR COFFEE STYLES 11/2020 */ .our-coffee {top: 2%;} .our-coffee-header { font-size: 3.6rem; line-height: 3.6rem; } .our-coffee-body { margin-top: 5px; font-size: 1rem; line-height: 1.4rem; } .content-container { width: 90%; } .content-container p { font-size: .9rem; } .title { font-size: 2rem; } .sustainability-main { padding-top: 20px; } .we-do-item { padding: .75rem 0.5rem; } .icon-bean { margin-right: 1.25rem; } .f4f-content-container { width: 90%; padding-bottom: 30px; } .enjoy-container { padding-top: 20px; padding-bottom: 20px; } .gratitude-icon { width: 115px; height: 119px; } .chemex-icon { width: 90px; height: 119px; } .philz-cup-icon { width: 68px; height: 119px; } .flex-third h4 { font-size: 1.2rem; } .flex-third a { font-size: .9rem; } .survey-hero-container { top: 5%; left: 15%; width: 70%; } .survey-hero-headline { font-size: 55px; margin-top: 5px; margin-bottom: 20px; } .survey-hero-copy { margin: 10px auto; font-size: 15px; } .mailchimp-survey { width: 415px; } .survey-field-group { margin-bottom: 25px; } #mc_embed_signup .button { margin: 0 auto; } #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error { left: 61%; top: 60px; } } /* END TABLET */ /* LAPTOP - SMALL \*------------------------------------------------------------------------*/ @media only screen /*and (min-device-width: 768px) and (max-device-width: 900px)*/ and (min-width: 768px) and (max-width: 900px){ div.template-1 {position: absolute;top: 31%;width: 60%;text-align: center;} div.template-2 {position: absolute;top: 20%;width: 60%;text-align: center;} div.template-3 {position: absolute;top: 10%;width: 60%;text-align: center;} div.template-4 {position: absolute;top: 33%;width: 60%;text-align: center;right:0%;} div.template-5 {position: absolute;top: 20%;width: 60%;text-align: center;right:0%;} div.template-6 {position: absolute;top: 10%;width: 60%;text-align: center;right:0%;} div.template-7 {position: absolute;top: 33%;width: 100%;text-align: center;} div.template-8 {position: absolute;top: 7%;width: 100%;text-align: center;} div.template-9 {position: absolute;top: 23%;width: 60%;text-align: center;} div.template-10 {position: absolute;top: 16%;width: 60%;text-align: center;} div.template-11 {position: absolute;top: 7%;width: 60%;text-align: center;} div.template-12 {position: absolute;top: 23%;width: 60%;text-align: center;right:0%;} div.template-13 {position: absolute;top: 16%;width: 60%;text-align: center;right:0%;} div.template-14 {position: absolute;top: 7%;width: 60%;text-align: center;right:0%;} div.template-15 {position: absolute;top: 10%;width: 60%;text-align: left;left:10%;} div.template-16 {position: absolute;top: 10%;width: 60%;text-align: left;left:10%;} div.template-17 {position: absolute;top: 10%;width: 60%;text-align: right;right:10%;} div.template-18 {position: absolute;top: 10%;width: 60%;text-align: right;right:10%;} div.template-19 {position: absolute;top: 35%;width: 60%;text-align: center;} div.template-20 {position: absolute;top: 20%;width: 60%;text-align: center;} div.template-21 {position: absolute;top: 10%;width: 60%;text-align: center;} div.template-22 {position: absolute;top: 35%;width: 60%;text-align: center;right:0%;} div.template-23 {position: absolute;top: 20%;width: 60%;text-align: center;right:0%;} div.template-24 {position: absolute;top: 10%;width: 60%;text-align: center;right:0%;} div.template-25 {position: absolute;top: 35%;width: 100%;text-align: center;} div.template-26 {position: absolute;top: 7%;width: 100%;text-align: center;} div.template-27 {position: absolute;top: 26%;width: 60%;text-align: center;} div.template-28 {position: absolute;top: 16%;width: 60%;text-align: center;} div.template-29 {position: absolute;top: 7%;width: 60%;text-align: center;} div.template-30 {position: absolute;top: 26%;width: 60%;text-align: center;right:0%;} div.template-31 {position: absolute;top: 16%;width: 60%;text-align: center;right:0%;} div.template-32 {position: absolute;top: 7%;width: 60%;text-align: center;right:0%;} div.template-33 {position: absolute;top: 10%;width: 60%;text-align: left;left:10%;} div.template-34 {position: absolute;top: 10%;width: 60%;text-align: left;left:10%;} div.template-35 {position: absolute;top: 10%;width: 60%;text-align: right;right:10%;} div.template-36 {position: absolute;top: 10%;width: 60%;text-align: right;right:10%;} h1.template-header {color: #ffffff;font-family: 'Tesora', sans-serif;font-size: 60px;letter-spacing: 0px;text-transform: none;line-height:30px;margin-bottom:0px;} p.template-body {font-family: 'CorporativeSoftReg', sans-serif;color: #ffffff;margin-top: 15px;font-size: 14px;display: block;line-height: 20px;} p.template-hashtag {font-family: 'CorporativeSoftBold', sans-serif;color: #ffffff;margin-top: 15px;font-size: 12px;display: block;line-height: 22px;letter-spacing: 0.25px;} p.template-eyebrow {font-family: 'CorporativeSoftBold', sans-serif;color: #ffffff;margin-top: 0px;font-size: 13px;display: block;line-height: 22px;letter-spacing: 2px;text-transform:uppercase;margin-bottom:26px;} .template-btn {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 10px 20px 5px !important;font-size: 12px;height: 30px !important;vertical-align: middle;margin: 20px 20px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 155px;} .template-btn-left {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 10px 20px 5px !important;font-size: 12px;height: 30px !important;vertical-align: middle;margin: 30px 20px 0px 0px;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 155px;text-align:center;} .template-btn-right {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 10px 20px 5px !important;font-size: 12px;height: 30px !important;vertical-align: middle;margin: 30px 0px 0px 20px;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 155px;text-align:center;} div.hp-loc-thumbnail-text {position: absolute;top: 78%;width: 79.5%;} p.hp-loc-thumbnail-text {color: #fff;font-size: 8px;text-transform: uppercase;font-weight: bold;} p.hp-loc-tn-text {color: #735744;font-size: 8px;text-transform: uppercase;margin-top:5px;margin-bottom:0px;font-weight: bold;} h1.recruiting-hero-copy {color: #735744;font-size: 40px;text-transform: uppercase;} p.recruiting-hero-copy {font-family: 'CorporativeSoftReg', sans-serif;color:#735744;font-size:15px;} .btn-recruiting-hero {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 24px 5px !important;font-size: 13px;height: 37px !important;vertical-align: middle;margin: 10px 20px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight:bold;width:155px;} .carousel-pause-button {position: absolute;top: 90.4%;left: 83.8%;display: block;z-index: 3;background-color: transparent;width:13px;} .carousel-indicators {position: absolute;top: 90.75% !important;left: 86.5% !important;z-index: 2 !important;margin: 0 auto !important;list-style: none;text-align: center !important;width: 12% !important;margin-left: 0px !important;padding-left: 0px !important;} .carousel-controls-bg {background-color: rgba(115, 87, 68, .65);width: 115px;height: 30px;z-index: 2;position: absolute;top: 88%;left: 82%;border-radius:4px;} div.bom-hero-copy {position: absolute;top: 50% !important;left: 32.5% !important;width: 34% !important;text-align: center;padding-bottom:30px;} h1.bom-hero-copy {font-weight: bolder;color: #382517;font-size:38px !important;text-transform: uppercase;letter-spacing: 3px;} p.bom-hero-copy-1 {font-family: 'ProximaNovaReg', sans-serif;text-transform: uppercase;font-weight: 500;letter-spacing: 1px !important;color: #382517;font-size: 15px !important;margin-left: 0px !important;margin-top: 10px !important;} p.bom-hero-copy-2 {border-top: 1px solid #382517;color: #382517;font-size: 11px !important;font-family: 'ProximaNovaReg', sans-serif;margin-top: 5px !important;padding-top: 10px !important;width:85%;} p.bom-hero-copy-3 {font-family: 'ProximaNovaReg', sans-serif;text-transform: uppercase;font-weight: 500;letter-spacing: 1px !important;color: #382517;font-size: 10px !important;margin-bottom:0px;} .btn-bom-hero {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 10px 10px 5px !important;font-size: 12px !important;height: 30px !important;vertical-align: middle;margin: 10px 15px 0 !important;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 144px !important;} div.hp-app-copy {position: absolute;top: 10%;left:8%;width: 45%;text-align: center;} h1.hp-app-copy {color:#f0eada;font-size:25px;letter-spacing:2px;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;} .hp-app-lines {display: table;white-space: nowrap;width: 100%;margin-left: 1px;} .hp-app-lines:before {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.5em;width: 18%;right: -17%;} .hp-app-lines:after {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.5em;width: 18%;left: -17%;} h2.hp-app-copy {color: #f0eada;font-family: 'Tesora', sans-serif;font-size: 78px;line-height:1em;margin-top: 35px;} p.hp-app-copy {font-family: 'CorporativeSoftReg', sans-serif;color: #f0eada;margin-top: 15px;font-size: 14px;display:block;} .text-white { color: #fff; } .philzplease {top: 5%;width: 40%;left: 10%;} .philzplease-header {font-size: 78px;line-height: 78px;} .philzplease-body {font-size:15px; margin-top: 5px;} .philzplease-code {margin-top: 15px;font-size: 13px;} .red-sea-container {position: absolute;top: 15%;left:8%;width: 45%;text-align: center;} .red-sea-eye-brow {font-size:15px;letter-spacing:2px;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;} .red-sea-headline {font-family: 'Tesora', sans-serif;font-size: 58px;line-height:1em;margin-top: 20px;} .red-sea-copy {font-family: 'CorporativeSoftReg', sans-serif;margin-top: 5px;font-size: 14px;display:block;} .red-sea-fine-print {font-family: 'CorporativeSoftReg', sans-serif;margin-top: 15px;font-size: 14px;display:block;} .text-brown { color: #502B1F; } .tesora-ground-container {top: 10%;} .tesora-ground-eyebrow {font-size:15px;} .tesora-ground-headline {font-size: 58px; margin-top: 10px;} .tesora-ground-copy {font-size: 14px; margin-top: 0px;} /* HERO SLIDER STYLES \*----------------------------------------------------------*/ .hero-slider-container {margin: 15px auto;} .hero-left{top: 5%; left: 3%; width: 50%;} .hero-center{top: 5%; left:10%; width: 80%;} .hero-right{top: 4%; right: 4%; width: 51%;} .hero-slider-eye-brow {font-size:10px;} .hero-slider-headline {font-size: 58px; margin-top: 10px;} .hero-slider-copy {font-size: 14px; margin: 0px auto; width: 75%;} .hero-slider-fine-print {margin-top: 10px; font-size: 10px;} .bom-hero-lettering-fix {margin: 0; width: 45%;} .hero-slider-eye-brow-fix {font-size: 15px; letter-spacing: 1px; font-weight: bold; line-height: 35px;} .hero-slider-container-fix {width: 80%; left: 10%; top: 5%;} .hero-slider-copy-fix {font-size: 13px;margin: 0px auto;width: 80%;} .btn-hp-app-fix {padding: 10px; margin: 10px auto 0; font-size: 9px; line-height: 9px;} .hero-slider-btn {margin: 10px 20px 0; font-size: 10px; padding: 10px 20px;} .hero-slider-text-left {top: 15%; left:8%; width: 40%;} .text-underline { text-decoration: underline; } .btn-red-sea { display: inline-block; border: 0; border-radius: 5px; background-color: #FFAD24; color: #3A2C22; padding: 15px 20px; vertical-align: middle; margin: 25px auto 0; top: 0px; position: relative; text-transform: uppercase; font-family: 'ProximaNovaReg', sans-serif; font-size: 13px; font-weight: bold; letter-spacing:1px; line-height: 15px; } .btn-hp-app { display: inline-block; border: 0; border-radius: 5px; background-color: #FFAD24; color: #3A2C22; padding: 10px 20px; vertical-align: middle; margin: 20px auto 0; position: relative; text-transform: uppercase; font-family: 'ProximaNovaReg', sans-serif; font-size: 12px; font-weight: bold; letter-spacing:1px; line-height: 12px; } div.ourstores-hero-text {position: absolute !important;width: 350px !important;text-align: center;top: 20%;background-image: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/Heroes/bg-min.png);padding: 30px;background-size: 100%;background-repeat: no-repeat;} h1.ourstores-hero-text {color: #735744;font-family: 'CorporativeSoftThin';font-size: 3.5em;line-height: 55px;letter-spacing: 1px;text-transform: uppercase;} p.ourstores-hero-text {font-size: 12px;color: #735744;line-height: 1.5;font-family: 'CorporativeSoftReg';margin-top: 20px;padding-bottom: 13px;} div.hp-special-copy {position:absolute; top:28%; width:56%; text-align: center;} h1.hp-special-copy {color:#efece4; font-family: 'Tesora', sans-serif; font-size:45px;} p.hp-special-copy {font-family: 'ProximaNovaLight', sans-serif; color: #efece4; margin-top:10px; font-size:14px; line-height: 20px; display: block;font-weight:600;} .btn-hp-special {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 10px 20px 5px !important;font-size: 12px;height: 30px !important;vertical-align: middle;margin: 20px 20px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 134px;} div.locations-hero {position:absolute !important;width: 100% !important;text-align: center;top:30%;margin-left:0px;} h1.locations-hero {color:#fff;font-family: 'CorporativeSoftReg';font-size: 4em;text-transform: uppercase;} .new-menu-mobile-pad {padding-left:0px;} .menu-background { background: url(https://www.philzcoffee.com/images/sca/chalkboard.jpg)no-repeat center center #555555; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 100px; margin-bottom: -80px !important;} h1.hp-app-copy-2 {color:#f0eada;font-size:10.5px;letter-spacing:2px;text-transform: uppercase;font-family: 'CorporativeSoftBold', sans-serif;} .hp-app-lines-2 {display: table;white-space: nowrap;width: 100%;margin-left: 1px;} .hp-app-lines-2:before {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.5em;width: 6%;right: -17%;} .hp-app-lines-2:after {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.5em;width: 6%;left: -17%;} div.bom-hero2-copy {position: absolute;top: 24%;width: 68%;text-align: center;} h1.bom-hero2-copy {color:#fff;font-size:14px;letter-spacing:2px;text-transform: uppercase;font-family: 'CorporativeSoftBold', sans-serif;} h1.bom-hero2-copy-brown {color:#3D2016;font-size:14px;letter-spacing:2px;text-transform: uppercase;font-family: 'CorporativeSoftBold', sans-serif;} h2.bom-hero2-copy {color: #fff;font-family: 'Tesora', sans-serif;font-size: 68px;margin-top: 30px;} p.bom-hero2-copy {font-family: 'CorporativeSoftReg', sans-serif;color: #fff;margin-top: 5px;font-size: 14px;display:block;} p.bom-hero2-copy-brown {font-family: 'CorporativeSoftReg', sans-serif;color: #3D2016;margin-top: 5px;font-size: 14px;display:block; width: 35%;} p.bom-hero2-quote {font-family: 'CorporativeSoftReg', sans-serif;color: #fff;margin-top: 20px;font-size: 12px;display:block;line-height: 15px;} p.bom-hero2-quote-brown {font-family: 'CorporativeSoftReg', sans-serif;color: #735744;margin-top: 20px;font-size: 12px;display:block;line-height: 15px;} .btn-bom-2 {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 10px 20px 5px !important;font-size: 12px;height: 30px !important;vertical-align: middle;margin: 20px 20px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 155px;} div.hp-loc-fivethumbails {width:20%;} div.insiders-hero-copy {position:absolute;top:2%;width:94%;margin:0 auto; text-align:center;} h1.insiders-hero-copy {font-family:'CorporativeSoftThin', sans-serif;font-size:46px;color:#311e10;} p.insiders-hero-copy {font-family:'CorporativeSoftReg', sans-serif;font-size:17px;color:#311e10;line-height:22px;margin-top:-10px;padding-left:17%;padding-right:17%;} div.new-bom-hero-copy {position: absolute;top: 24%;width: 100%;text-align: center;} h2.new-bom-hero-copy {color: #ffffff;font-family: 'BOTM', sans-serif;font-size: 68px;margin-top: 30px;letter-spacing: 2px;} h2.new-bom-hero-copy-brown {color: #735744;font-family: 'BOTM', sans-serif;font-size: 68px;margin-top: 30px;letter-spacing: 2px;} div.new-bom-hero-copy-temp {position: absolute;top: 21%;width: 100%;text-align: center;} img.bom-hero-lettering {margin: 15px 0 0; width: 30%;} h1.careers-hero-text {color: #f2f0e9;font-family: 'Tesora';font-size: 3.8em;} img.careers-quote {max-width:200px;} div.careers-quote-copy {text-align: center;margin-top: 5%;margin-bottom:5%;} p.careers-quote-copy {padding-left: 15%;padding-right: 15%;font-size: 13px;} p.careers-quote-name {font-weight: bold;font-size: 13px;font-style: italic;margin-top: 15px;} img.carolyn-quote {max-width: 700px;padding: 30px;} div.carolyn-quote-img {padding-left:0%;} img.carolyn {padding:20px;width:100%;} div.carolyn-quote-text {padding-left: 5%;padding-right: 10%;margin-top:5%;} p.carolyn-quote {font-size: 14px;} p.carolyn-quote-name {font-size: 14px;font-weight:bold;font-style:italic;margin-top:10px;padding-bottom:20px;} ul.careers-nav {margin: 0;display: inline-table;font-family: 'CorporativeSoftReg';width: 100%;padding-bottom: 10px;} div.careers-value-one {padding-top: 30px;text-align: center;} img.careers-value-one {max-width:90%;padding:30px;} div.careers-value-one-text {margin-top:3%;padding-right:7%;} .careers-value-one-head {font-family: 'Tesora';font-size: 2.3em;line-height: 38px;margin-bottom: 20px;} div.careers-value-two {padding-top: 0px;margin-bottom: 10px;text-align: center;margin-top:50px;} img.careers-value-two {max-width:90%;padding:30px;} div.careers-value-two-text {margin-top:2.5%;padding-left:7%;} div.careers-value-three {padding-top: 0px;margin-bottom: 10px;text-align: center;} img.careers-value-three {padding:30px;max-width:90%;} p.careers-value-three-head {font-family: 'Tesora';font-size: 2.3em;margin-top: 50px;line-height: 38px;margin-bottom: 10px;} div.careers-value-four {padding-top: 0px;margin-bottom: 10px;text-align: center;margin-top:35px;} div.careers-value-four-text {margin-top:17%;padding-right:7%;} img.careers-value-four {max-width:90%;padding:30px;} div.careers-value-five {padding-top: 0px;margin-bottom: 25px;text-align: center;margin-top:40px;} .careers-value-subhead {font-family: 'CorporativeSoftReg', sans-serif;font-size: 12px;line-height: 18px;padding-left:0px;padding-right:0px;} h1.careers-values {font-family:'Tesora';font-size:3.7em;margin-bottom:-10px;} p.careers-values {font-family: 'CorporativeSoftReg';font-size: 16px;} img.get-to-know {margin-top: 15px;width: 175px;} img.philz-in-action {margin-top: 15px;width: 176px;} img.store-opening {margin-top: 15px;width: 233px;} h1.careers-connected {font-family:'Tesora';font-size:3.7em;} p.careers-connected {font-weight: bold;font-family: 'CorporativeSoftBold';font-size: 18px;} div.careers-welcome-hero-text {position: absolute !important;width: 100% !important;text-align: center;top: 48%;margin-left:0px;} h1.careers-welcome-hero-text {color: #f2f0e9;font-family: 'Tesora';font-size: 3.8em;} div.careers-welcome-hero2-text {position: absolute !important;width: 42% !important;text-align: center;top: 10%;right:5%;margin-left:0px;} h1.careers-welcome-hero2-text {color: #f2f0e9;font-family: 'Tesora';font-size: 3.8em;margin-bottom:7px;} p.careers-welcome-hero2-text {color: #f2f0e9;font-family: 'CorporativeSoftReg';font-size: 18px;padding-right:5%;padding-left:5%;line-height: 22px;} div.careers-welcome-hero3-text {position: absolute !important;width: 65% !important;text-align: center;top: 7%;left:2%;margin-left:0px;} h1.careers-welcome-hero3-text {color: #f2f0e9;font-family: 'Tesora';font-size: 3.8em;margin-bottom:-5px;} p.careers-welcome-hero3-text {color: #f2f0e9;font-family: 'CorporativeSoftReg';font-size: 18px;padding-right:10%;padding-left:10%;line-height: 22px;} div.careers-perks-padding {padding-left: 5px !important;padding-right: 5px !important;margin-left: 15px !important;} h3.careers-perks {font-family: 'ProximaNovaReg';font-size: 18px;font-weight: bold;text-transform: uppercase;line-height: 1.5;margin-bottom:10px;} div.careers-perks-width {width:95%;margin:0 auto;} div.holiday2019 {position: absolute;top: 33%;width: 60%;text-align: center;} h1.holiday2019 {color: #ffffff;font-family: 'Tesora', sans-serif;font-size: 60px;letter-spacing: 0px;text-transform: none;line-height:30px;margin-bottom:0px;} p.holiday2019 {font-family: 'ProximaNova-Medium', sans-serif;color: #ffffff;margin-top: 20px;font-size: 14px;display: block;line-height: 20px;} p.holiday2019-hashtag {font-family: 'ProximaNova-Medium', sans-serif;color: #ffffff;margin-top: 17px;font-size: 12px;display: block;line-height: 22px;font-weight: 600;letter-spacing: 0.25px;} .module-chicago-insiders { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/chicago-insiders-module-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left; outline: 1px solid #5c4537; outline-offset: -8px;} div.chicago-insiders-copy {top:15% !important;} p.chicago-insiders-module {font-family: 'CorporativeSoftReg', sans-serif;color: #5c4537 !important;text-align: center !important;font-size: 15px !important;line-height: 20px !important;margin-top: 5px !important;margin-bottom:5px;} a.chicago-insiders-link {font-family: 'CorporativeSoftReg', sans-serif;color: #5c4537 !important;text-transform: uppercase !important;text-align: center !important;font-size: 13px !important;line-height: 20px !important;font-weight: bold !important;text-decoration: underline !important;position: relative !important;} /* New Store Menu Styles - April 2020 \*------------------------------------------------------------------------*/ .menu-section{ width: 95%; background-color: #F2EEE2; padding: 5px 0px; margin: 0 auto 25px; } .menu-header-info { margin: 20px auto 20px; } .menu-item { padding: 0 15px 30px; margin: 0 auto; width: 33%; } .menu-item-content { text-align: center; } .menu-cals { font-size: 15px; } .original-blends {width: 689px; margin-top: 15px;} .dark-bold {width: 209px;} .medium-balanced {width: 339px; margin-top: 0px;} .light-bright{width: 209px;} .featured-title {width: 545px;} .more-title {width: 135px;} .menu-item-name{ font-size: 18px; line-height: 22px; } .menu-item-name .cap { font-size: 22px; } .fineprint { width: 90%; } .icon-legend { width: 60%; } .icon-legend-title { font-size: 15px; } /* FAQ PAGE STYLES \*------------------------------------------------------------------------*/ .grind-styles-left { width: 80%; } .grind-styles-right { width: 20%; padding: 10px 15px; } /* Move logo and shopping cart down below SMB banner for phones */ .header-logo-wrapper { top: 80px;} .header-right-menu { top: 90px;} .customer-service-container { width: 100%; } .customer-service-list li p { font-size: 1.3em; line-height: 1.6em; } .secondary-smb-text{ width: 80%; font-size: 12px; } /* OUR COFFEE STYLES 11/2020 */ .our-coffee {top: 3%;} .our-coffee-header { font-size: 3.6rem; line-height: 3.6rem; } .our-coffee-body { margin-top: 5px; font-size: 1rem; line-height: 1.4rem; } .content-container { width: 90%; } .content-container p { font-size: .9rem; } .title { font-size: 2rem; } .sustainability-main { padding-top: 20px; } .we-do-item { padding: .75rem 0.5rem; } .icon-bean { margin-right: 1.25rem; } .f4f-content-container { width: 90%; padding-bottom: 30px; } .enjoy-container { padding-top: 20px; padding-bottom: 20px; } .gratitude-icon { width: 115px; height: 119px; } .chemex-icon { width: 90px; height: 119px; } .philz-cup-icon { width: 68px; height: 119px; } .flex-third h4 { font-size: 1.2rem; } .flex-third a { font-size: .9rem; } .survey-hero-container { top: 5%; left: 15%; width: 70%; } .survey-hero-headline { font-size: 65px; margin-top: 5px; margin-bottom: 20px; } .survey-hero-copy { margin: 10px auto; font-size: 15px; } } /* END LAPTOP SMALL */ /* LAPTOP - LARGE \*------------------------------------------------------------------------*/ @media only screen /*and (min-device-width: 901px) and (max-device-width: 1280px)*/ and (min-width: 901px) and (max-width: 1280px){ div.template-1 {position: absolute;top: 34%;width: 58%;text-align: center;} div.template-2 {position: absolute;top: 20%;width: 58%;text-align: center;} div.template-3 {position: absolute;top: 10%;width: 58%;text-align: center;} div.template-4 {position: absolute;top: 33%;width: 58%;text-align: center;right:0%;} div.template-5 {position: absolute;top: 20%;width: 58%;text-align: center;right:0%;} div.template-6 {position: absolute;top: 10%;width: 58%;text-align: center;right:0%;} div.template-7 {position: absolute;top: 33%;width: 100%;text-align: center;} div.template-8 {position: absolute;top: 7%;width: 100%;text-align: center;} div.template-9 {position: absolute;top: 27%;width: 60%;text-align: center;} div.template-10 {position: absolute;top: 17%;width: 60%;text-align: center;} div.template-11 {position: absolute;top: 7%;width: 60%;text-align: center;} div.template-12 {position: absolute;top: 27%;width: 60%;text-align: center;right:0%;} div.template-13 {position: absolute;top: 17%;width: 60%;text-align: center;right:0%;} div.template-14 {position: absolute;top: 7%;width: 60%;text-align: center;right:0%;} div.template-15 {position: absolute;top: 10%;width: 60%;text-align: left;left:10%;} div.template-16 {position: absolute;top: 10%;width: 60%;text-align: left;left:10%;} div.template-17 {position: absolute;top: 10%;width: 60%;text-align: right;right:10%;} div.template-18 {position: absolute;top: 10%;width: 60%;text-align: right;right:10%;} div.template-19 {position: absolute;top: 37%;width: 58%;text-align: center;} div.template-20 {position: absolute;top: 20%;width: 58%;text-align: center;} div.template-21 {position: absolute;top: 10%;width: 58%;text-align: center;} div.template-22 {position: absolute;top: 37%;width: 58%;text-align: center;right:0%;} div.template-23 {position: absolute;top: 20%;width: 58%;text-align: center;right:0%;} div.template-24 {position: absolute;top: 10%;width: 58%;text-align: center;right:0%;} div.template-25 {position: absolute;top: 37%;width: 100%;text-align: center;} div.template-26 {position: absolute;top: 7%;width: 100%;text-align: center;} div.template-27 {position: absolute;top: 30%;width: 60%;text-align: center;} div.template-28 {position: absolute;top: 17%;width: 60%;text-align: center;} div.template-29 {position: absolute;top: 7%;width: 60%;text-align: center;} div.template-30 {position: absolute;top: 30%;width: 60%;text-align: center;right:0%;} div.template-31 {position: absolute;top: 17%;width: 60%;text-align: center;right:0%;} div.template-32 {position: absolute;top: 7%;width: 60%;text-align: center;right:0%;} div.template-33 {position: absolute;top: 10%;width: 60%;text-align: left;left:10%;} div.template-34 {position: absolute;top: 10%;width: 60%;text-align: left;left:10%;} div.template-35 {position: absolute;top: 10%;width: 60%;text-align: right;right:10%;} div.template-36 {position: absolute;top: 10%;width: 60%;text-align: right;right:10%;} h1.template-header {color: #ffffff;font-family: 'Tesora', sans-serif;font-size: 75px;letter-spacing: 0px;text-transform: none;line-height:40px;margin-bottom:0px;} p.template-body {font-family: 'CorporativeSoftReg', sans-serif;color: #ffffff;margin-top: 15px;font-size: 16px;display: block;line-height: 23px;} p.template-hashtag {font-family: 'CorporativeSoftBold', sans-serif;color: #ffffff;margin-top: 17px;font-size: 14px;display: block;line-height: 22px;letter-spacing: 0.25px;} p.template-eyebrow {font-family: 'CorporativeSoftBold', sans-serif;color: #ffffff;margin-top: 0px;font-size: 16px;display: block;line-height: 22px;letter-spacing: 2px;text-transform:uppercase;margin-bottom:32px;} .template-btn {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 10px 20px 5px !important;font-size: 12px;height: 30px !important;vertical-align: middle;margin: 20px 20px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 155px;} .template-btn-left {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 10px 20px 5px !important;font-size: 12px;height: 30px !important;vertical-align: middle;margin: 30px 20px 0px 0px;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 155px;text-align:center;} .template-btn-right {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 10px 20px 5px !important;font-size: 12px;height: 30px !important;vertical-align: middle;margin: 30px 0px 0px 20px;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 155px;text-align:center;} div.holiday2019 {position: absolute;top: 33%;width: 58%;text-align: center;} h1.holiday2019 {color: #ffffff;font-family: 'Tesora', sans-serif;font-size: 75px;letter-spacing: 0px;text-transform: none;line-height:40px;margin-bottom:0px;} p.holiday2019 {font-family: 'ProximaNova-Medium', sans-serif;color: #ffffff;margin-top: 28px;font-size: 16px;display: block;line-height: 23px;} p.holiday2019-hashtag {font-family: 'ProximaNova-Medium', sans-serif;color: #ffffff;margin-top: 20px;font-size: 14px;display: block;line-height: 22px;font-weight: 600;letter-spacing: 0.25px;} div.hp-loc-thumbnail-text {position: absolute;top: 78%;width: 84.5%;} p.hp-loc-thumbnail-text {color: #fff;font-size: 8px;text-transform: uppercase;font-weight: bold;} p.hp-loc-tn-text {color: #735744;font-size: 11px;text-transform: uppercase;margin-top:5px;margin-bottom:0px;font-weight: bold;} h1.recruiting-hero-copy {color: #735744;font-size: 40px;text-transform: uppercase;} p.recruiting-hero-copy {font-family: 'CorporativeSoftReg', sans-serif;color:#735744;font-size:15px;} .btn-recruiting-hero {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 24px 5px !important;font-size: 13px;height: 37px !important;vertical-align: middle;margin: 10px 20px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight:bold;width:155px;} .carousel-pause-button {position: absolute;top: 90.2%;left: 86.4%;display: block;z-index: 3;background-color: transparent;width:13px;} .carousel-indicators {position: absolute;top: 90.5% !important;left: 88.4% !important;z-index: 2 !important;margin: 0 auto !important;list-style: none;text-align: center !important;width: 12% !important;margin-left: 0px !important;padding-left: 0px !important;} .carousel-controls-bg {background-color: rgba(115, 87, 68, .65);width: 115px;height: 35px;z-index: 2;position: absolute;top: 88%;left: 85%;border-radius:4px;} div.bom-hero-copy {position: absolute;top: 50% !important;left: 34% !important;width: 32% !important;text-align: center;padding-bottom:30px;} h1.bom-hero-copy {font-weight: bolder;color: #382517;font-size:50px !important;text-transform: uppercase;letter-spacing: 3px;} p.bom-hero-copy-1 {font-family: 'ProximaNovaReg', sans-serif;text-transform: uppercase;font-weight: 500;letter-spacing: 2px !important;color: #382517;font-size: 17px !important;margin-left: 0px !important;margin-top: 10px !important;} p.bom-hero-copy-2 {border-top: 1px solid #382517;color: #382517;font-size: 13px !important;font-family: 'ProximaNovaReg', sans-serif;margin-top: 5px !important;padding-top: 10px !important;width:78%;} p.bom-hero-copy-3 {font-family: 'ProximaNovaReg', sans-serif;text-transform: uppercase;font-weight: 500;letter-spacing: 1px !important;color: #382517;font-size: 12px !important;margin-bottom:-7px;} .btn-bom-hero {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 10px 5px !important;font-size: 13px !important;height: 37px !important;vertical-align: middle;margin: 10px 20px 0 !important;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 155px !important;} div.hp-app-copy {position: absolute;top: 10%;left:8%;width: 45%;text-align: center;} h1.hp-app-copy {color:#f0eada;font-size:25px;letter-spacing:2px;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;} .hp-app-lines {display: table;white-space: nowrap;width: 100%;margin-left: 1px;} .hp-app-lines:before {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.5em;width: 18%;right: -17%;} .hp-app-lines:after {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.5em;width: 18%;left: -17%;} h2.hp-app-copy {color: #f0eada;font-family: 'Tesora', sans-serif;font-size: 78px;line-height:1em;margin-top: 40px;} p.hp-app-copy {font-family: 'CorporativeSoftReg', sans-serif;color: #f0eada;margin-top: 25px;font-size: 16px;display:block;} .text-white { color: #fff; } .philzplease {top: 10%;width: 40%;left: 10%;} .philzplease-header {font-size: 78px;line-height: 78px;} .philzplease-body {font-size:15px; margin-top: 25px;} .philzplease-code {margin-top: 25px;font-size: 15px;} .red-sea-container {position: absolute;top: 15%;left:8%;width: 45%;text-align: center;} .red-sea-eye-brow {font-size:15px;letter-spacing:2px;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;} .red-sea-headline {font-family: 'Tesora', sans-serif;font-size: 78px;line-height:1em;margin-top: 35px;} .red-sea-copy {font-family: 'CorporativeSoftReg', sans-serif;margin-top: 5px;font-size: 18px;display:block;} .red-sea-fine-print {font-family: 'CorporativeSoftReg', sans-serif;margin-top: 15px;font-size: 14px;display:block;} /* HERO SLIDER STYLES \*----------------------------------------------------------*/ .hero-slider-container {margin: 15px auto;} .hero-left{top: 5%; left: 5%; width: 45%;} .hero-center{left:15%; width: 60%;} .hero-right{top: 5%; right: 5%; width: 50%;} .hero-slider-eye-brow {font-size:15px;} .hero-slider-headline {font-size: 68px; margin-top: 15px;} .hero-slider-copy {font-size: 18px; width: 80%;} .hero-slider-fine-print {margin-top: 15px; font-size: 14px;} .hero-slider-text-left {top: 15%; left:8%; width: 40%;} img.bom-hero-lettering-fix {margin: 15px 0 0; width: 50%;} .hero-slider-eye-brow-fix {font-size: 15px; letter-spacing: 1px; font-weight: bold; line-height: 35px; margin-bottom: 5px;} .hero-slider-container-fix {width: 60%; left: 20%; top: 5%;} .hero-slider-copy-fix {font-size: 15px; margin: 10px auto; width: 75%;} .btn-hp-app-fix {padding: 10px; margin: 5px auto 0; font-size: 9px; line-height: 9px;} .hero-slider-btn {padding: 10px 30px; margin: 20px auto 0; font-size: 13px;} .tesora-ground-eyebrow {font-size:15px;} .tesora-ground-headline {font-size: 78px; margin-top: 20px;} .tesora-ground-copy {font-size: 18px; margin-top: 0px;} .text-underline { text-decoration: underline; } .btn-hp-app { display: inline-block; border: 0; border-radius: 5px; background-color: #FFAD24; color: #3A2C22; padding: 10px 20px; vertical-align: middle; margin: 20px auto 0; position: relative; text-transform: uppercase; font-family: 'ProximaNovaReg', sans-serif; font-size: 12px; font-weight: bold; letter-spacing:1px; line-height: 12px; } div.ourstores-hero-text {position: absolute !important;width: 350px !important;text-align: center;top: 26%;background-image: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/Heroes/bg-min.png);padding: 35px;background-size: 100%;background-repeat: no-repeat;} h1.ourstores-hero-text {color: #735744;font-family: 'CorporativeSoftThin';font-size: 3.5em;line-height: 55px;letter-spacing: 1px;text-transform: uppercase;} p.ourstores-hero-text {font-size: 13px;color: #735744;line-height: 1.4;font-family: 'CorporativeSoftReg';margin-top: 20px;padding-bottom: 0px;} div.hp-special-copy {position:absolute; top:28%; width:50%; text-align: center;} h1.hp-special-copy {color:#efece4; font-family: 'Tesora', sans-serif; font-size:45px;} p.hp-special-copy {font-family: 'ProximaNovaLight', sans-serif; color: #efece4; margin-top:10px; font-size:16px; line-height: 22px; display: block;font-weight:600;} .btn-hp-special {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 10px 20px 5px !important;font-size: 12px;height: 30px !important;vertical-align: middle;margin: 20px 20px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 134px;} div.locations-hero {position:absolute !important;width: 100% !important;text-align: center;top:35%;margin-left:0px;} h1.locations-hero {color:#fff;font-family: 'CorporativeSoftReg';font-size: 4em;text-transform: uppercase;} .new-menu-mobile-pad {padding-left:0px;} .menu-background { background: url(https://www.philzcoffee.com/images/sca/chalkboard.jpg)no-repeat center center #555555; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 100px; margin-bottom: -80px !important;} h1.hp-app-copy-2 {color:#f0eada;font-size:13px;letter-spacing:2px;text-transform: uppercase;font-family: 'CorporativeSoftBold', sans-serif;} .hp-app-lines-2 {display: table;white-space: nowrap;width: 100%;margin-left: 1px;} .hp-app-lines-2:before {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.5em;width: 18%;right: -17%;} .hp-app-lines-2:after {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.5em;width: 18%;left: -17%;} div.bom-hero2-copy {position: absolute;top: 25%;width: 68%;text-align: center;} h1.bom-hero2-copy {color:#fff;font-size:16px;letter-spacing:2px;text-transform: uppercase;font-family: 'CorporativeSoftBold', sans-serif;} h1.bom-hero2-copy-brown {color:#3D2016;font-size:16px;letter-spacing:2px;text-transform: uppercase;font-family: 'CorporativeSoftBold', sans-serif;} h2.bom-hero2-copy {color: #fff;font-family: 'Tesora', sans-serif;font-size: 78px;margin-top: 35px;} p.bom-hero2-copy {font-family: 'CorporativeSoftReg', sans-serif;color: #fff;margin-top: 10px;font-size: 17px;display:block;} p.bom-hero2-copy-brown {font-family: 'CorporativeSoftReg', sans-serif;color: #3D2016;margin-top: 10px;font-size: 17px;display:block;width: 35%;} p.bom-hero2-quote {font-family: 'CorporativeSoftReg', sans-serif;color: #fff;margin-top: 20px;font-size: 14px;display:block;line-height: 17px;} p.bom-hero2-quote-brown {font-family: 'CorporativeSoftReg', sans-serif;color: #735744;margin-top: 20px;font-size: 14px;display:block;line-height: 17px;} .btn-bom-2 {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 10px 20px 5px !important;font-size: 12px;height: 30px !important;vertical-align: middle;margin: 20px 20px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 155px;} div.hp-loc-fivethumbails {width:20%;} div.insiders-hero-copy {position:absolute;top:2%;width:71%;margin:0 auto; text-align:center;} h1.insiders-hero-copy {font-family:'CorporativeSoftThin', sans-serif;font-size:48px;color:#311e10;} p.insiders-hero-copy {font-family:'CorporativeSoftReg', sans-serif;font-size:17px;color:#311e10;line-height:22px;margin-top:-10px;padding-left:17%;padding-right:17%;} div.new-bom-hero-copy {position: absolute;top: 28%;width: 100%;text-align: center;} h2.new-bom-hero-copy {color: #ffffff;font-family: 'BOTM', sans-serif;font-size: 78px;margin-top: 35px;letter-spacing: 2px;} h2.new-bom-hero-copy-brown {color: #735744;font-family: 'BOTM', sans-serif;font-size: 78px;margin-top: 35px;letter-spacing: 2px;} div.new-bom-hero-copy-temp {position: absolute;top: 23%;width: 100%;text-align: center;} img.bom-hero-lettering {margin: 15px 0 0; width: 30%;} div.ourstory-hero {position: absolute !important;width: 100% !important;text-align: center;top: 4%;margin-left: 0px;left:0%;} div.ourstory-hero-1 {position: absolute !important;width: 100% !important;text-align: center;top: 10%;margin-left: 0px;left:-1%;} div.ourstory-hero-1-chi {position: absolute !important;width: 100% !important;text-align: center;top: 10%;margin-left: 0px;left:-1%;} h1.ourstory-story {color: #735744;font-family: 'Tesora';font-size: 3.5em;} p.ourstory-story {color: #735744;font-family: 'CorporativeSoftReg';font-size: 18px;padding-left: 15%;padding-right: 15%;margin-bottom:15px;line-height: 25px;} h1.ourstory-mission {color: #735744;font-family: 'Tesora';font-size: 3em;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 8%;} p.ourstory-mission {color: #735744;font-family: 'CorporativeSoftReg';font-size: 16px;padding-left: 5%;padding-right: 5%;line-height: 21px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 35%;} h1.ourstory-mission-chi {color: #735744;font-family: 'Tesora';font-size: 3em;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 12%;} p.ourstory-mission-chi {color: #735744;font-family: 'CorporativeSoftReg';font-size: 16px;padding-left: 5%;padding-right: 5%;line-height: 21px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 32%;} img.ourstory-get-to-know {width: 175px;} img.ourstory-hero {margin-top: 20px;width:60%;} div.ourstory-people {padding-top: 50px;text-align: left;} div.ourstory-people-text {margin-top:6%;padding-right:1%;float:right;} img.ourstory-people {max-width: 480px;padding: 30px;float: right;margin-left:0px;} p.ourstory-people-head {font-family: 'Tesora';font-size: 50px;line-height: 57px;margin-bottom: 5px;} p.ourstory-people-subhead {font-family: 'CorporativeSoftReg', sans-serif;font-size: 15px;line-height: 24px;padding-left: 0px;padding-right: 0px;} .ourstory-people-button {letter-spacing: 1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 20px 5px !important;font-size: 14px;height: 40px !important;vertical-align: middle;margin: 20px 0px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 145px;text-align: center;} .ourstory-people-button-chi {letter-spacing: 1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 20px 5px !important;font-size: 14px;height: 40px !important;vertical-align: middle;margin: 20px 0px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 180px;text-align: center;} img.ourstory-coffee {max-width: 380px;padding: 30px;float: left;margin-left:0px;margin-bottom:0px;} div.ourstory-coffee {padding-top: 0px;margin-bottom: 50px;text-align: right;margin-top: 0px;} div.ourstory-coffee-text {margin-top: 9%;padding-left: 1%;float: left;} p.ourstory-coffee-head {font-family: 'Tesora';font-size: 50px;line-height: 57px;margin-bottom: 0px;} p.ourstory-coffee-subhead {font-family: 'CorporativeSoftReg', sans-serif;font-size: 15px;line-height: 24px;padding-left: 0px;padding-right: 0px;} h1.ourstory-experience {color: #735744;font-family: 'Tesora';font-size: 50px;} p.ourstory-experience {color: #735744;font-family: 'CorporativeSoftReg';font-size: 18px;padding-left: 5%;padding-right: 5%;line-height: 25px;} img.ourstory-beans {width:18%;margin-bottom:10px;margin-top:30px;} img.ourstory-grind {width:18%;margin-bottom:10px;margin-top:18px;} img.ourstory-brew {width:22%;margin-bottom:10px;margin-top:38px;} img.ourstory-perfect {width:39%;margin-bottom:10px;margin-top:11px;} p.ourstory-howtophilz {color: #735744;font-family: 'CorporativeSoftReg';font-size: 13px;line-height: 16px;} h2.ourstory-recommendations {display: inline-block;font-family: 'Tesora', sans-serif;font-size: 50px;} img.ourstory-phil {display: inline-block;width: 10%;position: relative;top: 13px;margin-left: 15px;} div.ourstory-outline {width:80%;border: solid rgba(115, 87, 68, 0.5);margin-left: 11%;margin-right: 10%;padding-top: 30px;padding-bottom: 30px;padding-left: 40px;padding-right: 40px;} div.ourstory-bubbles {margin-top:50px;} div.ourstory-bubbles-q {margin-top:50px;width:45%;display:inline-block;} div.ourstory-bubbles-a {margin-top:50px;width:47%;display:inline-block;padding-right: 5%} img.ourstory-bubbles-q {float: right;width: 64%;position: relative;margin-bottom: 35px;margin-right:30px;} p.ourstory-bubbles-q {position: absolute;left: 26%;top: 30%;line-height: 20px;font-size: 16px;text-align:left;width:15%;} p.ourstory-bubbles-q2 {position: absolute;left: 25.5%;top: 55.5%;line-height: 20px;font-size: 16px;text-align:left;width:14%;} p.ourstory-bubbles-q3 {position: absolute;left: 24.5%;top: 82.5%;line-height: 20px;font-size: 16px;text-align:left;width:17%;} img.ourstory-bubbles-a {float: left;width: 86%;position: relative;margin-bottom: 29px;} p.ourstory-bubbles-a {position: absolute;right: 24%;top: 30.5%;line-height: 20px;font-size: 16px;text-align:left;width:19%;} p.ourstory-bubbles-a2 {position: absolute;right: 24%;top: 55.5%;line-height: 20px;font-size: 16px;text-align:left;width:19%;} p.ourstory-bubbles-a3 {position: absolute;right: 22%;top: 80.5%;line-height: 20px;font-size: 16px;text-align:left;width:23%;} p.ourstory-tips {text-align: left;text-transform: uppercase;font-weight: bold;font-family: 'CorporativeSoftReg', sans-serif;font-size: 16px;margin-bottom: 5px;} ul.ourstory {text-align: left;} li.ourstory {list-style-type: disc;list-style-position: inside;margin-bottom:5px;font-family: 'CorporativeSoftReg', sans-serif;font-size:15px;} h1.careers-hero-text {color: #f2f0e9;font-family: 'Tesora';font-size: 3.8em;} img.careers-quote {max-width:200px;} div.careers-quote-copy {text-align: center;margin-top: 6%;margin-bottom:5%;} p.careers-quote-copy {padding-left: 15%;padding-right: 15%;font-size: 17px;} p.careers-quote-name {font-weight: bold;font-size: 17px;font-style: italic;margin-top: 15px;} img.carolyn-quote {max-width: 700px;padding: 30px;} ul.careers-nav {margin: 0;display: inline-table;font-family: 'CorporativeSoftReg';width: 100%;padding-bottom: 10px;} div.carolyn-quote-img {padding-left:5%;} img.carolyn {padding:20px;width:100%;} div.carolyn-quote-text {padding-left: 5%;padding-right: 10%;margin-top:5%;} p.carolyn-quote {font-size: 14px;} p.carolyn-quote-name {font-size: 14px;font-weight:bold;font-style:italic;margin-top:10px;padding-bottom:40px;} div.careers-value-one {padding-top: 30px;text-align: center;} img.careers-value-one {max-width:90%;padding:30px;} div.careers-value-one-text {margin-top:8%;padding-right:7%;} .careers-value-one-head {font-family: 'Tesora';font-size: 2.3em;line-height: 38px;margin-bottom: 20px;} div.careers-value-two {padding-top: 0px;margin-bottom: 10px;text-align: center;margin-top:50px;} img.careers-value-two {max-width:90%;padding:30px;} div.careers-value-two-text {margin-top:6%;padding-left:7%;} div.careers-value-three {padding-top: 0px;margin-bottom: 10px;text-align: center;} img.careers-value-three {padding:30px;max-width:90%;} p.careers-value-three-head {font-family: 'Tesora';font-size: 2.3em;margin-top: 70px;line-height: 38px;margin-bottom: 10px;} div.careers-value-four {padding-top: 0px;margin-bottom: 10px;text-align: center;margin-top:35px;} div.careers-value-four-text {margin-top:17%;padding-right:7%;} img.careers-value-four {max-width:90%;padding:30px;} div.careers-value-five {padding-top: 0px;margin-bottom: 25px;text-align: center;margin-top:40px;} .careers-value-subhead {font-family: 'CorporativeSoftReg', sans-serif;font-size: 14px;line-height: 18px;padding-left:0px;padding-right:0px;} h1.careers-values {font-family:'Tesora';font-size:3.7em;margin-bottom:-10px;} p.careers-values {font-family: 'CorporativeSoftReg';font-size: 16px;} img.get-to-know {margin-top: 15px;width: 175px;} img.philz-in-action {margin-top: 15px;width: 176px;} img.store-opening {margin-top: 15px;width: 233px;} h1.careers-connected {font-family:'Tesora';font-size:3.7em;} p.careers-connected {font-weight: bold;font-family: 'CorporativeSoftBold';font-size: 18px;} div.careers-welcome-hero-text {position: absolute !important;width: 100% !important;text-align: center;top: 48%;margin-left:0px;} h1.careers-welcome-hero-text {color: #f2f0e9;font-family: 'Tesora';font-size: 3.8em;} div.careers-welcome-hero2-text {position: absolute !important;width: 42% !important;text-align: center;top: 15%;right:5%;margin-left:0px;} h1.careers-welcome-hero2-text {color: #f2f0e9;font-family: 'Tesora';font-size: 3.8em;margin-bottom:7px;} p.careers-welcome-hero2-text {color: #f2f0e9;font-family: 'CorporativeSoftReg';font-size: 18px;padding-right:8%;padding-left:8%;line-height: 22px;} div.careers-welcome-hero3-text {position: absolute !important;width: 60% !important;text-align: center;top: 7%;left:3%;margin-left:0px;} h1.careers-welcome-hero3-text {color: #f2f0e9;font-family: 'Tesora';font-size: 3.8em;margin-bottom:0px;} p.careers-welcome-hero3-text {color: #f2f0e9;font-family: 'CorporativeSoftReg';font-size: 18px;padding-right:10%;padding-left:10%;line-height: 22px;} div.careers-perks-padding {padding-left: 5px !important;padding-right: 5px !important;margin-left: 15px !important;} h3.careers-perks {font-family: 'ProximaNovaReg';font-size: 18px;font-weight: bold;text-transform: uppercase;line-height: 1.5;margin-bottom:10px;} div.careers-perks-width {width:95%;margin:0 auto;} .module-chicago-insiders { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/chicago-insiders-module-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left; outline: 1px solid #5c4537; outline-offset: -15px;} div.chicago-insiders-copy {top:45% !important;} p.chicago-insiders-module {font-family: 'CorporativeSoftReg', sans-serif;color: #5c4537 !important;text-align: center !important;font-size: 13px !important;line-height: 20px !important;margin-top: 5px !important;margin-bottom:5px;} a.chicago-insiders-link {font-family: 'CorporativeSoftReg', sans-serif;color: #5c4537 !important;text-transform: uppercase !important;text-align: center !important;font-size: 14px !important;line-height: 20px !important;font-weight: bold !important;text-decoration: underline !important;position: relative !important;} .icon-legend { width: 60%; } /* FAQ PAGE \*------------------------------------------------------------------------*/ .grind-styles-right { padding: 10px 8px; } .customer-service-container { width: 85%; } .customer-service-list li p { font-size: 1.3em; line-height: 1.6em; } .secondary-smb-text{ width: 65%; font-size: 12px; } /* OUR COFFEE STYLES 11/2020 */ .our-coffee {top: 4%;} .our-coffee-header { font-size: 4.6rem; line-height: 4.6rem; } .our-coffee-body { margin-top: 5px; font-size: 1.2rem; line-height: 1.6rem; } .content-container { width: 80%; } .content-container p { font-size: 1rem; } .title { font-size: 2.6rem; } .sustainability-main { padding-top: 20px; } .we-do-item { padding: .75rem 0.5rem; } .icon-bean { margin-right: 1.25rem; } .f4f-content-container { width: 80%; padding-bottom: 40px; } .enjoy-container { padding-top: 30px; padding-bottom: 30px; } .gratitude-icon { width: 115px; height: 119px; } .chemex-icon { width: 90px; height: 119px; } .philz-cup-icon { width: 68px; height: 119px; } .flex-third h4 { font-size: 1.2rem; } .flex-third a { font-size: 1rem; } .survey-hero-container { top: 5%; left: 15%; width: 70%; } .survey-hero-headline { font-size: 80px; margin-top: 5px; margin-bottom: 20px; } .survey-hero-copy { margin: 10px auto; font-size: 20px; } } /* END LAPTOP - LARGE */ /* EXTRA WIDE \*------------------------------------------------------------------------*/ @media only screen and (min-device-width: 2000px) { div.template-1 {position: absolute;top: 37%;width: 58%;text-align: center;} div.template-2 {position: absolute;top: 20%;width: 58%;text-align: center;} div.template-3 {position: absolute;top: 10%;width: 58%;text-align: center;} div.template-4 {position: absolute;top: 33%;width: 58%;text-align: center;right:0%;} div.template-5 {position: absolute;top: 20%;width: 58%;text-align: center;right:0%;} div.template-6 {position: absolute;top: 10%;width: 58%;text-align: center;right:0%;} div.template-7 {position: absolute;top: 33%;width: 100%;text-align: center;} div.template-8 {position: absolute;top: 7%;width: 100%;text-align: center;} div.template-9 {position: absolute;top: 33%;width: 60%;text-align: center;} div.template-10 {position: absolute;top: 18%;width: 60%;text-align: center;} div.template-11 {position: absolute;top: 7%;width: 60%;text-align: center;} div.template-12 {position: absolute;top: 33%;width: 60%;text-align: center;right:0%;} div.template-13 {position: absolute;top: 18%;width: 60%;text-align: center;right:0%;} div.template-14 {position: absolute;top: 7%;width: 60%;text-align: center;right:0%;} div.template-15 {position: absolute;top: 10%;width: 60%;text-align: left;left:10%;} div.template-16 {position: absolute;top: 10%;width: 60%;text-align: left;left:10%;} div.template-17 {position: absolute;top: 10%;width: 60%;text-align: right;right:10%;} div.template-18 {position: absolute;top: 10%;width: 60%;text-align: right;right:10%;} div.template-19 {position: absolute;top: 39%;width: 58%;text-align: center;} div.template-20 {position: absolute;top: 20%;width: 58%;text-align: center;} div.template-21 {position: absolute;top: 10%;width: 58%;text-align: center;} div.template-22 {position: absolute;top: 39%;width: 58%;text-align: center;right:0%;} div.template-23 {position: absolute;top: 20%;width: 58%;text-align: center;right:0%;} div.template-24 {position: absolute;top: 10%;width: 58%;text-align: center;right:0%;} div.template-25 {position: absolute;top: 39%;width: 100%;text-align: center;} div.template-26 {position: absolute;top: 7%;width: 100%;text-align: center;} div.template-27 {position: absolute;top: 35%;width: 60%;text-align: center;} div.template-28 {position: absolute;top: 18%;width: 60%;text-align: center;} div.template-29 {position: absolute;top: 7%;width: 60%;text-align: center;} div.template-30 {position: absolute;top: 35%;width: 60%;text-align: center;right:0%;} div.template-31 {position: absolute;top: 18%;width: 60%;text-align: center;right:0%;} div.template-32 {position: absolute;top: 7%;width: 60%;text-align: center;right:0%;} div.template-33 {position: absolute;top: 10%;width: 60%;text-align: left;left:10%;} div.template-34 {position: absolute;top: 10%;width: 60%;text-align: left;left:10%;} div.template-35 {position: absolute;top: 10%;width: 60%;text-align: right;right:10%;} div.template-36 {position: absolute;top: 10%;width: 60%;text-align: right;right:10%;} h1.template-header {color: #ffffff;font-family: 'Tesora', sans-serif;font-size: 120px;letter-spacing: 0px;text-transform: none;line-height:70px;margin-bottom:0px;} p.template-body {font-family: 'CorporativeSoftReg', sans-serif;color: #ffffff;margin-top: 15px;font-size: 25px;display: block;line-height: 35px;} p.template-hashtag {font-family: 'CorporativeSoftBold', sans-serif;color: #ffffff;margin-top: 30px;font-size: 20px;display: block;line-height: 22px;letter-spacing: 0.25px;} p.template-eyebrow {font-family: 'CorporativeSoftBold', sans-serif;color: #ffffff;margin-top: 0px;font-size: 25px;display: block;line-height: 22px;letter-spacing: 2px;text-transform:uppercase;margin-bottom:50px;} .template-btn {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 15px 20px 5px !important;font-size: 17px;height: 44px !important;vertical-align: middle;margin: 30px 20px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 210px;} .template-btn-left {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 20px 5px !important;font-size: 17px;height: 44px !important;vertical-align: middle;margin: 30px 20px 0px 0px;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 210px;text-align:center;} .template-btn-right {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 20px 5px !important;font-size: 17px;height: 44px !important;vertical-align: middle;margin: 30px 0px 0px 20px;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 210px;text-align:center;} div.holiday2019 {position: absolute;top: 33%;width: 58%;text-align: center;} h1.holiday2019 {color: #ffffff;font-family: 'Tesora', sans-serif;font-size: 120px;letter-spacing: 0px;text-transform: none;line-height:70px;margin-bottom:0px;} p.holiday2019 {font-family: 'ProximaNova-Medium', sans-serif;color: #ffffff;margin-top: 35px;font-size: 25px;display: block;line-height: 35px;} p.holiday2019-hashtag {font-family: 'ProximaNova-Medium', sans-serif;color: #ffffff;margin-top: 30px;font-size: 20px;display: block;line-height: 22px;font-weight: 600;letter-spacing: 0.25px;} div.hp-loc-thumbnail-text {position: absolute;top: 78%;width: 92%;} p.hp-loc-thumbnail-text {color: #fff;font-size: 13px;text-transform: uppercase;font-weight: bold;} p.hp-loc-tn-text {color: #735744;font-size: 16px;text-transform: uppercase;margin-top:8px;margin-bottom:0px;font-weight: normal;} .carousel-pause-button {position: absolute;top: 93.4%;left: 92.1%;display: block;z-index: 3;background-color: transparent;width:13px;} .carousel-indicators {position: absolute;top: 93.6% !important;left: 93.2% !important;z-index: 2 !important;margin: 0 auto !important;list-style: none;text-align: center !important;width: 12% !important;margin-left: 0px !important;padding-left: 0px !important;} .carousel-controls-bg {background-color: rgba(115, 87, 68, .65);width: 130px;height: 40px;z-index: 2;position: absolute;top: 92%;left: 91%;border-radius:4px;} div.bom-hero-copy {position: absolute;top: 50% !important;left: 34.5% !important;width: 28% !important;text-align: center;} h1.bom-hero-copy {font-weight: bolder;color: #382517;font-size:100px !important;text-transform: uppercase;letter-spacing: 3px;} p.bom-hero-copy-1 {font-family: 'ProximaNovaReg', sans-serif;text-transform: uppercase;font-weight: 500;letter-spacing: 3px !important;color: #382517;font-size: 34px !important;margin-left: 5px !important;margin-top: 10px !important;} p.bom-hero-copy-2 {border-top: 1px solid #382517;color: #382517;font-size: 23px !important;font-family: 'ProximaNovaReg', sans-serif;margin-top: 10px !important;padding-top: 15px !important;width:76%;} p.bom-hero-copy-3 {font-family: 'ProximaNovaReg', sans-serif;text-transform: uppercase;font-weight: 500;letter-spacing: 1px !important;color: #382517;font-size: 18px !important;margin-bottom:-8px;} .btn-bom-hero {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 15px 10px 5px !important;font-size: 22px !important;height: 50px !important;vertical-align: middle;margin: 20px 20px 0 !important;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 230px !important;} div.hp-app-copy {position: absolute;top: 15%;left:8%;width: 35%;text-align: center;} h1.hp-app-copy {color:#f0eada;font-size:25px;letter-spacing:2px;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;} .hp-app-lines {display: table;white-space: nowrap;width: 100%;margin-left: 1px;} .hp-app-lines:before {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.5em;width: 18%;right: -17%;} .hp-app-lines:after {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.5em;width: 18%;left: -17%;} h2.hp-app-copy {color: #f0eada;font-family: 'Tesora', sans-serif;font-size: 115px;line-height:1em;margin-top: 50px;} p.hp-app-copy {font-family: 'CorporativeSoftReg', sans-serif;color: #f0eada;margin-top: 35px;font-size: 20px;display:block;} .text-white { color: #fff; } .red-sea-container {position: absolute;top: 25%;left:8%;width: 45%;text-align: center;} .red-sea-eye-brow {font-size:30px;letter-spacing:2px;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;} .red-sea-headline {font-family: 'Tesora', sans-serif;font-size: 150px;line-height:1em;margin-top: 35px;} .red-sea-copy {font-family: 'CorporativeSoftReg', sans-serif;margin-top: 15px;font-size: 40px;display:block;} .red-sea-fine-print {font-family: 'CorporativeSoftReg', sans-serif;margin-top: 20px;font-size: 20px;display:block;} /* HERO SLIDER STYLES \*----------------------------------------------------------*/ .hero-left{top: 15%; left: 5%; width: 40%;} .hero-center{left:20%; width: 60%;} .hero-right{top: 15%; right: 5%; width: 40%;} .hero-slider-eye-brow {font-size:30px;} .hero-slider-headline {font-size: 150px; margin-top: 35px;} .hero-slider-copy {font-size: 40px; width: 100%;} .subscriptions-landing .hero-slider-copy {font-size: 18px} .hero-slider-fine-print {margin-top: 20px; font-size: 20px;} .hero-slider-text-left {top: 25%;} img.bom-hero-lettering-fix {margin: 50px; width: 55%;} .hero-slider-eye-brow-fix {font-size: 30px; letter-spacing: 1px; font-weight: bold; line-height: 35px; margin-bottom: 30px;} .hero-slider-container-fix {width: 60%; left: 20%; top: 5%;} .hero-slider-copy-fix {font-size: 40px; margin: 10px auto; width: 75%;} .btn-hp-app-fix {padding: 20px 30px; margin: 40px 20px 0; font-size: 25px; line-height: 25px;} .hero-slider-btn { font-size: 20px; padding: 20px 40px; margin: 25px 20px 0; } .tesora-ground-eyebrow {font-size:30px;} .tesora-ground-headline {font-size: 150px;} .tesora-ground-copy {font-size: 40px;} .text-underline { text-decoration: underline; } .btn-red-sea { display: inline-block; border: 0; border-radius: 5px; background-color: #FFAD24; color: #3A2C22; padding: 20px 40px; vertical-align: middle; margin: 40px 20px 0; top: 0px; position: relative; text-transform: uppercase; font-family: 'ProximaNovaReg', sans-serif; font-size: 25px; font-weight: bold; letter-spacing:1px; line-height: 15px; } .btn-hp-app { display: inline-block; border: 0; border-radius: 5px; background-color: #FFAD24; color: #3A2C22; padding: 15px 20px; vertical-align: middle; margin: 40px 20px 0; top: 0px; position: relative; text-transform: uppercase; font-family: 'ProximaNovaReg', sans-serif; font-size: 15px; font-weight: bold; letter-spacing:1px; line-height: 15px; } h1.recruiting-hero-copy {color: #735744;font-size: 80px;text-transform: uppercase;} p.recruiting-hero-copy {font-family: 'CorporativeSoftReg', sans-serif;color:#735744;font-size:24px;} h1.careers-welcome-hero-text {color: #f2f0e9;font-family: 'Tesora';font-size: 6em !important;} p.careers-welcome-hero-text {color: #f2f0e9;font-family: 'CorporativeSoftReg';font-size: 24px !important;} h1.careers-welcome-hero2-text {color: #f2f0e9;font-family: 'Tesora';font-size: 6em !important;margin-bottom:7px;} p.careers-welcome-hero2-text {color: #f2f0e9;font-family: 'CorporativeSoftReg';font-size: 24px !important;padding-right:10%;padding-left:10%;line-height: 28px !important;} h1.careers-welcome-hero3-text {color: #f2f0e9;font-family: 'Tesora';font-size: 6em !important;margin-bottom:7px;} p.careers-welcome-hero3-text {color: #f2f0e9;font-family: 'CorporativeSoftReg';font-size: 24px !important;padding-right:10%;padding-left:10%;line-height: 28px !important;} div.ourstores-hero-text {position: absolute !important;width: 600px !important;text-align: center;top: 28%;background-image: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/Heroes/bg-min.png);padding: 65px;background-size: 100%;background-repeat: no-repeat;} h1.ourstores-hero-text {color: #735744;font-family: 'CorporativeSoftThin';font-size: 6em;line-height: 90px;letter-spacing: 1px;text-transform: uppercase;} p.ourstores-hero-text {font-size: 20px;color: #735744;line-height: 1.4;font-family: 'CorporativeSoftReg';margin-top: 28px;padding-bottom: 10px;} div.hp-special-copy {position:absolute; top:32%; width:50%; text-align: center;} h1.hp-special-copy {color:#efece4; font-family: 'Tesora', sans-serif; font-size:95px;} p.hp-special-copy {font-family: 'ProximaNovaLight', sans-serif; color: #efece4; margin-top:20px; font-size:24px; line-height: 32px; display: block;font-weight:600;} .btn-hp-special {letter-spacing:1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 15px 20px 5px !important;font-size: 17px;height: 44px !important;vertical-align: middle;margin: 30px 20px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 190px;} div.locations-hero {position:absolute !important;width: 100% !important;text-align: center;top:38%;margin-left:0px;} h1.locations-hero {color:#fff;font-family: 'CorporativeSoftReg';font-size: 6em;text-transform: uppercase;} .new-menu-mobile-pad {padding-left:0px;} .menu-background { background: url(https://www.philzcoffee.com/images/sca/chalkboard.jpg)no-repeat center center #555555; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 100px; margin-bottom: -80px !important;} h1.hp-app-copy-2 {color:#f0eada;font-size:22px;letter-spacing:2px;text-transform: uppercase;font-family: 'CorporativeSoftBold', sans-serif;} .hp-app-lines-2 {display: table;white-space: nowrap;width: 100%;margin-left: 1px;} .hp-app-lines-2:before {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.5em;width: 8%;right: -21%;} .hp-app-lines-2:after {border-top: 1px solid white;content: '';display: table-cell;position: relative;top: 0.5em;width: 8%;left: -21%;} div.bom-hero2-copy {position: absolute;top: 27%;width: 62%;text-align: center;} h1.bom-hero2-copy {color:#fff;font-size:27px;letter-spacing:2px;text-transform: uppercase;font-family: 'CorporativeSoftBold', sans-serif;} h1.bom-hero2-copy-brown {color:#3D2016;font-size:27px;letter-spacing:2px;text-transform: uppercase;font-family: 'CorporativeSoftBold', sans-serif;} h2.bom-hero2-copy {color: #fff;font-family: 'Tesora', sans-serif;font-size: 135px;margin-top: 70px;} p.bom-hero2-copy {font-family: 'CorporativeSoftReg', sans-serif;color: #fff;margin-top: 30px;font-size: 26px;display:block;} p.bom-hero2-copy-brown {font-family: 'CorporativeSoftReg', sans-serif;color: #3D2016;margin: 0px auto;font-size: 40px;display:block;width:35%;} p.bom-hero2-quote {font-family: 'CorporativeSoftReg', sans-serif;color: #fff;margin-top: 40px;font-size: 20px;display:block;line-height: 25px;} p.bom-hero2-quote-brown {font-family: 'CorporativeSoftReg', sans-serif;color: #735744;margin-top: 40px;font-size: 20px;display:block;line-height: 25px;} .btn-bom-2 {font-size: 20px; padding: 20px 40px; margin: 25px 20px 0;} div.hp-loc-fivethumbails {width:20%;} div.insiders-hero-copy {position:absolute;top:2%;width:37%;margin:0 auto; text-align:center;} h1.insiders-hero-copy {font-family:'CorporativeSoftThin', sans-serif;font-size:48px;color:#311e10;} p.insiders-hero-copy {font-family:'CorporativeSoftReg', sans-serif;font-size:17px;color:#311e10;line-height:22px;margin-top:-10px;padding-left:17%;padding-right:17%;} div.new-bom-hero-copy {position: absolute;top: 32%;width: 100%;text-align: center;} h2.new-bom-hero-copy {color: #ffffff;font-family: 'BOTM', sans-serif;font-size: 135px;margin-top: 70px;letter-spacing: 2px;} h2.new-bom-hero-copy-brown {color: #735744;font-family: 'BOTM', sans-serif;font-size: 135px;margin-top: 70px;letter-spacing: 2px;} div.new-bom-hero-copy-temp {position: absolute;top: 25%;width: 100%;text-align: center;} img.bom-hero-lettering {margin: 20px; width: 30%;} img.nav-homemade {margin-right: 60px;width:175.5px;} img.nav-handmade {margin-right: 60px;width:167.8px;} img.nav-breakfast {margin-right: 60px;margin-left: 60px;width:135.5px;} img.nav-pastries {margin-right: 60px;margin-left: 60px;width:98px;} img.nav-muffins {margin-right: 60px;margin-left: 60px;width:175.5px;} img.nav-cookies {margin-right: 60px;margin-left: 60px;width:157.5px;} img.nav-bagels {position: relative;top: 3.5px;margin-left: 60px;width:168.2px;} div.food-menu-background-homemade {background: url(https://system.na3.netsuite.com/c.1145465/images/sca/food/chalkboard-min.jpg)no-repeat center center #555555; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 195px; margin-bottom: -80px;} div.food-menu-background {background: url(https://system.na3.netsuite.com/c.1145465/images/sca/food/chalkboard-min.jpg)no-repeat center center #555555; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-bottom: 165px; margin-bottom: -80px;} div.ourstory-hero {position: absolute !important;width: 100% !important;text-align: center;top: 6%;margin-left: 0px;left:0%;} div.ourstory-hero-1 {position: absolute !important;width: 100% !important;text-align: center;top: 17%;margin-left: 0px;left:-1%;} div.ourstory-hero-1-chi {position: absolute !important;width: 100% !important;text-align: center;top: 17%;margin-left: 0px;left:-1%;} h1.ourstory-story {color: #735744;font-family: 'Tesora';font-size: 6em;} p.ourstory-story {color: #735744;font-family: 'CorporativeSoftReg';font-size: 28px;padding-left: 25%;padding-right: 25%;margin-bottom:25px;line-height: 40px;} h1.ourstory-mission {color: #735744;font-family: 'Tesora';font-size: 5.5em;margin-top:50px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 16%;} p.ourstory-mission {color: #735744;font-family: 'CorporativeSoftReg';font-size: 24px;padding-left: 20%;padding-right: 20%;line-height: 35px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 36%;} h1.ourstory-mission-chi {color: #735744;font-family: 'Tesora';font-size: 5.5em;margin-top:50px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 13%;} p.ourstory-mission-chi {color: #735744;font-family: 'CorporativeSoftReg';font-size: 24px;padding-left: 20%;padding-right: 20%;line-height: 35px;position: absolute;margin: 0 auto;text-align: center;width: 100%;top: 33%;} img.ourstory-get-to-know {width: 250px;} img.ourstory-hero {margin-top: 50px;width:70%;} img.ourstory-hat {position: relative;/*display: block*/;margin: 0 auto;width: 40%;padding-top: 4%;} div.ourstory-people {padding-top: 50px;text-align: left;} div.ourstory-people-text {margin-top:7.5%;padding-right:10%;float: right;} img.ourstory-people {max-width: 750px;padding: 30px;float: right;margin-left:0px;} p.ourstory-people-head {font-family: 'Tesora';font-size: 60px;line-height: 57px;margin-bottom: 5px;} p.ourstory-people-subhead {font-family: 'CorporativeSoftReg', sans-serif;font-size: 18px;line-height: 27px;padding-left: 0px;padding-right: 0px;} .ourstory-people-button {letter-spacing: 1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 20px 5px !important;font-size: 14px;height: 40px !important;vertical-align: middle;margin: 20px 0px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 145px;text-align: center;} .ourstory-people-button-chi {letter-spacing: 1px;display: inline-block;border: 0;border-radius: 5px;background-color: #FFAD24;color: #3A2C22;padding: 13px 20px 5px !important;font-size: 14px;height: 40px !important;vertical-align: middle;margin: 20px 0px 0;top: 0px;position: relative;text-transform: uppercase;font-family: 'ProximaNovaReg', sans-serif;font-weight: bold;width: 180px;text-align: center;} img.ourstory-coffee {max-width: 580px;padding: 30px;float: left;margin-left:0px;margin-bottom:0px;} div.ourstory-coffee {padding-top: 30px;margin-bottom: 50px;text-align: right;margin-top: 55px;} div.ourstory-coffee-text {margin-top: 10%;padding-left: 10%;float: left;} p.ourstory-coffee-head {font-family: 'Tesora';font-size: 60px;line-height: 57px;margin-bottom: 0px;} p.ourstory-coffee-subhead {font-family: 'CorporativeSoftReg', sans-serif;font-size: 18px;line-height: 27px;padding-left: 0px;padding-right: 0px;} h1.ourstory-experience {color: #735744;font-family: 'Tesora';font-size: 60px;} p.ourstory-experience {color: #735744;font-family: 'CorporativeSoftReg';font-size: 22px;padding-left: 20%;padding-right: 20%;line-height: 32px;} h2.ourstory-recommendations {display: inline-block;font-family: 'Tesora', sans-serif;font-size: 65px;} div.ourstory-bubbles-q {margin-top:50px;width:45%;display:inline-block;} div.ourstory-bubbles-a {margin-top:50px;width:47%;display:inline-block;padding-right: 6%} p.ourstory-bubbles-q {position: absolute;left: 28%;top: 26%;line-height: 26px;font-size: 22px;text-align:left;width:12%;} p.ourstory-bubbles-q2 {position: absolute;left: 28%;top: 54%;line-height: 26px;font-size: 22px;text-align:left;width:11%;} p.ourstory-bubbles-q3 {position: absolute;left: 27%;top: 83%;line-height: 26px;font-size: 22px;text-align:left;width:15%;} p.ourstory-bubbles-a {position: absolute;right: 27%;top: 27%;line-height: 26px;font-size: 22px;text-align:left;width:15%;} p.ourstory-bubbles-a2 {position: absolute;right: 26%;top: 54%;line-height: 26px;font-size: 22px;text-align:left;width:16%;} p.ourstory-bubbles-a3 {position: absolute;right: 23%;top: 82%;line-height: 26px;font-size: 22px;text-align:left;width:21%;} p.ourstory-tips {text-align: left;text-transform: uppercase;font-weight: bold;font-family: 'CorporativeSoftReg', sans-serif;font-size: 20px;margin-bottom: 5px;} li.ourstory {list-style-type: disc;list-style-position: inside;margin-bottom:5px;font-family: 'CorporativeSoftReg', sans-serif;font-size:18px;} div.careers-value-one-text {margin-top:3%;padding-right:25%;} div.careers-value-two-text {margin-top:2.5%;padding-left:25%;} div.careers-value-four-text {margin-top:9%;padding-right:25%;} div.carolyn-quote-img {padding-left:5%;} img.carolyn {padding:20px;width:80%;} div.carolyn-quote-text {padding-left: 5%;padding-right: 10%;margin-top:5%;} p.carolyn-quote {font-size: 18px;} p.carolyn-quote-name {font-size: 18px;font-weight:bold;font-style:italic;margin-top:10px;padding-bottom:50px;} div.careers-quote-copy {text-align: center;margin-top: 13%;margin-bottom:5%;} p.careers-quote-copy {padding-left: 15%;padding-right: 15%;font-size: 17px;} p.careers-quote-name {font-weight: bold;font-size: 17px;font-style: italic;margin-top: 15px;} .module-chicago-insiders { background: url(https://system.na3.netsuite.com/c.1145465/images/sca/locations/chicago-insiders-module-min.jpg) center center; background-size: cover; height: 270px; position: relative; float: left; outline: 1px solid #5c4537; outline-offset: -15px;} div.chicago-insiders-copy {top:45% !important;} p.chicago-insiders-module {font-family: 'CorporativeSoftReg', sans-serif;color: #5c4537 !important;text-align: center !important;font-size: 15px !important;line-height: 20px !important;margin-top: 5px !important;margin-bottom:5px;} a.chicago-insiders-link {font-family: 'CorporativeSoftReg', sans-serif;color: #5c4537 !important;text-transform: uppercase !important;text-align: center !important;font-size: 14px !important;line-height: 20px !important;font-weight: bold !important;text-decoration: underline !important;position: relative !important;} .secondary-smb-text{ width: 30%; font-size: 14px; } /* OUR COFFEE PAGE STYLES */ .our-coffee-header { font-size: 10.6rem; line-height: 10.6rem; } .our-coffee-body { font-size: 30px; line-height: 50px; } .content-container p { font-size: 1.6rem; } .sustainability-main { padding-top: 20px; } .title { font-size: 4.6rem; line-height: 4.6rem; } .sustainability-detail { width: 80%; line-height: 1.3; } .flex-third h4 { font-size: 2rem; } .flex-third a { font-size: 1.6rem; line-height: 1.2; } } /* END EXTRA WIDE */