@charset "utf-8"; /* CSS Document */ /* 2013 KUNO TABLE OF CONTENTS *----------------------------- * 1.0 CSS RESET CODE * 1.5 RESET HTML5 * 2.0 MAIN HUBSPOT BRIGHTON STRUCTURE * 3.0 RESPONSIVE BASE 1140 GRID STRUCTURE ** 3.1 1140 Base Smaller Screens ** 3.2 1140 Base Tablet/Mobile ** 3.3 IE Base Structure Mod ** 3.4 Main Site-wide Easing * 4.0 HEADER ** 4.1 Responsive Header * 5.0 NAVIGATION MENU ** 5.1 Responsive Navigation ** 5.2 Request Consultation Button ** 5.3 Sub Navigation * 6.0 HEADER GOOGLE SEARCH * 7.0 MAIN TEXT STYLES ** 7.1 Responsive Elements for H1 Home-top ** 7.2 Responsive Elements for H2 Home-top * 8.0 CSS3 BUTTONS * 9.0 FOOTER ** 9.1 Footer List Items ** 9.2 Footer Social Media Icons ** 9.3 Social Media Mobile Footer ** 9.4 More Responsive Footer * 10.0 EXTRA INTERIOR & 1COL/3COL STYLES * 11.0 BIOS CODE * 12.0 Confirmation Page * 13.0 PROCESS PAGE INFOGRAPHIC *----------------------------*/ /*-----------------| 1.0 CSS RESET CODE |-----------------------*/ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p, blockquote,pre,a,abbr,address,cite,code,del,dfn,em, img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset, form,label,legend,table,caption,tbody,tfoot,thead, tr,th,td { border:0; margin:0; padding:0 } article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object {display:block} a img {border:0} figure {position:relative} figure img {width:100%} /* ------------| 1.5 HTML5 display-role reset for older browsers |-------------*/ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} table {border-collapse: collapse;border-spacing: 0;} /*--------------| 2.0 MAIN HUBSPOT BRIGHTON STRUCTURE |-----------------*/ html,body {margin:0;padding:0;font-size:12px;background:#FFFFFF!important;} a:hover{text-decoration:none;} #brighton_body {width:100%;display:block;} #brighton_container {display:block;margin:0 auto;text-align:left;overflow:hidden;width:100%!important;background:none!important;} div.pad{display:block;padding:0 20px;overflow:hidden;} #brighton_content {background:none!important;margin:0 auto !important;max-width:1140px !important;} #brighton_top{margin:116px 0 0!important;display:block;background:none!important;} @media screen and (max-width: 950px) { #brighton_top{margin:0!important;} } #brighton_one-column,#brighton_two-column,#brighton_two-column-right,#brighton_three-column {float:left;width:100%!important;overflow:hidden;padding-top:45px!important;} /* v1.6 - removed top padding */ #brighton_one-column {width:100%!important;padding-top:0!important;} #brighton_one-column #brighton_col2{width:100%!important;} #brighton_two-column {} #brighton_two-column #brighton_col1{width:24.9%;} #brighton_two-column #brighton_col2{width:75%;} * html #brighton_two-column #brighton_col2{width:74%;overflow:hidden;} #brighton_two-column-right{} #brighton_two-column-right #brighton_col3{width:24.9%;float:right;overflow:hidden;} #brighton_two-column-right #brighton_col2{width:75%;float:left;overflow:hidden;} #brighton_three-column{} #brighton_three-column #brighton_col1{width:24.9%;} #brighton_three-column #brighton_col2{width:50%;} #brighton_three-column #brighton_col3{width:24.9%;} * html #brighton_three-column #brighton_col3{width:24%;overflow:hidden;} #brighton_col2 {padding-bottom:60px!important;} #brighton_two-column-right #brighton_col2 div.pad {padding: 0 20px 0 0 !important;} #brighton_col2 div.pad {padding:0 20px 0 10px!important;} #brighton_col3 div.pad {padding:0 10px 0 20px!important;} #brighton_content #brighton_col1 div.block div.pad { margin: 0 0 0 0px !important; } #brighton_content #brighton_col1 div.block div.pad, #brighton_content #brighton_col3 div.block div.pad { display: block; padding: 8px 40px 0 20px !important; background: none!important; } @media handheld, only screen and (min-width: 1200px) { #brighton_content #brighton_col1 div.block div.pad, #brighton_content #brighton_col3 div.block div.pad {padding: 8px 40px 0 0px !important;} } @media handheld, only screen and (max-width: 1200px) { #brighton_two-column-right #brighton_col2 div.pad {padding: 0 20px 0 20px !important;} } /*--------------| 3.0 RESPONSIVE BASE 1140 GRID STRUCTURE |--------------*/ .container {padding-left: 20px;padding-right: 20px;} .row {width: 100%;max-width: 1140px;min-width: 755px;margin: 0 auto;overflow: hidden;} .onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol { margin-right: 3.8%; float: left; min-height: 1px; } .row .onecol {width: 4.85%;} .row .twocol {width: 13.45%;} .row .threecol {width: 22.05%;} .row .fourcol {width: 30.75%;} .row .fivecol {width: 39.45%;} .row .sixcol {width: 48%;} .row .sevencol {width: 56.75%;} .row .eightcol {width: 65.4%;} .row .ninecol {width: 74.05%;} .row .tencol {width: 82.7%;} .row .elevencol {width: 91.35%;} .row .twelvecol {width: 100%;float: left;} .last {margin-right: 0px;} .container-header {padding-left: 20px;padding-right: 20px;} .row-h {width: 100%;max-width: 1140px;min-width: 755px;margin: 0 auto;overflow: hidden;} img, object, embed {max-width: 100%;} img {height: auto;} /*-------| 3.1 1140 Base Smaller Screens |-------- */ @media only screen and (max-width: 1023px) { body {font-size: 0.8em;line-height: 1.5em;} } /*-------| 3.2 1140 Base Tablet/Mobile |--------*/ @media handheld, only screen and (max-width: 950px) { .row-h, .container-header { width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } .row-h .onecol, .row-h .twocol, .row-h .threecol, .row-h .fourcol, .row-h .fivecol, .row-h .sixcol, .row-h .sevencol, .row-h .eightcol, .row-h .ninecol, .row-h .tencol, .row-h .elevencol, .row-h .twelvecol { width: auto; float: none; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } } @media handheld, only screen and (max-width: 810px) { body { font-size: 16px; -webkit-text-size-adjust: none; } .row, body, .container { width: 100%; min-width: 0; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } .row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol, .row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol { width: auto; float: none; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; } #brighton_one-column #brighton_col2 {text-align:center!important;} #brighton_two-column #brighton_col1 {width:100%!important; text-align: center !important;display:none!important;} #brighton_two-column #brighton_col2 {width:94%!important;text-align:left!important;padding:0 20px !important;} #brighton_two-column-right {text-align: left!important;} #brighton_two-column-right #brighton_col3 {display:none !important;} #brighton_two-column-right #brighton_col2 {width:94%!important;text-align: left!important;padding: 0 20px !important;} #brighton_content #brighton_col1 div.block div.pad, #brighton_content #brighton_col3 div.block div.pad { display: block; padding: 8px 0px 0 0 !important; background: none!important; margin: 0 auto !important; width:400px !important; } .feedreader_box {display:none!important;} #brighton_content #brighton_col1 div.block h3 {display:none!important;} } /*--------------| 3.3 IE Base Structure Mod |-------------*/ /*------------| 3.4 Main Site-wide Easing |------------*/ body, img, object, embed, .container, .container .row, .container h1, #brighton_col2, #brighton_col1, #brighton_col3, #brighton_top, #brighton_col2 h1, #brighton_top h1, .container h2, #brighton_col2 h2, #brighton_top h2, .container h3, #brighton_col2 h3, #brighton_top h3 { transition: all .7s ease!important; -moz-transition: all .7s ease!important; -webkit-transition: all .7s ease!important; -o-transition: all .7s ease!important; } /*-----------------| 4.0 HEADER |-------------------*/ #brighton_header {z-index:1;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4)!important;position:fixed!important;overflow: visible;padding: 10px 0 16px !important;width:100%!important;background:#4a8a99!important;} #brighton_header span.logo {display:block!important;} #brighton_header span.logo a {display:block;} #brighton_header span.logo a img {border:none;height:56px!important;} .container-header .row-h .kunologo {margin-top:43px!important;float:left;background:transparent url(/Portals/32387/new-images/newkuno-logo.png) no-repeat scroll 0 0 !important;width:297px!important;height:55px!important;display:block!important;text-indent:-5000px!important;z-index:99!important;} .container-header .row-h .kunologo a {height:56px!important;} @media screen and (max-width: 595px) { .container-header .row-h .kunologo {background:url(/Portals/32387/new-images/newk-logo-mobile.png) no-repeat scroll left top !important;width:85px!important;height:98px!important;} } .container-header .row-h .search {float:right;} #cse-search-form {float:right!important;margin-top:23px!important;} .container-header .row-h .courtesynav {float:right!important;} .container-header .row-h .courtesynav {background:none!important;float: right;margin:26px 0 0 !important;padding: 0;z-index: 12 !important;} .container-header .row-h .courtesynav ul {display:block;float:left;list-style-type:none;margin:0;padding:0;} .container-header .row-h .courtesynav ul li {font-family:pt-sans-narrow, Tahoma, arial, serif!important;font-size:19px!important;display:block;float:left;margin:0;padding:0 8px 0 25px;font-weight:normal!important;background:none!important;} .container-header .row-h .courtesynav ul li a {font-weight:bold!important;background:none!important;color:#ace0f0!important;display:block;float:left;text-decoration:none;} .container-header .row-h .courtesynav ul li a:hover {color:#cefd71!important; transition: all .7s ease!important; -moz-transition: all .7s ease!important; -webkit-transition: all .7s ease!important; -o-transition: all .7s ease!important;} /*-------------| 4.1 Responsive Header |------------*/ @media screen and (max-width: 950px) { #brighton_header {position:inherit!important;height:100% !important;box-shadow: none!important;} .container-header .row-h .kunologo {margin:16px auto 0!important;float:none!important;} .container-header .row-h .search {float:none!important;text-align:center!important;} .container-header .row-h .courtesynav {float: none !important;height: 10px !important;margin: 15px auto !important;text-align: center !important;width: 300px;} #cse-search-form {margin: 14px auto 0!important;float:none!important;} } @media screen and (max-width: 320px) { .container-header .row-h .search {display:none!important;} } /*------------| 5.0 NAVIGATION MENU |-----------*/ #brighton_menu {display:none!important;} .container-header .row-h .main-nav { background: none repeat scroll 0 0 transparent !important; float: left; margin: 20px 0 0 !important; padding: 0 0 0 20%; z-index: 12 !important; } .container-header .row-h .main-nav ul {display:block;float:left;list-style-type:none;margin:0;padding:0;} .container-header .row-h .main-nav ul li {font-family:pt-sans-narrow, Tahoma, helvetica, serif!important;font-size:25px!important;display:block;float:left;margin:0;padding:0 0 0 25px;font-weight:normal!important;background:none!important;} .container-header .row-h .main-nav ul li a {background:none!important;color:#ace0f0!important;display:block;float:left;text-decoration:none;} .container-header .row-h .main-nav ul li a:hover {color:#cefd71!important;cursor:pointer;text-decoration:none !important;background:none !important; transition: all .9s ease!important;-moz-transition: all .9s ease!important;-webkit-transition: all .9s ease!important;-o-transition: all .9s ease!important;} /*------------| 5.1 Responsive Navigation |----------*/ @media screen and (max-width: 1180px) { .container-header .row-h .main-nav {padding: 0 0 0 15%;} } @media screen and (max-width: 1120px) { .container-header .row-h .main-nav {padding: 0 0 0 13%;} } @media screen and (max-width: 1100px) { .container-header .row-h .main-nav {margin:22px 0 0!important;padding: 0 0 0 19.5%;} .container-header .row-h .main-nav ul li {font-size:22px!important;padding:0 0 0 20px;} } @media screen and (max-width: 1070px) { .container-header .row-h .main-nav {margin:22px 0 0!important;padding: 0 0 0 17.5%;} .container-header .row-h .main-nav ul li {font-size:21px!important;padding:0 0 0 20px;} } @media screen and (max-width: 1025px) { .container-header .row-h .main-nav ul li {font-size:20px!important;padding: 0 0 0 9px;} .container-header .row-h .main-nav {margin: 21px 0 0 !important;padding: 0 0 0 20.7%;z-index: 12 !important;} #brighton_header span.logo a img.consultation {height: 37px !important;padding-top: 1px;width: 200px !important;} } @media screen and (max-width: 1000px) { .container-header .row-h .main-nav ul li {font-size:20px!important;padding: 0 0 0 7px;} .container-header .row-h .main-nav {margin: 20px 0 0 !important;padding: 0 0 0 19%;z-index: 12 !important;} } @media screen and (max-width: 980px) { .container-header .row-h .main-nav {margin:22px 0 0!important;padding: 0 0 0 15%;} .container-header .row-h .main-nav ul li {font-size:19px!important;padding:0 0 0 16px;} .container-header .row-h .courtesynav ul li {font-size:19px!important;padding:0 6px 0 18px;} } @media screen and (max-width: 950px) { .container-header .row-h .main-nav {float:none!important;text-align:center!important;margin:12px auto!important;width:458px!important;height:21px!important;} .container-header .row-h .main-nav ul {margin: 0 0 0 15px;} .container-header .row-h .main-nav ul li {padding: 0 15px 0 0;} .container-header .row-h .courtesynav {width:238px!important;height:20px!important;} .container-header .row-h .courtesynav ul {} .container-header .row-h .courtesynav ul li {font-size:19px!important;padding: 0 11px 0 20px;} .container-header .row-h .courtesynav ul li.dot {display:block;background:url(/Portals/32387/new-images/newk-dot.png) no-repeat scroll 1% 8px!important;} } @media screen and (max-width: 825px) { .container-header .row-h .main-nav {float:none!important;text-align:center!important;margin:12px auto!important;width:435px!important;height:21px!important;} } @media screen and (max-width: 680px) { .container-header .row-h .main-nav {width:425px!important;} } @media screen and (max-width: 595px) { .container-header .row-h .main-nav {clear: both !important;padding: 0 0 0 10.5%!important;margin: 0 auto !important;text-align: center !important;width: 200px !important;} .container-header .row-h .main-nav ul { margin: 17px 0 5px -26px !important; text-align: center !important; width: 100% !important; } .container-header .row-h .main-nav ul li {clear:both!important;width:100%!important;margin:0 0 5px;padding: 7px 0px!important;border-bottom: 2px dotted #ace0f0;} .container .row .main-nav ul li:hover {transition: all .9s ease!important;-moz-transition: all .9s ease!important;-webkit-transition: all .9s ease!important;-o-transition: all .9s ease!important;border-bottom: 2px dotted #cefd71;} .container-header .row-h .main-nav ul li a {width:100%;} #brighton_header span.logo a {display: block;} } @media screen and (max-width: 480px) { .container-header .row-h .main-nav ul {margin: 17px 0 5px -22px !important;text-align: center !important;width: 100% !important;} } @media screen and (max-width: 425px) { .container-header .row-h .main-nav ul {margin: 17px 0 5px -19px !important;text-align: center !important;width: 100% !important;} } @media screen and (max-width: 360px) { .container-header .row-h .main-nav ul {margin: 17px 0 5px -16px !important;text-align: center !important;width: 100% !important;} } @media screen and (max-width: 300px) { .container-header .row-h .main-nav ul {margin: 17px 0 5px -13px !important;text-align: center !important;width: 100% !important;} } /*------------| 5.2 Request Consultation Button |----------*/ .container-header .row-h .request-consultation { background: none repeat scroll 0 0 transparent !important; float: right !important; margin: 16px 0 0 1% !important; padding: 0; display:block; } #brighton_header span.logo a img.consultation {height:39px!important;width:224px!important;} @media screen and (max-width: 950px) { .container-header .row-h .request-consultation {float: none !important;margin: 16px auto !important;width: 224px !important;} } @media screen and (max-width: 595px) { .container-header .row-h .request-consultation {display:block!important;margin: 20px auto 0 !important;} #brighton_header span.logo a img.consultation {height: 39px !important;padding-top: 13px;width: 224px !important;} } /*---------| Brighton Menu Styles - Not in Use #brighton_menu { background: none !important; max-width:1140px!important; float: right; margin: -52px 0 0 !important; padding: 0 0px 0 40px; z-index: 12 !important; } #brighton_menu ul {display:block;float:left;list-style-type:none;margin:0;padding:0;} #brighton_menu ul li {font-family:pt-sans-narrow, helvetica, serif!important;font-size:25px!important;display:block;float:left;margin:0 1px 0 2px;padding:0;font-weight:normal!important;background:none!important;} #brighton_menu ul.group li.item.separator {display:none;} #brighton_menu ul li a {background:none!important;color:#ace0f0!important;display:block;float:left;text-decoration:none;} #brighton_menu ul li a:hover {color:#cefd71!important;cursor:pointer;text-decoration:none!important;background:none!important;} #brighton_menu ul li a span {display:block;float:left;padding:5px 15px 5px 15px;} #brighton_menu ul li a.selectedtab {color:#cefd71!important;} #brighton_menu ul.group {border-right:1px solid transparent;} #brighton_menu ul.group li {width:100%;border-right:1px solid #fff;} #brighton_menu ul li ul.group li {border-bottom:1px solid #fff;} #brighton_menu ul li ul.group li span {border:none;} #alston_menu div.NavHidden {width:100%;} #brighton_menu div.NavHidden ul li a {display:none;} ------------*/ /*---------------| 5.3 Sub Navigation |----------------*/ #brighton_col1 #brighton_sub-menu {padding: 0 20px 0 0px !important;} #brighton_sub-menu ul li {font-family:pt-sans-narrow,helvetica,serif!important;font-size:23px!important;color:#231f20!important;font-weight:normal!important;border-bottom: 1px solid #CCCCCC !important;padding: 3px 0 8px !important;} #brighton_sub-menu ul li a {border:none !important;} #brighton_sub-menu ul li a:hover {background:none!important;color:#4a8a99 !important;} #brighton_sub-menu ul li.first a {border: none !important;} #brighton_sub-menu ul li a span {border:none!important;} #brighton_sub-menu ul li.selectedtab {color: #4a8a99 !important; background:none!important; font-weight:normal!important;border-bottom: 1px solid #CCCCCC;} #brighton_sub-menu ul li.selectedtab a {color: #4a8a99 !important; background:none!important; font-weight:normal!important;} #brighton_sub-menu ul li.childitem1 {padding:2px 0 1px 8px !important;margin:0!important;border:none!important;} #brighton_sub-menu ul li.childitem1 a {border:none!important;line-height:120%!important;} #brighton_sub-menu ul li.childitem1.last {border: none !important;padding-bottom:6px !important;} #brighton_sub-menu .radmenu .item a span { padding: 8px 0 1px !important; position: static; white-space: normal; line-height:105% !important; } /***** Responsive Sub Navigation *****/ @media screen and (max-width: 1200px) { #brighton_col1 #brighton_sub-menu {padding: 0 20px 0 20px !important;} } @media handheld, only screen and (max-width: 810px) { #brighton_sub-menu ul li.childitem1 { ????border:?medium none !important; ????margin:?0 !important; ????padding:?4px 0 1px 0px !important; padding-left:0px !important; } #brighton_sub-menu ul li.childitem1 a span { border: medium none; margin-left: 0px !important; font-size: 18px !important; margin:0!important; } } /*-------------| 6.0 GOOGLE SEARCH |--------------*/ div.gsc-clear-button { display:none !important; } table.gsc-search-box td.gsc-input { padding-right: 0px!important; } input.gsc-input { border-color: #5ba3b4!important; border: 1px solid #5ba3b4; color:#FFFFFF!important; font-family: pt-sans,arial,serif !important; font-size: 16px; padding: 1px 6px; width: 99%!important; } input.gsc-search-button { border-color: #5ba3b4!important; background-color:#5ba3b4!important; } .gsc-input input.gsc-input { background:#5BA3B4!important; height: 22px !important; margin: 0 0 0 10px!important; } .gsc-control-cse { font-family: pt-sans, arial, sans-serif; border-color: #5BA3B4!important; background-color: #FFFFFF!important; } .gsc-control-cse .gsc-table-result { font-family: pt-sans, arial, sans-serif; } input.gsc-search-button { background: url("/Portals/32387/new-images/newk-home-search-icon.jpg") no-repeat scroll 0 0 transparent !important; border: medium none !important; height: 17px !important; margin: 1px 0 0 -1px !important; text-indent: -9999px !important; width: 17px !important; cursor:pointer!important; min-width:20px!important; } .gsc-tabHeader.gsc-tabhInactive { border-color: #E9E9E9; background-color: #E9E9E9; } .gsc-tabHeader.gsc-tabhActive { border-top-color: #FF9900; border-left-color: #E9E9E9; border-right-color: #E9E9E9; background-color: #FFFFFF; } .gsc-tabsArea { border-color: #E9E9E9; } .gsc-webResult.gsc-result, .gsc-results .gsc-imageResult { border-color: #FFFFFF; background-color: #FFFFFF; } .gsc-webResult.gsc-result:hover, .gsc-imageResult:hover { border-color: #FFFFFF; background-color: #FFFFFF; } .gsc-webResult.gsc-result.gsc-promotion:hover { border-color: #FFFFFF; background-color: #FFFFFF; } .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b { color: #236575; } .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b { color: #236575; } .gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b, .gs-imageResult a.gs-title:hover, .gs-imageResult a.gs-title:hover b { color: #236575; } .gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b, .gs-imageResult a.gs-title:active, .gs-imageResult a.gs-title:active b { color: #236575; } .gsc-cursor-page { color: #236575; } a.gsc-trailing-more-results:link { color: #236575; } .gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType { color: #666666; } .gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl { color: #236575; } .gs-webResult div.gs-visibleUrl-short { color: #236575; } .gs-webResult div.gs-visibleUrl-short { display: none; } .gs-webResult div.gs-visibleUrl-long { display: block; } .gs-promotion div.gs-visibleUrl-short { display: none; } .gs-promotion div.gs-visibleUrl-long { display: block; } .gsc-cursor-box { border-color: #FFFFFF; } .gsc-results .gsc-cursor-box .gsc-cursor-page { border-color: #E9E9E9; background-color: #FFFFFF; color: #236575; } .gsc-results .gsc-cursor-box .gsc-cursor-current-page { border-color: #FF9900; background-color: #FFFFFF; color: #236575; } .gsc-webResult.gsc-result.gsc-promotion { border-color: #336699; background-color: #FFFFFF; } .gsc-completion-title { color: #236575; } .gsc-completion-snippet { color: #666666; } .gs-promotion a.gs-title:link, .gs-promotion a.gs-title:link *, .gs-promotion .gs-snippet a:link { color: #0000CC; } .gs-promotion a.gs-title:visited, .gs-promotion a.gs-title:visited *, .gs-promotion .gs-snippet a:visited { color: #0000CC; } .gs-promotion a.gs-title:hover, .gs-promotion a.gs-title:hover *, .gs-promotion .gs-snippet a:hover { color: #0000CC; } .gs-promotion a.gs-title:active, .gs-promotion a.gs-title:active *, .gs-promotion .gs-snippet a:active { color: #0000CC; } .gs-promotion .gs-snippet, .gs-promotion .gs-title .gs-promotion-title-right, .gs-promotion .gs-title .gs-promotion-title-right * { color: #000000; } .gs-promotion .gs-visibleUrl, .gs-promotion .gs-visibleUrl-short { color: #008000; } .gsc-result .gs-title { height: 1.4em; overflow: hidden!important; min-height:35px!important; } .gs-webResult .gs-snippet, .gs-imageResult .gs-snippet, .gs-fileFormatType { color: #666666; line-height: 150% !important; } td.gsc-clear-button { width: 0px!important; } /*-------END GOOGLE SEARCH-------*/ /*------------| 7.0 MAIN TEXT STYLES |--------------*/ .container h1, #brighton_col2 h1, #brighton_top h1 {font-family: sansita-one, Tahoma, Geneva, sans-serif!important;font-size:56px!important;color:#37a0b8!important;font-weight:normal!important;padding:0 0 15px !important;margin:0;line-height:100%!important;} .container h2, #brighton_col2 h2, #brighton_top h2 {font-family: pt-sans-narrow, helvetica, arial, serif!important;font-size:37px;color:#5f5f5f;font-weight:normal!important;padding:0 0 7px !important;margin:0;line-height:100%!important;} #brighton_col2 h3, #brighton_top h3 { color: #009FC3 !important; font-family:pt-sans,helvetica,arial,serif !important; font-size: 25px; font-weight: bold; margin: 0; padding: 0 0 6px!important; } .container h4, #brighton_col2 h4, #brighton_top h4 {color: #5F5F5F !important;font-family: pt-sans,helvetica,arial,snas-serif !important;font-size: 20px !important;font-style:normal!important;font-weight: normal !important;line-height: 135% !important;} .container p, #brighton_col2 p, #brighton_top p {font-family: pt-sans, helvetica, arial, serif!important;color:#5f5f5f;font-weight:normal!important;padding:2px 0 20px;margin:0;line-height:145%!important;font-size:19px;} .conatiner a, #brighton_col2 a, #brighton_top a {font-family: pt-sans,helvetica,arial,serif !important;font-size:19px;color:#308b9f!important;font-weight:bold;padding:0;margin:0;line-height:100%!important;text-decoration:none!important;} #bb-container div.post h3.title a {font-family: pt-sans-narrow,helvetica,arial,serif !important;font-size:27px;font-weight:normal!important;} #bb-container div.post h3.title {font-family: pt-sans-narrow,helvetica,arial,serif !important;font-size:27px!important;font-weight:normal!important;} .container a:hover, #brighton_col2 a:hover, #brighton_top a:hover {padding:0;} #brighton_col2 ul, #brighton_col2 ol {list-style-type: none !important; list-style-image:url(/Portals/32387/new-images/newk-dot.png) !important;margin: 1px 0 15px 18px !important; padding: 0 !important;} #brighton_col2 ul li, #brighton_col2 ol li {font-family: pt-sans, helvetica, arial, serif!important;color:#5f5f5f !important;font-weight:normal!important;padding:7px 0!important;margin:0;line-height:155%!important;font-size:19px!important;} #brighton_col2 ul ul li, #brighton_col2 ol ol li, #brighton_col2 ul ol li, #brighton_col2 ol ul li {font-weight: normal !important;} @media screen and (min-width:768px){ #multi-channel-list li { width: 49%!important; float: left!important; padding: 5px 0 15px!important;}} #brighton_col2 ul li a #brighton_col2 ol {margin: 0 0 6px 25px !important;padding: 0;list-style: decimal !important;} /* Mobile Text Styles */ @media screen and (max-width: 595px) { .container h1, #brighton_col2 h1, #brighton_top h1 {font-size:35px!important;} .container h2, #brighton_col2 h2, #brighton_top h2 {font-size:29px!important;} #brighton_col2 h3, #brighton_top h3 {font-size: 22px!important;} #bb-container div.post h3.title a {font-size:22px!important;} .container p, #brighton_col2 p, #brighton_top p {font-size:16px!important;} #brighton_col2 ul li, #brighton_col2 ol li {font-size:16px!important;} } /*----------------| 8.0 CSS3 BUTTONS |-----------------*/ .container ul.button, #brighton_col2 ul.button, #brighton_top ul.button {list-style-type: none!important;list-style-image:none!important;margin:0 0 5px!important;} .container li.button, #brighton_col2 li.button, #brighton_top li.button {text-align:left;margin:15px auto -3px!important;width:100%!important;height:50px!important;} .container li.button a, #brighton_col2 li.button a, #brighton_top li.button a { font-family: Arial,serif!important; margin: 0 auto!important; padding: 8px 48px!important; font-size: 16px!important; font-weight: bold!important; text-transform: uppercase!important; text-decoration: none!important; text-align:center!important; color: #FFFFFF!important; background: #49d5f5!important; border-radius: 5px!important; -moz-border-radius: 5px!important; -webkit-border-radius: 5px!important; -o-border-radius: 5px!important; transition: all .9s ease!important; -moz-transition: all .9s ease!important; -webkit-transition: all .9s ease!important; -o-transition: all .9s ease!important; } .container li.button a:hover, #brighton_col2 li.button a:hover, #brighton_top li.button a:hover {background:#009fc3!important;} .hs-form .hs-button {width:100%!important;} #hbspt-form-1369169908979 {display:none;} /*.MenuTopSelected, hk_current {display:none;} .hk_rss {display:none;}*/ /*---------------| 9.0 FOOTER |----------------*/ #brighton_footer {display:none!important;} /*---- NOTE: Might need to remove #brighton_col2 designation on go live. Current footer is mocked up within the body, not in the footer space on Website Settings for Hubspot-----*/ .container-footer {background:url(/Portals/32387/new-images/newk-home-footer-bgrepeat.jpg) repeat scroll 0 0!important;width:100%!important;padding:2px 0px 250px!important;} .container-footer .row .newk-footer img.footer-logo {margin:34px 0 20px!important;} .container-footer .row {background:url(/Portals/32387/new-images/newk-home-shadow.png) no-repeat scroll center 2px !important;width:99%;text-align:left!important;display:block!important;padding:10px 0 0 20px !important;} .footer-copy {margin-top:75px;text-align:center!important;} .footer-copy p {font-family: pt-sans, helvetica, arial, serif!important;font-size:13px!important;text-align:center!important;} .footer-copy a {font-family: pt-sans, helvetica, arial, serif!important;font-size:13px!important;color:#000000!important;font-weight:normal!important;margin:0;line-height:100%!important;text-decoration:none!important;} .footer-copy a:hover {color:#308b9f!important;} @media screen and (max-width: 810px) { .container-footer .row {padding:0 !important;} .row .newk-footer p.address-bottom {margin-bottom: 4px !important;text-align: center !important;} } /*---------| 9.1 Footer List Items |----------*/ .row .newk-footer ul li a.footlink {font-family: pt-sans, helvetica, arial, serif!important;font-size:13px!important;color:#000000!important;font-weight:normal!important;margin:0;line-height:100%!important;text-decoration:none!important;} .row .newk-footer ul li a.footlink:hover {font-size:13px;color:#308b9f!important;font-weight:normal!important;} .row .newk-footer h5 {font-family: pt-sans-narrow, helvetica, arial, serif!important;font-size:23px!important;color:#009fc3!important;font-weight:normal!important;padding:0!important;margin:40px 0 10px!important;line-height:100%!important;} .row .newk-footer ul {list-style-type:none!important;list-style-image: none !important;padding:0!important;margin:0!important;} .row .newk-footer ul li {font-family: pt-sans, helvetica, arial, serif!important;font-size:14px;color:#000000;font-weight:normal!important;padding:6px 0!important;margin:0!important;line-height:100%!important;} .row .newk-footer p {font-family: pt-sans, helvetica, arial, serif!important;color:#000000;font-weight:normal!important;padding:0;margin:0;line-height:100%!important;} .row .newk-footer p.address {font-family: pt-sans-narrow, helvetica, arial, serif!important;font-size:17px!important;color:#000000;font-weight:normal!important;padding:0;margin:7px 0!important;line-height:120%!important;} /*---------| 9.2 Footer Social Media Icons |---------*/ .row .newk-footer .social {width:100%!important;margin:0 auto!important;text-align:center!important;} .row .newk-footer .social a.kfb {display:block;cursor:pointer;background:url(/Portals/32387/new-images/newk-home-footer-fb.png) no-repeat scroll 0 top;width:46px;height:46px;text-decoration:none;text-indent:-6000px;float:left;margin:18px auto 10px!important;text-align:center!important;float:left!important;padding:0 15px 0 0!important;} .row .newk-footer .social a.ktw {display:block;cursor:pointer;background:url(/Portals/32387/new-images/newk-home-footer-tw.png) no-repeat scroll 0 top;width:46px;height:46px;text-decoration:none;text-indent:-6000px;float:left;margin:18px auto 10px!important;text-align:center!important;float:left!important;padding:0 15px 0 0!important;} .row .newk-footer .social a.kgg {display:block;cursor:pointer;background:url(/Portals/32387/new-images/newk-home-footer-gg.png) no-repeat scroll 0 top;width:46px;height:46px;text-decoration:none;text-indent:-6000px;float:left;margin:18px auto 10px!important;text-align:center!important;float:left!important;padding:0 15px 0 0!important;} .row .newk-footer .social a.kli {display:block;cursor:pointer;background:url(/Portals/32387/new-images/newk-home-footer-li.png) no-repeat scroll 0 top;width:46px;height:46px;text-decoration:none;text-indent:-6000px;float:left;margin:18px auto 10px!important;text-align:center!important;float:left!important;padding:0 15px 0 0!important;} .row .newk-footer .social a.kyt {display:block;cursor:pointer;background:url(/Portals/32387/new-images/newk-home-footer-yt.png) no-repeat scroll 0 top;width:46px;height:46px;text-decoration:none;text-indent:-6000px;float:left;margin:18px auto 10px!important;text-align:center!important;float:left!important;padding:0!important;} .row .newk-footer .social a.kfb:hover, .row .newk-footer .social a.ktw:hover, .row .newk-footer .social a.kli:hover, .row .newk-footer .social a.kyt:hover, .row .newk-footer .social a.kgg:hover {background-position: left bottom !important;padding:0 15px 0 0!important;} @media screen and (max-width: 1020px) { .row .newk-footer .social a.kfb, .row .newk-footer .social a.ktw, .row .newk-footer .social a.kli, .row .newk-footer .social a.kyt, .row .newk-footer .social a.kgg {padding:0 10px 0 0!important;} .row .newk-footer .social a.kfb:hover, .row .newk-footer .social a.ktw:hover, .row .newk-footer .social a.kli:hover, .row .newk-footer .social a.kyt:hover, .row .newk-footer .social a.kgg:hover {padding:0 10px 0 0!important;} } @media screen and (max-width: 980px) { .row .newk-footer .social a.kfb, .row .newk-footer .social a.ktw, .row .newk-footer .social a.kli, .row .newk-footer .social a.kyt, .row .newk-footer .social a.kgg {padding:0 8px 0 0!important;} .row .newk-footer .social a.kfb:hover, .row .newk-footer .social a.ktw:hover, .row .newk-footer .social a.kli:hover, .row .newk-footer .social a.kyt:hover, .row .newk-footer .social a.kgg:hover {padding:0 8px 0 0!important;} } @media screen and (max-width: 900px) { .row .newk-footer .social a.kfb, .row .newk-footer .social a.ktw, .row .newk-footer .social a.kli, .row .newk-footer .social a.kyt, .row .newk-footer .social a.kgg {padding:0 2px 0 0!important;} .row .newk-footer .social a.kfb:hover, .row .newk-footer .social a.ktw:hover, .row .newk-footer .social a.kli:hover, .row .newk-footer .social a.kyt:hover, .row .newk-footer .social a.kgg:hover {padding:0 2px 0 0!important;} } /*--------| 9.3 Social Media Mobile Footer |---------*/ .row .newk-footer .social-mobile {width:305px!important;margin:0 auto!important;text-align:center!important;} .row .newk-footer .social-mobile a.kfb {display:block;cursor:pointer;background:url(/Portals/32387/new-images/newk-home-footer-fb.png) no-repeat scroll 0 top;width:46px;height:46px;text-decoration:none;text-indent:-6000px;float:left;margin:18px auto 10px!important;text-align:center!important;float:left!important;padding:0 15px 0 0!important;} .row .newk-footer .social-mobile a.ktw {display:block;cursor:pointer;background:url(/Portals/32387/new-images/newk-home-footer-tw.png) no-repeat scroll 0 top;width:46px;height:46px;text-decoration:none;text-indent:-6000px;float:left;margin:18px auto 10px!important;text-align:center!important;float:left!important;padding:0 15px 0 0!important;} .row .newk-footer .social-mobile a.kgg {display:block;cursor:pointer;background:url(/Portals/32387/new-images/newk-home-footer-gg.png) no-repeat scroll 0 top;width:46px;height:46px;text-decoration:none;text-indent:-6000px;float:left;margin:18px auto 10px!important;text-align:center!important;float:left!important;padding:0 15px 0 0!important;} .row .newk-footer .social-mobile a.kli {display:block;cursor:pointer;background:url(/Portals/32387/new-images/newk-home-footer-li.png) no-repeat scroll 0 top;width:46px;height:46px;text-decoration:none;text-indent:-6000px;float:left;margin:18px auto 10px!important;text-align:center!important;float:left!important;padding:0 15px 0 0!important;} .row .newk-footer .social-mobile a.kyt {display:block;cursor:pointer;background:url(/Portals/32387/new-images/newk-home-footer-yt.png) no-repeat scroll 0 top;width:46px;height:46px;text-decoration:none;text-indent:-6000px;float:left;margin:18px auto 10px!important;text-align:center!important;float:left!important;padding:0!important;} .row .newk-footer .social-mobile a.kfb:hover, .row .newk-footer .social-mobile a.ktw:hover, .row .newk-footer .social-mobile a.kli:hover, .row .newk-footer .social-mobile a.kyt:hover, .row .newk-footer .social-mobile a.kgg:hover {background-position: left bottom !important;padding:0 15px 0 0!important;} /*--------| 9.4 More Responsive Footer |---------*/ /***** Main Responsive Footer Structure *****/ @media screen and (min-width: 811px) { .row .newk-footer .social-mobile {display:none!important;} } @media screen and (max-width: 810px) { .footer-copy {display:none!important;} .container-footer {padding:0!important;} .container-footer .row {text-align:center!important;} .row .newk-footer h5, .row .newk-footer ul, .row .newk-footer .social {display:none!important;} .row .newk-footer p.address {text-align:center!important;} .row .newk-footer p.address-bottom {text-align:center!important;margin-bottom:20px;} .row .newk-footer .social-mobile {margin-bottom:60px !important;padding: 0 0 0 12px !important;} } @media screen and (max-width: 380px) { .row .newk-footer .social-mobile {width:100% !important;padding: 0 0 0 8% !important;} .row .newk-footer .social-mobile a.kfb, .row .newk-footer .social-mobile a.ktw, .row .newk-footer .social-mobile a.kli, .row .newk-footer .social-mobile a.kyt, .row .newk-footer .social-mobile a.kgg {padding-right:5px !important;} .row .newk-footer .social-mobile a.kfb:hover, .row .newk-footer .social-mobile a.ktw:hover, .row .newk-footer .social-mobile a.kli:hover, .row .newk-footer .social-mobile a.kyt:hover, .row .newk-footer .social-mobile a.kgg:hover {padding-right:5px !important;} } @media screen and (max-width: 340px) { .row .newk-footer .social-mobile {width:100% !important;padding: 0 0 0 5%!important;} } @media screen and (max-width: 320px) { .row .newk-footer .social-mobile a.kfb, .row .newk-footer .social-mobile a.ktw, .row .newk-footer .social-mobile a.kli, .row .newk-footer .social-mobile a.kyt, .row .newk-footer .social-mobile a.kgg {padding-right:1px !important;} .row .newk-footer .social-mobile a.kfb:hover, .row .newk-footer .social-mobile a.ktw:hover, .row .newk-footer .social-mobile a.kli:hover, .row .newk-footer .social-mobile a.kyt:hover, .row .newk-footer .social-mobile a.kgg:hover {padding-right:1px !important;} } /***** End *****/ /***** Responsive Elements for Footer Top Shadow *****/ @media screen and (max-width: 1096px) { .container-footer .row {background:url(/Portals/32387/new-images/newk-home-shadow800.png) no-repeat scroll center 2px !important;} } @media screen and (max-width: 980px) { .container-footer .row {background:url(/Portals/32387/new-images/newk-home-shadow800.png) no-repeat scroll center 2px !important;} } @media screen and (max-width: 840px) { .container-footer .row {background:url(/Portals/32387/new-images/newk-home-shadow600.png) no-repeat scroll center 2px !important;} } @media screen and (max-width: 650px) { .container-footer .row {background:url(/Portals/32387/new-images/newk-home-shadow400.png) no-repeat scroll center 2px !important;} } @media screen and (max-width: 450px) { .container-footer .row {background:url(/Portals/32387/new-images/newk-home-shadow300.png) no-repeat scroll center 2px !important;} } /***** End Responsive *****/ /*------------| 10.0 EXTRA INTERIOR & 1COL/3COL STYLES |------------*/ #brighton_content div.block h3 { font-size: 31px !important; font-family: sansita-one, georgia, serif !important; font-weight: normal; line-height: 105%; margin: 0 0 10px !important; padding: 5px 0 6px !important; color: #9fd335 !important; } div.ItemLink a { font-family: pt-sans-narrow, arial, serif !important; color: #5f5f5f !important; font-size: 19px !important; line-height: 130% !important; padding: 4px 0 12px !important; text-decoration: none !important; } div.ItemLink a:hover {color: #37a0b8 !important;} div.ItemInfo { border-bottom: 1px solid #9DD922; font-family: pt-sans-narrow,arial,serif !important; font-size: 15px !important; font-style: normal !important; padding: 8px 0 12px !important; } p.hk_link, p.hk_link a {color:#FFFFFF!important;} /*-------| 11.0 BIOS CODE |--------*/ #brighton_col2 div.bio {margin: 0 0 15px 0;} #brighton_col2 div.bio-left {float:left;width:130px;padding:5px 10px 0 0;} #brighton_col2 div.bio-right { float: left; padding: 0 10px 0 0; width: 70%; } #bb-container div.post .tags {display:none;} #brighton_col2 div.bio-right h2 {color:#5f5f5f!important;margin:0!important;} #brighton_col2 div.bio-right h3 {margin: 0 !important;} #brighton_col2 div.bio-right p {font-size: 14px !important;line-height: 1.4em !important;} #brighton_col2 div.bio-left a.about-twitter { background: url(/Portals/32387/images/about_twitter.jpg) no-repeat 0 0 !important; float: left !important; margin: 0 0 0 5px !important; padding: 0 !important; display: block !important; width: 35px !important; height: 51px !important; text-indent: -1000em !important; } #brighton_col2 div.bio-left a.about-facebook { background: url(/Portals/32387/images/about_facebook.jpg) no-repeat 0 0 !important; float: left !important; margin: 0 !important; padding: 0 !important; display: block !important; width: 35px !important; height: 51px !important; text-indent: -1000em !important; } #brighton_col2 div.bio-left a.about-linkedin { background: url(/Portals/32387/images/about_linkedin.jpg) no-repeat 0 0 !important; float: left !important; margin: 0 !important; padding: 0 !important; display: block !important; width: 35px !important; height: 51px !important; text-indent: -1000em !important; } /*-------| 12.0 Confirmation Page |--------*/ @media screen and (min-width:620px) { .linkedinfollow {background:url(http://cdn2.hubspot.net/hub/32387/file-23994782-jpg/new-images/followusli.jpg) no-repeat scroll 0 0!important; height:80px; width:552px;margin-top:20px;} .LIcode{float:right;margin:25px;} } @media screen and (max-width: 903px) and (min-width:811px) { .linkedinfollow {background:none!important; padding:15px 0;} .LIcode{float:left; height:30px;} } @media screen and (max-width: 619px) { .linkedinfollow {background:none!important; padding:15px 0;} .LIcode{float:left; height:30px;} } /*------------| 13.0 PROCESS PAGE INFOGRAPHIC |------------*/ #brighton_col2 .process-infographic-desktop {display:block;} #brighton_col2 .process-infographic-mobile {display:none;} @media screen and (max-width: 380px) { #brighton_col2 .process-infographic-desktop {display:none;} #brighton_col2 .process-infographic-mobile {display:block;} } @media screen and (max-width:595px) { .newk-icons {float:left!important; max-width:100%; height:auto; margin:5px!important;padding:5px!important;clear:both!important;} .icon-break {clear:both!important;} } #bb-container div.post .tags {display:none;} /*----------------Misc. Styles----------------*/ @media screen and (max-width: 560px) { .zak-clear {clear:both!important; } } a.CommandButton {display:block!important;padding:5px 0!important;}