/****************************************************************** Site Name: Burke Corporation Author: JT Mega - Kurt Menne Stylesheet: Main Stylesheet ******************************************************************/ @charset "UTF-8"; /* HTML5 display definitions ========================================================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } /* Defaults =========================================================================================== */ html { font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; } a:link { text-decoration: none;} a:focus { outline: none; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { font-weight: normal; background: transparent; } p, pre { margin: 1em 0; } code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ''; content: none; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } menu, ol, ul { padding: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; } img { border: 0; -ms-interpolation-mode: bicubic; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; *overflow: visible; } button[disabled], html input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input, select, textarea { color: #000 !important; } textarea { overflow: auto; vertical-align: top; } input { border-radius: 0; -webkit-border-radius: 0; } table { border-collapse: collapse; border-spacing: 0; } /* Base styles: ======================================================================================= */ html, button, input, select, textarea { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; color: #333; } body { font-size: 1em; line-height: 1.4; margin: 0; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } img { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } /* Custom Fonts ====================================================================================== */ @font-face{ font-family:"TradeGothicW01-BoldCn20_675334"; src:url("../fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix"); src:url("../fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix") format("eot"),url("../fonts/1ba28851-f34b-4cb8-bf58-6a4b160ba249.woff2") format("woff2"),url("../fonts/5fdc935e-9e30-442a-bbe9-8d887b858471.woff") format("woff"),url("../fonts/616c4c87-a077-43f4-a9f4-f01267c13818.ttf") format("truetype"),url("../fonts/c901ad5f-a842-4549-a1f4-583a97f7e169.svg#c901ad5f-a842-4549-a1f4-583a97f7e169") format("svg"); } /* Icon Font ========================================================================================= */ @font-face { font-family: 'fontello'; src: url('../fonts/fontello.eot?m77peu'); src: url('../fonts/fontello.eot?m77peu#iefix') format('embedded-opentype'), url('../fonts/fontello.woff?m77peu') format('woff'), url('../fonts/fontello.ttf?m77peu') format('truetype'), url('../fonts/fontello.svg?m77peu#fontello') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; } .icon-instagram:before { content: '\e900'; } .icon-circle:before { content: '\e800'; } .icon-attention:before { content: '\e801'; } .icon-right-open:before { content: '\e802'; } .icon-youtube:before { content: '\e803'; } .icon-rss:before { content: '\e804'; } .icon-arrow-combo:before { content: '\e805'; } .icon-left-open:before { content: '\e806'; } .icon-ok:before { content: '\e807'; } .icon-twitter:before { content: '\e808'; } .icon-cancel-circled-1:before { content: '\e809'; } .icon-check-empty:before { content: '\e80a'; } .icon-linkedin-1:before { content: '\e80b'; } .icon-check:before { content: '\e80c'; } .icon-search:before { content: '\e80d'; } .icon-gplus-1:before { content: '\e80e'; } .icon-facebook-1:before { content: '\e810'; } .icon-spin2:before { content: '\e813'; } .icon-left-open-big:before { content: '\e815'; } .icon-right-open-big:before { content: '\e816'; } .icon-menu:before { content: '\e819'; } .icon-right-dir:before { content: '\e82f' !important; } .icon-down-dir:before { content: '\e831'; } /* ANIMATION FOR icon-spinner ====================================================================== */ .animate-spin { -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; display: inline-block; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Custom styles ====================================================================================== */ /* GENERAL ============================================================================= */ html, body { height: auto; min-height: 100%; overflow-x: hidden; -webkit-font-smoothing: antialiased; } body { background: url('../img/common/bg.png') repeat center top; } #pageWrapper { position: relative; background: url('../img/common/bg-top.jpg') no-repeat center top; } .wrap { position: relative; width: 100%; max-width: 960px; margin: 0 auto; } iframe { width: 100%; } .desktop { display: none; } .mobile { display: block; } /* Browser Upgrade Warning =========================================================================== */ .oldBrowserAlertWrap { width: 100%; position: relative; background: rgba(0,0,0,.5); z-index: 99; } .oldBrowserAlert { color: #FFF; text-align: center; padding: 2em; background: red; -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,.7); box-shadow: 1px 1px 1px 1px rgba(0,0,0,.7); z-index: 999; } .oldBrowserAlert p { margin-top: 0; } .oldBrowserAlert strong { font-size: 1.25em; } .oldBrowserAlert a:link, .oldBrowserAlert a:visited { color: yellow; text-decoration: underline !important; } .oldBrowserAlert a:hover, .oldBrowserAlert a:focus, .oldBrowserAlert a:active { color: #4f1d2f !important; } /* LINKS =============================================================================== */ a, a:visited { color: #b21a19; text-decoration: none !important; } a:hover, a:visited:hover, a:focus, a:visited:focus { color: #e2383f; } a:link, a:visited:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); } /* BUTTONS ============================================================================= */ a.sampleRequest { display: inline-block; color: #FFF; padding: .37em .5em; margin: 0 .5em 0 0; vertical-align: middle; -webkit-border-radius: .25em; border-radius: .25em; background: rgb(122,13,67); background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhMGQ0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MjEwM2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(top, rgba(122,13,67,1) 0%, rgba(114,16,63,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,13,67,1)), color-stop(100%,rgba(114,16,63,1))); background: -webkit-linear-gradient(top, rgba(122,13,67,1) 0%,rgba(114,16,63,1) 100%); background: -o-linear-gradient(top, rgba(122,13,67,1) 0%,rgba(114,16,63,1) 100%); background: -ms-linear-gradient(top, rgba(122,13,67,1) 0%,rgba(114,16,63,1) 100%); background: linear-gradient(to bottom, rgba(122,13,67,1) 0%,rgba(114,16,63,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a0d43', endColorstr='#72103f',GradientType=0 ); } .lt-ie10 a.sampleRequest { filter: none; } a.sampleRequest:hover, a.sampleRequest:focus, a.sampleRequest:active { color: #FFF; background: #e2383f; } .calculator-btn:link, .calculator-btn:visited, .reset_calculator:link, .reset_calculator:visited { color: #FFF; text-shadow: rgba(0,0,0,.01) 0 0 1px; padding: .5em; margin: 0 .5em .5em 0; -webkit-border-radius: .25em; border-radius: .25em; background: rgb(102,124,186); background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2N2NiYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDEzNDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(top, rgba(102,124,186,1) 0%, rgba(0,19,73,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(102,124,186,1)), color-stop(100%,rgba(0,19,73,1))); background: -webkit-linear-gradient(top, rgba(102,124,186,1) 0%,rgba(0,19,73,1) 100%); background: -o-linear-gradient(top, rgba(102,124,186,1) 0%,rgba(0,19,73,1) 100%); background: -ms-linear-gradient(top, rgba(102,124,186,1) 0%,rgba(0,19,73,1) 100%); background: linear-gradient(to bottom, rgba(102,124,186,1) 0%,rgba(0,19,73,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#667cba', endColorstr='#001349',GradientType=0 ); } .lt-ie10 .calculator-btn:link, .lt-ie10 .calculator-btn:visited, .lt-ie10 .reset_calculator:link, .lt-ie10 .reset_calculator:visited { filter: none; } .calculator-btn:link, .calculator-btn:visited { display: block; } .reset_calculator:link, .reset_calculator:visited { } .calculator-btn:hover, .calculator-btn:focus, .calculator-btn:active, .reset_calculator:hover, .reset_calculator:focus, .reset_calculator:active { background: #b01d20; } .calculator-copy { display: block; font-size: 80%; font-weight: normal; } a.contact-section { display: block; color: #FFF; padding: .3em .5em; margin: .5em 0; vertical-align: middle; -webkit-border-radius: .25em; border-radius: .25em; background: rgb(122,13,67); background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhMGQ0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MjEwM2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(top, rgba(122,13,67,1) 0%, rgba(114,16,63,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,13,67,1)), color-stop(100%,rgba(114,16,63,1))); background: -webkit-linear-gradient(top, rgba(122,13,67,1) 0%,rgba(114,16,63,1) 100%); background: -o-linear-gradient(top, rgba(122,13,67,1) 0%,rgba(114,16,63,1) 100%); background: -ms-linear-gradient(top, rgba(122,13,67,1) 0%,rgba(114,16,63,1) 100%); background: linear-gradient(to bottom, rgba(122,13,67,1) 0%,rgba(114,16,63,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a0d43', endColorstr='#72103f',GradientType=0 ); } .lt-ie10 a.contact-section { filter: none; } a.contact-section.active, a.contact-section:hover, a.contact-section:focus, a.contact-section:active { color: #FFF; background: #e2383f; } a.red-btn, #slides li a { display: inline-block; font-family:"TradeGothicW01-BoldCn20_675334", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 1.2em; color: #FFF; text-transform: uppercase; padding: .3em .5em; margin: .5em .25em .5em 0; vertical-align: middle; -webkit-border-radius: .25em; border-radius: .25em; background: rgb(145,12,12); background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkxMGMwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZTAxMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(top, rgba(145,12,12,1) 0%, rgba(94,1,0,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(145,12,12,1)), color-stop(100%,rgba(94,1,0,1))); background: -webkit-linear-gradient(top, rgba(145,12,12,1) 0%,rgba(94,1,0,1) 100%); background: -o-linear-gradient(top, rgba(145,12,12,1) 0%,rgba(94,1,0,1) 100%); background: -ms-linear-gradient(top, rgba(145,12,12,1) 0%,rgba(94,1,0,1) 100%); background: linear-gradient(to bottom, rgba(145,12,12,1) 0%,rgba(94,1,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#910c0c', endColorstr='#5e0100',GradientType=0 ); } .lt-ie10 a.red-btn, .lt-ie10 #slides li a { filter: none; } a.red-btn:hover, a.red-btn:focus, a.red-btn:active, #slides li a:hover, #slides li a:focus, #slides li a:active { color: #FFF; background: #e2383f; } /* H TAGS ============================================================================== */ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; text-transform: uppercase; } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; } h1, .h1 { font-size: 1.4em; } h2, .h2 { font-size: 1.2em; color: #b21a19; } h3, .h3 { font-size: .99em; font-weight: bold; line-height: 1.155em; color: #000000; margin: .465em 0; } h4, .h4 { font-size: 1.1em; } h5, .h5 { font-size: 0.846em; } /* HEADER ============================================================================== */ .banner { position: relative; padding: .5em 0 0; border-bottom: solid 1em #650000; } .brand { display: block; height: 60px; position: relative; text-indent: -9999px; margin: 0 .5em .5em; background: url('../img/common/sm-logo.png') no-repeat center top; z-index: 1; } #searchToggle { position: absolute; top: .25em; right: .25em; font-size: 1.75em; color: #7d7d7d; z-index: 3; cursor: pointer; } #menuToggle { position: absolute; top: .25em; left: .25em; font-size: 1.75em; color: #7d7d7d; z-index: 3; cursor: pointer; } #mobileLogos { text-align: center; padding: .5em 0; background: rgb(239,239,239); background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkOWQ5ZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(217,217,215,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(217,217,215,1))); background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(217,217,215,1) 100%); background: -o-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(217,217,215,1) 100%); background: -ms-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(217,217,215,1) 100%); background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(217,217,215,1) 100%); } #mobileLogos img { margin-right: .5em; } /* SEARCH ============================================================================== */ #searchWrap { display: none; background: #FFF; } #searchWrap .sampleRequest { display: none; } .form-search { width: 90%; position: relative; padding: 1em 0; margin: 0 auto; } .form-search label { position: absolute; top: 1.35em; left: 1.5em; color: #FFF; } .form-search input { display: block; width: calc(100% - 2.5em); color: #FFF !important; padding: .5em 2em .5em .5em; border: none; background: #b21a19; -webkit-border-radius: .25em; border-radius: .25em; } .form-search input:focus { background: #b21a19; } .form-search button { position: absolute; top: 1em; right: .75em; font-size: 1.25em; color: #FFF; border: none; background: transparent; } /* NAVIGATION ========================================================================== */ /* MAIN NAV - Header ================================================================= */ #mainNav { display: none; position: relative; background: #FFF; -webkit-box-shadow: 0 2px 7px 0px rgba(0,0,0,.3); box-shadow: 0 2px 7px 0px rgba(0,0,0,.3); } #mainNav ul { padding: 0; margin: 0; } #mainNav li { display: block; border-bottom: solid 1px #CCC; } #mainNav li a, #mainNav li a:visited { display: block; color: #4c4c4c; padding: .5em; } #mainNav li.active a, #mainNav li a:hover, #mainNav li a:focus, #mainNav li a:active { color: #b21a19; } .careers #mainNav li.menu-about-us a { color: #4c4c4c; } #mainNav li li a:before { content: "- "; } #mainNav .dropdown-menu { display: block; border-top: solid 1px #CCC; } #mainNav .dropdown-menu li:last-child { border-bottom: none; } #mainNav .dropdown-menu a { padding-left: 2em; } .lt-ie10 #mainNav .dropdown-menu a:hover { color: #b21a19 !important; } /* BREADCRUMBS ========================================================================= */ .breadcrumbWrap { display: table; } #breadcrumbs { font-size: .75em; text-align: right; padding: 1em; margin: 0; background: #FFF; } /* ADD THIS WIDGET ===================================================================== */ .addthis_button { /* position: absolute; top: 1em; right: 1em; */ } /* POSTS & CONTENT ===================================================================== */ #main { position: relative; background: #FFF; } .content { font-size: .825em; line-height: 1.35em; padding: 1em; } /* ARTICLE HEADER ==================================================================== */ .page-header h1, .products h1 { border-bottom: 1px dashed #ed7f84; color: #000000; padding: .5em 0; margin: 0 0 .5em; } /* ARTICLE FOOTER ==================================================================== */ article footer a { color: #b21a19; text-transform: uppercase; padding: 0 .5em; border-right: solid 1px #b21a19; } article footer a:last-child { border-right: none; } /* ENTRY CONTENT ===================================================================== */ .entry-content dd { margin-left: 0; } .entry-content img { display: block; width: 100%; height: auto; margin: 0 auto 1.5em; } .entry-content video, .entry-content object { max-width: 100%; } .entry-content pre { background: #eee; } /* PRODUCT TABLES ===================================================================== */ .single-products table { width: 100%; } .single-products table thead { display: none; } .single-products table tbody th { font-size: 1.25em; color: #b21a19; text-align: left; padding: 1em 0 0; } .single-products table tbody span.product-subhead { font-size: .9em; font-style: italic; font-weight: normal; color: #333; } .single-products table tbody td[colspan="6"], .single-products table tbody td[colspan="5"], .single-products table tbody td[colspan="4"] { font-weight: bold; } .single-products table tbody td { display: block; padding: .25em .5em; } .single-products table tbody tr:nth-child(even) td { background: rgba(242,242,241,1); } .single-products table tbody tr:nth-child(odd) td { background: rgba(242,242,241,.3); } .single-products table tbody tr:nth-child(even) td[colspan="6"], .single-products table tbody tr:nth-child(odd) td[colspan="6"], .single-products table tbody tr:nth-child(even) td[colspan="5"], .single-products table tbody tr:nth-child(odd) td[colspan="5"], .single-products table tbody tr:nth-child(even) td[colspan="4"], .single-products table tbody tr:nth-child(odd) td[colspan="4"] { padding: 1em 0; background: transparent; } .single-products table tbody td:first-child { padding-top: 1em; } .single-products table tbody td:last-child { padding-bottom: 1em; } .single-products table tbody td:before { content: attr(data-label); font-weight: bold; color: #333; } .single-products table tbody tr td[data-label="Color: "] { font-weight: bold; color: rgb(255, 0, 0); } /* SIDEBARS & ASIDES =================================================================== */ aside { font-size: .9em; font-weight: bold; line-height: 1.2em; padding: 1em; } aside .menu { display: none; } /* NAVIGATION ======================================================================== */ .menu, .menu ul { padding: 0; margin: 0; } .menu li { list-style: none; display: block; } .menu li a { display: block; color: #333; padding: .975em .76em; margin: .25em; -webkit-border-radius: .25em; border-radius: .25em; background: rgb(255,255,255); background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(242,242,241,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,241,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(242,242,241,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(242,242,241,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(242,242,241,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(242,242,241,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f1',GradientType=1 ); } .lt-ie10 .menu li a { filter: none; } .content-info .menu li a { filter: none; } .menu li.active a, .menu li a:hover, .menu li a:focus, .menu li a:active, .menu li.active li a:hover, .menu li.active li a:focus, .menu li.active li a:active { color: #FFF; background: rgb(226, 56, 63); } .menu li.active li a { color: #333; background: rgb(255,255,255); background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(242,242,241,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,241,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(242,242,241,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(242,242,241,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(242,242,241,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(242,242,241,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f1',GradientType=1 );} .lt-ie10 .menu li.active li a { filter: none; } .menu li li a { font-size: .8em; text-indent: -.6em; padding-left: 2em; } .menu li li a:before { content: "- "; } .styledSelect { position: relative; height: 34px; color: #333; padding: .5em; margin: .25em; -webkit-border-radius: .25em; border-radius: .25em; border: 1px solid #FFF; overflow: hidden; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(242,242,241,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,241,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(242,242,241,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(242,242,241,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(242,242,241,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(242,242,241,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f1',GradientType=1 ); } .lt-ie10 .styledSelect { filter: none; } .styledSelect select { width: 100%; height: 34px; line-height: 1; border: 0; background: transparent; border-radius: 0; -webkit-appearance: none; -moz-appearance: window; position: relative; z-index: 3; cursor: pointer; } .styledSelect i { position: absolute; right: .5em; top: .75em; } /* COMMENT & FORMS ===================================================================== */ select:focus, textarea:focus, input:focus { background: #eee; } /* CALCULATOR FORMS ================================================================== */ .ajaxCalc h3, .ajaxCalc fieldset, .ajaxCalc label, .ajaxCalc .input-wrap { display: block; } .ajaxCalc h3 { font-size: 1.25em; color: #333; text-transform: none; padding: 1em 0 0; margin: 0; border-top: solid 1px #CCC; } .ajaxCalc fieldset { margin: 1em 0; } .ajaxCalc label { margin-bottom: .5em; } .ajaxCalc input, .ajaxCalc select { max-width: 10em; padding: .25em; margin-bottom: 1em; } .ajaxCalc select { width: 100%; } .ajaxCalc input[type="submit"] { display: block; width: 100%; color: #FFF !important; text-transform: uppercase; text-shadow: rgba(0,0,0,.01) 0 0 1px; padding: .5em; margin: 2em 0 1em; border: none; -webkit-border-radius: .25em; border-radius: .25em; background: #b01d20; } .ajaxCalc input[type="submit"]:hover, .ajaxCalc input[type="submit"]:focus, .ajaxCalc input[type="submit"]:active { background: rgb(102,124,186); } .ajaxCalc .formula { position: relative; margin: 1em 0; } .ajaxCalc .formula table { width: 100%; max-width: 320px; margin: 0 auto; } .ajaxCalc .formula th, .ajaxCalc .formula td { font-weight: normal; padding: .25em; vertical-align: middle; } .ajaxCalc .formula thead th { font-weight: bold; } .ajaxCalc .formula tbody th { text-align: right; } .ajaxCalc .formula tbody td { text-align: center; } .ajaxCalc .formula tbody td.underline { border-bottom: solid 1px #CCC; } #form-results { display: none; margin: 2em 0; } #form-results h3 { font-size: 1.25em; margin: 2em 0 .465em; } #form-results .fieldset { display: table; width: 100%; margin-bottom: 1em; } #form-results .label { display: table-cell; width: 60%; text-align: right; } #form-results .input-wrap { display: table-cell; vertical-align: bottom; width: 40%; text-align: left; padding-left: 1em; } #form-results table { width: 100%; } #form-results th, #form-results td { padding: .5em; } #form-results th { font-weight: bold; text-align: right; padding-right: .5em; } #form-results tbody th { font-weight: normal; } #form-results tfoot th { color: #b21a19; } #form-results td { text-align: center; } .parent-pageid-73 #main a.sampleRequest { padding: .5em; } .parent-pageid-73 #main a.reset_calculator { margin-bottom: 1em; } /* FOOTER ============================================================================== */ .content-info { background: #e0dfdf; font-size: .9em; } .content-info section, .content-info small { padding: 1em; } .content-info small { display: block; text-align: center; } .content-info h3 { font-size: 1em; margin: 0 0 .25em; color: #333; } .content-info p { font-size: .765em; line-height: 1.3em; margin: 0 0 .25em; } .content-info .menu li { list-style: none; display: block; } .content-info .menu li a { display: block; font-size: .765em; line-height: 1.3em; color: #333; padding: 0 0 .5em 0; margin: 0 0 .25em; background:transparent; } .content-info .menu li a:hover, .menu li a:focus, .menu li a:active { color: #e2383f; background: transparent; } #menu-follow-us li { display: inline-block; } #menu-follow-us li a { font-size: 1em; color: #FFF; padding: .25em; background: #9f9f9f; -webkit-border-radius: .25em; border-radius: .25em; } #menu-follow-us li a:hover, #menu-follow-us li a:focus { background: #b01d20; } .legal { color: #FFF; padding: .25em; margin: 1em 0 0; background: #b01d20; } .content-info .legal section, .content-info small { padding: .5em 0; } .content-info .legal small { line-height: 2.4em; text-align: center; } .legal section { text-align: center; } .legal section h3 { display: none; } #menu-legal li { display: inline-block; } #menu-legal li:last-child a { border-right: none; } #menu-legal li a, #menu-legal li a:visited { font-size: .8em; color: #FFF; padding: 0 .75em 0 .5em; margin: .4em 0 0; border-right: solid 1px #FFF; -webkit-border-radius: 0; border-radius: 0; } #menu-legal li a:hover, #menu-legal li a:focus { color: #CCC; } /* SPECIFIC PAGES ====================================================================== */ /* HOMEPAGE ========================================================================== */ /* SLIDER ============================================================================ */ #slider { padding: .5em .5em 0; } #slideWrap { position: relative; } #slides { min-height: 14.375em; padding: 0; margin: 0; background: url('../img/homepage/slider-bg.jpg') no-repeat 0 0; } #slides li { list-style: none; display: none; width: 100%; height: 100%; max-height: 22.125em; position: absolute; top: 0; left: 0; text-align: center; background-position: left top; background-repeat: no-repeat; opacity: 0; } #slides li.activeSlide { display: block; opacity: 1; } #slides li .slide-content { display: table; width: 80%; max-width: calc(20.125em - 2em); height: calc(100% - 2em); min-height: calc(14.375em - 2em); padding: 1em; margin: 0 0 0 5%; background-color: rgba(255, 255, 255, .7); } #slides li .slide-offset { display: table-cell; position: relative; vertical-align: middle; } #slides li .slide-offset:before, #slides li .slide-offset:after { content: '...........................'; display: block; position: absolute; left: calc(50% - 3.75em); font-size: 2em; text-align: center; } #slides li .slide-offset:before { top: -1em; } #slides li .slide-offset:after { bottom: -.5em; } #slides li h1 { font-size: 1.25em; font-family:"TradeGothicW01-BoldCn20_675334", Arial, "Helvetica Neue", Helvetica, sans-serif; color: #490001; line-height: 1.2em; margin: 0; } #slides li p { color: #4c4c4c; margin: 0 } #slides li a { /* see red-btn class above */ border: none; } #prevSlide, #nextSlide { display: block; position: absolute; top: 42%; z-index: 9; } #prevSlide [class^="icon-"]:before, #nextSlide [class^="icon-"]:before { font-size: 2em; font-weight: bold; color: #FFF; text-shadow: 1px 1px 1px #696969; } #prevSlide { left: -0.7em; } #nextSlide { right: -0.7em; } #mobileYounique { text-align: center; text-transform: uppercase; padding: .5em; } #mobileYounique img { width: 100%; height: auto; } #desktopYounique { position: absolute; top: 5em; right: .25em; } #desktopYounique img { display: block; } #desktopYounique h2 { color: #e03a3e; text-align: center; text-shadow: 1px 1px 1px #696969; } #sliderNav { padding-top: 1em; } #sliderNav ul { text-align: center; padding: 0; margin: 0; } #sliderNav li { list-style: none; display: inline-block; } #sliderNav li a { color: #bcbbbc; } #sliderNav li a.active, #sliderNav li a:hover, #sliderNav li a:focus, #sliderNav li a:active { color: #5b0000; } /* FEATURED GRID ===================================================================== */ #featuredGrid ul { padding: 0; margin: 0; } #featuredGrid li { list-style: none; font-size: 1.2em; line-height: 1.4em; text-align: center; padding: 1em; margin: 0 -1em; } #featuredGrid li:nth-child(even) { background-color: #ebeaea; } #featuredGrid li:nth-child(odd) { background-color: #cecece; } #featuredGrid h2 { font-family:"TradeGothicW01-BoldCn20_675334", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 1.4em; } #featuredGrid a:link, #featuredGrid a:visited { display: table; font-family:"TradeGothicW01-BoldCn20_675334", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 1.2em; color: #FFF; text-align: center; text-transform: uppercase; padding: .5em 1em; margin: 0 auto; border: solid 2px #FFF; -webkit-border-radius: .25em; border-radius: .25em; background: rgb(144,12,12); background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkwMGMwYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZTAxMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(top, rgba(144,12,12,1) 0%, rgba(94,1,1,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(144,12,12,1)), color-stop(100%,rgba(94,1,1,1))); background: -webkit-linear-gradient(top, rgba(144,12,12,1) 0%,rgba(94,1,1,1) 100%); background: -o-linear-gradient(top, rgba(144,12,12,1) 0%,rgba(94,1,1,1) 100%); background: -ms-linear-gradient(top, rgba(144,12,12,1) 0%,rgba(94,1,1,1) 100%); background: linear-gradient(to bottom, rgba(144,12,12,1) 0%,rgba(94,1,1,1) 100%); } featuredGrid a:hover, featuredGrid a:focus, featuredGrid a:active { color: #FFF; background: #e2383f; } /* CONTACT US & SEGMENTS ============================================================== */ .contact-us article { padding: 0 1em; } .segments .entry-content { padding: 1em 0; } .contact-us article section { width: 100%; float: none; margin: 1em 0; } img.map { display: block; width: 100%; max-width: 300px; height: auto; margin: 1em auto; } img[usemap], map area { outline: none; } .contact-block { display: none; } .contact-block.active { display: block; } .contact-block img.corp-img { width: 100%; height: auto; float: none; clear: both; margin-right: 0; } .contact-region { display: none; margin: 1em 0; } #industrial .contact-region, #corporate .contact-region { display: block !important; } .contact-region.active { display: block; } .contact-region img { width: 75px; height: auto; float: left; clear: left; margin-right: .5em; } .contact-region h4, .contact-region .title, .contact-region .tel, .contact-region .email { display: block; } .contact-region h4 { margin: 0; } .contact-region .title { font-size: 90%; } .contact-region .email { font-size: 90%; } .content-blocks-control { margin: 1em 0; } /* INDEPENDENT OPERATORS / SAVINGS =================================================== */ .cost-table { width: 100%; } .cost-table tr { display: inline-block; width: 33%; } .cost-table tr.table-heading { display: none; } .cost-table th, .cost-table td { display: block; text-align: center; border-bottom: solid 1px #BBB; } .cost-table th { min-height: 2em; font-weight: bold; } .cost-table td { padding: .25em; } .cost-table tr:nth-child(even) td { background: rgba(242,242,241,1); } .cost-table tr:nth-child(odd) td { background: rgba(242,242,241,.3); } /* MENU IDEAS ARCHIVE & FILTER ======================================================= */ .menu_ideas-hero { margin: 2.5em 0 1em; background: url(../img/menu-ideas/menu_ideas-archive.jpg) no-repeat right top; background-size: cover; } .menu_ideas-hero h2 { display: inline-block; float: right; clear: right; font-family:"TradeGothicW01-BoldCn20_675334", Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 1.5em; line-height: 1.2em; text-align: center; padding: .25em; margin: 1em 1em 1em 0; border-top: dotted 2px #333; border-bottom: dotted 2px #333; } .post-type-archive-menu_ideas .content { padding-top: 0; } .post-type-archive-menu_ideas .page-header h1 { padding: 0 0 .5em; } #resultsCount { display: block; font-size: .7em; font-weight: normal; color: #231f20; text-transform: none; } #searching { display: none; width: calc(100% - 2em); height: calc(100% - 3em); position: absolute; top: 0; left: 0; color: #FFF; text-align: center; padding: 2em 1em 1em; background: rgba(0, 0, 0, .5); z-index: 3; } #searching [class^="icon-"]:before { display: block; font-size: 5em; } #searching p.event_title { display: block; font-size: 2em;} .menu_ideas-grid ul { padding: 0; margin: 1em 0; } .menu_ideas-grid li { list-style: none; display: block; width: calc(50% - .5em); position: relative; float: left; margin: 0 0 1em; } .menu_ideas-grid li:nth-child(even) { clear: right; margin-left: 1em; } .menu_ideas-grid li:nth-child(odd) { clear: left; } .menu_ideas-grid a { color: #231f20; } .menu_ideas-grid img { width: 100%; max-width: 223px; height: auto; max-height: 124px; } .menu_ideas-grid h3 { font-size: 1em; color: #333; text-transform: none; margin: .25em 0; } .menu_ideas-grid p { display: none; } .filterMobile { padding: 0 1em .5em; margin: 2em -1em 0; border-bottom: solid 2px #7d7d7d; } .filterMobile a { display: inline-block; position: relative; font-weight: bold; color: #b21a19; text-transform: uppercase; margin-right: 1em; } .filterMobile a.active .arrow { display: block; width:30px; height:20px; position:absolute; bottom:-18px; left:10px; overflow:hidden; } .filterMobile a.active .arrow:after{ content:''; width:10px; height:10px; position:absolute; bottom:4px; left:16px; border-top:#7d7d7d solid 2px; border-left:#7d7d7d solid 2px; background:#fff; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); } #resultsView, #filterView { display: none; } #resultsView.active, #filterView.active { display: block; } #resultsView .activeFilters { display: none; } #resultsView h2 { padding: 0 1em .25em; margin: 1em -1em; border-bottom: solid 1px #333; } #filterView { margin: 0 -1em; } #filterView .activeFilters { display: block; } .post-type-archive-menu_ideas .removeFilter { color: #231f20; margin: .5em .5em .5em 0; } .post-type-archive-menu_ideas .removeFilter i { color: #b21a19; } #filterMenuIdeas details { margin: 0 -1em; cursor: pointer; } #filterMenuIdeas summary { padding: 1em; border-bottom: solid 2px #7d7d7d; } #filterMenuIdeas ul { padding: 0; margin: 0; } #filterMenuIdeas li { display: block; border-bottom: solid 2px #7d7d7d; background: #d4d3d1; } #filterMenuIdeas .filter { display: block; color: #231f20; padding: .75em 1em; } #filterMenuIdeas .filter i { display: none; } #resultsPagination { text-align: center; padding: .5em 1em; border-top: solid 2px #7d7d7d; border-bottom: solid 2px #7d7d7d; } #prevPage, #pageCount, #nextPage { display: inline-block; color: #b21a19; } #prevPage, #nextPage { font-weight: bold; color: #b21a19; text-transform: uppercase; } #prevPage { float: left; clear: left; } #nextPage { float: right; clear: right; } /* MENU IDEAS SINGLE ================================================================= */ .single-menu_ideas .content { padding-top: 0; } .single-menu_ideas article { padding-bottom: 2em; border-bottom: solid 1px #333; } .single-menu_ideas .page-header h1 { padding: 0 0 .5em; } .single-menu_ideas .entry-content { padding: 2em 0 0; } /* SEARCH ============================================================================ */ .post-nav { text-align: center; padding: .5em 1em; border-top: solid 2px #7d7d7d; border-bottom: solid 2px #7d7d7d; } .post-nav ul { padding: 0; margin: 0; } .previous, .resultsCount, .next { list-style: none; display: inline-block; width: 30%; min-width: 76px; color: #b21a19; } .previous, .next { font-weight: bold; color: #b21a19; text-transform: uppercase; } .previous { float: left; clear: left; } .next { float: right; clear: right; } @media only screen and (min-width: 760px) { /* GRID ============================================================================== */ .onecol { width: 5.801104972%; } .twocol { width: 14.364640883%; } .threecol { width: 22.928176794%; } .fourcol { width: 31.491712705%; } .fivecol { width: 40.055248616%; } .sixcol { width: 48.618784527%; } .sevencol { width: 57.182320438000005%; } .eightcol { width: 65.74585634900001%; } .ninecol { width: 74.30939226%; } .tencol { width: 82.87292817100001%; } .elevencol { width: 91.436464082%; } .twelvecol { width: 99.999999993%; } .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol { position: relative; float: left; margin-left: 2.762430939%; } .first { margin-left: 0; } .last { float: right; } /* GENERAL ============================================================================= */ .desktop { display: block; } .mobile { display: none; } /* HEADER ============================================================================== */ .banner, .banner .wrap.clearfix { height: 7.125em; padding: 0; border-bottom: none; } .brand { display: block; width: 189px; height: calc(91px + .5em); margin: 0 .5em 0 0; background: url('../img/common/logo.png') no-repeat left .5em; } #searchToggle, #menuToggle { display: none; } #desktopLogos { position: absolute; top: 1.25em; right: 25em; } /* SEARCH ============================================================================== */ #searchWrap { display: block !important; position: absolute; top: .5em; right: .5em; background: transparent; } #searchWrap .sampleRequest { display: inline-block; } .form-search { display: inline-block; width: inherit; vertical-align: middle; } .form-search label { left: .5em; } .form-search button { right: 0; } /* NAVIGATION ======================================================================== */ /* MAIN NAV - Header =============================================================== */ #mainNav { display: block !important; width: calc(100% - 12.5em); position: relative; top: -2em; right: .5em; float: right; clear: right; background: transparent; -webkit-box-shadow: none; box-shadow: none; } #mainNav ul { text-align: right; } #mainNav li { display: inline-block; border-bottom: none; } #mainNav li a { display: inline-block; font-size: .8em; } #mainNav .dropdown-menu { display: none; position: absolute; text-align: left; padding: 0; border-top: none; background: #d6d5d4; z-index: 4; } #mainNav .dropdown-menu li { display: block; } #mainNav li:hover .dropdown-menu { display: block; } #mainNav li li a:before { content: ""; } #mainNav .dropdown-menu li a { display: block; color: #333; padding: .5em; margin: .25em; -webkit-border-radius: .25em; border-radius: .25em; background: rgb(255,255,255); background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMmYyZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(242,242,241,1) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,241,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(242,242,241,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(242,242,241,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(242,242,241,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(242,242,241,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f1',GradientType=1 ); } .lt-ie10 #mainNav .dropdown-menu li a { filter: none; } #mainNav .dropdown-menu li a:hover, #mainNav .dropdown-menu li a:focus, #mainNav .dropdown-menu li a:active { color: #FFF; background: #e2383f; } /* BREADCRUMBS ========================================================================= */ #breadcrumbs { display: table-cell; width: 100%; color: #FFF; vertical-align: top; padding: 0 1em .5em; background: transparent; } #breadcrumbs span { display: inline-block; vertical-align: middle; } #breadcrumbs a { color: #d3d2d2; } #breadcrumbs a:hover, #breadcrumbs a:focus { color: #FFF; } /* FOOTER ============================================================================ */ .content-info { padding: 1em 1em 0; background: url('../img/common/bg-footer.png') no-repeat center top; } .content-info .menu li a { padding: .25em 0; } .content-info section { padding: 0; } .content-info .legal { margin: 1em -1em 0; padding: .25em 1em; } .content-info .legal section, .content-info small { padding: 0; } .content-info .legal small { line-height: 2.4em; text-align: left; } .legal section { text-align: right; } /* POSTS & CONTENT ===================================================================== */ #main { padding: 0 0 1em; -webkit-border-radius: .25em; border-radius: .25em; } .content { padding: 0em; } article { padding: 0 1em 0 0; } .entry-content h3 { clear: both; } .entry-content dd { margin-left: 0; } .entry-content img { display: block; width: inherit; height: auto; margin: 0 auto 1.5em; } .entry-content video, .entry-content object { max-width: 100%; } .entry-content pre { background: #eee; } .alignleft, .entry-content .alignleft, .entry-content img.alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright, .entry-content .alignright, .entry-content img.alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter, .entry-content .aligncenter, .entry-content img.aligncenter { display: block; clear: both; margin-right: auto; margin-left: auto; } .alignnone, .entry-content .alignnone, .entry-content img.alignnone { display: inline; } /* PRODUCT TABLES ===================================================================== */ .single-products table thead { display: table-header-group; } .single-products table thead th:first-child { text-align: left; } .single-products table tbody th { padding: .5em 0; border-bottom: solid 1px #BBB; } .single-products table tbody td[colspan="6"], .single-products table tbody td[colspan="5"], .single-products table tbody td[colspan="4"] { } .single-products table tbody td { display: table-cell; padding: .25em; vertical-align: middle; border-bottom: solid 1px #BBB; } .single-products table tbody td[rowspan="4"] { width: 18.75em; vertical-align: top; padding-top: 1em !important; } .single-products table tbody tr td:first-child[data-label="Order Code: "] { text-align: center; } .single-products table tbody tr td:first-child { text-align: left; padding: .25em; } .single-products table tbody tr td { text-align: center; padding: .25em; } .single-products table tbody td:before { content: ''; font-weight: bold; } /* SIDEBARS & ASIDES =============================================================== */ aside { padding: 0em; } aside .mobile { display: none; } aside .menu, aside .dropdown-menu { display: block !important; } .styledSelect { display: none; } /* COMMENT & FORMS ===================================================================== */ /* CALCULATOR FORMS ================================================================== */ .ajaxCalc fieldset { display: table; width: 100%; margin-bottom: 1em; } .ajaxCalc label { display: block; width: 55%; min-width: 329px; float: left; clear: left; } .ajaxCalc .input-wrap { display: block; width: calc(40% - 1em); float: right; clear: right; text-align: left; padding-left: 1em; } .ajaxCalc input, .ajaxCalc select { margin-bottom: .25em; } .ajaxCalc input[type="submit"] { display: inline-block; width: inherit; float: right; } .ajaxCalc .formula table { margin: 0; } .parent-pageid-73 a.sampleRequest { display: inline-block; } .parent-pageid-73 a.reset_calculator { display: inline-block; } /* SPECIFIC PAGES ====================================================================== */ /* HOMEPAGE ========================================================================== */ /* SLIDER ============================================================================ */ #slides { height: 22.125em; } #slides li { height: 22.125em; background-size: cover; } #slides li .slide-content { min-height: calc(22.125em - 2em) } #slides li h1 { font-size: 2em; line-height: 1.1em; margin-bottom: .5em; } #slides li p { margin-bottom: .5em; } /* FEATURED GRID ===================================================================== */ .home article { padding: 0; } #featuredGrid li { padding: 0; margin: 0; } #featuredGrid .featureCopy { width: calc(50% - 2em); padding: 2.5em 1em; } #featuredGrid li:nth-child(odd) { background-position: right center; } #featuredGrid li:nth-child(odd) .featureCopy { float: left; clear: left; background-color: #cecece; } #featuredGrid li:nth-child(even) { background-position: left center; } #featuredGrid li:nth-child(even) .featureCopy { float: right; clear: right; background-color: #ebeaea; } /* ABOUT US / LEADERSHIP =================================================== */ .leadership .entry-content img { max-width: 75px; max-height: 100px; } .leadership .entry-content img.founder { max-width: inherit; max-height: inherit; } /* INDEPENDENT OPERATORS / SAVINGS =================================================== */ .cost-table { width: 100%; } .cost-table tr { display: table-row; width: 100%; } .cost-table tr.table-heading { display: table-row; } .cost-table th[colspan="9"] { display: table-cell; font-weight: bold; text-align: left; padding: .5em 0; background: #FFF !important; } .cost-table th, .cost-table td { display: table-cell; } .cost-table tr:nth-child(even) th { background: rgba(242,242,241,1); } .cost-table tr:nth-child(odd) th { background: rgba(242,242,241,.3); } /* CONTACT US & SEGMENTS ============================================================== */ .segments article { padding: 0 1em; } .segments .entry-content { padding: 1em 0; } /* MENU IDEAS ARCHIVE & FILTER ======================================================= */ .fullWidth { padding: 1em; } .addThisSpacer { padding-top: 1.25em; } .menu_ideas-hero h2 { font-size: 3em; } .post-type-archive-menu_ideas .content { padding-top: 1em; } .post-type-archive-menu_ideas .page-header h1 { padding: 0 0 .5em; } #resultsCount { display: inline; } .menu_ideas-grid li { width: calc(25% - .75em); margin-left: 1em; } .menu_ideas-grid li:nth-child(even) { clear: inherit; } .menu_ideas-grid li:nth-child(odd) { clear: inherit; } .menu_ideas-grid li:first-child { clear: left; margin-left: 0; } .menu_ideas-grid li:nth-child(4n) { clear: right; } .menu_ideas-grid li:nth-child(4n+1) { clear: left; margin-left: 0; } .menu_ideas-grid p { display: block; } .filterMobile { display: none; } #resultsView, #filterView { display: block; } #resultsView .activeFilters { display: block; } #resultsView h2 { padding: 0; margin: 1em 0; } #filterView { padding-top: 1.25em; margin: 0; } #filterView .activeFilters { display: none; } #resultsView .menu_ideas-grid li { width: calc(33% - .75em); } #resultsView .menu_ideas-grid li:nth-child(4n) { clear: none; } #resultsView .menu_ideas-grid li:nth-child(4n+1) { clear: none; margin-left: 1em; } #resultsView .menu_ideas-grid li:nth-child(3n) { clear: right; } #resultsView .menu_ideas-grid li:nth-child(3n+1) { clear: left; margin-left: 0; } #filterMenuIdeas details { margin: 0 0 1em; } #filterMenuIdeas summary { padding: .25em; margin-bottom: .5em; border-bottom: 1px dashed #ed7f84; } #filterMenuIdeas li { margin-bottom: .25em; border-bottom: none; background: transparent; } #filterMenuIdeas .filter { padding: .25em .25em .25em 2.25em; text-indent: -.85em; } #filterMenuIdeas .activeFilter [class^="icon-"]:before { content: '\e80c' !important; } #filterMenuIdeas .filter i { display: inline-block; } /* MENU IDEAS SINGLE ================================================================= */ .single-menu_ideas .content { padding-top: 1em; } .single-menu_ideas article { min-height: 22em; } .single-menu_ideas .menu_ideas-grid li { width: calc(25% - .75em); } .single-menu_ideas .menu_ideas-grid li:nth-child(3n) { clear: none; } .single-menu_ideas .menu_ideas-grid li:nth-child(3n+1) { clear: none; margin-left: inherit; } .single-menu_ideas .menu_ideas-grid li:nth-child(4) { clear: right; margin-left: 1em; } } @media screen and (-webkit-min-device-pixel-ratio:0) { select:focus, textarea:focus, input:focus { font-size: 1em; background: #eee; } } /* UTILITIES =========================================================================== */ .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .clear-fix {clear: both;} .block { display: block !important; }.nbsp { white-space: nowrap; } .padErr { padding: 1em 0; } .disabled { color: #9f9f9f !important; } /* PRINT STYLES ======================================================================== */ @media print { } .print-only{ display: none; }