/* Theme Name: NLB Corp Description: Custom child theme created especially for NLB Corp by Web Savvy Marketing on the Genesis framework. Author: Web Savvy Marketing Author URI: http://www.web-savvy-marketing.com/ Version: 1.0.5.1 Template: genesis Copyright 2014 - Web Savvy Marketing License: GPL-2.0+ License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: wsm */ /* Stylesheet from Genesis 2.2.0 */ /* # Table of Contents - Imports - HTML5 Reset - Baseline Normalize - Box Sizing - Float Clearing - Defaults - Typographical Elements - Headings - Objects - Gallery - Forms - Tables - Screen Reader Text - Structure and Layout - Site Containers - Column Widths and Positions - Column Classes - Common Classes - Avatar - Genesis - Search Form - Titles - WordPress - Widgets - Featured Content - Social Icons - Call To Action - Plugins - Genesis eNews Extended - Jetpack - WP Table - Gravity Form - Events Calendar - WooCommerce - Site Header - Title Area - Widget Area - Site Navigation - Accessible Menu - Site Header Navigation - Primary Navigation - Secondary Navigation - Skip Links - Header CTA - Top Image - Products Categories - Regional Branches Map - Contact - Job Postings - Job Page - Literature - News Main - News Individual - Accessories - Selector Guide - GeoSearch - Featured Videos - Home Page - Slider - Content Area - Entries - Entry Meta - Pagination - Comments - Sidebars - Footer Forms - Footer Widgets - Site Footer - Media Queries - Retina Display - Max-width: 1200px - Max-width: 960px - Max-width: 800px - Print Styles */ /* # HTML5 Reset ---------------------------------------------------------------------------------------------------- */ /* ## Baseline Normalize --------------------------------------------- */ /* normalize.css v3.0.1 | MIT License | git.io/normalize */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#333}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}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}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /* ## Box Sizing --------------------------------------------- */ html, input[type="search"]{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /* ## Float Clearing --------------------------------------------- */ .author-box:before, .clearfix:before, .entry:before, .entry-content:before, .nav-primary:before, .nav-secondary:before, .pagination:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .wrap:before { content: " "; display: table; } .author-box:after, .clearfix:after, .entry:after, .entry-content:after, .nav-primary:after, .nav-secondary:after, .pagination:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .wrap:after { clear: both; content: " "; display: table; } /* # Defaults ---------------------------------------------------------------------------------------------------- */ /* ## Typographical Elements --------------------------------------------- */ html { background-color: #1A1A1A; font-size: 62.5%; /* 10px browser default */ } /* Chrome fix */ body > div { font-size: 1.5rem; } body { background-color: #fff; color: #2c2b2b; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 400; font-size: 15px; font-size: 1.5rem; line-height: 1.5; margin: 0; } a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .gallery img { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } a { color: #ff7a27; text-decoration: none; } a:hover, a:focus { color: #2c2b2b; text-decoration: none; } p { margin: 0 0 20px; padding: 0; } ol, ul { margin: 0; padding: 0; } li { list-style-type: none; } hr { border: 0; border-collapse: collapse; border-top: 1px solid #c0c0c0; clear: both; margin: 50px 0 40px; width: 100%; } b, strong { font-weight: 700; } cite, em, i { font-style: italic; } blockquote { background: url(images/blockquote.png) no-repeat 0 5px transparent; margin: 40px 0; padding-left: 55px; } /* ## Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { color: #2c2b2b; font-family: "Gotham A", "Gotham B"; font-weight: 400; line-height: 1.2; margin: 0 0 10px; } h1 { color: #ff7a27; font-size: 28px; font-size: 2.8rem; font-weight: 400; text-transform: uppercase; } h2 { font-size: 26px; font-size: 2.6rem; font-weight: 400; text-transform: uppercase; } h3 { font-size: 22px; font-size: 2.2rem; } h4 { font-size: 20px; font-size: 2rem; } h5 { font-size: 18px; font-size: 1.8rem; } h6 { font-size: 16px; font-size: 1.6rem; } /* ## Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%; } img { height: auto; } .featured-content img, .gallery img { width: auto; } /* ## Gallery --------------------------------------------- */ .gallery { overflow: hidden; } .gallery-item { float: left; margin: 0 0 28px; text-align: center; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.6666%; } .gallery-columns-7 .gallery-item { width: 14.2857%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.1111%; } .gallery img { border: 1px solid #ddd; height: auto; padding: 4px; } .gallery img:hover, .gallery img:focus { border: 1px solid #999; } /* ## Forms --------------------------------------------- */ input, select, textarea { background-color: #fff; border: 1px solid #d1d1d1; color: #2c2b2b; font-size: 15px; font-size: 1.5rem; font-weight: 400; padding: 5px 10px; width: 100%; } input:focus, textarea:focus { border: 1px solid #616161; outline: none; } input[type="checkbox"], input[type="image"], input[type="radio"] { width: auto; } ::-moz-placeholder { color: #999; font-weight: 400; opacity: 1; } ::-webkit-input-placeholder { color: #999; font-weight: 400; } button, input[type="button"], input[type="reset"], input[type="submit"], .button { background-color: #ff7a27; border: 0; color: #fff; cursor: pointer; font-size: 19px; font-size: 1.9rem; font-weight: 400; line-height: 1; padding: 6px 20px; text-transform: uppercase; width: auto; } .error404 button, .error404 input[type="submit"], .error404.button { margin-top: 10px; } button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, button:focus, input:focus[type="button"], input:focus[type="reset"], input:focus[type="submit"], .button:focus { background-color: #fc793a; color: #fff; } .content .button a, .content .button a:hover, .entry-content .button:hover, .entry-content .button:focus { color: #fff; } .button { display: inline-block; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } /* ## Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; width: 100%; } tbody { border-bottom: 1px solid #ddd; } td, th { text-align: left; } td { border-top: 1px solid #ddd; padding: 6px 0; } th { font-weight: 400; } /* ## Screen Reader Text --------------------------------------------- */ .screen-reader-text, .screen-reader-text span, .screen-reader-shortcut { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; } .screen-reader-text:focus, .screen-reader-shortcut:focus, .genesis-nav-menu .search input[type="submit"]:focus, .widget_search input[type="submit"]:focus { clip: auto !important; height: auto; width: auto; display: block; font-size: 1em; font-weight: bold; padding: 15px 23px 14px; color: #333; background: #fff; z-index: 100000; /* Above WP toolbar. */ text-decoration: none; box-shadow: 0 0 2px 2px rgba(0,0,0,.6); } .medium { font-weight: 500; } .more-link { display: block; margin-top: 10px; /* Theme Name: NLB Corp Description: Custom child theme created especially for NLB Corp by Web Savvy Marketing on the Genesis framework. Author: Web Savvy Marketing Author URI: http://www.web-savvy-marketing.com/ Version: 1.0.5.1 Template: genesis Copyright 2014 - Web Savvy Marketing License: GPL-2.0+ License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: wsm */ /* Stylesheet from Genesis 2.2.0 */ /* # Table of Contents - Imports - HTML5 Reset - Baseline Normalize - Box Sizing - Float Clearing - Defaults - Typographical Elements - Headings - Objects - Gallery - Forms - Tables - Screen Reader Text - Structure and Layout - Site Containers - Column Widths and Positions - Column Classes - Common Classes - Avatar - Genesis - Search Form - Titles - WordPress - Widgets - Featured Content - Social Icons - Call To Action - Plugins - Genesis eNews Extended - Jetpack - WP Table - Gravity Form - Events Calendar - WooCommerce - Site Header - Title Area - Widget Area - Site Navigation - Accessible Menu - Site Header Navigation - Primary Navigation - Secondary Navigation - Skip Links - Header CTA - Top Image - Products Categories - Regional Branches Map - Contact - Job Postings - Job Page - Literature - News Main - News Individual - Accessories - Selector Guide - GeoSearch - Featured Videos - Home Page - Slider - Content Area - Entries - Entry Meta - Pagination - Comments - Sidebars - Footer Forms - Footer Widgets - Site Footer - Media Queries - Retina Display - Max-width: 1200px - Max-width: 960px - Max-width: 800px - Print Styles */ /* # HTML5 Reset ---------------------------------------------------------------------------------------------------- */ /* ## Baseline Normalize --------------------------------------------- */ /* normalize.css v3.0.1 | MIT License | git.io/normalize */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#333}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}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}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /* ## Box Sizing --------------------------------------------- */ html, input[type="search"]{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /* ## Float Clearing --------------------------------------------- */ .author-box:before, .clearfix:before, .entry:before, .entry-content:before, .nav-primary:before, .nav-secondary:before, .pagination:before, .site-container:before, .site-footer:before, .site-header:before, .site-inner:before, .wrap:before { content: " "; display: table; } .author-box:after, .clearfix:after, .entry:after, .entry-content:after, .nav-primary:after, .nav-secondary:after, .pagination:after, .site-container:after, .site-footer:after, .site-header:after, .site-inner:after, .wrap:after { clear: both; content: " "; display: table; } /* # Defaults ---------------------------------------------------------------------------------------------------- */ /* ## Typographical Elements --------------------------------------------- */ html { background-color: #1A1A1A; font-size: 62.5%; /* 10px browser default */ } /* Chrome fix */ body > div { font-size: 1.5rem; } body { background-color: #fff; color: #2c2b2b; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 400; font-size: 15px; font-size: 1.5rem; line-height: 1.5; margin: 0; } a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .gallery img { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } a { color: #ff7a27; text-decoration: none; } a:hover, a:focus { color: #2c2b2b; text-decoration: none; } p { margin: 0 0 20px; padding: 0; } ol, ul { margin: 0; padding: 0; } li { list-style-type: none; } hr { border: 0; border-collapse: collapse; border-top: 1px solid #c0c0c0; clear: both; margin: 50px 0 40px; width: 100%; } b, strong { font-weight: 700; } cite, em, i { font-style: italic; } blockquote { background: url(images/blockquote.png) no-repeat 0 5px transparent; margin: 40px 0; padding-left: 55px; } /* ## Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { color: #2c2b2b; font-family: "Gotham A", "Gotham B"; font-weight: 400; line-height: 1.2; margin: 0 0 10px; } h1 { color: #ff7a27; font-size: 28px; font-size: 2.8rem; font-weight: 400; text-transform: uppercase; } h2 { font-size: 26px; font-size: 2.6rem; font-weight: 400; text-transform: uppercase; } h3 { font-size: 22px; font-size: 2.2rem; } h4 { font-size: 20px; font-size: 2rem; } h5 { font-size: 18px; font-size: 1.8rem; } h6 { font-size: 16px; font-size: 1.6rem; } /* ## Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%; } img { height: auto; } .featured-content img, .gallery img { width: auto; } /* ## Gallery --------------------------------------------- */ .gallery { overflow: hidden; } .gallery-item { float: left; margin: 0 0 28px; text-align: center; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.6666%; } .gallery-columns-7 .gallery-item { width: 14.2857%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.1111%; } .gallery img { border: 1px solid #ddd; height: auto; padding: 4px; } .gallery img:hover, .gallery img:focus { border: 1px solid #999; } /* ## Forms --------------------------------------------- */ input, select, textarea { background-color: #fff; border: 1px solid #d1d1d1; color: #2c2b2b; font-size: 15px; font-size: 1.5rem; font-weight: 400; padding: 5px 10px; width: 100%; } input:focus, textarea:focus { border: 1px solid #616161; outline: none; } input[type="checkbox"], input[type="image"], input[type="radio"] { width: auto; } ::-moz-placeholder { color: #999; font-weight: 400; opacity: 1; } ::-webkit-input-placeholder { color: #999; font-weight: 400; } button, input[type="button"], input[type="reset"], input[type="submit"], .button { background-color: #ff7a27; border: 0; color: #fff; cursor: pointer; font-size: 19px; font-size: 1.9rem; font-weight: 400; line-height: 1; padding: 6px 20px; text-transform: uppercase; width: auto; } .error404 button, .error404 input[type="submit"], .error404.button { margin-top: 10px; } button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, button:focus, input:focus[type="button"], input:focus[type="reset"], input:focus[type="submit"], .button:focus { background-color: #fc793a; color: #fff; } .content .button a, .content .button a:hover, .entry-content .button:hover, .entry-content .button:focus { color: #fff; } .button { display: inline-block; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } /* ## Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; width: 100%; } tbody { border-bottom: 1px solid #ddd; } td, th { text-align: left; } td { border-top: 1px solid #ddd; padding: 6px 0; } th { font-weight: 400; } /* ## Screen Reader Text --------------------------------------------- */ .screen-reader-text, .screen-reader-text span, .screen-reader-shortcut { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; } .screen-reader-text:focus, .screen-reader-shortcut:focus, .genesis-nav-menu .search input[type="submit"]:focus, .widget_search input[type="submit"]:focus { clip: auto !important; height: auto; width: auto; display: block; font-size: 1em; font-weight: bold; padding: 15px 23px 14px; color: #333; background: #fff; z-index: 100000; /* Above WP toolbar. */ text-decoration: none; box-shadow: 0 0 2px 2px rgba(0,0,0,.6); } .medium { font-weight: 500; } .more-link { display: block; margin-top: 10px; position: relative; } a.more, .more-link a { background-color: #ff7a27; color: #fff; display: inline-block; font-size: 19px; font-size: 1.9rem; font-weight: 400; line-height: 1; padding: 6px 20px; text-transform: uppercase; } a.more:hover, .more-link a:hover { background-color: #f47323; } .sidebar .more-link a { font-size: 17px; font-size: 1.7rem; } .more-link.medium a { min-width: 325px; text-align: center; } /* # Structure and Layout ---------------------------------------------------------------------------------------------------- */ /* ## Site Containers --------------------------------------------- */ .site-inner, .wrap { margin: 0 auto; max-width: 1200px; } .site-inner { clear: both; padding: 60px 0; } .site-inner .wrap { position: relative; } .site-inner .wrap > hr { margin: 40px 0 60px; } /* ## Column Widths and Positions --------------------------------------------- */ /* ### Wrapping div for .content and .sidebar-primary */ .content-sidebar-wrap { float: left; width: 100%; } .content-sidebar .content-sidebar-wrap{ background: url(images/sidebar-border.png) repeat-y 790px 0; } /* ### Content */ .content { float: right; width: 760px; } .content-sidebar .content { float: left; } .full-width-content .content { width: 100%; } .home.full-width-content .site-inner .content { padding: 0 36px; } /* ### Primary Sidebar */ .sidebar-primary { float: right; width: 370px; } .sidebar-content .sidebar-primary { float: left; } /* ### Secondary Sidebar */ .sidebar-secondary { float: left; width: 180px; } .content-sidebar-sidebar .sidebar-secondary { float: right; } /* Column Classes ----------- */ .five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifths, .three-fourths, .three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds { float: left; margin-bottom: 24px; margin-left: 4.166666666%; /* 48px / 1152px */ } .one-half, .three-sixths, .two-fourths { width: 47.9166666666%; /* 552px / 1152px */ } .one-third, .two-sixths { width: 30.555555555%; /* 352px / 1152px */ } .four-sixths, .two-thirds { width: 65.277777777%; /* 752px / 1152px */ } .one-fourth { width: 21.875%; /* 252px / 1152px */ } .three-fourths { width: 73.958333333%; /* 852px / 1152px */ } .one-fifth { width: 16.666666666%; /* 192px / 1152px */ } .two-fifths { width: 37.5%; /* 432px / 1152px */ } .three-fifths { width: 58.333333333%; /* 672px / 1152px */ } .four-fifths { width: 79.166666666%; /* 912px / 1152px */ } .one-sixth { width: 13.194444444%; /* 152px / 1152px */ } .five-sixths { width: 82.638888888%; /* 952px / 1152px */ } .first { margin-left: 0; } /* # Common Classes ---------------------------------------------------------------------------------------------------- */ /* ## Avatar --------------------------------------------- */ .avatar { float: left; } .alignleft .avatar, .author-box .avatar { margin-right: 24px; } .alignright .avatar { margin-left: 24px; } .comment .avatar { margin: 0 16px 24px 0; } /* ## Genesis --------------------------------------------- */ .breadcrumb { float: right; line-height: 1; margin-bottom: 0; max-width: 38%; padding: 12px 0; text-transform: uppercase; } .breadcrumb a { color: #2c2b2b; } .breadcrumb a:hover { color: #ff7a27; } .author-box { margin-bottom: 40px; } .author-box-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 4px; } .archive-description p:last-child, .author-box p:last-child { margin-bottom: 0; } .box { background-color: #f5f5f5; overflow: hidden; padding: 20px; } .box .one-half { margin-bottom: 0; } /* ## Search Form --------------------------------------------- */ .search-form { overflow: hidden; } .entry-content .search-form { width: 50%; } .search-form input[type="search"] { padding: 5px 10px; } .genesis-nav-menu .search input[type="submit"], .widget_search input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: 0; padding: 0; position: absolute; width: 1px; } .genesis-nav-menu > .search #search_button { background: transparent url(images/search-icon.png) no-repeat scroll center center; cursor: pointer; display: inline-block; height: 38px; margin: 0; padding: 0; text-indent: -9999px; vertical-align: middle; width: 38px; } .genesis-nav-menu span.searchbox { border: 0; display: none; -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; margin: 0; vertical-align: middle; width: 0; } .genesis-nav-menu span.searchbox-show { background: url(images/search-border.png) no-repeat left center; display: inline-block; margin-left: 17px; padding: 10px 10px 10px 20px; vertical-align: middle; width: 330px; } /* .genesis-nav-menu .search-form input[type="search"] { background-color: transparent; background-image: url(images/search-icon.png); background-position: 0 center; background-repeat: no-repeat; border: none; cursor: pointer; height: 40px; margin: 0; padding: 5px 20px; position: relative; -webkit-transition: width 400ms ease, background 400ms ease; transition: width 400ms ease, background 400ms ease; text-indent: -9999px; width: 0; } .genesis-nav-menu .search-form input[type="search"]:focus { background: none; background-color: #fff; border: 1px solid #c3c0ab; cursor: text; outline: 0; width: 434px; } .genesis-nav-menu .search-form input[type="submit"] { display: none; background: url(images/search-icon.png) no-repeat 0 0 transparent; clip: auto; height: 38px; left: 3px; margin-top: -18px; text-indent: -9999px; top: 50%; width: 38px; } .home .genesis-nav-menu .search-form input[type="search"] { background: none #fff; border: 1px solid #c3c0ab; cursor: auto; width: 434px; } .home .genesis-nav-menu .search-form input[type="submit"] { background: url(images/search-icon.png) no-repeat 0 0 transparent; border: 0; border-right: 3px solid #939393; display: block; left: 0; margin-left: 0; outline: 0; padding-right: 50px; } .home .genesis-nav-menu .search-form input[type="submit"]:focus { background: url(images/search-icon.png) no-repeat 0 0 transparent; } .home .genesis-nav-menu .search-form { padding-left: 70px; position: relative; } */ /* ## Titles --------------------------------------------- */ .posts-title, .page .site-inner h1.entry-title, .archive-description { margin: 0; max-width: 60%; } .archive-description, .archive-title { color: #ff7a27; font-size: 50px; font-size: 5rem; text-transform: uppercase; } .content .post .entry-title { font-size: 25px; font-size: 2.5rem; margin-bottom: 0; text-transform: uppercase; } .entry-title { font-size: 28px; font-size: 2.8rem; text-transform: uppercase; } h2.entry-title { color: #ff7a27; } .entry-title a, .sidebar .widget-title a { color: #333; } .entry-title a:hover, .entry-title a:focus { color: #ff7a27; } .widget-title { font-size: 22px; font-size: 2.2rem; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; } /* ## WordPress --------------------------------------------- */ a.aligncenter img { display: block; margin: 0 auto; } a.alignnone { display: inline-block; } .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } a.alignleft, a.alignnone, a.alignright { max-width: 100%; } img.centered, .aligncenter { display: block; margin: 0 auto 24px; } .aligncenter { text-align: center; } img.alignnone, .alignnone { margin-bottom: 12px; } a.alignleft, img.alignleft, .wp-caption.alignleft { margin: 0 24px 24px 0; } a.alignright, img.alignright, .wp-caption.alignright { margin: 0 0 24px 24px; } img.post-image, img.alignright, #zind { z-index: 1; } .wp-caption-text { font-size: 14px; font-size: 1.4rem; font-weight: 700; text-align: center; } .entry-content p.wp-caption-text { margin-bottom: 0; } .sticky { } .entry-content .wp-audio-shortcode, .entry-content .wp-playlist, .entry-content .wp-video { margin: 0 0 28px; } /* # Widgets ---------------------------------------------------------------------------------------------------- */ .widget { word-wrap: break-word; } .widget ol > li { list-style-position: inside; list-style-type: decimal; padding-left: 20px; text-indent: -20px; } .widget li li { border: 0; margin: 0 0 0 30px; padding: 0; } .widget_calendar table { width: 100%; } .widget_calendar td, .widget_calendar th { text-align: center; } /* ## Featured Content --------------------------------------------- */ .featured-content .entry { margin-bottom: 10px; } .featured-content .entry-title { font-size: 18px; font-size: 1.8rem; font-weight: 400; margin-bottom: 0; text-transform: none; } .featured-content .entry-header .entry-meta { margin-bottom: 0; } .featured-content .entry-content { padding-top: 10px; } /* Social Icons --------------------------------------------- */ .widget-social a.genericon:before { margin-right: 20px; } .widget-social a.genericon { background-color: #616061; border-radius: 0; box-sizing: content-box; color: #c9cbcc; font-size: 32px; height: 32px; line-height: 1; margin: 0 8px 8px 0; overflow: hidden; padding: 6px; position: relative; white-space: nowrap; width: 32px; } .ie .widget-social a.genericon { line-height: 1.2; } .widget-social a.genericon-twitter { color: #62a7da; } .widget-social a.genericon-youtube { color: #d3212b; } .widget-social a.genericon-facebook-alt { color: #395aa0; } .widget-social a.genericon-linkedin { color: #0e79b9; } .widget-social a.genericon-googleplus-alt { color: #e04b36; } .widget-social a.genericon-pinterest { color: #CB2027; } .widget-social a.genericon-instagram { color: #2A5B83; } .footer-widgets .widget-social a.genericon { color: #c9cbcc; } .footer-widgets .widget-social a.genericon:hover { background-color: #F57F29; color: #ccc; } .widget-social .widget-wrap a:last-child { margin-right: 0; } .widget-social a:last-child { margin-right: 0; } .widget-social .social-heading { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; } /* ## Call To Action --------------------------------------------- */ .call-to-action li, .sidebar .call-to-action li { font-size: 15px; font-size: 1.5rem; font-weight: 700; text-transform: uppercase; } .call-to-action li a, .sidebar .call-to-action li a { display: block; } .call-to-action li a .image-box { opacity: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; z-index: 1; } .call-to-action li a:hover .image-box { opacity: 1; z-index: 99999; } .call-to-action ul li:first-child a:hover .image-box, .call-to-action ul li:first-child a .image-box { opacity: 1; } .call-to-action ul.cta { padding-top: 190px; position: relative; } .call-to-action .image-box { position: absolute; height: 160px; overflow: hidden; position: absolute; top: 0; left: 0; } .call-to-action .image-box img { display: block; margin: 0; max-width: 100%; width: auto; } .sidebar .call-to-action li:hover .cta-text { position: relative; } .sidebar .call-to-action li:hover .cta-text:before { background: url(images/arrow-right-cta.png) no-repeat 0 0; content: ""; display: block; height: 15px; left: -20px; margin-top: -7px; position: absolute; top: 50%; width: 9px; } /* # Plugins ---------------------------------------------------------------------------------------------------- */ /* ## Genesis eNews Extended --------------------------------------------- */ .enews-widget, .enews-widget .widget-title { color: #fff; } .sidebar .widget.enews-widget { background-color: #333; } .enews-widget input, .enews-widget input:focus { border: 1px solid #333; } .enews-widget input { font-size: 16px; font-size: 1.6rem; margin-bottom: 16px; } .enews-widget input[type="submit"] { background-color: #c3251d; color: #fff; margin: 0; width: 100%; } .enews-widget input:hover[type="submit"], .enews-widget input:focus[type="submit"] { background-color: #fff; color: #333; } .enews form + p { margin-top: 24px; } /* ## Jetpack --------------------------------------------- */ #wpstats { display: none; } /* ## Gravity Form --------------------------------------------- */ div.gform_wrapper { max-width: 100%; } div.gform_wrapper textarea, div.gform_wrapper input[type="email"], div.gform_wrapper input[type="number"], div.gform_wrapper input[type="password"], div.gform_wrapper input[type="tel"], div.gform_wrapper input[type="text"], div.gform_wrapper input[type="url"] { padding: 5px 10px; } div.gform_wrapper ul li.gfield { background: none !important; border: 0 !important; overflow: hidden; } .sidebar div.gform_wrapper ul li.gfield { margin-bottom: 0; padding-bottom: 0; } div.gform_wrapper li.hidden_label input { margin: 0; } div.gform_wrapper .top_label .gfield_label { font-weight: 400; margin-bottom: 0; } div.gform_wrapper .gsection .gfield_label, div.gform_wrapper h2.gsection_title, div.gform_wrapper h3.gform_title { font-weight: 400; margin-top: 0; } div.gform_wrapper h3.gform_title { font-size: 24px; font-size: 2.4rem; font-weight: 500; text-transform: uppercase; } div.gform_wrapper .gform_footer { padding: 0; } div.gform_wrapper .gform_footer input.button, div.gform_wrapper .gform_footer input[type="submit"] { font-size: 19px; font-size: 1.9rem; } div.gf_browser_ie.gform_wrapper .gfield_checkbox li input, div.gf_browser_ie.gform_wrapper .gfield_checkbox li input[type=checkbox], div.gf_browser_ie.gform_wrapper .gfield_radio li input[type=radio] { margin-top: 7px; } div.gform_wrapper div.validation_error { border: 0; font-size: 15px; font-size: 1.5rem; font-weight: 400; padding: 0; } div.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, div.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, div.gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label, div.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin: 0; } div.gform_wrapper .top_label .gfield_error { width: 100%; } div.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description { display: none; } div.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, div.gform_wrapper li.gfield_html { max-width: 100%; } div.gform_wrapper li.gfield.gfield_error ::-moz-placeholder { color: #790000; } div.gform_wrapper li.gfield.gfield_error ::-webkit-input-placeholder { color: #790000; } div.gform_wrapper li.gfield.gfield_error.gfield_contains_required { margin-top: 8px; margin-bottom: 0 !important; } div.gform_wrapper li.gfield.gfield_error.gfield_contains_required { margin-bottom: 0; margin-top: 8px; padding-bottom: 0; } div.gform_wrapper li.gfield.gfield_error, div.gform_wrapper li.gfield.gfield_error.gfield_contains_required { padding: 0 !important; } /* # Skip Links ---------------------------------------------------------------------------------------------------- */ .genesis-skip-link { margin: 0; } .ie7 .genesis-skip-link { display: none; } .genesis-skip-link li { height: 0; width: 0; list-style: none; } /* Display outline on focus */ :focus { color: #333; outline: #ccc solid 1px; } /* ## WP Table --------------------------------------------- */ table.tablepress { font-size: 15px; font-size: 1.5rem; } table.tablepress thead th, table.tablepress tfoot th { background: #444; color: #fff; font-weight: 700; line-height: 1.2; padding: 10px 8px; text-transform: uppercase; } table.tablepress tbody td, table.tablepress tfoot th { border-bottom: 1px solid #d0d0d0; border-top: none; border-right: 1px solid #d0d0d0; line-height: 1.2; } table.tablepress { border: 1px solid #d0d0d0; } table.tablepress .odd td { background-color: #f5f5f5; } span.tablepress-table-description { margin-bottom: 16px; margin-bottom: 1rem; } table.tablepress th, table.tablepress td { padding: 12px 10px; } /* ## The Events Calendar --------------------------------------------- */ div#tribe-events-pg-template, body.events-list .tribe-events-loop, body.single-tribe_organizer div.tribe-events-loop, body.single-tribe_venue div.tribe-events-loop, div.tribe-events-day .tribe-events-loop { color: #444; max-width: 100%; } div.tribe-events-schedule h2 { color: #444; font-size: 20px; font-size: 2rem; } .tribe-events-list h2.tribe-events-page-title { color: #444; font-size: 25px; font-size: 2.5rem; font-weight: 500; } div#tribe-events-content .tribe-events-tooltip h4 { color: #0094ae; } div.tribe-events-list .type-tribe_events h2 { color: #ff7a27; font-size: 26px; font-size: 2.6rem; font-weight: 500; margin: 0; text-transform: uppercase; } div.tribe-events-list .type-tribe_events h2.tribe-events-list-event-title { display: block; margin-left: 200px; } div.tribe-events-list .type-tribe_events h2 a { color: #ff7a27; } div.tribe-events-list .type-tribe_events h2 a:hover { color: #2c2b2b; } div.tribe-events-event-meta address.tribe-events-address, div.tribe-events-list .tribe-events-venue-details, div.tribe-events-loop .tribe-events-event-meta { color: #444; font-size: 20px; font-size: 2rem; font-style: normal; line-height: 1.375; } div.tribe-events-loop .tribe-events-event-meta .tribe-event-schedule-details { font-weight: 700; padding: 10px; text-transform: uppercase; } div.tribe-events-list .tribe-events-event-image { width: 150px; } div.tribe-events-loop .tribe-events-read-more { background-color: #ff7a27; color: #fff; display: inline-block; font-size: 22px; line-height: 1.2; text-transform: uppercase; padding: 5px 20px; } div.tribe-events-loop .tribe-events-read-more:hover { background-color: #fc793a; } body.single-tribe_events .tribe-events-event-image { float: left; max-width: 350px; margin-right: 3%; margin-top: 5px; } div.tribe-events-list .tribe-events-event-image img, body.single-tribe_events .tribe-events-event-image img { background-color: #fff; display: block; margin: 0 auto; max-width: 100%; padding: 5px; width: auto; } body.single-tribe_events .tribe-events-content { max-width: inherit; overflow: hidden; padding: 0; width: auto; overflow: hidden; } body.single-tribe_events .tab-container { padding: 40px 0; } div.tribe-events-single ul.tribe-related-events .tribe-related-events-title { font-size: 16px; } div.tribe-events-single ul.tribe-related-events li .tribe-related-event-info { line-height: 1.5; margin-top: 0; } div.tribe-events-list .tribe-events-event-image + div.tribe-events-content { color: #444; float: none; position: relative; width: auto; } div.tribe-events-single ul.tribe-related-events li { font-size: 15px; } div#tribe_events_filters_wrapper .tribe_events_slider_val, body.single-tribe_events a.tribe-events-gcal, body.single-tribe_events a.tribe-events-ical { color: #14BBB0; } div#tribe-events .tribe-events-button, div#tribe-events .tribe-events-button:hover, div#tribe_events_filters_wrapper input[type="submit"], div#tribe-events .tribe-events-button, a.tribe-events-button.tribe-active:hover, a.tribe-events-button.tribe-inactive, a.tribe-events-button:hover, table.tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], table.tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a { background-color: #ff7a27; font-weight: normal; } table.tribe-events-calendar td a { font-size: 15px; } #tribe-events-bar form#tribe-bar-form .tribe-bar-submit input[type="submit"] { background-color: #ff7a27; color: #fff; font-size: 20px; font-size: 2rem; font-weight: 500; line-height: 1.5; text-transform: uppercase; } .tribe-events-single div.tribe-events-notices { background: #e4fefc; border: 1px solid #14bbb0; color: #14bbb0; } div#tribe-events-content.tribe-events-month .tribe-events-month-event-title a.url { color: #3e3e3f; } div#tribe-events-content.tribe-events-month .tribe-events-month-event-title a.url:hover { color: #0094ae; } div.event-is-recurring .tribe-events-divider, body.single-tribe_events .tribe-events-schedule .tribe-events-divider { display: none; } body.single-tribe_events .tribe-events-meta-group .tribe-events-venue-map { margin: 0; } div.tribe-events-day .tribe-events-day-time-slot .type-tribe_events, div.tribe-events-list .type-tribe_events { background-color: #fff; margin: 0 auto 40px; width: 80%; } div.tribe-events-list .tribe-events-list-separator-month, div.tribe-events-day .tribe-events-day-time-slot h5 { margin: 0 auto 30px; width: 100%; } div.tribe-events-list .tribe-events-list-separator-month { font-size: 26px; font-size: 2.6rem; font-weight: 500; text-transform: uppercase; } div.tribe-events-list .tribe-events-loop .tribe-events-content { float: none; margin-left: 200px; overflow: hidden; width: auto; } div.tribe-events-list .tribe-events-loop .tribe-events-event-meta { clear: none; margin: 0 0 20px 200px; } div.tribe-events-event-meta .column, div.tribe-events-event-meta .tribe-events-meta-group { padding: 20px; } body.single-tribe_events .tribe-events-event-meta { clear: both; } div#tribe-events-bar form#tribe-bar-form label { color: #666; font-size: 20px; font-size: 2rem; font-weight: 500; text-transform: uppercase; } div#tribe-events-bar form#tribe-bar-form input { border-bottom: 1px solid #d2d2d2; color: #2c2b2b; font-size: 20px; font-size: 2rem; } .tribe-events-single .tribe-events-single-event-title { font-size: 26px; font-size: 2.6rem; margin-bottom: 0; } .tribe-events-single .tribe-events-schedule { margin-top: 0; } body.single-tribe_events .tribe-events-content ol ol, body.single-tribe_events .tribe-events-content ul ul { margin-bottom: 0; } .entry-content .button a, body.single-tribe_events .tribe-events-content .button a { color: #fff; } body.single-tribe_events .tribe-events-content ol, body.single-tribe_events .tribe-events-content ul { margin-bottom: 20px; margin-left: 0; } body.single-tribe_events .tribe-events-content ol li, body.single-tribe_events .tribe-events-content ul li { margin-bottom: 0 !important; } body.single-tribe_events .tribe-events-content ol > li { list-style-type: none; } body.single-tribe_events .tribe-events-content ul > li { list-style-type: none; position: relative; padding-left: 15px; } body.single-tribe_events .tribe-events-content ul > li:before { background: url(images/bullet-list.png) no-repeat 0 0; content: ''; color: #00a6cf; height: 7px; left: 2px; position: absolute; top: 10px; width: 7px; } body.single-tribe_events .tribe-events-content ol { counter-reset: item; margin-left: 0; } body.single-tribe_events .tribe-events-content ul ul, body.single-tribe_events .tribe-events-content ol ol { margin-left: 0; } body.single-tribe_events .tribe-events-content ol li { display: block; list-style-type: none; position: relative; padding-left: 24px; } body.single-tribe_events .tribe-events-content ol li:before { content: counter(item) ". "; counter-increment: item; color: #005060; font-weight: 500; left: 2px; position: absolute; top: 2px; width: 10px; } body.single-tribe_events .tribe-events-content ol ol, body.single-tribe_events .tribe-events-content ul ul { margin-bottom: 0; } /* ## The Events Widget Lists --------------------------------------------- */ .widget .tribe-list-widget { margin: 0; } .widget ol.tribe-list-widget > li { font-size: 15px; font-size: 1.5rem; list-style-type: none; margin: 0; padding: 0; text-indent: 0; } p.tribe-events-widget-link { font-size: 15px; margin-bottom: 30px; } .widget ol.tribe-list-widget .more-link { margin-top: 10px; } .tribe-list-widget h4.tribe-event-title { font-size: 15px; font-size: 1.5rem; font-weight: 700; margin-bottom: 10px; } .tribe-list-widget h4.tribe-event-title a { color: #231f20; } .tribe-list-widget .tribe-event-duration { font-weight: 400; } ol.tribe-list-widget .event-content-wrap { overflow: hidden; } .sidebar .widget ol.tribe-list-widget > li { border: 0; margin-bottom: 15px; padding-bottom: 0; } .sidebar .tribe-list-widget h4.tribe-event-title, .sidebar .widget ol.tribe-list-widget .event-date { color: #231f20; display: inline; font-weight: 500; } .sidebar .widget ol.tribe-list-widget .event-date::after { content: "|"; color: #231f20; display: inline; padding: 0 5px; } .sidebar .widget ol.tribe-list-widget .more-link { margin-top: 0; } .sidebar .widget ol.tribe-list-widget .more-link a { color: #4b8ecc; } .member-bottom-widgets .widget ol.tribe-list-widget .more-link a:hover, .sidebar .widget ol.tribe-list-widget .more-link a:hover { color: #231f20; } /* ## WooCommerce --------------------------------------------- */ /* ## Product Page ------------------------- */ body.woocommerce div.product div.summary { display: none; } body.woocommerce div.product .woocommerce-tabs #tab-description { display: block !important; } body.woocommerce div.product .woocommerce-tabs div.images { float: right; margin-left: 40px; max-width: 48%; width: auto; } body.woocommerce div.product .woocommerce-tabs table { margin: 40px 0; } body.woocommerce table.tablepress tbody td { line-height: 1.5; text-align: center; } body.woocommerce table.tablepress tbody td[colspan="6"] { background-color: #999; color: #fff; font-size: 22px; font-weight: 700; padding: 10px 30px; text-align: left; } p.add_to_cart_inline { border: 0 !important; margin: 0 !important; padding: 0 !important; } .add_to_cart_inline .amount { display: none; } div.woocommerce #respond input#submit.alt, div.woocommerce a.button.alt, div.woocommerce button.button.alt, div.woocommerce input.button.alt, body.woocommerce #respond input#submit, body.woocommerce a.button, body.woocommerce button.button, body.woocommerce input.button { background-color: #ff7a27; border: 0; border-radius: 0; color: #fff; cursor: pointer; font-size: 22px; font-size: 2.2rem; font-weight: 700; line-height: 1; padding: 7px 20px; text-transform: uppercase; width: auto; } div.woocommerce #respond input#submit.alt:hover, div.woocommerce a.button.alt:hover, div.woocommerce button.button.alt:hover, div.woocommerce input.button.alt:hover, body.woocommerce #respond input#submit:hover, body.woocommerce a.button:hover, body.woocommerce button.button:hover, body.woocommerce input.button:hover { background-color: #f47323; border: 0; border-radius: 0; color: #fff; } div.woocommerce .woocommerce-message { border-color: #ff7a27; } div.woocommerce .woocommerce-message::before { color: #ff7a27; } .woocommerce-Price-currencySymbol { display: none; } .woocommerce tfoot { display: none; } .woocommerce .title { display: none; } /* ## Cart --------------------------------------------- */ .shop_table.cart .cart_item { /*display: inline-block; float: left;*/ margin-left: 5%; width: 29%; vertical-align: top; } .shop_table.cart > div:nth-child(3n+1) { clear: both; margin-left: 0; } .cart-collaterals { clear: both; float: none; width: 100%; } .entry-content #add_payment_method #payment ul.payment_methods, .entry-content .woocommerce-checkout #payment ul.payment_methods, .shop_table .cart_item .variation { margin: 0; } .entry-content #add_payment_method #payment ul.payment_methods li, .entry-content .woocommerce-checkout #payment ul.payment_methods li, .entry-content .shop_table ul > li { font-size: 15px; font-size: 1.5rem; list-style: none outside none; } div.shop_table .variation li { display: inline-block; line-height: 1.2; margin-right: 20px; text-transform: uppercase; } .shop_table ul > li span { display: inline-block; vertical-align: middle; } .shop_table ul > li span p { margin: 0; } div.woocommerce a.remove { color: #ff7a27 !important; font-size: 20px; font-size: 2rem; text-align: left; width: auto; } div.woocommerce .product-remove { margin: 20px 0 0; } div.woocommerce a.remove:hover { background-color: transparent; border-radius: 0; color: #444 !important; } div.woocommerce .cart-collaterals .cart_totals, body.woocommerce-page .cart-collaterals .cart_totals { border-top: 1px solid #c0c0c0; float: none; margin-top: 60px ; padding-top: 60px; width: 100%; } div.woocommerce .woo-item-total, div.woocommerce .cart-collaterals .wc-proceed-to-checkout { text-align: right; } div.woocommerce .woo-item-total h3 > span { display: inline-block; margin-left: 60px; } body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { display: inline-block; } div.woocommerce #customer_details { margin: 0 0 30px; } /* Rework cart thumbnail sizes * Added to help with new cart styling per TKT 769 * Ref: http://www.iamabdus.com/blog/woocommerce/thumbnail-image-size-cart/ */ .tablepress .tablepress-id-299 .shop_table img, .woocommerce table.cart img, .woocommerce #content table.cart img, .woocommerce-page table.cart img, .woocommerce-page #content table.cart img { /*width: auto !important;*/ width: 90px; } /* # Site Header ---------------------------------------------------------------------------------------------------- */ .site-header { background-color: #f4f4f4; box-shadow: 0 0 12px #000; min-height: 80px; position: relative; z-index: 500; } .site-header .wrap { padding: 0; position: relative; } /* ## Title Area --------------------------------------------- */ .title-area { float: left; padding: 18px 0 0; width: 360px; } .header-full-width .title-area { width: 100%; } .site-title { font-size: 50px; font-size: 5rem; font-weight: 700; line-height: 1.2; margin: 0; } .site-title a, .site-title a:hover, .site-title a:focus { color: #2c2b2b; } .header-image .site-title { height: 41px; width: 365px; } .header-image .site-title > a { background: url(images/logo.png) no-repeat 0 0; float: left; height: 41px; width: 100%; } .site-description { font-size: 20px; font-size: 2rem; font-weight: 4; line-height: 1.2; } .site-description, .site-title { margin-bottom: 0; } .header-image .site-description, .header-image .site-title { display: block; text-indent: -9999px; } .header-image .site-description { display: none; } /* ## Widget Area --------------------------------------------- */ .site-header .widget-area { float: right; text-align: right; width: 830px; } /* # Site Navigation ---------------------------------------------------------------------------------------------------- */ .genesis-nav-menu { clear: both; font-size: 20; font-size: 2rem; line-height: 1; width: 100%; } .genesis-nav-menu .menu-item { display: inline-block; margin-right: -4px; text-align: left; } .ie7 .genesis-nav-menu .menu-item { display: block; float: left; } .genesis-nav-menu a { color: #444; text-decoration: none; display: block; padding: 15px 20px; } .genesis-nav-menu a:hover, .genesis-nav-menu a:focus, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .genesis-nav-menu .sub-menu .current-menu-item > a:focus { background-color: transparent; color: #ff7a27; text-decoration: none; } .genesis-nav-menu .sub-menu a:hover, .genesis-nav-menu .sub-menu a:focus, .genesis-nav-menu .sub-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .genesis-nav-menu .sub-menu .current-menu-item > a:focus { background-color: #f3f3f3; color: #ff7a27; text-decoration: none; } .genesis-nav-menu .sub-menu { left: -9999px; opacity: 0; position: absolute; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; width: 260px; z-index: 99; } .genesis-nav-menu .sub-menu a { background-color: #f3f3f3; border: 1px solid #eee; border-top: 0; font-size: 17px; font-size: 1.7rem; padding: 10px 20px; position: relative; width: 260px; word-wrap: break-word; } .genesis-nav-menu .sub-menu .sub-menu { margin: -38px 0 0 259px; } .genesis-nav-menu .menu-item:hover { position: static; } .genesis-nav-menu .menu-item:hover > .sub-menu { left: auto; opacity: 1; } .genesis-nav-menu > .first > a { padding-left: 0; } .genesis-nav-menu > .last > a { padding-right: 0; } .genesis-nav-menu > .right { color: #fff; float: right; list-style-type: none; padding: 30px 0; } .genesis-nav-menu > .right > a { display: inline; padding: 0; } .genesis-nav-menu > .rss > a { margin-left: 48px; } .genesis-nav-menu .search { padding: 0 10px; vertical-align: top; } .nav-primary .genesis-nav-menu .search-wrap { display: block; padding: 18px 16px; position: relative; } .genesis-nav-menu > .cart > a { background: url(images/cart-icon-orange.png) no-repeat center center; box-sizing: content-box; display: block; height: 16px; text-indent: -9999px; width: 16px; } .genesis-nav-menu > .flag > a { background: url(images/flag-icon.png) no-repeat center center; box-sizing: content-box; display: block; height: 16px; text-indent: -9999px; width: 23px; } .genesis-nav-menu > .menu-item.has-image img { display: inline-block; vertical-align: middle; } li#menu-item-8251 span { font-size: 18px; } /* ## Accessible Menu --------------------------------------------- */ .menu .menu-item:focus { position: static; } .menu .menu-item > a:focus + ul.sub-menu, .menu .menu-item.sfHover > ul.sub-menu { left: auto; opacity: 1; } /* ## Primary Navigation --------------------------------------------- */ .nav-primary .genesis-nav-menu > .menu-item > a { font-weight: 700; padding: 40px 20px; text-transform: uppercase; } .nav-primary .genesis-nav-menu a:hover, .nav-primary .genesis-nav-menu a:focus, .nav-primary .genesis-nav-menu .current-menu-item > a { background-color: #ff7a27; color: #fff; text-decoration: none; } .nav-primary .genesis-nav-menu .sub-menu a { color: #444; } .nav-primary .genesis-nav-menu .sub-menu a:hover, .nav-primary .genesis-nav-menu .sub-menu a:focus, .nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a { background-color: #f3f3f3; color: #ff7a27; text-decoration: none; } /* ## Secondary Navigation --------------------------------------------- */ .nav-secondary { background-color: #221f1f; color: #fff; z-index: 5; } .nav-secondary .wrap { position: relative; z-index: 100; } .nav-secondary .genesis-nav-menu { float: right; width: auto; } .nav-secondary .genesis-nav-menu a { text-decoration: none; } .nav-secondary .genesis-nav-menu > .menu-item { vertical-align: middle; } .nav-secondary .genesis-nav-menu > .menu-item > a { color: #fff; font-size: 12px; font-size: 1.2rem; line-height: 16px; padding: 6px 10px; } .nav-secondary .genesis-nav-menu a:hover, .nav-secondary .genesis-nav-menu a:focus, .nav-secondary .genesis-nav-menu .current-menu-item > a { text-decoration: none; } .nav-secondary .genesis-nav-menu .sub-menu a { color: #333; } .nav-secondary .genesis-nav-menu .sub-menu a:hover, .nav-secondary .genesis-nav-menu .sub-menu a:focus, .nav-secondary .genesis-nav-menu .sub-menu .current-menu-item > a { color: #c3251d; text-decoration: none; } .nav-secondary .genesis-nav-menu > .last > a { padding-right: 0; } .nav-secondary .genesis-nav-menu > .first > a { padding-left: 0; } .nav-secondary .phone-info-wrap { letter-spacing: 1.5px; } .nav-secondary .outline-flag-image img { outline-style: solid; outline-color: white; outline-width: 1px; } /* ## Uber Menu --------------------------------------------- */ nav.ubermenu-loc-primary .ubermenu-nav { float: right; width: auto; } nav.ubermenu-loc-primary .ubermenu-nav .ubermenu-submenu .ubermenu-item-header > .ubermenu-target { text-transform: uppercase; } nav.ubermenu-loc-primary .ubermenu-item-level-0 > .ubermenu-submenu-drop { padding: 0 20px; } nav.ubermenu-loc-primary .ubermenu-item-normal > .ubermenu-target { transition: none; } nav.ubermenu-loc-primary .ubermenu-item-normal > .ubermenu-target:hover, nav.ubermenu-loc-primary .ubermenu-item-normal:hover > .ubermenu-target, nav.ubermenu-loc-primary .ubermenu-item-normal.ubermenu-active > .ubermenu-target { background: url(images/arrow-right.png) no-repeat 0 16px transparent; } nav.ubermenu-loc-primary .ubermenu-item-normal.ubermenu-active:hover > .ubermenu-target, nav.ubermenu-loc-primary.ubermenu .ubermenu-item-level-0.ubermenu-in-transition:hover > .ubermenu-target, nav.ubermenu-loc-primary.ubermenu .ubermenu-item-level-0.ubermenu-in-transition > .ubermenu-target, nav.ubermenu-loc-primary.ubermenu .ubermenu-item-level-0.ubermenu-active:hover > .ubermenu-target, nav.ubermenu-loc-primary.ubermenu .ubermenu-item-level-0.ubermenu-active > .ubermenu-target, nav.ubermenu-loc-primary.ubermenu .ubermenu-item-level-0.ubermenu-current-menu-item:hover > .ubermenu-target { color: #fff; } nav.ubermenu .ubermenu-submenu-type-flyout > .ubermenu-item { min-width: 220px; } /* ## Navigation toggles --------------------------------------------- */ button.sub-menu-toggle, button.menu-toggle { display: none; visibility: hidden; } /* # Top Image ---------------------------------------------------------------------------------------------------- */ .top-image img.banner-image { width: 100%; } /* # Products Categories ---------------------------------------------------------------------------------------------------- */ h2.nlb-categories-title { margin-bottom: 40px; } .nlb-categories li.products-category { background-color: #F5F5F5; margin-bottom: 40px; position: relative; } .nlb-categories li.products-category.odd { margin-left: 0; } .nlb-categories li.products-category img, .nlb-categories li.products-category a { display: block; margin: 0; } .nlb-categories li.products-category h3 { background-color: #f5f5f5; bottom: 0; color: #444; display: block; font-size: 28px; font-size: 2.8rem; height: auto; left: 0; margin: 0; opacity: 1; position: absolute; right: 0; text-align: center; text-transform: uppercase; -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; top: 0; } .nlb-categories li.products-category a:hover h3 { opacity: 0; } .nlb-categories li.products-category h3 span { display: table; height: 100%; vertical-align: middle; width: 100%; } .nlb-categories li.products-category h3 b { display: table-cell; vertical-align: middle; } /* # Regianal Branches Map ---------------------------------------------------------------------------------------------------- */ .clearboth { clear: both; } #map-view-container-global, #map-view-container { clear: both; display: block; margin-bottom: 30px; position: relative; } #map-container-global, #map-container { float: right; } img.map { height: 917px; } .global-coverage img.map { height: 420px; } #map-view-container-global img.map , #map-view-container img.map { position: relative; z-index: 100; } #map-view-container-global img.region, #map-view-container img.region { display: none; position: absolute; right: 0; top: 0px; z-index: 30; } #map-view-container-global img.selected, #map-view-container img.selected { display: inline; } #map-view-container-global img.regionBg, #map-view-container img.regionBg { position: absolute; right: 0; top: 0px; z-index: 19; } #practice-container-global, #practice-container { float: left; margin-bottom: 40px; width: 340px; } #practice-container-global section, #practice-container section { display: none; margin:0; padding:0; } #practice-container-global section.selected, #practice-container section.selected { display: inline; } .branch-heading { margin-bottom: 0; } #practice-container-global h3, #practice-container-global h4, #practice-container-global h5, #practice-container h3, #practice-container h4, #practice-container h5 { color: #444; font-weight: 500; text-transform: uppercase; } .banch-info { margin-bottom: 40px; } #practice-container-global .more-link a, #practice-container .more-link a { font-size: 19px; font-size: 1.9rem; line-height: 1; } #practice-container-global .interactive-map, #practice-container .interactive-map { margin: 40px 0; } /* Pop Up */ div.pum-container { background-color: #fff; border: 0 !important; box-shadow: 0px 3px 6px rgba( 20, 20, 20, 1 ) !important; } div.pum-overlay, div.pum-theme-lightbox { background: none transparent !important; } .pum-overlay div.pum-container .pum-content + button.pum-close { height: 40px; width: 40px; left: auto; right: 0; bottom: auto; top: 0; padding: 0; color: #ccc; font-family: inherit; font-size: 54px; line-height: 26px; border: 0; border-radius: 0; box-shadow: none; text-shadow: 0; background-color: transparent; font-weight: 400; } .pum-overlay div.pum-container .pum-title { color: #ff7a27; font-size: 50px; font-size: 5rem; font-weight: 700; line-height: 1; margin: 0; text-transform: uppercase; } .pum-overlay div.pum-container div.gform_wrapper { margin-top: 40px; } /* # Contact ---------------------------------------------------------------------------------------------------- */ .page-template-page_contact .content hr { margin: 50px 0; } .page-template-page_contact .entry-content .more-link a, .page-template-page_contact .entry-content .more-link a { font-size: 19px; font-size: 1.9rem; line-height: 1; } /* # Job Postings ---------------------------------------------------------------------------------------------------- */ .jobs-menu-icon { margin-bottom: 60px; } .jobs-menu-icon h3 { color: #2c2b2b; font-size: 25px; font-size: 2.5rem; font-weight: 500; margin-bottom: 20px; text-transform: uppercase; } .jobs-menu-icon .menu li { display: inline-block; list-style-type: none; margin-bottom: 20px; margin-right: 2%; vertical-align: top; width: 17.33333%; } .jobs-menu-icon .menu li:nth-child(5n+1) { clear: both; } .jobs-menu-icon .menu li:nth-child(5n) { margin-right: 0; } .jobs-menu-icon .menu li a { color: #444; display: block; font-size: 20px; font-size: 2rem; font-weight: 500; line-height: 1.2; min-height: 32px; } .jobs-menu-icon .menu li a.active, .jobs-menu-icon .menu li a:hover { color: #FF5D19; } .jobs-menu-icon .menu li.assembler a { background: url(images/assember.png) no-repeat left center transparent; padding-left: 42px; } .jobs-menu-icon .menu li.maintenance a { background: url(images/building-maintinance.png) no-repeat left center transparent; padding-left: 42px; } .jobs-menu-icon .menu li.cad a { background: url(images/cad.png) no-repeat left center transparent; padding-left: 42px; } .jobs-menu-icon .menu li.machine-shop a { background: url(images/machineshop.png) no-repeat left center transparent; padding-left: 42px; } .jobs-menu-icon .menu li.management a { background: url(images/management.png) no-repeat left center transparent; padding-left: 42px; } .jobs-menu-icon .menu li.parts a { background: url(images/parts.png) no-repeat left center transparent; padding-left: 42px; } .jobs-menu-icon .menu li.office a { background: url(images/office.png) no-repeat left center transparent; padding-left: 42px; } .jobs-menu-icon .menu li.sales a { background: url(images/sales.png) no-repeat left center transparent; padding-left: 42px; } .jobs-menu-icon .menu li.service-technician a { background: url(images/service-tech.png) no-repeat left center transparent; padding-left: 42px; } .jobs-menu-icon .menu li.painter a { background: url(images/painter.png) no-repeat left center transparent; padding-left: 42px; } .jobs-sort-menu h3 { color: #444; font-size: 25px; font-size: 2.5rem; font-weight: 500; } .jobs-posting-top { border-bottom: 1px solid #cdcdcd; margin-bottom: 50px; overflow: hidden; padding-bottom: 40px; } .content .entry.job { margin-bottom: 60px; } .entry.job .job-title { margin-bottom: 0; } .entry.job .job-title a { color: #2c2b2b; } .entry.job header > h3 { color: #444; font-size: 22px; font-size: 2.2rem; font-weight: 500; } .entry.job .job-title a:hover { color: #ff7a27; } .entry.job img { float: left; margin: 6px 0 0; } .entry.job header, .entry.job .entry-content { display: block; margin-left: 50px; } .entry.job .entry-content a { font-weight: 700; } /* ## Job Page --------------------------------------------- */ .job-table header h2 { color: #ff7a27; font-size: 28px; font-size: 2.8rem; margin: 0; max-width: 60%; text-transform: uppercase; } .job-table header .more-link { background: none transparent; float: right; line-height: 1; margin: 0; max-width: 38%; padding-top: 12px; text-transform: uppercase; } .job-table header .more-link a { background: none transparent; color: #ff7a27; font-size: 19px; font-size: 1.9rem; font-weight: 400; padding: 0; } .job-table header .more-link a:hover { color: #444; } .job-table header hr { margin: 30px 0 40px; } .job-table .job-title { color: #2c2b2b; font-size: 26px; font-size: 2.6rem; font-weight: 700; text-transform: uppercase; } .job-table .jobs-applynow { padding-top: 20px; } /* # Literature ---------------------------------------------------------------------------------------------------- */ .info-mid { float: left; width: 410px; } .info-mid h2 { font-weight: 500; margin: 10px 0 20px; } .literature-form select { background: transparent; border-radius: 4px; width: 100%; padding: 0 5px; font-size: 20px; font-size: 2rem; line-height: 1; border: 0; height: 32px; -webkit-appearance: none; } div.gform_wrapper .literature-form select { padding-right: 90px; } .ie div.gform_wrapper .literature-form select { padding-right: 0; } .literature-form { float: right; width: 410px; } .literature-form form { background: url(images/arrow-down.png) no-repeat right transparent; border: 1px solid #ddd; border-radius: 3px 0 0 3px; height: 32px; overflow: hidden; position: relative; width: 100%; } .literature-form input[type="button"] { bottom: 0; font-size: 22px; font-size: 2.2rem; line-height: 1; padding: 4px 8px; position: absolute; right: 0; } .literature-form > h3 { color: #444; margin: 20px 0 5px; } /* # News Main ---------------------------------------------------------------------------------------------------- */ .news-container { border-bottom: 1px solid #e6e6e6; margin-bottom: 60px; padding: 20px 0 40px; } .news-entry { display: block; margin-bottom: 20px; overflow: hidden; } .news-entry .news-date { color: #444; display: inline-block; margin-right: 2%; vertical-align: middle; width: 22%; } .news-entry .news-heading { color: #444; display: inline-block; font-size: 18px; font-size: 1.8rem; margin-right: 2%; vertical-align: middle; width: 56%; } .news-entry .right-buttons { display: inline-block; text-align: right; vertical-align: top; width: 18%; } .news-entry .right-buttons .button { display: inline-block; vertical-align: top; } .news-entry .right-buttons .pdf-button { height: 32px; margin-left: 20px; text-align: left; text-indent: -9999px; background-position: center center; } .news-entry .news-date h3 { color: #444; font-size: 18px; font-size: 1.8rem; margin: 0; text-transform: uppercase; } .news-archive .archive-news-title { margin-bottom: 20px; } a.pdf-button { background: url(images/pdf-button.png) no-repeat 10px center #ff7a27; color: #fff; display: inline-block; font-size: 20px; font-size: 2rem; font-weight: 700; padding: 5px 14px 5px 40px; text-transform: uppercase; } a.pdf-button:hover { background-color: #fc793a; } .news-archive form.select-wrap { max-width: 460px; } form.select-wrap { background: url(images/arrow-down.png) no-repeat right transparent; border: 1px solid #ddd; border-radius: 3px 0 0 3px; height: 32px; overflow: hidden; position: relative; width: 100%; } form.select-wrap select { background: transparent; border-radius: 0; width: 100%; padding: 0 5px; font-size: 20px; font-size: 2rem; line-height: 1; border: 0; height: 32px; -webkit-appearance: none; } form.select-wrap input[type="button"] { bottom: 0; font-size: 22px; font-size: 2.2rem; font-weight: 700; line-height: 1; padding: 4px 8px; position: absolute; right: 0; } /* ## News Individual --------------------------------------------- */ .single-nlb-news .entry-header { margin-bottom: 20px; overflow: hidden; } .single-nlb-news .entry-header .news-title { color: #2c2b2b; display: block; float: left; max-width: 70%; } .single-nlb-news .entry-header .pdf-button { float: right; } /* # Accesories ---------------------------------------------------------------------------------------------------- */ .top-navigation { margin-bottom: 60px; } .top-navigation .nav-items { background-color: #f5f5f5; height: 279px; overflow: hidden; padding: 20px 20px 20px 500px; position: relative; } .top-navigation .nav-items > li:first-child > img { opacity: 1; } .top-navigation .nav-items li a img { background-color: #f5f5f5; opacity: 0; height: auto; left: 0; max-width: 481px; position: absolute; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; top: 0; z-index: 1; } .top-navigation .nav-items li:first-child a img { opacity: 1; z-index: 100; } .top-navigation .nav-items li a:hover > img { opacity: 1; z-index: 9999; } .top-navigation .nav-items > li a { color: #444; display: block; font-weight: 500; text-transform: uppercase; } .top-navigation .nav-items > li a:hover { color: #ff7a27; } .top-navigation .nav-items > li { display: inline-block; vertical-align: top; width: 48%; } .top-navigation .nav-items > li:nth-child(2n+1) { margin-right: 2%; } .top-navigation .entry-content .soliloquy-outer-container { clear: both; display: block; overflow: hidden; } .entry-content div.soliloquy-container .soliloquy-caption .soliloquy-caption-inside { background: none #f5f5f5; color: #010101; font-size: 20px; font-size: 2rem; padding: 40px 20px; text-align: left; text-shadow: none; } .entry-content div.soliloquy-container .soliloquy-caption-inside h1, .entry-content div.soliloquy-container .soliloquy-caption-inside h2, .entry-content div.soliloquy-container .soliloquy-caption-inside h3, .entry-content div.soliloquy-container .soliloquy-caption-inside h4, .entry-content div.soliloquy-container .soliloquy-caption-inside h5 { color: #474747; font-weight: 500; margin-bottom: 20px; } .entry-content div.soliloquy-container .soliloquy-caption-inside h1 { font-size: 28px; font-size: 2.8rem; } .entry-content div.soliloquy-container .soliloquy-caption-inside h2 { font-size: 26px; font-size: 2.6rem; } .entry-content div.soliloquy-container .soliloquy-caption-inside h3 { font-size: 25px; font-size: 2.5rem; } .entry-content div.soliloquy-container .soliloquy-caption-inside h4 { font-size: 20px; font-size: 2rem; } .entry-content div.soliloquy-container .soliloquy-caption-inside .more-link { margin-top: 20px; } .entry-content div.soliloquy-container .soliloquy-caption-inside .more-link a { background: none; color: #ff7a27; font-weight: 700; padding: 0; text-transform: none; } .entry-content div.soliloquy-container .soliloquy-caption-inside .more-link a:hover { color: #010101; } .entry-content div.soliloquy-outer-container { clear: both; } .entry-content div.soliloquy-container.featured-video-full { background-color: #f5f5f5; } .entry-content div.soliloquy-container.featured-video-full .soliloquy-image { max-width: 830px; } .entry-content div.soliloquy-container.featured-video-full .soliloquy-caption.soliloquy-caption-right { left: 100%; right: auto; width: 370px; } /* ## Products --------------------------------------------- */ ul.products-wrap { margin: 60px 0 40px !important; } .bucket, .products-wrap li.product-item { background-color: #f5f5f5; list-style: none outside none; line-height: 1.2; margin: 0 0 40px; text-align: center; padding: 20px; vertical-align: middle; } .bucket h3, .products-wrap li.product-item h3 { line-height: 1; margin: 0; } .bucket h3 { margin-bottom: 20px; } .bucket h3 a, .products-wrap li.product-item h3 a { color: #444; font-weight: 500; text-transform: uppercase; } li.product-item a.learn-more { display: block; font-weight: 700; margin: 0 0 30px; } .bucket a.more { display: inline-block; margin: 0; } li.product-item .more-link { margin-top: 20px; } .bucket img.alignleft, .bucket img.aligncenter { display: block; float: none; margin: 0 auto 24px; } .products-wrap { clear: both; display: block; } .products-wrap.two-columns li.product-item { display: inline-block; margin-left: 2%; vertical-align: top; width: 48%; } .products-wrap.three-columns li.product-item { display: inline-block; margin-left: 3%; vertical-align: top; width: 31%; } .products-wrap.four-columns li.product-item { display: inline-block; margin-left: 2.3%; width: 23%; } .products-wrap.five-columns li.product-item { display: inline-block; margin-left: 2%; width: 18%; } .products-wrap.two-columns li.product-item:nth-child(2n+1), .products-wrap.three-columns li.product-item:nth-child(3n+1), .products-wrap.four-columns li.product-item:nth-child(4n+1), .products-wrap.five-columns li.product-item:nth-child(5n+1) { clear: both; margin-left: 0; } .jump-links { font-size: 1.5rem; margin: 0 15px; border: 1px solid #ccc; padding: 5px; } .jump-links a { color: #ff7a27; } /* # Selector Guide ---------------------------------------------------------------------------------------------------- */ .selector-form { margin-bottom: 40px; } .selector-form h3 { color: #444; margin-bottom: 20px; } .selector-form label { float: left; margin-right: 2%; text-align: left; width: 18%; } .selector-form input[type="text"] { width: 77.8%; } .selector-form p.button-submit { margin: 40px 0 20px; } .results-title { margin-bottom: 60px; } .result-item { overflow: hidden; width: 100%; } .result-item h3 { color: #444; float: left; font-weight: 500; max-width: 70%; } .result-item .more-link { float: right; margin: 0 0 20px; max-width: 28%; } .result-item .result-item-content { background-color: transparent; clear: both; margin-bottom: 60px; overflow: hidden; position: relative; width: 100%; } .result-item .pump-details { border-right: 1px solid #c4c4c4; float: right; width: 50%; } .result-item .pump-details li > strong { background-color: #444; color: #fff; display: block; font-weight: 700; padding: 5px 20px; } .result-item .pump-details li { display: block; float: left; width: 33.33333%; } .result-item .pump-details li span { border-left: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; display: block; line-height: 1.2; min-height: 160px; padding: 30px; } .result-item .result-image { float: left; overflow: hidden; width: 50%; } .result-item .result-image img { display: block; margin: 0 auto; max-width: 100%; } .result-item .pump-details li span.odd { background-color: #fff; } .result-item .pump-details li span.odd { background-color: #f5f5f5; } /* # GeoSearch ---------------------------------------------------------------------------------------------------- */ .geo-search { float: left; width: 35%; } .geo-search .intro-text { margin-bottom: 40px; } .search-heading { color: #444; font-size: 26px; font-weight: 500; text-transform: uppercase; } .map-graphic { background: url(images/geomap.png) no-repeat center center; background-size: 100%; float: right; min-height: 422px; width: 62%; } .cs_supplier { clear: both; display: block; } .geo-results { clear: both; display: block; } .geo-results .wrap { clear: both; display: block; } .geo-results button { margin: 20px 0 0; } .geo-results form { margin-top: 40px; max-width: 50%; padding-left: 170px; } .geo-results form > div { margin-top: 8px; } .geo-results form .cs_label { font-weight: 400; text-align: left; } .geo-results form input, .geo-results form textarea { display: block; } span.cs_bold { font-weight: 400; } /* # Featured Videos ---------------------------------------------------------------------------------------------------- */ .videos-heading { margin-bottom: 60px; overflow: hidden; } .videos-heading h2.videos-title { float: left; font-weight: 500; max-width: 60%; } .videos-heading .more-videos { float: right; font-size: 25px; font-size: 2.5rem; font-weight: 500; } .featured-videos div.soliloquy-container .soliloquy-prev { left: -50px; } .featured-videos div.soliloquy-container .soliloquy-next { right: -50px; } /* # Home Page ---------------------------------------------------------------------------------------------------- */ /* ## Slider --------------------------------------------- */ .home-slider div.soliloquy-container .soliloquy-image { width: 100%; } .home-slider div.soliloquy-container .soliloquy-item, .home-slider div.soliloquy-container .soliloquy-viewport { max-height: 480px; overflow: hidden; } div.soliloquy-container .soliloquy-prev { background: url(images/left.png) no-repeat center center transparent; height: 48px; left: -36px; width: 26px; } div.soliloquy-container .soliloquy-next { background: url(images/right.png) no-repeat center center transparent; height: 48px; right: -36px; width: 26px; } .home-slider div.soliloquy-container .soliloquy-prev { left: 20px; } .home-slider div.soliloquy-container .soliloquy-next { right: 20px; } div.soliloquy-container .soliloquy-pager-link.active, div.soliloquy-container .soliloquy-pager-link:hover { background-image: url(images/circle-hover.png); } div.soliloquy-container .soliloquy-pager-link { background-image: url(images/circle.png); } div.soliloquy-container .soliloquy-pager { bottom: -24px; } div.soliloquy-container .soliloquy-video-icon { background-image: url(images/video.png); } div.soliloquy-container .soliloquy-wrapper { margin: 0 auto; } .soliloquy-carousel div.soliloquy-container .soliloquy-caption { position: static; } .soliloquy-carousel div.soliloquy-container .soliloquy-caption .soliloquy-caption-inside { background: none transparent; color: #444; padding: 20px; text-align: center; } .soliloquy-carousel div.soliloquy-container .soliloquy-caption h1, .soliloquy-carousel div.soliloquy-container .soliloquy-caption h2, .soliloquy-carousel div.soliloquy-container .soliloquy-caption h3, .soliloquy-carousel div.soliloquy-container .soliloquy-caption h4, .soliloquy-carousel div.soliloquy-container .soliloquy-caption h5 { color: #444; font-weight: 500; margin: 0; } .home-slider div.soliloquy-container .soliloquy-caption h1, .home-slider div.soliloquy-container .soliloquy-caption h2, .home-slider div.soliloquy-container .soliloquy-caption h3, .home-slider div.soliloquy-container .soliloquy-caption h4, .home-slider div.soliloquy-container .soliloquy-caption h5 { color: #fff; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 400; margin-bottom: 30px; } .home-slider div.soliloquy-container .soliloquy-caption h1, .home-slider div.soliloquy-container .soliloquy-caption h2 { font-size: 28px; font-size: 2.8rem; } .home-slider div.soliloquy-container .soliloquy-caption .soliloquy-caption-inside { background: rgba(0, 0, 0, 0.6); display: inline-block; padding: 40px 36px; text-align: left; text-shadow: none; width: auto; } .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-top, .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-left, .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-right, .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-bottom { left: 50%; height: auto; top: 50%; margin-top: -131px; margin-left: -600px; width: 640px; } .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-right { left: auto; margin-right: -600px; right: 50%; } .home-slider div.soliloquy-container .soliloquy-caption .more-link a { font-size: 15px; font-size: 1.5rem; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 500; } .home-slider div.soliloquy-container .soliloquy-caption .more-link { margin-top: 40px; } /* ## Bottom CTA --------------------------------------------- */ .home-bottom section.wsm-cta-widget { display: inline-block; margin-bottom: 40px; margin-right: 3%; max-width: 30%; vertical-align: top; } .home-bottom section:nth-child(3n) { margin-right: 3%; } section.wsm-cta-widget .cta-wrap { overflow: hidden; position: relative; width: 100%; } section.wsm-cta-widget .cta-wrap img, section.wsm-cta-widget .cta-wrap a { display: block; } section.wsm-cta-widget .cta-title { background: rgba(0,0,0,0.6); color: #fff; display: block; font-family: "Gotham A", "Gotham B"; font-weight: 500; font-size: 18px; font-size: 1.8rem; left: 0; margin: -33px 0 0; padding: 22px 20px; position: absolute; right: 0; text-align: center; text-transform: uppercase; top: 50%; } /* # Content Area ---------------------------------------------------------------------------------------------------- */ /* ## Entries --------------------------------------------- */ .entry { margin-bottom: 40px; } .content .entry { background-color: #fff; } .entry-content ol, .entry-content ul { margin-bottom: 20px; margin-left: 40px; } .entry-content ol > li { list-style-type: none; } .entry-content ul > li { list-style-type: none; list-style-image: url(images/arrow-right.png); } .entry-content ol ol, .entry-content ul ul { margin-bottom: 0; } .entry-content ol { counter-reset: item; margin-left: 20px; } .entry-content ol ol { margin-left: 0; } .entry-content ol li { display: block; list-style-type: none; position: relative; padding-left: 20px; } .entry-content ol li:before { content: counter(item) ". "; counter-increment: item; color: #ff7a27; font-weight: 400; left: -6px; position: absolute; top: 2px; width: 24px; } .entry-content code { background-color: #333; color: #ddd; } /* ## Entry Meta --------------------------------------------- */ p.entry-meta { font-size: 15px; font-size: 1.5rem; margin-bottom: 0; } .entry-header .entry-meta { margin-bottom: 24px; } .entry-meta a { color: #2c2b2b; } .entry-meta a:hover { color: #ff7a27; } .entry-footer .entry-meta { border-top: 1px solid #c7c7c7; padding-top: 20px; } .entry-categories, .entry-tags { display: inline-block; } .entry-categories { margin-right: 30px; } .entry-categories b, .entry-tags b { color: #ff7a27; } /* ## Pagination --------------------------------------------- */ .pagination { clear: both; margin: 40px 0; } .adjacent-entry-pagination { margin-bottom: 0; } .archive-pagination li { display: inline; } .archive-pagination li a { background-color: #444; color: #fff; cursor: pointer; display: inline-block; font-size: 20px; font-size: 2rem; padding: 8px 12px; text-decoration: none; } .archive-pagination li a:hover, .archive-pagination li a:focus, .archive-pagination .active a { background-color: #ff7a27; } /* ## Comments --------------------------------------------- */ .comment-respond, .entry-comments, .entry-pings { margin-bottom: 40px; } .comment-respond h3.comment-reply-title, .entry-comments h3 { font-size: 25px; font-size: 2.5rem; font-weight: 700; text-transform: uppercase; } .comment-header { font-size: 15px; font-size: 1.5rem; } li.comment { background-color: #f5f5f5; border: 1px solid #fff; } .comment-content { clear: both; word-wrap: break-word; } .comment-list li { margin-top: 20px; padding: 20px; } .comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] { width: 50%; } .comment-respond label { display: none; margin-right: 12px; } .entry-comments .comment-author { margin-bottom: 0; } .entry-pings .reply { display: none; } .bypostauthor { } .form-allowed-tags { background-color: #f5f5f5; font-size: 15px; font-size: 1.5rem; padding: 24px; } .logged-in-as { font-size: 15px; font-size: 1.5rem; } .logged-in-as a { color: #2c2b2b; } .logged-in-as a:hover { color: #ff7a27; } /* # Sidebars ---------------------------------------------------------------------------------------------------- */ .sidebar { font-size: 15px; font-size: 1.5rem; } .sidebar li { margin-bottom: 10px; } .sidebar .widget_recent_comments li a:hover, .sidebar li a { color: #2c2b2b; } .sidebar .widget_recent_comments li a, .sidebar li a:hover { color: #ff7a27; } .sidebar p:last-child, .sidebar ul > li:last-child { margin-bottom: 0; } .sidebar .widget { background-color: #fff; margin-bottom: 30px; } .sidebar .menu li { font-size: 15px; font-size: 1.5rem; font-weight: 700; text-transform: uppercase; } .sidebar .menu li a { position: relative; } .sidebar .menu li.active a:before, .sidebar .menu li:hover a:before { background: url(images/arrow-right-cta.png) no-repeat 0 0; content: ""; display: block; height: 15px; left: -20px; position: absolute; top: 8px; width: 9px; } /* # Footer Forms ---------------------------------------------------------------------------------------------------- */ .footer-form { background-color: #f57f29; color: #fff; padding: 0; position: relative; } .footer-form .wrap { padding: 10px 0; position: relative; } .footer-form h1, .footer-form h2, .footer-form h3, .footer-form h4, .footer-form h5, .footer-form .widget-title { color: #fff; } .footer-form button, .footer-form input[type="button"], .footer-form input[type="reset"], .footer-form input[type="submit"], .footer-form .button { background-color: #444445; } .footer-form div.gform_wrapper { margin: 0; overflow: hidden; } .footer-form .widget-title, .footer-form div.gform_wrapper h3.gform_title { font-size: 18px; font-size: 1.8rem; font-weight: 400; margin: 0; } .footer-form div.gform_wrapper .button-right .gform_heading { float: left; margin: 0 2% 0 0; padding-top: 8px; width: 48%; } .footer-form div.gform_wrapper .button-right .gform_body { float: right; margin: 0; width: 45%; } .footer-form div.gform_wrapper span.gform_description { margin: 0; } .footer-form div.gform_wrapper .button-right .gform_footer { bottom: 10px; clear: none; height: auto; position: absolute; margin: 0; right: 0; top: 10px; width: auto; } .footer-form div.gform_wrapper ul li.gfield { margin-top: 0; } body .footer-form div.gform_wrapper label.gfield_label + div.ginput_container { margin-top: 0; } .footer-form div.gform_wrapper .validation_error { display: none; } .footer-form div.gform_wrapper li.gfield.gfield_error, .footer-form div.gform_wrapper li.gfield.gfield_error.gfield_contains_required { margin: 0; } .footer-form div.gform_wrapper .gform_footer input.button, .footer-form div.gform_wrapper .gform_footer input[type="submit"] { background: #ddd; /* background-color: #444445; */ border: 1px solid #fff; font-size: 14px; font-size: 1.4rem; font-weight: 400; line-height: normal; padding: 10px 10px; position: relative; margin-right: 9em; margin-top: 12em; } .widget-wrap #input_17_5 { width: 500px; border-radius: 0px; padding: 0.6em; text-align: left; line-height: 20px; } .footer-form div.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .footer-form input, .footer-form select, .footer-form textarea { background-color: transparent; border: 1px solid #fff; color: #fff; font-size: 14px; font-size: 1.4rem; font-weight: 400; padding: 10px 10px; text-transform: uppercase; } .footer-form ::-moz-placeholder { color: #fff; text-transform: uppercase; } .footer-form ::-webkit-input-placeholder { color: #fff; text-transform: uppercase; } #show_hide { background: url(images/closed-icon.png) no-repeat 0 0; display: block; height: 28px; left: auto; margin-top: -16px; margin-right: 8em; cursor: pointer; position: absolute; right: -30px; top: 50%; text-indent: -9999px; width: 28px; } /* # Footer Widgets ---------------------------------------------------------------------------------------------------- */ .footer-widgets { background-color: #474747; border-bottom: 1px solid #444; color: #fff; font-size: 14px; font-size: 1.4rem; padding: 40px 0; } .footer-widgets a { color: #fff; } .footer-widgets a:hover { color: #CCC; } .footer-widgets .widget-title { color: #fff; font-size: 17px; font-size: 1.7rem; font-weight: 400; text-transform: uppercase; } .footer-widgets .widget-area { float: left; margin-right: 5.2%; width: 12%; } .footer-widgets .footer-widgets-6 { margin-right: 0; } .footer-widgets li { margin-bottom: 8px; } .footer-widgets p { margin-bottom: 15px; } /* # Site Footer ---------------------------------------------------------------------------------------------------- */ .site-footer { background-image: none; background-color: #1a1a1a; color: #fff; font-size: 14px; font-size: 1.4rem; line-height: 1.5; padding: 20px 0; position: relative; text-align: center; } .site-footer a { color: #fff; } .site-footer a:hover { color: #ff7a27; } .site-footer p { margin-bottom: 0; } .to-top { display:inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; overflow:hidden; text-indent:100%; white-space:nowrap; background: rgba(255,103,31,0.9) url(images/to-top.svg) no-repeat center 50%; visibility:hidden; opacity:0; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; z-index: 9999; } .to-top.top-is-visible { visibility:visible; opacity:1; } .to-top.top-fade-out { opacity:.5; } .no-touch .to-top:hover { background-color:#e86256; opacity:1; } /* New Quote Tables */ div.shop_table .product-thumbnail { display: block; margin-bottom: 30px; } table.tablepress#tablepress-299 td { vertical-align: middle; text-align: center; } table.tablepress#tablepress-299 td:nth-child(4) { text-align: left; } table.tablepress#tablepress-299 { vertical-align: middle; font-size: 16px; font-size: 1.6rem; } table.tablepress#tablepress-299 thead th, table.tablepress#tablepress-299 tfoot th { background: #444; color: #fff; font-weight: 700; line-height: 1.2; padding: 10px 8px; text-transform: uppercase; text-align: center; display: default; } table.tablepress#tablepress-299 > tbody > td.product-thumbnail > a > img { width:100%; height:100%; } table.tablepress#tablepress-299.product-thumbnail.product_thumbnail { width:200px; height:200px; } table.tablepress#tablepress-299.product_thumbnail table { width:100%; height:100%; } table.tablepress#tablepress-299 h3.product-title { font-weight: 700; margin: 0 0 5px; } table.tablepress#tablepress-299 .variation { padding: 20px 0 0; } table.tablepress#tablepress-299 td.product-title a { color: #444; } table.tablepress#tablepress-299 td.product-description { font-weight: normal; margin: 0 0 5px; width: 40%; text-align: left; } table.tablepress#tablepress-299 td.product-name { font-weight: normal; margin: 0 0 5px; } table.tablepress#tablepress-299 td.product-quantity { font-weight: 700; margin: 0 0 5px; text-align: center; } .entry-content ul > li { list-style-type: none !important; list-style-image: none !important; } .entry-content .woocommerce table td.product-quantity > div > input { border: 0px solid #d1d1d1; font-weight: normal; font-size: 20px; font-size: 2rem; /*float: right; margin-right: 30%;*/ } table.tablepress#tablepress-299 tbody .product-remove a { display: inline-block; color: #fff !important; font-size: 30px; font-size: 3rem; font-weight: 700; text-align: center; text-decoration: none; width: 40px; height: auto; line-height: normal; vertical-align: middle; border: 1px solid #ff7a27; border-radius: 0; background-color: #ff7a27; } table.tablepress#tablepress-299 a:hover, table.tablepress#tablepress-299 a.focus { font-weight: 700; } table.tablepress#tablepress-299 > div.woocommerce .product-remove { margin: 20px 0 0; } /* End of New Quote Tables */ /* # Media Queries ---------------------------------------------------------------------------------------------------- */ /* pump selection guide button on utility bar */ #menu-item-10004 span.ubermenu-target-title.ubermenu-target-text, #menu-item-10005 span.ubermenu-target-title.ubermenu-target-text { padding:7px 15px; color: #fff; background:#63656a; } #menu-item-10004 span.ubermenu-target-title.ubermenu-target-text:hover, #menu-item-10005 span.ubermenu-target-title.ubermenu-target-text:hover { background:#f57f29; } #menu-item-10004 .ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only:hover { background:#221f1f; } #menu-item-10004 a { background: #221f1f; } #menu-item-10005 .ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only:hover { background:#f57f29; } li#menu-item-10005 { display:none; } #menu-item-7733 img { display:none; } #menu-item-7733 a { font-size: 16px; background: none; } #menu-item-7733 a:hover { color: #fff; } #menu-item-7733 a:hover, #menu-item-8251 a:hover, #menu-item-8252 a:hover { height: 92px; } li#menu-item-7733 a:hover { color: #ffffff; background-color: #ff7a27; background: -webkit-gradient(linear,left top,left bottom,from(#ff7a27),to(#ff7a27)); background: -webkit-linear-gradient(top,#ff7a27,#ff7a27); background: -moz-linear-gradient(top,#ff7a27,#ff7a27); background: -ms-linear-gradient(top,#ff7a27,#ff7a27); background: -o-linear-gradient(top,#ff7a27,#ff7a27); background: linear-gradient(top,#ff7a27,#ff7a27); } .table-wrapper { width: 100%; overflow-x: scroll; position: relative; padding: 10px 0; } @media only screen and (max-width: 1199px) { .wrap { max-width: 94%; } .content, .site-header .widget-area { width: 64%; } .sidebar-primary, .title-area { width: 30%; } .content-sidebar .content-sidebar-wrap { background-position: 67.5% 0; } body div.gform_wrapper ul li.gfield.gfield_html img.alignleft { width: 25% !important; } .info-mid { width: 36%; } .literature-form { width: 34%; } #map-view-container-global, #map-view-container { clear: both; float: none; margin: 0 0 20px; display: block; width: 855px; } #map-container-global { margin-bottom: 20px; } #practice-container-global, #practice-container { width: 320px; } .entry-content div.soliloquy-container.featured-video-full .soliloquy-image { max-width: inherit; } .entry-content div.soliloquy-container.featured-video-full .soliloquy-caption.soliloquy-caption-left, .entry-content div.soliloquy-container.featured-video-full .soliloquy-caption.soliloquy-caption-right { max-width: inherit; width: 35%; } .entry-content div.soliloquy-container.featured-video-full .soliloquy-caption.soliloquy-caption-right { left: auto; right: 0; } .entry-content div.soliloquy-container.featured-video-full { max-width: 100% !important; } .entry-content div.soliloquy-container.featured-video-full .soliloquy-image { width: 100%; } #show_hide { margin-left: 6px; right: 10px; } .sidebar .menu li.active a:before, .sidebar .menu li:hover a:before { display: none; } div.gform_wrapper h3.gform_title { font-size: 22px; font-size: 2.2rem; } .products-wrap.three-columns li.product-item { min-height: 370px; width: 30.75%; } .to-top { height:60px; width:60px; right:30px; bottom:30px; } .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-top, .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-left, .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-right, .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-bottom { left: 3%; margin-left: 0; margin-top: -111px; } .home-slider div.soliloquy-container .soliloquy-caption .more-link { margin-top: 20px; } .home-slider div.soliloquy-container .soliloquy-caption h1, .home-slider div.soliloquy-container .soliloquy-caption h2, .home-slider div.soliloquy-container .soliloquy-caption h3, .home-slider div.soliloquy-container .soliloquy-caption h4, .home-slider div.soliloquy-container .soliloquy-caption h5 { margin-bottom: 10px; } nav.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 1058px) { .header-image .site-title { bottom: -17px; } } @media only screen and (max-width: 1024px) { .home-slider div.soliloquy-container .soliloquy-caption h1, .home-slider div.soliloquy-container .soliloquy-caption h2 { font-size: 22px; font-size: 2.2rem; } .header-cta div.gform_wrapper h3.gform_title { font-size: 18px; font-size: 1.8rem; } .nav-secondary .genesis-nav-menu { float: none; width: auto; } .header-image .site-title { position: static; } .header-image .site-description { display: none; } .title-area { margin: 10px 0 20px; padding: 0; width: 100%; } .header-image .site-title { width: 100%; } .header-image .site-title > a { background-position: center center; } .site-header .widget-area { text-align: center; width: 100%; } .header-cta div.gform_wrapper .button-right .gform_heading { width: 52%; } .header-cta div.gform_wrapper .button-right .gform_footer { width: 15%; } nav.ubermenu-loc-primary .ubermenu-nav { display: table; float: none; margin: 0 auto; width: auto; } .nav-primary nav.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { padding: 10px 20px; } .nav-secondary .genesis-nav-menu { text-align: center; } .genesis-nav-menu .search-form input[type="search"] { width: 400px; } .news-entry .news-date, .news-entry .news-heading, .news-entry .right-buttons { float: none; margin: 0; text-align: left; width: 100%; } .news-entry .right-buttons { padding-top: 10px; } .news-entry { border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; } .news-container > div:last-child { border: 0; } #map-view-container-global, #map-view-container { width: 100%; } .products-wrap.three-columns li.product-item { width: 30.5%; } #practice-container-global, #practice-container { width: 100%; } .products-wrap.three-columns li.product-item { width: 30.88888%; } .header-cta div.gform_wrapper h3.gform_title { font-size: 20px; font-size: 2rem; } .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-top, .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-left, .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-right, .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-bottom { left: 0; margin-left: 0; margin-top: 0; top: auto; right: 0; width: 100%; bottom: 0; } .home-slider div.soliloquy-container .soliloquy-caption .soliloquy-caption-inside { padding: 20px 3%; width: 100%; } .home-slider div.soliloquy-container .soliloquy-prev { left: 2px; } .home-slider div.soliloquy-container .soliloquy-next { right: 2px; } } @media only screen and (max-width: 800px) { .site-header .wrap { max-width: 100%; } .content { width: 60%; } .content-sidebar .content-sidebar-wrap { background-position: 62.5% 0; } .sidebar-primary { width: 35%; } .title-area { position: absolute; left: 3%; top: 0; margin: 14px 0 0; width: 115px; } .site-header { min-height: inherit; } .header-cta div.gform_wrapper .button-right .gform_footer, .header-cta div.gform_wrapper .button-right .gform_body, .header-cta div.gform_wrapper .button-right .gform_heading { float: none; margin: 0 auto 10px; width: 100%; } .header-cta div.gform_wrapper .button-right .gform_body { max-width: 50%; } .nav-secondary .genesis-nav-menu > .menu-item { vertical-align: middle; } .genesis-nav-menu span.searchbox-show, .genesis-nav-menu .search-form input[type="search"] { width: 240px; } .nlb-categories li.products-category h3, h1 { font-size: 28px; font-size: 2.8rem; } #practice-container-global .interactive-map, #practice-container .interactive-map, #map-view-container-global #map-container-global, #map-view-container #map-container { display: none; } #practice-container-global section, #practice-container section { border-bottom: 1px solid #c7c7c7; display: block !important; margin: 0 0 30px; padding-bottom: 30px; } #practice-container-global section:last-child, #practice-container section:last-child { border: 0; } .banch-info { margin-bottom: 10px; } #practice-container-global section .more-link, #practice-container section .more-link { margin-bottom: 10px; } .jobs-menu-icon .menu li { margin: 0 0 8px; width: 48%; } .jobs-menu-icon .menu { overflow: hidden; } .jobs-menu-icon .menu li:nth-child(5n+1) { clear: none; } .jobs-menu-icon .menu li:nth-child(2n+1) { float: left; clear: both; } .jobs-menu-icon .menu li:nth-child(2n) { float: right; } .jobs-posting-top .jobs-sort-menu { margin-right: 2.4%; width: 45%; } .breadcrumb, .job-table header .more-link { display: block; float: none; margin: 0 0 10px; max-width: 100%; width: 100%; } .breadcrumb { padding: 0; } .posts-title, .page .site-inner h1.entry-title, .archive-description, .job-table header h2 { display: block; float: none; max-width: 100%; width: 100%; } body div.gform_wrapper ul li.gfield.gfield_html img.alignleft { float: none; margin: 0 auto; max-width: 50%; width: auto !important; } .literature-form, .info-mid { clear: both; float: none; width: 100%; } .info-mid { margin-bottom: 20px; } .literature-form br { display: none; } .literature-form form { float: none; max-width: 50%; } .entry-content div.soliloquy-container.featured-video-full .soliloquy-image { width: 100%; } .entry-content div.soliloquy-container.featured-video-full .soliloquy-caption.soliloquy-caption-left, .entry-content div.soliloquy-container.featured-video-full .soliloquy-caption.soliloquy-caption-right { position: static; width: 100%; } .entry-content div.soliloquy-container.featured-video-full .soliloquy-caption.soliloquy-caption-right .soliloquy-caption-inside, .entry-content div.soliloquy-container.featured-video-full .soliloquy-caption.soliloquy-caption-right .soliloquy-caption-inside { height: auto; } .products-wrap.three-columns li.product-item { margin-left: 2%; } .top-navigation .nav-items li img { display: none; } .top-navigation .nav-items { padding-left: 20px; } .top-navigation .nav-items { height: auto; } div.woocommerce #payment #place_order, body.woocommerce-page #payment #place_order { width: auto; } .header-cta div.gform_wrapper .button-right .gform_footer, .header-cta div.gform_wrapper h3.gform_title { text-align: center; } #show_hide { bottom: 10px; left: auto; margin-top: 0; right: 3%; top: auto; } .geo-search, .videos-heading .more-videos, .videos-heading h2.videos-title { float: none; text-align: left; width: 100%; } .map-graphic { display: none; } .geo-results form { max-width: 100%; } .to-top { right:20px; bottom:20px; } .home-slider div.soliloquy-container .soliloquy-item, .home-slider div.soliloquy-container .soliloquy-viewport { max-height: inherit; overflow: visible; } .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-top, .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-left, .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-right, .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-bottom { margin-left: 0; position: static; width: 100%; } .home-slider div.soliloquy-container .soliloquy-caption .soliloquy-caption-inside .table-cell { padding: 0 36px; } .home-bottom section.wsm-cta-widget { margin-right: 2.5%; } .home-bottom section:nth-child(3n) { margin-right: 3%; } } @media only screen and (max-width: 990px) { .footer-widgets .widget-area { float: none; margin: 0 0 30px; width: 100%; } } @media only screen and (max-width: 960px) { #ubermenu-main-488-secondary.ubermenu-responsive-default.ubermenu-responsive.ubermenu-responsive-collapse { max-height: none; visibility:visible; } a.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-skin-none.ubermenu-loc-secondary.ubermenu-responsive-toggle-content-align-right.ubermenu-responsive-toggle-align-full { display:none; } a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only, a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only, a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only { padding:10px; } li#menu-item-7733, li#menu-item-8252 { min-width: 50px; width: 3%; padding:0; } li#menu-item-8251 { min-width: 148px; width: 148px; } .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column:nth-of-type(2n+1) { clear:none !important; } ul#ubermenu-nav-main-488-secondary { height: 20px; width: 254px; margin: 0 auto; } li#menu-item-7733 img { position: relative; top: 3px; } .page-template .ubermenu-responsive-default.ubermenu-responsive .ubermenu-item-level-0 { width:100%; } li#menu-item-10005 { display:block; } li#menu-item-10005 a { background: none; } li#menu-item-10004 { display:none; } .ubermenu .ubermenu-item.ubermenu-item-7733 > .ubermenu-target { color: #ff7a27; padding: 10px; text-align: center; } li#menu-item-8251 span { font-size: 14px; } } @media only screen and (max-width: 680px) { .content-sidebar .content-sidebar-wrap { background: none transparent; } .content, .sidebar-primary, .site-header .widget-area, .site-inner { width: 100%; } div.shop_table .variation li { display: block; } .result-item .more-link, .result-item h3 { float: none; max-width: 100%; text-align: center; } .result-item .pump-details, .result-item .result-image { float: none; width: 98%; } .result-item .pump-details { overflow: hidden; } div.tribe-events-day .tribe-events-day-time-slot .type-tribe_events, div.tribe-events-list .type-tribe_events { width: 100%; } .single-nlb-news .entry-header .news-title { max-width: 100%; } .single-nlb-news .entry-header .pdf-button { float: none; margin: 0 0 10px; } .genesis-nav-menu .search { display: none; } .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { margin: 0; width: 100%; } .nlb-categories li.products-category.odd, .nlb-categories li.products-category { float: none; max-width: 80%; margin: 0 auto 40px; } .literature-form form { max-width: 100%; } div.gform_wrapper .literature-form select { font-size: 16px; font-size: 1.6rem; } .geo-results .cs_label { display: inline; width: auto; } .geo-results form { padding-left: 0; } .bucket h3, .products-wrap li.product-item h3 { font-size: 20px; font-size: 2rem; } table.tablepress-responsive-tablet { border: 0; } table.tablepress-responsive-tablet tbody tr { margin-left: -4px; } table.tablepress-responsive-tablet tbody { border-top: 1px solid #ccc; } table.tablepress-responsive-tablet thead { border-bottom: 1px solid #ccc; padding-bottom: 1px; } table.tablepress thead th, table.tablepress tfoot th { line-height: 1.625; } table.tablepress tbody { border-bottom: 0; } .footer-form div.gform_wrapper .button-right .gform_heading { float: none; margin: 0 0 10px; width: 100%; } .footer-form div.gform_wrapper .button-right .gform_body { float: none; margin: 0; width: 100%; } .footer-form div.gform_wrapper .button-right .gform_footer { margin: 10px 0 0; position: static; } #show_hide { bottom: auto; left: auto; margin-top: 0; right: 0; top: 10px; } .footer-form .wrap { padding: 40px 0 10px; position: relative; } } @media only screen and (max-width: 640px) { .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) { line-height: 1 !important; min-height: 1rem !important; } .breadcrumbs { font-size: 1.25rem; } .entry-title { font-size: 2.5rem; } .table-wrapper:before { content: "«"; top: 0; left: 0; position: absolute; font-size: 2.75em; } .table-wrapper:after { content: "»"; top: 0; right: 0; position: absolute; font-size: 2.75em; } } @media only screen and (max-width: 480px) { .nav-secondary .genesis-nav-menu .search-wrap, .nav-secondary .genesis-nav-menu > .menu-item > a { padding: 10px; } .nlb-categories li.products-category.odd, .nlb-categories li.products-category { max-width: 100%; } .products-wrap.two-columns li.product-item:nth-child(2n+1), .products-wrap.three-columns li.product-item:nth-child(3n+1), .products-wrap.four-columns li.product-item:nth-child(4n+1), .products-wrap.five-columns li.product-item:nth-child(5n+1), .products-wrap.two-columns li.product-item, .products-wrap.three-columns li.product-item, .products-wrap.four-columns li.product-item, .products-wrap.five-columns li.product-item, .products-wrap.three-columns li.product-item { display: block; float: none; margin: 0 auto 30px; width: 80%; } .jobs-posting-top .jobs-sort-menu, .top-navigation .nav-items > li, .top-navigation .nav-items > li:nth-child(2n+1) { display: block; float: none; margin: 0 0 8px; width: 100%; } .header-cta div.gform_wrapper .button-right .gform_body { max-width: 100%; } .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { margin: 0 0 30px; width: 100%; } .ezcol-one-quarter, .ezcol-one-half, .ezcol-three-quarter, .ezcol-one-third, .ezcol-two-third, .ezcol-one-fifth, .ezcol-two-fifth, .ezcol-three-fifth, .ezcol-four-fifth { margin-bottom: 30px; } .home-bottom section:nth-child(3n), .home-bottom section.wsm-cta-widget { margin: 0 auto 30px; max-width: 320px; float: none; display: block; } } @media only screen and (max-width: 380px) { .entry-title { font-size: 16px; } .breadcrumb { font-size: 11px; } .jobs-menu-icon .menu li, .jobs-menu-icon .menu li:nth-child(2n+1) { float: none; width: 100%; } #gform_submit_button_17 { margin-right: 1em; margin-top: 2em } } /* # Print Styles ---------------------------------------------------------------------------------------------------- */ @media print { *, *:before, *:after { background: transparent !important; box-shadow: none !important; color: #000 !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after, .site-title > a:after { content: ""; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 2cm 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } blockquote, pre { border: 1px solid #999; page-break-inside: avoid; } .content, .content-sidebar { width: 100%; } button, input, select, textarea, .breadcrumb, .comment-edit-link, .comment-form, .comment-list .reply a, .comment-reply-title, .edit-link, .entry-comments-link, .entry-footer, .genesis-box, .header-widget-area, .hidden-print, .home-top, .nav-primary, .nav-secondary, .post-edit-link, .sidebar { display: none !important; } .title-area { text-align: center; width: 100%; } .site-title > a { margin: 0; text-decoration: none; text-indent: 0; } .site-inner { padding-top: 0; position: relative; top: -100px; } .author-box { margin-bottom: 0; } h1, h2, h3, h4, h5, h6 { orphans: 3; page-break-after: avoid; page-break-inside: avoid; widows: 3; } img { page-break-after: avoid; page-break-inside: avoid; } blockquote, pre, table { page-break-inside: avoid; } dl, ol, ul { page-break-before: avoid; } } @media (min-width:1200px) { #gform_fields_17 { display: block; width: 48%; float: left; } li#field_17_7 { float: right; /* width: 43%; */ position: relative; left: 110%; top: -145px; } li#field_17_5 { position: absolute; left: 53%; top: -25%; } li#field_17_1,#field_17_6,#field_17_3 { margin: 10px 0;f } .footer-form div.gform_wrapper .button-right .gform_body { float: left; margin: 30px 0; width: 90%; position: relative; left: 0; display: block; max-height: 160px; } } position: relative; } a.more, .more-link a { background-color: #ff7a27; color: #fff; display: inline-block; font-size: 19px; font-size: 1.9rem; font-weight: 400; line-height: 1; padding: 6px 20px; text-transform: uppercase; } a.more:hover, .more-link a:hover { background-color: #f47323; } .sidebar .more-link a { font-size: 17px; font-size: 1.7rem; } .more-link.medium a { min-width: 325px; text-align: center; } /* # Structure and Layout ---------------------------------------------------------------------------------------------------- */ /* ## Site Containers --------------------------------------------- */ .site-inner, .wrap { margin: 0 auto; max-width: 1200px; } .site-inner { clear: both; padding: 60px 0; } .site-inner .wrap { position: relative; } .site-inner .wrap > hr { margin: 40px 0 60px; } /* ## Column Widths and Positions --------------------------------------------- */ /* ### Wrapping div for .content and .sidebar-primary */ .content-sidebar-wrap { float: left; width: 100%; } .content-sidebar .content-sidebar-wrap{ background: url(images/sidebar-border.png) repeat-y 790px 0; } /* ### Content */ .content { float: right; width: 760px; } .content-sidebar .content { float: left; } .full-width-content .content { width: 100%; } .home.full-width-content .site-inner .content { padding: 0 36px; } /* ### Primary Sidebar */ .sidebar-primary { float: right; width: 370px; } .sidebar-content .sidebar-primary { float: left; } /* ### Secondary Sidebar */ .sidebar-secondary { float: left; width: 180px; } .content-sidebar-sidebar .sidebar-secondary { float: right; } /* Column Classes ----------- */ .five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifths, .three-fourths, .three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds { float: left; margin-bottom: 24px; margin-left: 4.166666666%; /* 48px / 1152px */ } .one-half, .three-sixths, .two-fourths { width: 47.9166666666%; /* 552px / 1152px */ } .one-third, .two-sixths { width: 30.555555555%; /* 352px / 1152px */ } .four-sixths, .two-thirds { width: 65.277777777%; /* 752px / 1152px */ } .one-fourth { width: 21.875%; /* 252px / 1152px */ } .three-fourths { width: 73.958333333%; /* 852px / 1152px */ } .one-fifth { width: 16.666666666%; /* 192px / 1152px */ } .two-fifths { width: 37.5%; /* 432px / 1152px */ } .three-fifths { width: 58.333333333%; /* 672px / 1152px */ } .four-fifths { width: 79.166666666%; /* 912px / 1152px */ } .one-sixth { width: 13.194444444%; /* 152px / 1152px */ } .five-sixths { width: 82.638888888%; /* 952px / 1152px */ } .first { margin-left: 0; } /* # Common Classes ---------------------------------------------------------------------------------------------------- */ /* ## Avatar --------------------------------------------- */ .avatar { float: left; } .alignleft .avatar, .author-box .avatar { margin-right: 24px; } .alignright .avatar { margin-left: 24px; } .comment .avatar { margin: 0 16px 24px 0; } /* ## Genesis --------------------------------------------- */ .breadcrumb { float: right; line-height: 1; margin-bottom: 0; max-width: 38%; padding: 12px 0; text-transform: uppercase; } .breadcrumb a { color: #2c2b2b; } .breadcrumb a:hover { color: #ff7a27; } .author-box { margin-bottom: 40px; } .author-box-title { font-size: 16px; font-size: 1.6rem; margin-bottom: 4px; } .archive-description p:last-child, .author-box p:last-child { margin-bottom: 0; } .box { background-color: #f5f5f5; overflow: hidden; padding: 20px; } .box .one-half { margin-bottom: 0; } /* ## Search Form --------------------------------------------- */ .search-form { overflow: hidden; } .entry-content .search-form { width: 50%; } .search-form input[type="search"] { padding: 5px 10px; } .genesis-nav-menu .search input[type="submit"], .widget_search input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: 0; padding: 0; position: absolute; width: 1px; } .genesis-nav-menu > .search #search_button { background: transparent url(images/search-icon.png) no-repeat scroll center center; cursor: pointer; display: inline-block; height: 38px; margin: 0; padding: 0; text-indent: -9999px; vertical-align: middle; width: 38px; } .genesis-nav-menu span.searchbox { border: 0; display: none; -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; margin: 0; vertical-align: middle; width: 0; } .genesis-nav-menu span.searchbox-show { background: url(images/search-border.png) no-repeat left center; display: inline-block; margin-left: 17px; padding: 10px 10px 10px 20px; vertical-align: middle; width: 330px; } /* .genesis-nav-menu .search-form input[type="search"] { background-color: transparent; background-image: url(images/search-icon.png); background-position: 0 center; background-repeat: no-repeat; border: none; cursor: pointer; height: 40px; margin: 0; padding: 5px 20px; position: relative; -webkit-transition: width 400ms ease, background 400ms ease; transition: width 400ms ease, background 400ms ease; text-indent: -9999px; width: 0; } .genesis-nav-menu .search-form input[type="search"]:focus { background: none; background-color: #fff; border: 1px solid #c3c0ab; cursor: text; outline: 0; width: 434px; } .genesis-nav-menu .search-form input[type="submit"] { display: none; background: url(images/search-icon.png) no-repeat 0 0 transparent; clip: auto; height: 38px; left: 3px; margin-top: -18px; text-indent: -9999px; top: 50%; width: 38px; } .home .genesis-nav-menu .search-form input[type="search"] { background: none #fff; border: 1px solid #c3c0ab; cursor: auto; width: 434px; } .home .genesis-nav-menu .search-form input[type="submit"] { background: url(images/search-icon.png) no-repeat 0 0 transparent; border: 0; border-right: 3px solid #939393; display: block; left: 0; margin-left: 0; outline: 0; padding-right: 50px; } .home .genesis-nav-menu .search-form input[type="submit"]:focus { background: url(images/search-icon.png) no-repeat 0 0 transparent; } .home .genesis-nav-menu .search-form { padding-left: 70px; position: relative; } */ /* ## Titles --------------------------------------------- */ .posts-title, .page .site-inner h1.entry-title, .archive-description { margin: 0; max-width: 60%; } .archive-description, .archive-title { color: #ff7a27; font-size: 50px; font-size: 5rem; text-transform: uppercase; } .content .post .entry-title { font-size: 25px; font-size: 2.5rem; margin-bottom: 0; text-transform: uppercase; } .entry-title { font-size: 28px; font-size: 2.8rem; text-transform: uppercase; } h2.entry-title { color: #ff7a27; } .entry-title a, .sidebar .widget-title a { color: #333; } .entry-title a:hover, .entry-title a:focus { color: #ff7a27; } .widget-title { font-size: 22px; font-size: 2.2rem; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; } /* ## WordPress --------------------------------------------- */ a.aligncenter img { display: block; margin: 0 auto; } a.alignnone { display: inline-block; } .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } a.alignleft, a.alignnone, a.alignright { max-width: 100%; } img.centered, .aligncenter { display: block; margin: 0 auto 24px; } .aligncenter { text-align: center; } img.alignnone, .alignnone { margin-bottom: 12px; } a.alignleft, img.alignleft, .wp-caption.alignleft { margin: 0 24px 24px 0; } a.alignright, img.alignright, .wp-caption.alignright { margin: 0 0 24px 24px; } img.post-image, img.alignright, #zind { z-index: 1; } .wp-caption-text { font-size: 14px; font-size: 1.4rem; font-weight: 700; text-align: center; } .entry-content p.wp-caption-text { margin-bottom: 0; } .sticky { } .entry-content .wp-audio-shortcode, .entry-content .wp-playlist, .entry-content .wp-video { margin: 0 0 28px; } /* # Widgets ---------------------------------------------------------------------------------------------------- */ .widget { word-wrap: break-word; } .widget ol > li { list-style-position: inside; list-style-type: decimal; padding-left: 20px; text-indent: -20px; } .widget li li { border: 0; margin: 0 0 0 30px; padding: 0; } .widget_calendar table { width: 100%; } .widget_calendar td, .widget_calendar th { text-align: center; } /* ## Featured Content --------------------------------------------- */ .featured-content .entry { margin-bottom: 10px; } .featured-content .entry-title { font-size: 18px; font-size: 1.8rem; font-weight: 400; margin-bottom: 0; text-transform: none; } .featured-content .entry-header .entry-meta { margin-bottom: 0; } .featured-content .entry-content { padding-top: 10px; } /* Social Icons --------------------------------------------- */ .widget-social a.genericon:before { margin-right: 20px; } .widget-social a.genericon { background-color: #616061; border-radius: 0; box-sizing: content-box; color: #c9cbcc; font-size: 32px; height: 32px; line-height: 1; margin: 0 8px 8px 0; overflow: hidden; padding: 6px; position: relative; white-space: nowrap; width: 32px; } .ie .widget-social a.genericon { line-height: 1.2; } .widget-social a.genericon-twitter { color: #62a7da; } .widget-social a.genericon-youtube { color: #d3212b; } .widget-social a.genericon-facebook-alt { color: #395aa0; } .widget-social a.genericon-linkedin { color: #0e79b9; } .widget-social a.genericon-googleplus-alt { color: #e04b36; } .widget-social a.genericon-pinterest { color: #CB2027; } .widget-social a.genericon-instagram { color: #2A5B83; } .footer-widgets .widget-social a.genericon { color: #c9cbcc; } .footer-widgets .widget-social a.genericon:hover { background-color: #F57F29; color: #ccc; } .widget-social .widget-wrap a:last-child { margin-right: 0; } .widget-social a:last-child { margin-right: 0; } .widget-social .social-heading { position: absolute !important; clip: rect(0, 0, 0, 0); height: 1px; width: 1px; border: 0; overflow: hidden; } /* ## Call To Action --------------------------------------------- */ .call-to-action li, .sidebar .call-to-action li { font-size: 15px; font-size: 1.5rem; font-weight: 700; text-transform: uppercase; } .call-to-action li a, .sidebar .call-to-action li a { display: block; } .call-to-action li a .image-box { opacity: 0; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; z-index: 1; } .call-to-action li a:hover .image-box { opacity: 1; z-index: 99999; } .call-to-action ul li:first-child a:hover .image-box, .call-to-action ul li:first-child a .image-box { opacity: 1; } .call-to-action ul.cta { padding-top: 190px; position: relative; } .call-to-action .image-box { position: absolute; height: 160px; overflow: hidden; position: absolute; top: 0; left: 0; } .call-to-action .image-box img { display: block; margin: 0; max-width: 100%; width: auto; } .sidebar .call-to-action li:hover .cta-text { position: relative; } .sidebar .call-to-action li:hover .cta-text:before { background: url(images/arrow-right-cta.png) no-repeat 0 0; content: ""; display: block; height: 15px; left: -20px; margin-top: -7px; position: absolute; top: 50%; width: 9px; } /* # Plugins ---------------------------------------------------------------------------------------------------- */ /* ## Genesis eNews Extended --------------------------------------------- */ .enews-widget, .enews-widget .widget-title { color: #fff; } .sidebar .widget.enews-widget { background-color: #333; } .enews-widget input, .enews-widget input:focus { border: 1px solid #333; } .enews-widget input { font-size: 16px; font-size: 1.6rem; margin-bottom: 16px; } .enews-widget input[type="submit"] { background-color: #c3251d; color: #fff; margin: 0; width: 100%; } .enews-widget input:hover[type="submit"], .enews-widget input:focus[type="submit"] { background-color: #fff; color: #333; } .enews form + p { margin-top: 24px; } /* ## Jetpack --------------------------------------------- */ #wpstats { display: none; } /* ## Gravity Form --------------------------------------------- */ div.gform_wrapper { max-width: 100%; } div.gform_wrapper textarea, div.gform_wrapper input[type="email"], div.gform_wrapper input[type="number"], div.gform_wrapper input[type="password"], div.gform_wrapper input[type="tel"], div.gform_wrapper input[type="text"], div.gform_wrapper input[type="url"] { padding: 5px 10px; } div.gform_wrapper ul li.gfield { background: none !important; border: 0 !important; overflow: hidden; } .sidebar div.gform_wrapper ul li.gfield { margin-bottom: 0; padding-bottom: 0; } div.gform_wrapper li.hidden_label input { margin: 0; } div.gform_wrapper .top_label .gfield_label { font-weight: 400; margin-bottom: 0; } div.gform_wrapper .gsection .gfield_label, div.gform_wrapper h2.gsection_title, div.gform_wrapper h3.gform_title { font-weight: 400; margin-top: 0; } div.gform_wrapper h3.gform_title { font-size: 24px; font-size: 2.4rem; font-weight: 500; text-transform: uppercase; } div.gform_wrapper .gform_footer { padding: 0; } div.gform_wrapper .gform_footer input.button, div.gform_wrapper .gform_footer input[type="submit"] { font-size: 19px; font-size: 1.9rem; } div.gf_browser_ie.gform_wrapper .gfield_checkbox li input, div.gf_browser_ie.gform_wrapper .gfield_checkbox li input[type=checkbox], div.gf_browser_ie.gform_wrapper .gfield_radio li input[type=radio] { margin-top: 7px; } div.gform_wrapper div.validation_error { border: 0; font-size: 15px; font-size: 1.5rem; font-weight: 400; padding: 0; } div.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description, div.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, div.gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label, div.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin: 0; } div.gform_wrapper .top_label .gfield_error { width: 100%; } div.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description { display: none; } div.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, div.gform_wrapper li.gfield_html { max-width: 100%; } div.gform_wrapper li.gfield.gfield_error ::-moz-placeholder { color: #790000; } div.gform_wrapper li.gfield.gfield_error ::-webkit-input-placeholder { color: #790000; } div.gform_wrapper li.gfield.gfield_error.gfield_contains_required { margin-top: 8px; margin-bottom: 0 !important; } div.gform_wrapper li.gfield.gfield_error.gfield_contains_required { margin-bottom: 0; margin-top: 8px; padding-bottom: 0; } div.gform_wrapper li.gfield.gfield_error, div.gform_wrapper li.gfield.gfield_error.gfield_contains_required { padding: 0 !important; } /* # Skip Links ---------------------------------------------------------------------------------------------------- */ .genesis-skip-link { margin: 0; } .ie7 .genesis-skip-link { display: none; } .genesis-skip-link li { height: 0; width: 0; list-style: none; } /* Display outline on focus */ :focus { color: #333; outline: #ccc solid 1px; } /* ## WP Table --------------------------------------------- */ table.tablepress { font-size: 15px; font-size: 1.5rem; } table.tablepress thead th, table.tablepress tfoot th { background: #444; color: #fff; font-weight: 700; line-height: 1.2; padding: 10px 8px; text-transform: uppercase; } table.tablepress tbody td, table.tablepress tfoot th { border-bottom: 1px solid #d0d0d0; border-top: none; border-right: 1px solid #d0d0d0; line-height: 1.2; } table.tablepress { border: 1px solid #d0d0d0; } table.tablepress .odd td { background-color: #f5f5f5; } span.tablepress-table-description { margin-bottom: 16px; margin-bottom: 1rem; } table.tablepress th, table.tablepress td { padding: 12px 10px; } /* ## The Events Calendar --------------------------------------------- */ div#tribe-events-pg-template, body.events-list .tribe-events-loop, body.single-tribe_organizer div.tribe-events-loop, body.single-tribe_venue div.tribe-events-loop, div.tribe-events-day .tribe-events-loop { color: #444; max-width: 100%; } div.tribe-events-schedule h2 { color: #444; font-size: 20px; font-size: 2rem; } .tribe-events-list h2.tribe-events-page-title { color: #444; font-size: 25px; font-size: 2.5rem; font-weight: 500; } div#tribe-events-content .tribe-events-tooltip h4 { color: #0094ae; } div.tribe-events-list .type-tribe_events h2 { color: #ff7a27; font-size: 26px; font-size: 2.6rem; font-weight: 500; margin: 0; text-transform: uppercase; } div.tribe-events-list .type-tribe_events h2.tribe-events-list-event-title { display: block; margin-left: 200px; } div.tribe-events-list .type-tribe_events h2 a { color: #ff7a27; } div.tribe-events-list .type-tribe_events h2 a:hover { color: #2c2b2b; } div.tribe-events-event-meta address.tribe-events-address, div.tribe-events-list .tribe-events-venue-details, div.tribe-events-loop .tribe-events-event-meta { color: #444; font-size: 20px; font-size: 2rem; font-style: normal; line-height: 1.375; } div.tribe-events-loop .tribe-events-event-meta .tribe-event-schedule-details { font-weight: 700; padding: 10px; text-transform: uppercase; } div.tribe-events-list .tribe-events-event-image { width: 150px; } div.tribe-events-loop .tribe-events-read-more { background-color: #ff7a27; color: #fff; display: inline-block; font-size: 22px; line-height: 1.2; text-transform: uppercase; padding: 5px 20px; } div.tribe-events-loop .tribe-events-read-more:hover { background-color: #fc793a; } body.single-tribe_events .tribe-events-event-image { float: left; max-width: 350px; margin-right: 3%; margin-top: 5px; } div.tribe-events-list .tribe-events-event-image img, body.single-tribe_events .tribe-events-event-image img { background-color: #fff; display: block; margin: 0 auto; max-width: 100%; padding: 5px; width: auto; } body.single-tribe_events .tribe-events-content { max-width: inherit; overflow: hidden; padding: 0; width: auto; overflow: hidden; } body.single-tribe_events .tab-container { padding: 40px 0; } div.tribe-events-single ul.tribe-related-events .tribe-related-events-title { font-size: 16px; } div.tribe-events-single ul.tribe-related-events li .tribe-related-event-info { line-height: 1.5; margin-top: 0; } div.tribe-events-list .tribe-events-event-image + div.tribe-events-content { color: #444; float: none; position: relative; width: auto; } div.tribe-events-single ul.tribe-related-events li { font-size: 15px; } div#tribe_events_filters_wrapper .tribe_events_slider_val, body.single-tribe_events a.tribe-events-gcal, body.single-tribe_events a.tribe-events-ical { color: #14BBB0; } div#tribe-events .tribe-events-button, div#tribe-events .tribe-events-button:hover, div#tribe_events_filters_wrapper input[type="submit"], div#tribe-events .tribe-events-button, a.tribe-events-button.tribe-active:hover, a.tribe-events-button.tribe-inactive, a.tribe-events-button:hover, table.tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"], table.tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a { background-color: #ff7a27; font-weight: normal; } table.tribe-events-calendar td a { font-size: 15px; } #tribe-events-bar form#tribe-bar-form .tribe-bar-submit input[type="submit"] { background-color: #ff7a27; color: #fff; font-size: 20px; font-size: 2rem; font-weight: 500; line-height: 1.5; text-transform: uppercase; } .tribe-events-single div.tribe-events-notices { background: #e4fefc; border: 1px solid #14bbb0; color: #14bbb0; } div#tribe-events-content.tribe-events-month .tribe-events-month-event-title a.url { color: #3e3e3f; } div#tribe-events-content.tribe-events-month .tribe-events-month-event-title a.url:hover { color: #0094ae; } div.event-is-recurring .tribe-events-divider, body.single-tribe_events .tribe-events-schedule .tribe-events-divider { display: none; } body.single-tribe_events .tribe-events-meta-group .tribe-events-venue-map { margin: 0; } div.tribe-events-day .tribe-events-day-time-slot .type-tribe_events, div.tribe-events-list .type-tribe_events { background-color: #fff; margin: 0 auto 40px; width: 80%; } div.tribe-events-list .tribe-events-list-separator-month, div.tribe-events-day .tribe-events-day-time-slot h5 { margin: 0 auto 30px; width: 100%; } div.tribe-events-list .tribe-events-list-separator-month { font-size: 26px; font-size: 2.6rem; font-weight: 500; text-transform: uppercase; } div.tribe-events-list .tribe-events-loop .tribe-events-content { float: none; margin-left: 200px; overflow: hidden; width: auto; } div.tribe-events-list .tribe-events-loop .tribe-events-event-meta { clear: none; margin: 0 0 20px 200px; } div.tribe-events-event-meta .column, div.tribe-events-event-meta .tribe-events-meta-group { padding: 20px; } body.single-tribe_events .tribe-events-event-meta { clear: both; } div#tribe-events-bar form#tribe-bar-form label { color: #666; font-size: 20px; font-size: 2rem; font-weight: 500; text-transform: uppercase; } div#tribe-events-bar form#tribe-bar-form input { border-bottom: 1px solid #d2d2d2; color: #2c2b2b; font-size: 20px; font-size: 2rem; } .tribe-events-single .tribe-events-single-event-title { font-size: 26px; font-size: 2.6rem; margin-bottom: 0; } .tribe-events-single .tribe-events-schedule { margin-top: 0; } body.single-tribe_events .tribe-events-content ol ol, body.single-tribe_events .tribe-events-content ul ul { margin-bottom: 0; } .entry-content .button a, body.single-tribe_events .tribe-events-content .button a { color: #fff; } body.single-tribe_events .tribe-events-content ol, body.single-tribe_events .tribe-events-content ul { margin-bottom: 20px; margin-left: 0; } body.single-tribe_events .tribe-events-content ol li, body.single-tribe_events .tribe-events-content ul li { margin-bottom: 0 !important; } body.single-tribe_events .tribe-events-content ol > li { list-style-type: none; } body.single-tribe_events .tribe-events-content ul > li { list-style-type: none; position: relative; padding-left: 15px; } body.single-tribe_events .tribe-events-content ul > li:before { background: url(images/bullet-list.png) no-repeat 0 0; content: ''; color: #00a6cf; height: 7px; left: 2px; position: absolute; top: 10px; width: 7px; } body.single-tribe_events .tribe-events-content ol { counter-reset: item; margin-left: 0; } body.single-tribe_events .tribe-events-content ul ul, body.single-tribe_events .tribe-events-content ol ol { margin-left: 0; } body.single-tribe_events .tribe-events-content ol li { display: block; list-style-type: none; position: relative; padding-left: 24px; } body.single-tribe_events .tribe-events-content ol li:before { content: counter(item) ". "; counter-increment: item; color: #005060; font-weight: 500; left: 2px; position: absolute; top: 2px; width: 10px; } body.single-tribe_events .tribe-events-content ol ol, body.single-tribe_events .tribe-events-content ul ul { margin-bottom: 0; } /* ## The Events Widget Lists --------------------------------------------- */ .widget .tribe-list-widget { margin: 0; } .widget ol.tribe-list-widget > li { font-size: 15px; font-size: 1.5rem; list-style-type: none; margin: 0; padding: 0; text-indent: 0; } p.tribe-events-widget-link { font-size: 15px; margin-bottom: 30px; } .widget ol.tribe-list-widget .more-link { margin-top: 10px; } .tribe-list-widget h4.tribe-event-title { font-size: 15px; font-size: 1.5rem; font-weight: 700; margin-bottom: 10px; } .tribe-list-widget h4.tribe-event-title a { color: #231f20; } .tribe-list-widget .tribe-event-duration { font-weight: 400; } ol.tribe-list-widget .event-content-wrap { overflow: hidden; } .sidebar .widget ol.tribe-list-widget > li { border: 0; margin-bottom: 15px; padding-bottom: 0; } .sidebar .tribe-list-widget h4.tribe-event-title, .sidebar .widget ol.tribe-list-widget .event-date { color: #231f20; display: inline; font-weight: 500; } .sidebar .widget ol.tribe-list-widget .event-date::after { content: "|"; color: #231f20; display: inline; padding: 0 5px; } .sidebar .widget ol.tribe-list-widget .more-link { margin-top: 0; } .sidebar .widget ol.tribe-list-widget .more-link a { color: #4b8ecc; } .member-bottom-widgets .widget ol.tribe-list-widget .more-link a:hover, .sidebar .widget ol.tribe-list-widget .more-link a:hover { color: #231f20; } /* ## WooCommerce --------------------------------------------- */ /* ## Product Page ------------------------- */ body.woocommerce div.product div.summary { display: none; } body.woocommerce div.product .woocommerce-tabs #tab-description { display: block !important; } body.woocommerce div.product .woocommerce-tabs div.images { float: right; margin-left: 40px; max-width: 48%; width: auto; } body.woocommerce div.product .woocommerce-tabs table { margin: 40px 0; } body.woocommerce table.tablepress tbody td { line-height: 1.5; text-align: center; } body.woocommerce table.tablepress tbody td[colspan="6"] { background-color: #999; color: #fff; font-size: 22px; font-weight: 700; padding: 10px 30px; text-align: left; } p.add_to_cart_inline { border: 0 !important; margin: 0 !important; padding: 0 !important; } .add_to_cart_inline .amount { display: none; } div.woocommerce #respond input#submit.alt, div.woocommerce a.button.alt, div.woocommerce button.button.alt, div.woocommerce input.button.alt, body.woocommerce #respond input#submit, body.woocommerce a.button, body.woocommerce button.button, body.woocommerce input.button { background-color: #ff7a27; border: 0; border-radius: 0; color: #fff; cursor: pointer; font-size: 22px; font-size: 2.2rem; font-weight: 700; line-height: 1; padding: 7px 20px; text-transform: uppercase; width: auto; } div.woocommerce #respond input#submit.alt:hover, div.woocommerce a.button.alt:hover, div.woocommerce button.button.alt:hover, div.woocommerce input.button.alt:hover, body.woocommerce #respond input#submit:hover, body.woocommerce a.button:hover, body.woocommerce button.button:hover, body.woocommerce input.button:hover { background-color: #f47323; border: 0; border-radius: 0; color: #fff; } div.woocommerce .woocommerce-message { border-color: #ff7a27; } div.woocommerce .woocommerce-message::before { color: #ff7a27; } .woocommerce-Price-currencySymbol { display: none; } .woocommerce tfoot { display: none; } .woocommerce .title { display: none; } /* ## Cart --------------------------------------------- */ .shop_table.cart .cart_item { /*display: inline-block; float: left;*/ margin-left: 5%; width: 29%; vertical-align: top; } .shop_table.cart > div:nth-child(3n+1) { clear: both; margin-left: 0; } .cart-collaterals { clear: both; float: none; width: 100%; } .entry-content #add_payment_method #payment ul.payment_methods, .entry-content .woocommerce-checkout #payment ul.payment_methods, .shop_table .cart_item .variation { margin: 0; } .entry-content #add_payment_method #payment ul.payment_methods li, .entry-content .woocommerce-checkout #payment ul.payment_methods li, .entry-content .shop_table ul > li { font-size: 15px; font-size: 1.5rem; list-style: none outside none; } div.shop_table .variation li { display: inline-block; line-height: 1.2; margin-right: 20px; text-transform: uppercase; } .shop_table ul > li span { display: inline-block; vertical-align: middle; } .shop_table ul > li span p { margin: 0; } div.woocommerce a.remove { color: #ff7a27 !important; font-size: 20px; font-size: 2rem; text-align: left; width: auto; } div.woocommerce .product-remove { margin: 20px 0 0; } div.woocommerce a.remove:hover { background-color: transparent; border-radius: 0; color: #444 !important; } div.woocommerce .cart-collaterals .cart_totals, body.woocommerce-page .cart-collaterals .cart_totals { border-top: 1px solid #c0c0c0; float: none; margin-top: 60px ; padding-top: 60px; width: 100%; } div.woocommerce .woo-item-total, div.woocommerce .cart-collaterals .wc-proceed-to-checkout { text-align: right; } div.woocommerce .woo-item-total h3 > span { display: inline-block; margin-left: 60px; } body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button { display: inline-block; } div.woocommerce #customer_details { margin: 0 0 30px; } /* Rework cart thumbnail sizes * Added to help with new cart styling per TKT 769 * Ref: http://www.iamabdus.com/blog/woocommerce/thumbnail-image-size-cart/ */ .tablepress .tablepress-id-299 .shop_table img, .woocommerce table.cart img, .woocommerce #content table.cart img, .woocommerce-page table.cart img, .woocommerce-page #content table.cart img { /*width: auto !important;*/ width: 90px; } /* # Site Header ---------------------------------------------------------------------------------------------------- */ .site-header { background-color: #f4f4f4; box-shadow: 0 0 12px #000; min-height: 80px; position: relative; z-index: 500; } .site-header .wrap { padding: 0; position: relative; } /* ## Title Area --------------------------------------------- */ .title-area { float: left; padding: 18px 0 0; width: 360px; } .header-full-width .title-area { width: 100%; } .site-title { font-size: 50px; font-size: 5rem; font-weight: 700; line-height: 1.2; margin: 0; } .site-title a, .site-title a:hover, .site-title a:focus { color: #2c2b2b; } .header-image .site-title { height: 41px; width: 365px; } .header-image .site-title > a { background: url(images/logo.png) no-repeat 0 0; float: left; height: 41px; width: 100%; } .site-description { font-size: 20px; font-size: 2rem; font-weight: 4; line-height: 1.2; } .site-description, .site-title { margin-bottom: 0; } .header-image .site-description, .header-image .site-title { display: block; text-indent: -9999px; } .header-image .site-description { display: none; } /* ## Widget Area --------------------------------------------- */ .site-header .widget-area { float: right; text-align: right; width: 830px; } /* # Site Navigation ---------------------------------------------------------------------------------------------------- */ .genesis-nav-menu { clear: both; font-size: 20; font-size: 2rem; line-height: 1; width: 100%; } .genesis-nav-menu .menu-item { display: inline-block; margin-right: -4px; text-align: left; } .ie7 .genesis-nav-menu .menu-item { display: block; float: left; } .genesis-nav-menu a { color: #444; text-decoration: none; display: block; padding: 15px 20px; } .genesis-nav-menu a:hover, .genesis-nav-menu a:focus, .genesis-nav-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .genesis-nav-menu .sub-menu .current-menu-item > a:focus { background-color: transparent; color: #ff7a27; text-decoration: none; } .genesis-nav-menu .sub-menu a:hover, .genesis-nav-menu .sub-menu a:focus, .genesis-nav-menu .sub-menu .current-menu-item > a, .genesis-nav-menu .sub-menu .current-menu-item > a:hover, .genesis-nav-menu .sub-menu .current-menu-item > a:focus { background-color: #f3f3f3; color: #ff7a27; text-decoration: none; } .genesis-nav-menu .sub-menu { left: -9999px; opacity: 0; position: absolute; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; width: 260px; z-index: 99; } .genesis-nav-menu .sub-menu a { background-color: #f3f3f3; border: 1px solid #eee; border-top: 0; font-size: 17px; font-size: 1.7rem; padding: 10px 20px; position: relative; width: 260px; word-wrap: break-word; } .genesis-nav-menu .sub-menu .sub-menu { margin: -38px 0 0 259px; } .genesis-nav-menu .menu-item:hover { position: static; } .genesis-nav-menu .menu-item:hover > .sub-menu { left: auto; opacity: 1; } .genesis-nav-menu > .first > a { padding-left: 0; } .genesis-nav-menu > .last > a { padding-right: 0; } .genesis-nav-menu > .right { color: #fff; float: right; list-style-type: none; padding: 30px 0; } .genesis-nav-menu > .right > a { display: inline; padding: 0; } .genesis-nav-menu > .rss > a { margin-left: 48px; } .genesis-nav-menu .search { padding: 0 10px; vertical-align: top; } .nav-primary .genesis-nav-menu .search-wrap { display: block; padding: 18px 16px; position: relative; } .genesis-nav-menu > .cart > a { background: url(images/cart-icon-orange.png) no-repeat center center; box-sizing: content-box; display: block; height: 16px; text-indent: -9999px; width: 16px; } .genesis-nav-menu > .flag > a { background: url(images/flag-icon.png) no-repeat center center; box-sizing: content-box; display: block; height: 16px; text-indent: -9999px; width: 23px; } .genesis-nav-menu > .menu-item.has-image img { display: inline-block; vertical-align: middle; } li#menu-item-8251 span { font-size: 18px; } /* ## Accessible Menu --------------------------------------------- */ .menu .menu-item:focus { position: static; } .menu .menu-item > a:focus + ul.sub-menu, .menu .menu-item.sfHover > ul.sub-menu { left: auto; opacity: 1; } /* ## Primary Navigation --------------------------------------------- */ .nav-primary .genesis-nav-menu > .menu-item > a { font-weight: 700; padding: 40px 20px; text-transform: uppercase; } .nav-primary .genesis-nav-menu a:hover, .nav-primary .genesis-nav-menu a:focus, .nav-primary .genesis-nav-menu .current-menu-item > a { background-color: #ff7a27; color: #fff; text-decoration: none; } .nav-primary .genesis-nav-menu .sub-menu a { color: #444; } .nav-primary .genesis-nav-menu .sub-menu a:hover, .nav-primary .genesis-nav-menu .sub-menu a:focus, .nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a { background-color: #f3f3f3; color: #ff7a27; text-decoration: none; } /* ## Secondary Navigation --------------------------------------------- */ .nav-secondary { background-color: #221f1f; color: #fff; z-index: 5; } .nav-secondary .wrap { position: relative; z-index: 100; } .nav-secondary .genesis-nav-menu { float: right; width: auto; } .nav-secondary .genesis-nav-menu a { text-decoration: none; } .nav-secondary .genesis-nav-menu > .menu-item { vertical-align: middle; } .nav-secondary .genesis-nav-menu > .menu-item > a { color: #fff; font-size: 12px; font-size: 1.2rem; line-height: 16px; padding: 6px 10px; } .nav-secondary .genesis-nav-menu a:hover, .nav-secondary .genesis-nav-menu a:focus, .nav-secondary .genesis-nav-menu .current-menu-item > a { text-decoration: none; } .nav-secondary .genesis-nav-menu .sub-menu a { color: #333; } .nav-secondary .genesis-nav-menu .sub-menu a:hover, .nav-secondary .genesis-nav-menu .sub-menu a:focus, .nav-secondary .genesis-nav-menu .sub-menu .current-menu-item > a { color: #c3251d; text-decoration: none; } .nav-secondary .genesis-nav-menu > .last > a { padding-right: 0; } .nav-secondary .genesis-nav-menu > .first > a { padding-left: 0; } .nav-secondary .phone-info-wrap { letter-spacing: 1.5px; } .nav-secondary .outline-flag-image img { outline-style: solid; outline-color: white; outline-width: 1px; } /* ## Uber Menu --------------------------------------------- */ nav.ubermenu-loc-primary .ubermenu-nav { float: right; width: auto; } nav.ubermenu-loc-primary .ubermenu-nav .ubermenu-submenu .ubermenu-item-header > .ubermenu-target { text-transform: uppercase; } nav.ubermenu-loc-primary .ubermenu-item-level-0 > .ubermenu-submenu-drop { padding: 0 20px; } nav.ubermenu-loc-primary .ubermenu-item-normal > .ubermenu-target { transition: none; } nav.ubermenu-loc-primary .ubermenu-item-normal > .ubermenu-target:hover, nav.ubermenu-loc-primary .ubermenu-item-normal:hover > .ubermenu-target, nav.ubermenu-loc-primary .ubermenu-item-normal.ubermenu-active > .ubermenu-target { background: url(images/arrow-right.png) no-repeat 0 16px transparent; } nav.ubermenu-loc-primary .ubermenu-item-normal.ubermenu-active:hover > .ubermenu-target, nav.ubermenu-loc-primary.ubermenu .ubermenu-item-level-0.ubermenu-in-transition:hover > .ubermenu-target, nav.ubermenu-loc-primary.ubermenu .ubermenu-item-level-0.ubermenu-in-transition > .ubermenu-target, nav.ubermenu-loc-primary.ubermenu .ubermenu-item-level-0.ubermenu-active:hover > .ubermenu-target, nav.ubermenu-loc-primary.ubermenu .ubermenu-item-level-0.ubermenu-active > .ubermenu-target, nav.ubermenu-loc-primary.ubermenu .ubermenu-item-level-0.ubermenu-current-menu-item:hover > .ubermenu-target { color: #fff; } nav.ubermenu .ubermenu-submenu-type-flyout > .ubermenu-item { min-width: 220px; } /* ## Navigation toggles --------------------------------------------- */ button.sub-menu-toggle, button.menu-toggle { display: none; visibility: hidden; } /* # Top Image ---------------------------------------------------------------------------------------------------- */ .top-image img.banner-image { width: 100%; } /* # Products Categories ---------------------------------------------------------------------------------------------------- */ h2.nlb-categories-title { margin-bottom: 40px; } .nlb-categories li.products-category { background-color: #F5F5F5; margin-bottom: 40px; position: relative; } .nlb-categories li.products-category.odd { margin-left: 0; } .nlb-categories li.products-category img, .nlb-categories li.products-category a { display: block; margin: 0; } .nlb-categories li.products-category h3 { background-color: #f5f5f5; bottom: 0; color: #444; display: block; font-size: 28px; font-size: 2.8rem; height: auto; left: 0; margin: 0; opacity: 1; position: absolute; right: 0; text-align: center; text-transform: uppercase; -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; top: 0; } .nlb-categories li.products-category a:hover h3 { opacity: 0; } .nlb-categories li.products-category h3 span { display: table; height: 100%; vertical-align: middle; width: 100%; } .nlb-categories li.products-category h3 b { display: table-cell; vertical-align: middle; } /* # Regianal Branches Map ---------------------------------------------------------------------------------------------------- */ .clearboth { clear: both; } #map-view-container-global, #map-view-container { clear: both; display: block; margin-bottom: 30px; position: relative; } #map-container-global, #map-container { float: right; } img.map { height: 917px; } .global-coverage img.map { height: 420px; } #map-view-container-global img.map , #map-view-container img.map { position: relative; z-index: 100; } #map-view-container-global img.region, #map-view-container img.region { display: none; position: absolute; right: 0; top: 0px; z-index: 30; } #map-view-container-global img.selected, #map-view-container img.selected { display: inline; } #map-view-container-global img.regionBg, #map-view-container img.regionBg { position: absolute; right: 0; top: 0px; z-index: 19; } #practice-container-global, #practice-container { float: left; margin-bottom: 40px; width: 340px; } #practice-container-global section, #practice-container section { display: none; margin:0; padding:0; } #practice-container-global section.selected, #practice-container section.selected { display: inline; } .branch-heading { margin-bottom: 0; } #practice-container-global h3, #practice-container-global h4, #practice-container-global h5, #practice-container h3, #practice-container h4, #practice-container h5 { color: #444; font-weight: 500; text-transform: uppercase; } .banch-info { margin-bottom: 40px; } #practice-container-global .more-link a, #practice-container .more-link a { font-size: 19px; font-size: 1.9rem; line-height: 1; } #practice-container-global .interactive-map, #practice-container .interactive-map { margin: 40px 0; } /* Pop Up */ div.pum-container { background-color: #fff; border: 0 !important; box-shadow: 0px 3px 6px rgba( 20, 20, 20, 1 ) !important; } div.pum-overlay, div.pum-theme-lightbox { background: none transparent !important; } .pum-overlay div.pum-container .pum-content + button.pum-close { height: 40px; width: 40px; left: auto; right: 0; bottom: auto; top: 0; padding: 0; color: #ccc; font-family: inherit; font-size: 54px; line-height: 26px; border: 0; border-radius: 0; box-shadow: none; text-shadow: 0; background-color: transparent; font-weight: 400; } .pum-overlay div.pum-container .pum-title { color: #ff7a27; font-size: 50px; font-size: 5rem; font-weight: 700; line-height: 1; margin: 0; text-transform: uppercase; } .pum-overlay div.pum-container div.gform_wrapper { margin-top: 40px; } /* # Contact ---------------------------------------------------------------------------------------------------- */ .page-template-page_contact .content hr { margin: 50px 0; } .page-template-page_contact .entry-content .more-link a, .page-template-page_contact .entry-content .more-link a { font-size: 19px; font-size: 1.9rem; line-height: 1; } /* # Job Postings ---------------------------------------------------------------------------------------------------- */ .jobs-menu-icon { margin-bottom: 60px; } .jobs-menu-icon h3 { color: #2c2b2b; font-size: 25px; font-size: 2.5rem; font-weight: 500; margin-bottom: 20px; text-transform: uppercase; } .jobs-menu-icon .menu li { display: inline-block; list-style-type: none; margin-bottom: 20px; margin-right: 2%; vertical-align: top; width: 17.33333%; } .jobs-menu-icon .menu li:nth-child(5n+1) { clear: both; } .jobs-menu-icon .menu li:nth-child(5n) { margin-right: 0; } .jobs-menu-icon .menu li a { color: #444; display: block; font-size: 20px; font-size: 2rem; font-weight: 500; line-height: 1.2; min-height: 32px; } .jobs-menu-icon .menu li a.active, .jobs-menu-icon .menu li a:hover { color: #FF5D19; } .jobs-menu-icon .menu li.assembler a { background: url(images/assember.png) no-repeat left center transparent; padding-left: 42px; } .jobs-menu-icon .menu li.maintenance a { background: url(images/building-maintinance.png) no-repeat left center transparent; padding-left: 42px; } .jobs-menu-icon .menu li.cad a { background: url(images/cad.png) no-repeat left center transparent; padding-left: 42px; } .jobs-menu-icon .menu li.machine-shop a { background: url(images/machineshop.png) no-repeat left center transparent; padding-left: 42px; } .jobs-menu-icon .menu li.management a { background: url(images/management.png) no-repeat left center transparent; padding-left: 42px; } .jobs-menu-icon .menu li.parts a { background: url(images/parts.png) no-repeat left center transparent; padding-left: 42px; } .jobs-menu-icon .menu li.office a { background: url(images/office.png) no-repeat left center transparent; padding-left: 42px; } .jobs-menu-icon .menu li.sales a { background: url(images/sales.png) no-repeat left center transparent; padding-left: 42px; } .jobs-menu-icon .menu li.service-technician a { background: url(images/service-tech.png) no-repeat left center transparent; padding-left: 42px; } .jobs-menu-icon .menu li.painter a { background: url(images/painter.png) no-repeat left center transparent; padding-left: 42px; } .jobs-sort-menu h3 { color: #444; font-size: 25px; font-size: 2.5rem; font-weight: 500; } .jobs-posting-top { border-bottom: 1px solid #cdcdcd; margin-bottom: 50px; overflow: hidden; padding-bottom: 40px; } .content .entry.job { margin-bottom: 60px; } .entry.job .job-title { margin-bottom: 0; } .entry.job .job-title a { color: #2c2b2b; } .entry.job header > h3 { color: #444; font-size: 22px; font-size: 2.2rem; font-weight: 500; } .entry.job .job-title a:hover { color: #ff7a27; } .entry.job img { float: left; margin: 6px 0 0; } .entry.job header, .entry.job .entry-content { display: block; margin-left: 50px; } .entry.job .entry-content a { font-weight: 700; } /* ## Job Page --------------------------------------------- */ .job-table header h2 { color: #ff7a27; font-size: 28px; font-size: 2.8rem; margin: 0; max-width: 60%; text-transform: uppercase; } .job-table header .more-link { background: none transparent; float: right; line-height: 1; margin: 0; max-width: 38%; padding-top: 12px; text-transform: uppercase; } .job-table header .more-link a { background: none transparent; color: #ff7a27; font-size: 19px; font-size: 1.9rem; font-weight: 400; padding: 0; } .job-table header .more-link a:hover { color: #444; } .job-table header hr { margin: 30px 0 40px; } .job-table .job-title { color: #2c2b2b; font-size: 26px; font-size: 2.6rem; font-weight: 700; text-transform: uppercase; } .job-table .jobs-applynow { padding-top: 20px; } /* # Literature ---------------------------------------------------------------------------------------------------- */ .info-mid { float: left; width: 410px; } .info-mid h2 { font-weight: 500; margin: 10px 0 20px; } .literature-form select { background: transparent; border-radius: 4px; width: 100%; padding: 0 5px; font-size: 20px; font-size: 2rem; line-height: 1; border: 0; height: 32px; -webkit-appearance: none; } div.gform_wrapper .literature-form select { padding-right: 90px; } .ie div.gform_wrapper .literature-form select { padding-right: 0; } .literature-form { float: right; width: 410px; } .literature-form form { background: url(images/arrow-down.png) no-repeat right transparent; border: 1px solid #ddd; border-radius: 3px 0 0 3px; height: 32px; overflow: hidden; position: relative; width: 100%; } .literature-form input[type="button"] { bottom: 0; font-size: 22px; font-size: 2.2rem; line-height: 1; padding: 4px 8px; position: absolute; right: 0; } .literature-form > h3 { color: #444; margin: 20px 0 5px; } /* # News Main ---------------------------------------------------------------------------------------------------- */ .news-container { border-bottom: 1px solid #e6e6e6; margin-bottom: 60px; padding: 20px 0 40px; } .news-entry { display: block; margin-bottom: 20px; overflow: hidden; } .news-entry .news-date { color: #444; display: inline-block; margin-right: 2%; vertical-align: middle; width: 22%; } .news-entry .news-heading { color: #444; display: inline-block; font-size: 18px; font-size: 1.8rem; margin-right: 2%; vertical-align: middle; width: 56%; } .news-entry .right-buttons { display: inline-block; text-align: right; vertical-align: top; width: 18%; } .news-entry .right-buttons .button { display: inline-block; vertical-align: top; } .news-entry .right-buttons .pdf-button { height: 32px; margin-left: 20px; text-align: left; text-indent: -9999px; background-position: center center; } .news-entry .news-date h3 { color: #444; font-size: 18px; font-size: 1.8rem; margin: 0; text-transform: uppercase; } .news-archive .archive-news-title { margin-bottom: 20px; } a.pdf-button { background: url(images/pdf-button.png) no-repeat 10px center #ff7a27; color: #fff; display: inline-block; font-size: 20px; font-size: 2rem; font-weight: 700; padding: 5px 14px 5px 40px; text-transform: uppercase; } a.pdf-button:hover { background-color: #fc793a; } .news-archive form.select-wrap { max-width: 460px; } form.select-wrap { background: url(images/arrow-down.png) no-repeat right transparent; border: 1px solid #ddd; border-radius: 3px 0 0 3px; height: 32px; overflow: hidden; position: relative; width: 100%; } form.select-wrap select { background: transparent; border-radius: 0; width: 100%; padding: 0 5px; font-size: 20px; font-size: 2rem; line-height: 1; border: 0; height: 32px; -webkit-appearance: none; } form.select-wrap input[type="button"] { bottom: 0; font-size: 22px; font-size: 2.2rem; font-weight: 700; line-height: 1; padding: 4px 8px; position: absolute; right: 0; } /* ## News Individual --------------------------------------------- */ .single-nlb-news .entry-header { margin-bottom: 20px; overflow: hidden; } .single-nlb-news .entry-header .news-title { color: #2c2b2b; display: block; float: left; max-width: 70%; } .single-nlb-news .entry-header .pdf-button { float: right; } /* # Accesories ---------------------------------------------------------------------------------------------------- */ .top-navigation { margin-bottom: 60px; } .top-navigation .nav-items { background-color: #f5f5f5; height: 279px; overflow: hidden; padding: 20px 20px 20px 500px; position: relative; } .top-navigation .nav-items > li:first-child > img { opacity: 1; } .top-navigation .nav-items li a img { background-color: #f5f5f5; opacity: 0; height: auto; left: 0; max-width: 481px; position: absolute; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; top: 0; z-index: 1; } .top-navigation .nav-items li:first-child a img { opacity: 1; z-index: 100; } .top-navigation .nav-items li a:hover > img { opacity: 1; z-index: 9999; } .top-navigation .nav-items > li a { color: #444; display: block; font-weight: 500; text-transform: uppercase; } .top-navigation .nav-items > li a:hover { color: #ff7a27; } .top-navigation .nav-items > li { display: inline-block; vertical-align: top; width: 48%; } .top-navigation .nav-items > li:nth-child(2n+1) { margin-right: 2%; } .top-navigation .entry-content .soliloquy-outer-container { clear: both; display: block; overflow: hidden; } .entry-content div.soliloquy-container .soliloquy-caption .soliloquy-caption-inside { background: none #f5f5f5; color: #010101; font-size: 20px; font-size: 2rem; padding: 40px 20px; text-align: left; text-shadow: none; } .entry-content div.soliloquy-container .soliloquy-caption-inside h1, .entry-content div.soliloquy-container .soliloquy-caption-inside h2, .entry-content div.soliloquy-container .soliloquy-caption-inside h3, .entry-content div.soliloquy-container .soliloquy-caption-inside h4, .entry-content div.soliloquy-container .soliloquy-caption-inside h5 { color: #474747; font-weight: 500; margin-bottom: 20px; } .entry-content div.soliloquy-container .soliloquy-caption-inside h1 { font-size: 28px; font-size: 2.8rem; } .entry-content div.soliloquy-container .soliloquy-caption-inside h2 { font-size: 26px; font-size: 2.6rem; } .entry-content div.soliloquy-container .soliloquy-caption-inside h3 { font-size: 25px; font-size: 2.5rem; } .entry-content div.soliloquy-container .soliloquy-caption-inside h4 { font-size: 20px; font-size: 2rem; } .entry-content div.soliloquy-container .soliloquy-caption-inside .more-link { margin-top: 20px; } .entry-content div.soliloquy-container .soliloquy-caption-inside .more-link a { background: none; color: #ff7a27; font-weight: 700; padding: 0; text-transform: none; } .entry-content div.soliloquy-container .soliloquy-caption-inside .more-link a:hover { color: #010101; } .entry-content div.soliloquy-outer-container { clear: both; } .entry-content div.soliloquy-container.featured-video-full { background-color: #f5f5f5; } .entry-content div.soliloquy-container.featured-video-full .soliloquy-image { max-width: 830px; } .entry-content div.soliloquy-container.featured-video-full .soliloquy-caption.soliloquy-caption-right { left: 100%; right: auto; width: 370px; } /* ## Products --------------------------------------------- */ ul.products-wrap { margin: 60px 0 40px !important; } .bucket, .products-wrap li.product-item { background-color: #f5f5f5; list-style: none outside none; line-height: 1.2; margin: 0 0 40px; text-align: center; padding: 20px; vertical-align: middle; } .bucket h3, .products-wrap li.product-item h3 { line-height: 1; margin: 0; } .bucket h3 { margin-bottom: 20px; } .bucket h3 a, .products-wrap li.product-item h3 a { color: #444; font-weight: 500; text-transform: uppercase; } li.product-item a.learn-more { display: block; font-weight: 700; margin: 0 0 30px; } .bucket a.more { display: inline-block; margin: 0; } li.product-item .more-link { margin-top: 20px; } .bucket img.alignleft, .bucket img.aligncenter { display: block; float: none; margin: 0 auto 24px; } .products-wrap { clear: both; display: block; } .products-wrap.two-columns li.product-item { display: inline-block; margin-left: 2%; vertical-align: top; width: 48%; } .products-wrap.three-columns li.product-item { display: inline-block; margin-left: 3%; vertical-align: top; width: 31%; } .products-wrap.four-columns li.product-item { display: inline-block; margin-left: 2.3%; width: 23%; } .products-wrap.five-columns li.product-item { display: inline-block; margin-left: 2%; width: 18%; } .products-wrap.two-columns li.product-item:nth-child(2n+1), .products-wrap.three-columns li.product-item:nth-child(3n+1), .products-wrap.four-columns li.product-item:nth-child(4n+1), .products-wrap.five-columns li.product-item:nth-child(5n+1) { clear: both; margin-left: 0; } .jump-links { font-size: 1.5rem; margin: 0 15px; border: 1px solid #ccc; padding: 5px; } .jump-links a { color: #ff7a27; } /* # Selector Guide ---------------------------------------------------------------------------------------------------- */ .selector-form { margin-bottom: 40px; } .selector-form h3 { color: #444; margin-bottom: 20px; } .selector-form label { float: left; margin-right: 2%; text-align: left; width: 18%; } .selector-form input[type="text"] { width: 77.8%; } .selector-form p.button-submit { margin: 40px 0 20px; } .results-title { margin-bottom: 60px; } .result-item { overflow: hidden; width: 100%; } .result-item h3 { color: #444; float: left; font-weight: 500; max-width: 70%; } .result-item .more-link { float: right; margin: 0 0 20px; max-width: 28%; } .result-item .result-item-content { background-color: transparent; clear: both; margin-bottom: 60px; overflow: hidden; position: relative; width: 100%; } .result-item .pump-details { border-right: 1px solid #c4c4c4; float: right; width: 50%; } .result-item .pump-details li > strong { background-color: #444; color: #fff; display: block; font-weight: 700; padding: 5px 20px; } .result-item .pump-details li { display: block; float: left; width: 33.33333%; } .result-item .pump-details li span { border-left: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; display: block; line-height: 1.2; min-height: 160px; padding: 30px; } .result-item .result-image { float: left; overflow: hidden; width: 50%; } .result-item .result-image img { display: block; margin: 0 auto; max-width: 100%; } .result-item .pump-details li span.odd { background-color: #fff; } .result-item .pump-details li span.odd { background-color: #f5f5f5; } /* # GeoSearch ---------------------------------------------------------------------------------------------------- */ .geo-search { float: left; width: 35%; } .geo-search .intro-text { margin-bottom: 40px; } .search-heading { color: #444; font-size: 26px; font-weight: 500; text-transform: uppercase; } .map-graphic { background: url(images/geomap.png) no-repeat center center; background-size: 100%; float: right; min-height: 422px; width: 62%; } .cs_supplier { clear: both; display: block; } .geo-results { clear: both; display: block; } .geo-results .wrap { clear: both; display: block; } .geo-results button { margin: 20px 0 0; } .geo-results form { margin-top: 40px; max-width: 50%; padding-left: 170px; } .geo-results form > div { margin-top: 8px; } .geo-results form .cs_label { font-weight: 400; text-align: left; } .geo-results form input, .geo-results form textarea { display: block; } span.cs_bold { font-weight: 400; } /* # Featured Videos ---------------------------------------------------------------------------------------------------- */ .videos-heading { margin-bottom: 60px; overflow: hidden; } .videos-heading h2.videos-title { float: left; font-weight: 500; max-width: 60%; } .videos-heading .more-videos { float: right; font-size: 25px; font-size: 2.5rem; font-weight: 500; } .featured-videos div.soliloquy-container .soliloquy-prev { left: -50px; } .featured-videos div.soliloquy-container .soliloquy-next { right: -50px; } /* # Home Page ---------------------------------------------------------------------------------------------------- */ /* ## Slider --------------------------------------------- */ .home-slider div.soliloquy-container .soliloquy-image { width: 100%; } .home-slider div.soliloquy-container .soliloquy-item, .home-slider div.soliloquy-container .soliloquy-viewport { max-height: 480px; overflow: hidden; } div.soliloquy-container .soliloquy-prev { background: url(images/left.png) no-repeat center center transparent; height: 48px; left: -36px; width: 26px; } div.soliloquy-container .soliloquy-next { background: url(images/right.png) no-repeat center center transparent; height: 48px; right: -36px; width: 26px; } .home-slider div.soliloquy-container .soliloquy-prev { left: 20px; } .home-slider div.soliloquy-container .soliloquy-next { right: 20px; } div.soliloquy-container .soliloquy-pager-link.active, div.soliloquy-container .soliloquy-pager-link:hover { background-image: url(images/circle-hover.png); } div.soliloquy-container .soliloquy-pager-link { background-image: url(images/circle.png); } div.soliloquy-container .soliloquy-pager { bottom: -24px; } div.soliloquy-container .soliloquy-video-icon { background-image: url(images/video.png); } div.soliloquy-container .soliloquy-wrapper { margin: 0 auto; } .soliloquy-carousel div.soliloquy-container .soliloquy-caption { position: static; } .soliloquy-carousel div.soliloquy-container .soliloquy-caption .soliloquy-caption-inside { background: none transparent; color: #444; padding: 20px; text-align: center; } .soliloquy-carousel div.soliloquy-container .soliloquy-caption h1, .soliloquy-carousel div.soliloquy-container .soliloquy-caption h2, .soliloquy-carousel div.soliloquy-container .soliloquy-caption h3, .soliloquy-carousel div.soliloquy-container .soliloquy-caption h4, .soliloquy-carousel div.soliloquy-container .soliloquy-caption h5 { color: #444; font-weight: 500; margin: 0; } .home-slider div.soliloquy-container .soliloquy-caption h1, .home-slider div.soliloquy-container .soliloquy-caption h2, .home-slider div.soliloquy-container .soliloquy-caption h3, .home-slider div.soliloquy-container .soliloquy-caption h4, .home-slider div.soliloquy-container .soliloquy-caption h5 { color: #fff; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 400; margin-bottom: 30px; } .home-slider div.soliloquy-container .soliloquy-caption h1, .home-slider div.soliloquy-container .soliloquy-caption h2 { font-size: 28px; font-size: 2.8rem; } .home-slider div.soliloquy-container .soliloquy-caption .soliloquy-caption-inside { background: rgba(0, 0, 0, 0.6); display: inline-block; padding: 40px 36px; text-align: left; text-shadow: none; width: auto; } .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-top, .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-left, .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-right, .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-bottom { left: 50%; height: auto; top: 50%; margin-top: -131px; margin-left: -600px; width: 640px; } .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-right { left: auto; margin-right: -600px; right: 50%; } .home-slider div.soliloquy-container .soliloquy-caption .more-link a { font-size: 15px; font-size: 1.5rem; font-family: "Gotham A", "Gotham B"; font-style: normal; font-weight: 500; } .home-slider div.soliloquy-container .soliloquy-caption .more-link { margin-top: 40px; } /* ## Bottom CTA --------------------------------------------- */ .home-bottom section.wsm-cta-widget { display: inline-block; margin-bottom: 40px; margin-right: 3%; max-width: 30%; vertical-align: top; } .home-bottom section:nth-child(3n) { margin-right: 3%; } section.wsm-cta-widget .cta-wrap { overflow: hidden; position: relative; width: 100%; } section.wsm-cta-widget .cta-wrap img, section.wsm-cta-widget .cta-wrap a { display: block; } section.wsm-cta-widget .cta-title { background: rgba(0,0,0,0.6); color: #fff; display: block; font-family: "Gotham A", "Gotham B"; font-weight: 500; font-size: 18px; font-size: 1.8rem; left: 0; margin: -33px 0 0; padding: 22px 20px; position: absolute; right: 0; text-align: center; text-transform: uppercase; top: 50%; } /* # Content Area ---------------------------------------------------------------------------------------------------- */ /* ## Entries --------------------------------------------- */ .entry { margin-bottom: 40px; } .content .entry { background-color: #fff; } .entry-content ol, .entry-content ul { margin-bottom: 20px; margin-left: 40px; } .entry-content ol > li { list-style-type: none; } .entry-content ul > li { list-style-type: none; list-style-image: url(images/arrow-right.png); } .entry-content ol ol, .entry-content ul ul { margin-bottom: 0; } .entry-content ol { counter-reset: item; margin-left: 20px; } .entry-content ol ol { margin-left: 0; } .entry-content ol li { display: block; list-style-type: none; position: relative; padding-left: 20px; } .entry-content ol li:before { content: counter(item) ". "; counter-increment: item; color: #ff7a27; font-weight: 400; left: -6px; position: absolute; top: 2px; width: 24px; } .entry-content code { background-color: #333; color: #ddd; } /* ## Entry Meta --------------------------------------------- */ p.entry-meta { font-size: 15px; font-size: 1.5rem; margin-bottom: 0; } .entry-header .entry-meta { margin-bottom: 24px; } .entry-meta a { color: #2c2b2b; } .entry-meta a:hover { color: #ff7a27; } .entry-footer .entry-meta { border-top: 1px solid #c7c7c7; padding-top: 20px; } .entry-categories, .entry-tags { display: inline-block; } .entry-categories { margin-right: 30px; } .entry-categories b, .entry-tags b { color: #ff7a27; } /* ## Pagination --------------------------------------------- */ .pagination { clear: both; margin: 40px 0; } .adjacent-entry-pagination { margin-bottom: 0; } .archive-pagination li { display: inline; } .archive-pagination li a { background-color: #444; color: #fff; cursor: pointer; display: inline-block; font-size: 20px; font-size: 2rem; padding: 8px 12px; text-decoration: none; } .archive-pagination li a:hover, .archive-pagination li a:focus, .archive-pagination .active a { background-color: #ff7a27; } /* ## Comments --------------------------------------------- */ .comment-respond, .entry-comments, .entry-pings { margin-bottom: 40px; } .comment-respond h3.comment-reply-title, .entry-comments h3 { font-size: 25px; font-size: 2.5rem; font-weight: 700; text-transform: uppercase; } .comment-header { font-size: 15px; font-size: 1.5rem; } li.comment { background-color: #f5f5f5; border: 1px solid #fff; } .comment-content { clear: both; word-wrap: break-word; } .comment-list li { margin-top: 20px; padding: 20px; } .comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] { width: 50%; } .comment-respond label { display: none; margin-right: 12px; } .entry-comments .comment-author { margin-bottom: 0; } .entry-pings .reply { display: none; } .bypostauthor { } .form-allowed-tags { background-color: #f5f5f5; font-size: 15px; font-size: 1.5rem; padding: 24px; } .logged-in-as { font-size: 15px; font-size: 1.5rem; } .logged-in-as a { color: #2c2b2b; } .logged-in-as a:hover { color: #ff7a27; } /* # Sidebars ---------------------------------------------------------------------------------------------------- */ .sidebar { font-size: 15px; font-size: 1.5rem; } .sidebar li { margin-bottom: 10px; } .sidebar .widget_recent_comments li a:hover, .sidebar li a { color: #2c2b2b; } .sidebar .widget_recent_comments li a, .sidebar li a:hover { color: #ff7a27; } .sidebar p:last-child, .sidebar ul > li:last-child { margin-bottom: 0; } .sidebar .widget { background-color: #fff; margin-bottom: 30px; } .sidebar .menu li { font-size: 15px; font-size: 1.5rem; font-weight: 700; text-transform: uppercase; } .sidebar .menu li a { position: relative; } .sidebar .menu li.active a:before, .sidebar .menu li:hover a:before { background: url(images/arrow-right-cta.png) no-repeat 0 0; content: ""; display: block; height: 15px; left: -20px; position: absolute; top: 8px; width: 9px; } /* # Footer Forms ---------------------------------------------------------------------------------------------------- */ .footer-form { background-color: #f57f29; color: #fff; padding: 0; position: relative; } .footer-form .wrap { padding: 10px 0; position: relative; } .footer-form h1, .footer-form h2, .footer-form h3, .footer-form h4, .footer-form h5, .footer-form .widget-title { color: #fff; } .footer-form button, .footer-form input[type="button"], .footer-form input[type="reset"], .footer-form input[type="submit"], .footer-form .button { background-color: #444445; } .footer-form div.gform_wrapper { margin: 0; overflow: hidden; } .footer-form .widget-title, .footer-form div.gform_wrapper h3.gform_title { font-size: 18px; font-size: 1.8rem; font-weight: 400; margin: 0; } .footer-form div.gform_wrapper .button-right .gform_heading { float: left; margin: 0 2% 0 0; padding-top: 8px; width: 48%; } .footer-form div.gform_wrapper .button-right .gform_body { float: right; margin: 0; width: 45%; } .footer-form div.gform_wrapper span.gform_description { margin: 0; } .footer-form div.gform_wrapper .button-right .gform_footer { bottom: 10px; clear: none; height: auto; position: absolute; margin: 0; right: 0; top: 10px; width: auto; } .footer-form div.gform_wrapper ul li.gfield { margin-top: 0; } body .footer-form div.gform_wrapper label.gfield_label + div.ginput_container { margin-top: 0; } .footer-form div.gform_wrapper .validation_error { display: none; } .footer-form div.gform_wrapper li.gfield.gfield_error, .footer-form div.gform_wrapper li.gfield.gfield_error.gfield_contains_required { margin: 0; } .footer-form div.gform_wrapper .gform_footer input.button, .footer-form div.gform_wrapper .gform_footer input[type="submit"]{ background-color:#444445; border:1px solid #fff; font-size:14px; font-size:1.4rem; font-weight:400; line-height:normal; padding: 10px 10px; position:relative; margin-right:9em !important; margin-top:12em!important; } .widget-wrap #input_17_5 { width: 500px; border-radius: 0px; padding: 0.6em; text-align: left; line-height: 20px; } .footer-form div.gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]), .footer-form input, .footer-form select, .footer-form textarea { background-color: transparent; border: 1px solid #fff; color: #fff; font-size: 14px; font-size: 1.4rem; font-weight: 400; padding: 10px 10px; text-transform: uppercase; } .footer-form ::-moz-placeholder { color: #fff; text-transform: uppercase; } .footer-form ::-webkit-input-placeholder { color: #fff; text-transform: uppercase; } #show_hide { background: url(images/closed-icon.png) no-repeat 0 0; display: block; height: 28px; left: auto; margin-top: -18px; margin-right: 8em; cursor: pointer; position: absolute; right: -30px; top: 50%; text-indent: -9999px; width: 28px; } /* # Footer Widgets ---------------------------------------------------------------------------------------------------- */ .footer-widgets { background-color: #474747; border-bottom: 1px solid #444; color: #fff; font-size: 14px; font-size: 1.4rem; padding: 40px 0; } .footer-widgets a { color: #fff; } .footer-widgets a:hover { color: #CCC; } .footer-widgets .widget-title { color: #fff; font-size: 17px; font-size: 1.7rem; font-weight: 400; text-transform: uppercase; } .footer-widgets .widget-area { float: left; margin-right: 5.2%; width: 12%; } .footer-widgets .footer-widgets-6 { margin-right: 0; } .footer-widgets li { margin-bottom: 8px; } .footer-widgets p { margin-bottom: 15px; } /* # Site Footer ---------------------------------------------------------------------------------------------------- */ .site-footer { background-image: none; background-color: #1a1a1a; color: #fff; font-size: 14px; font-size: 1.4rem; line-height: 1.5; padding: 20px 0; position: relative; text-align: center; } .site-footer a { color: #fff; } .site-footer a:hover { color: #ff7a27; } .site-footer p { margin-bottom: 0; } .to-top { display:inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; overflow:hidden; text-indent:100%; white-space:nowrap; background: rgba(255,103,31,0.9) url(images/to-top.svg) no-repeat center 50%; visibility:hidden; opacity:0; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; z-index: 9999; } .to-top.top-is-visible { visibility:visible; opacity:1; } .to-top.top-fade-out { opacity:.5; } .no-touch .to-top:hover { background-color:#e86256; opacity:1; } /* New Quote Tables */ div.shop_table .product-thumbnail { display: block; margin-bottom: 30px; } table.tablepress#tablepress-299 td { vertical-align: middle; text-align: center; } table.tablepress#tablepress-299 td:nth-child(4) { text-align: left; } table.tablepress#tablepress-299 { vertical-align: middle; font-size: 16px; font-size: 1.6rem; } table.tablepress#tablepress-299 thead th, table.tablepress#tablepress-299 tfoot th { background: #444; color: #fff; font-weight: 700; line-height: 1.2; padding: 10px 8px; text-transform: uppercase; text-align: center; display: default; } table.tablepress#tablepress-299 > tbody > td.product-thumbnail > a > img { width:100%; height:100%; } table.tablepress#tablepress-299.product-thumbnail.product_thumbnail { width:200px; height:200px; } table.tablepress#tablepress-299.product_thumbnail table { width:100%; height:100%; } table.tablepress#tablepress-299 h3.product-title { font-weight: 700; margin: 0 0 5px; } table.tablepress#tablepress-299 .variation { padding: 20px 0 0; } table.tablepress#tablepress-299 td.product-title a { color: #444; } table.tablepress#tablepress-299 td.product-description { font-weight: normal; margin: 0 0 5px; width: 40%; text-align: left; } table.tablepress#tablepress-299 td.product-name { font-weight: normal; margin: 0 0 5px; } table.tablepress#tablepress-299 td.product-quantity { font-weight: 700; margin: 0 0 5px; text-align: center; } .entry-content ul > li { list-style-type: none !important; list-style-image: none !important; } .entry-content .woocommerce table td.product-quantity > div > input { border: 0px solid #d1d1d1; font-weight: normal; font-size: 20px; font-size: 2rem; /*float: right; margin-right: 30%;*/ } table.tablepress#tablepress-299 tbody .product-remove a { display: inline-block; color: #fff !important; font-size: 30px; font-size: 3rem; font-weight: 700; text-align: center; text-decoration: none; width: 40px; height: auto; line-height: normal; vertical-align: middle; border: 1px solid #ff7a27; border-radius: 0; background-color: #ff7a27; } table.tablepress#tablepress-299 a:hover, table.tablepress#tablepress-299 a.focus { font-weight: 700; } table.tablepress#tablepress-299 > div.woocommerce .product-remove { margin: 20px 0 0; } /* End of New Quote Tables */ /* # Media Queries ---------------------------------------------------------------------------------------------------- */ /* pump selection guide button on utility bar */ #menu-item-10004 span.ubermenu-target-title.ubermenu-target-text, #menu-item-10005 span.ubermenu-target-title.ubermenu-target-text { padding:7px 15px; color: #fff; background:#63656a; } #menu-item-10004 span.ubermenu-target-title.ubermenu-target-text:hover, #menu-item-10005 span.ubermenu-target-title.ubermenu-target-text:hover { background:#f57f29; } #menu-item-10004 .ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only:hover { background:#221f1f; } #menu-item-10004 a { background: #221f1f; } #menu-item-10005 .ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only:hover { background:#f57f29; } li#menu-item-10005 { display:none; } #menu-item-7733 img { display:none; } #menu-item-7733 a { font-size: 16px; background: none; } #menu-item-7733 a:hover { color: #fff; } #menu-item-7733 a:hover, #menu-item-8251 a:hover, #menu-item-8252 a:hover { height: 92px; } li#menu-item-7733 a:hover { color: #ffffff; background-color: #ff7a27; background: -webkit-gradient(linear,left top,left bottom,from(#ff7a27),to(#ff7a27)); background: -webkit-linear-gradient(top,#ff7a27,#ff7a27); background: -moz-linear-gradient(top,#ff7a27,#ff7a27); background: -ms-linear-gradient(top,#ff7a27,#ff7a27); background: -o-linear-gradient(top,#ff7a27,#ff7a27); background: linear-gradient(top,#ff7a27,#ff7a27); } .table-wrapper { width: 100%; overflow-x: scroll; position: relative; padding: 10px 0; } @media only screen and (max-width: 1199px) { .wrap { max-width: 94%; } .content, .site-header .widget-area { width: 64%; } .sidebar-primary, .title-area { width: 30%; } .content-sidebar .content-sidebar-wrap { background-position: 67.5% 0; } body div.gform_wrapper ul li.gfield.gfield_html img.alignleft { width: 25% !important; } .info-mid { width: 36%; } .literature-form { width: 34%; } #map-view-container-global, #map-view-container { clear: both; float: none; margin: 0 0 20px; display: block; width: 855px; } #map-container-global { margin-bottom: 20px; } #practice-container-global, #practice-container { width: 320px; } .entry-content div.soliloquy-container.featured-video-full .soliloquy-image { max-width: inherit; } .entry-content div.soliloquy-container.featured-video-full .soliloquy-caption.soliloquy-caption-left, .entry-content div.soliloquy-container.featured-video-full .soliloquy-caption.soliloquy-caption-right { max-width: inherit; width: 35%; } .entry-content div.soliloquy-container.featured-video-full .soliloquy-caption.soliloquy-caption-right { left: auto; right: 0; } .entry-content div.soliloquy-container.featured-video-full { max-width: 100% !important; } .entry-content div.soliloquy-container.featured-video-full .soliloquy-image { width: 100%; } #show_hide { margin-left: 6px; right: 10px; } .sidebar .menu li.active a:before, .sidebar .menu li:hover a:before { display: none; } div.gform_wrapper h3.gform_title { font-size: 22px; font-size: 2.2rem; } .products-wrap.three-columns li.product-item { min-height: 370px; width: 30.75%; } .to-top { height:60px; width:60px; right:30px; bottom:30px; } .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-top, .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-left, .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-right, .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-bottom { left: 3%; margin-left: 0; margin-top: -111px; } .home-slider div.soliloquy-container .soliloquy-caption .more-link { margin-top: 20px; } .home-slider div.soliloquy-container .soliloquy-caption h1, .home-slider div.soliloquy-container .soliloquy-caption h2, .home-slider div.soliloquy-container .soliloquy-caption h3, .home-slider div.soliloquy-container .soliloquy-caption h4, .home-slider div.soliloquy-container .soliloquy-caption h5 { margin-bottom: 10px; } nav.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 1058px) { .header-image .site-title { bottom: -17px; } } @media only screen and (max-width: 1024px) { .home-slider div.soliloquy-container .soliloquy-caption h1, .home-slider div.soliloquy-container .soliloquy-caption h2 { font-size: 22px; font-size: 2.2rem; } .header-cta div.gform_wrapper h3.gform_title { font-size: 18px; font-size: 1.8rem; } .nav-secondary .genesis-nav-menu { float: none; width: auto; } .header-image .site-title { position: static; } .header-image .site-description { display: none; } .title-area { margin: 10px 0 20px; padding: 0; width: 100%; } .header-image .site-title { width: 100%; } .header-image .site-title > a { background-position: center center; } .site-header .widget-area { text-align: center; width: 100%; } .header-cta div.gform_wrapper .button-right .gform_heading { width: 52%; } .header-cta div.gform_wrapper .button-right .gform_footer { width: 15%; } nav.ubermenu-loc-primary .ubermenu-nav { display: table; float: none; margin: 0 auto; width: auto; } .nav-primary nav.ubermenu-main .ubermenu-item-level-0 > .ubermenu-target { padding: 10px 20px; } .nav-secondary .genesis-nav-menu { text-align: center; } .genesis-nav-menu .search-form input[type="search"] { width: 400px; } .news-entry .news-date, .news-entry .news-heading, .news-entry .right-buttons { float: none; margin: 0; text-align: left; width: 100%; } .news-entry .right-buttons { padding-top: 10px; } .news-entry { border-bottom: 1px solid #e6e6e6; padding-bottom: 20px; } .news-container > div:last-child { border: 0; } #map-view-container-global, #map-view-container { width: 100%; } .products-wrap.three-columns li.product-item { width: 30.5%; } #practice-container-global, #practice-container { width: 100%; } .products-wrap.three-columns li.product-item { width: 30.88888%; } .header-cta div.gform_wrapper h3.gform_title { font-size: 20px; font-size: 2rem; } .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-top, .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-left, .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-right, .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-bottom { left: 0; margin-left: 0; margin-top: 0; top: auto; right: 0; width: 100%; bottom: 0; } .home-slider div.soliloquy-container .soliloquy-caption .soliloquy-caption-inside { padding: 20px 3%; width: 100%; } .home-slider div.soliloquy-container .soliloquy-prev { left: 2px; } .home-slider div.soliloquy-container .soliloquy-next { right: 2px; } } @media only screen and (max-width: 800px) { .site-header .wrap { max-width: 100%; } .content { width: 60%; } .content-sidebar .content-sidebar-wrap { background-position: 62.5% 0; } .sidebar-primary { width: 35%; } .title-area { position: absolute; left: 3%; top: 0; margin: 14px 0 0; width: 115px; } .site-header { min-height: inherit; } .header-cta div.gform_wrapper .button-right .gform_footer, .header-cta div.gform_wrapper .button-right .gform_body, .header-cta div.gform_wrapper .button-right .gform_heading { float: none; margin: 0 auto 10px; width: 100%; } .header-cta div.gform_wrapper .button-right .gform_body { max-width: 50%; } .nav-secondary .genesis-nav-menu > .menu-item { vertical-align: middle; } .genesis-nav-menu span.searchbox-show, .genesis-nav-menu .search-form input[type="search"] { width: 240px; } .nlb-categories li.products-category h3, h1 { font-size: 28px; font-size: 2.8rem; } #practice-container-global .interactive-map, #practice-container .interactive-map, #map-view-container-global #map-container-global, #map-view-container #map-container { display: none; } #practice-container-global section, #practice-container section { border-bottom: 1px solid #c7c7c7; display: block !important; margin: 0 0 30px; padding-bottom: 30px; } #practice-container-global section:last-child, #practice-container section:last-child { border: 0; } .banch-info { margin-bottom: 10px; } #practice-container-global section .more-link, #practice-container section .more-link { margin-bottom: 10px; } .jobs-menu-icon .menu li { margin: 0 0 8px; width: 48%; } .jobs-menu-icon .menu { overflow: hidden; } .jobs-menu-icon .menu li:nth-child(5n+1) { clear: none; } .jobs-menu-icon .menu li:nth-child(2n+1) { float: left; clear: both; } .jobs-menu-icon .menu li:nth-child(2n) { float: right; } .jobs-posting-top .jobs-sort-menu { margin-right: 2.4%; width: 45%; } .breadcrumb, .job-table header .more-link { display: block; float: none; margin: 0 0 10px; max-width: 100%; width: 100%; } .breadcrumb { padding: 0; } .posts-title, .page .site-inner h1.entry-title, .archive-description, .job-table header h2 { display: block; float: none; max-width: 100%; width: 100%; } body div.gform_wrapper ul li.gfield.gfield_html img.alignleft { float: none; margin: 0 auto; max-width: 50%; width: auto !important; } .literature-form, .info-mid { clear: both; float: none; width: 100%; } .info-mid { margin-bottom: 20px; } .literature-form br { display: none; } .literature-form form { float: none; max-width: 50%; } .entry-content div.soliloquy-container.featured-video-full .soliloquy-image { width: 100%; } .entry-content div.soliloquy-container.featured-video-full .soliloquy-caption.soliloquy-caption-left, .entry-content div.soliloquy-container.featured-video-full .soliloquy-caption.soliloquy-caption-right { position: static; width: 100%; } .entry-content div.soliloquy-container.featured-video-full .soliloquy-caption.soliloquy-caption-right .soliloquy-caption-inside, .entry-content div.soliloquy-container.featured-video-full .soliloquy-caption.soliloquy-caption-right .soliloquy-caption-inside { height: auto; } .products-wrap.three-columns li.product-item { margin-left: 2%; } .top-navigation .nav-items li img { display: none; } .top-navigation .nav-items { padding-left: 20px; } .top-navigation .nav-items { height: auto; } div.woocommerce #payment #place_order, body.woocommerce-page #payment #place_order { width: auto; } .header-cta div.gform_wrapper .button-right .gform_footer, .header-cta div.gform_wrapper h3.gform_title { text-align: center; } #show_hide { bottom: 10px; left: auto; margin-top: 0; right: 3%; top: auto; } .geo-search, .videos-heading .more-videos, .videos-heading h2.videos-title { float: none; text-align: left; width: 100%; } .map-graphic { display: none; } .geo-results form { max-width: 100%; } .to-top { right:20px; bottom:20px; } .home-slider div.soliloquy-container .soliloquy-item, .home-slider div.soliloquy-container .soliloquy-viewport { max-height: inherit; overflow: visible; } .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-top, .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-left, .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-right, .home-slider div.soliloquy-container .soliloquy-caption.soliloquy-caption-bottom { margin-left: 0; position: static; width: 100%; } .home-slider div.soliloquy-container .soliloquy-caption .soliloquy-caption-inside .table-cell { padding: 0 36px; } .home-bottom section.wsm-cta-widget { margin-right: 2.5%; } .home-bottom section:nth-child(3n) { margin-right: 3%; } } @media only screen and (max-width: 990px) { .footer-widgets .widget-area { float: none; margin: 0 0 30px; width: 100%; } } @media only screen and (max-width: 960px) { #ubermenu-main-488-secondary.ubermenu-responsive-default.ubermenu-responsive.ubermenu-responsive-collapse { max-height: none; visibility:visible; } a.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main.ubermenu-skin-none.ubermenu-loc-secondary.ubermenu-responsive-toggle-content-align-right.ubermenu-responsive-toggle-align-full { display:none; } a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only, a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only, a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only { padding:10px; } li#menu-item-7733, li#menu-item-8252 { min-width: 50px; width: 3%; padding:0; } li#menu-item-8251 { min-width: 148px; width: 148px; } .ubermenu-responsive-default.ubermenu.ubermenu-responsive .ubermenu-column:nth-of-type(2n+1) { clear:none !important; } ul#ubermenu-nav-main-488-secondary { height: 20px; width: 254px; margin: 0 auto; } li#menu-item-7733 img { position: relative; top: 3px; } .page-template .ubermenu-responsive-default.ubermenu-responsive .ubermenu-item-level-0 { width:100%; } li#menu-item-10005 { display:block; } li#menu-item-10005 a { background: none; } li#menu-item-10004 { display:none; } .ubermenu .ubermenu-item.ubermenu-item-7733 > .ubermenu-target { color: #ff7a27; padding: 10px; text-align: center; } li#menu-item-8251 span { font-size: 14px; } .footer-form { padding: 2em 2em 3em 2em; } .widget-wrap #input_17_5{ width:100%; } #gform_submit_button_17{ margin-right: 1em !important; margin-top: 23em !important; } #show_hide{ right: -20%; } } @media only screen and (max-width: 680px) { .content-sidebar .content-sidebar-wrap { background: none transparent; } #gform_submit_button_17 { margin-right: 1em; margin-top: 2em !important; } #show_hide{ margin-right:0!important; } .content, .sidebar-primary, .site-header .widget-area, .site-inner { width: 100%; } div.shop_table .variation li { display: block; } .result-item .more-link, .result-item h3 { float: none; max-width: 100%; text-align: center; } .result-item .pump-details, .result-item .result-image { float: none; width: 98%; } .result-item .pump-details { overflow: hidden; } div.tribe-events-day .tribe-events-day-time-slot .type-tribe_events, div.tribe-events-list .type-tribe_events { width: 100%; } .single-nlb-news .entry-header .news-title { max-width: 100%; } .single-nlb-news .entry-header .pdf-button { float: none; margin: 0 0 10px; } .genesis-nav-menu .search { display: none; } .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { margin: 0; width: 100%; } .nlb-categories li.products-category.odd, .nlb-categories li.products-category { float: none; max-width: 80%; margin: 0 auto 40px; } .literature-form form { max-width: 100%; } div.gform_wrapper .literature-form select { font-size: 16px; font-size: 1.6rem; } .geo-results .cs_label { display: inline; width: auto; } .geo-results form { padding-left: 0; } .bucket h3, .products-wrap li.product-item h3 { font-size: 20px; font-size: 2rem; } table.tablepress-responsive-tablet { border: 0; } table.tablepress-responsive-tablet tbody tr { margin-left: -4px; } table.tablepress-responsive-tablet tbody { border-top: 1px solid #ccc; } table.tablepress-responsive-tablet thead { border-bottom: 1px solid #ccc; padding-bottom: 1px; } table.tablepress thead th, table.tablepress tfoot th { line-height: 1.625; } table.tablepress tbody { border-bottom: 0; } .footer-form div.gform_wrapper .button-right .gform_heading { float: none; margin: 0 0 10px; width: 100%; } .footer-form div.gform_wrapper .button-right .gform_body { float: none; margin: 0; width: 100%; } .footer-form div.gform_wrapper .button-right .gform_footer { margin: 10px 0 0; position: static; } #show_hide { bottom: auto; left: auto; margin-top: 0; right: 0; top: 10px; } .footer-form .wrap { padding: 40px 0 10px; position: relative; } } @media only screen and (max-width: 640px) { .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) { line-height: 1 !important; min-height: 1rem !important; } .breadcrumbs { font-size: 1.25rem; } .entry-title { font-size: 2.5rem; } .table-wrapper:before { content: "«"; top: 0; left: 0; position: absolute; font-size: 2.75em; } .table-wrapper:after { content: "»"; top: 0; right: 0; position: absolute; font-size: 2.75em; } #input_17_5{ width:100%; } } @media only screen and (max-width: 480px) { .nav-secondary .genesis-nav-menu .search-wrap, .nav-secondary .genesis-nav-menu > .menu-item > a { padding: 10px; } .nlb-categories li.products-category.odd, .nlb-categories li.products-category { max-width: 100%; } .products-wrap.two-columns li.product-item:nth-child(2n+1), .products-wrap.three-columns li.product-item:nth-child(3n+1), .products-wrap.four-columns li.product-item:nth-child(4n+1), .products-wrap.five-columns li.product-item:nth-child(5n+1), .products-wrap.two-columns li.product-item, .products-wrap.three-columns li.product-item, .products-wrap.four-columns li.product-item, .products-wrap.five-columns li.product-item, .products-wrap.three-columns li.product-item { display: block; float: none; margin: 0 auto 30px; width: 80%; } .jobs-posting-top .jobs-sort-menu, .top-navigation .nav-items > li, .top-navigation .nav-items > li:nth-child(2n+1) { display: block; float: none; margin: 0 0 8px; width: 100%; } .header-cta div.gform_wrapper .button-right .gform_body { max-width: 100%; } .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { margin: 0 0 30px; width: 100%; } .ezcol-one-quarter, .ezcol-one-half, .ezcol-three-quarter, .ezcol-one-third, .ezcol-two-third, .ezcol-one-fifth, .ezcol-two-fifth, .ezcol-three-fifth, .ezcol-four-fifth { margin-bottom: 30px; } .home-bottom section:nth-child(3n), .home-bottom section.wsm-cta-widget { margin: 0 auto 30px; max-width: 320px; float: none; display: block; } } @media only screen and (max-width: 380px) { .entry-title { font-size: 16px; } .breadcrumb { font-size: 11px; } .jobs-menu-icon .menu li, .jobs-menu-icon .menu li:nth-child(2n+1) { float: none; width: 100%; } } /* # Print Styles ---------------------------------------------------------------------------------------------------- */ @media print { *, *:before, *:after { background: transparent !important; box-shadow: none !important; color: #000 !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after, .site-title > a:after { content: ""; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 2cm 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } blockquote, pre { border: 1px solid #999; page-break-inside: avoid; } .content, .content-sidebar { width: 100%; } button, input, select, textarea, .breadcrumb, .comment-edit-link, .comment-form, .comment-list .reply a, .comment-reply-title, .edit-link, .entry-comments-link, .entry-footer, .genesis-box, .header-widget-area, .hidden-print, .home-top, .nav-primary, .nav-secondary, .post-edit-link, .sidebar { display: none !important; } .title-area { text-align: center; width: 100%; } .site-title > a { margin: 0; text-decoration: none; text-indent: 0; } .site-inner { padding-top: 0; position: relative; top: -100px; } .author-box { margin-bottom: 0; } h1, h2, h3, h4, h5, h6 { orphans: 3; page-break-after: avoid; page-break-inside: avoid; widows: 3; } img { page-break-after: avoid; page-break-inside: avoid; } blockquote, pre, table { page-break-inside: avoid; } dl, ol, ul { page-break-before: avoid; } } @media (min-width:1200px) { #gform_fields_17 { display: block; width: 48%; float: left; } li#field_17_7 { float: right; /* width: 43%; */ position: relative; left: 110%; top: -145px; } li#field_17_5 { position: absolute; left: 53%; top: -25%; } li#field_17_1,#field_17_6,#field_17_3 { margin: 10px 0; } .footer-form div.gform_wrapper .button-right .gform_body { float: left; margin: 30px 0; width: 90%; position: relative; left: 0; display: block; max-height: 160px; } } /* ipad pro media query */ /* Portrait and Landscape */ @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { .footer-form div.gform_wrapper .gform_footer input.button, .footer-form div.gform_wrapper .gform_footer input[type="submit"] { margin-right: 1em !important; margin-top: 24em!important; } .footer-form{ padding: 4em; } #input_17_5{ width: 100%; } #show_hide{ margin-right: 0em; margin-top: 5em; } } #cookie-notice { padding: 20px; font-size: 15px; line-height: 23px; box-shadow:1px 1px 13px #000; } .cookie-notice-container { width:80%; margin:0 auto; text-align:left } #cn-accept-cookie { } #cn-notice-text { width: 88%; float: left; } #cookie-notice .cn-button { float:right; margin-top:8px; } @media (max-width:1599px){ #cn-notice-text { width: 80%; } } @media (max-width:1100px){ #cn-notice-text { width: 100%; } } @media (max-width:767px){ #cookie-notice{ font-size:12px; padding:10px; line-height: 18px; } #cookie-notice-container { width:100%; text-align:center; } #cn-notice-text { width: 100%; float: unset; } #cookie-notice .cn-button { margin-left:0; font-size:12px; } } #gform_wrapper_17 { overflow: visible; } #gform_17 select option { color: block !important; }