for hybrid, only apply the above to the first tab, simple apply the col divs without the parent system-colset one
--> need to introduce spacing between tab content and tabs
*/
.system-colset { }
.system-colset .threecol-one, .system-colset .threecol-two, .application-colset .threecol-one, .application-colset .threecol-two {
margin: 20px 0 0 20px;
}
.system-colset .threecol-one, .application-colset .threecol-one { width: 260px; }
.system-colset .threecol-one.first, .application-colset .threecol-one.first { margin-right: 20px; width: 360px; }
.system-colset .threecol-one.first p, .application-colset .threecol-one.first p { font-size: 17px; }
.system-colset .threecol-one h3, .application-colset .threecol-one h3 { font-size: 18px; }
ul.disc li{
background: url("images/bullet-disc.png") no-repeat scroll 0 6px transparent ;
list-style: none outside none;
padding-left: 18px;
line-height: 1.5em;
margin-bottom: 10px;
}
.single-post ul.disc li{
background: url("images/bullet-disc.png") no-repeat scroll 0 6px transparent !important;
list-style: none outside none;
padding-left: 18px;
line-height: 1.5em;
}
/* --------------- GLASS PAGE CONTENT -------------------------- */
.system-img-gla{
background-image:url('/wp-content/uploads/2013/11/glass-main.jpg') !important;
height: 280px;
}
.entry .system-img-gla h2{
color: #fff !important;
position: relative;
top: 20px;
font: 36px 'Abel',arial,sans-serif !important;
padding: 10px 20px 20px 20px;
margin-bottom: 0px;
}
.entry .system-img-gla h3{
width: 300px;
color: #fff !important;
position: relative;
top: 20px;
font: 23px 'Abel',arial,sans-serif !important;
padding: 10px 20px 20px 20px;
}
.glass-left{
width: 340px;
float: left;
}
.glass-left p{
font-size: 18px !important;
padding: 20px;
}
.glass-right{
width: 640px;
float: left;
margin-top: -41px;
}
.glass-right .shortcode-tabs, .info-right .shortcode-tabs{
background: none;
-moz-opacity:1; -webkit-opacity:1;
border-radius: 0px;
-webkit-border-radius:0px !important;
clear: both;
display: block;
height: auto;
margin-bottom: 20px !important;
padding: 0px !important;
}
.glass-right .shortcode-tabs .tab, .info-right .shortcode-tabs .tab{
padding: 20px 20px 20px 20px !important;
background: #f5f5f5 !important;
}
.glass-right .shortcode-tabs ul.tab_titles li.nav-tab a, .info-right .shortcode-tabs ul.tab_titles li.nav-tab a {
background: #e5e5e5;
font: 16px Arial,sans-serif;
text-transform: none;
color: #666666;
padding: 10px 20px 10px 20px;
border-right: 1px solid #666666;
border-bottom: 1px solid #666666;
}
.glass ul.tab_titles li.ui-tabs-active a {
border-radius: 0px !important;
background: #f5f5f5 !important;
color: #009c6e !important;
margin-bottom: 0px !important;
border-bottom: 1px solid #f5f5f5;
}
.info ul.tab_titles li.ui-tabs-active a {
border-radius: 0px !important;
background: #f5f5f5 !important;
color: #00539a !important;
border-bottom: 1px solid #f5f5f5;
}
.shortcode-tabs ul.tab_titles li.nav-tab a:hover {
border-radius: 0px !important;
background: #f5f5f5;
}
#wrapper #main .nav-tab.ui-state-active a{
border-bottom-color: #f5f5f5;
}
.shortcode-tabs ul.tab_titles li.nav-tab{
margin-left: 0px !important;
}
.page .entry .glass-right .tab img {
border: 0px solid #C7C7C7 !important;
}
.system-img-info{
height: 280px;
}
.system-img-info.finishes{
background-image:url('/wp-content/uploads/2015/08/finishes-main-swatch.jpg') !important;
}
.system-img-info.materials{
background-image:url('/wp-content/uploads/2013/11/materials-main.jpg') !important;
}
.entry .system-img-info.finishes h2{
color: #6a6a6a !important;
}
.entry .system-img-info h2{
color: #fff !important;
width: 300px;
position: relative;
top: 20px;
font: 30px 'Abel',arial,sans-serif !important;
padding: 10px 20px 20px 20px;
margin-bottom: 0px;
}
.info-left{
width: 340px;
float: left;
}
.entry .info-left p{
font-size: 16px !important;
padding: 20px 20px 0px 20px;
margin-bottom: 0px !important;
}
.info-right{
width: 640px;
float: left;
margin-top: -41px;
}
.info-right h3{
font-weight: bold;
}
.info-right .tab h3, .glass-right .tab h3{
font-weight: bold;
line-height: 1em;
}
.info-right p{
margin-right: 20px;
}
.info-right p.underline{
border-bottom: 1px dotted #b2b2b2;
padding-bottom: 17px;
}
.page .entry .info-right .tab img, .page .entry .glass-right .tab img {
border: 0px solid #C7C7C7 !important;
margin-top: 0px;
}
/*/////////////////MATERIALS/FINISHES PAGE BRANDING//////////////////////////*/
.page.post-2758, .page.post-2756, .page.post-2768 {
background-image: url(images/bg-fullwidth-tile_1-3white_2-3grey.png);
background-repeat: repeat-y;
background-position: top left;
}
.search-results .page.post-2758, .search-results .page.post-2756, .search-results .page.post-2768 {
background-image: none;
}
ul.sys li{
list-style: none outside none;
padding: 5px 10px 5px 30px;
}
ul.sys li a{
color: #6A6A6A;
}
ul.sys li.alu{
background: url("images/bullet-logo-system-alumin-small.png") no-repeat scroll 0 3px transparent !important;
}
ul.sys li.hyb{
background: url("images/bullet-logo-system-hybrid-small.png") no-repeat scroll 0 3px transparent !important;
}
ul.sys li.fib{
background: url("images/bullet-logo-system-fibre-small.png") no-repeat scroll 0 3px transparent !important;
}
/*/////////////////ARCHITECTURAL SYSTEMS PAGE//////////////////////////*/
.lW { float: left; clear: left; height: 22px; }
.rW { float: right; clear: right; height: 22px; }
.page-id-43 #content{
padding-bottom: 0px !important;
}
.border-top{
border-top: 1px solid #E5E5E5;
}
.border-bottom {
border-bottom: 1px solid #e5e5e5;
}
.padding{
padding-top: 20px;
padding-bottom: 20px;
}
h3.matrix-link{
background: url("images/icon-matrix.png") no-repeat scroll 0% 50% rgba(0, 0, 0, 0) !important;
padding-left: 50px !important;
font: 22px 'Source Sans Pro',arial,sans-serif !important;
}
p.matrix-link{
line-height: 22px !important;
float: right;
margin-bottom: 0px !important;
}
p.matrix-link a{
color: #666666;
/*background: url("images/bullet-arrow-nav-alu_.png") no-repeat scroll 100% 50% rgba(0, 0, 0, 0);
padding-right: 12px !important; */
}
/* ---------------------------------------------------------------------------- */
/* ///////////////// [ #6 ] WIDGETS /////////////////////////////////////////// */
/* ____________________________________________________________________________ */
/* --------------------------------------------------------------- */
/* GENERIC SETTINGS */
.widget ul li a { line-height: inherit; }
/* --------------------------------------------------------------- */
/* WOODOJO TWITTER */
.widget_woodojo_tweets li { font: 15px/1.2 Arial,Helvetica,Sans-Serif; }
.widget_woodojo_tweets li .time-ago { color: #999; display: block; font: 12px/1.2 Arial,Helvetica,Sans-Serif; padding-top: 0.3em; }
.widget_woodojo_tweets li .time-ago:before { color: #00b0f9; font-family: FontAwesome; font-size: inherit; content: "\f017 \00a0"; }
/*.accordion-title:before { font-family: "FontAwesome"; font-size: 20px; content: "\f007 \00a0"; padding: 0; }*/
#woodojo_tweets-4 h2 { display: none; } /* prevent brief flash of this element before javascript loads */
/* --------------------------------------------------------------- */
/* NAVIGATION */
/* --------------------------------------------------------------- */
/* SLIDERS */
.text-thumbnail-pointer .slide-arrows a.next { right: 5px; }
.text-thumbnail-pointer .slide-arrows a.previous { left: 5px; }
/* ----- sliderpro layers : SITE GUIDE slide ----- */
.site-guide-screenies .four-col-one { width: 160; margin-right: 20px; margin-bottom: 0; }
.advanced-slider .site-guide-description.layer.black { background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.3); }
.entry .site-guide-screenies h2 { font: 30px/30px Abel, DINWeb-Light, Arial, Helvetica, sans-serif; margin: 30px 0 10px; }
.site-guide-description h2 { font: 24px/24px Abel, DINWeb-Light, Arial, Helvetica, sans-serif; margin: 20px 0 20px; }
.site-guide-description h2 a { text-decoration: none; }
.site-guide-description h2 a:hover { text-decoration: underline; }
.site-guide-description h2 i { color: #3981bf; }
.site-guide-screenies p, .site-guide-description p { margin-top: 0; }
.site-guide-description p { line-height: 1.2 }
.entry .site-guide-screenies img {
display: block;
-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.2);
box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.5);
}
.site-guide-screenies .screenie-link { text-align: center; margin-top: 10px; }
.site-guide-screenies .screenie-link a { font: 400 21px/21px 'PT Sans Narrow', Arial, Helvetica, sans-serif; text-decoration: none; }
.site-guide-screenies .screenie-link a:hover { text-decoration: underline; }
.site-guide-screenies i { color: #8ec8f9; }
.site-guide-screenies.layer { padding: 0; }
.site-guide-screenies .colset { margin-top: 30px; }
.site-guide-description .bxo-sec-ico-panel--btn { background: #1274c8; border: none; padding: 0; }
.site-guide-description .bxo-sec-ico-panel__h--btn { font: 300 16.5px 'Open Sans Condensed', 'PT Sans Narrow', 'Arial Narrow', Arial, Helvetica, Sans-Serif; color: #fff; }
.site-guide-description .bxo-sec-ico-panel__h--btn i { color: #8ec8f9; position: relative; left: 5px; }
.site-guide-description .bxo-sec-ico-panel__a--btn {
background: #1274c8; /* Old browsers */
background: -moz-linear-gradient(top, #8aa3b8 0%, #1062a6 50%, #2a8ad8 50%, #02539a 51%, #03569f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8aa3b8), color-stop(50%,#1062a6), color-stop(50%,#2a8ad8), color-stop(51%,#02539a), color-stop(100%,#03569f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8aa3b8 0%,#1062a6 50%,#2a8ad8 50%,#02539a 51%,#03569f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8aa3b8 0%,#1062a6 50%,#2a8ad8 50%,#02539a 51%,#03569f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #8aa3b8 0%,#1062a6 50%,#2a8ad8 50%,#02539a 51%,#03569f 100%); /* IE10+ */
background: linear-gradient(to bottom, #8aa3b8 0%,#1062a6 50%,#2a8ad8 50%,#02539a 51%,#03569f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8aa3b8', endColorstr='#03569f',GradientType=0 ); /* IE6-9 */
color: #fff;
display: block;
padding: 5px 10px 7px;
text-align: center;
}
.site-guide-description a.bxo-sec-ico-panel__a--btn:hover, .site-guide-description a.bxo-sec-ico-panel__a--btn:active {
background: #a4b7c8; /* Old browsers */
background: -moz-linear-gradient(top, #a4b7c8 0%, #1689e8 50%, #59a4e1 50%, #037de7 51%, #047fea 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a4b7c8), color-stop(50%,#1689e8), color-stop(50%,#59a4e1), color-stop(51%,#037de7), color-stop(100%,#047fea)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a4b7c8 0%,#1689e8 50%,#59a4e1 50%,#037de7 51%,#047fea 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a4b7c8 0%,#1689e8 50%,#59a4e1 50%,#037de7 51%,#047fea 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #a4b7c8 0%,#1689e8 50%,#59a4e1 50%,#037de7 51%,#047fea 100%); /* IE10+ */
background: linear-gradient(to bottom, #a4b7c8 0%,#1689e8 50%,#59a4e1 50%,#037de7 51%,#047fea 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b7c8', endColorstr='#047fea',GradientType=0 ); /* IE6-9 */
display: block;
padding: 5px 10px 7px;
text-decoration: none;
}
/* --------------------------------------------------------------- */
/* ACCORDION SHORTCODES plugin */
/* ----- */
/*flat panel appearane e.g. contact us cta*/
.accordion { border: 1px solid #e5e5e5; margin-bottom: 10px; background: #f8f8f8; }
.accordion-title { font: 500 15px/1 Arial, Helvetica, Sans-Serif ; background: transparent; margin: 0; padding: 6px 8px; cursor: pointer; }
/*.accordion-title.open { font-weight: bold; }*/
.accordion-title.m-narrow { font: 400 19px/1 'Source Sans Pro', 'PT Sans Narrow', Arial, Helvetica, Sans-Serif ; }
.accordion-title.m-narrow.open { font: 600 19px/1 'Source Sans Pro', 'PT Sans Narrow', Arial, Helvetica, Sans-Serif ; }
.accordion-title.open { margin-bottom: 10px; }
.accordion-title.open:hover { cursor: pointer; }
.accordion-title:hover {}
.accordion-title.open { cursor: default; }
.accordion-content { padding: 0 10px 0; }
.accordion-title:after { font-family: "FontAwesome"; font-size: 20px; content: "\00a0 \f13a"; padding: 0; float: right; color: #67a5da; }
.accordion-title.open.accordion-contact-cta:before { content: "\f007 \00a0"; } /* \00a0 = unicode character for space */
.accordion-title.open:after { content: "\00a0 \f139"; }
.entry .accordion-title { margin-bottom: 0; }
/* ----- */
/* contact box callout */
.accordion.accordion-contact-cta { background: #fff; }
.accordion-title.accordion-contact-cta { color: #fff; background: #ff8200; font-size: 18px; }
.accordion-title.accordion-contact-cta:after { color: #fff; }
.accordion-title.accordion-contact-cta:before { font-family: "FontAwesome"; font-size: 20px; content: "\f007 \00a0"; padding: 0; }
.accordion.accordion-contact-cta { border-width: 0 0 2px; border-color: #ff8200; border-style: solid; }
.accordion-contact-cta .accordion-content { padding: 0; }
/* content for contact box / cta */
.entry .widget-contact p.tel, p.tel { background: url("images/icon-tel-blue.png") no-repeat scroll 0% 50% rgba(0, 0, 0, 0); padding-left: 30px; color: #6a6a6a; font: 22px 'Abel',arial,sans-serif; }
.widget .contact-link { background: #F8F8F8; border-top: 1px dotted #b2b2b2; margin-bottom: 0; padding: 7px 20px 7px 7px; }
.widget .contact-link p { margin-bottom: 0; }
/* ----- */
/* TM + in fabtools */
.accordion.tm .accordion-content { padding: 0; }
.accordion-title.tm:after { color: #fff; }
/* ----- */
/* wireframes */
.accordion.wire { }
.accordion-title.wire { padding-bottom: 5px; }
.accordion-title.wire { font: normal 14px/1.2 Arial, Helvetica, Sans-Serif; }
.accordion.wire { }
.accordion-title.wire:before { content: ""; }
.wire-cBlock .accordion-content { padding: 10px; display: none; }
.accordion-title.wire:after { font-family: "FontAwesome"; font-size: 16px; content: "\00a0 \f13a"; padding: 0; float: right; color: #6a6a6a; }
/* ----- */
/* PURe Doors Landing Page / PURe Landing page */
.accordion.pureDoorLand, .accordion.pureLand {
border: 1px solid #4d4d4d;
margin-bottom: 20px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 10px;
}
.accordion-title.pureDoorLand, .accordion-title.pureLand { color: #f5f5f5; background: transparent; margin-bottom: 0; padding-bottom: 5px; }
.accordion-title.pureDoorLand, .accordion-title.pureLand { font: normal 300 20px/1.3 'Abel', 'Muli', Arial, Helvetica, Sans-Serif; }
.accordion-title.pureDoorLand, .accordion-title.pureLand:after { color: #fff; }
.accordion.pureDoorLand { background: #7b7b7b; }
.accordion.pureLand { background: #848484; }
.accordion-title.pureDoorLand:before, .accordion-title.pureLand:before { content: ""; }
.accordion.pureDoorLand p, .accordion.pureLand p, .pureDoorLandContent { color: #fff; }
.pureDoorLand .accordion-content, .pureLand .accordion-content { padding: 10px; display: none; }
/* ----- */
.pureDoorLandContent { background: #848484 url(images/bg-puredoor-landing-main.jpg) no-repeat top left; padding: 484px 0 0 20px; position: relative; }
.pureDoorLandContent p, .pureDoorLandContent li, .pureDoorLandContent h2 { color: #fff; }
.pureDoorLandContent .twocol-one { width: 290px; }
.pureDoorLandContent .threecol-one { width: 299px; }
.entry .pureDoorLandContent ul { color: #fff; margin: 40px 0 0; padding-left: 20px; list-style: outside; }
.pureDoorLandContent .threecol-two { padding: 20px 20px 0; margin: 0 20px 0 -20px; width: 601px; background: url(images/bg-puredoor-landing-infopanel.png) no-repeat top left; }
.entry .pureDoorLandContent li { list-style-type: disc; margin-bottom: 1em; }
.entry .pureDoorLandContent h2 { font: normal 300 21px/1.3 'Muli', Arial, Helvetica, Sans-Serif; }
.pureDoorLandContent .pureDoorLandContent__slogan { background: #414141; font: 300 23px Muli; width: 960px; padding: 30px 0 30px 20px; margin: 0 0 0 -20px; }
.u-value-logo { position: absolute; top: 120px; left: 325px; }
.pureDoorLand-comingSoon { position: absolute; top: 0; right: 0; }
.pureDoorLandContent .threecol-one li { font-size: 17px; }
.pureDoorLandContent .accordion-content p,
.pureDoorLandContent .accordion-content li { line-height: 1.2; font-family: "Segoe Ui", Tahoma, Arial, Sans-Serif; font-size: 12px; }
.pureDoorLandContent .accordion-content li { margin-bottom: 0.3em; }
.pureDoorLandContent .accordion-content ul { margin: 1em 0; }
.pureDoorLandContent .accordion-content h3 { font: normal 300 18px/1.1 'Open Sans Condensed', Arial, Helvetica, Sans-Serif; color: #000; }
.pureDoorLandContent sup { position: relative; top: -0.5em; font-size: 70% }
.pureDoorLandContent sub { position: relative; bottom: -0.5em; font-size: 70% }
.panMoreInfoLand.pureDoor i { color: #6a6a6a; }
/* ----- */
/* CTA : login from on Fab Tools advert */
.accordion.ctaFtLoginAd { background: transparent; text-align: center; border-radius: 4px; border-bottom-width: 0; margin-bottom: 0; position: relative; }
.accordion.ctaFtLoginAd .accordion-title {
background: #ff8400;
border-color: #ff8400;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;;
font: 700 20px/1.2 "Abel", "Lucida Console", monospace;
color: #fff;
padding: 10px;
display: inline-block;
margin-bottom: 0;
position: relative;
z-index: 2;
}
.accordion.ctaFtLoginAd .accordion-title:after { color: #fff; }
.accordion.ctaFtLoginAd .accordion-content { background: #bcc8da; position: relative; top: -21px; z-index: 1; }
.accordion.ctaFtLoginAd .login { padding-left: 25px; padding-top: 40px; }
.accordion.ctaFtLoginAd form p { display: flex; flex-flow: row wrap; }
.accordion.ctaFtLoginAd label {
display: block;
width: 100px;
text-align: right;
color: #08326c;
}
.accordion.ctaFtLoginAd input {
width: 113px;
margin-bottom: 7px;
margin-left: 5px;
border-color: #8aa0bd;
}
.accordion.ctaFtLoginAd form .forgetmenot { display: block; padding-left: 100px }
.accordion.ctaFtLoginAd .forgetmenot label {
display: inline;
text-align: left;
}
.accordion.ctaFtLoginAd .forgetmenot input[type=checkbox] {
margin-bottom: 7px;
display: inline;
width: auto;
}
.accordion.ctaFtLoginAd input[type=submit] { width: auto; margin: 0 auto 10px auto; padding: 5px 15px; background: #1256b3; color: #fff; border-color: #08326c; }
.accordion.ctaFtLoginAd p.submit { text-align: center; }
.accordion.ctaFtLoginAd .accordion-content .login { border-right-width: 0; }
/* SF52*/
.accordion.ProdInfo {
border: 1px solid #B5B5B5;
margin-bottom: 20px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 10px;
}
.accordion-title.ProdInfo{ color: #f5f5f5; background: transparent; margin-bottom: 0; padding-bottom: 5px; }
.accordion-title.ProdInfo { font: normal 300 20px/1.3 'Abel', 'Muli', Arial, Helvetica, Sans-Serif; }
.accordion-title.ProdInfo:after { color: #fff; }
.accordion.ProdInfo { background: #B5B5B5; }
.accordion-title.pureDoorLand:before, .accordion-title.pureLand:before { content: ""; }
.accordion.ProdInfo p, .accordion.ProdInfo li{ color: #fff; }
.pureProdInfo .accordion-content{ padding: 10px; display: none; }
/* --------------------------------------------------------------- */
/* wpDataTables plugin */
.entry .wpDataTablesWrapper .wpDataTable thead th { font: normal 300 17px/1.2 'Open Sans Condensed', Arial, Helvetica, Sans-Serif; }
th.header.sort.wpDataTables-noSort.sorting::after { display: none; }
.entry .wpDataTablesWrapper .dataTables_info { margin-top: 2px; }
.entry .wpDataTablesWrapper a.DTTT_button, .wpDataTablesWrapper a.DTTT_button { color: #6a6a6a !important; }
.entry .wpDataTablesWrapper div.dt-buttons { margin-bottom: 6px; }
.entry .wpDataTablesWrapper .dataTables_length, .entry .wpDataTablesWrapper .dataTables_filter { margin-bottom: 10px; }
/* ----- Staff Tools ----- */
/* ~~~~~~~~~~~~~ key to page ids ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~:
> select company -> pageID = 13617
> view users from selected company -> pageID = 13620
> intranet price list page -> postID = 14023 */
.entry .wpDataTablesWrapper .header { height: auto; }
.post-14023 .wpDataTablesWrapper .header { height: auto; white-space: nowrap !important; }
.post-14023 .wpDataTablesWrapper tfoot .header { background: #ddd !important; }
.post-14023 .wpDataTablesWrapper tfoot input.text_filter, .post-14023 .wpDataTablesWrapper tfoot input.number_range_filter { font: normal 300 17px/1.2 'Open Sans Condensed', Arial, Helvetica, Sans-Serif; }
.post-14023 .wpDataTablesWrapper tfoot .price-list-col-image-meta { font-size: 0.01em; } /* hide the col name output here by wpDT as we do not filter by this col */
.page-id-13617 .wpDataTablesWrapper .wpDataTable thead th,
.page-id-13620 .wpDataTablesWrapper .wpDataTable thead th { font-family: Abel,'Open Sans Condensed', Arial, Helvetica, Sans-Serif; }
.wpDataTablesWrapper table.wpDataTable tfoot tr { background: #e3e3e3; }
.page-id-13617 .wpDataTablesWrapper table.wpDataTable tfoot th { background: #418CCC; }
.page-id-13620 .wpDataTablesWrapper table.wpDataTable tfoot tr { display: none; }
.page-id-13620 .wpDataTablesWrapper table.wpDataTable .del_select { text-align: center; }
.wpDataTablesWrapper table.wpDataTable tfoot td.wpDataTables-noSort { color: transparent; }
.page-id-13617 .dataTables_paginate,
.page-id-13620 .dataTables_filter,
.page-id-13620 .dataTables_length { display: none; }
.page-id-13617 .wpDataTablesWrapper .paginate_button:before { color: #6a6a6a; }
.page-id-13617 .wpDataTablesWrapper .paginate_button:hover:before {
color: #000;
}
.tsm_report_summary .wpDataTablesWrapper #table_1_filter { display: none; }
.tsm-report-overview .wpDataTables td.rep-link { color: #aaa; font-style: italic; white-space: nowrap !important; }
.tsm-report-overview .wpDataTables td.tsmID { white-space: nowrap !important; width: 18% !important; }
.tsm-report-overview .wpDataTables td.rep-link a { font-style: normal; }
.tsm-report-detail .wpDataTable th:nth-child(2) { white-space: nowrap !important; }
.tsm-report-detail .wpDataTable tr td:nth-child(1) { white-space: nowrap !important; }
.tsm-report-detail .wpDataTable tr td:nth-child(1) span { color: #00529a; }
.tsm-report-overview .wpDataTables #table_1_paginate { display: none; }
.tsm-report-overview .wpDataTablesWrapper { display: none; }
.tsm-report-overview .dataTables_length, .tsm-report-overview .dataTables_filter, .tsm-report-overview .dataTables_info { display: none; }
.tsm-report-detail .dataTables_filter { float: left !important; }
/* --------------------------------------------------------------- */
/* EVENTS LIST plugin widget */
/* --------------------------------------------------------------- */
/* OTHER */
.product-side{
background: #F8F8F8;
padding: 0px 10px 0px 10px;
border-left: 1px solid #E5E5E5;
}
#text-32{
border-bottom: 1px solid #E5E5E5;
padding-bottom: 5px;
}
.contact-link p a { color: #4d4d4d; padding: 7px 0px 7px 0 !important; }
/*.network{ border-bottom: 1px solid #cccccc; }*/
#text-32 a{
color: #6a6a6a;
padding-right: 12px;
background: url("images/bullet-arrow-nav-alu.png") no-repeat scroll 100% 50% rgba(0, 0, 0, 0)
}
.widget-more{
font: 14px Arial,sans-serif !important;
padding-top: 0px !important;
float: right !important;
width: 93px;
border: 1px solid #dedede;
padding: 7px 7px 7px 7px !important;
background: #fbfbfb;
}
.widget-more a{
background: url("images/bullet-arrow-nav-alu.png") no-repeat scroll 100% 50% rgba(0, 0, 0, 0);
color: #717074 !important;
padding-right: 12px;
}
#text-2 h3, #text-3 h3, #text-4 h3, #text-7 h3, #text-9 h3 h3{
display: none;
}
#nav_menu-14 h3{
color: #6A6A6A !important;
}
#main .widget, #sidebar .widget{
margin-top: 20px;
margin-bottom: 0px;
}
.widget h3 {
margin: 0;
padding: 0 0 12px;
}
.widget-product-matrix{
background: url("images/icon-matrix.png") no-repeat scroll 3px 7px transparent !important;
padding: 10px 0 9px 50px;
}
.widget-product-matrix a{
padding-right: 12px !important;
background: transparent url("images/bullet-arrow-nav.gif") no-repeat 100% 50%;
}
.widget-projects-map{
/*background: url("images/icon-map.png") no-repeat scroll 0px 0px transparent !important;
padding: 4px 0 4px 30px;*/
}
.widget-projects-map a{
padding-right: 12px !important;
background: transparent url("images/bullet-arrow-nav.gif") no-repeat 100% 50%;
}
.widget-login{
background: url("images/login.png") no-repeat scroll 3px 7px transparent !important;
padding: 5px 0 7px 50px;
}
.widget-login a{
padding-right: 12px !important;
background: transparent url("images/bullet-arrow-nav.gif") no-repeat 100% 50%;
}
.widget-login p{
margin-bottom: 0px;
}
.widget-logout{
background: url("images/logout.png") no-repeat scroll 3px 7px transparent !important;
padding: 5px 0 5px 50px;
}
.widget-logout a{
padding-right: 12px !important;
background: transparent url("images/bullet-arrow-nav.gif") no-repeat 100% 50%;
}
.widget-logout p{
margin-bottom: 0px;
}
#text-9, #text-7, #text-6{
background: #fcfcfc;
border: 1px solid #e5e5e5;
}
#text-2 {
border: 1px solid #e5e5e5;
}
#text-6{
padding: 10px;
}
/*projects section navigation*/
#text-3, #text-4, #text-17, #text-26 {
padding: 0;
}
#text-4, #text-3, #text-26 {
margin-top: 0px !important;
}
#text-3 a, #text-4 a, #text-17 a, #text-26 a {
padding-right: 12px !important;
background: transparent url("images/bullet-arrow-nav.gif") no-repeat 100% 50%;
}
#nav_menu-6 {}
#nav_menu-5 h3, #nav_menu-6 h3, #nav_menu-7 h3 {
margin-bottom: 0.5em !important;
padding-top: 18px !important;
background: transparent url(images/bg-dotted-line-light-grey.png) repeat-x top;
}
#nav_menu-6 h3 {
padding-top: 0 !important;
margin-bottom: 0.5em !important;
background-image: none;
}
#text-25 h2{
border-width: 1px 0 0;
border-style: solid;
border-color: #e5e5e5;
padding-top: 15px !important;
}
#text-17 h2 {
padding-bottom: 12px !important;
}
#text-5 h2, #nav_menu-4 h2 {
border-width: 1px 0 0;
border-style: solid;
border-color: #e5e5e5;
padding-top: 15px !important;
padding-bottom: 12px !important;
}
#text-25 h3 {
padding-bottom: 0 !important;
}
.cat-post-item a{
padding-right: 12px !important;
background: transparent url("images/bullet-arrow-nav.gif") no-repeat 100% 50%;
line-height: 22px;
}
.textwidget img.floatRight{
float: right;
}
#text-15 img, #text-16 img{
margin-bottom: 10px;
}
#text-15 h3, #text-16 h3{
font: 14px Arial,sans-serif;
border-bottom: 1px solid #e5e5e5 !important;
margin-bottom: 10px !important;
padding-bottom: 10px !important;
}
/*news navigation widget*/
#nav_menu-4 {
padding-bottom: 0 !important;
}
#nav_menu-4 h3 {
font-size: 17px;
/*color: #6a6a6a;*/
}
#nav_menu-4, #nav_menu-16 {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 20px !important;
}
/*/////////////////TWITTER WIDGET//////////////////////////*/
.widget_woodojo_tweets ul li .content {
font-family: arial,helvetica,sans-serif;
font-size: 17px;
}
.widget_woodojo_tweets {
background-color: transparent !important;
border-bottom: 0px solid #e5e5e5;
}
.widget_woodojo_tweets .back {
border-radius: 0px;
padding: 0px;
border: 0px solid #00ACED;
}
.widget_woodojo_tweets ul li {
border-bottom: 1px solid #e5e5e5;
list-style: none outside none;
line-height: 1.2;
padding: 5px 0;
}
.widget_woodojo_tweets ul.tweets li {
margin: 0;
padding: 10px 0px 10px 0px;
}
.widget_woodojo_tweets ul.tweets li:first-child { padding-top: 0; margin-top: -0.3em; }
.widget_woodojo_tweets h3{
color: #00ACED !important;
background: transparent url("/wp-content/themes/canvas/images/twitter.png") no-repeat 0% 50%;
padding: 0 0 0px 30px !important;
}
.widget_woodojo_tweets p {
padding-left: 0px;
padding-top: 0px !important;
margin-bottom: 0px !important;
color: #00ACED !important;
}
.widget_woodojo_tweets p a{
color: #00ACED !important;
}
.widget_woodojo_tweets a.time{
display: none;
}
#footer-widgets .widget_woodojo_tweets{
background-color: #686868 !important;
border-bottom: 0px solid #e5e5e5;
padding-bottom: 0px !important;
}
#footer-widgets .widget_woodojo_tweets ul.tweets li{
font-family: arial,helvetica,sans-serif;
font-size: 12px !important;
color: #fff !important;
}
#footer-widgets .widget_woodojo_tweets p {
padding-left: 0px;
padding-top: 0px !important;
margin-bottom: 0px !important;
color: #fff !important;
}
#footer-widgets .widget_woodojo_tweets ul li {
border-bottom: 0px solid #d3f6fe;
list-style: none outside none;
padding: 5px 0;
}
#footer-widgets .widget_woodojo_tweets .follow-link {
margin: 0px 0 0;
text-align: left;
}
/*/////////////////VIDEO SIDEBAR WIDGET//////////////////////////*/
.VideoCaption {
background: none repeat scroll 0 0 #F3F3F3;
padding: 5px;
margin-bottom: 0px !important;
}
.videosidebar{
border: 1px solid #e5e5e5 !important;
}
/*/////////////////PROMO SLIDER//////////////////////////*/
.promo_slider_wrapper{
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.promo_slider_excerpt{
padding: 10px 20px 10px 20px !important;
font-size: 1.2em;
}
/* /////////////////FOOTER CONTENT ////////////////////////// */
#footer-widgets{ border-top: 0px; line-height: 1.1; padding-top: 20px; }
#footer-widgets .block { padding-top: 0px; }
/* prb : removed 2014-01-29 */
/*#footer-widgets .block {
float: left;
}*/
.footer-widget-1 { margin-left: 2px; } /*prb : 2014-01-29 fix - set percentages to remove this pixel correction*/
.footer-widget-4 { margin-right: 0; }
#footer-widgets { color: #fff; }
#footer-widgets .footer-link { background: transparent url("images/bullet-footer.png") no-repeat 0% 50%; line-height: 1.1; padding-left: 14px; }
#footer-widgets .footer-link.subscribe,
#footer-widgets .footer-link.facebook,
#footer-widgets .footer-link.twitter,
#footer-widgets .footer-link.youtube,
#footer-widgets .footer-link.linkedin,
#recent-posts-2 .footer-link,
#text-48 .footer-link { padding-left: 0; }
#recent-posts-2 .footer-link,
#text-48 .footer-link { background-image: none; } /* news links : remove bullet bg image (we use custom bullet here) */
/* ----- */
#recent-posts-2 i { color: #bfbfbf; } /*styles for the events link inserted via jQuery*/
#recent-posts-2 a { position: relative; top: 2px; }
#recent-posts-2 ul { margin-bottom: 15px; }
/* ----- */
.current-menu-item .footer-link:link,
.current-menu-item .footer-link:visited,
.current-menu-item .footer-link:hover,
.current-menu-item .footer-link:active { color: #fff; }
.footer-link:link, .footer-link:visited, .footer-link:hover, .footer-link:active { color: #e5e5e5; }
#footer-widgets .widget{ border-bottom: 1px solid #868686; font-size: 12px; margin: 20px 0; padding-bottom: 20px; }
#text-10, #text-48, #woo_subscribe-2 { padding-bottom: 0; }
#footer-widgets #text-10,
#footer-widgets #text-47,
#footer-widgets #text-48,
#footer-widgets #text-165 { border-bottom: none; padding-bottom: 0; }
#footer-widgets #woo_subscribe-2 { border-bottom: 1px solid #BFBFBF; padding-bottom: 0; }
#footer-widgets #menu-support .nav-itm-tm-footer { margin: 1em 0 0; }
#footer-widgets #menu-support .nav-itm-tm-footer i, #footer-widgets i { color: #b4b4b4; }
#footer-widgets #menu-support .nav-itm-tm-footer.em-fabTools--Fg i { color: #ff8f17; }
#footer-widgets #menu-support .nav-itm-tm-footer span, #footer-widgets span.icon-wrapper { font-size: 14px; }
#footer-widgets #menu-support .nav-itm-tm-footer a, #footer-widgets .nav-itm-a-smap-footer { background-image: none; padding-left: 0; }
/* ----- */
#footer-widgets .widget_monarchwidget .footer-link {
background: none;
}
#footer-widgets .widget_monarchwidget .footer-link i {
color: #fff;
}
/* -------------------------------------- */
.widget_nav_menu.current-menu-item a { }
.widget widget_nav_menu .menu-featured-projects-sectors-container li.current-menu-item a {
color: #003D8D !important; }
/*.widget_nav_menu ul li.current-menu-item a{ color: #003D8D !important; }*/
#footer-widgets #recent-posts-2 ul li a { padding-left: 0; background-image: none; }
#footer-widgets #recent-posts-2 ul { margin-left: 13px; }
#footer-widgets #recent-posts-2 ul li {
list-style-position: outside;
list-style-image: url("images/bullet-box.gif");
line-height: 1.2;
margin-bottom: 0.4em;
}
/* style font icon which is dynamically added to this nav link */
#footer-widgets .widget_nav_menu ul li a i {
display: inline-block;
padding-left: 6px;
color: #bfbfbf;
font-size: 13px;
}
#footer-widgets .widget_nav_menu ul li a:hover i {
text-decoration: none;
}
#footer-widgets #text-12 a {
padding: 4px 0 4px 37px;
background: transparent url("images/icon-prod-matrix-footer.png") no-repeat 0 2px;
}
#footer-widgets .widget_nav_menu ul#menu-systems li a {
display: block;
margin-left: -1px;
padding-left: 31px;
padding-top: 5px;
padding-bottom: 5px;
line-height: 1.6 !important;
background-repeat: no-repeat;
background-position: 0 50%;
}
#footer-widgets .widget_nav_menu ul#menu-systems li#menu-item-171 a {
background-image: url("images/bullet-logo-footer-hyb.png");
}
#footer-widgets .widget_nav_menu ul#menu-systems li#menu-item-172 a {
background-image: url("images/bullet-logo-footer-fib.png");
}
#footer-widgets .widget_nav_menu ul#menu-systems li#menu-item-173 a {
background-image: url("images/bullet-logo-footer-alu.png");
}
#footer-widgets .widget_nav_menu ul#menu-systems li#menu-item-2929 a {
background-image: url("images/bullet-logo-footer-glass.png");
}
#footer-widgets h3{
color: #999;
font-size: 18px !important;
font-weight: normal !important;
font-family: DINWeb-Light, Arial, Helvetica, sans-serif !important;
text-transform: uppercase;
}
#footer-widgets p{
color: #fff;
font-size: 12px;
}
#footer-widgets #woo_twitter-3 h3 {
background: url("/wp-content/themes/canvas/images/twitter.png") no-repeat scroll 0 50% transparent;
color: #fffff !important;
padding: 0 0 0 30px !important;
}
#footer-widgets .footer-widget-4 p.sas-logo-footer { margin: -7px 0 5px -0px; }
#footer-widgets-container #footer-widgets .widget_woo_twitter{
background-color: #939393 !important;
border-bottom: 0px solid #BFBFBF;
padding-bottom: 0px !important;
}
#twitter_update_list_woo_twitter-3{
color: #fff;
}
#footer-widgets .widget_woo_twitter p {
color: #fff important;
}
#connect h3 {
margin-bottom: 0px !important;
}
#copyright, #credit{
padding-left: 20px !important;
padding-right: 20px !important;;
}
#footer a:link, #footer a:visited {
color: #fff;
text-decoration: underline;
}
#copyright a:link, #copyright a:visited{
color: #fff;
}
#credit a:link, #credit a:visited{
color: #fff !important;
}
/* external link to glass systems */
#footer-widgets #text-146 a {
padding: 5px 0 5px 31px;
background: transparent url("images/bullet-logo-footer-glass.png") no-repeat;
background-position: 0 50%;
}
#footer-widgets #text-146 { border-bottom: none; padding-bottom: 0; }
/*/////////////////MISC//////////////////////////*/
.page h1.title, .home h2.title{
display:none;
}
/* .page .entry img, .page img.thumbnail { */
.entry img, .page img.thumbnail {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.0);
border: 0px;
height: auto;
padding: 0px;
margin-bottom: 0px;
}
.page-id-43 .page .entry img.x, .page-id-43 .page img.thumbnail2 {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
border: 0px !important;
height: auto;
padding: 0px !important;
margin-bottom: 0px !important;
}
.page-id-814 .page .entry img, .page-id-43 .page img.thumbnail {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
border: 0px !important;
height: auto;
padding: 0px !important;
margin-bottom: 0px !important;
}
#content {
background: #fff;
}
.clearAll{
clear: both;
}
.small{
font: 11px Arial,sans-serif;
}
.woo-sc-hr, .woo-sc-divider {
clear: both;
display: block;
margin-bottom: 10px !important;
padding-top: 10px !important;
width: 100% !important;;
}
.woo-sc-hr {
border-bottom: 1px dotted #bdbdbd !important;
}
/*/////////////////POSTS//////////////////////////*/
.avatar{
display: none;
}
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma {
font-size: 13px;
}
#comments {
border-top: 1px solid rgba(0, 0, 0, 0.07);
margin: 20px 0 0 20px;
padding: 20px 0 0;
position: relative;
}
#comments .comment-head {
padding-left: 0px;
}
.single-post #main #comments ul.children li{
background: none;
margin-bottom: 0px;
padding-left: 0px;
}
#respond {
margin: 20px 0 0 20px;
}
#main .post{
padding-left: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
.entry img, img.thumbnail {
/* border: 1px solid #BDBDBD !important; */
border: none;
padding: 0;
}
.single-post .post-meta {
display: none;
}
.single-post .title {
display: none;
}
.category-general-news #comments, .category-events-news #comments, .category-project-news #comments{
display: none;
}
.post-entries{
display: none;
}
.title-post a{
color: #fff !important;
}
.post-meta .small {
text-transform: none;
}
.post .post-meta {
margin-bottom: 1em;
line-height: 1.7 !important;
}
.post .post-meta i {
color: #75b2e7;
}
/* sub-type for colour coding of categories */
.post.category-general-news .post-meta i.fa-bookmark { color: #00d3eb; }
.post.category-events-news .post-meta i.fa-bookmark { color: #f80053; }
.post.category-project-news .post-meta i.fa-bookmark { color: #ff9438; }
/*.post.category-company-confidential .post-meta i.fa-bookmark { color: #; }
.post.category-lennarts-blog .post-meta i.fa-bookmark { color: #; }*/
/* ----- */
.post .post-meta span.post-date {
display: inline-block;
padding: 0px 10px 0 0;
}
.post .post-meta span.post-categories {
display: inline-block;
padding: 0px 10px 0 0;
}
.post .post-meta span.post-categories a {
font-weight: normal;
color: #999999;
}
.post-meta .post-date abbr {
border-bottom: none;
cursor: default;
}
/*prb : to be removed 2014-01-29 */
.title-post h3 .post-date, .title-post h3 .post-categories {
display: inline-block;
padding: 0 12px 0 0;
color: #dadada;
line-height: 1.7;
}
.title-post h3 .post-categories a:link, .title-post h3 .post-categories a:visited {
color: #dadada !important;
}
.entry .wp-caption img {}
.single-post .entry .wp-caption {
background: none repeat scroll 0 0 #F4F4F4;
border: 0px solid #E6E6E6;
border-radius: 0px;
box-shadow: 0 0 0px 0px #FFFFFF inset;
max-width: 100%;
padding: 0;
text-align: center;
width: 100%;
}
#main .entry .wp-caption-text {
font: 11px Arial,sans-serif;
font-weight: normal;
line-height: 1.3;
text-align: left;
padding: 6px 8px 8px 8px;
margin: 0;
}
.single-post img.alignleft{margin-bottom: 15px;}
/*/////////////////PORTFOLIO//////////////////////////*/
#portfolio #port-tags {
margin: 0 0px 0px;
padding: 10px 20px 10px 20px;
background: #F3F3F3;
}
#portfolio #port-tags {
display: none;
}
#portfolio .group.portfolio-img {
margin-left: 20px;
margin-right: 0px;
}
#portfolio .post{
margin-bottom: 0px !important;
margin-top: 20px !important;
padding-left: 0px !important;
}
#portfolio .portfolio-items .group.portfolio-img h3 {
font-size: 17px;
background: #F3F3F3;
color: #fff !important;
border-bottom: 1px solid #BFBFBF;
}
#portfolio .portfolio-items .group.portfolio-img h3 a {
display: block;
padding: 5px 10px 5px 10px;
}
.portfolio-img{
margin-bottom: 0px !important;
}
.projects-side {
background-color: #f8f8f8;
float: right;
padding: 8px 10px;
width: 220px;
margin-bottom: 0;
}
.projects-side h3, .projects-side p {
margin: 0px !important;
font-size: 15px;
line-height: 1.3;
}
.projects-side h3 {
font-weight: bold;
}
.projects-side.products {
background-image: url(images/bg-dotted-line-light-grey.png);
background-position: top;
background-repeat: repeat-x;
}
.projects-side.products li {
background: transparent url(images/bullet-logo-system-hybrid-small.png) no-repeat 0 0.2em;
padding: 5px 0 5px 25px;
}
.projects-side.products li.hyb {
background-image: url(images/bullet-logo-system-hybrid-small.png);
}
.projects-side.products li.alu {
background-image: url(images/bullet-logo-system-alumin-small.png);
}
.projects-side.products li.fib {
background-image: url(images/bullet-logo-system-fibre-small.png);
}
.project-description{
padding: 0px 20px 20px 20px;
width: 380px;
float: left;
min-height: 400px;
}
.projects-side ul{
margin-bottom: 0px !important;
}
.projects-side ul li{
background: url("images/bullet-arrow-nav.gif") no-repeat scroll 100% 50% transparent;
padding-right: 12px !important;
}
.projects-side a{
color: #333351 !important;
}
.single-portfolio .portfolio-img {
margin-bottom: 10px !important;
}
.ngg-galleryoverview{
margin: 20px 0px 0px 0px !important;
background: #fff;
border-width: 1px 0 0;
border-color: #e5e5e5;
border-style: solid;
}
.entry .ngg-gallery-thumbnail-box {
margin-right: 0;
}
.ngg-gallery-thumbnail {
margin: 0 !important;
padding: 0 !important;
}
.single-portfolio .ngg-gallery-thumbnail {
background-color: #FFFFFF;
border: 0px solid #CACACA !important;
display: block !important;
margin: 20px 0 0 10px !important;
padding: 0px !important;
}
.ngg-gallery-thumbnail img:hover {
background-color: #CACACA !important;
}
.single-portfolio #navigation ul.nav li.current_page_item a,
.single-portfolio #navigation ul.nav li.current_page_parent a,
.single-portfolio #navigation ul.nav li.current-menu-ancestor a,
.single-portfolio #navigation ul.nav li.current-cat a,
.single-portfolio #navigation ul.nav li.current-menu-item a {
background: none !important;
}
.post-type-archive-portfolio #navigation ul.nav li.current_page_item a,
.post-type-archive-portfolio #navigation ul.nav li.current_page_parent a,
.post-type-archive-portfolio #navigation ul.nav li.current-menu-ancestor a,
.post-type-archive-portfolio #navigation ul.nav li.current-cat a,
.post-type-archive-portfolio #navigation ul.nav li.current-menu-item a {
background: none !important;
}
.post-type-archive-portfolio #navigation ul.nav li.menu-item-150{
background: none repeat scroll 0 0 #e2e2e2 !important;
color: #333333 !important;
}
.single-portfolio #navigation ul.nav li.menu-item-150{
background: none repeat scroll 0 0 #e2e2e2 !important;
color: #333333 !important;
}
.portfolio-map{
background: #D8E1EC !important;
padding-bottom: 15px;
}
#nav_menu-6 h3, #nav_menu-7 h3, #nav_menu-5 h3{
font: 14px Arial,sans-serif;
padding: 0px 0 5px 0;
}
#nav_menu-5{
border-bottom: 0px !important;
}
/* ----- Pagination jQuery - navigation ----- */
#portfolio-pager a {
border: 1px solid #dedede; background:
#fafafa;font-weight: bold;
font-size: 11px;
color: #888;
padding: 3px 7px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.03);
text-transform: capitalise;
cursor: pointer;
display: inline;
}
#portfolio-pager a:hover {
background-color: #eee;
color: #888;
text-decoration: none;
}
#portfolio-pager a.jp-current {
border: none;
background-color: transparent;
border-radius: ;
box-shadow:none!important;
-moz-box-shadow:none!important;
border-radius:0!important;
-moz-border-radius:0!important;
color: #666;
}
#portfolio-pager a.jp-disabled { display: none !important; color: #ccc; }
#portfolio-pager { text-align: center;}
.portfolio-items { margin-bottom: 1em; }
/*Set this class so can dynamically assign this class to thumbs via jquery*/
.set-pf-thumb-bg { background: transparent url(images/portfolio-hover.png) no-repeat 50% 45%; }
/*/////////////////ARCHIVES//////////////////////////*/
.archive_header {
display: none;
}
/*/////////////////PROJECTS OVERVIEW//////////////////////////*/
.page-id-47 .entry {
padding-top: 40px;
}
.page-id-47 #sidebar{
width: 280px !important;
margin-right: 40px !important;
margin-left: -20px !important;
padding-top: 20px;
}
.page-id-47 #text-14 h3,
.page-id-47 #categoryposts-2.widget h3,
.page-id-47 #text-14 p,
.widget h3 #categoryposts-2 p,
.page-id-47 #text-14 a,
.page-id-47 #categoryposts-2 a {
color: #ffffff !important;
}
.page-id-47 .widget h3, .projects-overview-featured h2 {
font-size: 28.5px !important;
font-weight: normal !important;
font-family: 'Abel', 'Source Sans Pro', Arial, Helvetica, sans-serif !important;
}
.page-id-47 .widget h3 a, .projects-overview-featured h2 a {
color: #ffffff;
}
.page-id-47 .widget h3 a:hover,
.page-id-47 .widget h3 a:active,
.projects-overview-featured h2 a:hover,
.projects-overview-featured h2 a:active {
color: #ffffff;
}
.page-id-47 #content {
background: url("images/projects-background.jpg") no-repeat !important;
height: 547px;
padding-bottom: 0px !important;
}
.page-id-47 .products-overview-featured p, .page-id-47 #text-14 .textwidget p {
color: #e5e5e5 !important;
}
.projects-overview-featured p {
color: #e5e5e5 !important;
padding: 0 15px;
}
.page-id-47 #categoryposts-2 li a {
color: #e5e5e5 !important;
}
.page-id-47 #categoryposts-2 ul {
margin-bottom: 20px;
}
.page-id-47 .highlight-text {
color: #fff;
width: 225px;
float: left;
margin-left: 10px;
line-height: 1.5 !important;
padding: 15px;
background-color: #666e;
}
.page-id-47 .content-navigation a, .page-id-47 .content-nav a {
background: url("images/bullet-arrow-nav-white.gif") no-repeat 100% 50%;
padding-right: 10px;
}
.page-id-47 .widget .section-nav, .page-id-47 .projects-overview-featured .section-nav {
background-color: #666e;
margin: 0 -15px;
margin-bottom: 0 !important;
padding: 10px 15px;
border-top: 1px solid #4d4d4d;
}
.page-id-47 .projects-overview-featured .section-nav {
margin-left: 0;
}
.page-id-47 .widget .section-nav i, .page-id-47 .projects-overview-featured .section-nav i {
color: #a2a2a2;
font-size: 14px;
display: inline-block;
padding-left: 6px;
}
.page-id-47 .widget .section-nav a:hover i,
.page-id-47 .widget .section-nav a:active i,
.page-id-47 .projects-overview-featured .section-nav a:hover i,
.page-id-47 .projects-overview-featured .section-nav a:active i
{
color: #eeeeee;
text-decoration: none;
}
/* Fixes alignment in section nav links */
.section-nav i [class^="icon-"],
.section-nav i [class*=" icon-"] {
line-height: inherit;
}
.page-id-47 .widget_categoryposts ul {
margin-left: 13px;
}
.page-id-47 .widget_categoryposts li {
list-style-position: outside;
list-style-image: url("images/bullet-box.gif");
line-height: 1.2;
margin-bottom: 0.4em;
}
.projects-overview-featured {
background: url("images/bg-overlay-dark.png") repeat !important;
width: 300px;
float: right;
padding-right: 15px;
margin-right: 40px;
display: inline;
}
.projects-overview-featured p a {
color: #ffffff;
}
.projects-overview-featured h2{
padding: 7px 15px 5px 15px;
margin-bottom: 0px !important;
color: #ffffff !important;
font-size: 28.5px !important;
font-weight: normal !important;
}
.projects-overview-featured .featured-link {
margin: 0 0 20px 15px;
}
.projects-overview-featured .featured-link.first {
margin-top: 5px;
}
.projects-overview-featured img {
float: left;
border: 1px solid #b2b2b2 !important;
margin-right: 9px;
margin-top: 5px;
display: inline; /* prevent double margin bug */
}
.projects-overview-featured h3 {
margin-left: 95px;
margin-bottom: 4px;
margin-top: 0px;
padding-bottom: 4px;
color: #ffffff !important;
font-family: 'PT Sans Narrow', sans-serif !important;
font-size: 19px !important;
font-weight: normal;
background: transparent url(images/bg-dotted-line-light-grey.png) repeat-x bottom;
}
.projects-overview-featured h3 a {
/*background: url("images/bullet-arrow-nav-white.gif") no-repeat 100% 50%;
padding-right: 10px;*/
color: #ffffff;
}
.projects-overview-featured h3 i { color: #fff; }
.projects-overview-featured .featured-link p {
margin-left: 15px;
padding: 0;
font-size: 14px !important;
line-height: 1.3 !important;
}
.page-id-47 #categoryposts-2 {
background: url("images/bg-overlay-dark.png") repeat !important;
padding: 7px 15px 0 15px;
}
.page-id-47 #categoryposts-2 .widget h3{
font-style: bold !important;
}
.page-id-47 #categoryposts-2 .cat-post-item a {
color: #1a1a1a;
}
.page-id-47 #text-14{
background: url("images/bg-overlay-dark.png") repeat !important;
padding: 7px 15px 0 15px;
}
#categoryposts-2 li {
margin-bottom: 0.5em;
}
#categoryposts-2 li a, .page-id-47 #categoryposts-2 li a {
padding-right: 0 !important;
line-height: 1 !important;
}
/*colour the icon font element*/
.page-id-47 #categoryposts-2 li i {
color: #e5e5e5;
}
/*/////////////////PROJECTS MAP//////////////////////////*/
#text-5 img{
margin-right: 10px;
float: left;
margin-bottom: 10px;
}
#text-5 p{
padding-top: 5px;
}
.google-map-placeholder{
border: 0px !important;
}
.google-map-placeholder img{
border: none !important;
}
.google-map-placeholder .bubble-content {
font-family: Arial,Tahoma,Verdana !important;
font-size: 13px !important;
line-height: 100% !important;
margin: 0 !important;
padding: 0 !important;
max-width: 200px !important;
}
.comprehensivegooglemap_widget h3{
display: none;
}
.dir-sub-cntn #print_sub{
display: none !important;
}
/*/////////////////IMAGES//////////////////////////*/
.page .entry .tab img{
border: 1px solid #C7C7C7 !important;
}
.page .entry .tab img.hyb{
border: 1px solid #C2D5A9 !important;
}
.page .entry .tab img.fib{
border: 1px solid #A5CED7 !important;
}
.page .entry .tab img.noborder {
border: 0px solid #C7C7C7 !important;
}
.floatLeft{
float: left;
}
.floatRight{
float: right;
}
/*/////////////////CONTACT//////////////////////////*/
.gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio {
margin-left: 0px !important;
}
/*//////////////////////////TECH MANUAL////////////////////////////*/
.page-id-2280 #sidebar{
margin-left: 20px !important;
}
.page-id-2280 #main{
margin-right: 20px !important;
width: 640px !important;
}
.page-template-technical-manual-php #sidebar, .page-template-technical-manual-fabricator-php #sidebar{
margin-left: 20px !important;
}
.page-template-technical-manual-php #main, .page-template-technical-manual-fabricator-php #main{
margin-left: 20px !important;
margin-top: 20px !important;
width: 640px !important;
}
table.tech { width: 99.9%; border-spacing: 0px !important; border-collapse: separate; }
table.tech th, table.tech td {
padding: 5px 0;
width: 33.2%;
}
table.tech th {
background-color: #ececec;
}
table.tech th { border: 1px solid #cacaca; }
/*table.tech th.pdf, table.tech th.dwg, table.tech th.dxf {
border-right: 1px solid #cacaca;
}*/
table.tech th.dwg, table.tech th.dxf {
border-left: none;
}
table.tech tbody tr {
border-spacing: 0px !important;
}
table.tech tbody tr td {
border-width: 0 0 1px 0 !important;
border-color: #f2f2f2 !important;
border-style: solid !important;
font-size: 14px !important;
}
table.tech tbody tr.alt-table-row {
background-color: #fbfbfb;
}
table.tech td.dl a {
background-position: 2px 0.1em;
background-repeat: no-repeat;
padding: 2px 5px 2px 20px;
}
table.tech td.pdf a {
background-image: url(images/icon_pdf.gif);
padding-left: 21px;
}
table.tech td.dxf a {
background-image: url(images/icon_dxf.gif);
background-position: 2px 0.2em;
padding-left: 22px;
}
table.tech td.dwg a {
background-image: url(images/icon_dwg.gif);
}
.title-tech h1{
font-family: DINWeb-Light, Arial, Helvetica, sans-serif !important;
color: #fff;
font-weight: normal;
font-size: 34px;
position: absolute;
bottom: 10px;
left: 20px;
width: 940px;
}
.title-tech {
background: #979797;
height: 105px;
border-bottom: 1px solid #E4E4E4;
position: relative;
}
.menu-technical-manual-container select{
padding: 8px;
border: 1px solid #CACACA;
width: 280px;
}
/* new tech manual for fab tools */
.tbl-data { border-collapse: collapse; width: 100%; }
.tbl-data tr { border-width: 1px 0 1px; border-style: solid; border-color: #ccc; }
.tbl-data th { background: #e7e7e7; font: 18px 'Abel', 'Source Sans Pro', Arial, Helvetica, sans-serif; padding: 6px 0; text-align: left; }
.tbl-data td { background: #ededed; font: 300 17px 'Open Sans Condensed', 'PT Sans Narrow', 'Arial Narrow', Arial, Helvetica, Sans-Serif; padding: 2px 15px 3px 0; }
.tbl-data .alt td { background: #e7e7e7; }
.tbl-data .tm-prod {padding-left: 5px; }
.tbl-data .tm-single { }
.tbl-data .tm-pages { }
.tbl-data .tm-prod span.alu:before, .tbl-data .tm-prod span.hyb:before { font-family: "FontAwesome"; content:"\f111 \00a0"; }
.tbl-data .tm-prod span.alu:before { color: #4a4c50; }
.tbl-data .tm-prod span.hyb:before { color: #81b63c; }
.tbl-data .tm-single a:before { padding-left: 2px; color: #999; font-family: "FontAwesome"; content:"\00a0 \f0ab \00a0"; }
.tbl-data .tm-dSheet a:before { color: #999; font-family: "FontAwesome"; content:"\f0ab \00a0"; }
.tbl-data .tm-cert a:before { color: #999; font-family: "FontAwesome"; content:"\f0e0 \00a0"; }
.tbl-data tr td:last-child, .tbl-data tr th:last-child {
width:1%;
white-space:nowrap;
}
.tbl-data tr td:first-child, .tbl-data tr th:first-child {
width:1%;
white-space:nowrap;
}
.tbl-data tr th:last-child { padding-right: 5px; }
/* modify for basic version of tech manual with 3 table cols */
.techMan-basic .tbl-data tr td:first-child, .techMan-basic .tbl-data tr th:first-child {
width:58%;
white-space:nowrap;
}
.techMan-basic .tbl-data tr td:nth-child(2), .techMan-basic .tbl-data tr th:nth-child(2) {
width:25%;
white-space:nowrap;
}
.techMan-basic .tbl-data tr td:last-child, .techMan-basic .tbl-data tr th:last-child {
width:17%;
white-space:nowrap;
}
/* accordion boxes */
.accordion.tm { position: relative; border-bottom-width: 0; }
.entry .accordion-title.tm { background: #686868; color: #fff; font: normal 32px 'DINWeb-Light', Arial, Helvetica, sans-serif; margin: 0; padding: 10px 10px 7px; }
.entry .accordion-title.tm-discont { background: #b44f56; }
.accordion-title.tm:before { content: ""; }
.accordion-title.tm:after { font-size: 32px; }
.accordion-title.tm span { color: #cacaca; font: 14px 'Abel', 'Source Sans Pro', Arial, Helvetica, sans-serif; position: absolute; right: 45px; top: 16px; }
.entry .accordion-title.tm-intra { background: #2674B7; }
.accordion.tm-data { position: relative; border: 0; }
/*
content:"\f0ab";
*/
/*//////////////////////////ABOUT////////////////////////////*/
.about-intro h2 {
font: 37px 'Abel',arial,sans-serif !important;
padding-top: 10px;
margin-bottom: 5px
}
.about-intro{
background: #f9f9f9;
height: 257px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 20px;
background: #f9f9f9 url(images/pull-quote-close.png) no-repeat 99% 96%;
}
.about-intro-full{
float: left;
width: 632px;
padding-right: 10px;
}
.about-intro-full p{
font: 22px 'Abel',arial,sans-serif !important;
padding-top: 45px;
padding-left: 55px;
padding-right: 40px;
margin-bottom: 5px;
background: url(images/pull-quote-open.png) no-repeat 0 10px;
}
.about-intro-full p i {
font-size: 17px;
font-family: Arial, Helvetica, sans-serif;
display: inline-block;
color: #bbbbbb;
padding-top: 10px;
}
.facts{
background:#e3f2ff;
padding: 20px;
}
.facts h2{
font: 27px 'Abel',arial,sans-serif !important;
color: #6799c3 !important;
}
.entry p.small{
font-size: 13px;
color: #999999;
}
.entry .facts ul li {
/*background: url("images/bullet-fact.png") no-repeat scroll 0 50% rgba(0, 0, 0, 0) !important;*/
/*padding-left: 30px;*/
list-style: none outside none;
margin-bottom: 10px;
color: #074f8c;
}
.facts ul li i { color: #8ec8f9; }
.page-id-41 .entry img, .page-id-4079 .entry img, .page-id-3750 .entry img, .page-id-16581 .entry img{
margin-top: 0px;
margin-right: 20px;
}
.page-id-41 .entry img, .page-id-16581 .entry img {
margin-right: 10px;
}
.img-showrooms{
background-image:url('/wp-content/uploads/2018/04/showroom-main-bg.jpg') !important;
height: 280px;
margin-bottom: 0px;
}
.entry .img-showrooms h2{
color: #fff !important;
position: relative;
top: 20px;
font: 37px 'Abel',arial,sans-serif !important;
padding: 10px 20px 20px 20px;
margin-bottom: 0px;
}
.entry .img-showrooms p{
font-size: 16px !important;
width: 400px;
color: #fff !important;
position: relative;
top: 20px;
padding: 10px 20px 20px 20px;
}
.img-enviro{
background-image:url('/wp-content/uploads/2013/12/environment.jpg') !important;
height: 280px;
margin-bottom: 20px;
}
.entry .img-enviro h2{
color: #fff !important;
position: relative;
top: 20px;
font: 37px 'Abel',arial,sans-serif !important;
padding: 10px 20px 20px 20px;
margin-bottom: 0px;
}
.entry .img-enviro p{
font-size: 16px !important;
width: 400px;
color: #fff !important;
position: relative;
top: 20px;
padding: 10px 20px 20px 20px;
}
.enviro-intro h2 {
font: 37px 'Abel',arial,sans-serif !important;
padding-top: 10px;
margin-bottom: 5px
}
.enviro-intro{
background: #f9f9f9;
height: 257px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 20px;
}
.enviro-intro-full{
float: left;
width: 612px;
padding-right: 20px;
}
.entry .environ h3{
font-size: 18px !important;
}
.padding-left-right{
padding-left: 20px;
padding-right: 20px;
}
table.accreditations td{
vertical-align: top;
text-align: center;
}
table.accreditations td{
padding: 20px;
}
/*//////////////////////////SUPPORT////////////////////////////*/
.support-intro h2 {
font: 37px 'Abel',arial,sans-serif !important;
padding-top: 10px;
margin-bottom: 5px
}
.support-intro{
background: #f9f9f9;
height: 257px;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 20px;
}
.support-intro-left{
float: left;
width: 296px;
padding-right: 10px;
}
.support-intro-right{
float: left;
width: 296px;
padding-right: 20px;
padding-left: 10px;
}
.third-left{
float: left;
width: 286px;
padding-right: 20px;
padding-left: 20px;
border-right: 1px solid #e5e5e5;
}
.third-centre{
float: left;
width: 286px;
padding-right: 20px;
padding-left: 20px;
border-right: 1px solid #e5e5e5;
}
.third-right{
float: left;
width: 286px;
padding-right: 20px;
padding-left: 20px;
}
.post-2705 .entry img{
margin-top: 0px;
margin-right: 20px;
}
ul.support-links li a{
display: block;
line-height: 1.6 !important;
padding-bottom: 5px;
padding-left: 31px;
padding-top: 5px;
color: #666666;
border-bottom: 1px solid #e5e5e5;
}
/* font awesome icon style */
ul.support-links li i {
color: #aaaaaa;
display: inline-block;
margin-left: 6px;
}
ul.support-links li a i, ul.support-links li a:hover i, ul.support-links li a:active i {
text-decoration: none;
}
ul.support-links li.branch a{
background: url("images/bullet-support-branch.png")no-repeat 0 50%;
}
ul.support-links li.contact a{
background: url("images/bullet-support-contact.png")no-repeat 0 50%;
}
ul.support-links li.dl a{
background: url("images/bullet-support-dl.png")no-repeat 0 50%;
}
ul.support-links li.tech a{
background: url("images/bullet-support-tech.png")no-repeat 0 50%;
}
ul.support-links li.net a{
background: url("images/bullet-support-3rdparty.png")no-repeat 0 50%;
}
ul.support-links li.nbs a{
background: url("images/bullet-support-3rdparty.png")no-repeat 0 50%;
}
ul.support-links li.cpd a{
background: url("images/bullet-support-cpd.png")no-repeat 0 50%;
}
table.downloads {
width: 99.9%;
border-spacing: 0px !important;
border-collapse: separate;
margin-bottom: 20px;
}
table.downloads th, table.downloads td {
padding: 5px 0;
}
table.downloads th {
background-color: #ececec;
text-align: left;
padding-left: 20px;
}
table.downloads th.type{
border-right: 2px solid #fff;
}
table.downloads th.size{
width: 50px;
}
table.downloads tbody tr {
border-spacing: 0px !important;
}
table.downloads tbody tr td {
border-width: 0 0 1px 0 !important;
border-color: #f2f2f2 !important;
border-style: solid !important;
font-size: 14px !important;
}
table.downloads tbody tr.alt-table-row {
background-color: #fbfbfb;
}
table.downloads td.dl a {
background-position: 2px 0.1em;
background-repeat: no-repeat;
padding: 2px 5px 2px 20px;
}
table.downloads td.pdf a {
background-image: url(images/icon_pdf.gif);
padding-left: 21px;
}
table.downloads td.xl a {
background-image: url(images/icon_xls.gif);
padding-left: 21px;
}
table.downloads td.zip a {
background-image: url(images/icon_zip.gif);
padding-left: 21px;
}
table.downloads td.doc a {
background-image: url(images/icon_doc.gif);
padding-left: 21px;
}
.center {
text-align: center;
}
h2.netviewer{
margin: 20px 0px 20px 0px;
}
#text-29 img{
margin-bottom: 20px;
}
.divNBSPlus ul.ulNBSPlus li.liNBSPlus {
margin-bottom: 10px !important;
}
/*//////////////////////////MAPPRESS (BRANCH NETWORK)////////////////////////////*/
.mapp-map-links {
display: none;
}
#mapp0_layout{
margin-top: 0px;
}
.mapp-iw .mapp-title{
display: none;
}
.widget-map-icon{
float: left;
margin-right: 5px;
}
#text-20 h3{
display: none;
}
img.adp-marker {
padding: 5px !important;
}
#mapp0_poi_list{
margin-top: 20px;
}
p.open-poi-on-map i {
color: #75b2e7;
}
.mapp-iw img {
width: 220px !important;
height: 147px !important;
}
/*//////////////////////////SUSTAINABILITY AND ENVIRONMENTAL////////////////////////////*/
#text-21 img{
vertical-align: top;
}
#text-21 h3, #text-22 h3, #text-23 h3{
display: none;
}
/*//////////////////////////SITE MAP////////////////////////////*/
.page-id-1008 .entry ul ul li {
padding-left: 20px;
background: url("images/bullet-box.gif") no-repeat scroll 0 50% rgba(0, 0, 0, 0);
}
.page-id-1008 .entry ul li{
background: url("images/bullet-disc.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);
padding-left: 20px;
}
.page-id-1008 ul.manage_page h3{
display: none;
}
.page-id-1008 .entry ul li a{
color: #6a6a6a;
}
/* ============ Log In and Registration and Contact ============================= */
.accessDeniedCont-login #user_login, .accessDeniedCont-login #user_pass { width: 280px; }
#user_login, #user_pass{
width: 300px;
}
#wp-submit{
background: none repeat scroll 0 0 #424242;
border: 1px solid #3A3A3A;
color: #fff;
padding: 9px 14px;
}
#wp-submit:hover{
opacity: 0.9;
}
p.submit #wp-submit{
font-size: 14px;
font-weight: bold;
}
.login{
border-right: 1px solid #CACACA;
padding-right: 25px;
}
.login p.message, .login p.error {
background-color: #eaf5ff;
border: 1px solid #73BFFF;
color: #333333;
padding: 10px;
}
input, textarea{
border-color: #CACACA;
border-radius: 0 0 0 0;
border-style: solid;
border-width: 1px;
background: none repeat scroll 0 0 #F8F8F8;
}
.gfield_select{
border-color: #CACACA;
border-radius: 0 0 0 0;
border-style: solid;
border-width: 1px;
background: none repeat scroll 0 0 #F8F8F8;
padding: 5px !important;
}
.gform_wrapper select {
font-family: inherit;
font-size: 14px;
letter-spacing: normal;
}
body #wrapper #content .button, body #wrapper #content .button:visited, body #wrapper #content .reply a, body #wrapper #content #respond .form-submit input#submit {
border-radius: 0px;
text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0), 0 0px 0 rgba(0, 0, 0, 0) inset;
font-size: 14px;
}
.gform_wrapper .gform_footer {
clear: both;
margin: 16px 0 0;
padding: 0px 0 10px;
}
.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"] {
font-family: inherit;
font-size: 14px;
letter-spacing: normal;
outline-style: none;
padding: 5px 2px;
}
.gform_wrapper .ginput_complex .ginput_right input[type="text"], .gform_wrapper .ginput_complex .ginput_right input[type="url"], .gform_wrapper .ginput_complex .ginput_right input[type="email"], .gform_wrapper .ginput_complex .ginput_right input[type="tel"], .gform_wrapper .ginput_complex .ginput_right input[type="number"], .gform_wrapper .ginput_complex .ginput_right input[type="password"], .gform_wrapper .ginput_complex .ginput_right select {
width: 97% !important;
}
input:focus, textarea:focus {
box-shadow: none;
background: none repeat scroll 0 0 #F8F8F8;
border-color: #CACACA;
border-radius: 0 0 0 0;
border-style: solid;
border-width: 1px;
}
/*.gform_wrapper li.gfield_error input[type="text"], .gform_wrapper li.gfield_error input[type="url"], .gform_wrapper li.gfield_error input[type="email"], .gform_wrapper li.gfield_error input[type="tel"], .gform_wrapper li.gfield_error input[type="number"], .gform_wrapper li.gfield_er*/
#footer-widgets p.webcredit{
color: #e9e9e9;
font-size: 12px;
font-family: Abel, DINWeb-Light, Arial, Helvetica, sans-serif ;
}
#footer-widgets p.webcredit a{
font-size: 12px;
}
.entry-404 {
padding: 20px;
}
.entry-404 p{
font-size: 15px;
}
/*/////////////////CPD/////////////////////////*/
.page-id-3756 .shortcode-tabs ul.tab_titles li.nav-tab a {
color: #6A6A6A !important;
display: block;
float: left;
font: 15px "Abel",arial,sans-serif !important;
padding: 12px;
text-transform: capitalize !important;
}
.page-id-3756 #wrapper #main .nav-tab.ui-state-active{
background: #fff;
}
.page-id-3756 .shortcode-tabs ul.tab_titles li.nav-tab a:hover{
background: #F4F4F4 !important;
}
.page-id-3756 .shortcode-tabs{
background: #C4D0DD;
border-radius: 0px;
margin-bottom: 0px;
}
.page-id-3756 .entry .tab img {
border: 0px solid #C7C7C7 !important;
margin-bottom: 15px;
margin-right: 0px;
}
.page-id-3756 .entry .wp-caption {
background: none repeat scroll 0 0 #F8F8F8;
border: 0px solid #E6E6E6;
border-radius: 0px;
box-shadow: 0 0 0px 0px #FFFFFF inset;
max-width: 100%;
padding: 0px;
text-align: center;
width: 100%;
}
/*/////////////////CALENDAR/////////////////////////*/
.tribe_events h2.title{
font-weight: normal;
}
#tribe-events-content-wrapper,#tribe-events-content{ background: #fff; }
#tribe-events-content{ margin-bottom: 0; padding: 20px; position: relative; }
.events-grid-view #tribe-events-content { padding-top: 0; }
.tribe-events-before-html h1,
.tribe-events-after-html h1,
#tribe-events-pg-template .tribe-events-content h1 { font-size: 34px; line-height: 1.5em; margin: 0; }
.tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"],
.tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] > a,
#tribe_events_filters_wrapper input[type="submit"],
.tribe-events-button, .entry-content .tribe-events-button,
.tribe-events-button.tribe-inactive,
.entry-content .tribe-events-button:hover,
.tribe-events-button:hover,
.tribe-events-button.tribe-active:hover { background-color: #00529A; }
.tribe-mini-calendar .tribe-events-has-events.tribe-events-present a:hover,
.tribe-mini-calendar td.tribe-events-has-events.tribe-mini-calendar-today a:hover,
.tribe-mini-calendar .tribe-events-has-events.tribe-events-present a,
.tribe-mini-calendar td.tribe-events-has-events.tribe-mini-calendar-today a { background-color: #00529A !important; }
.tribe-events-notices { background: none repeat scroll 0 0 #D9EDF7; border: 1px solid #BCE8F1; border-radius: 0px; color: #00529A; margin: 10px 0 18px; padding: 8px 35px 8px 14px; text-shadow: 0 0px 0 #FFFFFF; }
ul.tribe-events-sub-nav a,
.tribe-events-list-widget .tribe-events-widget-link a,
.tribe-events-calendar a.read_more, #tribe-events a.read_more { display: none; }
#tribe-events-content .tribe-events-tooltip h4,
#tribe_events_filters_wrapper .tribe_events_slider_val { color: #222222; }
.single-tribe_events a.tribe-events-ical,
.single-tribe_events a.tribe-events-gcal { color: #00529A; }
#tribe-events-pg-template .tribe-events-content p,
.tribe-events-before-html p,
.tribe-events-after-html p { font-size: 15px; line-height: 1.5em; }
.tribe-events-event-image img { float: left; margin: 0px 20px 20px 0px; }
.single-tribe_events .tribe-events-event-meta { background: none repeat scroll 0 0 #Fff; border-top: 1px solid #E5E5E5; border-left: 0px; border-right: 0px; border-bottom: 0px; margin: 30px 0; }
.tribe-events-meta-group-details{ border-right: 1px solid #E5E5E5; }
.tribe-events-meta-group.vcard dd.location span.country-name { position: absolute; top: -10000px; visibility: hidden; }
.archive a.tribe-events-ical, .archive a.tribe-events-gcal, .tribe-events-map a.tribe-events-ical, .tribe-events-map a.tribe-events-gcal { display: none; }
#tribe-geo-map-wrapper { background: none repeat scroll 0 0 #EEEEEE; border: 0px solid #DDDDDD; margin-bottom: 0px; padding: 0px; position: relative; z-index: 2; }
.tribe-events-map .tribe-events-event-image { display: none; }
.tribe-events-map #tribe-events-footer{ display: none; }
.events-list .tribe-events-loop,
.tribe-events-day .tribe-events-loop,
.single-tribe_venue .tribe-events-loop,
.single-tribe_organizer .tribe-events-loop { margin: 0 auto; max-width: 940px; }
.tribe-events-list .vevent.hentry { border-bottom: 1px solid #E5E5E5; }
#tribe-bar-form input[type="text"] { background: #fff; border: 1px solid #ccc; font-weight: normal; padding: 3px; }
#tribe-bar-form input#tribe-bar-date { background: #fff url(images/icon-calendar-picker.png) no-repeat 97% 50%; border: 1px solid #ccc; }
#tribe-bar-form label { font-weight: normal; }
#tribe-bar-form .tribe-bar-submit input[type=submit] {
border: 0;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-webkit-appearance: button;
background: #2e70a9; /* Old browsers */
background: -moz-linear-gradient(top, #2e70a9 0%, #07579c 49%, #004e90 50%, #00539a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2e70a9), color-stop(49%,#07579c), color-stop(50%,#004e90), color-stop(100%,#00539a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2e70a9 0%,#07579c 49%,#004e90 50%,#00539a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2e70a9 0%,#07579c 49%,#004e90 50%,#00539a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2e70a9 0%,#07579c 49%,#004e90 50%,#00539a 100%); /* IE10+ */
background: linear-gradient(to bottom, #2e70a9 0%,#07579c 49%,#004e90 50%,#00539a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e70a9', endColorstr='#00539a',GradientType=0 ); /* IE6-9 */
}
#tribe-events-content .tribe-events-calendar div[id*="tribe-events-event-"] h3.tribe-events-month-event-title { font-family: 'PT Sans Narrow',Arial,Helvetica,Sans-Serif; font-size: 14px; font-weight: normal; }
.events-archive.events-gridview #tribe-events-content table .vevent { margin: 0; }
.tribe-events-othermonth { background: #f7f7f7; }
.tribe-events-calendar thead th { background-color: #00529a; border-color: #ccc; }
/*#tribe-events-content .tribe-events-calendar td.tribe-events-present { border: 1px solid #ff6600; }*/
.tribe-events-calendar td.tribe-events-present div[id*="tribe-events-daynum-"] { background-color: #feb54a; }
h2.tribe-events-page-title, #tribe-geo-results h2.tribe-events-page-title { font-size: 30px;font-weight: normal; }
.tribe-events-sub-nav .tribe-events-nav-next { position: absolute; top: 30px; right: 20px; }
.tribe-events-sub-nav .tribe-events-nav-previous { position: absolute; top: 30px; left: 20px; }
#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-next { float: right; margin-left: 5px; position: static; text-align: right; }
#tribe-events-footer .tribe-events-sub-nav .tribe-events-nav-previous { float: left; margin-right: 5px; position: static; text-align: left; }
.tribe-events-sub-nav .tribe-events-nav-next a, .tribe-events-sub-nav .tribe-events-nav-previous a { display: inline-block; background-color: #f7f7f7; font-size: 17px; padding: 5px; }
.tribe-events-notices { margin-bottom: 0; }
.tribe-events-calendar div[id*="tribe-events-daynum-"], .tribe-events-calendar div[id*="tribe-events-daynum-"] a { background-color: #3887cb; }
.tribe-events-calendar .tribe-events-has-events { background: #e5f0f9; }
#tribe-events-adv-list-widget-3 li h4 i { color: #b2d1ed; font-size: 15px; padding: 0; }
.tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"], .tribe-events-calendar td.tribe-events-past div[id*="tribe-events-daynum-"]>a { background-color: #b5c4d5; }
.tribe-events-calendar .type-tribe_events a { background: transparent url(images/bullet-calendar-event-cpd.png) no-repeat 0 2px; padding-left: 18px; }
.tribe-events-calendar .tribe-events-category-riba a { background-image: url(images/bullet-calendar-event-cpd.png); }
#tribe-events-adv-list-widget-3 .tribe-events-category-riba h4 i { color: #3e007e; }
.tribe-events-calendar .tribe-events-category-dce a { background-image: url(images/bullet-calendar-event-dce.png); }
#tribe-events-adv-list-widget-3 .tribe-events-category-dce h4 i { color: #00d3eb; }
.tribe-events-calendar .tribe-events-category-specifi a { background-image: url(images/bullet-calendar-event-dce.png); }
#tribe-events-adv-list-widget-3 .tribe-events-category-specifi h4 i { color: #00d3eb; }
.tribe-events-calendar .tribe-events-category-better-building a { background-image: url(images/bullet-calendar-event-bb.png); }
#tribe-events-adv-list-widget-3 .tribe-events-category-better-building h4 i { color: #00c599; }
.tribe-events-calendar .tribe-events-category-ecoshowcase a { background-image: url(images/bullet-calendar-event-eco.png); }
#tribe-events-adv-list-widget-3 .tribe-events-category-ecoshowcase h4 i { color: #64912B; }
.tribe-events-calendar .tribe-events-category-buildings-and-energy-efficiency-event a { background-image: url(images/bullet-calendar-event-eco.png); }
#tribe-events-adv-list-widget-3 .tribe-events-category-buildings-and-energy-efficiency-event h4 i { color: #64912B; }
.tribe-events-calendar .tribe-events-category-fitshow a { background-image: url(images/bullet-calendar-event-fs.png); }
#tribe-events-adv-list-widget-3 .tribe-events-category-fitshow h4 i { color: #f80053; }
.tribe-events-calendar .tribe-events-category-timber-expo a { background-image: url(images/bullet-calendar-event-te.png); }
#tribe-events-adv-list-widget-3 .tribe-events-category-timber-expo h4 i { color: #df9eff; }
.tribe-events-calendar .tribe-events-category-build-show a { background-image: url(images/bullet-calendar-event-bs.png); }
#tribe-events-adv-list-widget-3 .tribe-events-category-build-show h4 i { color: #FF5000; }
#content .tribe-mini-calendar thead td, #content .tribe-mini-calendar th { background: #00529a; border-color: #00529a; border-width: 0; }
#content .tribe-mini-calendar th { border-bottom: 1px solid #fff; padding-bottom: 3px; }
#content .tribe-mini-calendar-nav { border-width: 0; }
#content .tribe-mini-calendar .tribe-events-othermonth { background: #f4f4f4; }
#content .tribe-mini-calendar .tribe-events-past { background: #b5c4d5; opacity: 0.8; }
#content .tribe-mini-calendar .tribe-events-present { background: #feb54a; }
#content .tribe-mini-calendar .tribe-events-future { background: #3887cb; }
#content .list-date, #sidebar .list-day-number { background-color: #00529a; }
.single-tribe_events .tribe-events-event-image{width: 100px;}
.tribe-events-tooltip .tribe-events-event-thumb img{width: 100px;}
.tribe-events-content a.woo-sc-button{ float: right; margin-left: 20px; }
.tribe-events-content{width: 940px !important;}
/* ----- Calendar Events Nav ----- */
#tribe-events-bar { margin-bottom: 10px; }
#tribe-bar-form #tribe-bar-views {
position: relative;
left: 78.3333%;
width: 21.66667%;
}
#tribe-bar-form #tribe-bar-views+.tribe-bar-filters {
right: 21.66667%;
left: auto;
width: 78.3333%;
}
/* ----- new navigation replacement ----- */
.tribe_view-as-replacement { padding: 5px 0 0 15px; }
.tribe_view-as-replacement a { background: none no-repeat 0 2px; color: #666; display: inline-block; padding: 2px 0 2px 20px; }
.tribe_view-as-replacement .map a { background-image: url(images/icon-map.png); padding-left: 17px; }
.tribe_view-as-replacement .month a { background-image: url(images/icon-calendar-picker.png); padding-right: 12px; }
.tribe-bar-views-inner { padding-bottom: 30px; }
/* Tribe Events : Single Event Page */
.tribe-events-schedule h2 { display: inline-block; }
.tribe-events-single-section .tribe-venue a { display: none; } /* prevent anchor displaying then being removed - note: anthor removed via javascript */
/* ----- fit show ----- */
.box-homes{
background: #4D4D4D;
}
.box-homes p{
padding: 10px;
color: #fff;
}
.box-homes a{
color: #87C23F;
}
.page-id-5492 .widget-contact p{
margin-bottom: 10px;
}
.page-id-5492 .widget-contact h2{
margin-bottom: 0px;
}
/* ----- tech manual home page ----- */
.page-template-technical-manual-overview-php #main { margin: 0; }
.page-template-technical-manual-overview-php .banner-overlay { background: rgba(0, 0, 0, 0.7); bottom: 0; color: #fff; font: 300 21px/21px DINWeb-Light, Abel, Arial, Helvetica, sans-serif; margin: 0; padding: 10px 17px; position: absolute; width: 946px; }
.tm-change-log { border-collapse: collapse; }
.tm-change-log td, .tm-change-log th { padding: 5px; text-align: left; }
.tm-change-log th { font-size: 12px; font-weight: normal; text-transform: uppercase; }
.tm-change-log td { border-color: #e5e5e5; border-width: 1px 0; border-style: solid; }
.tm-change-log td i { color: #979797; }
.page-template-technical-manual-overview-php h2 i { color: #44a4f7; }
/* ----- strapline module ----- */
.entry .strap-bar { font: 300 17px/17px DINWeb-Light, Abel, Arial, Helvetica, sans-serif; }
/* ----- workings ----- */
/* --------------------------------------------------------------- */
/* ///////////////// # LATEST //////////////////////////////////// */
/* _______________________________________________________________ */
/* ----- top login bar ----- */
#toppanel {
/*background: #00529a !important;*/
background-image: none !important;
box-shadow: none;
margin-left: auto;
margin-right: auto;
position: absolute;
text-align: center;
top: 0;
right: 0;
width: 250px;
z-index: 999;
/*height: 30px;*/
display: none;
}
#loginpanel {
background: none repeat scroll 0 0 #00529a;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
color: #fff;
position: absolute;
right: 249px;
top: 30px;
width: 250px;
z-index: 1000;
}
#toppanel .tablogin{
/*height: 30px;*/
}
#toppanel .tablogin .login-user-prefix { font-family: Abel, Arial, Helvetica, Sans-Serif; font-size: 14px; }
#loginpanel .content input.field, #registerpanel .content input.field {
background: none repeat scroll 0 0 #fff;
border: 1px solid #1a1a1a;
color: #6A6A6A;
height: 16px;
width: 200px;
}
.tablogin ul.login li a {
color: white;
font-family: Abel, Arial, Helvetica, Sans-Serif;
font-size: 14px;
text-transform: uppercase;
text-decoration: none;
}
.tablogin ul.login li a:hover, .tab ul.login li a:active {
color: #7bb6e8;
}
#toppanel .tab .sep {
color: #fff;
}
.tablogin .sep {
color: #8aa9c5;
}
.tablogin ul.login li {
display: block;
float: left;
height: 30px;
padding: 0 6px;
text-align: left;
}
#toppanel .login {
border-right: 0px solid #cacaca;
padding: 0px !important;
}
.tablogin ul.login {
color: white;
display: block;
font-size: 13px;
font-weight: normal;
/*height: 30px;*/
line-height: 32px;
margin: 0;
position: absolute;
right: 0;
width: 250px;
}
.tablogin ul.login .login-link { float: right; }
/* ----- top menu bar ----- */
/* modification of tablepress used in intranet phone extensions table */
#tablepress-5 .column-3.hq i { color: #00d3eb; }
#tablepress-5 .column-3.livingston i { color: #f80053; }
#tablepress-5 .column-3.newport i { color: #d3ef8e; }
#tablepress-5 .column-3.pinnacle i { color: #df9eff; }
#tablepress-5 .column-3.sgs i { color: #00c599; }
#tablepress-5 .column-3 img { vertical-align: middle; }
#tablepress-5 {font-size: 13px;}
/* series 2 landing pages*/
.header-bar-landing {
background: none repeat scroll 0 0 #fdfdfd;
border-width: 0 0 1px;
display: table-cell;
text-align: right;
vertical-align: middle;
width: 980px;
height: 105px;
}
.header-bar-landing h1 {
color: #7a7a7a;
font-family: Abel;
font-size: 40px;
font-weight: normal;
line-height: 1;
margin: 0 0 0 20px;
position: static;
text-align: left;
}
.content--s2-land {
padding: 0 20px;
position: relative;
z-index: 998;
}
/* hide social from categories*/
.category-lennarts-blog .et_social_inline, .category-company-confidential .et_social_inline, .category-fabricator-alerts .et_social_inline, .category-website-updates .et_social_inline, .category-website-development .et_social_inline{
display: none;
}
.page-template-intranet-home-page .et_social_sidebar_networks,.page-template-intranet-page .et_social_sidebar_networks, .page-template-fabricator-page .et_social_sidebar_networks, .category-lennarts-blog .et_social_sidebar_networks,.category-company-confidential .et_social_sidebar_networks, .category-fabricator-alerts .et_social_sidebar_networks, .category-website-updates .et_social_sidebar_networks, .category-website-development .et_social_sidebar_networks{
display: none;
}
/* social share*/
.et_monarch .et_social_inline_top {
margin-bottom: 0px;
}
.et_monarch .et_social_inline_bottom {
margin-top: 10px;
}
.et_monarch .et_social_inline .et_social_networks .et_social_icon, .et_monarch .et_social_inline .et_social_networks .et_social_icon::before, .et_monarch .et_social_inline .et_social_networks .et_social_icon::after {
border-radius: 100px;
display: inline-block;
height: 30px !important;
line-height: 30px !important;
width: 30px !important;
}
.et_monarch .et_social_networks .et_social_icons_container {
display: inline-block;
line-height: 30px !important;
margin: 0 !important;
padding: 0 !important;
width: inherit;
}
.et_monarch .et_social_autowidth li {
margin: 0 2% 0% 0 !important;
width: auto;
}
.et_monarch .et_social_networks .et_social_like{
display: none;
}
/* logo packs */
.logo-caption p{
background: #6A6A6A;
width: 314px;
color: #fff;
text-align: center;
}
.logo-caption a{
color: #fff;
}
/*/////////////////Post Galleries/////////////////////////*/
.single-post .ngg-galleryoverview {
background: none repeat scroll 0 0 #fff;
border-color: #e5e5e5;
border-style: solid;
border-width: 1px 0 1px 0!important;
margin: 20px 0 20px 0 !important;
}
.single-post .ngg-gallery-thumbnail img {
background-color: #ffffff;
border: 0 solid #cacaca !important;
display: block !important;
margin: 20px 0 20px 20px !important;
padding: 0 !important;
}
/*/////////////////Fabricator News/////////////////////////*/
#category-posts-2 ul li {
border-bottom: 0px solid #ccc;
list-style: outside none none;
margin: 3px 0;
padding: 3px 0;
}
#category-posts-2 ul li p{
margin-bottom: 0px;
}
/*/////////////////Fabricator Comments/////////////////////////*/
.fab-comments{
background: #fee3c6;
margin: 20px 0 0 0px;
padding-bottom: 20px;
}
.fab-comments h2{
background: #FF8200;
font: 20px "Open Sans Condensed","PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif;
padding: 6px 20px 8px;
color: #fff;
}
.page-template-fabricator-page #comments{
border-top: 0px solid #FF8200;
margin: 0px;
padding: 20px 0 0 20px;
position: relative;
background: #fee3c6;
}
/*/////////////////Intranet News/////////////////////////*/
.postid-8169 div.pp_default .pp_description{
display: none !important;
}
/*/////////////////Z-index fix/////////////////////////*/
div.pp_overlay{
z-index: 100002;
}
div.pp_pic_holder {
z-index: 100003;
}
.et_monarch .et_social_sidebar_networks {
z-index: 100001;
}
/*/////////////////Fabricator Tools/////////////////////////*/
#slider-pro-11 .slide-buttons{
margin-top: -270px;
margin-left: 10px;
}
.page-template-fabricator-page-php .text-thumbnail-pointer{
margin-bottom: 0px !important;
}
.popmake-title{
margin-top: 10px;
}
/*/////////////////Fabricator Tools - Logo Packs/////////////////////////*/
.page-id-5828 .ngg-gallery-thumbnail img {
background-color: #ffffff;
border: 1px solid #EEEEEE;
display: block;
margin: 4px 0 4px 4px;
padding: 4px;
position: relative;
}
.page-id-5828 .ngg-galleryoverview {
background: #F7F7F7 none repeat scroll 0 0;
border-color: #e5e5e5;
border-style: solid;
border-width: 0px 0 0;
margin: 20px 0 0 !important;
}
/*/////////////////Fabricator Tools - LogiKal/////////////////////////*/
.logikal a:link{
color: #E4922F;
}
#nav_menu-17 .menu-item-17495 {
border: 1px solid #ababab;
padding-left: 36px;
background: url("images/logikal-icon.png") no-repeat #eee 7px 50%;
}
.page-template-logikal-page .gfield_html p{font-size: 1em !important; line-height: 1.3 !important;}
.page-template-logikal-page .gform_wrapper .gform_footer {
clear: both;
margin: 0px 0 0;
padding: 0px 0 0px;
}
.page-template-logikal-page .gform_wrapper{margin: 0px 0;}
/*/////////////////Remove lightbox title/////////////////////////*/
.ppt {
display: none !important;
}
/*/////////////////Woo button/////////////////////////*/
a.woo-sc-button{
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #52a8e8 20%, #2e76cf 100%) repeat scroll 0 0;
border-color: #4081af #4081af #20559a;
border-image: none;
border-radius: 15px;
border-style: solid;
border-width: 0px;
box-shadow: 0 0px 0 hsla(0, 100%, 100%, 0.3) inset, 0 0 2px hsla(0, 100%, 100%, 0.3) inset, 0 0px 0px hsla(0, 0%, 0%, 0.29);
color: white !important;
display: inline-block;
font-family: sans-serif;
line-height: 1em;
margin: 0 0.6em 1.5em 0;
padding: 6px 13px;
text-align: center;
text-decoration: none !important;
text-shadow: 0 0px 0 hsla(0, 0%, 0%, 0);
}
/*/////////////////Branch Network Maps/////////////////////////*/
.map-box{
background: #f8f8f8 none repeat scroll 0 0;
padding-left: 30px;
height: 68px;
padding-top: 7px;
margin-bottom: 10px;
}
.map-box-large{
background: #f8f8f8 none repeat scroll 0 0;
padding-left: 30px;
height: 90px;
padding-top: 7px;
margin-bottom: 10px;
}
.map-box-color-large{
height: 97px;
width: 20px;
float: left; opacity: 0.5;
margin-bottom: 10px;
}
.map-box-color{
height: 75px;
width: 20px;
float: left; opacity: 0.5;
margin-bottom: 10px;
}
.map-box-branch{
background: #f8f8f8 none repeat scroll 0 0;
padding-left: 30px;
height: 138px;
padding-top: 7px;
margin-bottom: 10px;
}
.map-box-color-branch{
height: 145px;
width: 20px;
float: left; opacity:
0.5;
margin-bottom: 10px;
}
.map-purple{
background-color: #3d0a78;
}
.map-yellow{
background-color: #f3e137;
}
.map-orange{
background-color: #ff9614;
}
.map-pink{
background-color: #de9eff;
}
.map-red{
background-color: #ae0000;
}
.map-green{
background-color: #14d277;
}
.map-lightgreen{
background-color: #abe9d7;
}
.map-grey{
background-color: #ABAAA9;
}
.map-gra{
background-color: #E9E9E9;
}
.map-blue{
background-color: #799AC6;
}
.map-dgreen{
background-color: #007800;
}
.map-black{
background-color: #000000;
opacity: 1 !important
}
#nav_menu-23, #nav_menu-24 {
font-family: "PT Sans Narrow",arial,helvetica,sans-serif;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 1.5;
}
#nav_menu-23 li, #nav_menu-24 li {
border-bottom: 1px solid #dcdcdc;
padding-bottom: 5px;
padding-top: 5px;
}
#nav_menu-23 li a, #nav_menu-24 li{
color: #6A6A6A;
}
#nav_menu-23 h3, #nav_menu-24 h3 {
padding-bottom: 0px;
}
#nav_menu-23 h3, #nav_menu-24 h3 {
border-bottom: 1px solid #dcdcdc;
padding-bottom: 5px;
padding-top: 5px;
}
/*/////////////////Pretty Photo Image Gallery (3d thumbs)/////////////////////////*/
a.pp_expand{
display: none !important;
}
.pp_default .pp_hoverContainer{
display: none!important;
}
#gallery-1 img {
border: 0px solid #cfcfcf !important;
}
#gallery-1 .wp-caption-text{
padding: 6px 0px 8px 0px !important;
}
#gallery-1 .gallery-caption{
width: 150px !important;
background: #e5e5e5;
text-align: center !important;
}
.gallery-caption{
margin: 0 auto !important;
}
.introbox{
border-bottom: 1px solid #cfcfcf;
padding: 20px;
margin: 0px 20px 20px 20px;
}
/*/////////////////Search/////////////////////////*/
.search-results #main-sidebar-container #main {
width: 640px;
}
.search-results .type-post{
background: url("images/news-icon-small.png") no-repeat 0 5px;
}
.search-results .portfolio{
background: url("images/project-icon-small.png") no-repeat 0 5px;
}
.search-results .type-tribe_events{
background: url("images/event-icon-small.png") no-repeat 0 5px;
}
.search-results .type-page{
background: url("images/page-icon-small.png") no-repeat 0 5px;
}
.search-results .type-page-tech{
background: url("images/tech-icon-small.png") no-repeat 0 5px;
}
.search-results .post h2.title a, .search-results .page h2.title a, .search-results .portfolio h1.title a, .search-results .type-tribe_events h2.title a, .search-results .entry{
padding-left: 55px !important;
}
/*/////////////////Superscript/////////////////////////*/
/*sup {
vertical-align: super !important;
font-size: smaller !important;
}*/
sup, sub, .sup {
vertical-align: baseline;
position: relative;
top: -0.3em;
font-size: 0.8em !important;
}
sub { top: 0.3em; }
a sup, a sub { text-decoration: none !important; }
sup.as-logo { font-size: 0.2em !important; top: -1.75em; }
/* ----- alter superscript in page heading banner ----- */
[class*="pg-header-bar__h1-"] sup { font-size: 0.5em !important; top: -0.7em; }
/* ----- tech manual 17022016----- */
.guide{
background: #e7e7e7;
padding: 20px;
border-top: 1px solid #979797;
}
.guide h2{
font: 400 20px "Open Sans Condensed","PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif;
margin-bottom: 15px;
}
.page-template-technical-manual #main .widget{
margin-top: 0px;
}
h2.header-tech{
font: 25px "Open Sans Condensed","PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif;
margin-bottom: 0;
padding: 6px 0px 8px;
margin-bottom: 2px;
/*background: #ECECEC;*/
color: #6a6a6a;
line-height: 1.3 !important;
text-align: center;
width: 99.9%;
border-top: 1px solid #ececec;
}
.page-id-4741 h2.header-tech, .page-id-10811 h2.header-tech{
display: none;
}
/* ----- discontinued products----- */
.discont{background: #FFF500; padding: 10px 20px 10px 20px;}
.discont p{color: #6a6a6a; margin-bottom: 0px; font-weight: bold;}
/* ----- cert request----- */
.gform_wrapper_13 .gfield_select {
background: #f8f8f8 none repeat scroll 0 0;
border-color: #cacaca !important;
border-radius: 0;
border-style: solid;
border-width: 1px !important;
padding: 5px !important;
}
.popmake .gform_wrapper input.button{background: #FF8200;color:#fff;}
.popmake .gform_wrapper input.button:hover{background: #cc6a00;color:#fff;}
.popmake h2{font-weight: normal; margin-top: 20px;}
#gform_confirmation_message_13{font-size: 1.3em; margin-top: 20px;}
.pum-container .popmake-title{font-size: 20px; line-height: 20px;}
/* ----- fabtools categories----- */
#nav_menu-25 {
font-family: "PT Sans Narrow",arial,helvetica,sans-serif;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 1.5;
}
#nav_menu-25 a {
color: #6a6a6a;
}
#nav_menu-25 li {
border-bottom: 1px solid #dcdcdc;
padding-bottom: 5px;
padding-top: 5px;
}
/* ----- fabtools advert popup---- */
#popmake-11637{background-color:#000;}
#popmake-11637 .popmake-title{}
#popmake-11637 h4{color:#FF8200; margin-top: 0px; font-weight: normal;}
#popmake-11637 p{color: #FF8200;}
#popmake-11637 .popmake-content{padding-top: 0px;}
#popmake-11637 .popmake-close{background-color: #000;}
/* ----- customers post type---- */
#main .customers{
padding-top: 20px;
margin-bottom: 20px;
padding-left: 20px;
}
.post-type-archive-customers #main{margin-bottom: 20px;margin-top: 20px;padding-left: 20px;}
.post-type-archive-customers .entry-title{color: #222222;font: 18px/1.2em Arial,sans-serif;}
.post-type-archive-customers .customer{border-bottom: 1px dotted #bdbdbd;padding-top: 10px;padding-bottom: 10px;}
.cust-box{border: 1px solid #eeeeee; padding: 10px 10px 0px 10px; margin-bottom: 20px; background-color: #fcfcfc; }
.cust-box h3{margin-left: 15px;}
.list-group-item {
background-color: #ffffff;
border: 1px solid #eeeeee;
display: block;
margin-bottom: -1px;
padding: 10px 15px;
position: relative;
}
.list-group-item:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.list-group-item:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
margin-bottom: 10px;
}
/* ----- marketing resources---- */
.document-gallery{
margin-bottom: 20px;
}
.document-gallery .document-icon{border: 2px solid #F8F8F8;}
.document-gallery .document-icon img {
width: 200px;
}
.document-gallery .document-icon .title{
padding: 8px 0px 8px 0px;
font: 15px/1em Arial,sans-serif;
background: #408BCB;
width: 200px;
margin: 0px auto 5px auto;
color: #fff;
}
h2.dcmt-header{
padding: 4px 0 6px;
background: #2674B7;
font-family: "Open Sans Condensed","PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif;
text-align: center;
font-weight: normal;
font-size: 25px;
margin-bottom: 5px;
color: #fff;
}
.page-id-11734 #main .entry .wp-caption-text, .page-id-15395 #main .entry .wp-caption-text{text-align: center !important;}
/* -----intranet datasheets---- */
/*/////////////////Toggle images (as used on mr-images/////////////////////////*/
.toggle--images .shortcode-toggle .toggle-content {
background: none repeat scroll 0 0 #EBEBEB !important;
padding: 0px !important;
}
.toggle--images{
margin-top: -24px;
}
.toggle--images .shortcode-toggle h4 a {
text-align: right !important;
text-decoration: underline;
padding: 0px 30px 0px 10px !important;
background-image: none;
}
/*/////////////////Ticker/////////////////////////*/
.mtphr-dnt-tick-container {
background: #ECECEC;
margin-bottom: 20px;
}
/*/////////////////Post Black Intro Box/////////////////////////*/
.black-box {
background: #000;
margin-bottom: 20px;
padding: 10px;
}
.black-box p{
color: #fff;
}
.white-box {
background: #fff;
margin-bottom: 20px;
padding: 10px;
}
/*/////////////////TM Timeline/////////////////////////*/
.tm_timeline__event__title{display: none !important;}
.tm_timeline__event__date{
color: #6A6A6A;
font-family: 'PT Sans Narrow',Arial,Helvetica,Sans-Serif;
font-size: 38px;
margin-bottom: 20px;}
.tm_timeline__event__description h2{
font-family: 'PT Sans Narrow',Arial,Helvetica,Sans-Serif;
}
/* --------------------------------------------------------------- */
/* DYNAMIC BACK TO TOP LINK */
a.back-to-top {
display: none;
position: fixed;
z-index: 999;
right: 10px;
bottom: 10px;
padding: 10px;
background: #00529a;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
color: #fff !important;
font-size: 18px;
font-family: 'Abel',arial,sans-serif;
text-transform: uppercase;
}
/*#content {
height: 2000px;
}*/
/*Sales Figures Output*/
.sales-figs {
position: absolute;
background: #393f4c;
bottom: auto;
top: 142px;
right: 0;
white-space: nowrap;
padding: 10px 17px 8px 10px;
}
.sales-figs .lt-100 span, .sales-figs span { color: #eb5367; }
.sales-figs .gt-100 span, .sales-figs .target-hit span { color: #16ff6d; text-shadow: 0 0 3px #16894c; }
.sales-figs span.target { color: #fff; }
.sales-figs td { padding: 0; }
.sales-figs td p { color: #999; font: 16px/16px 'Abel', Arial, Sans-Serif; margin: 0 !important; }
.sales-figs td.divider { color: #666; }
.sales-figs td.sales-figs-caption p { font: 12px/12px 'Abel','PT Sans Narrow', Arial, Sans-Serif; color: #c17829; }
.sales-figs tr.caption { display: none; }
/* specific to intranet home */
.page-template-intranet-home-page .sales-figs { display: block; }
.page-template-intranet-home-page .sales-figs p { font-size: 22px; }
.page-template-intranet-home-page .sales-figs td.sales-figs-caption p { font-size: 13px; line-height: 13px; }
.page-template-intranet-home-page .sales-figs td { padding: 0 5px; }
.page-template-intranet-home-page .sales-figs tr.caption { display: table-row; }
.page-template-intranet-home-page .sales-figs tr.caption td { padding-top: 3px; }
.page-template-intranet-home-page .sales-figs tr.figs td { padding-top: 0; }
/*Fab Paint Certs*/
.page-id-8353 .entry h2 {margin-bottom: 0px !important;}
/* login page */
.page-id-1364 #loginform label { display: inline-block; }
.page-id-1364 #theme-my-login { border-radius: 7px; border: 1px solid #efefef; padding: 15px; }
.page-id-1364 #loginform .submit { margin-bottom: 0; }
.page-id-9464 .tml-action-links {display: none !important;}
/* --------------------------------------------------------------- */
/* logo guidelines pages */
/* ----- group logo ----- */
h2.h-LogoGuide { font: normal 300 50px/1.1 'Roboto Thin', Arial, Sans-Serif; }
.h3--logoGuide { font: normal 300 24px/1.1 'DINWeb-Light','Roboto Thin', Arial, Sans-Serif; }
.h4--LogoGuide { font: normal 700 18px/1.1 'PT Sans Narrow','Open Sans Condensed', Arial, Sans-Serif; }
.LogoGuide-sec-divider { background: url(images/bg-logo-guides-group-logo.png) repeat-y top right; }
.LogoGuide-sec { }
.LogoGuide-sec-sizeSpace {}
.LogoGuide-sec-sizeSpace--txt { float: left; width: 220px; }
.LogoGuide-sec-sizeSpace--logo { float: left; width: 720px; }
.LogoGuide-sec-color { float: left; width: 256px; padding-right: 20px; }
.LogoGuide-sec-color--blue i.fa-circle { color: #00529b; }
.LogoGuide-sec-color--grey i.fa-circle { color: #bebfc2; }
.LogoGuide-sec-mono { float: left; width: 664px; }
.entry .LogoGuide-sec-mono--logo { display: block; margin: 0 10px 10px 0; }
.LogoGuide-sec-examples {}
.LogoGuide-sec-examples--col1 {}
.LogoGuide-sec-examples--col2 { margin-right: 20px }
.h-LogoGuide-wrap { position: relative; }
.LogoGuide-legend { position: absolute; display: inline-block; bottom: 3px; }
.LogoGuide-legend--left { right: 234px; padding-right: 7px; }
.LogoGuide-legend--right { left: 727px; padding-left: 7px; }
.entry .LogoGuide-data { color: #ff5c00; font: normal 300 18px/1.2 'Abel', 'Muli', Arial, Helvetica, Sans-Serif; }
.entry .h-inline--logoGuide { color: #999; font-weight: normal; }
/* ----- group logo : content ----- */
.LogoGuide-sec-color i.fa.fa-pull-left.fa-3x { font-size: 6.5em; margin-right: .1em; }
/* youtube -----*/
.epyt-gallery-allthumbs{padding-left: 20px; padding-right: 20px;}
/* mp4 fullscreen -----*/
.mejs-container-fullscreen{z-index: 100000 !important;}
/* --------------------------------------------------------------- */
/* user prefs/settings page */
.uPrefs--h1 { font: 300 27px/1.2 'Roboto', Arial, Sans-Serif; }
.key-val { font-size: 17px; border: 1px solid #ddd; border-width: 0 0 1px; padding: 7px 0; }
.key-val.first { border-width: 1px 0; }
.lb, .val { display: inline-block; font-weight: 300; font-family: 'Roboto', 'Abel', Arial, Sans-Serif; }
.lb { color: #aaa; width: 200px; text-transform: uppercase; font-size: .8em; font-weight: 300; font-family: 'Roboto', 'Abel', Arial, Sans-Serif; }
#gform_widget-3 {border: 1px solid #ddd; padding: 10px 10px 0px 10px; border-radius: 3px;}
#gform_widget-3 h3{padding-bottom: 0px;}
/* ----- SAS HUB----- */
.rot-45 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* ----- modal overlay ----- */
.x-pum-overlay { background: url(images/bg-overlay-dark.png) repeat right; }
.x-pum-overlay { background: black; opacity: .75; }
.popmake-tcp-box { background: #f9f9f9;
-webkit-box-shadow: 0px 0px 2px 2px rgba(255, 255, 255, 0.12);
-moz-box-shadow: 0px 0px 2px 2px rgba(255, 255, 255, 0.12);
box-shadow: 0px 0px 2px 2px rgba(255, 255, 255, 0.12);
}
.tnc-fadeout {
position: absolute;
bottom: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,f9f9f9+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(249,249,249,0) 0%, rgba(249,249,249,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(249,249,249,0) 0%,rgba(249,249,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(249,249,249,0) 0%,rgba(249,249,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f9f9f9', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}
.pum-title { margin-bottom: 20px; }
.terms-conditions.pum-container { text-align: center; }
.terms-conditions .pum-title {
background: url(images/modal-sa-logo.png) no-repeat left center;
text-align: center;
display: inline-block;
padding-left: 66px;
font: 300 32px/3.1 'Open Sans Condensed', 'PT Sans Narrow', 'Arial Narrow', Arial, Helvetica, Sans-Serif;
margin: -20px 0 0;
}
.terms-conditions .popmake-tcp-box { border-color: #ccc; position: relative; }
/* ----- custom checkbox ----- */
.popmake-tcp-agree .popmake-tcp-checkbox-container {
width: 25px;
margin: 20px 5px 10px 0;
position: relative;
}
/* Create the box for the checkbox */
.popmake-tcp-agree .popmake-tcp-checkbox-container label {
cursor: pointer;
position: absolute;
width: 27px;
height: 27px;
top: 0;
left: 0;
background: #fff;
border:1px solid #bbb;
border-radius: 3px;
margin-top: -3px;
color: #6a6a6a;
}
/* Display the tick inside the checkbox */
.popmake-tcp-agree .popmake-tcp-checkbox-container label:after {
opacity: 0.1;
content: '';
position: absolute;
width: 12px;
height: 8px;
background: transparent;
top: 6px;
left: 7px;
border: 3px solid #333;
border-top: none;
border-right: none;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.pum-overlay :after,.pum-overlay:after {
box-sizing: border-box;
}
/* Create the hover event of the tick */
.popmake-tcp-agree .popmake-tcp-checkbox-container label:hover::after {
opacity: 0.5;
border-color: green;
}
/* Create the checkbox state for the tick */
.popmake-tcp-agree .popmake-tcp-checkbox-container input[type=checkbox]:checked + label:after {
opacity: 1;
border-color: green;
}
.popmake-tcp-agree {
background: #b2d1ed;
margin: 40px -18px -18px;
padding: 45px 0 15px;
margin-top: -40px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dae9f7+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(218,233,247,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(218,233,247,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(218,233,247,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dae9f7',GradientType=0 ); /* IE6-9 */
}
/*.popmake-tcp-agree .popmake-tcp-checkbox-container + label { color: #6a6a6a; }*/ /* target the label next to checkbox */
.popmake-tcp-box p, ol.tnc li, .pum-content p.tnc, .popmake-tcp-agree .popmake-tcp-checkbox-container + label { font: normal 12px/1.5em 'Roboto', Arial, sans-serif; color: #000; }
.pum-content p.tnc.info { font: 300 12px/1.5em 'Roboto Mono', Arial, sans-serif; color: #000; }
.popmake-tcp-agree .popmake-tcp-checkbox-container + label { font-size: 1.2em; }
/* style the terms and conditions list */
ol.tnc {
counter-reset: item;
}
ol.tnc li li:first-child { margin-top: .8em; }
ol.tnc li li li { margin-top: 0; }
ol.tnc li.tnc-heading, .popmake-tcp-box .tnc-heading {
text-transform:uppercase;
font: bold 17px/1.5em 'DINWeb-Light', Arial, sans-serif;
}
ol.tnc li{
font-weight:bold;
text-transform:uppercase;
list-style-position:outside;
margin-top: 1em;
}
ol.tnc ol { margin-top: 0; }
ol.tnc li:before{
content: counters(item,".") ". ";
counter-increment: item;
display:marker;
}
ol.tnc li ol.tnc li{
font-weight:normal;
text-transform:none;
}
ol.tnc li ol.tnc li ol.tnc li{
margin-left:2.5em;
list-style-type:lower-alpha;
}
ol.tnc li ol.tnc li ol.tnc li:before{
content:none;
}
ol.tnc li ol.tnc li ol.tnc li ol.tnc li{
list-style-type:lower-roman;
}
/* ----- SAS HUB top nav item ----- */
#menu-sas-hub-shortcuts .fa-stack { font-size: 0.85em; }
#menu-sas-hub-shortcuts li { border-width: 0; }
/* ----- LogiKal----- */
.page-id-14940 #main .pf-content .widget {
margin-top: 0px;
margin-bottom: 0px;
}
.page-template-logikal-page-php .entry{padding: 0px;}
.category-logikal-issues .et_social_inline_bottom{display: none !important;}
.category-logikal-issues #comments {display: none !important;}
#nav_menu-28 .menu-item-15079, #nav_menu-28 .menu-item-15250, #nav_menu-28 .menu-item-15360, #nav_menu-28 .menu-item-15361, #nav_menu-28 .menu-item-15080, #nav_menu-28 .menu-item-15091, #nav_menu-28 .menu-item-15090, #nav_menu-28 .menu-item-15092, #nav_menu-28 .menu-item-15177, #nav_menu-28 .menu-item-15178
{ background: #eee; border: 1px solid #ababab; margin-top: 10px; padding-left: 8px; }
#nav_menu-28 li {
padding-top: 5px;
padding-bottom: 5px;
}
#nav_menu-28 {
font-family: 'PT Sans Narrow', arial, helvetica, sans-serif;
font-style: normal;
font-size: 19px;
font-weight: 400;
line-height: 1.5;
}
#nav_menu-28 .menu-item-15079{
border: 1px solid #ababab;
padding-left: 36px;
background: url("images/logikal-icon.png") no-repeat #eee 7px 50%;
}
#main .upw-posts .post {padding-left: 0px; margin-top: 0px; margin-bottom: 0px;}
.upw-posts article {padding-bottom: 0em;}
.upw-posts .entry-title {margin-bottom: 0px; font-weight: normal;}
.upw-posts h4.entry-title{font-size: 16px;
font-family: 'PT Sans Narrow', Arial, Helvetica, sans-serif !important
;}
.upw-posts .entry-summary p{font-size: 0.9em; font-style: italic;}
.upw-posts .entry-summary > :last-child {
margin-bottom: 0.5em;
}
.upw-posts article{margin-bottom: 0.5em;}
.logikal-custom-post h2.title{font: normal 20px/1.2em Arial, sans-serif;
color: #222222; margin-bottom: 0px; }
.logikal-custom-post {margin: 20px 0px 0px 20px;}
.logikal-custom-post table, .logikal-custom-post th, .logikal-custom-post td {border: 1px solid #ababab;}
.logikal-custom-post td{padding: 10px;}
.logikal-custom-post .form-control{border: 1px solid #ababab;}
.js-wpv-filter-trigger{padding-top: 8px;}
.logikal-custom-post input {background: #fff;}
.logikal-custom-post .wpv-reset-trigger{padding: 10px 25px; margin-bottom: 0px;}
.logikal-custom-post .wpv-submit-trigger{padding: 10px 38px; margin-bottom: 0px;}
.logikal-archive {margin: 20px 20px 0px 20px;}
.logikal-archive table, .logikal-archive th, .logikal-archive td {border: 1px solid #ababab;}
.logikal-archive h2.title{font: normal 18px/1.2em Arial, sans-serif;
color: #222222; margin-bottom: 0px; }
.logikal-archive h2.title a{color: #222222;}
.logikal-archive td{padding: 10px;}
.logikal-archive p {margin-bottom: 0px;}
#text-169 {background: #eee;
border: 1px solid #ababab; padding: 10px;}
#text-169 h3{padding-bottom: 0px; font: normal 25px 'Open Sans Condensed', 'PT Sans Narrow', 'Arial Narrow', Arial, Helvetica, Sans-Serif;}
#text-169 input{margin-bottom: 0px;}
#text-169 input.search-field{width: 100%;}
#text-169 input.search-submit:hover{background: #222222; color: #fff;}
.page-template-page-searchwp-supplemental .search-box{padding: 20px 20px 0px 20px;}
.page-template-page-searchwp-supplemental input.search-field{width: 300px;}
/* =============================================================== */
/* TOTALISER */
/* --------------------------------------------------------------- */
/* ----- totaliser full page ----- */
/* remove shell */
.page-template-page-no-shell #top,
.page-template-page-no-shell #header-container,
.page-template-page-no-shell #nav-container,
.page-template-page-no-shell #footer-widgets-container,
.page-template-page-no-shell .pg-header-bar--default,
.page-template-page-no-shell .et_social_sidebar_networks_right { display: none; }
.page-template-page-no-shell #wrapper,.page-template-page-no-shell #content, .page-template-page-no-shell #wrapper #main {
/*width: 1920px;
height: 1080px;
max-width: 1920px;
max-height: 1080px;*/
width: 100vw;
height: 100vh;
max-width: 100vw;
max-height: 100vh;
box-sizing: border-box;
padding-bottom: 0 !important;
}
.page-template-page-no-shell .col-full::after { display: none; }
.page-template-page-no-shell #wrapper { width: 100vw; max-width: 100vw; max-height: 100vh; height: 100vh; }
.page-template-page-no-shell .entry { margin: 0; }
.sales-figs--mainCont.sales-figs { background: transparent; position: relative; top: 0; left: 0; }
.sales-figs--mainCont td p { font-size: 72px; line-height: 1.5; }
.sales-figs--mainCont .target,
.sales-figs--mainCont .intake,
.sales-figs--mainCont .deficit,
.sales-figs--mainCont .percent { margin: 0; padding: 0; position: absolute; display: inline-block; z-index: 2; opacity: 1; }
.sales-figs--mainCont .intake { top: 285px; left: 0px; }
.sales-figs--mainCont .intake { top: 26.5vh; }
.sales-figs--mainCont .deficit { top: 645px; left: 0px; }
.sales-figs--mainCont .deficit { top: 59.8vh; }
.sales-figs--mainCont .target { top: 370px; left: 1385px; }
/*prb 2018-11-07*/
/*.sales-figs--mainCont .target { top: 34vh; left: 72vw; }*/
.sales-figs--mainCont .target { top: 26.5vh; left: 66.5vw; }
.sales-figs--mainCont .percent { top: 645px; left: 1280px; }
.sales-figs--mainCont .percent { top: 59.8vh; left: 66.5vw; }
/*.sales-figs--mainCont .intake p { width: 1175px; }
.sales-figs--mainCont .deficit p { width: 1175px;}
.sales-figs--mainCont .percent p { width: 640px; }*/
.sales-figs--mainCont .intake p, .sales-figs--mainCont .deficit p { width: 61vw; }
.sales-figs--mainCont .percent p { width: 33.5vw; }
.sales-figs--mainCont .data { border-bottom: 0 solid #fff; }
.sales-figs--mainCont .data p { box-sizing: border-box; }
.sales-figs--mainCont .intake p,
.sales-figs--mainCont .deficit p { padding-left: 11vw; }
/*prb 2018-11-07*/
/*.sales-figs--mainCont .percent p { padding-left: 5.55vw; }*/
.sales-figs--mainCont .percent p, .sales-figs--mainCont .target p { padding-left: 5.55vw; }
.sales-figs--mainCont .data p span { font: 300 173px/173px Arial, Sans-Serif; }
.sales-figs--mainCont .data p span {font-size: 6.8vw; line-height: 6.8vw; }
.sales-figs--mainCont .data p { color: #6a6a6a; font: normal 63px/63px 'Abel', Arial, Sans-Serif; }
.sales-figs--mainCont .data p { font-size: 3vw; line-height: 3vw; }
.sales-figs--mainCont .data p:first-child { margin-bottom: 20px; }
/*prb 2018-11-07*/
/*.sales-figs--mainCont .data.target p:first-child { margin-bottom: 7px; }*/
.sales-figs--mainCont .intake.data span { margin-top: 20px; color: #333; }
.sales-figs--mainCont .deficit.data span { margin-top: 20px; color: #e60000;}
/*prb 2018-11-07*/
.sales-figs--mainCont .target.data span { color: #333; }
/*.sales-figs--mainCont .target.data span { color: #333; font-size: 100px; line-height: 100px; font-weight: bold; }*/
/*.sales-figs--mainCont .target.data span { font-size: 5.21vw; line-height: 5.21vw; }*/
.sales-figs--mainCont .percent.data span { margin-top: 20px; color: #e60000;}
.sales-figs--mainCont .intake.data p.val { background: #c2f0ff; }
.sales-figs--mainCont .deficit.data p.val, .sales-figs--mainCont .percent.data p.val { background: #fcfd7f; }
/*prb 2018-11-07*/
/*.sales-figs--mainCont .target.data p.val { background: #fff; }*/
.sales-figs--mainCont .target.data p.val { background: #e5e5e5; }
.sales-figs--mainCont .intake.data p.val,
.sales-figs--mainCont .deficit.data p.val,
.sales-figs--mainCont .target.data p.val,
.sales-figs--mainCont .percent.data p.val { padding-top: 2vh; padding-bottom: 2vh; }
.sales-figs--mainCont .gt-100 .deficit.data p.val,
.sales-figs--mainCont .gt-100 .percent.data p.val { background: #e8fecc; }
.sales-figs--mainCont .gt-100 .deficit.data span, .sales-figs--mainCont .gt-100 .percent.data span { color: #009408; }
.sales-figs--mainCont .gt-100 span { text-shadow: none; }
.sales-figs--mainCont .target p { color: #6a6a6a; text-align: right; }
/*prb 2018-11-07*/
.sales-figs--mainCont .target p span { text-align: left; padding-left: 10px; font-size: 6vw; }
/*.sales-figs--mainCont .target p span { font-size: 70px; text-align: left; padding-left: 10px; }*/
.sales-figs--mainCont .data p { display: inline-block; }
.sales-figs--mainCont .data { background-image: none !important; }
/*prb 2018-11-07*/
.sales-figs--mainCont .intake,
.sales-figs--mainCont .deficit,
.sales-figs--mainCont .target,
.sales-figs--mainCont .percent { margin-top: -10px !important; }
.totaliser-logo { position: absolute; top: 24px; left: 47px; z-index: 2; }
.totaliser-header-bar { position: absolute; top: 0; height: 110px; width: 1920px; z-index: 2;
background: rgba(255,255,255,0.8);
background: -moz-linear-gradient(left, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0.2) 49%, rgba(240,240,240,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(49%, rgba(255,255,255,1)), color-stop(100%, rgba(240,240,240,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(240,240,240,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(240,240,240,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(240,240,240,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 49%, rgba(240,240,240,0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=1 );
}
.totaliser-header-bar { height: 5.8vw; width: 100%; }
.totaliser-header-bar-tab { position: absolute; top: 0; left: 1387px; background: #1b4f9c; padding: 0 20px; z-index: 3 }
.totaliser-header-bar-tab { left: 72vw; }
.totaliser-header-bar-tab p { font: normal 48px/110px 'Abel', Arial, Sans-Serif; color: #fff; text-transform: uppercase; margin-bottom: 0; }
.totaliser-header-bar-tab p { font-size: 2.8vw; line-height: 5.8vw; }
.entry .refresh-msg { position: absolute; top: 150px; left: 1387px; z-index: 2; font-size: 20px; }
.entry .refresh-msg { top: 5vh; left: 72vw; font-size: 24px; }
/* ----- totaliser standard intranet page ----- */
.dsp-in-shell .sales-figs--mainCont .target,
.dsp-in-shell .sales-figs--mainCont .intake,
.dsp-in-shell .sales-figs--mainCont .deficit,
.dsp-in-shell .sales-figs--mainCont .percent { margin: 0; padding: 0; position: absolute; display: inline-block; z-index: 2; opacity: 1; }
.dsp-in-shell .sales-figs--mainCont .intake { top: 40px; left: -30px; }
.dsp-in-shell .sales-figs--mainCont .deficit { top: 220px; left: -30px; }
.dsp-in-shell .sales-figs--mainCont .target { top: 60px; left: 406px; }
.dsp-in-shell .sales-figs--mainCont .percent { top: 220px; left: 406px; }
.dsp-in-shell .sales-figs--mainCont .intake p,
.dsp-in-shell .sales-figs--mainCont .deficit p,
.dsp-in-shell .dsp-in-shell.sales-figs--mainCont .target p,
.dsp-in-shell .sales-figs--mainCont .percent { display: inline-block; }
.dsp-in-shell .sales-figs--mainCont .data p { box-sizing: border-box; }
.dsp-in-shell .sales-figs--mainCont .target p { text-align: left; }
.dsp-in-shell .sales-figs--mainCont .intake p, .dsp-in-shell .sales-figs--mainCont .deficit p { width: 405px; margin-left: 0px; margin-right: 20px; padding-left: 40px; }
.dsp-in-shell .sales-figs--mainCont .target p, .dsp-in-shell .sales-figs--mainCont .percent p { width: 223px; padding-left: 20px; }
/*.sales-figs--mainCont .data { border-bottom: 0 solid #fff; }*/
.dsp-in-shell .sales-figs--mainCont .data p span { font: 300 62px/62px Arial, Sans-Serif; }
.dsp-in-shell .sales-figs--mainCont .target.data p span { font-size: 36px; line-height: 36px; padding-left: 0; }
.dsp-in-shell .sales-figs--mainCont .data p { color: #6a6a6a; font: normal 23px/23px 'Abel', Arial, Sans-Serif; }
.dsp-in-shell .sales-figs--mainCont .data p:first-child { margin-bottom: .2em; }
.dsp-in-shell .sales-figs--mainCont .data.target p:first-child { margin-bottom: .1em; position: relative; top: 30px; }
.dsp-in-shell .sales-figs--mainCont .intake.data span { margin-top: 20px; color: #333; }
.dsp-in-shell .sales-figs--mainCont .deficit.data span { margin-top: 20px; color: #e60000;}
.dsp-in-shell .sales-figs--mainCont .target.data span { color: #333; font-size: 100px; line-height: 100px; font-weight: bold; }
.dsp-in-shell .sales-figs--mainCont .percent.data span { margin-top: 20px; color: #e60000;}
.dsp-in-shell .sales-figs--mainCont .intake.data p.val { background: rgba(194, 240, 255, 0.65); }
.dsp-in-shell .sales-figs--mainCont .deficit.data p.val, .dsp-in-shell .sales-figs--mainCont .percent.data p.val { background: rgba(252, 253, 127, 0.65); }
/* ----- alternate colour scheme for totaliser monthly view */
#content.ttl-content-monthly,
#content.ttl-content-monthly .ttl-shell,
#content.ttl-content-monthly .ttl-shell .totBra__row:first-child .totBra__col,
#content.ttl-content-monthly .totaliser-header-bar,
#content.ttl-content-monthly,
#content.ttl-content-monthly .ttl-full,
#content.ttl-content-monthly .ttl-full .totBra__row:first-child .totBra__col,
#content.ttl-content-monthly .totaliser-header-bar
{ /*background: #b3c6d7;*/ }
/* -- header bar with bg fade on full page view */
#content.ttl-content-monthly .totaliser-header-bar,
#content.ttl-content-monthly .totaliser-header-bar {
/*background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(179, 198, 215,1) 0%, rgba(179, 198, 215,1) 49%, rgba(240,240,240,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(179, 198, 215,1)), color-stop(49%, rgba(179, 198, 215,1)), color-stop(100%, rgba(240,240,240,1)));
background: -webkit-linear-gradient(left, rgba(179, 198, 215,1) 0%, rgba(179, 198, 215,1) 49%, rgba(240,240,240,1) 100%);
background: -o-linear-gradient(left, rgba(179, 198, 215,1) 0%, rgba(179, 198, 215,1) 49%, rgba(240, 240, 240,1) 100%);
background: -ms-linear-gradient(left, rgba(179, 198, 215,1) 0%, rgba(179, 198, 215,1) 49%, rgba(240,240,240,1) 100%);
background: linear-gradient(to right, rgba(179, 198, 215,1) 0%, rgba(179, 198, 215,1) 49%, rgba(240,240,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8d0f3', endColorstr='#f0f0f0', GradientType=1 );*/
}
/* -- the intake, target, % target & balance box background colour */
#content.ttl-content-monthly .ttl-shell .tot-att__val,
#content.ttl-content-monthly .ttl-full .tot-att__val { /*background: #e5e9ed;*/ }
/* -- progress bar border colour - should be same as main bg colour */
#content.ttl-content-monthly .ttl-full .progress,
#content.ttl-content-monthly .ttl-full .progress { /*border-color: #b3c6d7;*/ }
/* -- progress bar background colour */
#content.ttl-content-monthly .progress,
#content.ttl-content-monthly .progress { /*background: #a1acb5;*/ }
/* -- branch intake data cell background */
#content.ttl-content-monthly .totBra__col,
#content.ttl-content-monthly .totBra__col { /*background: #d3dae0;*/ }
/* -- branch intake header cells */
#content.ttl-content-monthly .totBra__row .totBra__col:nth-child(1),
#content.ttl-content-monthly .item-row__header .item-col.item-col:nth-child(1),
#content.ttl-content-monthly .totBra__row .totBra__col:nth-child(1),
#content.ttl-content-monthly .item-row__header .item-col.item-col:nth-child(1) { /*background: #eceff2;*/ }
/*body.ttl-monthly #content,
.ttl-monthly .ttl-shell,
.ttl-monthly .ttl-shell .totBra__row:first-child .totBra__col { background: #fcfcfc; }*/
/* ----- colour scheme for snow theme ----- */
.totaliser.ttl-snow .ttl-full .totBra__row:first-child .totBra__col { background: transparent; }
.totaliser.ttl-snow { position: relative; z-index: 3; }
.totaliser.ttl-snow .ttl-shell { background: transparent; margin-left: 20px; }
body .entry .pf-content .totaliser.ttl-snow .totaliser-title.shell { margin-left: 20px !important; margin-top: 20px; }
.totaliser.ttl-snow .ttl-full .progress { border-width: 0; }
.totaliser.ttl-snow .totBra__row .totBra__col:nth-child(1) { background: #eee; }
/* totaliser dev */
.totaliser-dev { position: relative; display: flex; }
.totaliser-dev .col { flex-grow: 1; }
.totaliser-dev .totaliser_data_atom { position: relative; display: block; }
.totaliser-dev .totaliser_data_atom span { display: inline-block; }
.totaliser-dev .totaliser_data_atom span.att-name { color: #6a6a6a; font: normal 23px/23px 'Abel', Arial, Sans-Serif; }
.totaliser-dev .totaliser_data_atom span.att-val { font: 300 62px/62px Arial, Sans-Serif; }
.totaliser-dev .totaliser_data_atom.itk-den span.att-val,
.totaliser-dev .totaliser_data_atom.itk-liv span.att-val,
.totaliser-dev .totaliser_data_atom.itk-nwp span.att-val { font: 300 42px/42px Arial, Sans-Serif; }
.totaliser-dev .totaliser_data_atom.itk-den,
.totaliser-dev .totaliser_data_atom.itk-liv,
.totaliser-dev .totaliser_data_atom.itk-nwp { padding-left: 2.3em; }
/* totaliser dv2 ev */
/* shell */
/* .header { width: 100%; height: 105px; background: linear-gradient(to right, #0d5ea4, #428dcd); } */
/*.header {
background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(246,246,246,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(49%, rgba(255,255,255,1)), color-stop(100%, rgba(246,246,246,1)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(246,246,246,1) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(246,246,246,1) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(246,246,246,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 49%, rgba(246,246,246,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=1 );
}*/
.totaliser-shell, .ttl-shell { width: 640px; box-sizing: border-box; position: relative; border: 0 solid #000; height: 100vh; }
.ttl_shell p { }
/* ===== totalisedr Skin (generic) =========================================================== */
/* theme colours */
/*.tot-atom__itkTot .tot-att__val { background: #c2f0ff; }
.tot-atom__itkTar .tot-att__val { color: #6a6a6a; }
.tot-atom__itkPer .tot-att__val, .tot-atom__itkBal .tot-att__val { color: #e60000; }
.tot-atom__itkBal .tot-att__val { }
.tot-att__key { color: #6a6a6a; }
.totBra__col { color: #6a6a6a; }
.tot-atom__itkTot .tot-att__val,
.totBra__col:nth-child(2) { color: #e60000; }
.totBra__col:nth-child(4) { color: #e60000; }
.totBra__row:nth-child(1) .totBra__col { color: #6a6a6a; }
.totBra__row:nth-child(8) .totBra__col:nth-child(2) { color: #ff6800; }*/
/* highlight when target reached */
/*.tot-atom .target-hit .totBra__col:nth-child(4) span,
.tot-atom .target-hit .totBra__col:nth-child(2) span,
.target-hit .tot-att__val {
color: #00bf02;
}*/
/*.tot-atom__itkBal .tot-att__val:before { content: "-"; font-weight: normal; font-size: .8em; position: relative; left: -0.2em; }
.target-exceeded .tot-att__val:before { content: "+"; font-weight: normal; font-size: .8em; }*/
/* icons for main block headings */
/*.tot-att__key:before { font-family: "FontAwesome"; font-size: 1em; }
.tot-atom__itkTot .tot-att__key:before { content: "\f0d6 \00a0"; }
.tot-atom__itkTar .tot-att__key:before { content: "\f140 \00a0"; }
.tot-atom__itkPer .tot-att__key:before { content: "\f200 \00a0"; }
.tot-atom__itkBal .tot-att__key:before { content: "\f24e \00a0"; }*/
/* ____________________________________________________________________________________________________ */
/* .......................... [ Intake by Branch Table ] .............................................. */
/* ----- structure for intake by branch table ----- */
/*.totBra__row { display: flex; flex-grow: 1; flex-direction: row; height: 10px; }
.totBra__col { flex-grow: 1; }
.totBra__col span { display: flex; height: 100%; }
.totBra__header { margin: 0px 0px 2vh; }
.totBra__col:nth-child(1), .item-row .item-col:nth-child(1) { width: 27%; }
.totBra__col:nth-child(2) { width: 26%; }
.totBra__col:nth-child(3) { width: 26%; }
.totBra__col:nth-child(4) { width: 21%; }
.totBra__header .item-col { background: #ccc; margin: 0; }
.totBra__row:first-child .totBra__col { font-size: 1.7vw; }
.totBra__row.progress .totBra__col:nth-child(1) { width: 27%; }
.totBra__row.progress .totBra__col:nth-child(2) { width: 73%; }*/
/* ----- skin for intake by branch table ----- */
/*.totBra__row { margin: 1px; background: #f30; justify-content: center; }
.totBra__row:nth-child(8) .totBra__col { background: transparent; }
.totBra__row:nth-child(8) .totBra__col:nth-child(2) { background: #f2f2f2; }
.totBra__row:nth-child(8) { margin-top: 10px; border-top: 1px solid #ff6800; padding-top: 0px; background: transparent; }
.totBra__row:nth-child(8) .totBra__col:nth-child() {}
.totBra__col { background: #e5e5e5; margin: 0 0px; font: 300 2.5vw/2.5vw Arial, Sans-Serif;
justify-content: center; align-items: center; }
.totBra__col:first-child, .totBra__row:first-child .totBra__col { font-family: 'Abel', Arial, Sans-Serif; }
.totBra__row .totBra__col:nth-child(1), .item-row__header .item-col.item-col:nth-child(1) { background: #fff; }
.totBra__col span { padding-left: 1.5vw; justify-content: left; align-items: center; }
.totBra__header { height: auto; }
.totBra__row.progress, .progBar__itkTot { display: none; }*/
/* ____________________________________________________________________________________________________ */
/* ...........................[ Full Screen Layout - fixed width ]..................................... */
/* ===== Structure ====================================================== */
/* ----- main data sections (atoms) ----- */
/*.tot-atom__itkBch { height: 40vh; flex-grow: 1; }
.tot-atom { position: absolute; border: 0px solid #f00; }*/
/* - set positions of the main data sections */
/*.tot-atom__itkTot { top: 19.7vh; left: 0; }
.tot-atom__itkBch { top: 48.0vh; left: 0; width: 50vw; }
.tot-atom__itkTar { top: 19.7vh; left: 55.6vw; }
.tot-atom__itkPer { top: 46.6vh; left: 55.6vw; }
.tot-atom__itkBal { top: 73.4vh; left: 55.6vw; }
.progBar__itkTot { width: 50vw; }*/
/* ----- data attributes key/value ----- */
/*.tot-att { width: 50vw; box-sizing: border-box; }
.tot-atom__itkTar .tot-att, .tot-atom__itkPer .tot-att, .tot-atom__itkBal .tot-att { width: 38.85vw; }
.tot-att { padding: 1vh 0 1vh 5.56vw; margin: 0; }
.ttl-full .tot-att__key { font: 300 2.7vw/2.7vw 'Abel', Arial, Sans-Serif; margin-bottom: 0; padding-left: .2vw; }
.ttl-full .tot-att__val { font: 700 6.5vw/6.5vw Arial, Sans-Serif; height: 17vh; background: #eee; display: table-cell; vertical-align:middle; }*/
/* ===== Skin (full screen) ======================================================= */
/* ----- intake by branch ----- */
/*.totBra__row { background: #f30; }
.totBra__col { background: #e3e3e3; font: 300 2.5vw/2.5vw Arial, Sans-Serif; }
.totBra__row:nth-child(5) .totBra__col:nth-child(1) { font-size: 1.8vw; }
.ttl-full .tot-atom i.tooltip { display: none; }
.ttl-full .totBra__row { height: 25%; }
.ttl-full .totBra__row.progress { height: 10px; }
.ttl-full .totBra__row:nth-child(1) { height: 21%; }
.ttl-full .totBra__row:nth-child(8) { height: 18%; }*/
/* ____________________________________________________________________________________________________ */
/* .......................... [ Shell Layout - fixed width ] .......................................... */
/* re-write styles for shell display */
/* ===== Structure ====================================================== */
/* ----- main container ----- */
/*.ttl-shell { display: flex; width: 662px; }*/
/* ----- main data sections (atoms) ----- */
/*.ttl-shell .tot-atom__itkBch { height: auto; }
.ttl-shell .tot-atom { position: static; margin-bottom: 20px; }
.ttl-shell .tot-atom__itkTot,.ttl-shell .tot-atom__itkBch { width: 100%; }
.ttl-shell .tot-atom__itkTar, .ttl-shell .tot-atom__itkPer, .ttl-shell .tot-atom__itkBal { width: 100%; }*/
/* ----- data attributes key/value ----- */
/*.ttl-shell .tot-att { width: 100%; box-sizing: border-box; padding: 0 0 0 10px; margin: 0; }
.ttl-shell .tot-att__key { padding-left: 3px; }
.ttl-shell .tot-att__val { display: table-cell; vertical-align:middle; padding-top: 10px; padding-bottom: 10px; }
.progBar__itkTot { width: 100%; }*/
/* add flex layout instead of absolute for atoms */
/*.ttl-shell .section_1, .ttl-shell .section_2 { flex: 1; display: flex; flex-direction: column; box-sizing: border-box; width: 320px; }*/
/* ----- main content cols ----- */
/*.ttl-shell .section_1 { flex: 3; }
.ttl-shell .section_2 { flex: 2; padding-left: 20px; }
.ttl-shell .section_1 .tot-att__val { width: 383px; }
.ttl-shell .section_2 .tot-att__val { width: 247px; }*/
/* ----- branch table ----- */
/*.ttl-shell .totBra__col { padding: 10px 0; }
.ttl-shell .totBra__row { height: auto; }
.ttl-shell .totBra__row.progress { height: 6px; margin-bottom: 10px; }
.ttl-shell .totBra__row.progress .totBra__col { padding: 0; }
.totBra__row { margin: 0; }
.ttl-shell .totBra__row:nth-child(1) { margin-bottom: 10px; }*/
/* ===== Skin =========================================================== */
/*.ttl-shell .tot-att__val { padding-left: 20px; }*/
/* ----- branch table ----- */
/*.ttl-shell .totBra__col:nth-child(1), .item-row .item-col:nth-child(1) { width: 25%; }
.ttl-shell .totBra__col:nth-child(2) { width: 27%; }
.ttl-shell .totBra__col:nth-child(3) { width: 27%; }
.ttl-shell .totBra__col:nth-child(4) { width: 21%; }
.ttl-shell .totBra__row.progress .totBra__col:nth-child(1) { width: 25%; }
.ttl-shell .totBra__row.progress .totBra__col:nth-child(2) { width: 75%; }
.ttl-shell .totBra__col { font-size: 19px; line-height: 17px; }
.ttl-shell .totBra__row:first-child .totBra__col { font-size: 17px; }
.ttl-shell .totBra__col:nth-child(1) span { padding-left: 10px; }*/
/* ----- fonts ----- */
/*.ttl-shell .tot-att__key { font: 300 20px/20px 'Abel', Arial, Sans-Serif; margin: 0 0 10px; }
.ttl-shell .tot-att__val { font: 700 50px/50px Arial, Sans-Serif; background: #eee; }
.ttl-shell .tot-atom__itkTot .tot-att__val { font-size: 60px; line-height: 60px; }
.ttl-shell .totBra__row:nth-child(5) .totBra__col:nth-child(1) { font-size: 16px; }*/
/* ---- colours ----- */
/*.ttl-shell { background: #e3e3e3; }
.ttl-shell .totBra__col { background: #f4f4f4; }*/
/*.ttl-shell .totBra__col:nth-child(1), .ttl-shell .item-row__header .item-col.item-col:nth-child(1) { background: #fff; }*/
/*.ttl-shell .totBra__row:nth-child(5) .totBra__col:nth-child(1) { background: #fff; }
.ttl-shell .tot-att__val { background: #f4f4f4; position: relative; }
.ttl-shell .tot-atom i.tooltip { font-size: 18px; color: orange; top: 10px; right: 0; }
.totBra__row:nth-child(5) .totBra__col:nth-child(2) { background: #f4f4f4; }*/
/*____________________________________________________________________________________________________ */
/*............................[ Progress Bar ]........................................................ */
/*.ttl-full .progress { height: 10px !important; border-bottom: 5px solid #fff; }
.ttl-shell .progress { height: 6px; border-bottom: 1px solid #aaa; }*/
/* GDPR forms */
.dialogui .gform_footer { display: relative; padding-top: 20px; }
.dialogui .gform_footer .gform_button { position: absolute; right: 0; bottom: -5px; }
.popmake .gform_wrapper .dialogui input.gform_button {
background: #00529a;
}
/*.pum-close { display: none !important; }*/
.pum-title.popmake-title { font-weight: bold; font-size: 1.6em !important; font-family: 'Abel','DINWeb-Light', Arial, Helvetica; padding-bottom: 10px; }
.gfield_html p { font-size: 0.85em; line-height: 1.5em }
.dialogui label { color: rgb(85, 85, 85); }
.gsection_description h2 { margin-bottom: 0.5em; }
li.gsection { background: #f5f5f5 !important; }
.gchoice_33_2_1 input { position: relative; top: -0.45em; }
.gchoice_33_2_1 label { padding-left: 4px !important; }
/*User Account Settings form*/
.gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type="checkbox"] { vertical-align: top }
.gform-hide-label label.gfield_label { display: none !important; }
.gdpr-my-account h3 { font: 300 20px/1.2 'Roboto', Arial, Sans-Serif; }
#overlay {
background: #000;
background: rgba(0, 0, 0, 0.5);
display: block;
float: left;
height: 100%;
position: fixed;
top: 0; left: 0;
width: 100%;
z-index: 99;
}
#gform-notification {
background: #fff;
border-radius: 10px;
display: block;
margin: auto;
/* max-height: 237px; */
max-height: 10em;
max-width: 520px;
padding: 40px;
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
text-align: center;
width: 100%;
z-index: 101;
}
#gform-notification .button {
margin: 20px 0 0;
padding: 12px 0px;
position: absolute;
bottom: -10px;
right: -195px;
}
/*Document Gallery*/
.document-gallery .document-icon a{text-decoration: none;}
.document-gallery .document-icon img {background: #fff !important;}
.callnow{text-align:center; background: #2a2925; padding-top: 10px; padding-bottom: 1px;}
.callnow h2{color: #fff;}
/*Pure door commercial*/
.product-box{padding: 10px; border: 1px solid #e5e5e5; margin-bottom: 10px;}
/* Technical Manual Download Selector App*/
.TMapp-UserSelection {
font: 16px "Open Sans Condensed","PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif;
}
.entry ul.TMapp-FileDL {
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border: 1px solid #aaa;
background: #f8f8f8;
padding: 15px;
margin: 1em 0;
}
/*Captcha*/
.rc-anchor-normal {
height: 74px;
width: 280px !important;
}
/*Logikal Feed*/
#tw-recent-posts-2 .featured-post h4 a{color: #666a6d; font-weight: normal;}
.helpbox{
background: #fff;
border-radius: 8px;
padding: 20px;
border: 1px solid #999;
-webkit-box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.13);
-moz-box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.13);
box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.13);
overflow: hidden;
}
.helpbox h2{font: 300 normal 33px 'Abel', 'Open Sans Condensed', Arial, Helvetica, Sans-Serif; color:#32953d ; margin-bottom: 10px;}
.helplink{font: 300 normal 20px 'Abel', 'Open Sans Condensed', Arial, Helvetica, Sans-Serif ;}
/* ----- TSM Reporting ----- */
.tsm-menuContent {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
background-color: #fff;
width: 940px;
padding-top: 20px;
margin: auto;
text-align: center;
}
.tsm-menuItem {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
box-sizing: border-box;
border: 1px solid #ccc;
padding: 10px;
background-color: #f8f8f8;
width: 287px;
min-height: 150px;
margin-left: 20px;
margin-bottom: 20px;
}
.tsm-menuItem p { font-size: 1.5em; }
.highcharts-credits { display: none; }
.tsm-ratingBand { }
.tsm-report-detail tbody tr td.tsm-ratingBand { position: relative; }
.tsm-report-detail tbody tr td.tsm-ratingBand:before { position: absolute; left: 10px; }
.tsm-report-detail tbody tr td.tsm-ratingBand--a:before { color: #44C319; }
.tsm-report-detail tbody tr td.tsm-ratingBand--b:before { color: #FFAA00; }
.tsm-report-detail tbody tr td.tsm-ratingBand--c:before { color: #E10D0D; }
.tsm-report-detail tbody tr td.tsm-ratingBand--d:before { color: #696969; }
.tsm-report-detail tbody tr td.tsm-ratingBand:before { font-family: "FontAwesome"; content: "\f111 \00a0"; }
/* overview report page */
.page-id-19534 .dataTables_info { display: none; }
#wpDataChart_1 { margin-right: 20px; }
/* ----- Pure Slide Tabs ----- */
.product-info-range .shortcode-tabs .tab{
padding: 20px 20px 20px 20px !important;
}
.product-info-range .shortcode-tabs ul.tab_titles li.nav-tab a{
background: #e5e5e5;
font: 15px Arial,sans-serif;
text-transform: none;
color: #666666;
padding: 10px 20px 10px 20px;
border-right: 1px solid #CACACA;
border-bottom: 0px solid #CACACA;
}
.product-info-range ul.tab_titles li.ui-tabs-active a {
border-radius: 0px !important;
background: #ffffff !important;
color: #1a3d94 !important;
margin-bottom: 0px !important;
border-bottom: 0px solid #f5f5f5;
}
.product-info-range .shortcode-tabs{padding: 0px 5px 5px 0px;}
.techbox{
background: #fff;
padding: 10px;
border: 1px solid #F2F2F2;
overflow: hidden;
margin-bottom: 20px;
}
.techbox p{margin-bottom: 5px;}
ul#top-nav ul { width: auto !important; }
ul#top-nav ul li { white-space: nowrap !important; }
#top .nav li.parent > a::after { right: 0.2em }
#top .nav li.parent > li { padding-right: 20px }
ul#top-nav ul li { margin-right: 0.5em; }
#top #top-nav .nv-itm-top--stop a::before {
font-family: "FontAwesome";
content: "\f071 \00a0";
}
#top #top-nav .nv-itm-top--wipit a::before {
font-family: "FontAwesome";
content: "\f0ce \00a0";
}
.nv-itm-top--tools a::before {
font-family: "FontAwesome";
content: "\f0ad \00a0";
font-size: 1.33333em;
line-height: 0.74em;
}
/* ----- Wilmott Dixon ----- */
.advanced-slider .layer.yellow{background: #fdc300; color: #1d1d1d;}
.nv-itm-top--client-wd, .nv-itm-top--client-wd:hover { padding-left: 21px; background: #f3f3f3 url(images/willmottdixon-logo-nav.png) 0.3em 0.3em no-repeat !important; }
#top ul.nav li.nv-itm-top--client-wd a:link,
#top ul.nav .nv-itm-top--client-wd a:visited,
#top ul.nav .nv-itm-top--client-wd a:active,
#top ul.nav .nv-itm-top--client-wd a:hover { background-color: transparent; color: #1c1c1a !important; }
/* ========================================================================= */
/* ----- WIPIT ----- */
.wipit-dashboard th.header:nth-child(8),
.wipit-dashboard #table_1 .status_display, .wipit-dashboard .wpDataTables #table_1 .column-status_display {
/*display: none;*/
}
.wipit-dashboard .user-msg {
padding: 10px;
background: #fff;
-webkit-box-shadow: 4px 4px 10px -2px rgba(0,0,0,0.38);
box-shadow: 4px 4px 10px -2px rgba(0,0,0,0.38);
font-size: 15px;
display: flex;
justify-content: space-between;
}
.wipit-dashboard .user-msg span { line-height: 32px }
.wipit-dashboard .user-msg .fa {
color: blue;
}
.wipit-dashboard .user-msg a.btn .fa {
color: #fff;
}
.wipit-dashboard .wpDataTablesWrapper .wpDataTableFilterBox .wpDataTableFilterSection {
padding: 0;
margin: 0;
float: none;
}
.wipit-dashboard .wpDataTableFilterBox .wpDataTableFilterSection label {
font: 700 normal 15px Abel, 'PT Sans Narrow', 'Open Sans Condensed', Abel, Arial, Helvetica, sans-serif;
}
.wipit-dashboard .wpDataTablesFilter .wpDataTableFilterBox {
border: 1px solid #aaa;
background: #dcdcdc;
display: flex;
flex-flow: row wrap;
justify-content: space-around;
padding: 6px 5px;
}
.wipit-dashboard #table_1_info {
font-size: 16px;
padding-top: 10px;
}
/* ---------------------------------------- */
.wipit-dashboard .wpDataTablesFilter .filter_column .date-range-filter:first-child { margin-right: 3px; }
.wipit-dashboard .wpDataTablesFilter .wpDataTableFilterBox input {
font-size: 12px;
}
.wipit-dashboard .wpDataTablesFilter .wpDataTableFilterBox .wpDataTableFilterSection {
min-width: 147px;
width: 147px !important;
min-height: 70px !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
box-sizing: border-box;
padding: 6px;
background: #f8f8f8;
}
.wipit-dashboard.wipit-v0-3 .wpDataTablesFilter .wpDataTableFilterBox .wpDataTableFilterSection {
min-width: 118px;
width: 118px !important;
}
.wipit-dashboard .wpDataTablesFilter .wpDataTableFilterSection input {
margin-left: 0;
background-color: #fefefe;
color: #333;
font-style: italic;
}
/* target the date from/to filter */
.wipit-dashboard .wpDataTablesFilter .wpDataTableFilterSection#table_1_13_filter_sections input,
.wipit-dashboard .wpDataTablesFilter .wpDataTableFilterSection#table_1_16_filter_sections input {
width: 72px;
font: 500 normal 13px'PT Sans Narrow', 'Open Sans Condensed', Abel, Arial, Helvetica, sans-serif;
}
.wipit-dashboard .wpDataTablesFilter .wpDataTableFilterSection#table_1_13_filter_sections,
.wipit-dashboard .wpDataTablesFilter .wpDataTableFilterSection#table_1_16_filter_sections {
width: 160px;
min-width: 160px;
}
.wipit-dashboard .wpDataTablesFilter .wpDataTableFilterSection#table_1_13_filter_sections .wdt-filter-date-range,
.wipit-dashboard .wpDataTablesFilter .wpDataTableFilterSection#table_1_16_filter_sections .wdt-filter-date-range {
display: flex;
}
/* .wipit-dashboard .wpDataTablesWrapper.wpDataTablesFilter .wpDataTableFilterBox .wpDataTableFilterSection:not(#wdt-clear-filters-button-block):not(#wdt-pf-search-filters-button-block) {
width: 170px;
min-height: 70px;
margin-right: 0;
box-sizing: border-box;
padding: 10px;
background: #f8f8f8;
} */
.wipit-dashboard .wpDataTablesWrapper.wpDataTablesFilter .wpDataTableFilterBox .wpDataTableFilterSection#wdt-clear-filters-button-block {
padding-top: 0;
}
.wipit-dashboard .wpDataTablesWrapper.wpDataTablesFilter .btn, .wpdt-c .wpDataTablesWrapper .btn {
background: #00529a;
color: #fff;
}
.wipit-dashboard .wpDataTablesWrapper.wpDataTablesFilter .btn:hover, .wpdt-c .btn:focus, .wpdt-c .btn.focus {
color: #fff;
text-decoration: none;
background: #00b0f9;
}
.wipit-dashboard .wpDataTablesWrapper tr:not(.wipit-fault).wipit-delayed td { background: #ffff038f !important; }
.wipit-dashboard .wpDataTablesWrapper tr:not(.wipit-delayed).wipit-fault td { background: #FFBF008f !important; }
.wipit-dashboard .wpDataTablesWrapper tr:not(.wipit-delayed):not(.wipit-fault) td { }
.wipit-dashboard .wpDataTablesWrapper tr.wipit-delayed.wipit-fault td { background: #AE87F88f !important; }
/* ---------------------------------------- */
.legendItm__square {
display: inline-block;
height: 15px;
width: 15px;
background-color: #555;
border: 1px solid #6c6c6c;
line-height: 1;
}
.legendItm {
/*height: 120px;*/
line-height: 20px;
margin-bottom: 5px;
display: inline-block;
margin-right: .7em;
}
.legendItm .legendItm__txt, .legendItm .legendItm__square {
display: inline-block;
vertical-align: middle;
}
.legendItm .legendItm__txt {
line-height: normal; /* Reset line-height for the child. IMPORTANT: Must be "normal", no integer value allowed! */
margin: auto 0 auto 5px;
}
.entry .legendKey--wipit {
font: normal 700 18px/1 'Open Sans Condensed', Arial, Helvetica, Sans-Serif;
display: inline-block;
margin-right: .4em;
margin-bottom: 0;
text-transform: uppercase;
position: relative;
bottom: -2px;
}
.square--wipit { border: 1px solid #6c6c6c; }
.legendItm__square--yellow { background-color: #ffff038f; }
.legendItm__square--amber { background-color: #ffbf008f; }
.legendItm__square--purple { background-color: #db87f88f; }
.wpdt-c .wpDataTables .form-control:not(.fc-alt) {
border-top-width: 1px !important;
background: #fff;
}
.wpdt-c .form-control:not(.fc-alt) {
border-left: 1px solid #ccc !important;
border-right: 1px solid #ccc !important;
border-top: 1px solid #ccc !important;
border-bottom: 1px solid #ccc !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 5px !important;
}
.wpDataTables div[class=clear] {
clear: none !important;
}
.wpDataTablesWrapper .paginate_button::before {
color: #6c6c6c;
}
.wpDataTablesWrapper .dataTables_paginate .paginate_button.current {
color: #000;
background: #fdfdfd;
}
a.btn {
-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
box-shadow:inset 0px 1px 0px 0px #97c4fe;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0));
background:-moz-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
background:-webkit-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
background:-o-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
background:-ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%);
background:linear-gradient(to bottom, #3d94f6 5%, #1e62d0 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0',GradientType=0);
background-color:#3d94f6;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
border:1px solid #337fed;
display:inline-block;
cursor:pointer;
color:#ffffff !important;
font-family:Arial;
font-size:16px;
padding:5px 14px;
text-decoration:none;
text-shadow:0px 1px 0px #1570cd;
margin-left: auto;
}
a.btn:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6));
background:-moz-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
background:-webkit-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
background:-o-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
background:-ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%);
background:linear-gradient(to bottom, #1e62d0 5%, #3d94f6 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6',GradientType=0);
background-color:#1e62d0;
}
a.btn:active {
position:relative;
top:1px;
}
/*blog post - south east focus*/
.postid-22383 .type-post .entry h2 { font: 700 normal 28px/1.2 Abel, 'PT Sans Narrow', 'Open Sans Condensed', 'PT Sans Narrow', Abel, Arial, Helvetica, sans-serif; }
.postid-22383 .cards { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; list-style: none; margin: 50px 0 0; padding: 0; }
.postid-22383 .card { position: relative; flex: 0 1 auto; display: flex; flex-direction: column; border: 1px solid #ccc; margin-bottom: 18px; }
.postid-22383 .pseudo-img { background: #eee; display: block; width: 310px; height: 195px; }
.postid-22383 .narrative { padding: 10px; width: 290px; }
.postid-22383 .entry .narrative p { line-height: 1.3; font-size: 14px; margin: 1em 0 0; }
.postid-22383 .entry .narrative h3 { margin: 0; font: 700 normal 18px/1.2 Abel, 'PT Sans Narrow', 'Open Sans Condensed', 'PT Sans Narrow', Abel, Arial, Helvetica, sans-serif; }
.postid-22383 .narrative em { color: red; font-style: normal; }
.postid-22383 .type-post .entry .sector-label { position: absolute; top: 10px; right: 1px; margin: 0; background: rgba(255, 255, 255, 0.7); color: #6a6a6a; padding: 7px; font: 300 normal 18px/1.2 Abel, 'PT Sans Narrow', 'Open Sans Condensed', 'PT Sans Narrow', Abel, Arial, Helvetica, sans-serif; }
.postid-22383 .entry .sector-label em { font-weight: bold; color: blue; font-style: normal; }
/*hide uncategorized articles appearing in news page*/
.page-id-49 .post.category-uncategorized { display: none; }
.myprofile-navBar {
position: absolute;
right: 0px;
top: 0px;
display: block;
background: #00529a;
padding: 12px 20px;
}
.myprofile-navBar li {
color: #fff;
font: 16px/16px Arial, Sans-Serif;
}
.myprofile-navBar li a:link, .myprofile-navBar li a:visited, .myprofile-navBar li a:active, .myprofile-navBar li a:hover {
color: #fff;
text-decoration: none;
}
/* remove widget title field from display */
/* #sidebar .widget_text h3 { display: none; } */
/* ----- remove mini totaliser -------------- */
/* .ttl-mini {display: none;} */
/* Hiding menu caused by theme-my-login */
/* .wop_tiny1, #theme-my-login-2 { display: none; } */
#theme-my-login-2 { display: none; }
/* remove first item from tm : spw600e */
.page-id-11006 .tech > tbody:nth-child(3) > tr:nth-child(1) { display: none; }
/* ----- Remove author post meta in archives ---------- */
#main > .post > .post-meta > span:first-child, #main > .post > .post-meta > span:nth-child(3), #main > .post > .post-meta > .vcard {display: none;}
.search-results .post-31605 {
display: none !imoprtant;
}