/* Theme Name: SWG website theme Theme URI: http://redbullet.co.uk Description: SWG website. This is based on an HTML5-based Wordpress theme which has been modified. Author: Monkey Do! + @ckhicks Author URI: http://redbullet.co.uk Version: 2.1 */ /* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance:none; word-wrap: break-word; } input[type="checkbox"] { -webkit-appearance: checkbox; } input[type="radio"] { -webkit-appearance: radio; } .chromeframe {position: absolute; top: 0;} /* Ok, this is where the fun starts. -------------------------------------------------------------------------------*/ /* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */ body { font-size:87.5%; line-height:1.6; -webkit-font-smoothing: antialiased; background-color: #fff; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", "Open Sans", Helvetica, Arial, sans-serif; } /* We like off-black for text. */ body, select, input, textarea {color: #777; color: #333;} body.home { color: #777; } h1, h2, h3, h4, h5, h6{ color: #3A4248; font-weight: normal; line-height: 1.2; } h1 { font-size: 320%; margin-bottom: 30px; } h2 { font-size: 180%; color: #3A4248; margin-bottom: 18px; } h3 { font-size: 130%; margin-bottom: 18px; } h4 { font-size: 110%; margin-bottom: 18px; } body.home h2 { color: #777; } a {color: #002A47; text-decoration: none; } .single-post .post .entry h3, .single-blog_posts .post .entry h3 { font-weight: 700; } .entry a { color: #00adee; text-decoration: underline; } .entry a:hover { color: #0094d5; } p, ul, ol { margin-bottom: 15px; } p { font-size: 16px; } li, .accordion .accordion-content li { margin-bottom: 5px; background: url(_/inc/images/bullet-navy.png) no-repeat 0 0.5em; padding-left: 24px; } .screen-reader-text { position: absolute; left: -9999px; } .read-more { font-size: 105%; } input, textarea { color: #777; border: 1px solid #d5d5d5; padding: 12px; -webkit-border-radius: 5px; border-radius: 5px; } select { -webkit-appearance: menulist; } /* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */ ::-moz-selection{background: #5B96B0; color: #fff; text-shadow: none;} ::selection {background: #5B96B0; color: #fff; text-shadow: none;} /* j.mp/webkit-tap-highlight-color */ a:link {-webkit-tap-highlight-color: #fcd700;} ins {background-color: #fcd700; color: #000; text-decoration: none;} mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;} /* Mozilla dosen't style place holders by default */ input:-moz-placeholder { color:#a9a9a9; } textarea:-moz-placeholder { color:#a9a9a9; } .clear { clear: both; } .left { float: left; } .right { float: right; } .alignleft { float: left; margin-right: 20px; } .alignright { float: right; margin-left: 20px; } img { height: auto; display: block; } body.page-id-91 .sub-prod-list, body.page-id-91 .products-list, body.page-id-91 .casestudy-list, body.page-id-91 .related-list, body.page-id-91 .accordion { display: none; } .button, #sidebar .wpfp-link, .products-list .button { padding: 10px 45px 10px 15px; background: url(_/inc/images/btn-bg-brightgreen.png) no-repeat right center #CAD02F; color: #3D3D40; border: none; /*font-size: 115%;*/ font-size:; display: inline-block; } .button:hover { background-color: #CAD02F; color: #3D3D40; } .button.brightblue { background: url(_/inc/images/btn-bg-brightgreen.png) no-repeat right center #CAD02F; color: #3D3D40; } .button a, .button a:hover { color: #3D3D40; } span.button { padding: 0; margin-bottom: 20px; margin-right: 10px; } span.button a { padding: 10px 45px 10px 15px; background: url(_/inc/images/btn-bg-brightgreen.png) no-repeat right center #CAD02F; color: #3D3D40; border: none; font-size: 100%; display: inline-block; font-size: 16px; } .button:hover, .button a:hover, span.button a:hover { background-color: #d9dd67; } .products-list span.button { margin: 0; } .button.add-button, #sidebar .wpfp-link { background: url(_/inc/images/btn-bg-blue-plus.png) no-repeat 100% 50% #002A47; } .button.brightblue.add-button { background: url(_/inc/images/btn-bg-brightblue-plus.png) no-repeat 100% 50% #00ACF5; } .button.brightblue.add-button.active { background: url(_/inc/images/btn-bg-blue-close.png) no-repeat 100% 50% #00ACF5; } a.read-more, .flipping-book-thumb .read-more { font-weight: bold; padding: 10px 15px; /*border-top: 1px solid #f3f3f3;color: #578EAA;*/ border-top: 1px solid #D0D1D2; color: #117095; background: url(_/inc/images/arrow-right-small.png) no-repeat 100% 50%; display: block; } .one-col:hover a.read-more, .three-col:hover a.read-more, .two-col:hover a.read-more, a.read-more:hover, .sub-prod-list > div a.read-more:hover, .sub-prod-list > div:hover a.read-more { color: #fff; border-top: 1px solid #000; background: url(_/inc/images/arrow-right-small.png) no-repeat 100% 50% #117095; border-color: #117095; } .one-col:hover a.read-more, .three-col:hover a.read-more, .two-col:hover a.read-more, a.read-more:hover, .sub-prod-list > div a.read-more:hover, .sub-prod-list > div:hover a.read-more { background-image: url(_/inc/images/arrow-right-small-white.png); } /*.white-paper-box a.read-more, .whitepapert-list a.read-more, .casestudy-list a.read-more, .related-list a.read-more, .sub-prod-list a.read-more { display: block; border: none!important; background: url(_/inc/images/arrow-right-small-white.png) no-repeat 100% 50% #002A47!important; color: #FFF!important; border-top: none; } .white-paper-box a.read-more:hover, .whitepapert-list a.read-more:hover, .casestudy-list a.read-more:hover, .related-list a.read-more:hover, .sub-prod-list a.read-more:hover { opacity: 0.9; }*/ .hidden { display: none; } /* And here begins the Wordpress fun. -------------------------------------------------------------------------------*/ /* General layout */ .container { max-width: 1100px; margin: 0 auto; padding: 0 10px; position: relative; } #header { padding: 25px 0 0 0; border-bottom: 1px solid #e0e0e0; line-height: 1.2; box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.1); } /* Site header */ #site-title { background: url(_/inc/images/swg-logo.png) no-repeat 0 0; background-size: 100% auto; width: 462px; height: 72px; float: left; margin-left: 1px; } /*body.site-id-1 #site-title { background-image: url(_/inc/images/logo-group-new.png); }*/ /*body.site-id-1 #site-title { background-image: url(_/inc/images/logo-group-ie-new.png); }*/ body.site-id-1 #site-title { background-image: url(_/inc/images/swg-logo.png); } #site-title a { width: 100%; height: 100%; display: block; } /*#site-title.global-site { background: url(_/inc/images/swglobal_logo.png) no-repeat 0 0; }*/ #mobile-nav, a.menu-open { display: none; } /*#nav li { padding-left: 0; background: none; font-size: 125%; float: left; position: relative; margin-bottom: 0; } #nav li a { padding: 20px; display: block; } #nav li a:hover { background-color: #002A47; color: #fff; }*/ /*#nav li ul.sub-menu { position: absolute; left: -9999px; z-index: 1000; -webkit-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.1); box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.1); } #nav li ul.sub-menu li { display: block; float: none; padding: 0 7px; background-color: #fff; font-size: 100%; } #nav li:hover ul.sub-menu { left: auto; } #nav li ul.sub-menu li a { width: 290px; display: block; background: url(_/inc/images/arrow-right-small.png) no-repeat 12px 50%; border-bottom: 1px solid #f3f3f3; background-color: #fff; padding: 15px 6px 15px 35px; } #nav li ul.sub-menu li a:hover { color: #002A47; background: url(_/inc/images/arrow-right-small.png) no-repeat 18px 50%; }*/ #head-widgets { float: right; margin: 8px 0 0; position: absolute; right: 10px; } .head-widget .head-widget-text { color: #777; } .head-widget .head-widget-text:after { display: inline-block; content: "|"; padding: 0 10px; } .head-widget { position: relative; } .head-widget>.lang-link { position: absolute; right: 15px; bottom: -1.5em; color: #777; } .head-widget .head-widget { display: inline-block; } .head-widget .head-widget-search:before { background: url(_/inc/images/header-search.png) no-repeat; width: 32px; height: 16px; display: inline-block; content: ''; vertical-align: middle; } #enquiry-widget { position: absolute; bottom: 30px; right: 10px; font-size: 95%; } .enquiry-list { margin-left: 10px; display: inline-block; -webkit-border-radius: 3px; border-radius: 3px; color: #777; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1); } .enquiry-list span.enquiry-text { padding: 11px 10px 11px 50px; background: url(_/inc/images/icon-menu.png) no-repeat 15px 50%; display: inline-block; } .enquiry-list span.enquiry-number { padding: 10px; border-left: 1px solid #f3f3f3; display: inline-block; } .sitelist { position: absolute; right: 10px; width: 140px; background-color: #fff; top: 30px; display: none; z-index: 1000; -webkit-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.1); box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.1);} .sitelist li { background: none; padding-left: 0; margin-bottom: 0; } .sitelist li a { padding: 5px 10px; display: block; background-color: #fff; width: 100%; border-bottom: 1px solid #eee; } .sitelist li img { display: inline; margin-right: 10px; position: relative; top: 0.15em; max-height: 17px; width: auto; } .header-search { position: absolute; right: 10px; width: 260px; background-color: #fff; top: 30px; display: none; z-index: 1000; -webkit-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.1); box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.1); } #main-lang-select { } #main-lang-select img { display: inline; margin-right: 10px; position: relative; top: 0.15em; max-height: 17px; width: auto; } #main-lang-select a { padding-right: 15px; background: url(_/inc/images/arrow-down-small.png) no-repeat 100% 50%; } .single h1, #page-content h1 { max-width: 71%; } /* New Header */ #header { padding: 10px 0 0 0; position: relative; z-index: 10; border-bottom: 1px solid #D0D1D2; } #header ul { margin: 0px; } #header .container { position: static; } #header .container-inner { position: relative; padding: 0px; margin: 0px; } #header #site-title { margin: 0px 0 0 1px; } .clear-section { clear: both; display: block; } #header .top-nav-left { position: relative; border-bottom: 1px solid #D0D1D2; padding: 16px 0; } #header .top-nav-left ul { list-style: none; margin: 0px; padding: 0px; } #header .top-nav-left li { display: inline-block; margin: 0 40px 0 0; background: none; padding: 0px; } #header .top-nav-left li a { color: #3D3D40; font-size: 16px; } #header .top-nav-left li a:hover { color: #00648E; } #header #head-widgets { float: right; font-size: 16px; padding: 10px 0 40px 0; position: relative; right: auto; } #header #head-widgets a { color: #3D3D40; } #header #nav { float: left; clear: left; } #header .header-main { clear: both; } #header #enquiry-widget { /*width: 172px; left: 50%; right: auto; margin: 4px 0 0 368px;*/ float: right; position: static; } #header #enquiry-widget .button { padding: 0 0 0 14px; width: 172px; font-size: 16px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 42px; } #header #nav { margin: 0 0 0 -34px; position: relative; padding: 15px 0 0 0; } #header #nav ul { list-style: none; display: block; margin: 0px; } #nav div ul li { position: static; float: left; margin: 0px; background: none transparent; padding: 0px; display: block; margin: 0 24px; } #header #nav ul li a { float: left; display: block; height: 63px; line-height: 21px; padding: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 18px; color: #3D3D40; } #header #nav li.current-menu-item a, #header #nav li.current-menu-ancestor a, #header #nav li a:hover, #header #nav li:hover a { /*border-bottom: 2px solid #00648E; color: #00648E; background: none transparent;*/ } #header #nav ul li.menu-item-has-children a { padding-right: 23px; position: relative; } #header #nav ul li.menu-item-has-children a:before { background: url(_/inc/images/nav-up.svg) no-repeat; width: 11px; height: 5px; content: ''; top: 10px; right: 0px; display: block; position: absolute; } #header #nav ul li.menu-item-has-children a:after { width: 100%; background: #117095; height: 2px; position: absolute; content: ''; display: none; top: 28px; } #header #nav ul li.current-menu-item.menu-item-has-children a:before, #header #nav ul li.current-menu-ancestor.menu-item-has-children a:before, #header #nav ul li a.dropdown-active:before { background-image: url(_/inc/images/nav-down.svg); } #header #nav ul li.current-menu-item.menu-item-has-children a:after, #header #nav ul li.current-menu-ancestor.menu-item-has-children a:after, #header #nav ul li a.dropdown-active:after { display: block; } #header #nav ul li.menu-item-has-children ul li a { padding-right: 0px; } #header #nav ul li.menu-item-has-children ul li a:before, #header #nav ul li.menu-item-has-children ul li a:after { display: none!important; } #header #nav ul li ul { position: absolute; top: 64px; left: -64px; left: -40px; width: 1180px; padding: 0 0 0 350px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #FFF; display: none; z-index: 9; box-shadow: 0 2px 10px rgba(0,0,0,0.2); } @media all and (max-width: 920px) and (min-width: 0px) { #nav .desktop-only { display: none; } .top-nav-left { display: none; } } .nav-left-blocks { display: none; } .sub-nav-holder { clear: both; overflow: hidden; margin-bottom: -15px; position: relative; display: none; z-index: 1000; /*background: #FFF;*/ /*box-shadow: 0 2px 10px rgba(0,0,0,0.2);*/ } .sub-nav-holder .container { padding: 0 0 0 286px; } .sub-nav-holder .container:before { position: absolute; top: 0px; right: 100%; width: 2000px; height: 100%; background: #117095; content: ''; display: block; } .sub-nav-holder .nav-side { /*position: absolute; top: 0px; left: 0px;*/ margin: 0 0 0 -286px; float: left; width: 286px; min-height: 100%; background: #117095; padding: 48px 64px 48px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #FFF; z-index: 1; position: relative; } .sub-nav-holder .nav-side-back { position: absolute; top: 0px; left: 0px; width: 286px; height: 100%; z-index: 0; background: #117095; } .sub-nav-holder .nav-side img { display: block; margin: 0 0 16px 0; } .sub-nav-holder .nav-side h5 { font-size: 22px; line-height: 34px; font-weight: 500; margin: 0 0 16px 0; color: #FFF; font-weight: bold; } .sub-nav-holder .nav-side p { font-size: 16px; line-height: 23px; margin: 0 0 24px 0; clear: both; } .sub-nav-holder .nav-side a { background: #FFF; padding: 13px 16px; color: #117095; font-size: 16px; line-height: 18px; min-width: 193px; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position: relative; height: auto; } .sub-nav-holder .nav-side a:before { background: url(_/inc/images/nav-up.svg) no-repeat; width: 11px; height: 5px; content: ''; top: 10px; right: 0px; display: block; position: absolute; background: url(_/inc/images/arrow-right-small.png) no-repeat center left!important; width: 20px; right: 6px; top: 0px; height: 100%; } .sub-nav-holder .nav-side a:after { display: none!important; } .sub-nav-holder .nav-left-col, .sub-nav-holder .nav-right-col { float: left; width: 50%; padding: 48px 0 16px 0; } /*#header #nav li.nav-software ul { display: block; }*/ .sub-nav-holder ul { margin-bottom: 0px; } .sub-nav-holder ul li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 0 0 60px; float: none; display: block; width: auto; margin: 0 0 32px 0; background: none transparent; } .sub-nav-holder ul li a { padding: 0px; height: auto; font-size: 17px; line-height: 26px; float: none; color: #117095; font-weight: 500; font-weight: bold; } .sub-nav-holder li ul { display: block!important; padding: 6px 0 0 0; position: relative; width: auto; left: auto; top: auto; box-shadow: none; } .sub-nav-holder li ul li { padding: 10px 0 0 0; margin: 0px; } .sub-nav-holder li ul li a { font-size: 15px; line-height: 20px; color: #000000; font-weight: normal; } .sub-nav-holder li ul li a:hover { color: #117095; } #sub-nav-about .nav-side-back, #sub-nav-about .container:before { top: -15px!important; } #sub-nav-about ul { padding-bottom: 32px; } .sub-nav-holder .nav-side, .sub-nav-holder .nav-side-back, .sub-nav-holder .container:before { top: -15px!important; } @media all and (max-width: 1150px) and (min-width: 0px) { .sub-nav-holder .nav-side { padding-left: 32px; padding-right: 32px; } } .mobile-header { height: 46px; display: none; background: #00648E; position: relative; } .mobile-header .enquire-link { line-height: 46px; font-size: 16px; color: #FFF; padding: 0 0 0 46px; float: left; display: block; background: url(_/inc/images/icon-enquire.svg) no-repeat 16px center; } .mobile-header .search-link { float: right; display: block; width: 38px; display: block; height: 46px; text-indent: -9999px; background: url(_/inc/images/icon-search.svg) no-repeat left center; } .mobile-header .header-search { position: absolute; top: 0px; left: 0px; width: 100%; display: none; height: 46px; background: #FFF; } .mobile-header .header-search form { position: relative; } .mobile-header .header-search input#s { padding: 10px 50px 10px 15px; height: 46px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: none; background: none #00648E!important; color: #FFF; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } .mobile-header .header-search ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #FFF; } .mobile-header .header-search ::-moz-placeholder { /* Firefox 19+ */ color: #FFF; } .mobile-header .header-search :-ms-input-placeholder { /* IE 10+ */ color: #FFF; } .mobile-header .header-search :-moz-placeholder { /* Firefox 18- */ color: #FFF; } .mobile-header .header-search input[type="submit"] { position: absolute; top: 0px; right: 0px; text-indent: -9999px; width: 38px; height: 100%; background: url(_/inc/images/icon-search.svg) no-repeat left center; padding: 0px; border: none; display: block; } @media all and (max-width: 920px) and (min-width: 0px) { .mobile-header { display: block; margin-top: -22px; position: relative; z-index: 100; } #header { position: relative; z-index: 100; } #header #site-title { margin: 15px 0 11px 14px!important; width: 250px!important; height: 40px!important; background-size: 100% auto!important; } #header #nav { display: none; } a.menu-open { display: block; width: 23px; height: 18px; float: right; margin: 24px 16px 24px 0; text-indent: -9999px; background: url(_/inc/images/burger.svg) no-repeat center center; } a.menu-open.active { background: url(_/inc/images/menu-close.svg) no-repeat center center; } .mobile-nav-active { position: absolute; top: 113px; left: 0px; width: 100%; display: none; height: 10000px; background: rgba(0,0,0,0.4); z-index: 10; } #mobile-nav { display: none; position: absolute; top: 66px; border-top: 1px solid #00648E; width: 100%; left: 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #mobile-nav .mobile-nav-holder { overflow: hidden; margin: 0 0 0 52px; background: #FFF; } #mobile-nav .mobile-nav-back { position: absolute; width: 52px; left: 0px; display: none; /*height: 100%;*/ top: 0px; bottom: -1px; border-right: 1px solid #00648E; border-bottom: 1px solid #00648E; background: url(_/inc/images/mobile-nav-back-link.svg) no-repeat center 19px #FFF; } #mobile-nav ul { width: 300%; position: relative; } #mobile-nav li { display: block; background: none transparent; padding: 0px; margin: 0px; } #mobile-nav li ul { width: auto; } #mobile-nav li ul li { width: auto; } #mobile-nav li a { width: 33.33%; display: block; padding: 16px 40px 16px 20px; border-bottom: 1px solid #00648E; color: #00648E; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; line-height: 14px; } #mobile-nav li.menu-item-has-children a:before { background: url(_/inc/images/mobile-nav-next-blue.svg) no-repeat left top; width: 5px; height: 11px; position: absolute; content: ''; display: block; top: 18px; right: 24px; } #mobile-nav li.menu-item-has-children a:hover:before, #mobile-nav li.menu-item-has-children a.active:before { background-image: url(_/inc/images/mobile-nav-next-white.svg); } #mobile-nav li.menu-item-has-children ul li a:before { display: none; } #mobile-nav li.menu-item-has-children ul li.menu-item-has-children a:before { display: block; } #mobile-nav li.menu-item-has-children ul li.menu-item-has-children ul li a:before { display: none; } #mobile-nav li.menu-item-has-children ul li.menu-item-has-children ul li.menu-item-has-children a:before { display: block; } #mobile-nav li a:hover, #mobile-nav li a.active { background: #00648E; color: #FFF; } #mobile-nav li ul li a { width: auto; } #mobile-nav li ul { position: absolute; top: 0px; left: 33.33%; width: 33.33%; display: none; } #mobile-nav li ul li ul { width: 100%; left: 100%; } #mobile-nav li.nav-languages a { background-color: #E0E1E3; } #mobile-nav li.nav-languages li a { background-color: #FFF; color: #00648E; } #mobile-nav li.nav-languages li a:hover { background-color: #00648E; color: #FFF; } #mobile-nav .mobile-sitelist li, #mobile-nav li.sitelist-li { border-color: #FFF; } #mobile-nav .mobile-sitelist li a, #mobile-nav li.sitelist-li a { background: #e0e1e3; color: #777; border-color: #FFF; } } #breadcrumbs { margin-bottom: 30px; padding-bottom: 0px; } #breadcrumbs a { color: #002A47; text-decoration: none; } #breadcrumbs a:hover { color: #00adee; } /* Homepage specific */ .hp-col-thin { width: 42%; } .hp-col-wide { width: 56%; } #hp-feature { padding: 110px 0 200px; position: relative; overflow: hidden; padding: 250px 0 220px 0; padding: 198px 0 171px 0; padding-bottom: 209px; padding: 0px; height: 530px; position: relative; background: none no-repeat center center; background-size: cover; } #hp-feature .container { position: relative; top: 50%; right: 0px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } #hp-feature .banner-text-holder { padding: 25px 30px 30px 30px; display: inline-block; background: rgba(17,112,149,0.9); } #hp-feature .banner-text-holder-light { background: rgba(255,255,255,0.9); } #hp-feature .banner-text-holder h1 { font-size: 320%; color: #FFF; margin: 0px; max-width: none; } #hp-feature .banner-text-holder-light h1 { color: #117095; } #hp-feature .banner-text-holder p { font-size: 18px; line-height: 26px; color: #FFF; padding: 20px 0 0 0; margin: 0px; } #hp-feature .banner-text-holder-light p { color: #117095; } /*#hp-feature h1 { color: #fff; font-size: 400%; display: inline-block; max-width: none!important; font-size: 45px; display: inline; white-space: pre-wrap; position: relative; border: 0 solid rgba(17,112,149,1); border-width: 0.25em 0; left: 28px; opacity: 0.9; } #hp-feature h1, #hp-feature h1:after { background: rgba(17,112,149,1); } #hp-feature h1:after { content: ""; position: absolute; top: -0.25em; right: 100%; bottom: -0.25em; width: 0.5em; } #hp-feature h1 > span { position: relative; z-index: 1; padding-right: 14px; } #hp-feature p { color: #fff; background: rgba(255, 255, 255, 0.9); padding: 22px 24px; display: block; max-width: 100%; width: 740px; color: #333333; line-height: 31px; font-size: 150%; margin: -27px 0 0 0; font-size: 18px; margin: 15px 0 0 6px; }*/ @media all and (max-width: 640px) and (min-width: 0px) { #hp-feature { height: 400px; } #hp-feature h1 { display: block; width: auto; left: auto; margin: 0px; text-align: center; } #hp-feature h1:after { display: none; } #hp-feature p { margin-top: 5px; } #hp-feature h1 { font-size: 240%; font-size: 160%; } #hp-feature p { margin-left: 0px; } #hp-feature .banner-text-holder h1 { font-size: 26px; line-height: 32px; } #hp-feature .banner-text-holder p { text-align: center; } #hp-feature img, #hp-helped img { height: 100%; width: auto; } } #hp-feature img, #hp-helped img { /* Set rules to fill background */ min-height: 100%; min-width: 100%; max-width: none; width: auto; position: absolute; top: 0; left: 0; z-index: -1; opacity: 1; filter: alpha(opacity=100); /* top: 50%; left: 0px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);*/ /*height: 100%;*/ } #hp-about { padding: 0 0 64px 0; } #hp-about .container { } /*#hp-about .container:after { border-bottom: 2px solid #f3f3f3; display: block; content: ""; padding-bottom: 55px; margin-bottom: 35px; }*/ #hp-about .about-content-left { float: left; width: calc(100% - 280px); } #hp-about .about-content-left p { /*font-size: 22px; line-height: 32px; color: #333333; */ } #hp-about .about-content-right { float: right; width: 240px; } .cta { display: block; box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.1); } .cta img { display: block; width: 100%; } .cta .button { display: block; width: auto; font-size: 16px; line-height: 44px; padding-top: 0px; padding-bottom: 0px; color: #3D3D40!important; text-decoration: none!important; } @media all and (max-width: 640px) and (min-width: 0px) { .cta { box-shadow: none; } .cta .cta-image { display: none; } .cta .button { display: inline-block; } } #hp-about .hp-col-thin { float: left; } #hp-about .hp-col-wide { float: right; position: relative; } #hp-about .hp-col-thin h1 { margin-bottom: 10px;} .hp-col-thin a { padding: 10px 45px 10px 15px; background: url(_/inc/images/btn-bg-blue.png) no-repeat 100% 50% #002A47; color: #fff; border: none; font-size: 115%; display: inline-block; } .tall-bnr-blue, .tall-bnr-green { width: 49%; background-color: #0095D4; color: #fff; text-align: center; } .tall-bnr-blue img, .tall-bnr-green img { margin: 0 auto; } .tall-bnr-blue img.attachment-product-icon, .tall-bnr-green img.attachment-product-icon { width: 40%; } body.home .tall-bnr-blue h2, body.home .tall-bnr-green h2 { color: #fff; font-size: 140%; margin: 35px 0 25px; } body.home .tall-bnr-blue p, body.home .tall-bnr-green p { margin: 30px 0 25px; } .tall-bnr-blue { position: absolute; bottom: 70px; left: 0; background: #0095D4; } .tall-bnr-green { position: absolute; bottom: 70px; right: 0; background: #68A800; } .tall-bnr-blue a, .tall-bnr-green a { padding: 30px 20px; display: block; color: #fff; } #hp-about .search-form { margin: 10px 0; position: absolute; bottom: 0; width: 100%; } input#s { width: 100%; background: url(_/inc/images/icon-magnifying.png) no-repeat 100% 50% #FBFBFB; font-size: 120%; font-weight: normal; } #hp-white-papers { /*padding: 0 0 75px;*/ background: #F5F9FC; padding: 64px 0; } #hp-white-papers .hp-col-thin { float: right; } #hp-white-papers .hp-col-wide { float: left; position: relative; } .white-paper-box { width: 48%; -webkit-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.1); box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.1); position: relative; background: #FFF; } .white-paper-box-inner { padding: 15px; } .white-paper-box h2 { color: #3A4248; font-size: 21px; } .white-paper-box p { color: #3A4248; font-size: 14px; color: #3D3D40; line-height: 25px; } #hp-helped { min-height: 300px; background-size: cover; padding: 40px 0; position: relative; overflow: hidden; } #hp-helped .hp-col-wide { float: right; background: url(_/inc/images/white-grad.png) repeat 0 0; padding: 20px; } #hp-news { padding: 70px 0; } #news-top { text-align: center; padding-bottom: 60px; } #hp-news h1, #hp-helped h1 { margin-bottom: 25px; } .news-box h2 { margin-top: 15px; } #hp-map { background-color: #D1DDE7; background-color: #caeff5; overflow: hidden;} #hp-map .container { position: relative; z-index: 2000 } #map-text { padding: 100px 0; width: 30%; max-width: 290px; position: absolute; top: 0; left: 20px; } #map-text p { font-size: 14px; line-height: 1.6; } #hp-map img { float: right; position: relative; right: -10%; } #hp-map .address-box img { right: auto; width: 100%; max-width: none; height: auto; } #hp-map .address-box { max-width: 375px; width: 90%; position: absolute; top: 40px; right: 0; left: auto; background-color: #F1F1F1; cursor: pointer; } #hp-map .address-box .col-inner { background-color: #fff; width: 100%; } #hp-map .address-box .col-inner h3 { margin-top: 18px; } a.office-deets { text-indent: -9999px; font-size: 1px; display: block; width: 34px; height: 34px; position: absolute; z-index: 1000; } a#show-europe { top: 31%; left: 64.75%; } a#show-america { top: 36%; left: 46%; } a#show-asia { top: 82%; left: 97.975%; } a#show-sydney { top: 78%; left: 100.5%; } a#show-kuwait { top: 42.5%; left: 76%; } a#show-saudi { top: 49%; left: 74.3%; } a#show-Eskilstuna { top: 27.5%; left: 67.75%; } .gm-style img { max-width: none; } /* Basic page layout */ .container #main-col { float: left; width: 71%; /*border-top: 3px solid #79B6D5*/ } body.page-template-page-nosidebar .container #main-col { float: none; width: auto; } #sidebar { float: right; width: 27%; } .subtitle { font-size: 120%; display: block; margin-bottom: 10px; } @media all and (max-width: 920px) and (min-width: 0px) { .container #main-col, #sidebar { float: none; width: auto; } } /*#main-col .post { margin-top: 20px; }*/ body.category.archive #main-col { padding-top: 20px; } #main-col ul { margin: 20px 0; overflow: hidden; } #main-col ul ul li { background-size: 6px; background-position: 6px 8px; } #page-content { padding-bottom: 60px; } #page-content .container { padding-top: 30px; /*padding-top: 70px;*/ } #page-content .container:after { border-bottom: 2px solid #f3f3f3; display: block; content: ""; padding-bottom: 55px; margin-bottom: 35px; } .two-col { float: left; width: 48%; margin-right: 4%; margin-bottom: 20px; margin-top: 20px; } .two-col.last { margin-right: 0; } body.page-id-13 .two-col { margin-top: 0px; margin-bottom: 40px; } .three-col, .news-box { float: left; width: 32%; margin-right: 2%; margin-bottom: 20px; } .three-col.last, .news-box.last { margin-right: 0; } .four-col { float: left; width: 23.5%; margin-right: 2%; margin-bottom: 20px; } .four-col.last { margin-right: 0; } .clear { width: 100%; height: 1px; display: block; clear: both; } .image-and-content { margin: 0 0 64px 0; } .image-and-content .image-holder { float: left; width: 35%; padding: 0 40px 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .image-and-content .content-holder { float: right; width: 65%; } .image-and-content .content-holder h2 { font-size: 320%; } #main-col li { font-size: 16px; } .content-has-quote, .content-has-cta { float: left; padding: 0 0 64px 0; width: calc(100% - 362px); } .content-has-quote p, .content-has-cta p { color: #333333; margin-bottom: 32px; } .content-has-quote p:last-child, .content-has-cta p:last-child { margin-bottom: 0px; } .side-quote { float: right; background: url(_/inc/images/quote-back.jpg) no-repeat right top; padding: 32px; width: 330px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #FFF; } .side-quote p { font-size: 24px; line-height: 35px; margin: 0px; font-style: italic; } .side-quote cite { display: block; font-size: 14px; padding: 0 0 0 28px; color: #FFF; font-style: normal; line-height: 14px; margin: 32px -20px 0 0; position: relative; } .side-quote cite:before { display: block; position: absolute; top: 50%; width: 13px; height: 2px; background: #FFF; content: ''; margin: -1px 0 0 0; left: 0px; } .button a { text-decoration: none; } .side-cta { float: right; width: 330px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; color: #FFF; } .additional-side-widgets { clear: both; padding: 20px 0 0 0; } .additional-side-widgets .widget { float: none!important; } .related-content-outer { background: #F5F9FC; padding: 44px 0 24px 0; position: relative; z-index: 1; } #page-content .related-content-outer .container { padding-top: 0px; } .related-content-outer a, .related-content-outer .col-inner { background-color: #FFF; } .who-are-you-outer { background: #F5F9FC; padding: 64px 0; position: relative; clear: both; z-index: 1; } #page-content .container:after { display: none; } #page-content:after { position: relative; display: block; height: 1px; clear: both; content: ''; } #page-content .who-are-you-outer .container { padding-top: 0px; padding-bottom: 0px; } #page-content .who-are-you-outer .container:after { display: none; } .who-are-you-outer h2 { text-align: center; margin: 0 0 64px 0; font-size: 320%; } .who-are-you-holder { margin: 0 -15px; } .who-are-you-holder section { width: 33.3%; padding: 0 15px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .who-are-you-holder section a.cta-image { position: relative; display: block; } .who-are-you-holder section a.cta-image span.label { text-align: center; font-size: 25px; line-height: 29px; position: absolute; bottom: 19px; left: 0px; width: 100%; display: block; color: #FFF; } .who-are-you-holder section a { text-decoration: none; color: #3D3D40; } .who-are-you-holder section a.button:hover { color: #3D3D40; } /* Home over banner boxes */ .over-banner-boxes { overflow: hidden; margin: -184px 0 64px 0; } .over-banner-boxes .holder { margin: 0 -15px; margin: 0 -38px; } .over-banner-boxes section { width: 33.3%; width: 50%; padding: 0 15px; padding: 0 38px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .over-banner-boxes section a { display: block; text-align: center; background: #333; color: #FFF; min-height: 360px; min-height: 277px; position: relative; box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.1); } .over-banner-boxes section a:hover { opacity: 0.96; } .over-banner-boxes section.box-a a { background-color: #46BAD2; } .over-banner-boxes section.box-b a { background-color: #117095; } .over-banner-boxes section.box-c a { background-color: #707073; } .over-banner-boxes section a h3 { font-size: 22px; line-height: 34px; margin: 0 0 24px 0; font-weight: 700; color: #FFF; padding: 40px 30px 0 30px; } .over-banner-boxes section a p { font-size: 16px; line-height: 24px; padding: 0 20px; } .over-banner-boxes section a img { position: absolute; bottom: 40px; margin: 0 0 0 -11px; left: 50%; display: block; } @media all and (max-width: 920px) and (min-width: 0px) { .over-banner-boxes { margin: 0px 0 30px 0; padding: 20px 0 0 0; } .over-banner-boxes section { float: none; width: auto; margin-bottom: 20px; } .over-banner-boxes section a { padding: 0 0 80px 0; min-height: 0px; } } @media all and (max-width: 640px) and (min-width: 0px) { #hp-about .about-content-left, #hp-about .about-content-right { float: none; width: auto; } .over-banner-boxes section a { padding: 0 0 40px 0; min-height: 0px; } .over-banner-boxes section a h3 { padding-top: 20px; line-height: 24px; margin-bottom: 10px; } .over-banner-boxes section a p { line-height:23px; } .over-banner-boxes section a img { bottom: 20px; width: 12px; margin-left: -6px; } } @media all and (max-width: 920px) and (min-width: 0px) { .content-has-quote, .content-has-cta, .side-quote, .side-cta, .image-and-content .image-holder, .image-and-content .content-holder { float: none; width: auto; } .image-and-content .image-holder { display: none; } } @media all and (max-width: 640px) and (min-width: 0px) { .who-are-you-holder section { float: none; width: auto; margin-bottom: 20px; } .cta .button { display: block; } } /* Case study */ body.single-case-study .container #main-col { float: none; width: auto; } body.single-case-study #page-content h1 { display: none; } .case-study-intro { position: relative; padding: 0 280px 64px 0; } .case-study-intro p { font-size: 250%; line-height: 120%; } .case-study-intro .button { position: absolute; top: 0px; right: 0px; width: 240px; text-decoration: none!important; color: #3D3D40!important; } .case-study-cols { margin: 0 -45px 48px -45px; } .case-study-col { padding: 0 45px; width: 50%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .case-study-col h4 { font-size: 18px; margin: 0 0 16px 0; } .case-study-col p { font-size: 16px; margin: 0px; } @media all and (max-width: 920px) and (min-width: 0px) { .case-study-intro { padding: 0px 0 48px 0; } .case-study-intro .button { position: relative; } .case-study-cols { margin: 0px; } .case-study-col { padding: 0px; width: auto; float: none; margin: 0 0 48px 0; } } /* Page content blocks */ .products-list, .related-list, .casestudy-list { margin: 20px 0; } .casestudy-list .one-col { margin-bottom: 20px; } .casestudy-list .three-col.first { clear: left; } .products-list > div, .news-box, .related-list .three-cols > div, .related-list .four-cols > div, .related-list .two-cols > div, .casestudy-list .three-cols > div, .casestudy-list .one-col, .casestudy-list .two-cols > div, .sub-prod-list > div, #address-grid > .two-col, .related-list .one-col { -webkit-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.1); box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.1); } .products-list .button { width: 100%; } .products-list .col-inner > div { padding-bottom: 2px; } .products-list img, .related-list img, .casestudy-list img { width: 100%; } .col-inner { padding: 15px; } .pic-bg { width: 100%; height: 240px; background-color: #ddd; } .products-list .one-col img { max-width: 250px; float: left; } .products-list .one-col .button { display: inline-block; } .three-col .pic-bg,.four-col .pic-bg { width: 100%; height: 120px; } .one-col .pic-bg {max-width: 250px; float: left; } .one-col .col-inner{ padding-left: 30px; float: left; } .sub-prod-list > div a.read-more { background: url(_/inc/images/arrow-right-small-blue.png) no-repeat right center; color: #117095; } .sub-prod-list > div .col-inner { background-color: #117095; color: #fff; } .sub-prod-list > div:hover { } .sub-prod-list > div:hover a.read-more { color: #fff; border-top: 1px solid #000; /*background-color: #002A47;*/ } .sub-prod-list > div:hover h3, .sub-prod-list > div:hover a { } .sub-prod-list > div h3 { /*padding-left: 20px; background: url(_/inc/images/arrow-right-small.png) no-repeat 0 0.3em;*/ color: #FFF; } .casestudy-list .one-col { position: relative; } .casestudy-list .one-col img, .casestudy-list .one-col .pic-bg { max-width: 50%; float: left; } .whitepapers-list .one-col img, .whitepapers-list .one-col .pic-bg { float: right; } .casestudy-list > div span, .news-box .date-label { color: #578EAA; margin-bottom: 10px; display: block; padding: 0; font-weight: bold; } .casestudy-list > div a.read-more { display: block; } .casestudy-list > div.one-col a.read-more { display: inline-block; width: 50%; padding-left: 30px; position: absolute; bottom: 0; right: 0; } .casestudy-list .one-col .col-inner{ padding-left: 30px; float: left; width: 50%; } .whitepapers-list .one-col .col-inner { float: right; padding-right: 30px; padding-left: 30px; } .whitepapers-list > div.one-col a.read-more { right: auto; left: 0px; } .whitepapers-list .one-col .col-inner h3 { margin-bottom: 10px; } .whitepapers-list .one-col .col-inner p { line-height: 20px; } .related-list .one-col { position: relative; } .related-list .one-col img, .related-list .one-col .pic-bg { max-width: 50%; float: left; } .related-list > div span { color: #578EAA; margin-bottom: 10px; display: block; padding: 0; } .related-list > div a.read-more { display: block; } .related-list > div.one-col a.read-more { display: inline-block; width: 50%; padding-left: 30px; position: absolute; bottom: 0; right: 0; } .related-list .one-col .col-inner{ padding-left: 30px; float: left; width: 50%; } .sub-prod-list .one-col .col-inner{ padding-left: 15px; float: none; } #main-col ul.accordion { } .accordion li { padding: 0; background: none; font-size: 100%; margin-bottom: 1px; } .accordion-header { width: 100%; background-color: #79B6D5; padding: 15px; cursor: pointer; } .accordion-content { padding: 15px 0; } .accordion-header:hover { background-color: #D4E8F2; } .accordion-header.active { background-color: #002A47; } .accordion-header h3, .accordion-header span { color: #002A47; margin: 0; padding: 0; display: inline-block; } .accordion-header.active h3, .accordion-header.active span { background-color: #002A47; color: #fff; } .accordion-header span { float: right; font-size: 90%; padding-right: 20px; background: url(_/inc/images/arrow-down.png) no-repeat 100% 50%; line-height: 22px; } .accordion-header.active span { background: url(_/inc/images/arrow-up.png) no-repeat 100% 50%; } .accordion-content .accord-icon { height: 90px; /* equals max image height */ width: 90px; white-space: nowrap; text-align: center; margin: 0 15px 10px 0; background-color: #79B6D5; float: left; } .accordion-content .accord-icon .helper { display: inline-block; height: 100%; vertical-align: middle; } .accordion-content .accord-icon img { vertical-align: middle; max-height: 70px; max-width: 70px; display: inline; } body.page #news-boxes, body.single #news-boxes { width: 100%; clear: both; } body.home #news-boxes { width: 100%; } .member-home-news #news-boxes { display: flex; } .news-box { display: flex; flex-direction: column; } .news-box img { width: 100%; height: auto; } .news-box-inner { padding: 15px; flex-grow: 1; } .news-box-inner p { font-size: 16px; } .news-box h2 { font-size: 21px; } #infscr-loading { width: 100%; } #infscr-loading img { margin: 0 auto; } /* Sidebar widget stuff */ .widget { margin-bottom: 20px; } .grey-widget { background-color: #f4f4f4; padding: 15px; } .outline-widget { border: 1px solid #f4f4f4; padding: 15px; } #sidebar .button.add-button { width: 100%; margin-bottom: 5px; } .wpfp-img { display: none!important; } #sidebar a.wpfp-link { width: 100%; margin-bottom: 10px; } #sidebar a.wpfp-link.remove { background: url(_/inc/images/btn-bg-green-tick.png) no-repeat 100% 46% #66B550; } #chat-widget.outline-widget { border: none!important; } #chat-widget.outline-widget a { display: block; width: 100%; height: 100%; } #chat-widget { overflow: auto; padding: 0; margin-bottom: 40px; } #chat-widget img { width: 100%; max-height: 120px; } #chat-widget span { color: #a5a5a5; padding: 10px 0 0 15px; display: block; } #chat-widget h2 { padding: 0 0 0 15px; margin-bottom: 10px; } #chat-widget p { color: #79B6D5; padding: 0 0 0 15px; } #general-contact-widget { padding: 15px; background-color: #F4F4F4; } .widget-filter-categories { } .widget-filter-categories h3 { font-size: 180%; } .widget-filter-categories ul { padding: 24px 24px 1px 24px; border: 1px solid #B9B9BA; } .widget-filter-categories li { margin-bottom: 0px; background: none transparent; padding-left: 0px; } .widget-filter-categories li a { display: block; padding: 0 0 0 32px; margin: 0 0 24px 0; line-height: 16px; position: relative; cursor: pointer; color: #333; } .widget-filter-categories li a:before { display: block; position: absolute; top: 0px; left: 0px; content: ''; width: 16px; height: 16px; border: 1px solid #117095; background: url(_/inc/images/tick.png) no-repeat center center; } .widget-filter-categories li.active a:before { background-color: #6CA1BA; } .mem-search-filters { padding: 24px 24px 1px 24px; background: #FFF; border: 1px solid #B9B9BA; } body .mem-search-filters button, body .mem-search-filters a { display: block; padding: 0 0 0 32px; margin: 0 0 24px 0; line-height: 16px; position: relative; cursor: pointer; color: #333!important; background: none transparent!important; float: none; } body .mem-search-filters button:before, body .mem-search-filters a:before { display: block; position: absolute; top: 0px; left: 0px; content: ''; width: 16px; height: 16px; border: 1px solid #117095; background: url(_/inc/images/tick.png) no-repeat center center; } body .mem-search-filters button.active:before, body .mem-search-filters a.active:before { background-color: #6CA1BA; } .widget-filter-case-studies h3 { font-size: 180%; } .widget-filter-case-studies form { padding: 24px 24px 1px 24px; border: 1px solid #B9B9BA; } .widget-filter-case-studies label { display: block; padding: 0 0 0 32px; margin: 0 0 24px 0; line-height: 16px; position: relative; cursor: pointer; color: #333; } .widget-filter-case-studies label span.check { display: block; position: absolute; top: 0px; left: 0px; width: 16px; height: 16px; border: 1px solid #117095; background: url(_/inc/images/tick.png) no-repeat center center; } .widget-filter-case-studies label span.checked, .widget-filter-case-studies label input:checked + span.check { background-color: #6CA1BA; } .widget-filter-case-studies label input { position: absolute; top: 0px; left: -30px; opacity: 0; } .widget-filter-case-studies input[type="submit"] { display: none; } .nav-widget h3 { /*border-bottom: 1px solid #f3f3f3;*/ padding-bottom: 10px; margin-bottom: 0; } ul.side-nav li { display: block; float: none; padding-left: 0; padding: 0 0 16px 0; background: none; background-color: #fff; margin-bottom: 0; } ul.side-nav li a { width: auto; display: block; color: #117095; background: url(_/inc/images/arrow-right-small.png) no-repeat right 50%; border: 1px solid #117095; background-color: #fff; padding: 10px 45px 10px 15px; } ul.side-nav li a:hover { color: #117095; } .demo-form, .quote-form { background: #fff; padding: 15px 15px 5px; border: 1px solid #dfdfdf; } .quote-form { margin-bottom: 5px; } /* Enquiry page */ .enquiry-list-big li { width: 100%; padding: 15px; background: none; background-color: #F8F8F8; margin-bottom: 0; } .enquiry-list-big li.odd { background-color: #fff; } .enquiry-list-big li:hover { background-color: #EEF7FA; } .enquiry-title { width: 70%; float: left; padding-right: 20px;} .enquiry-view { width: 15%; float: left; font-size: 75%; color: #777; } .enquiry-remove { width: 15%; float: left; font-size: 75%; color: #777; margin-top: 15px; display: block; text-align: center; } .enquiry-view a { display: block; padding-left: 25px; background: url(_/inc/images/icon-eye.png) no-repeat 0 50%; color: #777; margin-top: 15px; } .enquiry-remove a.wpfp-link.remove, .enquiry-remove a.wpfp-link.add { display: block; padding: 0 0 0 25px; background: url(_/inc/images/icon-close.png) no-repeat 0 50%; color: #777; margin-bottom: 0; text-align: left; } .enquiry-list-big li h3 { margin-bottom: 5px; font-size: 120%; } .enquiry-list-big li p { color: #777; margin-bottom: 0; } /* Seach page */ .search .searchedfor { display: block; margin: 20px 0; font-size: 150%; } .search .searchedfor span { color: #00ACF5; } .search .hentry { margin: 30px 0; } .search .hentry h2 { font-size: 130%; margin-bottom: 10px; } .search .hentry h2 a { color: #00ACF5; } /* Archive page */ .archive .entry { margin-top: -20px } .archive .hentry { margin: 20px 0; border-bottom: 1px solid #f3f3f3; padding-bottom: 10px; } .archive .hentry h2 { font-size: 130%; margin-bottom: 10px; color: #00ACF5; } .archive .hentry h2 a { color: #00ACF5; } .archive .news-story.three-col { margin-right: 2%; padding-bottom: 0; } /* News boxes */ #news-boxes > div { display: flex; justify-content: space-between;} #news-boxes .news-box { width: 32%; margin-right: 0; float: none; } #news-boxes .news-box.last { margin-right: 0; } /* News page */ .news-story.three-col { width: 31%; flex-basis: 31%; } .news-story { -webkit-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.1); box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.1); } .news-story .col-inner span { color: #578EAA; padding: 0; margin: 0 0 10px; font-weight: bold; } .blog #main-col .entry, .archive.category #main-col .entry { width: 103%; padding-bottom: 40px; } #infscr-loading { bottom: 0; position: absolute; text-align: center; } .archive.category .hentry.news-story { margin: 0 2% 20px 0; border-bottom: none; padding-bottom:0; } #categories-list { margin: 25px 0 } #categories-list ul li { list-style: none; background: none; padding: 0; margin: 0; display: inline-block; } #categories-list ul li a { background-color: #e3e3e3; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px 10px; color: #777; margin: 0 5px 5px 0; margin-bottom: 10px; display: inline-block; } #categories-list ul li a:hover { color: #fff; background-color: #00ACF5; } /* Footer */ #footer { padding: 20px; border-top: 1px solid #EEE; } body.customer-area #footer { display: none; } #footer .right .foot-widget { display: inline-block; } #footer small { font-size: 100%; } .foot-widget ul { text-align: right; } .foot-widget ul li { display: inline-block; padding-left: 0; background: none; } .foot-widget ul li a { display: inline-block; color: rgb(119, 119, 119); } .foot-widget ul#menu-social-menu { margin-right: 20px; } .foot-widget ul#menu-social-menu li { margin-left: 8px; width: 40px; height: 40px; position: relative; top: -23px; } .foot-widget ul#menu-social-menu li a { font-size: 1px; text-indent: -9999px; width: 100%; height: 100%; display: block; color: #fff; } .foot-widget ul li.icon-twit { background: url(_/inc/images/icon-twit.png) no-repeat 0 0; background-size: 40px; } .foot-widget ul li.icon-gplus { background: url(_/inc/images/icon-gplus.png) no-repeat 0 0; background-size: 40px; } .foot-widget ul li.icon-linkedin { background: url(_/inc/images/icon-linkedin.png) no-repeat 0 0; background-size: 40px; } .foot-widget ul#menu-footer-menu li:after { display: inline-block; content: "|"; margin: 0 10px 0 14px; } .foot-widget ul#menu-footer-menu li.last:after { display: none; } /* Contact form stuff */ .form-row { margin-bottom: 10px; } input.wpcf7-text, input.wpcf7-email, textarea.wpcf7-textarea { width: 100%; background: #FBFBFB; } input.wpcf7-submit, input.vfb-submit { padding: 15px 50px 15px 20px; background: url(_/inc/images/btn-bg-blue.png) no-repeat 100% 46% #002A47; color: #fff; border: none; font-size: 120%; display: inline-block; border-radius: 0; margin-top: 10px; } input.wpcf7-text.wpcf7-not-valid, input.wpcf7-email.wpcf7-not-valid { background: #FFE7E7; border: 1px solid #F7B3B2; } .entry .wpcf7 .wpcf7-not-valid-tip { padding-left: 20px; background: url(_/inc/images/arrow-red-left.png) no-repeat 0 0.3em; position: absolute; right: -64%; top: 0; } .wpcf7-validation-errors { display: none!important; } .entry .wpcf7 .form-half .first-name .wpcf7-not-valid-tip { right: -226%; } .entry .wpcf7 .form-half .last-name .wpcf7-not-valid-tip { right: -126%; } input[type='checkbox'] { -webkit-appearance: checkbox; } label.form-label { color: #002A47; display: block; margin-bottom: 10px; } .wpcf7-checkbox .wpcf7-list-item-label { color: #3A4248; position: relative; top:0; display: inline-block; width: 90%; } span.wpcf7-list-item { display: inline-block; margin: 0; width: 100%; } span.wpcf7-list-item input { margin-right: 2%; margin-bottom: 17px; float: left; position: relative; top:5px; } #wpcf7-f106-p91-o1 span.wpcf7-list-item.last { width: 50%; } #wpcf7-f106-p91-o1 span.wpcf7-list-item.first { width: 43%; } .ajax-loader { display: none; } .entry .wpcf7 { padding: 15px; background-color: #f4f4f4; } .entry .form-section, .entry .visual-form-builder { padding: 15px; background-color: #fff; border: 1px solid #d5d5d5; } #form-holder.form-section .form-inner { width: 50%; min-width: 260px; } @media all and (max-width: 480px) and (min-width: 0px) { #form-holder.form-section .form-inner { min-width: 0px; width: 100%; } } .wpcf7-response-output.wpcf7-mail-sent-ok { padding: 100px 15px 50px; background: url(_/inc/images/icon-form-sent.png) no-repeat 50% 40px #fff; border: 1px solid #d5d5d5; font-size: 140%; text-align: center; } .form-inner select { width: 100%; } .form-inner, .entry .visual-form-builder .form-section { background: none; border: none; } .form-inner, .entry .visual-form-builder fieldset.vfb-fieldset { background: none; border: none; } .form-inner, .entry .visual-form-builder .verification { background: none; border: none; } .form-half { width: 50%; float: left; } .form-half .first-name input { -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; border-right: none; } .form-half .last-name input { -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } a.form-expand { display: block; margin-bottom: 10px; padding: 3px 0 3px 30px; background: url(_/inc/images/icon-expandlink.png) no-repeat 0 50%; } .col-inner span { color: #002A47; display: block; margin-top: 10px; padding: 5px 0 5px 30px; } .col-inner span.phone { background: url(_/inc/images/icon-phone.png) no-repeat 0 50%; } .col-inner span.mail { background: url(_/inc/images/icon-envelope.png) no-repeat 0 50%; } .acf-map { width: 100%; height: 225px; } .navigation { display: none; } /* Visual form builder */ #main-col .visual-form-builder fieldset, #sidebar .visual-form-builder fieldset { margin: 0; padding: 0; } #main-col .visual-form-builder fieldset .vfb-section-div.form-section-inner { background: transparent; width: 50%; min-width: 260px; padding: 0; margin: 0; } #main-col .visual-form-builder ul, #sidebar .visual-form-builder ul, #sidebar form.visual-form-builder { margin: 0!important; } #main-col .visual-form-builder .vfb-section-div h4, #sidebar .visual-form-builder .vfb-section-div h4 { border-bottom: none; } #sidebar .visual-form-builder fieldset { border: none; padding: 0; background: none; } #main-col .visual-form-builder .vfb-desc, #sidebar .visual-form-builder .vfb-desc { color: #002A47; font-weight: normal; } #main-col input.vfb-text, #main-col input[type="text"].vfb-text, #main-col input[type="tel"].vfb-text, #main-col input[type="email"].vfb-text, #main-col input[type="url"].vfb-text, #main-col textarea.vfb-textarea, #sidebar input.vfb-text, #sidebar input[type="text"].vfb-text, #sidebar input[type="tel"].vfb-text, #sidebar input[type="email"].vfb-text, #sidebar input[type="url"].vfb-text, #sidebar textarea.vfb-textarea { color: #777; border: 1px solid #d5d5d5; padding: 12px; -webkit-border-radius: 5px; border-radius: 5px; } #main-col input#vfb-49-0, #main-col input#vfb-70-0, #main-col input#vfb-94-0, #main-col input#vfb-107-0, #sidebar input#vfb-49-0, #sidebar input#vfb-70-0, #sidebar input#vfb-94-0, #sidebar input#vfb-107-0 { display: none; } #item-vfb-49 span label, #item-vfb-70 span label, #item-vfb-94 span label, #item-vfb-107 span label { margin-bottom: 10px; padding: 5px 0 5px 30px; background: url(_/inc/images/icon-expandlink.png) no-repeat 0 50%; margin-left: 0; } #main-col .visual-form-builder li.vfb-left-half, #main-col .visual-form-builder li.vfb-right-half, #sidebar .visual-form-builder li.vfb-left-half, #sidebar .visual-form-builder li.vfb-right-half { width: 50%!important; } #main-col .visual-form-builder .vfb-legend, #sidebar .visual-form-builder .vfb-legend { border-bottom: none; margin: 0; } .visual-form-builder-container li { padding-left: 0; background: none; } .vfb-desc { display: block; font-weight: bold; margin-bottom: 5px; } .vfb-span { display: block; } .vfb-span label { display: block; font-size: 90%; color: #999; } li.vfb-item { margin: 0 0 15px; } li.vfb-item.vfb-item-checkbox .vfb-span label {font-size: 100%; margin-left: 10px; position: relative; top: 3px; line-height: 1; margin-bottom: 10px; margin-left: 20px; } li.vfb-item.vfb-item-checkbox .vfb-span input { } #ui-datepicker-div { background: #fff; padding: 10px; border: 1px solid #ccc; } .ui-datepicker-calendar td { padding: 5px; } a.ui-datepicker-prev { float: right; } .ui-datepicker-title { text-align: center; } #main-col input.vfb-checkbox, #main-col input[type="checkbox"].vfb-checkbox, #main-col input.vfb-radio, #main-col input[type="radio"].vfb-radio, #sidebar input.vfb-checkbox, #sidebar input[type="checkbox"].vfb-checkbox, #sidebar input.vfb-radio, #sidebar input[type="radio"].vfb-radio { display: inline-block; } #sidebar input.vfb-text, #sidebar input[type="text"].vfb-text, #sidebar input[type="tel"].vfb-text, #sidebar input[type="email"].vfb-text, #sidebar input[type="url"].vfb-text, #sidebar textarea.vfb-textarea { width: 100%; } input[type="checkbox"] { border: none; padding: 0; height: auto; width: auto; } #item-vfb-106 .vfb-span label { display: inline; } #item-vfb-106 input { position: relative; left: 5px; } /* Login customer section */ /******** Default Styles ********/ html { height: 100%; } body.customer-area { background-color: #f1f7fa; color: #767778; font-family: 'Noto Sans', sans-serif; font-size: 0.875em; /* 14px */ height: 100%; line-height: 1.214; /* 17px */ -webkit-font-smoothing: antialiased; } body.customer-area .btn { background-color: #012b45; color: #fff; display: inline-block; font-size: 1.143em; padding: 11px 18px; position: relative; text-decoration: none; } body.customer-area .btn:after { background: #79b6d2 url(_/inc/images/btn_arrow.png) no-repeat center center; background-size: 7px 12px; content: ''; display: block; height: 100%; position: absolute; right: -26px; top: 0; width: 26px; } body.customer-area p { line-height: 22px; margin: 1em 0; } /******** Sidebar Styles ********/ .mem-menu-bar { display: none; } .mem-menu-close { background: url(_/inc/images/icon-closemenu-white.png) no-repeat center; background-size: 14px; content: ''; cursor: pointer; display: none; height: 44px; position: absolute; right: 0; top: 10px; width: 44px; } .mem-sidebar { background-color: #012b45; height: 100%; left: 0; padding: 63px 16px 0 16px; position: fixed; top: 0; width: 300px; } .mem-sidebar h2 { color: #fff; font-size: 1.571em; font-weight: 700; margin: 0 0 62px; padding: 0 11px; } .mem-sidebar ul { list-style: none; margin: 0; padding: 0 6px; } .mem-sidebar ul li { background: url(_/inc/images/arrow-right-small.png) no-repeat 14px 17px; border-bottom: 1px solid #011826; font-size: 1.143em; margin-bottom: 0; padding-left: 38px; } .mem-sidebar ul li:first-child { border-top: 1px solid #011826; } .mem-sidebar ul li:hover { background-color: #011826; } .mem-sidebar ul .current-menu-item { background: url(_/inc/images/list_item_active.png) no-repeat 6px 10px; background-size: 26px 26px; } .mem-sidebar ul li a { color: #fff; display: block; padding: 14px 0; text-decoration: none; width: 100%; } .mem-sidebar ul li a .update { background-color: #f37a5d; border-radius: 50%; color: #fff; display: block; float: right; padding: 4px 0; margin: -4px 2px 0 0; text-align: center; width: 27px; } .mem-sidebar-footer { bottom: 23px; left: 0; padding: 0 16px; position: absolute; width: 100%; } .logout-btn, .settings-btn { color: #fff; display: block; float: left; font-size: 1.143em; padding: 15px 0; text-align: center; text-decoration: none; width: 100%; } .logout-btn { background: #011826 url(_/inc/images/logout_icon.png) no-repeat 80px 15px; background-size: 18px 21px; padding-left: 15px; } .settings-btn { background: #011826 url(_/inc/images/settings_icon.png) no-repeat 15px 14px; background-size: 21px 21px; border-left: 1px solid #012b45; padding-left: 27px; } .logout-btn:hover, .settings-btn:hover { background-color: #010e15; } .mem-footer { clear: both; border-top: 1px solid #e1e1e1; margin-top: 60px; padding: 30px 0; } .mem-footer .left, .mem-footer .right { width: 50%; } .mem-footer .right { text-align: right; } .mem-footer .right > div { display: inline-block; } /******** Main Content Styles ********/ .mem-main-content { border-left: 1px solid #e0e0e0; height: 100%; margin-left: 300px; padding: 0 46px; position: relative; } .mem-header { border-bottom: 1px solid #dfdfdf; margin-bottom: 40px; padding: 15px 0; position: relative; } .mem-content { float: left; max-width: 840px; width: 65%; margin-right: 30px; padding-bottom: 53px; } .mem-content.mem-content--full-width { float: none; max-width: 1050px; width: 100%; } .mem-content-title { float: left; margin-top: 10px; min-height: 120px; width: 100%; padding-right: 130px; } .mem-content-title h1, .mem-content-title p { margin: 0; } .mem-content-title h1 { color: #3a4247; font-size: 2.357em; margin: 15px 0 12px; } .mem-content-title p { color: #767778; font-size: 1.286em; } .mem-header .mem-logo { position: absolute; top: 15px; right: 0; } .overlay { background-color: rgba(0, 0, 0, 0.3); display: none; height: 100%; left: 300px; position: fixed; top: 0; width: 100%; z-index: 10; } .mem-content-sidebar { float: left; max-width: 355px; width: 30%; margin-bottom: 30px; } .mem-dash-left { float: left; max-width: 560px; width: 54%; } .mem-dash-right { float: right; width: 43%; } .mem-upsell-container { background-color: #fff; padding: 17px; } .mem-news-dash, .mem-all-news, .mem-all-resources, .mem-all-training { margin: 0 -10px 0 -10px; } .mem-item-wrapper { float: left; padding-right: 10px; padding-left: 10px; width: 33.33333333%; } .mem-news-dash .mem-item-wrapper { width: 50%; } .mem-news-dash .mem-section-title { margin: 0 10px 36px; } .mem-news-dash .mem-news-item { position: relative; } .mem-dash-upsell { margin-bottom: 30px; } .mem-dash-right .mem-dash-support-request { float: none; width: 100%; } .mem-content-text { margin-bottom: 30px; } /**** Content Styles ****/ .mem-featured-image { margin-bottom: 30px; } .mem-latest-news { float: left; max-width: 560px; width: 54%; } .mem-resources, .dash-faqs { max-width: 455px; clear: both; width: 100%; } .mem-section-title { margin-bottom: 36px; } .mem-section-title h2 { color: #3a4247; float: left; font-size: 1.571em; margin: 0; } body.customer-area .mem-section-title p { float: right; line-height: 1.857em; margin: 0; } .mem-section-title p a { color: #578ea7; text-decoration: none; } .mem-flex { display: flex; } .mem-flex .mem-content { order: 1; } .mem-flex .mem-content-sidebar { order: 2; } /**** Latest News Styles ****/ .mem-news-article { background-color: #fff; padding: 18px 17px; } .mem-news-article img { margin-bottom: 18px; } .article-date { color: #578ea7; margin: 0 0 9px; } .mem-news-article h2 { color: #3a4247; font-size: 1.571em; margin: 0 0 51px; } .mem-news-article .btn { margin-top: 136px; } /**** Support Request Styles ****/ .mem-dash-support-request { float: right; width: 43%; } .page-template-page-customer-new-support .mem-dash-support-request { float: none; width: 450px; } .mem-new-support-request { background-color: #fff; } .mem-new-support-request h4 { background-color: #012b45; color: #fff; font-size: 16px; margin: 0; padding: 16px; } .mem-new-support-request form { padding: 0 20px 20px; } .mem-new-support-request .form-input { position: relative; } .mem-new-support-request .form-input:before, .mem-new-support-request .form-input:after { content: ''; display: table; } .mem-new-support-request .form-input:after { clear: both; } .mem-new-support-request label { color: #012b45; display: block; font-size: 14px; margin: 20px 0 10px; } .mem-new-support-request span { color: #dc6767; } .mem-new-support-request input[type="text"], .mem-new-support-request input[type="email"], .mem-new-support-request textarea, .mem-new-support-request select { background-color: #fbfbfb; border: 1px solid #d5d5d5; width: 100%; } .mem-new-support-request select { background: #fbfbfb; border-radius: 4px; height: 42px; line-height: 42px; padding: 5px 5px 0; } .mem-new-support-request p { color: #9e9e9e; font-size: 12px; } .mem-new-support-request .js-file-upload { background-color: #012b45; border: 0 none; color: #fff; float: left; height: 32px; position: relative; text-align: center; width: 120px; } .mem-new-support-request .form-attachment { border-bottom: 1px solid #d5d5d5; float: right; width: 65%; } .mem-new-support-request input[type="file"] { display: none; } .mem-new-support-request .attachment-filename { color: #012b45; display: inline-block; font-size: 14px; margin: 0; padding: 7px 10px; } .mem-new-support-request .remove-attachment { float: right; position: relative; } .mem-new-support-request .remove-attachment:before { background-color: #fff; border: 2px solid #79b6d2; border-radius: 50%; color: #79b6d2; content: 'x'; cursor: pointer; height: 15px; line-height: 12px; position: absolute; right: 0; text-align: center; top: 8px; width: 15px; } .mem-new-support-request input[type="submit"] { border-radius: 0; display: block; float: left; } .mem-new-support-request .required-text { float: right; margin: 20px 0 0; } .mem-new-support-request .help-icon { background: url(_/inc/images/help-icon.png) no-repeat center; cursor: pointer; float: right; height: 19px; margin-top: -2px; width: 19px; } .mem-new-support-request .helper-text { background-color: #fbfbfb; border: 1px solid #d5d5d5; border-radius: 4px; display: none; margin: 0; padding: 10px; position: absolute; right: -120px; width: 250px; z-index: 100; } .mem-new-support-request .alert { border: 1px solid transparent; border-radius: 4px; margin: 20px 0; padding: 13px 12px; } .mem-new-support-request .alert-error, .mem-new-support-request select.required, .mem-new-support-request input[type="text"].required, .mem-new-support-request textarea.required { background-color: #f2dede; border: 1px solid #ebccd1; color: #a94442; } .mem-new-support-request .error { background-color: #f2dede; border: 1px solid #ebccd1; color: #a94442; margin-top: 5px; padding: 5px; } .mem-new-support-request .form-attachments { margin-bottom: 30px; } .mem-new-support-request input[type="file"] { float: left; margin-bottom: 0; width: 30%; } #fileList { float: right; list-style: none; margin: 0; padding: 0; width: 65%; } #fileList li, .mem-attachments li { background: transparent; border-bottom: 1px solid #e1e1e1; margin-bottom: 0; padding: 8px 10px; } .mem-attachments { margin-top: 10px !important; } .mem-attachments li a { color: #767778; } .mem-find-support-request { width: 100%; } .mem-find-support-request .mem-search-field { float: left; width: 563px; } .mem-filter-field { margin-top: 20px; width: auto !important; } .mem-find-support-request .button { float: right; } .mem-support-requests-pagination { margin: 30px 0; text-align: center; width: 100%; float: left; } .mem-support-requests-pagination li { display: inline-block; background: none; padding-left: 0; margin-right: 20px; } .mem-support-requests-list { clear: both; } .mem-support-request-headings { display: table; width: 100%; } .mem-support-request-headings-row { display: table-row; height: 55px; width: 100%; } .mem-support-request-headings-row > div { display: table-cell; padding: 0 15px; vertical-align: middle; width: 17.5%; } .mem-support-request-headings-row-6-col > div { width: 14%; } .mem-support-request-headings-row > div:first-child { width: 30%; } .mem-support-request-heading a { text-decoration: underline; font-size: 12px; } .mem-support-request-heading a span { display: inline-block; } .mem-support-requests { display: table; width: 100%; } .mem-support-request { display: table-row; height: 55px; width: 100%; } .mem-support-request > div { border-bottom: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf; display: table-cell; padding: 0 15px; vertical-align: middle; width: 17.5%; } .mem-support-requests-6-col .mem-support-request > div { width: 14%; } .mem-support-request > div:first-child { width: 30%; } .mem-support-request:first-child > div { border-top: 1px solid #dfdfdf; } .mem-support-request > div:first-child { border-left: 0 none; } .mem-support-request > div > p { line-height: 14px; margin: 0; font-size: 11px; } .mem-support-request-title p { padding: 10px 0; } .mem-support-request-title a { color: #012b45; } .mem-support-request-title a:hover { text-decoration: underline; } .mem-support-request-exec { background: url(_/inc/images/support-exec-icon.png) no-repeat left center; padding-left: 30px !important; } .mem-support-table { width: 100%; float: left; margin-top: 30px; } .mem-support-table tr { background: #e3f0f7; } .mem-support-table tr:nth-child(odd) { background: transparent; } .mem-support-table tr.highlight { background: #fff89c; } .mem-support-table td { font-size: 12px; vertical-align: middle; padding: 10px; } .mem-support-table thead td a { text-decoration: underline; } /**** Resource Styles ****/ .mem-resource { background-color: #fff; margin-bottom: 8px; padding: 12px 16px 36px; } .mem-resource:hover { cursor: pointer; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .2); box-shadow: 0 2px 2px rgba(0, 0, 0, .2); } .mem-resource h4 { font-size: 1.286em; line-height: 1.389em; margin: 0; min-height: 30px; padding-left: 40px; } .mem-resource h4.functional-overviews { background: url(_/inc/images/icon-functional-overview.png) no-repeat left center; background-size: 30px 30px; } .mem-resource h4.installation-documents { background: url(_/inc/images/icon-installation-documentation.png) no-repeat left center; background-size: 30px 30px; } .mem-resource h4.release-notes { background: url(_/inc/images/icon-release-notes.png) no-repeat left center; background-size: 30px 30px; } .mem-resource h4.surveys { background: url(_/inc/images/icon-survey.png) no-repeat left center; background-size: 30px 30px; } .mem-resource h4.system-requirement-documents { background: url(_/inc/images/icon-system-requirements.png) no-repeat left center; background-size: 30px 30px; } .mem-resource h4.white-paper { background: url(_/inc/images/icon-white-paper.png) no-repeat left center; background-size: 30px 30px; } .mem-resource h4.manual { background: url(_/inc/images/icon-manual.png) no-repeat left center; background-size: 30px 30px; } .mem-resource h4.videos { background: url(_/inc/images/icon-video.png) no-repeat left center; background-size: 30px 30px; } .mem-resource h4 a { color: #3a4247; text-decoration: none; } .mem-resource span { background-color: #e3e3e3; border-radius: 5px; color: #555; display: inline-block; margin-right: 5px; padding: 6px 13px; } /**** Support Request Detail Styles ****/ .mem-support-detail { width: 100%; } .mem-support-detail-summary { border-bottom: 1px solid #dfdfdf; } .mem-support-detail-summary h2 { margin-bottom: 10px; } .mem-support-detail-form { margin-top: 40px; } .customer-area .mem-section-title.mem-support-detail-summary p { clear: both; float: none; line-height: 1; margin-bottom: 30px; } .customer-area .mem-section-title p.mem-support-detail-summary-case { clear: none; float: left; line-height: 2.2; margin-bottom: 0; padding-left: 10px; } .mem-support-detail-info { float: left; width: 46%; } .mem-support-detail-info ul { list-style: none; margin: 0 0 45px; padding: 0; } .mem-support-detail-info li { background: none; color: #767778; margin-bottom: 5px; padding: 7px 0; } .mem-support-detail-info li span { color: #012b45; display: inline-block; width: 60%; } .mem-support-detail-info h4 { color: #012b45; font-size: 14px; margin-bottom: 0; } .mem-support-detail-updates { float: left; padding-left: 50px; width: 54%; } .mem-support-detail-updates h3 { border-bottom: 1px solid #dfdfdf; font-size: 22px; margin-bottom: 32px; padding-bottom: 20px; } .mem-support-detail-update { background: url(_/inc/images/support-exec-round-icon.png) no-repeat left top; border-bottom: 1px solid #dfdfdf; padding-left: 63px; margin-bottom: 30px; } .mem-support-detail-update h4 { color: #767778; font-size: 14px; margin: 0 0 5px; } .mem-support-detail-update h5 { color: #3f474c; font-size: 12px; font-style: italic; margin: 0 0 20px; } .mem-support-detail .mem-support-detail-update p { margin-bottom: 35px; } .mem-button-group { float: left; } .mem-button-group a { float: left; clear: both; margin-bottom: 10px; min-width: 243px; } .mem-button-group-right { float: right; } .mem-button-group-right a { float: right; } /**** Customer area vfb styles ****/ /* hide verification stuff */ .customer-area .vfb-fieldset.verification .vfb-legend, .customer-area .vfb-fieldset.verification .vfb-item { display: none; } .customer-area .vfb-fieldset.verification .vfb-item-submit { display: block; padding: 0 !important; } .customer-area .vfb-fieldset.verification .vfb-item-submit input { margin-top: 0; } .customer-area .visual-form-builder .vfb-fieldset.verification ul { padding-top: 0 !important; } /**** FAQ Styles ****/ .dash-faq { margin-bottom: 1px; } .dash-faq h5 { background-color: #79b6d2; color: #012b45; cursor: pointer; font-size: 1.143em; margin: 0; padding: 16px 110px 16px 16px; position: relative; } .dash-faq h5:after { background: url(_/inc/images/list_item_down_arrow.png) no-repeat right center; background-size: 12px 7px; content: ''; display: block; height: 7px; margin-top: -3px; position: absolute; right: 24px; top: 50%; width: 12px; } .dash-faq .faq-content { background-color: #fff; max-height: 0; overflow: hidden; -webkit-transition: max-height 0.5s ease; -moz-transition: max-height 0.5s ease; -o-transition: max-height 0.5s ease; transition: max-height 0.5s ease; } .dash-faq .faq-inner { padding: 18px 18px 23px; } body.customer-area .dash-faq .faq-inner p { margin: 0; } .dash-faq.active { margin-bottom: 23px; } .dash-faq.active h5 { background-color: #012b45; color: #fff; } .dash-faq.active h5:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .dash-faq.active .faq-content { max-height: 100px; } .dash-faq-link-icon { position: relative; display: inline-block; bottom: -2px; margin-right: 4px; } /******** Resources Page Styles ********/ .mem-search-field form { margin-bottom: 27px; position: relative; } .mem-search-field input[type="text"], .mem-search-field select { background-color: #fff; border: 1px solid #d5d5d5; border-radius: 3px; color: #767778; font-family: 'Noto Sans', sans-serif; font-size: 1.143em; padding: 11px 11px 10px; width: 100%; -webkit-font-smoothing: antialiased; } .mem-search-field input[type="text"]::-webkit-input-placeholder, .mem-search-field input[type="text"]:-moz-placeholder, .mem-search-field input[type="text"]::-moz-placeholder, .mem-search-field input[type="text"]:-ms-input-placeholder { color: #b0b0b0; } .mem-search-field input#s { background: #fff; font-size: 1.143em; } .mem-search-field input[type="submit"] { background: transparent url(_/inc/images/search_btn.png) no-repeat center center; background-size: 25px 25px; border: 0; height: 25px; position: absolute; right: 14px; top: 10px; width: 25px; } .mem-search-filters { margin: 20px 0; } .mem-search-filters h2 { color: #3a4247; font-size: 1.571em; margin: 0 0 22px; } .mem-search-filters ul { list-style: none; margin: 0; padding: 0; } .mem-search-filters button, .mem-search-filters a { background: none; background-color: #e3e3e3; border-radius: 5px; color: #555; cursor: pointer; display: inline-block; float: left; margin-bottom: 8px; margin-right: 8px; padding: 6px 13px; border: none; font-size: 14px; } .mem-search-filters button:hover, .mem-search-filters button.active, .mem-search-filters a:hover, .mem-search-filters a.active { background-color: #00adef; color: #fff; } .mem-all-resources .mem-resource { margin: 0 0px 15px 0; min-height: 175px; position: relative; } .mem-all-resources .mem-item-wrapper { width: 50%; } .mem-resource-popup { background-color: #fff; display: none; left: 46px; padding: 27px 21px 38px; position: absolute; top: 47px; width: 924px; z-index: 20; } .mem-resource-header { border-bottom: 1px solid #f3f3f3; margin-bottom: 20px; padding-bottom: 10px; } .mem-resource-title { float: left; } .mem-resource-title h4 { color: #3a4247; font-size: 1.286em; line-height: 30px; margin: 0; min-height: 30px; padding-left: 40px; } .mem-resource-title h4.functional-overviews { background: url(_/inc/images/icon-functional-overview.png) no-repeat left center; background-size: 30px 30px; } .mem-resource-title h4.installation-documents { background: url(_/inc/images/icon-installation-documentation.png) no-repeat left center; background-size: 30px 30px; } .mem-resource-title h4.release-notes { background: url(_/inc/images/icon-release-notes.png) no-repeat left center; background-size: 30px 30px; } .mem-resource-title h4.surveys { background: url(_/inc/images/icon-survey.png) no-repeat left center; background-size: 30px 30px; } .mem-resource-title h4.system-requirement-documents { background: url(_/inc/images/icon-system-requirements.png) no-repeat left center; background-size: 30px 30px; } .mem-resource-title h4.white-paper { background: url(_/inc/images/icon-white-paper.png) no-repeat left center; background-size: 30px 30px; } .mem-resource-title h4.videos { background: url(_/inc/images/icon-video.png) no-repeat left center; background-size: 30px 30px; } .mem-resource-title .tag { background-color: #e3e3e3; border-radius: 5px; color: #555; display: inline-block; margin-right: 5px; padding: 6px 13px; } .mem-resource-btns { float: right; text-align: right; } .mem-resource-btns .close-btn { color: #578ea7; cursor: pointer; } .mem-resource-btns .btn { display: block; margin: 17px 26px 0 0; } .mem-resource-content img { display: block; margin: 62px auto; } .mem-resource-download-btn { margin-top: 20px; } .mem-resource-cat { bottom: 16px; left: 16px; position: absolute; } /******** News Page Styles ********/ .mem-news-item, .mem-training-item { background-color: #fff; cursor: pointer; margin: 0 0 20px 0; position: relative; -webkit-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.1); box-shadow: 0px 3px 4px 1px rgba(0,0,0,0.1); } .mem-news-item img, .mem-training-item img { width: 100%; } .mem-training-event-thumbnail { height: 160px; overflow: hidden; position: relative; } .mem-training-event-thumbnail img { height: 100%; left: 50%; margin-left: -50%; position: absolute; width: 100%; } .mem-training-item { padding: 0; } .mem-training-item h4 { padding-left: 0; background: none; } .mem-training-item span { background-color: #fff; padding: 0; } .mem-news-overview { background-color: #fff; padding: 16px 17px 17px; } .mem-news-overview .article-date { margin-bottom: 5px } .mem-news-overview h4 { font-size: 1.286em; margin: 0 0 10px; overflow: hidden; } .mem-news-overview h4 a { color: #3a4247; text-decoration: none; } .mem-news-overview span { color: #bfbfbf; display: block; font-size: 0.857em; margin-bottom: -4px; } .mem-news-overview p:last-child { padding-bottom: 30px; } .mem-training-event-content { min-height: 48px; } .mem-news-item .read-more, .mem-training-item .read-more { background-color: #fff; border-top: 1px solid #f3f3f3; bottom: 0; display: block; color: #578ea7; left: 0; padding: 12px 19px 15px; position: absolute; text-decoration: none; width: 100%; } .mem-news-item:hover .read-more, .mem-training-item:hover .read-more { background: url(_/inc/images/arrow-right-small.png) no-repeat 100% 50% #002A47; border-top: 1px solid #000; color: #fff; } .mem-news-popup, .mem-form-popup { background-color: #fff; display: none; left: 50%; margin-left: -372px; padding: 27px 21px 38px; position: absolute; top: 47px; z-index: 20; } .mem-news-popup .close-btn, .mem-form-popup .close-btn { color: #578ea7; cursor: pointer; float: right; margin-bottom: 20px; position: relative; z-index: 200; } .mem-news-banner { clear: both; position: relative; } .mem-news-banner img { height: auto; margin-bottom: 15px; max-width: 100%; } .mem-news-header h2 { font-size: 3.143em; margin: 0 0 5px; } .mem-news-header p { margin: 0 0 19px; } .mem-news-header .tag { background-color: #e3e3e3; border-radius: 5px; color: #555; display: inline-block; margin-right: 5px; padding: 6px 13px; } .mem-news-content { width: 703px; } /******** Product Updates Page Styles ********/ .mem-product-updates { width: 560px; } .mem-product-update-article { background-color: #fff; padding: 18px 17px; } .mem-product-update-article img { margin-bottom: 18px; } .mem-product-update-article .btn { margin-top: 136px; } .mem-downloads { width: 455px; } .mem-downloads h2 { position: relative; } .mem-downloads h2 .update { background-color: #f37a5d; border-radius: 50%; color: #fff; display: block; font-size: 0.727em; padding: 4px 0; position: absolute; right: -40px; text-align: center; top: 1px; width: 27px; } .mem-download { background-color: #fff; margin-bottom: 8px; padding: 12px 16px 21px; } .mem-download h4 { color: #3a4247; font-size: 1.286em; line-height: 1.389em; margin: 0; } .mem-download .download-btn { background: url(_/inc/images/download_icon.png) no-repeat left center; background-size: 20px 18px; color: #578ea7; padding-left: 32px; text-decoration: none; } .mem-downloads h2 .update.no-updates { background-color: #ddd; } .mem-no-downloads { background-color: #ededed; padding: 40px 0; text-align: center; } .mem-no-downloads p { color: #c2c1c1; font-size: 1.286em; } /******** Help Page Styles ********/ .mem-default-content { background-color: #fff; padding: 18px 17px; width: 100%; max-width: 560px; } .question { width: 560px; } .question-content { background-color: #fff; padding: 18px 17px; } .question-content form { margin-top: 38px; } .question-content label { color: #012b45; display: block; margin-bottom: 7px; } .question-content select, .question-content textarea { background-color: #fbfbfb; border: 1px solid #d5d5d5; border-radius: 3px; color: #9e9e9e; font-family: 'Noto Sans', sans-serif; margin-bottom: 30px; width: 100%; -webkit-font-smoothing: antialiased; } .question-content select { height: 38px; } .question-content .btn { border: 0; font-family: 'Noto Sans', sans-serif; padding: 11px 40px; -webkit-font-smoothing: antialiased; } .question-content textarea { height: 206px; padding: 11px 11px 10px; } .help-faqs .shuffle { border-top: 1px solid #dfdfdf; } .faq { z-index: 10; } .faq h5 { border-bottom: 1px solid #dfdfdf; color: #012b45; cursor: pointer; font-size: 1.143em; margin: 0; padding: 16px 110px 16px 16px; position: relative; } .faq h5:hover { background-color: #012b45; color: #fff; } .faq h5:after { background: url(_/inc/images/list_item_down_arrow.png) no-repeat right center; background-size: 12px 7px; content: ''; display: block; height: 7px; margin-top: -3px; position: absolute; right: 24px; top: 50%; width: 12px; } .faq .faq-content { background-color: #fff; max-height: 0; overflow: hidden; -webkit-transition: max-height 0.45s ease; -moz-transition: max-height 0.45s ease; -o-transition: max-height 0.45s ease; transition: max-height 0.45s ease; } .faq .faq-inner { padding: 8px 18px 12px; } .faq .faq-inner ol { padding-left: 20px; } .faq .faq-inner li { background: none; color: #767778; line-height: 22px; margin-bottom: 10px; padding-left: 0; } .faq.active { z-index: 100; } .faq.active h5 { background-color: #012b45; color: #fff; } .faq.active h5:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .faq.active .faq-content { max-height: 3000px; -webkit-transition: max-height 0.75s ease; -moz-transition: max-height 0.75s ease; -o-transition: max-height 0.75s ease; transition: max-height 0.75s ease; } /******** Contact us Page Styles ********/ .customer-area .col-inner { background-color: #fff; } .contact-details { margin-top: 119px; } .contact-details h4, .contact-details a, .contact-tel { color: #012b45; font-size: 1.143em; } .contact-details h4 { margin: 0 0 11px; } .contact-details p { margin: 0; } .contact-details a { text-decoration: none; } .contact-details .contact-tel { background: url(_/inc/images/tel_icon.png) no-repeat left center; background-size: 20px 21px; line-height: 21px; padding-left: 34px; margin-top: 27px; } .contact-details .contact-email { background: url(_/inc/images/email_icon.png) no-repeat left center; background-size: 24px 18px; line-height: 18px; padding-left: 35px; margin: 23px 0 46px; } .view-all { background: url(_/inc/images/list_item_arrow.png) no-repeat left center; background-size: 7px 12px; padding-left: 22px; } /******** Contact All Page Styles ********/ .contacts h2 { background: url(_/inc/images/back_arrow.png) no-repeat left 9px; background-size: 7px 12px; padding-left: 20px; } .contact-tile { float: left; margin: 0 24px 31px 0; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .1); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .1); box-shadow: 0 2px 5px rgba(0, 0, 0, .1); } .tile-content { background-color: #fff; min-height: 270px; padding: 19px 20px 34px; position: relative; } .tile-content h4, .tile-content a { color: #012b45; font-size: 1.143em; } .tile-content h4 { margin: 0 0 11px; } .tile-content p { margin: 0; } .tile-content a { text-decoration: none; } .mem-contact-info { bottom: 34px; position: absolute; } .mem-contact-info .contact-tel { background: url(_/inc/images/tel_icon.png) no-repeat left center; background-size: 20px 21px; line-height: 21px; padding-left: 34px; margin-top: 27px; } .mem-contact-info .contact-email { background: url(_/inc/images/email_icon.png) no-repeat left center; background-size: 24px 18px; line-height: 18px; padding-left: 35px; margin: 23px 0 0; text-decoration: none; } .mem-section .address-box { background-color: #fff; } .product-updates { width: 100%; max-width: 560px; padding: 30px 18px 17px; background-color: #fff; margin-top: 0; } /**** Blog Styles ****/ .archive__title { border-bottom: 1px solid #f3f3f3; margin: 0; padding-bottom: 10px; } .archive__year { background: #fff url(_/inc/images/arrow-right-small.png) no-repeat 0 20px; border-bottom: 1px solid #f3f3f3; cursor: pointer; margin: 0; padding: 15px 0 15px 20px; } .archive__months { display: none; margin: 15px 0 -15px; padding: 0; } .archive__months--open { display: block; } .archive__month { background: #fff url(_/inc/images/arrow-right-small.png) no-repeat 0 20px; border-top: 1px solid #f3f3f3; cursor: pointer; margin: 0; padding: 15px 0 15px 20px; } .archive__posts { display: none; border-top: 1px solid #f3f3f3; margin: 15px 0 -5px; padding-top: 10px; } .archive__posts--open { display: block; } .archive__post { background: #fff url(_/inc/images/arrow-right-small.png) no-repeat 0 10px; margin: 0; padding: 5px 0 5px 20px; } .archive__link { color: #3A4248; display: block; } .archive__link:hover { color: #002A47; } /* Print styles! -------------------------------------------------------------------------------*/ @media print { } /* Media queries! -------------------------------------------------------------------------------*/ @media screen and (max-width: 1100px) { #nav li a { padding: 20px 10px; display: block; } #nav li { font-size: 115%; } } @media screen and (max-width: 920px) { h1 { max-width: 100%; } #head-widgets, #enquiry-widget { display: none; } #header #site-title { margin-top: 15px; margin-left: 10px; } #header #site-title { height: 40px; margin-left: 20px; background-size: auto 40px; } #header, #header .container { padding: 0; } #nav { position: absolute; width: 100%; z-index: 1000; } /*a.menu-open { display: block; } a.close-menu { display: block; width: 14px; height: 14px; background: url(_/inc/images/icon-closemenu.png) no-repeat 0 0; background-size: 14px; text-indent: -999px; float: left; margin-top: 14px; margin-left: 10px; } */ .mobile-widget { margin-left: 40px; } /*a.menu-open { display: block; width: 29px; height: 19px; background: url(_/inc/images/icon-openmenu.png) no-repeat 0 0; background-size: 29px; position: absolute; right: 20px; top: 28px; text-indent: -999px; } */.menu-main-navigation-container { display: none; } #mobile-nav .menu-main-navigation-container { display: block; margin-left: 40px; } body { -webkit-text-size-adjust: none;} #mobile-nav-top { width: 100%; background-color: #fff; border-bottom: 1px solid #e8e8e8; padding: 15px 10px; overflow: auto; } #mobile-nav-top .enquiry-list { float: right; } #nav li { float: none; background-color: #fff; border-bottom: 1px solid #e8e8e8; } #nav ul { margin-bottom: 0; } #nav li ul.sub-menu { display: none; } #nav li:hover ul.sub-menu { } #nav li a { border-left: 1px solid #e8e8e8; background-color: #fff; } #nav li ul.sub-menu li a { } #nav li.no-link { padding: 20px; } #nav ul#menu-languages-menu li { border-bottom: 1px solid #fff; } #nav ul#menu-languages-menu li a { background-color: #E0E1E3; color: #8d8d8d; } #nav ul#menu-languages-menu li a:hover, #nav ul#menu-languages-menu li.selected a { background-color: #F0F1F3; } .enquiry-list { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: 0; } #nav li.menu-item-has-children>a { background: url(_/inc/images/arrow-down-big.png) no-repeat 95% 50% #fff; background-size: 17px; } #nav li.current-menu-item.menu-item-has-children>a { background: url(_/inc/images/arrow-up-big.png) no-repeat 95% 50% #fff; } #nav li.menu-item-has-children a:hover, #nav li.current-menu-item.menu-item-has-children a:hover { background-color: #002A47; } #nav li:hover ul.sub-menu, #nav li.current-menu-item ul.sub-menu { display: block; } #nav li ul.sub-menu { left: auto; position: relative; -webkit-box-shadow: 0; -moz-box-shadow: none; box-shadow: none; border-top: 1px solid #e8e8e8; } #nav li ul.sub-menu li { padding: 0; } #nav li ul.sub-menu li a { width: 100%; } #news-boxes { display: block; } #news-boxes > div { display: block; } .two-col, .four-col, .three-col, .news-box, #news-boxes .news-box { float: none; width: auto; margin-right: 0; display: block; } .infinite-scroller .three-col { float: left; } /* Regular page stuff */ #sidebar { width: auto; float: none; } #main-col { width: auto; float: none; } #chat-widget { display: none; } .container { padding: 0 15px; } } @media screen and (max-width: 760px) { #hp-about .hp-col-thin, #hp-white-papers .hp-col-thin { text-align: center; margin-bottom: 30px; } #hp-about .search-form { position: relative; bottom: auto; } .tall-bnr-blue, .tall-bnr-green { position: relative; bottom: auto; top:0; float: left; } .tall-bnr-blue { margin-right: 2%; } .hp-col-wide, .hp-col-thin { width: auto; float: none!important; } #hp-about .search-form { display: none; } } @media screen and (max-width: 580px) { /* Home page stuff to begin */ /*#site-title { height: 108px; }*/ body.home #news-boxes:before, body.home #news-boxes::before { padding-bottom: 20px; } /*body .news-box-inner { height: auto!important; }*/ body .news-box { margin-bottom: 10px!important; } body.home h1 { font-size: 220%; } body.home h2 { font-size: 140%; } .tall-bnr-blue, .tall-bnr-green { width: auto; float: none; } .tall-bnr-blue { margin-right: 0; } .white-paper-box { width: auto; float: none; margin-bottom: 20px; } #hp-about .container:after { border-bottom: 0; padding-bottom: 15px; margin-bottom: 15px; } #hp-helped .hp-col-wide { padding: 10px; } #hp-helped { min-height: 0; background-size: cover; padding: 20px 0; } #hp-news .news-box a.button { display: none; } #map-text { padding: 30px 0; width: auto; max-width: none; position: relative; top: auto; left: 0; text-align: center; } #hp-map img, #hp-map .address-box { display: none; } #footer .right { float: none; width: 100%; } .foot-widget ul { text-align: center; width: 100%; } .foot-widget ul#menu-social-menu { margin-right: 20px; padding-right: 10px; } #hp-map .container { background: url(_/inc/images/map-bg-mobile.png) no-repeat 50% 0; background-size: cover; } #hp-news { padding: 30px 0; } #news-top { padding-bottom: 0; } .news-box { text-align: center; } .news-box img { width: 80%; margin: 0 auto; } .news-box .pic-bg { width: 80%; height: 160px; background-color: #ddd; margin: 0 auto; } .bx-wrapper { position: relative; width: 70% } .bx-controls { position: absolute; top: 25%; width: 100%; } .bx-controls a { text-indent: -9999px; font-size: 1px; width: 20px; height: 40px; } .bx-prev { float: left; background: url(_/inc/images/arrow-prev.png) no-repeat 0 0; background-size: 20px; position: relative; left: -45px; } .bx-next { float: right; background: url(_/inc/images/arrow-next.png) no-repeat 0 0; background-size: 20px; position: relative; right: -45px; } /* Regular page specific */ #header { border-bottom: none; } #page-content h1 { font-size: 200%; } .products-list .one-col img { max-width: none; float: none; } .products-list .one-col .col-inner { padding-left: 15px; float: none; } .products-list .one-col .button, .products-list .two-col .button, .products-list .three-col .button { width: auto; } .two-column-text .two-col { width: auto; float: none; margin-right: 0; margin: 0; } .two-col .pic-bg { height: 140px; } .products-list .three-col, .sub-prod-list .three-col { float: none; width: auto; margin-right: 0; } .products-list .three-col img { max-width: none; float: none; } .casestudy-list .one-col img, .casestudy-list .one-col .pic-bg { max-width: 100%; float: none; width: 100%; } .casestudy-list .one-col .col-inner { padding-left: 15px; float: none; width: 100%; padding-bottom: 40px; } .casestudy-list > div.one-col a.read-more { display: block; width: 100%; padding-left: 15px; position: absolute; bottom: 0; right: 0; left 0; } .casestudy-list .three-col { width: auto; } .casestudy-list .bx-controls { top: 45%; } .case-study-clearfix { display: none!important; } .casestudy-list .three-col.first { clear: none; } /* News page */ .news-story.three-col { width: auto; margin-right: 0; float: none; } .blog #main-col .entry, .archive.category #main-col .entry { width: 100%; } .products-list > div, .related-list .three-cols > div, .casestudy-list .three-cols > div, .casestudy-list .two-cols > div, .sub-prod-list > div, #address-grid > .two-col {-webkit-box-shadow: 0; -moz-box-shadow: none; box-shadow: none;} .products-list > div a.read-more, .sub-prod-list > div a.read-more { border: 1px solid #eee } .products-list > div:hover a.read-more, .sub-prod-list > div:hover a.read-more { border: 1px solid #002A47 } .related-list .three-cols > div a.read-more, .related-list .two-cols > div a.read-more, .casestudy-list .three-cols > div a.read-more, .casestudy-list .two-cols > div a.read-more { position: relative; top: -25px; } .accordion-header span { display: none; } .accordion-header h3 { font-size: 120%; } .form-inner { width: 100%; min-width: 0; } .enquiry-view { display: none; } .enquiry-remove { width: 30%; } .enquiry-remove a.wpfp-link.remove { display: block; width: 100%; height: 100%; text-align: center; padding: 0 } #wpcf7-f106-p91-o1 span.wpcf7-list-item.first, #wpcf7-f106-p91-o1 span.wpcf7-list-item.last { float: none; width: 100%; } } /* Visual Form Builder Overides -------------------------------------------------------------------------------*/ .customer-area .visual-form-builder fieldset { background-color: #fff; border: 1px solid #d5d5d5; border-radius: 0; margin: 0; padding: 15px; } .customer-area .visual-form-builder fieldset.verification { border-top: 0; } .customer-area .visual-form-builder .vfb-legend { margin: 0; padding: 0; border-bottom: 3px solid #79B6D5; color: #3A4248; } .customer-area .visual-form-builder .vfb-legend h3 { font-size: 28px; } .customer-area .visual-form-builder ul { margin: 0!important; padding: 20px 0 0!important; } .customer-area .visual-form-builder ul li { padding: 10px 0 5px!important; } .customer-area .visual-form-builder label, .customer-area label.vfb-desc { color: #002A47; font-weight: normal!important; } .customer-area .visual-form-builder label .vfb-required-asterisk { font-weight: normal!important; } .customer-area .visual-form-builder label.vfb-error { color: red; font-weight: bold!important; } .customer-area input.vfb-text, .customer-area input[type="text"].vfb-text, .customer-area input[type="tel"].vfb-text, .customer-area input[type="email"].vfb-text, .customer-area input[type="url"].vfb-text, .customer-area textarea.vfb-textarea, .customer-area select.vfb-select { color: #777; } .customer-area input.vfb-text, .customer-area input[type="text"].vfb-text, .customer-area input[type="tel"].vfb-text, .customer-area input[type="email"].vfb-text, .customer-area input[type="url"].vfb-text, .customer-area textarea.vfb-textarea { padding: 12px; border: 1px solid #d5d5d5; border-radius: 5px; } .customer-area input.vfb-text.vfb-error, .customer-area input[type="text"].vfb-text.vfb-error, .customer-area input[type="tel"].vfb-text.vfb-error, .customer-area input[type="email"].vfb-text.vfb-error, .customer-area input[type="url"].vfb-text.vfb-error, .customer-area select.vfb-select.vfb-error, .customer-area textarea.vfb-textarea.vfb-error { border: 1px solid #d5d5d5; } .customer-area input.vfb-text.vfb-error:focus, .customer-area input[type="text"].vfb-text.vfb-error:focus, .customer-area input[type="tel"].vfb-text.vfb-error:focus, .customer-area input[type="email"].vfb-text.vfb-error:focus, .customer-area input[type="url"].vfb-text.vfb-error:focus, .customer-area textarea.vfb-textarea.vfb-error:focus { border: 1px solid #d5d5d5!important; } /* Customer Portal media queries -------------------------------------------------------------------------------*/ /* Medium devices */ @media (max-width: 1199px) { .mem-content-title { margin-top: 0; } .mem-logo { width: 110px; } .mem-logo img { height: 110px; width: 110px; } .mem-content { float: none; width: 100%; margin-bottom: 30px; margin-right: 0; max-width: none; padding-bottom: 0; } .mem-content-sidebar { float: none; margin-bottom: 30px; max-width: none; width: 100%; } .mem-latest-news { float: none; margin-bottom: 30px; max-width: none; width: 100%; } .mem-dash-left, .mem-dash-right { float: none; max-width: none; width: 100%; } .mem-support-detail-info { float: none; } .mem-support-detail-updates { float: none; margin-top: 60px; padding-left: 0; width: 100%; } .mem-support-detail-info { width: 73%; } .mem-news-dash { float: none; margin-bottom: 30px; max-width: none; } .mem-support-requests-list { border-top: 1px solid #dfdfdf; } .mem-support-request-headings { display: none; } .mem-support-requests { display: block; } .mem-support-request { border-bottom: 1px solid #dfdfdf; display: block; height: auto; padding: 20px 0; width: auto; } .mem-support-request > div { border: 0 none; display: block; padding: 0; vertical-align: initial; width: 100%; } .mem-support-request:first-child > div { border-top: 0 none; } .mem-support-request > div:first-child { width: 100%; } .mem-support-request-title p { font-size: 16px; padding: 0; } .mem-support-request-status { margin: 10px 0; } .mem-find-support-request .mem-search-field { width: 50%; } .mem-footer .left, .mem-footer .right { float: none; width: 100%; } .mem-footer .right { text-align: left; } .mem-footer .foot-widget #menu-social-menu { margin-bottom: 0; } .mem-footer .foot-widget ul#menu-social-menu li { margin-right: 8px; margin-left: 0; } .mem-flex { display: block; } } /* Small devices */ @media (max-width: 979px) { .mem-content-title { padding-right: 0; } .mem-menu-bar { background-color: #012b45; display: block; padding: 11px 30px; transition: transform 0.5s; } .mem-menu-bar button { border: 0; background-color: #012b45; color: #fff; font-size: 16px; font-weight: 700; padding: 13px 0; } .mem-menu-bar button:active, .mem-menu-bar button:focus { outline: 0; } .mem-menu-close { display: block; } .mem-sidebar { position: absolute; -webkit-transform: translateX(-300px); transform: translateX(-300px); transition: transform 0.5s; } .mem-main-content { border-left: 0; -webkit-transform: translateX(-300px); transform: translateX(-300px); transition: transform 0.5s; padding: 0 25px; width: 100%; } .mem-sidebar--open { overflow: hidden; } .mem-sidebar--open .mem-menu-bar { -webkit-transform: translateX(298px); transform: translateX(298px); } .mem-sidebar--open .mem-sidebar { -webkit-transform: translateX(0); transform: translateX(0); } .mem-sidebar--open .mem-main-content { -webkit-transform: translateX(0); transform: translateX(0); } .mem-latest-news { float: left; width: 55%; } .overlay { left: auto; } } /* Mobile devices */ @media (max-width: 768px) { .mem-menu-bar { padding: 11px 20px; } .mem-content-title { max-width: 75%; } .mem-content-title h1 { font-size: 26px; } .mem-content-title p { font-size: 18px; } .mem-logo { max-width: 25%; text-align: right; } .mem-logo img { display: inline; height: auto; width: 100%; max-width: 88px; } .mem-main-content { padding: 0 15px; } .mem-latest-news { float: none; width: 100%; } .mem-dash-support-request { float: none; width: 100%; } .page-template-page-customer-new-support .mem-dash-support-request { width: 100%; } .mem-news-content { margin: 0 auto; width: 100%; } .mem-all-resources .mem-resource { display: block; margin: 0 0 15px; width: 100%; } .mem-all-news .mem-item-wrapper { width: 50%; } .mem-all-training .mem-item-wrapper { width: 50%; } } /* Extra small devices */ @media (max-width: 530px) { .mem-news-item, .mem-training-item { width: 100%; } .mem-support-detail-info li span { display: block; margin-bottom: 10px; width: auto; } .mem-find-support-request .mem-search-field { width: 100%; } .mem-find-support-request .button { float: left; margin-bottom: 30px; } .mem-item-wrapper, .mem-news-dash .mem-item-wrapper { float: none; width: 100%; } .mem-news-dash .mem-news-item { margin: 0 0 30px 0; width: 100%; } .mem-upsell-container iframe { height: 230px; width: 100%; } .mem-all-news .mem-item-wrapper { width: 100%; } .mem-all-training .mem-item-wrapper { width: 100%; } .mem-all-resources .mem-item-wrapper { width: 100%; } } .mem-errors { color: #a94442; background-color: #f2dede; border-color: #ebccd1; margin-bottom: 20px; padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .mem-errors .mem-errors-error p { margin: 0; } /* Short viewports */ @media (max-height: 668px) { .mem-sidebar { overflow-y: scroll; } .mem-sidebar-footer { bottom: auto; left: auto; margin: 60px 0 20px; padding: 0 ; position: static; } } /* Change colours of links */ .related-list a, .sub-prod-list a, .casestudy-list a, .news-story a, .products-list a { color: #777; text-decoration: none; } .related-list a.read-more { color: #117095; } .related-list a.read-more:hover { color: #FFF; } .related-list a:hover, .sub-prod-list a:hover, .casestudy-list a:hover, .news-story a:hover, .products-list a:hover { color: #777; } .related-list a.read-more, .sub-prod-list a.read-more, .casestudy-list a.read-more, .news-story a.read-more, .products-list a.read-more { color: #117095; } .related-list a.read-more:hover, .sub-prod-list a.read-more:hover, .casestudy-list a.read-more:hover, .news-story a.read-more:hover, .products-list a.read-more:hover { color: #FFF; } .col-inner span.mail a, .col-inner span.phone a { color: #002A47; text-decoration: none; } /* Flipping books modal */ .flipping-book-iframe { width: 100%; height: 80vh; } a.flipping-book-thumb { box-shadow: 0px 3px 14px 1px rgba(0,0,0,0.1); text-decoration: none; margin: 0 30px 20px 0; float: left; } .flipping-book-thumb img { float: left; width: 180px; height: auto; } .flipping-book-inner { overflow: hidden; padding: 15px; } .flipping-book-content p { margin-bottom: 0; color: #777; } .case-study-banner-title-clearfix { clear: both; display: block; height: 24px; } @media all and (max-width: 640px) and (min-width: 0px) { .case-study-banner-title-clearfix { height: 0px; } } .case-study-wrapper { } .case-study-wrapper .case-study-sidebar .button { width: 100%; margin: 0 0 20px 0; text-decoration: none!important; color: #3D3D40!important; } body.single-case-study .container #main-col .case-study-wrapper #main-col { float: left; width: 71%; } @media all and (max-width: 920px) and (min-width: 0px) { body.single-case-study .container #main-col .case-study-wrapper #main-col { float: none; width: auto; } } body.postid-61 .content-has-quote { padding-bottom: 0px; } body.postid-61 .image-and-content { margin-bottom: 0px; } @media all and (max-width: 1000px) and (min-width: 0px) { #hp-map img { display: none; } #map-text { max-width: 100%; position: static; width: auto; padding: 30px 0; } } body .mem-search-filters button, body .mem-search-filters a { text-align: left; } .widget-side-cta-mobile { display: none; } @media all and (max-width: 920px) and (min-width: 0px) { .widget-side-cta-mobile { display: block; } #sidebar .widget-side-cta { display: none; } } @media all and (max-width: 690px) and (min-width: 582px) { .casestudy-list .one-col .col-inner { height: auto!important; margin-bottom: 30px!important; } } .enquiry-list-big { display: none; } @media all and (max-width: 767px) and (min-width: 0px) { html.pum-open.pum-open-overlay-disabled.pum-open-fixed .pum-container, html.pum-open.pum-open-overlay.pum-open-fixed .pum-container { max-height: 70vh!important; overflow: auto!important; } } /* Swedish tweaks */ .post-type-archive-white-paper.site-id-45 .widget-filter-categories, .post-type-archive-white-paper.site-id-45 .outline-widget, .post-type-archive-branschguider.site-id-45 .widget-filter-categories, .post-type-archive-branschguider.site-id-45 .outline-widget { display: none; } /* Portal changes */ .page-template-page-customer-portalhome .member-nav { display: none !important; } .page-template-page-customer-portalhome .mem-menu-bar { display: none !important; } .page-template-page-customer-portalhome .member-header { padding-top: 62px; } .member-nav { background: #56C9DD; padding: 15px 0; position: relative; z-index: 2; } .member-nav div.menu-member-menu-container { display: block; float: right; } .member-nav div.menu-member-menu-container ul { display: block; list-style: none; margin: 0px; padding: 0px; } .member-nav div.menu-member-menu-container li { background: none; margin: 0px; display: block; float: left; padding: 0 20px; border-right: 1px solid #FFF; } .member-nav div.menu-member-menu-container li:last-child { padding-right: 0px; border: none; } .member-nav div.menu-member-menu-container li a { float: left; display: block; line-height: 18px; color: #FFF; font-size: 15px; font-weight: bold; } .member-header { background: #FFF; padding: 32px 0; position: relative; z-index: 1; box-shadow: 0 2px 7px 0 rgba(0,0,0,0.20); } .member-header .member-logo { float: left; display: block; line-height: 48px; } .member-header .member-logo img { display: inline-block; vertical-align: middle; } .member-header .btn { float: right; } body.customer-area { background: #FFF; } body.customer-area .btn { padding: 14px 18px 15px 18px; background-color: #56C9DD; margin-right: 26px; cursor: pointer; } body.customer-area .btn:after { background-color: #4DB4C6; background: url(./_/inc/images/arrow-right-small-white-single.png) no-repeat center center #4DB4C6; } body.customer-area .btn:hover { opacity: 0.8; } .mem-main-content, .mem-footer { border: none; margin: 0px; height: auto; padding: 0px; margin: 0 auto; } .mem-main-content, .mem-footer { max-width: 1100px; margin: 0 auto; padding: 0 10px; position: relative; } .upsell-banner { padding: 96px 0; padding: 30px 0; background: none no-repeat center center; background-size: cover; } .upsell-banner.dont-resize { height: auto!important; } .upsell-banner .mem-main-content { position: relative; } .upsell-banner.dont-resize .mem-main-content { height: auto!important; } .upsell-banner .upsell-banner-text-holder { position: relative; top: 50%; left: 0px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } .upsell-banner.dont-resize .upsell-banner-text-holder { top: auto; transform: none; -webkit-transform: none; -ms-transform: none; } .upsell-banner .upsell-banner-text { padding: 48px 64px; max-width: 510px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: rgba(255, 255, 255, 0.8); } .upsell-banner .upsell-banner-text h2 { font-size: 40px; line-height: 60px; margin: 0 0 20px 0; padding: 0px; } .upsell-banner .upsell-banner-text p { font-size: 18px; line-height: 26px; padding: 0px; color: #3D3D40; margin: 0px; } .upsell-banner .upsell-banner-text .btn { margin: 43px 0 0 0; font-size: 16px; line-height: 19px; } .portal-user-guide { padding: 88px 0; } .portal-user-guide .image-holder { float: right; width: 48%; } .portal-user-guide .content-holder { float: left; width: 52%; padding: 42px 110px 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .portal-user-guide .content-holder h2 { font-size: 40px; line-height: 60px; margin: 0 0 20px 0; padding: 0px; } .portal-user-guide .content-holder p { font-size: 16px; line-height: 26px; padding: 0px; color: #3D3D40; margin: 0px; } .portal-user-guide .content-holder p a { color: #56C9DD; text-decoration: underline; } @media all and (max-width: 1100px) and (min-width: 0px) { .portal-user-guide .content-holder { padding: 0 30px 0 0; } } @media all and (max-width: 1023px) and (min-width: 0px) { .portal-user-guide .image-holder { float: none; width: auto; text-align: center; } .portal-user-guide .image-holder img { margin: 0 auto; } .portal-user-guide .content-holder { float: none; width: auto; padding: 30px 0 0 0; text-align: center; } } .member-home-news { padding: 46px 0 32px 0; } .member-home-news h2.heading { font-size: 40px; line-height: 60px; margin: 0 0 26px 0; } .member-home-news #news-boxes .news-box { width: 31%; margin-right: 3%; } .member-home-news #news-boxes .news-box.last { margin-right: 0px; } body.customer-area .member-home-news #news-boxes .news-box p { line-height: 26px; } .member-home-news #news-boxes .news-box a.read-more { padding: 15px 24px 16px 24px; color: #56C8DD; font-size: 16px; line-height: 19px; } .member-home-news #news-boxes .news-box .news-box-inner { padding: 25px; } .member-home-news #news-boxes .news-box a.read-more:hover { background-color: #56C8DC; color: #FFF; border-top: 1px solid #56C8DC; } .member-product-updates { background: #4DB4C6; padding: 60px 0 1px 0; } .member-product-updates h2.heading { font-size: 40px; line-height: 60px; margin: 0 0 26px 0; color: #FFF; } .member-product-updates .casestudy-list { margin: 0 0 63px 0; } .member-product-updates .casestudy-list .one-col { background: #FFF; margin: 0px; } .member-product-updates .casestudy-list .one-col .col-inner { padding: 44px 32px; } .member-product-updates .casestudy-list .one-col img, .member-product-updates .casestudy-list .one-col .pic-bg { height: 318px; } .member-product-updates .casestudy-list > div span, .member-home-news .news-box .date-label { color: #4DB4C6; margin: 0 0 13px 0; padding: 0px; } .member-product-updates .casestudy-list .one-col h3 { font-size: 18px; line-height: 28px; margin: 0 0 18px 0; } .member-product-updates .casestudy-list .one-col h3 a { color: #3D3D40; } .member-product-updates .casestudy-list .one-col p { font-size: 16px; line-height: 26px; } .member-product-updates .casestudy-list > div.one-col a.read-more { padding: 15px 24px 16px 24px; color: #56C8DD; font-size: 16px; line-height: 19px; } .member-product-updates .casestudy-list > div.one-col a.read-more:hover, .member-product-updates .casestudy-list > div.one-col:hover a.read-more { background-color: #56C8DC; color: #FFF; border-top: 1px solid #56C8DC; } .overlay { left: 0px; } body.page-template-page-customer-portalresources .mem-footer { } .mem-footer { overflow: hidden; padding: 50px 0 0 0; } @media (max-width: 979px) { .mem-main-content { transform: none!important; transition: none!important; } } @media screen and (max-width: 920px) { .member-home-news #news-boxes { display: block; } .member-home-news #news-boxes .news-box { display: block; float: none; width: auto; margin-right: 0; } } @media all and (max-width: 979px) and (min-width: 0px) { .mem-menu-bar { display: block; } .member-nav { display: none; } .mem-sidebar--open .mem-menu-bar { -webkit-transform: none; transform: none; } .mem-sidebar--open .member-nav { display: block; } .member-nav div.menu-member-menu-container { float: none; } .member-nav div.menu-member-menu-container li { padding: 0px; margin: 0px; border: none; float: none; } .member-nav div.menu-member-menu-container li a { display: block; float: none; padding: 15px 0; text-align: center; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .member-product-updates .casestudy-list { margin-bottom: 20px; } .member-product-updates .casestudy-list .one-col .col-inner { padding-left: 15px; padding-top: 20px; } } @media all and (max-width: 767px) and (min-width: 0px) { .mem-news-popup, .mem-form-popup { left: auto; margin: 0px; } .member-header { padding: 20px 0; } .member-header .container { text-align: center; } .member-header .member-logo { float: none; width: auto; margin: 0 auto 0 0; } .member-header .btn { float: none; width: auto; position: absolute!important; top: -78px; right: 10px; } .upsell-banner .upsell-banner-text { max-width: none; padding: 30px; } .upsell-banner .upsell-banner-text h2, .portal-user-guide .content-holder h2 { font-size: 30px; line-height: 40px; } }