/****************************************************************** Theme Name: Martin Specialty Theme URI: Description: This is child theme that uses the Bones theme as it's parent but strips out all the unnecessary gunk it comes with and also includes some extra goodies of my own. Website Designs and Developed by Curran & Connors Author: Thomas Dintrone Author URI: http://www.curran-connors.com Version: 1.7 Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support Template: bones License: WTFPL License URI: http://sam.zoy.org/wtfpl/ Are You Serious? Yes. ------------------------------------------------------------------ */ /********************************************* RESET **********************************************/ blockquote,body,form,h1,h2,h3,h4,h5,img,li,ol,p,ul{margin:0;padding:0} h1,h2,h3,h4,h5{ /*font-weight:400*/ } ol,ul{list-style:none} code{background:#FFFFC1} a{text-decoration:none}a img,img{border:0}blockquote p{padding:5px 0}.aligncenter{margin:5px auto 20px;display:block}.alignleft{margin:5px 20px 8px 0;float:left}.alignright{margin:5px 0 8px 20px;float:right}.col-left{float:left}.col-right{float:right}.wrap:after{content:".";display:block;height:0;clear:both;visibility:hidden}.fix{clear:both;height:1px;margin:-1px 0 0;overflow:hidden}.fl{float:left}.fr{float:right}.ac{text-align:center}.ar{text-align:right}img.centered{display:block;margin-left:auto;margin-right:auto}.group:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.group{clear:both}* html .group{height:1%}.group{display:block} /********************************************* FONTS **********************************************/ /* font-family:'DINNextW01-CondensedUlt'; font-family:'DINNextW01-CondensedLig'; font-family:'DINNextW01-CondensedReg'; font-family:'DINNextW01-CondensedMed'; font-family:'DINNextW01-CondensedBol'; font-family:'DINNextW01-CondensedHea'; font-family:'DINNextW01-CondensedBla'; font-family:'DINNextLTW01-UltraLight_706122'; font-family:'DINNextLTW01-UltraLight_706125'; font-family:'DIN Next W01 Light'; font-family:'DINNextW01-LightItalic'; font-family:'DIN Next W01 Italic'; font-family:'DINNextW01-MediumItalic'; font-family:'DINNextW01-BoldItalic'; font-family:'DIN Next W01 Heavy'; font-family:'DINNextW01-HeavyItalic'; font-family:'DINNextW01-BlackItalic'; font-family:'DINNextRoundedLTW01-Lig'; font-family:'DINNextRoundedLTW01-Reg'; font-family:'DINNextRoundedLTW01-Med'; font-family:'DINNextRoundedLTW01-Bol'; */ body { font-family:'DIN Next W01 Light'; -webkit-font-smoothing: antialiased;} *, *:before, *:after { box-sizing: border-box; } .pageHeader-wrap h1, .acct-info-edit-txt, .form input, .form p label, .widget-Menu_Widget ul li a, .widget-Text_Widget p { font-family:"DIN Next W01 Regular"; font-weight:normal !important } h2 { font-family:'DIN Next W01 Light'; } .btn.btn-primary { font-family:'DIN Next W01 Medium'; } .btn { outline: none !important;} .btn:active, .btn.active { box-shadow: none !important;} strong, h3 { font-weight:normal !Important; font-family:'DIN Next W01 Bold'; } .lowerContent h1 strong { font-weight:normal;font-family:'DIN Next W01 Black'; } .lightFont {font-family:'DIN Next W01 Light' !important;} /********************************************* HTML5 **********************************************/ article, aside, figure, footer, header, nav, section {display: block;} /********************************************* GENERAL **********************************************/ html, body { height:100%; margin:0; padding:0; } body { background:#f7f7f7; font-size:18px; color:#646e78; } .container { width:100% !important; padding: 0 !important; clear: both;} section.mainContent .container { width:100% !important; padding: 0px !important; clear: both; position: relative; z-index: 2227; } /*.container { min-width:970px; width:100% !important; }*/ /*.container { max-width:970px;}*/ /*.container { max-width:1280px; width:100% !important; }*/ .row { margin: 0;} a { } a:hover { text-decoration:underline; } hr { margin:30px 0; clear:both; border-top:solid 1px #e6e0da; border-bottom:solid 1px #e6e0da; height:3px; border-left:0; border-right:0;} .content { } h1 { font-size:70px; color:#e5eaf0; letter-spacing:-3px; z-index:2;} h2 { font-size:22px; color:#003e7e; margin: 0 0 15px; padding: 0; font-family: 'DIN Next W01 Medium'; line-height: 1.2em; } h3 { font-size:18px; color:#003e7e; margin: 18px 0 5px;} h4 { font-size:45px; color:#b59812; } h5 { font-size:28px; color:#003e7e; } h6 { } h1,h2,h3,h4,h5,h6 { } p {color:#646e78; font-size:18px;} .hentry p { margin-bottom: 24px; } .noPadL { padding-left:0 !important; } .noPadR { padding-right:0 !important; } .noPad { padding-left:0 !important; padding-right:0 !important; } .text-uppercase { text-transform:uppercase; } a.preload { background-position:-99999px -99999px; background-repeat:no-repeat; } .margin-auto { margin:0 auto; } .noScroll { overflow:hidden; } .fixed { position:fixed; } .absolute { position:absolute; } .relative { position:relative; } .static { position:static; } .fltrt{float:right;} .overlay-hero-rt { position: relative; } .overlay-hero-rt:after { position: absolute; content:""; top:0; left:0; width:100%; height:100%; opacity:1; background:rgba(229,234,240,0.2); } .custom-icon { position: relative; display: inline-block; } .centered { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; } #wpmem_login { margin: 0px auto; text-align: center; } #wpmem_login .form { padding: 0px; margin: 0px auto !important; width: 100% !important; } #wpmem_reg fieldset, #wpmem_login fieldset { border: none; padding: 0; margin: 0 !important; } #wpmem_login .button_div input.btn.btn-primary.login-btn + span { display: none; } #wpmem_reg .button_div { width: 97% !important; } #wpmem_login .button_div { width: 100% !important; height: 35px; padding: 6px 0px; text-align: right; } #wpmem_login .div_text { margin: 0px 0px 38px !important; } #wpmem_login .div_text + .div_text { margin: 0px 0px 16px !important; } .hentry #wpmem_login p { margin-bottom: 0px; } #wpmem_login .link-text { position: relative; right: 3px !important; bottom: 20px; color: #9099A3; text-align: left; padding: 0; margin: 0; } #wpmem_login .div_text input { height: 38px !important; } #wpmem_login .div_text input::-webkit-input-placeholder { color: #646e78 !important; opacity: 0.5; } #wpmem_login .div_text input:-moz-placeholder { color: #646e78 !important; opacity: 0.5; } #wpmem_login .div_text input::-moz-placeholder { color: #646e78 !important; opacity: 0.5; } #wpmem_login .div_text input:-ms-input-placeholder { color: #646e78 !important; opacity: 0.5; } #wpmem_reg input:focus, #wpmem_reg textarea:focus, #wpmem_login input:focus { border-left:0 !important;border-right:0 !important;border-top:0 !important; } #post-240 > p {display: none;} /********************************************* NAVIGATION **********************************************/ /* Top Nav */ nav.topNav { } nav.topNav.col-sm-12 { width:auto; float:right; padding: 0 25px;} nav.topNav ul { } nav.topNav ul li { } nav.topNav li a { color:#677583; font-size:14px; } nav.topNav li a:hover { color:#a8b1ba; text-decoration:none;} /*nav.topNav li ul.submenu li a:hover < li > a { color:#a8b1ba; text-decoration:none; }*/ /*.submenu li a:hover nav.topNav li{ color:#a8b1ba; text-decoration:none; }*/ .navhover { color: #003e7e !important; text-decoration: none !important; background-color: #fff !important; } nav.topNav li.current-menu-item a { color:#b59812; } .page-id-240 #menu-item-63 > a > strong, .page-id-238 #menu-item-63 > a > strong {color:#b59812;} /*hide or display the logout button in top nav*/ #menu-item-321 > a{display:none; } #menu-top-menu.list-inline>li { padding-right: 0;} #menu-item-321 {padding-left:0;} .logged-in #menu-item-321 > a {display: inline;} /* Main Nav */ nav.mainNav { } nav.mainNav ul { } nav.mainNav ul li { padding-left: 0; padding-right:0; position:relative; } nav.mainNav ul li a { color:#808a94; font-size:16px; padding: 4px 12px 0; line-height: 62px; display: block;} nav.mainNav ul li.current-menu-item a, nav.mainNav ul li a:hover { color:#003e7e; text-decoration:none; background-color:#fff;} /*nav.mainNav ul li.current-menu-item a span { background-image:url(img/icon-dropdown-hover.png) }*/ /*nav.mainNav ul li.last a { padding-right:55px; }*/ nav.mainNav ul li.menu-item-has-children a:hover { background-color:#fff; } nav.mainNav ul li a span { margin-left: 5px; background: url(img/icon-dropdown.png) no-repeat right center; display:inline-block; width:9px; height:8px; } nav.mainNav ul li:hover a:hover span, nav.mainNav ul li:hover a.navhover span { background-image:url(img/icon-dropdown-hover.png); } nav.mainNav ul li.current-menu-item a span { background-image: url(img/icon-dropdown_active.png);} nav.mainNav ul li.current-menu-item a:hover span { background-image: url(img/icon-dropdown-hover.png);} nav.mainNav ul li ul { text-align:left; background:#fff; min-width: 211px; display:none; position:absolute; left:0; top:65px; z-index:4999; border-radius:0 0 3px 3px; padding-top:0;} nav.mainNav ul li:hover ul { display:block; } nav.mainNav ul ul li, nav.mainNav ul ul li a { display:block !important; background:none !important; } nav.mainNav ul ul li { padding:0 !important; } nav.mainNav ul ul li a { /* padding: 0 10px !Important; line-height: 44px; */ border-bottom:1px solid #f2f6fa; font-size:16px; color:#a8b1ba; line-height: 1.3em; padding: 14px 10px 12px; } nav.mainNav ul ul li a:hover { color:#646e78; background-color: #fcfdff !important;} nav.mainNav ul ul li.current-menu-item a { color:#003e7e;} .burger-inline{float:left;} .navbar-toggle .burger-inline .icon-bar{background-color:#646e78; width:10px; margin: 1px 1px 3px;} .icon-bar-set{margin-top:3px;} .nav-active{ color:#b59812;} .nav-bar-active{background-color:#b59812 !important;} #menu-main-menu li hr { display: none;} .navbar-header { padding: 0;} button.navbar-toggle.collapsed { background-color: #f7f7f7; color: #646e78; padding: 19px 22px 15px; margin: 0;} button.navbar-toggle, button.navbar-toggle.collapsed:hover { color: #b59812; background-color: white; padding: 19px 22px 15px; margin: 0;} button.navbar-toggle.collapsed:hover .burger-inline .icon-bar { background-color: #b59812;} /* Footer Nav */ nav.footerNav ul li { padding-right:0; } nav.footerNav ul li a { color:#719dcb; font-size:14px; text-decoration:underline;} nav.footerNav ul li a:hover {color:#B9CEE5;} .credits p { color: #719dcb; font-size: 14px; text-decoration: none;} .credits p span { font-size:12px; display: none; } .credits p span a { color:#719dcb; } .credits p span a:hover { text-decoration:underline; } /********************************************* PAGE STRUCTURE **********************************************/ /* HEADER */ header { background:#f7f7f7; } .top { background:#202830; padding: 6px 0 4px; } .main { } .logo img { margin-top: -21px; padding-left:25px;} .right-header-img, .left-header-img{ height:100%;} .right-header-img{ margin:0; padding:0;} .left-header-img{ margin:0; padding:0;} /* MAIN CONTENT SECTIONS */ section.mainContent { background:#f7f7f7; padding-bottom: 46px; } .pageHeader { background-color:#003e7e; background-size:cover; background-position:center; background-repeat:no-repeat; padding: 313px 0 32px; margin-bottom: 53px;}/*paddingtop was 174px*/ .pageHeader-wrap { /*background-color:#003e7e;*/ margin-bottom: 44px; height: 300px; overflow: hidden;} .pageHeader-wrap .col-sm-8, .pageHeader-wrap.col-sm-12, .pageHeader-wrap .col-sm-4, .banner .col-sm-3 {padding:0;} .pageHeader-wrap h1 { position: relative; top: 180px; left: -6px; white-space: nowrap;} .page-id-33 .col-sm-offset-1 {margin-left:20px;} .pageHeader-wrap .left-header-img, .pageHeader-wrap .right-header-img { background-position: center !important;} .pageHeader-wrap .left-header-img { padding: 0; height: 100%;} .pageHeader-wrap .left-header-img .row { height: 100%;} .page-id-33 form div.clearfix { margin-bottom: 10px; } .page-id-33 form h2.clearfix { padding-top: 15px; } /* SIDEBAR */ .page-id-33 #text-2 { background: #eceff3; padding-top: 8px; } /* padding 40px */ /* FOOTER */ footer { background-color: #003e7e; position:relative; padding: 30px 0; color:#719dcb; font-size:14px; height:84px; z-index:2226;} img.flame { position: absolute; left: 0; top: -194px; z-index: 2108; } .clearfix { clear: both; } /********************************************* PAGE SPECIFIC **********************************************/ /* Homepage */ body.home>header { position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 3999;} body.home section.mainContent { background:none; padding-bottom:0;} body.home article { clear: both;} .banner { background-repeat:no-repeat; background-position:center top; background-size:cover; } .banner .container { position:relative; } body.home .headline { top: 50%; position: relative; transform: translateY(-50%); padding: 0;} body.home .banner { padding: 0; } .home .banner .container, .home .home-split .row { height: 100%} .headline { padding: 230px 0 0;} .headline h1 { margin-bottom:0;} .headline p { margin-top: -4px; color:#fff; font-size:23px;line-height: 28px; margin-bottom: 16px; max-width: 640px;} .col-sm-12.tagline {width:98.5%;} #down { position:absolute; right:0px; left:0; margin: 0 auto; bottom:42px; font-size:14px; color:#e4d386; text-align:center; display:inline-block;} #down img { display:block; margin:0 auto; } a#down:hover {text-decoration: none;} .lowerContent { background: #eceff3; padding: 80px 0; } .lowerContent .container { max-width: 775px; margin: 0 auto;} .lowerContent .tagline { padding:0; position: relative; left: 23px; } .lowerContent p.tag { margin-bottom:0 !important; font-size:20px; color:#202830; } .lowerContent h1 { letter-spacing: -3px; margin: -3px 0 2px; font-size:70px; color:#003e7e; } .lowerContent p { margin-bottom: 25px !important;line-height: 28px;font-size:23px; color:#757d87; } .lowerContent .col-sm-offset-1{ max-width: 770px; margin: 0 auto;} .lowerContent h1 strong { } .home-split{ height:768px; padding: 0;} .home-split.col-sm-9, .home-split .container{padding:0 55px;} /*.home-split .col-sm-offset-1{margin-left:20px;} .col-sm-8.home-split, #post-6.col-sm-12 {padding:0;}*/ /*Contact us*/ input.contact-field, .contact-comm { border: 0; border-bottom: 1px solid #d4dbe3; color: #9099a3; width:47.5%; margin-bottom:24px; background:transparent;-webkit-appearance: none; -webkit-border-radius: 0px; border-radius: 0px; } .g-recaptcha.wpcf7-recaptcha { float: right; margin-right: 28px; margin-bottom: 24px; } .inpt-btn-wrap{ clear: both; margin-right: 16px; } input.contact-field::-webkit-input-placeholder, .contact-comm::-webkit-input-placeholder { color: #d4dbe3 !important; } input.contact-field:-moz-placeholder, input.contact-field:-moz-placeholder { color: #d4dbe3 !important; } input.contact-field::-moz-placeholder, input.contact-field::-moz-placeholder { color: #d4dbe3 !important; } input.contact-field:-ms-input-placeholder, input.contact-field:-ms-input-placeholder { color: #d4dbe3 !important; } .contact-comm{width:98%; height:100px;} span.email, span.firstname{margin-right:20px;} .contact-first-row{margin-top:20px;} .contact-btn, .login-btn {float:right;} /*******locations******/ .loc-wrap { margin: 0; padding: 0; border: 1px solid transparent; height: 177px; } .loc-img { width: 70%; margin: 0; padding: 0; position: relative; display: inline-block; } .map-overlay { position:absolute; top: 0; width: 100%; height: 175px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(247,247,247,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(247,247,247,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(247,247,247,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f7f7f7',GradientType=1 ); /* IE6-9 */ } .gm-style div + div a div img { width: 31px !important; height: 13px !important; } .loc-content-wrap { display: inline-block; margin: 0; padding: 0; color: #808a94; padding-right: 30px; padding-top: 14px; /* float:right; */ position: absolute; right: 0; } .loc-content-wrap h2 { color: #808a94; font-size: 20px; margin: 8px 0; font-family: "DIN Next W01 Bold" !important; font-weight: normal; } .loc-content-wrap p { line-height: 1.5em; margin: 0; font-size: 16px; font-family: "DIN Next W01 Regular";} .loc-content-wrap p > a { color: #adb7c1; } .loc-wrap:hover .locArrow-icon { left: 10px; } .loc-direction-link { margin-top: 12px !important; font-family: "DIN Next W01 Bold"; font-weight: normal; } .loc-wrap:hover {border:1px solid #b59812;} /* article#post-10{max-width:1024px; margin:0 auto; } */ .locArrow-icon:before{ content:url('img/arrow-icon.png'); } .page-id-10 .gmnoprint, .page-id-10 .gmnoprint.gm-style-cc{display:none !important;} /*******FAQ********/ .faq-heading { background:transparent; -webkit-backface-visibility: hidden; border-radius: 0; padding: 0 !important; text-decoration: none; position: relative; } .faq-heading:hover { text-decoration: none; } .panel-group { border-bottom: 1px solid #D4DBE3; } .panel-faq { background:transparent !important; border-radius: 0 !important; padding: 5px 0; } .panel-body { font-family: 'DIN Next W01 Regular'; padding-bottom: 5px; } .faq-heading h2 { width: 100%; padding: 8px 22px 0 0; margin-bottom: 5px; font-size: 21px; position: relative; } .accordion-plus { color:#d4dbe3; position: absolute; right: 0; top: 5px; -moz-transition: -moz-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out; -webkit-transition: -webkit-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; -moz-transform-origin: 50% 40%; -webkit-transform-origin: 50% 40%; -ms-transform-origin: 50% 40%; transform-origin: 50% 40%;} .accordion-title { /* float:left; */ } .panel-collapse { clear: both; } .widget-Text_Widget strong { font-family:'DIN Next W01 Bold'; } .faq-icon:before { content:url('img/faq-plus.png'); } .page-template-faq-template #text-2 .widget-Text_Widget:first-child p { font-size: 18px; line-height: 24px; } .phad { margin-top: 6px; } /*.collapse{-moz-transition: -moz-transform 1s ease-in-out; -o-transition: -o-transform 1s ease-in-out; -webkit-transition: -webkit-transform 1s ease-in-out; transition: transform 1s ease-in-out;}*/ .collapsing{ -moz-transition: height .35s ease;} .collapse, .in, .collapsing{ -moz-transition: height 1s; -o-transition: height 1s; -webkit-transition: height 1s; transition: height 1s;} .left-header-img .col-sm-offset-1, .page-id-14 .col-sm-offset-1, .page .row.col-sm-offset-1, .page-id-238 .row.col-sm-offset-1 .single-allnews .row.col-sm-offset-1{margin-left:50px;} /***faq animation***/ /* snippet from Animate.css - zoomIn effect */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both} .animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite} .animated.hinge{-webkit-animation-duration:2s;animation-duration:2s }@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}} .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn} @-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}} .zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut} .rotate-icon{ -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); transform: rotate(225deg); } /********labelpage 1******/ /*.iconset-wrap{width:188px; float:left; padding:12px 8px 6px; text-align:center; border:1px solid transparent;}*/ .dl-downloads{ padding:8px;} .dl-downloads:hover .dl-link-title{ color:#b59812;} .dl-link-img{background:url('/wp-content/uploads/2015/05/dlIcon.png') no-repeat center center; width: 34px; height: 46px;} .dl-downloads:hover .dl-link-img{background:url('/wp-content/uploads/2015/07/dlicon-actv.png') no-repeat center center;} .dl-downloads:hover{cursor:pointer; border:1px solid #b59812;} .page-template-createLabel-template .pageHeader-wrap { margin: 0;} .page-template-createLabel-template .mainContent>.container>.row { background-color: #eceff3;} article#post-33 { background-color: #f7f7f7; padding-top: 38px !important;} .iconset-wrap { float:left; padding: 25px 25px 15px; min-height: 222px; text-align:center; border:1px solid transparent; margin-left: -1px; margin-top: -1px;} .iconset-wrap, .iconset-wrap div, .iconset-wrap h3, .iconset-wrap p { transition: all .6s ease;} .iconset-wrap h3 { font-family: 'DIN Next W01 Regular'; font-size: 16px; color:#9099a3;} .iconset-wrap p { font-size: 12px !important; text-transform: uppercase; color: #a8b1ba; margin-bottom: 0;} .page-id-33 div:nth-child(5) > p{margin-top:22px;} .iconset-wrap a{ text-decoration:none; transition: all .6s ease;} .iconset-wrap:hover { cursor:pointer; border:1px solid #b59812; } /*.iconset-wrap:nth-of-type(3) p{line-height:3.8;} .iconset-wrap:nth-of-type(4) p{line-height:3.8;} .iconset-wrap h3, .iconset-wrap p{color:#9099a3;}*/ .iconset-wrap .gear-img {background: url("/wp-content/uploads/2015/05/gearsIcon.png") top center no-repeat transparent; width:60px; height:77px; background-repeat:no-repeat; margin:0 auto;} .iconset-wrap .prodline-img {background: url("/wp-content/uploads/2015/05/productlineIcon.png") top center no-repeat transparent; width:60px; height:77px; background-repeat:no-repeat; margin:0 auto;} .iconset-wrap .greaseSpecs-img {background: url("/wp-content/uploads/2015/05/greasespecsIcon.png") top center no-repeat transparent; width:60px; height:77px; background-repeat:no-repeat; margin:0 auto;} .iconset-wrap .tbserv-img {background: url("/wp-content/uploads/2015/05/tbservicesIcon.png") top center no-repeat transparent; width:60px; height:77px; background-repeat:no-repeat; margin:0 auto;} .page-id-33 section.mainContent{padding-bottom:0;} .page-id-33 section.mainContent .container{padding-bottom:60px;} .page-id-33 section.mainContent .container aside.col-sm-5{height:900px; margin-bottom:-100px; padding: 0; width:34.66666667%; float:right;} .page-id-33 section.mainContent .container aside #text-2{height:inherit; padding-bottom:0;} /*hover states***/ .iconset-wrap:hover { cursor:pointer; border:1px solid #b59812; } .iconset-wrap:hover h3/*, .iconset-wrap:hover p*/ {color:#b59812; text-decoration:none;} .iconset-wrap:hover .gear-img {background: url("/wp-content/uploads/2015/05/gearsIcon-actv.png") top center no-repeat transparent; } .iconset-wrap:hover .prodline-img {background: url("/wp-content/uploads/2015/05/productlineIcon-actv.png") top center no-repeat transparent; } .iconset-wrap:hover .greaseSpecs-img {background: url("/wp-content/uploads/2015/05/greasespecsIcon-actv.png") top center no-repeat transparent; } .iconset-wrap:hover .tbserv-img {background: url("/wp-content/uploads/2015/05/tbservicesIcon-actv.png") top center no-repeat transparent; } input[type=checkbox] {visibility:hidden;width: 4px;} .active { cursor: pointer; border: 1px solid #b59812 !important; color: #b59812; } .active h3 { color: #b59812; } .checkbox-error > .icontitle-wrap { cursor: pointer; border: 1px solid #AD1E19 !important; color: #AD1E19; } .checkbox-error > .icontitle-wrap h3 { color: #AD1E19 !important; } .icontitle-wrap label.error { display: none !important; } .checkbox-error > .icontitle-wrap.checkbox-error-rem { cursor: pointer; border: 1px solid transparent !important; color: #b59812; } .checkbox-error > .icontitle-wrap.checkbox-error-rem.active { cursor: pointer; border: 1px solid #b59812 !important; color: #b59812; } .checkbox-error > .icontitle-wrap.checkbox-error-rem h3 { color: #9099A3 !important; } .checkbox-error > .icontitle-wrap.checkbox-error-rem.active h3 { color: #b59812 !important; } .page-id-33 .widget-Text_Widget p:nth-of-type(2), .page-id-33 .widget-Text_Widget p:nth-of-type(3), .page-id-33 .widget-Text_Widget #packaging-title, .page-id-33 .widget-Text_Widget p.label-sb-title { font-size:12px; text-transform: uppercase; line-height: 2.2; color: #a8b1ba; font-family:"DIN Next W01 Light"; /* line-height:.7; margin-top:20px; margin-bottom:20px; */ } /* .page-id-33 .widget-Text_Widget p:nth-of-type(1){margin-bottom: 0.7em;} */ .labelsidebar, .label-sb-item { color: #a8b1ba; font-size: 18px; font-family:"DIN Next W01 Medium"; } .page-id-33 .widget-Text_Widget .packaging-title, .page-id-33 .widget-Text_Widget .logo-title { margin-top: 1.2em; } /**active states**/ .active > .gear-img {background: url("/wp-content/uploads/2015/05/gearsIcon-actv.png") top center no-repeat transparent; } .active > .prodline-img {background: url("/wp-content/uploads/2015/05/productlineIcon-actv.png") top center no-repeat transparent; } .active > .greaseSpecs-img {background: url("/wp-content/uploads/2015/05/greasespecsIcon-actv.png") top center no-repeat transparent; } .active > .tbserv-img {background: url("/wp-content/uploads/2015/05/tbservicesIcon-actv.png") top center no-repeat transparent; } @media all and (max-width:640px){ .page-id-33 aside.sidebar{display:none;} /*.iconset-wrap{float:none; width:560px; margin:0 auto;}*/ .page-id-33 .fltrt {margin-top:5%; margin-right:5%;} .right-header-img {display:none;} } /****progress indicator****/ @-webkit-keyframes myanimation { from { left: 0%; } to { left: 50%; } } .labelprogress-wrap { margin: 0 auto 74px; max-width: 1200px; position: relative; } ul.labelprogress-bar li { color: #d4dbe3; font-size: 12px; font-weight: 600; position: relative; text-align: left; padding: 0; background-size: 35px 35px; background-color: #d4dbe3; border-radius: 15px; height: 1px; width: 100%; display: inline-block; margin: 20px 0 0; } ul.labelprogress-bar li#prog_el_1 { width: 48%; } ul.labelprogress-bar li#prog_el_2 { width: 0; } ul.labelprogress-bar li#prog_el_3 { width: 48%; } ul.labelprogress-bar li span { position: relative; top: 12px; display: inline-block; position: absolute; min-width: 40px; font-family: "DIN Next W01 Regular"; font-weight: normal; } ul.labelprogress-bar li#prog_el_1 span { left: 0; } ul.labelprogress-bar li#prog_el_2 span { right: -50%; width: 100%; } ul.labelprogress-bar li#prog_el_3 span { left: 0; width: 102.5%; text-align: right; } ul.labelprogress-bar li:after { content: ""; line-height: 45px; z-index: 99; background: #d4dbe3; border: 2px solid #F7F7F7; border-radius: 20px; color: #fff; font-size: 16px; font-weight: 700; left: -2px; top: -5px; width: 10px; height: 10px; line-height: 15px; position: absolute; text-align: center; } ul.labelprogress-bar li#prog_el_2::after { left: -5px; } ul.labelprogress-bar li#prog_el_3:after { left: 100%; } ul.labelprogress-bar li.prog-active { color: #B59812; font-weight: normal; } ul.labelprogress-bar li.prog-active:after { background: #B59812; z-index: 99; } ul.labelprogress-bar li.visited { background: none; } .labels-back-btn{background:url('/wp-content/uploads/2015/07/backbtn.png') no-repeat center center; width:46px; height:46px; float:left; z-index:999;} .labels-back-btn:hover{cursor:pointer;} .labels-bot-nav{ /* width:900px; */ margin-top:30px; margin-bottom:100px;} /************labelpage 2**************/ .icontitle-wrap { padding: 33px 25px !important;} .icontitle-wrap{ width:188px; float:left; padding:33px; text-align:center; border:1px solid transparent; margin-left: -1px; margin-top: -1px;} .icontitle-wrap:hover { cursor:pointer; border:1px solid #b59812; } .icontitle-wrap:hover h3, .icontitle-wrap.active h3 {color:#b59812; text-decoration:none;} .icontitle-wrap, .icontitle-wrap div, .icontitle-wrap h3 { transition: all .6s ease;} .icontitle-wrap h3 { font-family: 'DIN Next W01 Regular'; font-size: 16px; color:#9099a3;} .icontitle-wrap .agri-img { background: url("/wp-content/uploads/2015/05/agricultureIcon.png") top center no-repeat transparent; width:60px; height:60px; background-repeat:no-repeat; margin:0 auto;} .icontitle-wrap .min-img {background: url("/wp-content/uploads/2015/05/miningIcon.png") top center no-repeat transparent; width:60px; height:60px; background-repeat:no-repeat; margin:0 auto;} .icontitle-wrap .const-img {background: url("/wp-content/uploads/2015/05/constructionIcon.png") top center no-repeat transparent; width:74px; height:60px; background-repeat:no-repeat; margin:0 auto;} .icontitle-wrap .stl-img {background: url("/wp-content/uploads/2015/05/steelmillIcon.png") top center no-repeat transparent; width:60px; height:60px; background-repeat:no-repeat; margin:0 auto;} .icontitle-wrap .oil-img {background: url("/wp-content/uploads/2015/05/oilfieldIcon.png") top center no-repeat transparent; width:60px; height:60px; background-repeat:no-repeat; margin:0 auto;} .icontitle-wrap .trck-img {background: url("/wp-content/uploads/2015/05/truckIcon.png") top center no-repeat transparent; width:60px; height:60px; background-repeat:no-repeat; margin:0 auto;} .icontitle-wrap .ind-img {background: url("/wp-content/uploads/2015/05/industrialIcon.png") top center no-repeat transparent; width:60px; height:60px; background-repeat:no-repeat; margin:0 auto;} .icontitle-wrap .niche-img {background: url("/wp-content/uploads/2015/05/nicheIcon.png") top center no-repeat transparent; width:60px; height:60px; background-repeat:no-repeat; margin:0 auto;} /*hover state*/ .icontitle-wrap:hover .agri-img { background: url("/wp-content/uploads/2015/05/agricultureIcon-actv.png") top center no-repeat transparent; } .icontitle-wrap:hover .min-img {background: url("/wp-content/uploads/2015/05/miningIcon-actv.png") top center no-repeat transparent; } .icontitle-wrap:hover .const-img {background: url("/wp-content/uploads/2015/05/constructionIcon-actv.png") top center no-repeat transparent; } .icontitle-wrap:hover .stl-img {background: url("/wp-content/uploads/2015/05/steelmillIcon-actv.png") top center no-repeat transparent; } .icontitle-wrap:hover .oil-img {background: url("/wp-content/uploads/2015/05/oilfieldIcon-actv.png") top center no-repeat transparent; } .icontitle-wrap:hover .trck-img {background: url("/wp-content/uploads/2015/05/truckIcon-actv.png") top center no-repeat transparent; } .icontitle-wrap:hover .ind-img {background: url("/wp-content/uploads/2015/05/industrialIcon-actv.png") top center no-repeat transparent; } .icontitle-wrap:hover .niche-img {background: url("/wp-content/uploads/2015/05/nicheIcon-actv.png") top center no-repeat transparent; } /**active states**/ .active > .agri-img { background: url("/wp-content/uploads/2015/05/agricultureIcon-actv.png") top center no-repeat transparent; } .active > .min-img {background: url("/wp-content/uploads/2015/05/miningIcon-actv.png") top center no-repeat transparent; } .active > .const-img {background: url("/wp-content/uploads/2015/05/constructionIcon-actv.png") top center no-repeat transparent; } .active > .stl-img {background: url("/wp-content/uploads/2015/05/steelmillIcon-actv.png") top center no-repeat transparent; } .active > .oil-img {background: url("/wp-content/uploads/2015/05/oilfieldIcon-actv.png") top center no-repeat transparent; } .active > .trck-img {background: url("/wp-content/uploads/2015/05/truckIcon-actv.png") top center no-repeat transparent; } .active > .ind-img {background: url("/wp-content/uploads/2015/05/industrialIcon-actv.png") top center no-repeat transparent; } .active > .niche-img {background: url("/wp-content/uploads/2015/05/nicheIcon-actv.png") top center no-repeat transparent; } /**error states**/ .checkbox-error .agri-img { background: url("/wp-content/uploads/2015/06/agricultureIcon_error.png") top center no-repeat transparent; } .checkbox-error .min-img {background: url("/wp-content/uploads/2015/06/miningIcon_error.png") top center no-repeat transparent; } .checkbox-error .const-img {background: url("/wp-content/uploads/2015/06/constructionIcon_error.png") top center no-repeat transparent; } .checkbox-error .stl-img {background: url("/wp-content/uploads/2015/06/steelmillIcon_error.png") top center no-repeat transparent; } .checkbox-error .oil-img {background: url("/wp-content/uploads/2015/06/oilfieldIcon_error.png") top center no-repeat transparent; } .checkbox-error .trck-img {background: url("/wp-content/uploads/2015/06/truckIcon_error.png") top center no-repeat transparent; } .checkbox-error .ind-img {background: url("/wp-content/uploads/2015/06/industrialIcon_error.png") top center no-repeat transparent; } .checkbox-error .niche-img {background: url("/wp-content/uploads/2015/06/nicheIcon_error.png") top center no-repeat transparent; } .progress-line{margin-bottom:40px !important;} #step-2{background: url("/wp-content/uploads/2015/05/progress-industry.png") top center no-repeat transparent; width:586px; height:31px; background-repeat:no-repeat; margin:0 auto;} /******label page 3************/ /*****packages*****/ .icontitle-wrap #tote_icon, .checkbox-error .icontitle-wrap.checkbox-error-rem #tote_icon { background: url("/wp-content/uploads/2015/06/tote-icon.png") top center no-repeat transparent; width:90px; height:81px; background-repeat:no-repeat; margin:0 auto;} .icontitle-wrap:hover #tote_icon { background: url("/wp-content/uploads/2015/06/tote-icon-actv.png") top center no-repeat transparent; } .icontitle-wrap #drum_icon, .checkbox-error .icontitle-wrap.checkbox-error-rem #drum_icon { background: url("/wp-content/uploads/2015/06/drum-icon.png") top center no-repeat transparent; width:60px; height:81px; background-repeat:no-repeat; margin:0 auto;} .icontitle-wrap:hover #drum_icon { background: url("/wp-content/uploads/2015/06/drum-icon-actv.png") top center no-repeat transparent; } .icontitle-wrap #keg_icon, .checkbox-error .icontitle-wrap.checkbox-error-rem #keg_icon { background: url("/wp-content/uploads/2015/06/keg-icon.png") top center no-repeat transparent; width:60px; height:81px; background-repeat:no-repeat; margin:0 auto;} .icontitle-wrap:hover #keg_icon { background: url("/wp-content/uploads/2015/06/keg-icon-actv.png") top center no-repeat transparent; } .icontitle-wrap #pail_icon, .checkbox-error .icontitle-wrap.checkbox-error-rem #pail_icon { background: url("/wp-content/uploads/2015/06/pail-icon.png") bottom center no-repeat transparent; width:60px; height:81px; background-repeat:no-repeat; margin:0 auto;} .icontitle-wrap:hover #pail_icon { background: url("/wp-content/uploads/2015/06/pail-icon-actv.png") bottom center no-repeat transparent; } .icontitle-wrap #tube_icon, .checkbox-error .icontitle-wrap.checkbox-error-rem #tube_icon { background: url("/wp-content/uploads/2015/06/tube-icon.png") top center no-repeat transparent; width:60px; height:81px; background-repeat:no-repeat; margin:0 auto;} .icontitle-wrap:hover #tube_icon { background: url("/wp-content/uploads/2015/06/tube-icon-actv.png") top center no-repeat transparent; } .icontitle-wrap #tub_icon, .checkbox-error .icontitle-wrap.checkbox-error-rem #tub_icon { background: url("/wp-content/uploads/2015/06/tub-icon.png") top center no-repeat transparent; width:60px; height:81px; background-repeat:no-repeat; margin:0 auto;} .icontitle-wrap:hover #tub_icon { background: url("/wp-content/uploads/2015/06/tub-icon-actv.png") top center no-repeat transparent; } /*******packages active****/ .active #tote_icon, .checkbox-error .checkbox-error-rem.active #tote_icon { background: url("/wp-content/uploads/2015/06/tote-icon-actv.png") top center no-repeat transparent; } .active #drum_icon, .checkbox-error .checkbox-error-rem.active #drum_icon { background: url("/wp-content/uploads/2015/06/drum-icon-actv.png") top center no-repeat transparent; } .active #keg_icon, .checkbox-error .checkbox-error-rem.active #keg_icon { background: url("/wp-content/uploads/2015/06/keg-icon-actv.png") top center no-repeat transparent; } .active #pail_icon, .checkbox-error .checkbox-error-rem.active #pail_icon { background: url("/wp-content/uploads/2015/06/pail-icon-actv.png") bottom center no-repeat transparent; } .active #tube_icon, .checkbox-error .checkbox-error-rem.active #tube_icon { background: url("/wp-content/uploads/2015/06/tube-icon-actv.png") top center no-repeat transparent; } .active #tub_icon, .checkbox-error .checkbox-error-rem.active #tub_icon { background: url("/wp-content/uploads/2015/06/tub-icon-actv.png") top center no-repeat transparent; } /*******packages error ****/ .checkbox-error #tote_icon { background: url("/wp-content/uploads/2015/06/tote-icon_error.png") top center no-repeat transparent; } .checkbox-error #drum_icon { background: url("/wp-content/uploads/2015/06/drum-icon_error.png") top center no-repeat transparent; } .checkbox-error #keg_icon { background: url("/wp-content/uploads/2015/06/keg-icon_error.png") top center no-repeat transparent; } .checkbox-error #pail_icon { background: url("/wp-content/uploads/2015/06/pail-icon_error.png") bottom center no-repeat transparent; } .checkbox-error #tube_icon { background: url("/wp-content/uploads/2015/06/tube-icon_error.png") top center no-repeat transparent; } .checkbox-error #tub_icon { background: url("/wp-content/uploads/2015/06/tub-icon_error.png") top center no-repeat transparent; } /*logo**/ .icontitle-wrap .no-img, .checkbox-error .icontitle-wrap.checkbox-error-rem .no-img { background: url("/wp-content/uploads/2015/05/noIcon.png") top center no-repeat transparent; width:60px; height:60px; background-repeat:no-repeat; margin:0 auto;} .icontitle-wrap:hover .no-img { background: url("/wp-content/uploads/2015/05/noIcon-actv.png") top center no-repeat transparent; } .icontitle-wrap .yes-img, .checkbox-error .icontitle-wrap.checkbox-error-rem .yes-img { background: url("/wp-content/uploads/2015/05/yesIcon.png") top center no-repeat transparent; width:60px; height:60px; background-repeat:no-repeat; margin:0 auto;} .icontitle-wrap:hover .yes-img { background: url("/wp-content/uploads/2015/05/yesIcon-actv.png") top center no-repeat transparent; } /**active states**/ .active > .pack-img { background: url("/wp-content/uploads/2015/05/packagingIcon-actv.png") top center no-repeat transparent; } .active > .no-img, .checkbox-error .checkbox-error-rem.active .no-img { background: url("/wp-content/uploads/2015/05/noIcon-actv.png") top center no-repeat transparent; } .active > .yes-img, .checkbox-error .checkbox-error-rem.active .yes-img { background: url("/wp-content/uploads/2015/05/yesIcon-actv.png") top center no-repeat transparent; } .checkbox-error .no-img { background: url("/wp-content/uploads/2015/06/noIcon_error.png") top center no-repeat transparent; } .checkbox-error .yes-img { background: url("/wp-content/uploads/2015/06/yesIcon_error.png") top center no-repeat transparent; } #step-3{background: url("/wp-content/uploads/2015/05/progress-brand.png") top center no-repeat transparent; width:586px; height:31px; background-repeat:no-repeat; margin:0 auto;} /**Label Contact**/ .logoupload { border: 1px dashed #d4dbe3; display: block; } .logoupload input { border: 1px dotted #d4dbe3; padding: 50px 110px; margin: 0 auto; width: 100%; -moz-opacity:0; filter:alpha(opacity: 0); opacity: 0; position: relative; z-index: 1001; } .page-id-31 .widget-Text_Widget:first-of-type p, .page-id-49 .widget-Text_Widget:first-of-type p {font-size: 18px; font-weight: 400; } .page-id-31 .widget-Text_Widget:first-of-type p:first-of-type, .page-id-49 .widget-Text_Widget:first-of-type p:first-of-type { font-weight: 700; } .file-upld { display:block;width: 98%; position:relative; text-align: center; } .file-upld h4 { font-weight: normal; font-size: 18px; color: #d4dbe3; text-align:left; margin-bottom: 0; } .file-upld h4 + p { margin-top: 0.4em !important; } .drag-drop { position: absolute; font-size: 14px; background: url(img/file_plus_icon.png) no-repeat left; padding-left: 22px; margin-left: -13%; height: 24px; line-height: 26px; display: inline-block; top: 52%; width: auto; color: #d4dbe3; } .drag-drop.donedid { color: #9099A3; background: none !important;} .yesno-title, .pack-title { font-size: 12px !important; text-transform: uppercase; line-height: 0.7; margin-top: 15px; } .ynhandle { font-size: 18px !important; color: #646e78 !important;} #step-4 { background: url("/wp-content/uploads/2015/05/progress-contact.png") top center no-repeat transparent; width: 586px; height: 31px; background-repeat: no-repeat; margin: 0 auto; } .wpcf7 label, .dropzone label, .dropzone .file-upld h4 { color: #C3C8D0; text-transform: uppercase; font-size: 12px; font-weight: normal; font-family: "DIN Next W01 Regular"; font-style: normal; text-decoration: none; padding: 3px 3px 0px 0px; display: block; margin-bottom: 5px; } .dropzone .wpcf7-form-control-wrap { width: 100%; } .dropzone .col-sm-12 > .wpcf7-form-control-wrap { display: inline-block; } .dropzone .wf-input, .wpcf7 .wf-input { padding: 2px 0px; font-family: "DIN Next W01 Regular"; font-size: 16px; color: #ADB2B7 !important; font-weight: normal; font-style: normal; text-decoration: none; border: 0; border-bottom: 1px solid #D4DBE3; border-radius: 0; width: 100%; margin-bottom: 55px; background: transparent none repeat scroll 0% 0%; -webkit-appearance: none; -webkit-border-radius: 0px; } div.wpcf7 { margin-top: 35px !important; } form span.wpcf7-not-valid-tip { position: absolute; width: 100%; display: inline-block; top: -25px; right: 10px; text-align: right; color: #B5121B; font-size: 12px; } .wpcf7-form .wpcf7-not-valid { border-bottom: 1px solid #B5121B; } .wpcf7-form .wpcf7-validation-errors { color: #B5121B; font-size: 16px !important; border: 0 !important; } /***Portal Login Page***/ /*#wpmem_login .div_text input{ width:499px; border-color:#d4dbe3; border-top:none; border-left:none; border-right:none; border-bottom:1; color: #9099a3; margin-bottom:15px; background:transparent; background-color:transparent !important; } #wpmem_login{ width:500px; margin:0 auto; } #wpmem_login form.form{ background:transparent; } */ /**contractmanufacturing****/ .page-id-329 .pageHeader-wrap h1{font-size:55px;} /**portal downloads***/ .dl-wrap{/*clear:both;*/ position:relative; margin-bottom: 40px;} /*.dl-wrap:nth-of-type(2) {top:30px;} .dl-wrap:nth-of-type(3) {top:60px;}*/ .dl-desc { margin-bottom:15px; } .dl-desc p { margin-bottom:0; } .dl-img { background: url("/wp-content/uploads/2015/05/dlicon.png") top center no-repeat transparent; width:34px; height:46px; background-repeat:no-repeat; margin:0 auto; display:inline-block;} .dl-link-wrap { clear:both; /*margin-top:30px;*/} .dl-downloads { margin-bottom:20px; display:inline-block; border: 1px solid #F7F7F7; } .dl-downloads + .dl-downloads { margin-left:15px; } .dl-link-img { float:left;} .dl-link-title { margin-left:12px; float:left;} .dl-link-title p { line-height:.6; position:relative; top: 9px; } .pdf-dl-size { display: block; } /**portal forgot password and register**/ .form fieldset label { color:#003e7e; } .page-id-16 .link-text { font-family:'DINNextW01-LightItalic'; } .page-id-16 #wpmem_login .link-text a{font-size:14px; color:#adc0d3;} .page-id-270 .button_div input[type=submit], .page-id-270 .button_div input[type=reset]{ width:160px; height:44px; } .page-id-270 .button_div input[type=submit]{margin-left:40px !important;} .page-id-280 .button_div input[type=submit], .page-id-280 .button_div input[type=reset]{ width:160px !important; height:44px; } .page-id-280 .button_div input[type=submit]{margin-left:40px !important;} /**Portal Acct Info**/ .profile-form-fld { display: inline-block; vertical-align: top; padding-right: 20px; width: 49%;} /*.profile-form-fld:nth-of-type(3n+1){margin-left:10px;}*/ .mask{ display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0;} .profile-form-fld p label{width:100%;} .form p label{color:#C3C8D0; text-transform: uppercase; font-size:12px;} #wpmem_reg select#thestate, #wpmem_reg input#zip { width:95%; } #wpmem_reg select#thestate { margin-left:0; margin-top: 0; } #wpmem_reg .form fieldset legend { font-size:21px; color:#003e7e; margin:0 0 11px; padding:0; font-family:'DIN Next W01 Medium'; font-weight: normal;} .profile-form-fld input::-webkit-input-placeholder { color: #d4dbe3;} .profile-form-fld input:-moz-placeholder { color: #d4dbe3; } .profile-form-fld input::-moz-placeholder { color: #d4dbe3;} .profile-form-fld input:-ms-input-placeholder { color: #d4dbe3; } .wpcf7-text::-webkit-input-placeholder { color: #d4dbe3 !important; } .wpcf7-text:-moz-placeholder { color: #d4dbe3 !important; } .wpcf7-text::-moz-placeholder { color: #d4dbe3 !important;} .wpcf7-text:-ms-input-placeholder { color: #d4dbe3 !important; } .hentry .dropzone p { margin-bottom: 0 !important; } #wpmem_reg .profile-form-fld input[name="addr1"]{width:100%;} #wpmem_reg .profile-form-fld .form-width{ /*width:672px*/;} .acct-info-edit-txt {color:#646e78; font-size:18px; margin-bottom:46px;} #wpmem_reg form fieldset legend{border-bottom:none;} #wpmem_reg font.req { color:#d9dde3; font-weight:normal;} input#company_number { color:#bbc4d0 !important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .div_text #wpmem_reg .form input.textbox { border-bottom: 1px solid #d4dbe3; color: #9099a3 !important; width: 265px !important; margin-bottom: 55px; background: transparent;} #post-240 form input { color: #adb2b7 !important; } /* [type="text"] */ #post-240 form select { color: #adb2b7 !important; border: 0 none; border-bottom: 1px solid #D4DBE3; padding: 1px 0px 2px; height: 25px; background-color: transparent; width: 120% !important; max-width: 120% !important; } #post-240 form input[readonly] { color:#C3C8D0 !important; } div.addr-wrap {display:block; width:99%;} div.addr-wrap + .profile-form-fld { } div.addr-wrap + .profile-form-fld + .profile-form-fld { width: 20%; } div.addr-wrap + .profile-form-fld + .profile-form-fld div { overflow: hidden; background: url(img/dropdown_arrow.png) no-repeat center right; } div.addr-wrap + .profile-form-fld + .profile-form-fld + .profile-form-fld { width: 28%; padding-right: 0; } #wpmem_reg .button_div input[type=submit] { width: 170px !important; padding-right: 55px; } .acct-row-wrap p {display:inline-block;} .acct-row-wrap span {margin-right:10px;} .acct-row span{width:210px;} .acct-row-1 input{width:540px;} .acct-row-3 input{width:176px;} .acct-row-wrap label+input {display:block;} #acct-info-form .btn {float:right;} .form .button_div input[name="reset"], .form fieldset .req-text { display: none; } #wpmem_login .div_text { width: 100%; } #wpmem_login .form .div_text input { width: 100%; } #wpmem_reg input[type="text"]#user_email, #wpmem_reg input[type="text"]#phone1, #wpmem_reg input[type="text"]#company_number, #wpmem_reg input[type="text"]#company_name, #wpmem_reg input[type="text"]#last_name, #wpmem_reg input[type="text"]#first_name, #wpmem_reg input[type="text"]#city { width: 100%; } /***allnews posts****/ .single .allnews{ width: 58.33333333%; float:left; } .allnews.hentry h2{padding-top:40px;} .allnews.hentry:first-child h2{padding-top:0;} .page-id-262 .menu-item-65 a, .page-id-273 .menu-item-65 a, .page-id-275 .menu-item-65 a, .page-id-12 .menu-item-65 a, .single-allnews .menu-item-65 a{color:#b59812;} .type-allnews h2 a, .type-allnews h2 {color:#003e7e; margin: 0;} .type-allnews span.meta p, .type-allnews span.entry-date p { padding: 0 0 24px;} span.meta, span.entry-date {color:#b2c4d5; font-size:14px; font-family:'DIN Next W01 Light';} span.category.meta{font-style:italic;} a.excerpt-read-more{color:#646e78; font-size:18px; text-decoration:underline;} .post h2{font-size:40px;} .post .meta-wrap{margin-bottom:25px;} /****Email Newsletter rest is in template file****/ #email-form .wf-form-field{width:48%;} a.wf-privacy{color:#003E7E;} /********************************************* BLOCKS **********************************************/ /* Contact Form */ .contactFormWrap { position:relative; z-index:999;} .form { /*float:right;*/ width:100%; background:#191919; margin-bottom: 5px;} .form form { padding:0px 15px 20px; } .contactFormWrap h3 { margin:0; color:#C67914; padding:10px 15px 20px; font-size:19.06px; } .form textarea, .form label.full { display:block; width:100%; float:none;} .form label, .form input { display:inline-block; } .form label { font-size:14px; color:#fff; width:80px; float:left;} .form input { background:#fff; margin-bottom:1em; border:0; padding:1px 0 2px; height:25px; width:65.7%; color: #646e78 !important; } input.submitButton { text-transform:uppercase;margin-left:0;display:block; margin-bottom:0; font-size:15px; height:auto;width:auto; background:#ccc; color:#fff; padding:5px 8px; } input.submitButton:hover { cursor:pointer; } .form textarea { background:#fff;border:0; height:60px; width:98.5%; margin-bottom:1em;} span.errorMessage, span.successMessage { font-size:12px; font-weight:bold; position:absolute; bottom:15px; right:15px; } span.errorMessage { color:red; } span.successMessage { color:green; } .wpcf7-form .contact-btn { margin-right: 13px; } input#step1-btn{display:inline;} .btn { text-transform:uppercase; font-size:16px !Important;border:0 !Important; border-radius:80px !Important; padding:12px 18px 10px 22px !Important; transition: all .3s ease;} input.btn, button.btn{padding-right:50px !important; width:111px;} .btn.btn-primary.acct-row-btn {width:223px;} .btn span { margin-left: 7px; display:inline-block; width:25px; height:16px; position: relative; top: 2px;} .btn.btn-primary { background: #B59812 url("img/icon-button-primary.png") no-repeat scroll center right 14px; color:#e7d16b !important; } .btn.btn-primary span { /* background: url(img/icon-button-primary.png) no-repeat center center; */ } .btn.btn-primary + span { /* background: url(img/icon-button-primary.png) no-repeat center center; */ width:25px; height:16px; position:absolute; left:985px; bottom:15px; z-index:3;} .btn.btn-primary.label1-btn + span { background: url(img/icon-button-primary.png) no-repeat center center; width:25px; height:16px; position:absolute; /*left:65px;*/ left:3.72em; /*bottom:15px;*/ bottom:.9435em;} .btn.btn-primary.contact-btn + span { /* background: url(img/icon-button-primary.png) no-repeat center center; */ width:25px; height:16px; position:absolute; /*left:506px; bottom:15px;*/ left:95.5%; bottom:.9125em;} .wpcf7-form .btn.btn-primary.contact-btn + span {left:84.25%;} .btn.btn-primary.login-btn + span { background: url(img/icon-button-primary.png) no-repeat center center; width:25px; height:16px; position:absolute; left:69%; top:90.5%;} .btn.btn-primary.acct-row-btn + span { background: url(img/icon-button-primary.png) no-repeat center center; width:25px; height:16px; position:absolute; left:506px; top:711px;} .btn.btn-primary:hover { background-color:#e7d16b; color:#b59812 !important; background-image:url(img/icon-button-primary-hover.png); } .btn.btn-primary:active, .btn.btn-primary:focus { background-color:#e7d16b; color:#b59812; } .btn.btn-secondary { background:#adc0d3; color:#eceff3; } .btn.btn-secondary span { background: url(img/icon-button-secondary.png) no-repeat center center; } .btn.btn-secondary:hover { background-color:#8595a6; color:#eceff3; } .btn.btn-secondary:hover span { background-image:url(img/icon-button-secondary-hover.png); } /*arrow span media queries*/ .btn.btn-primary + span {left:985px; bottom:15px;} .btn.btn-primary.label1-btn + span { left:48.22em; bottom:.9435em;} .btn.btn-primary.contact-btn + span { left:95.5%; bottom:.9125em;} .page-id-33 .wpcf7-form .btn.btn-primary.contact-btn + span {left: 47.12em; } .btn.btn-primary.login-btn + span { left:69%; top:90.5%;} .button_div input.btn.btn-primary.login-btn + span { left:69.5%; top:93.74%;} #wpmem_login .button_div input.btn.btn-primary.login-btn + span { left:66em; top:44.075em;} .btn.btn-primary.acct-row-btn + span { left:506px; top:711px;} .button_div input.btn.btn-primary.login-btn + span, #wpmem_login .button_div input.btn.btn-primary.login-btn + span { display:none;} /*Login Form*/ .page-id-16 .div_text input{border-bottom:1px solid #d4dbe3;} /*stock-products table*/ tr.full-fields td, tr.full-fields th, table.stock-prod-table{border:1px solid #333; padding: 5px; } table.stock-prod-table{margin:0 auto;} /* WIDGETS */ .single-widget { margin-bottom: 43px; } .thick_type.row { margin-bottom: 1.2em; } .stock-products h5 { font-size: 21px; margin: 0; line-height: 1.7em; } .stock-products h6 { font-size: 19px; margin: 0; line-height: 1.5em; } .stock-products p { margin: 0; font-size: 16px; } .stock-products p span { color: #ADB7C0; } .stock-products .st-prod { border: 1px solid #EAECEF; margin-right: -1px; margin-bottom: -1px; padding: 15px; } .stock-products .st-prod.first { border-left: 1px solid #EAECEF; } /* menu Widget */ .widget-Menu_Widget { } .widget-Menu_Widget ul { } .widget-Menu_Widget ul li { } .widget-Menu_Widget ul li a { padding:12px 21px 7px; margin-bottom:1px; font-size:18px; color:#a8b1ba; display:block; background:#eceff3; } .widget-Menu_Widget ul .current_page_item a { background: #6388AE; color: #e5eaf0; } .widget-Menu_Widget ul li a:hover, .widget-Menu_Widget ul li.current-menu-item a:hover { background:#6388ae;color:#fff; text-decoration:none;} .page-id-25 .widget-Menu_Widget li#menu-item-203 a, .page-id-331 .widget-Menu_Widget li#menu-item-354 a, .page-id-333 .widget-Menu_Widget li#menu-item-353 a, .page-id-336 .widget-Menu_Widget li#menu-item-352 a, .page-id-23 .widget-Menu_Widget li#menu-item-359 a, .page-id-329 .widget-Menu_Widget li#menu-item-360 a, .page-id-27 .widget-Menu_Widget li#menu-item-358 a, .page-id-338 .widget-Menu_Widget li#menu-item-357 a, .page-id-341 .widget-Menu_Widget li#menu-item-356 a, .page-id-343 .widget-Menu_Widget li#menu-item-355 a, .page-id-12 .widget-Menu_Widget li#menu-item-211 a, .page-id-238 .widget-Menu_Widget li#menu-item-243 a, .page-id-240 .widget-Menu_Widget li#menu-item-242 a, .page-id-273 .widget-Menu_Widget li#menu-item-453 a, .page-id-262 .widget-Menu_Widget li#menu-item-454 a, .page-id-275 .widget-Menu_Widget li#menu-item-452 a{ background:#6388ae;color:#fff; text-decoration:none;} /* Text Widget */ .widget-Text_Widget { background:#eff2f6; padding: 30px 32px 24px; } .page-template-createLabel-template .widget-Text_Widget { background:transparent; padding: 30px 32px 24px; } .widget-Text_Widget p { color: #6388ae; /*#003e7e; */ font-size:22px; line-height: 27px; } .label-widget-title { font-family:"DIN Next W01 Medium"; margin-bottom: 1em; } .widget-Text_Widget .btn { margin-top:14px; } .page-id-33 .widget-Text_Widget p#yesno-title, .page-id-33 .widget-Text_Widget p#packaging-title { margin-top: 3em; } /* .page-id-33 .widget-Text_Widget p.ind-title {margin-bottom:0.5em;} */ /**label sidebar --remove elemenet**/ .sidebar-item-remove{display:inline; position:relative; color:#d4dbe3;} .sidebar-item-remove:hover{color:#B59812; cursor:pointer;} /********************************************* SPECIALTY **********************************************/ /* Style placeholder text */ ::-webkit-input-placeholder { color: #d4dbe3; } /* WebKit browsers */ :-moz-placeholder { color: #d4dbe3; opacity: 1; } /* Mozilla Firefox 4 to 18 */ ::-moz-placeholder { color: #d4dbe3; opacity: 1; } /* Mozilla Firefox 19+ */ :-ms-input-placeholder { color: #d4dbe3; } /* Internet Explorer 10+ */ /* Add a RED asterisk to placeholder text with "required" class - WIN */ .required::-webkit-input-placeholder:after { content:'*'; color: red; } .required:-moz-placeholder:after { content:'*'; color: red; } /* Firefox 18- */ .required::-moz-placeholder:after { content:'*'; color: red; } /* Firefox 19+ */ .required:-ms-input-placeholder:after { content:'*'; color: red; } /* IE Fail */ /* This will hide all share this stuff except for the "ShareThis" text */ span.sharethis { background:none !important;} .stButton .chicklets { font-family:inherit !important; padding-left:0 !important; } .st_facebook, .st_twitter, .st_linkedin, .st_pinterest, .st_email { display:none; } /* Just meant for Template design purposes... Just delete these .container .col-sm-12 { border:3px solid #AAA39C; margin-top:10px; } .template h1, .template h2, .template h3, .template h4 { font-weight:bold; margin-bottom:5px; color:#FF600F;} .template h1 a { color:#FF600F; } .template p { font-size:12px; color:#666;} .template a { color:#003466; }*/ /* Locations edits 2018 */ .loc-wrap { margin-bottom: 15px; } .loc-img { width: 55%; } .loc-content-wrap { right: auto; }