/* Theme Name: WFX Direct Cooling Theme URI: https://www.directair.co.uk/ Description: A bespoke WordPress theme created for the Direct Air. Author: Wider Author URI: https://wider.co.uk Version: 1.237 Template: wonderflux Template Version: 2.6 Tags: responsive-layout, fluid-layout, custom-menu, translation-ready License: PRIVATE - Not for distribution thanks! */ /* @group Flux layout min */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}a{background-color:transparent;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}h1{font-size:2em;margin:0.67em 0;}mark{background:#ff0;color:#000;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:1em 40px;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}pre{overflow:auto;}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}textarea{overflow:auto;}optgroup{font-weight:bold;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;}.no-decoration,a.no-decoration:hover{text-decoration:none;}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}*,*:before,*:after{box-sizing:inherit;}h1,h2,h3,h4,h5,h6{margin-top:0;-ms-word-wrap:break-word;word-wrap:break-word;font-weight:normal;font-style:normal;}p{margin-top:0;}ul,ol,dl{margin:0em 1em 1em;padding:0 0 1em;}ul ul,ol ol{font-size:100%;}li,dt,dd{padding:0;}td,th{padding:5px;}.uppercase{text-transform:uppercase;}.pad-tiny{margin:0;padding:5px;}.pad-small{margin:0;padding:10px;}.pad-medium{margin:0;padding:20px;}.pad-large{margin:0;padding:40px;}.pad-left{margin:0;padding:0 0 0 20px;}.pad-right{margin:0;padding:0 20px 0 0;}.pad-left-right{margin:0;padding:0 20px 0 20px;}.pad-top{margin:0;padding:20px 0 0 0;}.pad-bottom{margin:0;padding:0 0 20px 0;}.pad-top-bottom{margin:0;padding:20px 0 20px 0;}.alignright,.align-right{float:right;margin:0 0 5px 20px;}.alignleft,.align-left{float:left;margin:0 20px 5px 0;}.aligncenter,.align-center{display:block;margin-right:auto;margin-left:auto;}.content-left{text-align:left;}.content-center{text-align:center;}.content-right{text-align:right;}.first,.flush-left{margin-left:0 !important;padding-left:0 !important;}.last,.flush-right{margin-right:0 !important;padding-right:0 !important;}.top,.flush-top{margin-top:0 !important;padding-top:0 !important;}.bottom,.flush-bottom{margin-bottom:0 !important;padding-bottom:0 !important;}.float-l{float:left;}.float-r{float:right;}.clearfix:after,.container:after,.row:after,.row-column:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}.clearfix,.container,.row,.row-column{display:block;}.clear,.clearfix:after,.container:after,.row:after,.row-column:after{clear:both;}.clearfix:before,.clearfix:after,.container:before,.container:after,.row:before,.row:after,.row-column:before,.row-column:after{content:"";display:table;}.height-full{height:100vh;}.height-half{height:50vh;}.height-third{height:33.3333vh;}.height-quarter{height:25vh;}.height-fifth{height:20vh;}.height-sixth{height:16.6666vh;}.height-seventh{height:14.2587vh;}.height-eighth{height:12.5vh;}.entry-content img,.entry-summary img,.comment-content img,.widget img,.wp-caption,.fluid-content img{max-width:100%;}.entry-content img,.entry-summary img,.comment-content img[height],img[class*="align"],img[class*="wp-image-"],img[class*="attachment-"],.fluid-content img{height:auto;}img.size-full,img.size-large,img.wp-post-image,img.fluid-width{height:auto;max-width:100%;}.img-fill{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center;}.img-fill-contain{-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;background-repeat:no-repeat;background-position:center center;}.gm-style img,.gm-style img[width],.gm-style img[height]{max-width:none;}.responsive-embed.media-youtube{height:0;position:relative;padding-bottom:61%;overflow:hidden;margin-bottom:1.5em;}.responsive-embed.media-slideshare{height:0;position:relative;padding-bottom:79.5%;overflow:hidden;margin-bottom:1.5em;}.responsive-embed.media-soundcloud{position:relative;padding-bottom:90%;overflow:hidden;margin-bottom:1.5em;}.responsive-embed.media-soundcloud-small{position:relative;padding-bottom:13%;overflow:hidden;margin-bottom:1.5em;}.responsive-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;}.wp-caption{font-size:0.9em;}.gallery-caption{font-size:0.9em;}.wp-caption-text{font-weight:bold;}.bypostauthor{font-weight:bold;}ol.commentlist ul{list-style:none;}ol.commentlist p{margin-bottom:0;}.comment-body{margin-bottom:15px;}.sticky{font-weight:bold;}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute !important;height:1px;width:1px;overflow:hidden;}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto !important;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;}.container{width:80%;margin:0 auto;}.row{width:100%;margin:0 auto;}#content{float:right;}div[class*="box-"]{float:left;}.box-1-1,.box-12,.box-full{width:100%;}.box-1-2,.box-1-half{width:50%;}.box-1-3,.box-1-third{width:33.3333333333%;}.box-2-3,.box-2-third{width:66.6666666667%;}.box-1-4,.box-1-forth{width:25%;}.box-2-4,.box-2-forth{width:50%;}.box-3-4,.box-3-forth{width:75%;}.box-1-12,.box-1,.box-1-twelfth{width:8.33333333333%;}.box-2-12,.box-2,.box-2-twelfth{width:16.6666666667%;}.box-3-12,.box-3,.box-3-twelfth{width:25%;}.box-4-12,.box-4,.box-4-twelfth{width:33.3333333333%;}.box-5-12,.box-5,.box-5-twelfth{width:41.6666666667%;}.box-6-12,.box-6,.box-6-twelfth{width:50%;}.box-7-12,.box-7,.box-7-twelfth{width:58.3333333333%;}.box-8-12,.box-8,.box-8-twelfth{width:66.6666666667%;}.box-9-12,.box-9,.box-9-twelfth{width:75%;}.box-10-12,.box-10,.box-10-twelfth{width:83.3333333333%;}.box-11-12,.box-11,.box-11-twelfth{width:91.6666666667%;}div[class*="column-"]{float:left;margin-left:1%;margin-right:1%;}.row-column > div:last-child{margin-left:1%;margin-right:0;}.row-column > div:first-child{margin-left:0;margin-right:1%;}.column-1-1,.column-12,.column-full{width:100%;}.column-1-2,.column-1-half{width:49%;}.column-1-3,.column-1-third{width:32%;}.column-2-3,.column-2-third{width:66%;}.column-1-4,.column-1-forth{width:23.5%;}.column-2-4,.column-2-forth{width:49%;}.column-3-4,.column-3-forth{width:74.5%;}.column-1-12,.column-1-twelfth{width:6.5%;}.column-2-12,.column-2-twelfth{width:15%;}.column-3-12,.column-3-twelfth{width:23.5%;}.column-4-12,.column-4-twelfth{width:32%;}.column-5-12,.column-5-twelfth{width:40.5%;}.column-6-12,.column-6-twelfth{width:49%;}.column-7-12,.column-7-twelfth{width:57.5%;}.column-8-12,.column-8-twelfth{width:66%;}.column-9-12,.column-9-twelfth{width:74.5%;}.column-10-12,.column-10-twelfth{width:83%;}.column-11-12,.column-11-twelfth{width:91.5%;}.push-1-2{margin-left:50%;width:50%;}.pull-1-2{margin-left:-50%;width:50%;}.push-1-3{margin-left:33.3333333333%;width:66.6666666667%;}.push-2-3{margin-left:66.6666666667%;width:33.3333333333%;}.pull-1-3{margin-left:-33.3333333333%;width:66.6666666667%;}.pull-2-3{margin-left:-66.6666666667%;width:33.3333333333%;}.push-1-4{margin-left:25%;width:75%;}.push-2-4{margin-left:50%;width:50%;}.push-3-4{margin-left:75%;width:25%;}.pull-1-4{margin-left:-25%;width:75%;}.pull-2-4{margin-left:-50%;width:50%;}.pull-3-4{margin-left:-75%;width:25%;}.push-1-12{margin-left:8.33333333333%;width:91.6666666667%;}.push-2-12{margin-left:16.6666666667%;width:83.3333333333%;}.push-3-12{margin-left:25%;width:75%;}.push-4-12{margin-left:33.3333333333%;width:66.6666666667%;}.push-5-12{margin-left:41.6666666667%;width:58.3333333333%;}.push-6-12{margin-left:50%;width:50%;}.push-7-12{margin-left:58.3333333333%;width:41.6666666667%;}.push-8-12{margin-left:66.6666666667%;width:33.3333333333%;}.push-9-12{margin-left:75%;width:25%;}.push-10-12{margin-left:83.3333333333%;width:16.6666666667%;}.push-11-12{margin-left:91.6666666667%;width:8.33333333333%;}.pull-1-12{margin-left:-8.33333333333%;width:91.6666666667%;}.pull-2-12{margin-left:-16.6666666667%;width:83.3333333333%;}.pull-3-12{margin-left:-25%;width:75%;}.pull-4-12{margin-left:-33.3333333333%;width:66.6666666667%;}.pull-5-12{margin-left:-41.6666666667%;width:58.3333333333%;}.pull-6-12{margin-left:-50%;width:50%;}.pull-7-12{margin-left:-58.3333333333%;width:41.6666666667%;}.pull-8-12{margin-left:-66.6666666667%;width:33.3333333333%;}.pull-9-12{margin-left:-75%;width:25%;}.pull-10-12{margin-left:-83.3333333333%;width:16.6666666667%;}.pull-11-12{margin-left:-91.6666666667%;width:8.33333333333%;}@media screen and (max-width:480px){.mq-tiny-min-show{display:inline-block;}.mq-large-min-hide,.mq-medium-min-hide,.mq-small-min-hide{display:inline-block;}.mq-large-min-show,.mq-medium-min-show,.mq-small-min-show{display:none;}.mq-tiny-min-hide{display:none;}}@media screen and (min-width:481px){.mq-tiny-min-show,.mq-small-min-show{display:inline-block;}.mq-large-min-hide,.mq-medium-min-hide{display:inline-block;}.mq-large-min-show,.mq-medium-min-show{display:none;}.mq-tiny-min-hide,.mq-small-min-hide{display:none;}}@media screen and (min-width:769px){.mq-tiny-min-show,.mq-small-min-show,.mq-medium-min-show{display:inline-block;}.mq-large-min-hide{display:inline-block;}.mq-large-min-show{display:none;}.mq-tiny-min-hide,.mq-small-min-hide,.mq-medium-min-hide{display:none;}}@media screen and (min-width:1410px){.mq-tiny-min-show,.mq-small-min-show,.mq-medium-min-show,.mq-large-min-show{display:inline-block;}.mq-tiny-min-hide,.mq-small-min-hide,.mq-medium-min-hide,.mq-large-min-hide{display:none;}}div[class*="mq-tiny-box-"],div[class*="mq-small-box-"],div[class*="mq-medium-box-"],div[class*="mq-large-box-"]{float:left;}@media screen and (max-width:480px){span.mq-tiny-keep{display:block;}.mq-tiny-hide{display:none;}.mq-small-only,.mq-medium-only,.mq-large-only{display:none;}.mq-tiny-box-1-1,.mq-tiny-min-box-1-1,.mq-small-min-box-1-1,.mq-medium-min-box-1-1,.mq-large-min-box-1-1{width:100%;}.mq-tiny-box-1-2,.mq-tiny-min-box-1-2,.mq-small-min-box-1-2,.mq-medium-min-box-1-2,.mq-large-min-box-1-2{width:50%;}.mq-tiny-box-1-3,.mq-tiny-min-box-1-3,.mq-small-min-box-1-3,.mq-medium-min-box-1-3,.mq-large-min-box-1-3{width:33.3333333333%;}.mq-tiny-box-2-3,.mq-tiny-min-box-2-3,.mq-small-min-box-2-3,.mq-medium-min-box-2-3,.mq-large-min-box-2-3{width:66.6666666667%;}.mq-tiny-box-1-4,.mq-tiny-min-box-1-4,.mq-small-min-box-1-4,.mq-medium-min-box-1-4,.mq-large-min-box-1-4{width:25%;}.mq-tiny-box-2-4,.mq-tiny-min-box-2-4,.mq-small-min-box-2-4,.mq-medium-min-box-2-4,.mq-large-min-box-2-4{width:50%;}.mq-tiny-box-3-4,.mq-tiny-min-box-3-4,.mq-small-min-box-3-4,.mq-medium-min-box-3-4,.mq-large-min-box-3-4{width:75%;}.mq-tiny-box-1-12,.mq-tiny-min-box-1-12,.mq-small-min-box-1-12,.mq-medium-min-box-1-12,.mq-large-min-box-1-12{width:8.33333333333%;}.mq-tiny-box-2-12,.mq-tiny-min-box-2-12,.mq-small-min-box-2-12,.mq-medium-min-box-2-12,.mq-large-min-box-2-12{width:16.6666666667%;}.mq-tiny-box-3-12,.mq-tiny-min-box-3-12,.mq-small-min-box-3-12,.mq-medium-min-box-3-12,.mq-large-min-box-3-12{width:25%;}.mq-tiny-box-4-12,.mq-tiny-min-box-4-12,.mq-small-min-box-4-12,.mq-medium-min-box-4-12,.mq-large-min-box-4-12{width:33.3333333333%;}.mq-tiny-box-5-12,.mq-tiny-min-box-5-12,.mq-small-min-box-5-12,.mq-medium-min-box-5-12,.mq-large-min-box-5-12{width:41.6666666667%;}.mq-tiny-box-6-12,.mq-tiny-min-box-6-12,.mq-small-min-box-6-12,.mq-medium-min-box-6-12,.mq-large-min-box-6-12{width:50%;}.mq-tiny-box-7-12,.mq-tiny-min-box-7-12,.mq-small-min-box-7-12,.mq-medium-min-box-7-12,.mq-large-min-box-7-12{width:58.3333333333%;}.mq-tiny-box-8-12,.mq-tiny-min-box-8-12,.mq-small-min-box-8-12,.mq-medium-min-box-8-12,.mq-large-min-box-8-12{width:66.6666666667%;}.mq-tiny-box-9-12,.mq-tiny-min-box-9-12,.mq-small-min-box-9-12,.mq-medium-min-box-9-12,.mq-large-min-box-9-12{width:75%;}.mq-tiny-box-10-12,.mq-tiny-min-box-10-12,.mq-small-min-box-10-12,.mq-medium-min-box-10-12,.mq-large-min-box-10-12{width:83.3333333333%;}.mq-tiny-box-11-12,.mq-tiny-min-box-11-12,.mq-small-min-box-11-12,.mq-medium-min-box-11-12,.mq-large-min-box-11-12{width:91.6666666667%;}}@media screen and (min-width:481px) and (max-width:768px){span.mq-small-keep{display:block;}.mq-small-hide{display:none;}.mq-tiny-only,.mq-medium-only,.mq-large-only{display:none;}.mq-small-box-1-1,.mq-small-min-box-1-1,.mq-medium-min-box-1-1,.mq-large-min-box-1-1{width:100%;}.mq-small-box-1-2,.mq-small-min-box-1-2,.mq-medium-min-box-1-2,.mq-large-min-box-1-2{width:50%;}.mq-small-box-1-3,.mq-small-min-box-1-3,.mq-medium-min-box-1-3,.mq-large-min-box-1-3{width:33.3333333333%;}.mq-small-box-2-3,.mq-small-min-box-2-3,.mq-medium-min-box-2-3,.mq-large-min-box-2-3{width:66.6666666667%;}.mq-small-box-1-4,.mq-small-min-box-1-4,.mq-medium-min-box-1-4,.mq-large-min-box-1-4{width:25%;}.mq-small-box-2-4,.mq-small-min-box-2-4,.mq-medium-min-box-2-4,.mq-large-min-box-2-4{width:50%;}.mq-small-box-3-4,.mq-small-min-box-3-4,.mq-medium-min-box-3-4,.mq-large-min-box-3-4{width:75%;}.mq-small-box-1-12,.mq-small-min-box-1-12,.mq-medium-min-box-1-12,.mq-large-min-box-1-12{width:8.33333333333%;}.mq-small-box-2-12,.mq-small-min-box-2-12,.mq-medium-min-box-2-12,.mq-large-min-box-2-12{width:16.6666666667%;}.mq-small-box-3-12,.mq-small-min-box-3-12,.mq-medium-min-box-3-12,.mq-large-min-box-3-12{width:25%;}.mq-small-box-4-12,.mq-small-min-box-4-12,.mq-medium-min-box-4-12,.mq-large-min-box-4-12{width:33.3333333333%;}.mq-small-box-5-12,.mq-small-min-box-5-12,.mq-medium-min-box-5-12,.mq-large-min-box-5-12{width:41.6666666667%;}.mq-small-box-6-12,.mq-small-min-box-6-12,.mq-medium-min-box-6-12,.mq-large-min-box-6-12{width:50%;}.mq-small-box-7-12,.mq-small-min-box-7-12,.mq-medium-min-box-7-12,.mq-large-min-box-7-12{width:58.3333333333%;}.mq-small-box-8-12,.mq-small-min-box-8-12,.mq-medium-min-box-8-12,.mq-large-min-box-8-12{width:66.6666666667%;}.mq-small-box-9-12,.mq-small-min-box-9-12,.mq-medium-min-box-9-12,.mq-large-min-box-9-12{width:75%;}.mq-small-box-10-12,.mq-small-min-box-10-12,.mq-medium-min-box-10-12,.mq-large-min-box-10-12{width:83.3333333333%;}.mq-small-box-11-12,.mq-small-min-box-11-12,.mq-medium-min-box-11-12,.mq-large-min-box-11-12{width:91.6666666667%;}}@media screen and (min-width:769px) and (max-width:1409px){span.mq-medium-keep{display:block;}.mq-medium-hide{display:none;}.mq-tiny-only,.mq-small-only,.mq-large-only{display:none;}.mq-medium-box-1-1,.mq-medium-min-box-1-1,.mq-large-min-box-1-1{width:100%;}.mq-medium-box-1-2,.mq-medium-min-box-1-2,.mq-large-min-box-1-2{width:50%;}.mq-medium-box-1-3,.mq-medium-min-box-1-3,.mq-large-min-box-1-3{width:33.3333333333%;}.mq-medium-box-2-3,.mq-medium-min-box-2-3,.mq-large-min-box-2-3{width:66.6666666667%;}.mq-medium-box-1-4,.mq-medium-min-box-1-4,.mq-large-min-box-1-4{width:25%;}.mq-medium-box-2-4,.mq-medium-min-box-2-4,.mq-large-min-box-2-4{width:50%;}.mq-medium-box-3-4,.mq-medium-min-box-3-4,.mq-large-min-box-3-4{width:75%;}.mq-medium-box-1-12,.mq-medium-min-box-1-12,.mq-large-min-box-1-12{width:8.33333333333%;}.mq-medium-box-2-12,.mq-medium-min-box-2-12,.mq-large-min-box-2-12{width:16.6666666667%;}.mq-medium-box-3-12,.mq-medium-min-box-3-12,.mq-large-min-box-3-12{width:25%;}.mq-medium-box-4-12,.mq-medium-min-box-4-12,.mq-large-min-box-4-12{width:33.3333333333%;}.mq-medium-box-5-12,.mq-medium-min-box-5-12,.mq-large-min-box-5-12{width:41.6666666667%;}.mq-medium-box-6-12,.mq-medium-min-box-6-12,.mq-large-min-box-6-12{width:50%;}.mq-medium-box-7-12,.mq-medium-min-box-7-12,.mq-large-min-box-7-12{width:58.3333333333%;}.mq-medium-box-8-12,.mq-medium-min-box-8-12,.mq-large-min-box-8-12{width:66.6666666667%;}.mq-medium-box-9-12,.mq-medium-min-box-9-12,.mq-large-min-box-9-12{width:75%;}.mq-medium-box-10-12,.mq-medium-min-box-10-12,.mq-large-min-box-10-12{width:83.3333333333%;}.mq-medium-box-11-12,.mq-medium-min-box-11-12,.mq-large-min-box-11-12{width:91.6666666667%;}}@media screen and (min-width:1410px){span.mq-large-keep{display:block;}.mq-large-hide{display:none;}.mq-tiny-only,.mq-small-only,.mq-medium-only{display:none;}.mq-large-box-1-1,.mq-large-min-box-1-1{width:100%;}.mq-large-box-1-2,.mq-large-min-box-1-2{width:50%;}.mq-large-box-1-3,.mq-large-min-box-1-3{width:33.3333333333%;}.mq-large-box-2-3,.mq-large-min-box-2-3{width:66.6666666667%;}.mq-large-box-1-4,.mq-large-min-box-1-4{width:25%;}.mq-large-box-2-4,.mq-large-min-box-2-4{width:50%;}.mq-large-box-3-4,.mq-large-min-box-3-4{width:75%;}.mq-large-box-1-12,.mq-large-min-box-1-12{width:8.33333333333%;}.mq-large-box-2-12,.mq-large-min-box-2-12{width:16.6666666667%;}.mq-large-box-3-12,.mq-large-min-box-3-12{width:25%;}.mq-large-box-4-12,.mq-large-min-box-4-12{width:33.3333333333%;}.mq-large-box-5-12,.mq-large-min-box-5-12{width:41.6666666667%;}.mq-large-box-6-12,.mq-large-min-box-6-12{width:50%;}.mq-large-box-7-12,.mq-large-min-box-7-12{width:58.3333333333%;}.mq-large-box-8-12,.mq-large-min-box-8-12{width:66.6666666667%;}.mq-large-box-9-12,.mq-large-min-box-9-12{width:75%;}.mq-large-box-10-12,.mq-large-min-box-10-12{width:83.3333333333%;}.mq-large-box-11-12,.mq-large-min-box-11-12{width:91.6666666667%;}} /* @end */ /* @group **** General **** */ /* @group Colour scheme */ /* @group Typography colour */ .col-primary { color: #014182; } /* DA core blue */ .col-primary-mid { color: #2384eb; } /* DA core mid blue */ .col-primary-dark { color: #002b57; } /* DA core dark blue */ .col-secondary { color: #50E69B; } /* Secondary bright yellow */ .col-secondary-light { color: #fde5c1; } /* Secondary light yellow */ .col-darkest { color: #000; } /* Black */ .col-dark { color: #3e3e3e; } /* Darkest grey */ .col-dark-mid { color: #919191; } /* Mid alternative darker grey */ .col-light-mid { color: #e5e5e5; } /* Light mid grey */ .col-light { color: #f4f4f4; } /* Light grey */ .col-lightest { color: #fff; } /* White */ /* @end */ /* @group Background colour */ .col-bg-primary { background-color: #014182; } /* DA core blue */ .col-bg-primary-mid { background-color: #2384eb; } /* DA core mid blue */ .col-bg-primary-dark { background-color: #002b57; } /* DA core dark blue */ .col-bg-secondary { background-color: #50E69B; } /* Secondary bright yellow */ .col-bg-secondary-light { background-color: #fde5c1; } /* Secondary light yellow */ .col-bg-darkest { background-color: #000; } /* Black */ .col-bg-dark { background-color: #3e3e3e; } /* Darkest grey */ .col-bg-dark-mid { background-color: #919191; } /* Mid alternative darker grey */ .col-bg-light-mid { background-color: #e5e5e5; } /* Light mid grey */ .col-bg-light { background-color: #f4f4f4; } /* Light grey */ .col-bg-lightest { background-color: #fff; } /* White */ .col-bg-trans-light, .col-bg-trans-primary, .col-bg-trans-primary-mid, .col-bg-trans-lightest { -webkit-transition: background-color 0.20s ease-in-out; -moz-transition: background-color 0.20s ease-in-out; -ms-transition: background-color 0.20s ease-in-out; -o-transition: background-color 0.20s ease-in-out; transition: background-color 0.20s ease-in-out; } .col-bg-trans-light { background-color: rgba(255, 255, 255, 0.90); } /* White */ .col-bg-trans-primary { background-color: rgba(0, 64, 130, 0.90); } /* Blue */ .col-bg-trans-primary-mid { background-color: rgba(35, 131, 234, 0.90); } /* Mid blue */ .col-bg-trans-lightest { background-color: rgba(255, 255, 255, 0.90); } .col-bg-grad-light { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+70&1+0,0+70 */ background: -moz-linear-gradient(left, rgba(255,255,255,0.9) 20%, rgba(255,255,255,0) 70%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255,255,255,0.9) 20%,rgba(255,255,255,0) 70%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255,255,255,0.9) 20%,rgba(255,255,255,0) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ } .sudo-hover .col-bg-trans-light { background-color: rgb(255, 255, 255); } .sudo-hover .col-bg-trans-primary { background-color: rgb(0, 64, 130); } .sudo-hover .col-bg-trans-primary-mid { background-color: rgb(35, 131, 234); } .sudo-hover .col-bg-trans-lightest { background-color: rgb(255, 255, 255); } /* @group Auto colour text on backgrounds */ /*TODO: Needs explanding - could refactor for contrast class */ .col-bg-primary-mid p.button-link a, .col-bg-primary-mid p a.button-link, .col-bg-trans-primary-mid, .col-bg-trans-primary-mid p.button-link a, .col-bg-trans-primary, .col-bg-trans-primary p.button-link a { color: #fff; } .sudo-hover .col-bg-trans-primary-mid p.button-link.button-link-plain a::after, .sudo-hover .col-bg-trans-primary p.button-link.button-link-plain a::after { color: #fff; } .sudo-hover .col-bg-trans-primary-mid p.button-link.button-link-plain a::after, .sudo-hover .col-bg-trans-primary p.button-link.button-link-plain a::after { color: #fff; } .col-bg-trans-lightest p.button-link.button-link-plain a:hover, .sudo-hover .col-bg-trans-lightest p.button-link.button-link-plain a { color: #2384eb; } .sudo-hover .col-bg-trans-lightest p.button-link.button-link-plain a::after, .sudo-hover .col-bg-lightest p.button-link.button-link-plain a::after { color: #014182; } /* @end */ /* @group Variations */ /* --------------P81 STYLES-------------- */ .bg--dark-blue { background-color: #002b57; } .masthead-home { height: clamp(700px, 100vh - 200px, 900px); background-color: #014182; /* overflow: hidden; */ } .masthead-home .container { height: 100%; display: flex; flex-direction: column; justify-content: center; } .masthead-home .masthead__wrap { position: relative; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 80px; align-items: center; } .masthead-home .masthead__content { color: #fff; } .masthead-home .masthead__content .masthead__filters { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; padding: 0 15px; border-bottom: 2px solid #fff; margin-top: 35px; } .masthead__filters .masthead__filters__dropdown { background-color: #2384eb; padding: 20px 25px 15px 25px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .masthead__filters .masthead__filters__dropdown:last-of-type { background-color: #50E69B; } .masthead__right { position: relative; width: 100%; height: auto; overflow: hidden; } .masthead__slider { aspect-ratio: 1/1; width: 100%; border-top-right-radius: 9rem; border-bottom-left-radius: 9rem; overflow: hidden; position: relative; } .masthead__wrap > img { position: absolute; bottom: -55px; right: -75px; max-width: 300px; aspect-ratio: 1/1; object-fit: contain; } @media(max-width: 1200px) { .masthead__wrap > img { max-width: 250px; right: -45px; bottom: -50px; } } @media(max-width: 1025px) { .masthead__wrap > img { max-width: 280px; right: -10px; bottom: -50px; } } @media(max-width: 567px) { .masthead__wrap > img { max-width: 220px; right: -10px; bottom: -50px; } } /* .masthead__wrap .masthead__right::after { content: ''; position: absolute; bottom: 0; right: -30px; background-image: url(assets/images/masthead/hyperchill.png); background-size: contain; width: 360px; height: 277px; } */ .masthead__slider button { display: none !important; } .masthead__slider .slick-track, .slick-list { height: 100% !important; } .masthead__slider .masthead__slider__slide { background-color: red; position: relative; background-size: cover; background-position: center; height: 100%; width: 100%; } .masthead__slider .masthead__slider__slide img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } @media (max-width: 1024px) { .masthead-home { height: auto; padding: 70px 0 100px; } .masthead-home .masthead__wrap { grid-template-columns: 1fr; } .masthead__slider { aspect-ratio: 16/9; border-top-right-radius: 6rem; border-bottom-left-radius: 6rem; } } @media (max-width: 567px) { .masthead-home .masthead__content .masthead__filters { grid-template-columns: repeat(1, 1fr); } .masthead__slider { aspect-ratio: 4/3; border-top-right-radius: 4rem; border-bottom-left-radius: 4rem; } } /* url(assets/images/bullet-list-tick-green.png) */ .p81-panel { position: relative; } .p81-content-panel { border-top: 4px solid #50e69b; background-color: #002b57 !important; /* position: absolute; display: none; */ color: white; } .p81-content-panel .button-link a { color: #50e69b; } .p81-panel-title { background-color: #002b57; width: 100%; min-height: 88px; border-bottom: 4px solid #50e69b; color: white; display: flex; align-items: flex-start; justify-content: flex-start; padding: 15px; } .p81-image-panel { aspect-ratio: 16/9; background-position: center; } .p81-panel-title h3 { margin-bottom: 0px !important; } .part-service-funnels > .row { display: flex; gap: 10px; } .part-service-funnels .p81-box { border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom: 8px solid #50e69b; background-color: #002b57 !important; } .part-service-funnels .p81-box-content { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; text-align: center; height: 100%; } .part-service-funnels .p81-box-content img { margin-bottom: 15px; } .part-service-funnels .p81-box-content form { width: 80%; text-align: left; margin-top: auto; margin-left: auto; margin-right: auto; } @media (max-width: 768px) { .part-service-funnels > .row { flex-direction: column; padding: 0 10px; } } /* --------------END P81 STYLES-------------- */ /*.sudo-hover .col-bg-mid { background-color: #fff; }*/ /* @end */ /* @end */ /* @group Special backgrounds */ .bg-grad-primary-mid-to-dark-mid { background: -moz-linear-gradient(180deg, #919191 0%, #919191 49%, #2384eb 51%, #2384eb 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #2384eb), color-stop(49%, #2384eb), color-stop(51%, #919191), color-stop(100%, #919191)); /* safari4+,chrome */ background: -webkit-linear-gradient(180deg, #919191 0%, #919191 49%, #2384eb 51%, #2384eb 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(180deg, #919191 0%, #919191 49%, #2384eb 51%, #2384eb 100%); /* opera 11.10+ */ background: -ms-linear-gradient(180deg, #919191 0%, #919191 49%, #2384eb 51%, #2384eb 100%); /* ie10+ */ background: linear-gradient(270deg, #919191 0%, #919191 49%, #2384eb 51%, #2384eb 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2384eb', endColorstr='#919191',GradientType=1 ); /* ie6-9 */ } .bg-grad-primary-mid-to-primary-dark { background: -moz-linear-gradient(0deg, #2384eb 0%, #2384eb 50%, #002b57 50%, #002b57 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%, #2384eb), color-stop(50%, #2384eb), color-stop(50%, #002b57), color-stop(100%, #002b57)); /* safari4+,chrome */ background: -webkit-linear-gradient(0deg, #2384eb 0%, #2384eb 50%, #002b57 50%, #002b57 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(0deg, #2384eb 0%, #2384eb 50%, #002b57 50%, #002b57 100%); /* opera 11.10+ */ background: -ms-linear-gradient(0deg, #2384eb 0%, #2384eb 50%, #002b57 50%, #002b57 100%); /* ie10+ */ background: linear-gradient(90deg, #2384eb 0%, #2384eb 50%, #002b57 50%, #002b57 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2384eb', endColorstr='#002b57',GradientType=1 ); /* ie6-9 */ } /* @end */ /* @end */ /* @group Typography */ /* Fonts loaded: Nunito+Sans:400,700,800,900 */ body { color: #3e3e3e; -webkit-animation:fadein 0.5s; animation:fadein 0.5; } @-webkit-keyframes fadein { from {opacity:0} to {opacity:1} } @keyframes fadein { from {opacity:0} to {opacity:1} } body, .font-type-sans { font-family: 'Nunito Sans', sans-serif; font-weight: 400; } h1, h2, h3, h4, h5, h6 { font-family: 'Nunito Sans', sans-serif; margin-bottom: 20px; line-height: 1.3em; } h1, .h-1 { font-size: 2.4em; font-weight: 700; } h2, .h-2 { font-size: 2.2em; font-weight: 700; } h3, .h-3 { font-size: 1.8em; font-weight: 700; } h4, .h-4 { font-size: 1.6em; font-weight: 700; } h5, .h-5 { font-size: 1.4em; font-weight: 700; } h6, .h-6 { font-size: 1.3em; font-weight: 700; } .weight-normal { font-weight: 400; } .weight-semi-bold { font-weight: 600; } .weight-bold { font-weight: 700; } .weight-ex-bold { font-weight: 800; } .weight-heavy { font-weight: 900; } p, ul, ol, .p { font-size: 1.1em; margin-bottom: 20px; padding-bottom: 0; line-height: 1.5em; } .meta, p.meta { font-size: 1em; } .meta-small, p.meta-small { font-size: 0.85em; } .title-bold { font-weight: 800; text-transform: uppercase; } /* @end */ /* @group Auto text colours for backgrounds */ .col-bg-primary-mid p, .col-bg-primary-dark p, .col-bg-dark-mid p, .col-bg-primary-mid .title-bold, .col-bg-primary-dark .title-bold, .col-bg-dark-mid .title-bold { color: #fff; } .col-bg-light { color: #3e3e3e; } /*.light-text-scheme a { color: #fff; }*/ /* @end */ /* @group Lists */ /* @group Common */ ul ul, ol ol { font-size:1em; } /* Keeps nested list items consistently sized */ ol li ol, ul li ul { margin-bottom: 0; padding-bottom: 0; } /* @end */ /* @group Small list */ /*ul.detail-list-sml a { text-decoration: none; } ul.detail-list-sml { margin: 20px 0 0; list-style: none; font-weight: 400; } ul.detail-list-sml li { display: block; } ul.detail-list-sml.list-arrows-grey li a { background: url(assets/images/sprite-icons-small-042.png) right 9px no-repeat; background-size: 27px 4379px; -webkit-background-size: 27px 4379px; -moz-background-size: 27px 4379px; -o-background-size: 27px 4379px; padding-left: 0; padding-top: 7px; padding-bottom: 7px; color: #000; display: block; } ul.detail-list-sml.list-arrows-grey li a:hover { background-position: right -508px; }*/ /* @end */ /* @group Tick lists */ /*ul.small-list-tick-list { margin: 0 0 15px; padding: 0; list-style: none; } ul.small-list-tick-list.tick-list-green li { background: url(assets/images/bullet-list-tick-green.png) left 8px no-repeat; background-size: 16px 14px; -webkit-background-size: 16px 14px; -moz-background-size: 16px 14px; -o-background-size: 16px 14px; margin-bottom: 0; padding-top: 4px; padding-left: 23px; padding-bottom: 4px; }*/ /* @end */ /* @end */ /* @group Layout */ /* @group Spacing */ .container.container-narrow { width: 65%; } .container.container-ex-narrow { width: 25%; } .vertical-center-content { display: table; position: relative; height: 100%; /* width: 100%;*/ } .vertical-center-content-inside { display: table-cell; vertical-align: middle; } .pad-xsml { padding: 10px; } .pad-top-xsml { padding-top: 10px; } .pad-bot-xsml { padding-bottom: 10px; } .pad-horiz-xsml { padding-left: 10px; padding-right: 10px; } .pad-vert-xsml { padding-top: 10px; padding-bottom: 10px; } .pad-sml { padding: 25px; } .pad-top-sml { padding-top: 25px; } .pad-bot-sml { padding-bottom: 25px; } .pad-left-sml { padding-left: 25px; } .pad-right-sml { padding-right: 25px; } .pad-horiz-sml { padding-left: 25px; padding-right: 25px; } .pad-vert-sml { padding-top: 25px; padding-bottom: 25px; } .pad-med { padding: 40px; } .pad-top-med { padding-top: 40px; } .pad-bot-med { padding-bottom: 40px; } .pad-left-med { padding-left: 40px; } .pad-right-med { padding-right: 40px; } .pad-horiz-med { padding-left: 40px; padding-right: 40px; } .pad-vert-med { padding-top: 40px; padding-bottom: 40px; } .pad-lrg { padding: 80px; } .pad-top-lrg { padding-top: 80px; } .pad-bot-lrg { padding-bottom: 80px; } .pad-horiz-lrg { padding-left: 80px; padding-right: 80px; } .pad-vert-lrg { padding-top: 80px; padding-bottom: 80px; } .pad-xlrg { padding: 120px; } .pad-top-xlrg { padding-top: 120px; } .pad-bot-xlrg { padding-bottom: 120px; } .pad-horiz-xlrg { padding-left: 120px; padding-right: 120px; } .pad-vert-xlrg { padding-top: 120px; padding-bottom: 120px; } .margin-top-xsml { margin-top: 10px; } .margin-bot-xsml { margin-bottom: 10px; } .margin-left-xsml { margin-left: 10px; } .margin-right-xsml { margin-right: 10px; } .margin-horiz-xsml { margin-right: 10px; margin-left: 10px; } .margin-top-sml { margin-top: 25px; } .margin-bot-sml { margin-bottom: 25px; } .margin-left-sml { margin-left: 25px; } .margin-right-sml { margin-right: 25px; } .margin-horiz-sml { margin-right: 25px; margin-left: 25px; } .margin-vert-sml { margin-top: 25px; margin-bottom: 25px; } .margin-top-med { margin-top: 40px; } .margin-bot-med { margin-bottom: 40px; } .margin-horiz-med { margin-right: 40px; margin-left: 40px; } .margin-vert-med { margin-top: 40px; margin-bottom: 40px; } .margin-top-lrg { margin-top: 80px; } .margin-bot-lrg { margin-bottom: 80px; } .margin-horiz-lrg { margin-right: 80px; margin-left: 80px; } /* @end */ /* @group Full width boxes that have contained text */ .full-width-box-3-1 .full-width-box-inside { padding-right: 20px; padding-left: 13%; } .full-width-box-3-2 .full-width-box-inside { padding-right: 20px; padding-left: 20px; } .full-width-box-3-3 .full-width-box-inside { padding-right: 13%; padding-left: 20px; } /* @end */ /* @group 3 column archives */ /* NOTE: Also used for Service Showcase TP in part! */ .box-1-3.multiple-posts { margin-bottom: 1.5%; } .multiple-posts-single-row .box-1-3.multiple-posts { margin-bottom: 0; } .box-1-3.multiple-posts.paged-return-1, .box-1-3.multiple-posts.paged-return-1, .box-1-3.multiple-posts.paged-return-4, .box-1-3.multiple-posts.paged-return-7, .box-1-3.multiple-posts.paged-return-10, .box-1-3.archive-filter-primary-container { padding-right: 1%; } .box-1-3.multiple-posts.paged-return-2, .box-1-3.multiple-posts.paged-return-5, .box-1-3.multiple-posts.paged-return-8, .box-1-3.multiple-posts.paged-return-11, .box-1-3.archive-filter-secondary-container { padding-right: 0.5%; padding-left: 0.5%; } .box-1-3.multiple-posts.paged-return-3, .box-1-3.multiple-posts.paged-return-6, .box-1-3.multiple-posts.paged-return-9, .box-1-3.multiple-posts.paged-return-12 { padding-left: 1%; } /* @end */ /* @group Special flex columns */ .row-eqsm-columns { margin-bottom: -3%; } .eqsm-column { margin-right: 3%; margin-bottom: 3%; float: left; } .eqsm-columns-5 .eqsm-column { width: 17.6%; } .eqsm-columns-5 > div.eqsm-column:nth-of-type(5n) { margin-right: 0; } /* mq-small: Small screens - Lower spec landscape phones and some portrait tablets */ @media screen and (max-width:480px) { .eqsm-columns-5 .eqsm-column { width: 48.5%; } .eqsm-columns-5 > div.eqsm-column:nth-of-type(2n) { margin-right: 0; } .eqsm-columns-5 > div.eqsm-column:nth-of-type(5) { margin-right: 3%; } } /* @end */ /* @end */ /* @group Decoration */ /* IMPORTANT - This adds hover JS additional class .sudo-hover */ .clickable-hover { cursor: pointer; } .clickable-hover.clickable-hover-cursor-default { cursor: default; } /* Used for non-JS accessibility */ .js .accessible { display: none; overflow: hidden; } /* @group Column dividers, lines and outlines */ .rule-bottom { border-bottom: 2px solid #e5e5e5; } .img-outline-std { border: 2px solid #e5e5e5; } /*HOTFIX - TODO! Need to calculate even columns here!! */ .divider-column-light-mid { border-right: 2px solid #e5e5e5; padding-right: 6%; padding-left: 6%; } .divider-column-4-1 { padding-left: 0; } .divider-column-4-4 { padding-right: 0; border-right: none; } /* @end */ /* @group Feature titles (bracket style) */ .title-feature-primary { position: relative; border: 5px solid transparent; border-top-color: #919191; text-align: center; margin-top: 14px; margin-bottom: 5px; } .title-feature-primary:before, .title-feature-primary:after { content: ""; position: absolute; width: 5px; background: -moz-linear-gradient(90deg, rgba(145,145,145,0) 70%, rgba(145,145,145,1) 70%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgba(145,145,145,1)), color-stop(30%, rgba(145,145,145,0))); /* safari4+,chrome */ background: -webkit-linear-gradient(90deg, rgba(145,145,145,0) 70%, rgba(145,145,145,1) 70%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(90deg, rgba(145,145,145,0) 70%, rgba(145,145,145,1) 70%); /* opera 11.10+ */ background: -ms-linear-gradient(90deg, rgba(145,145,145,0) 70%, rgba(145,145,145,1) 70%); /* ie10+ */ background: linear-gradient(0deg, rgba(145,145,145,0) 70%, rgba(145,145,145,1) 70%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#919191',GradientType=0 ); /* ie6-9 */ } .title-feature-primary:before { top: -5px; bottom: -5px; left: -5px; } .title-feature-primary:after { top: -5px; bottom: -5px; right: -5px; } .title-feature-primary-text { text-align: center; display: inline-block; position: relative; top: -18px; padding-right: 20px; padding-left: 20px; text-transform: uppercase; margin-bottom: 0; background-color: #fff; } /*TODO: Add in other colour variations just in-case! */ /*.flex-content-all .col-bg-primary .title-feature-primary-text { color: #fff; } .flex-content-all .col-bg-primary .title-feature-primary-text { background-color: #014182; } .flex-content-all .col-bg-light .title-feature-primary-text { background-color: #f4f4f4; } .flex-content-all .col-bg-lightest .title-feature-primary-text { background-color: #fff; }*/ .col-bg-primary .title-feature-primary-text, .flex-content-all .col-bg-primary .title-feature-primary-text { color: #fff; } .col-bg-primary .title-feature-primary-text, .flex-content-all .col-bg-primary .title-feature-primary-text { background-color: #014182; } .col-bg-light .title-feature-primary-text, .flex-content-all .col-bg-light .title-feature-primary-text { background-color: #f4f4f4; } .col-bg-lightest .title-feature-primary-text, .flex-content-all .col-bg-lightest .title-feature-primary-text { background-color: #fff; } /* Used in flex content, where we don't know background colour */ .low-contrast-text-scheme .title-feature-primary { border-top-color: #e5e5e5; } .low-contrast-text-scheme .title-feature-primary:before, .low-contrast-text-scheme .title-feature-primary:after { background: -moz-linear-gradient(90deg, rgba(229,229,229,0) 70%, rgba(229,229,229,1) 70%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgba(229,229,229,1)), color-stop(30%, rgba(229,229,229,0))); /* safari4+,chrome */ background: -webkit-linear-gradient(90deg, rgba(229,229,229,0) 70%, rgba(229,229,229,1) 70%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(90deg, rgba(229,229,229,0) 70%, rgba(229,229,229,1) 70%); /* opera 11.10+ */ background: -ms-linear-gradient(90deg, rgba(229,229,229,0) 70%, rgba(229,229,229,1) 70%); /* ie10+ */ background: linear-gradient(0deg, rgba(229,229,229,0) 70%, rgba(229,229,229,1) 70%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#e5e5e5',GradientType=0 ); /* ie6-9 */ } /* @end */ /* @group Data tables */ .col-bg-primary .header-bar, .col-bg-primary .product-fields p { border-color: #014182; } .header-bar { background-color: #002b57; border: 1px solid; } .header-bar p, .product-fields p { color: #fff; font-weight: 700; text-align: center; margin-bottom: 0; padding-top: 6px; padding-bottom: 7px; font-size: 1em; } .product-fields p { color: #002b57; background-color: #fff; border: 1px solid; -webkit-transition: background-color 0.20s ease-in-out; -moz-transition: background-color 0.20s ease-in-out; -ms-transition: background-color 0.20s ease-in-out; -o-transition: background-color 0.20s ease-in-out; transition: background-color 0.20s ease-in-out; } .product-fields p:hover { background-color: #50E69B; cursor: pointer; } /* @end */ /* @group Font Awesome useage */ .text-icon { margin-right: 5px; } /* @end */ /* @end */ /* @group Tables */ tr:nth-child(odd) { background-color: #fff; } tr:nth-child(even) { background-color: #f4f4f4; } tr td { padding: 15px; } tbody { border-style: solid; border-color: #e5e5e5; } /* @end */ /* @end */ /* @group **** Links **** */ /* @group General */ a, a:visited, a:active { color: #2384eb; -webkit-transition: color 0.20s ease-in-out; -moz-transition: color 0.20s ease-in-out; -ms-transition: color 0.20s ease-in-out; -o-transition: color 0.20s ease-in-out; transition: color 0.20s ease-in-out; } .col-secondary a, .col-secondary a:visited, .col-secondary a:active { color: #50E69B; -webkit-transition: color 0.20s ease-in-out; -moz-transition: color 0.20s ease-in-out; -ms-transition: color 0.20s ease-in-out; -o-transition: color 0.20s ease-in-out; transition: color 0.20s ease-in-out; } a:hover { color: #014182; } .clickable-hover a { text-decoration: none; /*color: #323232;*/ } .sudo-hover a { text-decoration: none; /*color: #2384eb;*/ } /* @end */ /* @group Buttons */ p.button-link a, p a.button-link, p.button-link-sudo { font-weight: 600; background-color: #50E69B; color: #002b57; padding: 5px 12px 4px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; transition: all 0.20s ease-in-out; border: 2px solid; border-color: #50E69B; text-decoration: none; display: inline-block; } p.button-link-sudo { margin-bottom: 0; } p.button-link a:hover, p a.button-link:hover, p.button-link-sudo:hover { background-color: #002b57; color: #50E69B; border-color: #002b57; /* -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;*/ } p.button-link-sudo:hover { cursor: pointer; } p.button-link a::after, p a.button-link::after, p.button-link-sudo::after { /* display: none;*/ font-family: "DA Icon Set"; content: "\ea08"; font-size: 1.3em; display: inline-block; float: right; margin-top: 0; margin-left: 0.7em; } /* @group Button dark */ p.button-link.button-dark a, p a.button-link.button-dark , p.button-link-sudo.button-dark { background-color: #002b57; color: #50E69B; border-color: #002b57; } p.button-link.button-dark a:hover, p a.button-link.button-dark:hover , p.button-link-sudo.button-dark:hover { background-color: #50E69B; color: #002b57; border-color: #50E69B; } .button-link-sudo.button-no-icon.button-dark svg.svg-inline--fa { display: none; } .button-link-sudo.button-no-icon.button-dark { background-color: #002b57; border-color: #002b57; color: #50E69B; padding-right: 12px; } .button-link-sudo.button-no-icon.button-dark:hover { background-color: #002b57; border-color: #002b57; color: #fff; } /* @end */ p.button-link.button-link-plain a, a.button-link.button-link-plain { background-color: transparent; border: none; text-transform: uppercase; padding: 0; } p.button-link.button-link-plain a:hover, a.button-link.button-link-plain:hover { background-color: transparent; color: #2384eb; /* color: #50E69B;*/ /* border-color: #002b57;*/ } a.button-link.button-link-outline { border-color: #014182; background-color: #fff; color: #3e3e3e; } .sudo-hover p.button-link.button-link-plain a, .sudo-hover a.button-link.button-link-plain { color: #50E69B; } p.button-link.button-link-plain a::after, a.button-link.button-link-plain svg.svg-inline--fa { color: #50E69B; } p.button-link.button-link-plain:hover svg.svg-inline--fa, a.button-link.button-link-plain:hover svg.svg-inline--fa { color: #014182; } p.button-link.full-width a, p a.button-link.full-width, p.button-link-sudo.full-width { width: 100%; } /* @end */ /* @group Other feature links */ .panel-feature-button-link p.button-link.button-link-plain a { background-color: #014182; display: block; border-radius: 0; padding: 18px 25px; color: #fff; } .panel-feature-button-link p.button-link.button-link-plain a svg.svg-inline--fa { font-size: 1.2em; display: inline-block; float: none; } .panel-feature-button-link p.button-link.button-link-plain a:hover { background-color: #2384eb; } .panel-feature-button-link p.button-link.button-link-plain a:hover svg.svg-inline--fa { color: #fff; } /* @end */ /* @end */ /* @group **** Logos and icons **** */ /* @group Common */ .logo span, .icon span { display: none; overflow: hidden; } .logo, .icon { margin-bottom: 0; } /* @end */ /* @group Wider beta icon CSS - needs testing, likely to be incorporated into Wonderflux? */ /* IMPORTANT we need this - we override Fontello icon wildcard selector because it adds 0.2em margins left and right. This doesn't necessarily suit us! */ [class^="icon-"]:before, [class*=" icon-"]:before { margin-right: 0; text-align: left; margin-left: 0; } .icon-right { display: inline-block; clear: both; } .icon-right[class^="icon-"]:before { float: right; text-align: right; /* margin-left: .25em;*/ margin-right: 0; } /* Common class for using on things like buttons or other elements */ .icon-left:before { font-family: "DA Icon Set"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 1.5em; } /* Common class for using on things like buttons or other elements */ .icon-right:after { font-family: "DA Icon Set"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-left: .3em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 0.5em; } /* IMPORTANT AND USEFUL! Auto remove list item bullet for icons */ .icon-list { list-style: none; padding: 0; } /* NEW - .icon-with-text */ /*.icon-left.icon-with-text span { display: block; float: right; font-size: 0.8em; margin-top: 3px; font-family: 'Roboto', sans-serif; font-weight: 400; } .icon-right.icon-with-text span { display: block; float: left; margin-top: 1px; margin-right: 10px; font-family: 'Roboto', sans-serif; font-weight: 400; }*/ /* @end */ /* @group Wider beta icon v2 CSS - simplifed inline icons */ [class^="iconleft"]:before, [class*=" iconleft"]:before, ul.list-with-icons li:before { font-family: "DA Icon Set"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; position: relative; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ /* margin-left: .2em; */ -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } ul.list-with-icons { list-style: none; /* margin-left: 1.6em;*/ } ul.list-with-icons li { margin-bottom: 10px; } ul.list-with-icons li:last-of-type { margin-bottom: 20px; } ul.list-with-icons.list-tick li:before { content: '\ea0b'; } ul.list-with-icons li:before { font-size: 98%; padding-top: 4px; padding-right: 0; float: left; margin-left: -1.8em; padding-left: 0; width: 1em; margin-right: 0; text-align: left; } /* @end */ /* @group Icon font mods */ /* Used in map template part */ .icon-left.icon-envelope, .icon-left.icon-map, .icon-left.icon-signs { float: left; padding-top: 3px; margin-bottom: -7px; } /* @end */ /* @group Primary logo */ h1.primary-logo a, h2.primary-logo a, h6.primary-logo.logo-footer a { -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; transition: all 0.20s ease-in-out; display: block; height: 62px; width: 200px; text-decoration: none; margin-bottom: 0; background-image: url(assets/images/logo-direct-air-primary.png); background-position: left bottom; background-repeat: no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; /* margin-right: auto; margin-left: auto;*/ } h6.cooling-logo a, h1.cooling-logo a, h2.cooling-logo a { background-image: url(assets/images/dc-logo-white.svg) !important; background-repeat: no-repeat; } h6.logo.primary-logo.logo-footer a { height: 46px; width: 150px; } h1.primary-logo a:hover, h2.primary-logo a:hover, h6.primary-logo.logo-footer a:hover { -webkit-filter: brightness(1.4); -moz-filter: brightness(1.4); -o-filter: brightness(1.4); -ms-filter: brightness(1.4); filter: brightness(1.4); } /* @end */ /* @group Social icons */ p.social-links a, p.social-links a:active, p.social-links a:visited { font-size: 2.5em; margin-right: 10px; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; transition: all 0.20s ease-in-out; } p.social-links a:last-of-type { margin-right: 0; } /* @end */ /* @group Coms icons */ .bg-sprite-coms { background: url(assets/images/sprite-icons-coms.png) no-repeat; background-size: 1963px 43px; -webkit-background-size: 1963px 43px; -moz-background-size: 1963px 43px; -o-background-size: 1963px 43px; padding-left: 56px; background-position-y: center; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; transition: all 0.20s ease-in-out; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; } .bg-sprite-coms.bg-sprite-coms-light { background: url(assets/images/sprite-icons-coms-white.png) no-repeat; background-size: 1963px 43px; -webkit-background-size: 1963px 43px; -moz-background-size: 1963px 43px; -o-background-size: 1963px 43px; padding-left: 56px; background-position-y: center; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; transition: all 0.20s ease-in-out; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; } .bg-sprite-coms.bg-sprite-coms-tel { background-position-x: 0; } .bg-sprite-coms.bg-sprite-coms-mail { background-position-x: -638px; } .bg-sprite-coms.bg-sprite-coms-chat { background-position-x: -1283px; } .bg-sprite-coms.bg-sprite-coms-cog { background-position-x: -1925px; } /* @end */ /* @end */ /* @group **** Navigation **** */ /* @group General */ .menu ul, nav ul { list-style: none; margin: 0; padding: 0; } .menu ul a { text-decoration: none; } ul.menu-layout-horizontal li { display: inline-block; float: left; } /* @end */ /* @group Special responsive classes */ .menu-mq-small-show.menu-item { display: none; } /* @end */ /* @group Primary header navigation */ #header-primary-navigation ul { /* margin-right: -23px;*/ /* margin-top: 7px;*/ margin-top: 33px; margin-bottom: -13px; display: inline-block; } #header-primary-navigation ul li { display: inline-block; /* Important to position sub nav! */ position:relative; float: left; } #header-primary-navigation ul li a, #header-primary-navigation ul li a:active #header-primary-navigation ul li a:visited { display: block; font-size: 1.1em; padding: 4px 14px 4px 0; text-decoration: none; -webkit-transition: color 0.20s ease-in-out; -moz-transition: color 0.20s ease-in-out; -ms-transition: color 0.20s ease-in-out; -o-transition: color 0.20s ease-in-out; transition: color 0.20s ease-in-out; color: #fff; } #header-primary-navigation ul li:last-of-type a { padding-right: 0; } #header-primary-navigation ul li a:hover { color: #50E69B; } #header-primary-navigation ul li.current-menu-item a, #header-primary-navigation ul li.current-menu-item a:hover { /* color: #fff; border-color: #31b7bc; background-color: #31b7bc;*/ } /* @group Primary dropdown navigation */ /* @group Parent with child pages link */ #header-primary-navigation li.menu-item-has-children > a::after { font: 1.2em "DA Icon Set"; line-height: 1em; font-weight: normal; font-style: normal; font-variant: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea09"; color: #50E69B; margin-left: 0.1em; float: right; margin-top: 0.07em; } #header-primary-navigation li.menu-item-has-children li.menu-sub-arrow > a { margin-left: 30px; } #header-primary-navigation li.menu-item-has-children li.menu-sub-arrow > a::before { font-family: "DA Icon Set"; font-style: normal; font-weight: normal; speak: none; display: block; text-decoration: inherit; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea08"; width: 18px; float: left; margin-top: 0.25em; /* color: #2384eb; */ color: #50E69B !important; margin-left: -18px; } #header-primary-navigation li.menu-item-has-children li.menu-sub-arrow > a:hover::before { color: #fff; } /* @end */ #header-primary-navigation li.sub-menu-visible > a { color: #50E69B; } #header-primary-navigation li ul { position:absolute; left:0; top: 0; /* make this equal to the line-height of the links (specified below) */ width:210px; z-index: 999999; padding-top: 8px; background-color: #014182; } #header-primary-navigation li li { position:relative; margin:0; display:block; width: 200px; } #header-primary-navigation li li ul { position:absolute; top:0; left:200px; /* make this equal to the width of the sub nav above */ margin:0; } #header-primary-navigation ul.sub-menu { display:none; padding-bottom: 10px; } /* style sub level links */ #header-primary-navigation .sub-menu-visible ul.sub-menu li a, #header-primary-navigation li li a, #header-primary-navigation ul.sub-menu li:last-of-type a { margin: 0 5px 0 0; font-size: 1em; color: #fff; padding: 6px 0 6px 0px; margin-left: 30px; /* IMPORTANT - Set same value negative offset margin on sudo-bullet item */ } #header-primary-navigation .sub-menu-visible ul.sub-menu li a:hover, #header-primary-navigation li li a:hover { color: #50E69B; } #header-primary-navigation .sub-menu-visible ul.sub-menu li a::before, #header-primary-navigation li li a::before, #header-primary-navigation ul.sub-menu li:last-of-type a::before { /* display: none; font-family: "Font Awesome 5 Regular"; content: "\f105";*/ } #header-primary-navigation li.menu-adapt-position ul { position:absolute; /* left:-200px; /* make this equal to the width of the sub nav above */ left:-85px; } /* @end */ /* @end */ /* @group Primary leads navigation */ #menu-leads-navigation.align-right { margin: 0; } #header-leads-navigation ul { /* margin-right: -23px;*/ /* margin-top: 7px;*/ /* margin-bottom: -13px;*/ display: inline-block; } #header-leads-navigation ul li { display: inline-block; float: left; } #header-leads-navigation ul li a { padding-top: 8px; padding-bottom: 5px; margin-bottom: 0; font-size: 0.8em; } #header-leads-navigation ul li a, #header-leads-navigation ul li a:active #header-leads-navigation ul li a:visited { display: inline-block; padding-right: 12px; padding-left: 12px; text-decoration: none; -webkit-transition: color 0.20s ease-in-out; -moz-transition: color 0.20s ease-in-out; -ms-transition: color 0.20s ease-in-out; -o-transition: color 0.20s ease-in-out; transition: color 0.20s ease-in-out; color: #fff; } #header-leads-navigation ul .tools-tel-number a{ font-size: 20px; } #header-leads-navigation ul li a:hover { color: #50E69B; } #header-leads-navigation ul li.current-menu-item a, #header-leads-navigation ul li.current-menu-item a:hover { /* color: #fff; border-color: #31b7bc; background-color: #31b7bc;*/ } li.menu-item.tools-search, li.menu-item.tools-mobile-menu, li.menu-item.tools-call { color: #50E69B; display: block; padding: 10px 0 0 6px; -webkit-transition: color 0.20s ease-in-out; -moz-transition: color 0.20s ease-in-out; -ms-transition: color 0.20s ease-in-out; -o-transition: color 0.20s ease-in-out; transition: color 0.20s ease-in-out; cursor: pointer; } li.menu-item.tools-search span.icon.icon-search { padding-top: 2px; } /*#menu-leads-navigation li.menu-item.tools-search:hover, #menu-leads-navigation li.tools-mobile-menu:hover { color: #fff; }*/ /* @end */ /* @group Breadcrumb navigation */ ul#breadcrumbs { margin: 0; } ul#breadcrumbs li { padding-right: 10px; font-size: 0.9em; } ul#breadcrumbs li a { color: #3e3e3e; text-decoration: none; } ul#breadcrumbs li a:hover { color: #2384eb; text-decoration: underline; } /* @end */ /* @group Sidebar */ ul.list-side-highlight li { border-left: 3px solid #2384eb; color: #3e3e3e; font-size: 1em; display: block; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; transition: all 0.20s ease-in-out; margin-bottom: 5px; } ul.list-side-highlight li a, ul.list-side-highlight li a:active ul.list-side-highlight li a:visited { color: #3e3e3e; display: block; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; padding-left: 10px; -webkit-transition: color 0.20s ease-in-out; -moz-transition: color 0.20s ease-in-out; -ms-transition: color 0.20s ease-in-out; -o-transition: color 0.20s ease-in-out; transition: color 0.20s ease-in-out; } ul.list-side-highlight li:hover { border-color: #3e3e3e; background-color: #fff; color: #2384eb; } ul.list-side-highlight li.sudo-link-active { background-color: #fff; } /* @end */ /* @group Sibling subpage navigation */ .sibling-nav-container ul.vertical-link-list { margin-top: 5px; } .sibling-nav-container li a { display: block; background-color: #fff; padding: 5px 0 5px 10px; margin-bottom: 2px; color: #3e3e3e; font-size: 0.85em; border-left: 3px solid #fff; -webkit-transition: color 0.20s ease-in-out; -moz-transition: color 0.20s ease-in-out; -ms-transition: color 0.20s ease-in-out; -o-transition: color 0.20s ease-in-out; transition: color 0.20s ease-in-out; } .sibling-nav-container ul li a::after { font: 1.8em "DA Icon Set"; line-height: inherit; font-weight: normal; font-style: normal; font-variant: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-left: 0; text-align: center; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\ea08"; float: right; color: #e5e5e5; -webkit-transition: color 0.20s ease-in-out; -moz-transition: color 0.20s ease-in-out; -ms-transition: color 0.20s ease-in-out; -o-transition: color 0.20s ease-in-out; transition: color 0.20s ease-in-out; } .sibling-nav-container ul li ul a::after { content: ""; display: none; overflow: hidden; } .sibling-nav-container ul li a:hover::after { color: #919191; } .sibling-nav-container li a:hover { color: #2384eb; } .sibling-nav-container li.menu-item-primary-parent a { font-weight: 800; text-transform: uppercase; color: #2384eb; } .sibling-nav-container li.current-menu-item a { border-left-color: #2384eb; font-weight: 800; } .sibling-nav-container li.current-menu-item a::after, .sibling-nav-container li.menu-item-has-siblings ul li.current-menu-item a::after { color: #2384eb; } .sibling-nav-container li.menu-item-has-siblings.current-menu-item ul a { border-left-color: #fff; font-weight: inherit; } .sibling-nav-container li.menu-item-has-siblings ul a { padding-left: 20px; font-size: 0.8em; } /* @end */ /* @group Footer primary navigation */ #menu-footer-navigation ul li { font-size: 1em; } /* @end */ /* @group Footer auto generated navigation */ #footer-content .auto-generated-nav ul li a, #footer-content .auto-generated-nav ul li a:active, #footer-content .auto-generated-nav ul li a:visited { color: #50E69B; margin-bottom: 10px; display: block; font-size: 1em; text-transform: uppercase; } #footer-content .auto-generated-nav ul li.menu-item-primary-parent a, #footer-content .auto-generated-nav ul li.menu-item-primary-parent a:active, #footer-content .auto-generated-nav ul li.menu-item-primary-parent a:visited { color: #fff; font-size: 1.2em; font-weight: 700; margin-bottom: 20px; } #footer-content .auto-generated-nav ul li.menu-item-has-siblings > a, #footer-content .auto-generated-nav ul li.menu-item-has-siblings > a:active, #footer-content .auto-generated-nav ul li.menu-item-has-siblings > a:visited { color: #50E69B; margin-bottom: 0; } #footer-content .auto-generated-nav ul li.menu-item-has-siblings ul { margin-bottom: 11px; } #footer-content .auto-generated-nav ul li.menu-item-has-siblings ul li a, #footer-content .auto-generated-nav ul li.menu-item-has-siblings ul li a:active, #footer-content .auto-generated-nav ul li.menu-item-has-siblings ul li a:visited { color: #fff; margin-bottom: 0; text-transform: capitalize; } #footer-content .auto-generated-nav ul li a:hover { color: #fff; } #footer-content .auto-generated-nav ul li.menu-item-has-siblings > a:hover { color: #fff; } #footer-content .auto-generated-nav ul li.menu-item-primary-parent a:hover, #footer-content .auto-generated-nav ul li.menu-item-has-siblings ul li a:hover { color: #50E69B; } /* @end */ /* @group Pagination */ .js-paginationPrev.u-cursorPointer { margin-right: 10px; } /* @end */ /* @group New mobile menu slider */ /*li#mobile-menu-do.menu-item.tools-mobile-menu { display: none; }*/ #mobile-menu-slider { display: none; padding-bottom: 15px; } /* @group Footer auto generated navigation */ #mobile-menu-slider ul li a, #mobile-menu-slider ul li a:active, #mobile-menu-slider ul li a:visited { color: #50E69B; margin-bottom: 5px; display: block; font-size: 1em; text-transform: none; text-align: center; text-decoration: none; } #mobile-menu-slider ul li.menu-item-primary-parent a, #mobile-menu-slider ul li.menu-item-primary-parent a:active, #mobile-menu-slider ul li.menu-item-primary-parent a:visited { color: #fff; font-size: 1.2em; font-weight: 700; margin-bottom: 20px; } #mobile-menu-slider ul li.menu-item-has-siblings > a, #mobile-menu-slider ul li.menu-item-has-siblings > a:active, #mobile-menu-slider ul li.menu-item-has-siblings > a:visited { color: #50E69B; margin-bottom: 0; } #mobile-menu-slider ul li.menu-item-has-siblings ul { margin-bottom: 11px; } #mobile-menu-slider ul li.menu-item-has-siblings ul li a, #mobile-menu-slider ul li.menu-item-has-siblings ul li a:active, #mobile-menu-slider ul li.menu-item-has-siblings ul li a:visited { color: #fff; margin-bottom: 0; text-transform: capitalize; } #mobile-menu-slider ul li a:hover { color: #fff; } #mobile-menu-slider ul li.menu-item-has-siblings > a:hover { color: #fff; } #mobile-menu-slider ul li.menu-item-primary-parent a:hover, #mobile-menu-slider ul li.menu-item-has-siblings ul li a:hover { color: #50E69B; } /* @end */ /* @end */ /* @group Mobile only tools menu */ ul.mobile-tools-menu { width: 0; height: 0; overflow: hidden; margin: 0; padding: 0; } /* @end */ /* @group Scroll to top */ #back-to-top span { display: none; overflow: hidden; margin: 0; padding: 0; } #back-to-top { background-color: #002b57; background-repeat: no-repeat; background-position: center 0; background-image: url(assets/images/sprite-arrow-up-lrg.png); /* background: url(assets/images/sprite-arrow-up-lrg.png) center top no-repeat #002b57;*/ background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; position: fixed; /* Amended to accommodate chat button inserted via JS bottom: 25px; right: 25px;*/ bottom: 40px; left: 40px; padding: 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; z-index: 99999999; width: 50px; height: 50px; cursor: pointer; -webkit-transition: opacity 0.2s ease-out, background 0.2s ease-out; -moz-transition: opacity 0.2s ease-out, background 0.2s ease-out; -ms-transition: opacity 0.2s ease-out, background 0.2s ease-out; -o-transition: opacity 0.2s ease-out, background 0.2s ease-out; transition: opacity 0.2s ease-out, background 0.2s ease-out; opacity: 0; border: 2px solid #50E69B; } #back-to-top:hover { background-color: #50E69B; /* background-position: center -46px;*/ background-position: center -61px; border-color: #002b57; } #back-to-top.show { opacity: 1; } /* @end */ /* @end */ /* @group **** Forms **** */ /* @group General */ fieldset { border: none; margin: 0; padding: 0; } /* @end */ /* @group Button reset */ [role="button"], input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } input[type="submit"], input[type="reset"], input[type="button"], button { background: none; border: 0; color: inherit; /* cursor: default; */ font: inherit; line-height: normal; overflow: visible; padding: 0; -webkit-appearance: button; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } input::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* @end */ /* @group General appearance */ body .gform_wrapper { margin-top: 0; margin-bottom: 0; } body .gform_wrapper .gform_body .gform_fields li.gfield.hidden_label.gfield_visibility_visible { margin-top: 0; padding-top: 0; margin-bottom: 10px; } .gform_wrapper .gform_body .gform_fields li.gfield.hidden_label.gfield_visibility_visible input.medium, .gform_fields .gfield textarea { border: 1px solid; border-color: #fff; font-size: 1em; padding: 5px; color: #323232; margin-top: 0; } .gform_wrapper form .gform_footer { text-align: center; margin-top: 0; padding-top: 0; padding-bottom: 0; margin-bottom: -20px; } .gform_wrapper .gform_body .gfield_radio li label { font-size: 1em; padding-top: 3px; } .gform_wrapper .gform_body div.ginput_container.ginput_container_radio { margin-top: 0; margin-bottom: 20px; } .gform_fields .gfield textarea.medium { height: 140px; } /* @end */ /* @group Specific to template parts with coloured background */ .col-bg-primary-mid .gform_wrapper .gform_body .gfield_radio li label, .col-bg-primary-mid label.gfield_label { color: #fff; } /* @end */ /* @group Error/validation */ /* @end */ /* @group Advanced site search */ /* @group Font Awesome styling */ /* !!IMPORTANT TO CHECK after removing Font Awesome */ /*button::after { display: none; font-family: "Font Awesome 5 Regular"; content: "\f105"; }*/ button::after { /* display: none;*/ font-family: "DA Icon Set"; content: "\ea08"; font-size: 1.3em; display: inline-block; float: right; margin-left: 1em; } /* @end */ button { font-weight: 700; background-color: #50E69B; color: #002b57; padding: 6px 10px 5px 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; transition: all 0.20s ease-in-out; border: 2px solid; border-color: #50E69B; font-size: 1.1em; } button:hover { background-color: #002b57; color: #50E69B; border-color: #002b57; /* -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;*/ } /* @end */ /* @end */ /* @group **** Header **** */ /* @group DA header primary (with potential intro/filters) */ .header-title-wrap { padding-right: 1%; } .header-title-wrap-container { border-top: 3px solid #3e3e3e; } .header-suplimental-container { margin-top: 9px; margin-left: 0.5%; } .header-suplimental-container.supplimental-with-title-logo { margin-top: 83px; } /* @end */ /* @group DA image header */ .header-type-image .plain-image-header { height: 300px; min-height: 300px; } /* @end */ /* @group DA large header */ .header-type-large { /* height: 300px; min-height: 300px;*/ } .header-title-wrap-full { } .header-title-wrap-full.light-text-scheme { color: #fff; } .header-service-lead-dropdowns .header-tab-primary { -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; } .header-service-dropdown-1-container .header-tab-inner { padding-right: 1.5%; } .header-service-dropdown-2-container .header-tab-inner { padding-left: 1.5%; } /* @end */ /* @group Archive dropdown filters */ .header-suplimental-container.suplimental-with-dropdowns { margin-top: 25px; } .archive-filter-primary-container .form-dropdown-container { padding-right: 2.5%; } .archive-filter-secondary-container .form-dropdown-container { padding-left: 2%; } /* @end */ /* @end */ /* @group **** Main content **** */ /*.header-type-large .flex-content-all, .header-type-feature .flex-content-all { margin-top: 20px; }*/ /* @group air-compressors single */ .product-secondary-details-enquiry { text-align: right; } .product-variant-primary-txt { margin-top: -20px; } /* @end */ /* @end */ /* @group **** Archives **** */ /* @group Special archive body BG colours */ body.post-type-archive-faq, body.archive.tax-faq-subject, body.post-type-archive-case-studies, body.post-type-archive-downloads, body.archive.tax-download-type, body.archive.tax-manufacturer-brand, body.archive.tax-case-study-industry, body.archive.tax-case-study-topic { background-color: #f4f4f4; } body.post-type-archive-faq .primary-header-container.margin-bot-med, body.archive.tax-faq-subject .primary-header-container.margin-bot-med, body.post-type-archive-case-studies .primary-header-container.margin-bot-med, body.post-type-archive-downloads .primary-header-container.margin-bot-med, body.archive.tax-download-type .primary-header-container.margin-bot-med, body.archive.tax-manufacturer-brand .primary-header-container.margin-bot-med, body.archive.tax-case-study-industry .primary-header-container.margin-bot-med, body.archive.tax-case-study-topic .primary-header-container.margin-bot-med {margin-bottom: 10px;} /* @end */ /* @group 3 column archives */ /* @group News & associated taxonomies */ /* TODO - Make some of this more specific to post type archive */ .row.img-fill-contain, .row.archive-detail-container { -webkit-transition: background-color 0.20s ease-in-out; -moz-transition: background-color 0.20s ease-in-out; -ms-transition: background-color 0.20s ease-in-out; -o-transition: background-color 0.20s ease-in-out; transition: background-color 0.20s ease-in-out; } .row.img-fill-contain { background-position: 0 top; background-color: #f4f4f4; } .row.archive-detail-offset { margin-top: 50%; } .row.archive-detail-container { background-color: #f4f4f4; } .sudo-hover .img-fill-contain, .sudo-hover .archive-detail-container { background-color: #014182; } .sudo-hover .row.archive-detail-container { color: #fff; } /* @end */ /* @group Case studies & associated taxonomies */ /* NOTE: Also used for Service Showcase TP! */ /* .archive .type-case-studies .panel-detail-inset, .portrait-feature-panels .portrait-panel-single .panel-detail-inset { margin-top: 220px; margin-bottom: 30px; margin-right: 20%; } */ .archive .type-case-studies .panel-detail-inset, .portrait-panel-single .panel-detail-inset { margin-top: 220px; margin-bottom: 30px; margin-right: 20%; } .archive .type-case-studies .archive-detail-container, .portrait-feature-panels .portrait-panel-single .archive-detail-container { /* background-color: rgba(35, 131, 234, 0.90);*/ color: #fff; } .archive .type-case-studies.sudo-hover .archive-detail-container, .portrait-feature-panels .portrait-panel-single.sudo-hover .archive-detail-container { background-color: #014182; } .archive .type-case-studies .archive-detail-container .title-bold { text-transform: none; } .archive .type-case-studies .archive-detail-container p.button-link a, .portrait-feature-panels .portrait-panel-single .archive-detail-container p.button-link a { color: #fff; } /* @end */ /* @end */ /* @group FAQ / general Accordions */ /* @group Accordions */ /* Accessible way to hide accordion content when JS enabled */ .js .accordion-content { display: none; } .accordion-container { } .accordion-toggle::before { display: none; font-family: "DA Icon Set"; content: "\ea09"; } .accordion-toggle::before { font-size: 1.4em; display: inline-block; float: left; margin-left: 0.6em; margin-right: 0.5em; color: #2384eb; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; transition: all 0.20s ease-in-out; margin-top: -2px; } .accordion-do .type-faq { background-color: #fff; margin-bottom: 10px; } .accordion-do .type-faq.last-in-loop { margin-bottom: 0px; } .accordion-toggle { cursor: pointer; padding-top: 17px; padding-bottom: 13px; margin-bottom: 0; -webkit-transition: color 0.20s ease-in-out; -moz-transition: color 0.20s ease-in-out; -ms-transition: color 0.20s ease-in-out; -o-transition: color 0.20s ease-in-out; transition: color 0.20s ease-in-out; } .accordion-toggle:hover { color: #2384eb; } .accordion-toggle.accordion-title-active, .accordion-toggle.accordion-title-active:hover { color: #2384eb; } .accordion-toggle.accordion-title-active::before { color: #000; -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); /* Old IE: vals: 0/1/2/3 = 0/90/180/270 */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); transform: rotate(-180deg); } .accordion-content { margin-left: 3.4em; margin-right: 2em; } /* @end */ /* @group FAQ mobile tag navigation */ /*.part-mobile-nav-faq #faq-filter-list-mobile li { width: 50%; float: left; background-color: #e57575; }*/ /*.part-mobile-nav-faq ul.list-side-highlight li { border-left: none; color: #3e3e3e; font-size: 1.1em; display: block; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; transition: all 0.20s ease-in-out; width: 49%; float: left; background-color: #fff; margin-right: 1%; margin-bottom: 1%; text-align: center; }*/ .part-mobile-nav-faq ul.list-side-highlight li { text-align: center; display: block; float: left; border-left: none; margin-bottom: 2%; } .part-mobile-nav-faq ul.list-side-highlight li a, .part-mobile-nav-faq ul.list-side-highlight li a:active .part-mobile-nav-faq ul.list-side-highlight li a:visited { color: #3e3e3e; display: block; padding-top: 10px; padding-bottom: 10px; margin-bottom: 0; padding-left: 10px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; border: 2px solid #2384eb; } #faq-filter-list-mobile li.sudo-link-active a { background-color: #fff; color: #2384eb; } .part-mobile-nav-faq ul.list-side-highlight li:nth-last-of-type(odd) { width: 49%; margin-right: 1%; } .part-mobile-nav-faq ul.list-side-highlight li:nth-last-of-type(even) { width: 49%; margin-left: 1%; } /* @end */ /* @end */ /* @group Downloads */ .type-downloads .accordion-toggle svg.svg-inline--fa { font-size: 1.6em; display: inline-block; float: left; margin-left: 0; } .type-downloads .accordion-content { margin-left: 0; margin-right: 0; font-size: 90%; } .type-downloads .accordion-toggle { padding-top: 8px; padding-right: 15px; padding-bottom: 5px; margin-bottom: 5px; display: inline-block; } .type-downloads a.download-file { text-decoration: none; } /* @end */ /* @group Product search */ .product-finder-result p.button-link.button-link-plain { float: right; } .product-finder-result .product-title { float: left; } .product-finder-result { padding-bottom: 20px; margin-bottom: 18px; } .product-finder-result .header-bar { font-size: 0.9em; } .data-set-first .header-bar { -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; } .data-set-last .header-bar { -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; } .product-finder-result .data-cell { text-align: center; background-color: #f4f4f4; padding: 3px; border-top: 2px solid #e5e5e5; } .product-finder-result .data-cell p { font-size: 0.95em; margin: 0; } .product-finder-result .equal-height-inside { background-color: #f4f4f4; /* border: 1px solid #e5e5e5;*/ border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; } .product-finder-result .data-set-attributes { margin-top: 10px; } .product-finder-result .data-set-attributes p { font-size: 0.95em; float: left; margin-right: 15px; margin-bottom: 0; } .product-finder-result .data-set-attributes .icon-left.icon-check { margin-right: -5px; display: block; float: left; padding-top: 2px; } /* @end */ /* @end */ /* @group **** Template parts **** */ /* @group General */ .flex-content-all .responsive-embed.media-youtube { margin-bottom: 0; } /* @end */ /* @group PART: Footer contact leads */ .part-footer-contact-leads { background-color: #50e69b; } .part-footer-contact-leads .divider-column-light-mid { border: none !important; } .part-footer-contact-leads a, .part-footer-contact-leads a:active, .part-footer-contact-leads a:visited { text-decoration: none; color: #002b57; } .part-footer-contact-leads .bg-sprite-coms.sudo-hover { -webkit-filter: grayscale(100%) brightness(0); -moz-filter: grayscale(100%) brightness(0); filter: grayscale(100%) brightness(0); padding-left: 60px; } /* @end */ /* @group CONTENT PART: Contact leads */ .part-content-contact-leads .bg-sprite-coms.sudo-hover { padding-left: 60px; } .part-content-contact-leads .sudo-hover a, .part-content-contact-leads a:hover, .part-content-contact-leads a:active { color: #fff; } /* @end */ /* @group CONTENT PART: BG Image Feature */ /* This is equivalent to push-7-12 - need to amend responsive too ! */ .part-content-bg-img-feature .panel-pos-right { margin-left:58.3333333333%; } /* @end */ /* @group CONTENT PART: Content image */ .part-content-bg-img-feature.img-display-type-contained .container, .part-content-bg-img-feature.img-display-type-full { height: 450px; min-height: 450px; position: relative; overflow: hidden; } /* Fix space rendering bug */ .part-content-bg-img-feature.img-display-type-x-narrow .row.part-content, .part-content-bg-img-feature.img-display-type-narrow .row.part-content { margin-bottom: -6px; } /* @end */ /* @group CONTENT PART: Service Showcase */ /* IMPORTANT NOTE: Inherits some stling from general>3 column archives & archives>case studies */ .portrait-panel-single.box-2-3.multiple-posts.paged-return-1 { padding-left: 0; padding-right: 0.5%; } .portrait-panel-single.box-1-3.multiple-posts.paged-return-2 { padding-left: 1%; padding-right: 0; } .portrait-panel-single.box-1-3.multiple-posts.paged-return-3 { padding-left: 0; padding-right: 1%; } .portrait-panel-single.box-1-3.multiple-posts.paged-return-4 { padding-left: 0.5%; padding-right: 0.5%; } .portrait-panel-single.box-1-3.multiple-posts.paged-return-5 { padding-left: 1%; padding-right: 0; } /* .portrait-feature-panels .portrait-panel-single.paged-return-1 .panel-detail-inset { margin-right: 61%; } */ /* @end */ /* @group CONTENT PART: Accordions */ .part-content-accordions .accordion-toggle svg.svg-inline--fa { margin-left: 0; } .part-content-accordions .accordion-content { margin-left: 0; margin-right: 0; } /* @end */ /* @group CONTENT PART: Contact form */ .part-content-form .bg-sprite-coms { margin-left: 31%; width: 69%; } .part-content-form .contact-form-panel-right { background-image: url(assets/images/uk-coventry-air-compressor-supply-team.jpg); background-repeat: no-repeat; background-position: center bottom; background-size: 393px 275px; -webkit-background-size: 393px 275px; -moz-background-size: 393px 275px; -o-background-size: 393px 275px; } .part-content-form .contact-form-panel-right .contact-lead-1 { margin-bottom: 255px; } /* @end */ /* @group CONTENT PART: Maps */ /* IMPORTANT! Maps div needs height attribute to display! */ .google-maps { height: 450px; } /* IMPORTANT! Fix bug where Font Awesome cascaded to map buttons! */ .gmnoprint button::after { display: none; content: ""; font-family: 'Nunito Sans', sans-serif; } /* IMPORTANT! Fix bug .fluid-width was begin taken over by map css */ .gm-style .row img.fluid-width { height: auto; max-width: 100%; } /* @end */ /* @group Product finder */ .primary-header-container .part-search-products .title-feature-primary-text { background-color: #014182; } /* @end */ /* @group Site search */ /* @group Quick results */ .wrapper.part-search-results-api p { margin-bottom: 5px; } .wrapper.part-search-results-api a, .wrapper.part-search-results-api a:active, .wrapper.part-search-results-api a:visited { color: #fff; text-decoration: none; } .wrapper.part-search-results-api a:hover, .wrapper.part-search-results-api p.view-full-results strong a:hover { color: #2384eb; } form#advanced-searchform { margin-bottom: 15px; } .wrapper.part-search-results-api p.view-full-results strong a, .wrapper.part-search-results-api p.view-full-results strong a:active, .wrapper.part-search-results-api p.view-full-results strong a:visited { color: #50E69B; margin-bottom: 20px; display: block; } #site-search-filters div.row p.meta.flush-bottom a.col-secondary, #site-search-filters div.row p.meta.flush-bottom a.col-secondary a:active, #site-search-filters div.row p.meta.flush-bottom a.col-secondary a:visited { color: #50E69B; } #site-search-filters div.row p.meta.flush-bottom a.col-secondary a:hover { color: #2384eb; } /* @end */ /* @end */ /* @group CONTENT PART: Data tables */ .part-content-data-table img { margin-bottom: -25px; } /* @end */ /* @group CONTENT PART: Ecommerce Carousel */ .ecom-carousel-column { border: 2px solid #2384eb; padding-bottom: 5px; } .part-content-ecom-categories .part-main-content { position: relative; } .part-content-ecom-categories .row.img-fill-contain { background-position: 0 top; background-color: #2384eb; } .ecom-detail-offset { margin-top: 63%; } .ecom-carousel-title { min-height: 88px; } .part-content-ecom-categories .slider-nav-container-both { position: absolute; top: calc(50% - 72px); /* Minus height of button below and half of own height. */ z-index: 9999; } .part-content-ecom-categories .slider-nav-container-top p.carousel-nav { font-size: 55px; } .part-content-ecom-categories .slider-nav-container-inner { position: relative; } .part-content-ecom-categories .carousel-nav-container-prev { position: absolute; left: -50px; } .part-content-ecom-categories .carousel-nav-container-next { position: absolute; right: -50px; } /* @end */ /* @end */ /* @group **** Single views **** */ /* @group single air-compressors */ .single-air-compressors .primary-product-data-container .product-finder-result { padding-bottom: 0; margin-bottom: 0; } .product-secondary-details-enquiry .icon-left.icon-comments { display: block; float: left; padding-top: 2px; } .product-secondary-details-enquiry h6 { display: inline-block; } /* @end */ /* @end */ /* @group **** Sidebar **** */ .sidebar-container { padding-right: 4%; } /* @end */ /* @group **** Footer **** */ #footer-content p { font-size: 1em; } #footer-content p.meta-small { font-size: 0.9em; } #footer-bg-1 { background-color: #014182; } .footer-primary, .footer-primary a, .footer-primary a:active, .footer-primary a:visited { color: #fff; text-decoration: none; } .footer-primary a:hover { color: #50E69B; } h6.logo.primary-logo.logo-footer { margin-bottom: 20px; } /* .footer-type-alt #footer-bg-1 { background-image: url(assets/images/bg-wave-lrg-col-bg-mid.png); } #footer-content, #footer-content a, #footer-content a:visited, #footer-content a:active { color: #fff; text-align: center; text-decoration: none; } .site-credit, .site-credit a, .site-credit a:visited, .site-credit a:active { color: #fff; text-decoration: none; } #footer-content a:hover, .site-credit a:hover { color: #6fe5e9; text-decoration: underline; } .site-credit .credit-box-secondary { text-align: left; } .site-credit .credit-box-primary { text-align: right; } #footer-content .footer-social ul { text-align: center; display: inline-block; margin-bottom: 0; }*/ /* @end */ /* @group **** js and third-party **** */ /* @group Body fade-in effect - switched to CSS solution - renders faster! */ /*body { display: none; } body.no-js { display: inherit; } */ /* @end */ /* @group JS - multiPicker custom form checkboxes */ .checklist::selection, .checklist::-moz-selection{ background:none; } .checklist [data-disabled="true"]{ cursor:not-allowed; } .checklist input {display:none; } .checklist{ display:inline-block; width: 100%; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } /* @group Product finder */ .no-js .product-fields-select label { color: #fff; } .product-fields-select.checklist span { color: #002b57; background-color: #fff; border: 1px solid; -webkit-transition: background-color 0.20s ease-in-out; -moz-transition: background-color 0.20s ease-in-out; -ms-transition: background-color 0.20s ease-in-out; -o-transition: background-color 0.20s ease-in-out; transition: background-color 0.20s ease-in-out; display: inline-block; width: 50%; text-align: center; font-weight: 700; margin-bottom: 0; padding-top: 6px; padding-bottom: 7px; font-size: 1em; } .product-fields-select.checklist span:hover { background-color: #fde5c1; cursor: pointer; } .product-fields-select.checklist span.active { background-color: #50E69B; } /* @end */ /* @group Site search */ /*TODO: Naughty hotfix to stop jump - not accessible! */ /*.js #site-search-slider { display: none; }*/ #site-search-slider { display: none; } #site-search-filters.checklist > span { font-weight: 700; background-color: #fff; color: #002b57; padding: 6px 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out; transition: all 0.20s ease-in-out; border: 2px solid; border-color: #002b57; font-size: 1.1em; text-decoration: none; display: inline-block; margin-bottom: 22px; margin-right: 1.5%; cursor:pointer; margin-top: 15px; } #site-search-filters.checklist > span.active { background-color: #50E69B; } form#advanced-searchform input#name { width: 100%; padding: 8px; border-style: solid; border-color: #002b57; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; color: #3e3e3e; } /* @end */ /* @end */ /* @group Selectric js modified core styles */ /*====================================== Selectric ======================================*/ .selectric-wrapper { position: relative; cursor: pointer; } .selectric-disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-open { z-index: 9999; } .selectric-open .selectric-items { display: block; } .selectric-hide-select { position: relative; overflow: hidden; width: 0; height: 0; } .selectric-hide-select select { position: absolute; left: -100%; } .selectric-hide-select.selectric-is-native { position: absolute; width: 100%; height: 100%; z-index: 10; } .selectric-hide-select.selectric-is-native select { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; border: none; z-index: 1; box-sizing: border-box; opacity: 0; } .selectric-input { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; font: 0/0 a; background: none !important; } .selectric-temp-show { position: absolute !important; visibility: hidden !important; display: block !important; } .selectric-open .selectric { border-color: #CCC; background: #F0F0F0; z-index: 9999; } .selectric-open .selectric-items { display: block; } .selectric { box-shadow: 0 1px 2px 0 #DDD, 0 1px 0 0 #FFF inset; background: #E9E9E9; background: -webkit-linear-gradient(#F9F9F9, #EEE); background: -o-linear-gradient(#F9F9F9, #EEE); background: linear-gradient(#F9F9F9, #EEE); border: 1px solid #CCC; border-radius: 4px; position: relative; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 30px 0 0; padding: 6px; font-size: 12px; line-height: 18px; color: #444; min-height: 18px; text-shadow: 0 1px #FFF; } .selectric .button { position: absolute; right: 0; top: 0; height: 30px; width: 30px; font: 0/0 a; border-left: 1px solid #D2D2D2; } .selectric .button:after { content: " "; zoom: 1; position: absolute; overflow: hidden; top: 13px; right: 12px; width: 0; height: 0; border: 4px solid transparent; border-top-color: #BBB; border-bottom: none; } .selectric .button:before { content: " "; float: left; height: 100%; border-right: 1px solid #FFF; } .selectric-focus .selectric { border-color: #AAA; } .selectric-hover .selectric { border-color: #CCC; } .selectric-hover .selectric .button { color: #888; } .selectric-hover .selectric .button:after { border-top-color: #888; } /* Items box */ .selectric-items { display: none; position: absolute; top: 100%; left: 0; background: #F8F8F8; border: 1px solid #C4C4C4; z-index: -1; box-shadow: 0 0 10px -6px; } .selectric-items .selectric-scroll { height: 100%; overflow: auto; } .selectric-above .selectric-items { top: auto; bottom: 100%; } .selectric-items ul, .selectric-items li { list-style: none; padding: 0; margin: 0; font-size: 12px; line-height: 20px; min-height: 20px; } .selectric-items li { display: block; padding: 8px; border-top: 1px solid #FFF; border-bottom: 1px solid #EEE; color: #666; cursor: pointer; } .selectric-items li.selected { background: #EFEFEF; color: #444; } .selectric-items li.highlighted { background: #D0D0D0; color: #444; } .selectric-items li:hover { background: #F0F0F0; color: #444; } .selectric-items .disabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default !important; background: none !important; color: #666 !important; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectric-items .selectric-group .selectric-group-label { font-weight: bold; padding-left: 10px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: none; color: #444; } .selectric-items .selectric-group.disabled li { filter: alpha(opacity=100); opacity: 1; } .selectric-items .selectric-group li { padding-left: 25px; } /* @end */ /* @group Selectric custom */ /* Hide fist option in dropdown used as label */ /*.selectric-scroll ul li:first-of-type { display: none; }*/ .selectric-items ul, .selectric-items li { font-size: 1em; /* line-height: 20px; min-height: 20px;*/ } .selectric .label { /* margin: 0 30px 0 0;*/ padding: 6px; font-size: 1em; } /*.selectric-items ul, .selectric-items li { font-size: 2em; }*/ /* @end */ /* @group Slick carousel */ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* @end */ /* @group Slick carousel custom */ p.carousel-nav { /* font-size: 2em;*/ color: #014182; -webkit-transition: color 0.20s ease-in-out; -moz-transition: color 0.20s ease-in-out; -ms-transition: color 0.20s ease-in-out; -o-transition: color 0.20s ease-in-out; transition: color 0.20s ease-in-out; margin-bottom: 0; } p.carousel-nav:hover { color: #2384eb; cursor: pointer; } .light-text-scheme p.carousel-nav { color: #50E69B; } .light-text-scheme p.carousel-nav:hover { color: #fff; } div.row.carousel-panel-inside { padding-left: 2.5%; padding-right: 2.5%; } div.box-1-2.carousel-nav-container-prev { padding-left: 1%; } div.box-1-2.carousel-nav-container-next { text-align: right; padding-left: 20px; padding-right: 1%; } .slider-nav-container-top p.carousel-nav { margin-bottom: 12px; padding-top: 5px; padding-bottom: 5px; } .slider-nav-container-bottom p.carousel-nav { margin-top: 15px; padding-top: 5px; padding-bottom: 5px; } /* @end */ /* @end */ /* @group **** Merged theme-dev.css **** */ /******* LOADING INDICATION When added to a div the "js-loading" class indicates that loading is taking place *******/ .js-loading { position: relative; /* this is so the after: pseudo element is relative to its container, so will appear in the middle. Might cause probs depending on what you're doing, but this is just a temp indication*/; } .js-loading::after { display: none; font-family: "DA Icon Set"; content: "\ea1d"; position: absolute; } .js-loading::after { font-size: 4em; display: inline-block; text-align: center; position: absolute; top: 50%; left: 50%; color: #50E69B; animation: loading 1.5s infinite linear; } @keyframes loading { from { transform: translate( -50%, -50% ) rotate( 0deg ); } to { transform: translate( -50%, -50% ) rotate( 359deg ); } } /******* loading - search ***********/ /* Container to hold the "loading" spinner, and modifications to said spinner */ .js-contSearchLoading.js-loading::after { font-size: 1.5em; left: 6em; } /******* product search string: number of results ***********/ /* somewhat temp CSS- you should integrate this a bit better into your system, JA */ .js-quantResults p { color: #fff; margin: 1rem 0 0 0; } /******* search front page slide down ***********/ /*********************************** DEVELOPMENT STYLES These are temporary styles for development only. I've prefixed temp dev styles (to be removed) with "mywfxdev--"" This is so they can be easily found and removed ***********************************/ /******* BUTTONS AND FORMS GENERAL *******/ /* This is used in restapi-search.js to make the "View Full Results" and "Clear Search" buttons look like buttons - you may want to replace this with whichever button class you're using for everything else */ .mywfxdev--btn { display: inline-block; color:black; background:orange; } /******* UTILITIES Small classes which might be added or removed using JS *********/ /* this is being added/removed from pagination links to dynamically show/hide them as REST API requests come in.*/ .u-displayNone { display: none; } /* This adds pointer cursor to pagination links (some of them don't have a href as they trigger JS rather than navigate to another page, which stops them from doing cursor: pointer like a real link) */ .u-cursorPointer { cursor: pointer; } /* @end */ /* @group **** Media Queries **** */ @media screen and (min-width:1280px) { /* @group General/layout */ .container { width: 1140px; } .container.container-narrow { width: 900px; } /* @group Full width boxes that have contained text */ .part-service-funnels div.row.full-width-boxes { width: 1220px; } .part-service-funnels .full-width-box-3-1 .full-width-box-inside { padding-left: 10%; padding-right: 10%; } .part-service-funnels .full-width-box-3-2 .full-width-box-inside { padding-left: 0; padding-left: 10%; padding-right: 10%; } .part-service-funnels .full-width-box-3-3 .full-width-box-inside { padding-left: 10%; padding-right: 10%; } /* @end */ /* @end */ } @media screen and (max-width:1350px) { /* @group General */ .container { width: 90%; } /* @end */ /* @group **** Template parts **** */ /* @group CONTENT PART: Contact form */ .part-content-form .bg-sprite-coms { margin-left: 27%; width: 73%; } /* @end */ /* @group CONTENT PART: Ecommerce Carousel */ .part-content-ecom-categories .carousel-nav-container-prev { position: absolute; left: -40px; } .part-content-ecom-categories .carousel-nav-container-next { position: absolute; right: -40px; } /* @end */ /* @end */ } @media screen and (max-width:1280px) { /* @group **** Template parts **** */ /* @group CONTENT PART: Ecommerce Carousel */ .part-content-ecom-categories .carousel-cta-1 { padding: 0 5%; } .part-content-ecom-categories .carousel-nav-container-prev { position: absolute; left: 0; } .part-content-ecom-categories .carousel-nav-container-next { position: absolute; right: 0; } /* @end */ /* @end */ } @media screen and (max-width:1020px) { /* @group General */ .container { width: 92%; } /* @end */ /* @group **** Template parts **** */ /* @group PART: Footer contact leads */ .part-footer-contact-leads .box-1-4 { width: 50%; } .part-footer-contact-leads .divider-column-4-2 { border-right: none; } .part-footer-contact-leads .divider-column-4-3 { padding-left: 0; } /* @end */ /* @group CONTENT PART: Contact form */ .part-content-form .bg-sprite-coms { margin-left: 21%; width: 81%; } /* @end */ /* @end */ } @media screen and (max-width:980px) { /* @group General/layout */ /* @group Tables */ tr td { padding: 8px; } /* @end */ /* @end */ /* @group **** Header **** */ /* @group DA image header */ .header-type-image .plain-image-header { height: 250px; min-height: 250px; } /* @end */ /* @end */ /* @group Template parts */ /* @group PART - Content image */ .part-content-bg-img-feature.img-display-type-contained .container, .part-content-bg-img-feature.img-display-type-full { height: 400px; min-height: 400px; } /* @end */ /* @group CONTENT PART: Contact form */ .part-content-form .bg-sprite-coms { margin-left: 19%; width: 82%; } /* @end */ /* @end */ } @media screen and (min-width:769px) { /* @group Mobile menu/header - primary */ /* IMPORTANT - Make sure you match this up to where you make it visible!*/ #mobile-menu-slider { display: none !important; } /* @end */ } @media screen and (max-width:768px) { /* @group General/layout */ body { font-size: 95%; } .container { width: 95%; } h1, .h-1 { font-size: 2.2em; } h2, .h-2 { font-size: 2em; } h3, .h-3 { font-size: 1.6em; } h4, .h-4 { font-size: 1.4em; } h5, .h-5 { font-size: 1.2em; } h6, .h-6 { font-size: 1.1em; } /*#header-bg-1 { margin-bottom: 20px; }*/ .pad-vert-med { padding-top: 20px; padding-bottom: 20px; } .margin-bot-med { margin-bottom: 20px; } .pad-horiz-lrg { padding-left: 0px; padding-right: 0px; } .container.container-narrow { width: 80%; } .container.container-ex-narrow { width: 45%; } /* @group Full width boxes that have contained text */ .full-width-box-3-1 .full-width-box-inside, .full-width-box-3-2 .full-width-box-inside, .full-width-box-3-3 .full-width-box-inside { padding-right: 2.5%; padding-left: 2.5%; } /* @end */ /* @group Tables */ tr td { padding: 10px 4px; font-size: 0.8em; } /* @end */ /* @end */ /* @group WIP TO TIDY Mobile menu/header - primary */ #header-primary-navigation div.menu-primary-container, .header-tools-wrapper { /* display: none; */ width: 0; height: 0; overflow: hidden; margin: 0; padding: 0; } ul.mobile-tools-menu { display: block; float: right; font-size: 2em; width: auto; height: auto; overflow: visible; margin: -4px 0 -6px; padding: 0; } ul.mobile-tools-menu a, ul.mobile-tools-menu a:active, ul.mobile-tools-menu a:visited { color: #50E69B; } ul.mobile-tools-menu li { margin-left: 12px; } ul.mobile-tools-menu li:first-of-type { margin-left: 0; } h1.primary-logo a, h2.primary-logo a { height: 45px; float: left; width: 155px; } /* @end */ /* @group Columns - Flux Layout WIP */ div[class*="column-"], .row-column div:first-of-type, .row-column div:last-of-type { display: block; margin-left: 0; margin-right: 0; } .box-1-3.multiple-posts { margin-bottom: 2%; } /*TODO - Fix with proper sudo selectors */ .box-1-3.mq-small-box-1-2.multiple-posts.paged-return-1, .box-1-3.mq-small-box-1-2.multiple-posts.paged-return-3, .box-1-3.mq-small-box-1-2.multiple-posts.paged-return-5, .box-1-3.mq-small-box-1-2.multiple-posts.paged-return-7, .box-1-3.mq-small-box-1-2.multiple-posts.paged-return-9, .box-1-3.mq-small-box-1-2.multiple-posts.paged-return-11, .box-1-3.mq-small-box-1-2.multiple-posts.paged-return-13, .box-1-3.mq-small-box-1-2.multiple-posts.paged-return-15 /*.box-1-3.mq-small-box-1-2.archive-filter-primary-container*/ { padding-right: 1%; padding-left: 0; } /*TODO - Fix with proper sudo selectors */ .box-1-3.mq-small-box-1-2.multiple-posts.paged-return-2, .box-1-3.mq-small-box-1-2.multiple-posts.paged-return-4, .box-1-3.mq-small-box-1-2.multiple-posts.paged-return-6, .box-1-3.mq-small-box-1-2.multiple-posts.paged-return-8, .box-1-3.mq-small-box-1-2.multiple-posts.paged-return-10, .box-1-3.mq-small-box-1-2.multiple-posts.paged-return-12, .box-1-3.mq-small-box-1-2.multiple-posts.paged-return-14, .box-1-3.mq-small-box-1-2.multiple-posts.paged-return-16 /*.box-1-3.mq-small-box-1-2.archive-filter-primary-container*/ { padding-left: 1%; padding-right: 0; } /* /* IMPORTANT HOTFIX FOR VISIBILITY!! *!/ .row-column div:first-of-type.mq-medium-min-show, .row-column div:last-of-type.mq-medium-min-show { display: none; } .columnset-4 .mq-small-box-1-2:nth-of-type(1), .columnset-4 .mq-small-box-1-2:nth-of-type(2) { margin-bottom: 2%; } /* odd *!/ .columnset-4 .mq-small-box-1-2:nth-of-type(2n+1) { margin-right: 1%; width:49%; } /* even *!/ .columnset-4 .mq-small-box-1-2:nth-of-type(2n) { margin-left: 1%; width:49%; } .columnset-3-equal .mq-small-min-box-1-1, .columnset-2-equal .mq-small-min-box-1-1 { margin-bottom: 20px; } .columnset-2-equal .mq-small-min-box-1-1:last-of-type .columnset-3-equal .mq-small-min-box-1-1:last-of-type { margin-bottom: 0; } .columnset-3-equal .text-sub-column-1-2.mq-small-min-box-1-1, .columnset-2-equal .text-sub-column-1-2.mq-small-min-box-1-1 { margin-bottom: 0; } /* Hotfix override when using mq_tiny *!/ div.column-3-4.mq-medium-keep-margin { padding-left: 2%; }*/ /* @end */ /* div.column-8-12.mq-medium-min-box-1-1 { margin-right: 0; margin-left: 0; } div.column-4-12.mq-medium-min-box-1-1 { margin-right: 0; margin-left: 0; }*/ /* @group 3 column archives archives */ /* .box-1-3.multiple-posts.paged-return-1, .box-1-3.multiple-posts.paged-return-4, .box-1-3.multiple-posts.paged-return-7, .box-1-3.multiple-posts.paged-return-10, .box-1-3.archive-filter-primary-container { padding-right: 1%; } .box-1-3.multiple-posts.paged-return-2, .box-1-3.multiple-posts.paged-return-5, .box-1-3.multiple-posts.paged-return-8, .box-1-3.multiple-posts.paged-return-11, .box-1-3.archive-filter-secondary-container { padding-right: 0.5%; padding-left: 0.5%; } .box-1-3.multiple-posts.paged-return-3, .box-1-3.multiple-posts.paged-return-6, .box-1-3.multiple-posts.paged-return-9, .box-1-3.multiple-posts.paged-return-12 { padding-left: 1%; }*/ /* div.box-1-3.mq-small-min-box-1-1.multiple-posts { padding-right: 0; } div.box-1-3.mq-small-box-1-2.multiple-posts { padding-left: 0; } div.box-1-3.mq-small-box-1-2.multiple-posts:last-of-type { padding-right: 0; }*/ /* @end */ /* @group **** Logos and icons **** */ /* @group Primary logo */ /* h1.primary-logo a, h2.primary-logo a { -webkit-transition: opacity 0.20s ease-in-out; -moz-transition: opacity 0.20s ease-in-out; -ms-transition: opacity 0.20s ease-in-out; -o-transition: opacity 0.20s ease-in-out; transition: opacity 0.20s ease-in-out; display: block; height: 60px; width: 190px; text-decoration: none; margin-bottom: -20px; margin-right: auto; margin-left: auto; background-image: url(assets/images/logo-tymly-colour.png); background-position: left bottom; background-repeat: no-repeat; background-size: contain; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; /* margin-right: auto; margin-left: auto;*!/ } h1.primary-logo a:hover, h2.primary-logo a:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6; opacity: 0.6; }*/ /* @end */ /* @end */ /* @group **** Header **** */ /* @group DA header primary */ .primary-header-content.pad-vert-sml { padding-bottom: 15px; padding-top: 15px; } .header-title-wrap { padding-right: 0; } .header-title-wrap-container { border-top: none; } .header-suplimental-container, .header-suplimental-container.suplimental-with-dropdowns, .header-suplimental-container.supplimental-with-title-logo { margin-top: 10px; margin-left: 0; } li.menu-item.tools-search span.icon.icon-search { padding-top: 0; } /* @end */ /* @group DA image header */ .header-type-image .plain-image-header { height: 180px; min-height: 180px; } .header-title-wrap-full { background-color: rgba(255, 255, 255, 0.85); padding-left: 10px; padding-right: 10px; text-align: center; padding-top: 20px; } /* @end */ /* @group DA large header */ .large-header { background: none; } .large-header .col-bg-grad-light { background: none; filter: none; } .large-header-mobile:after { content: ""; display: block; padding-bottom: 40%; } .large-header .container { width: 100%; } .large-header .container .margin-vert-med { margin-top: 0; margin-bottom: 0; } .large-header .header-title-wrap-full { background-color: #fff; } /* @end */ /* @group Header service lead dropdowns */ .header-service-lead-dropdowns .header-tab-primary { -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .header-service-dropdown-1-container .header-tab-inner { padding-right: 0; } .header-service-dropdown-2-container .header-tab-inner { padding-LEFT: 0; } /* @end */ /* @group Archive dropdown filters */ .archive-filter-primary-container .form-dropdown-container { padding-right: 2%; margin-top: 20px; } .archive-filter-secondary-container .form-dropdown-container { padding-left: 2%; margin-top: 20px; } /* @end */ /* @end */ /* @group **** Main content **** */ /* @group air-compressors single */ .product-secondary-details .divider-column-4-1.divider-column-light-mid { border-right-style: none; } .product-secondary-details-download .divider-column-4-1 { padding-right: 0; } .product-secondary-details-download, .product-secondary-details-enquiry { text-align: center; } /* @end */ /* @end */ /* @group **** Archives **** */ /* @group Product search */ .data-set-last .header-bar { -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; } .data-set.data-set-3 .header-bar { -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; } .data-set-3 .data-cell { border-right-style: none; } .data-set-4 .data-cell { border-left-style: none; } /* @end */ /* @end */ /* @group **** Template parts **** */ /* @group PART: BG Image Feature */ /* This is equivalent to push-7-12 - need to amend responsive too ! */ .part-content-bg-img-feature .panel-pos-right { margin-left:33.3333333333%; } /* @end */ /* @group PART - Content image */ .part-content-bg-img-feature.img-display-type-contained .container, .part-content-bg-img-feature.img-display-type-full { height: 300px; min-height: 300px; } /* @end */ /* @group PART: Service Showcase */ /* IMPORTANT NOTE: Inherits some stling from general>3 column archives & archives>case studies */ .portrait-panel-single.box-2-3.multiple-posts.paged-return-1 { padding-left: 0; padding-right: 0; margin-bottom: 2%; } .portrait-panel-single.box-1-3.multiple-posts.paged-return-2, .portrait-panel-single.box-1-3.multiple-posts.paged-return-4 { padding-left: 0; padding-right: 1%; } .portrait-panel-single.box-1-3.multiple-posts.paged-return-3, .portrait-panel-single.box-1-3.multiple-posts.paged-return-5 { padding-left: 1%; padding-right: 0; } /* .portrait-feature-panels .portrait-panel-single.paged-return-1 .panel-detail-inset { margin-right: 60.75%; } */ /* @end */ /* @group CONTENT PART: Contact form */ .part-content-form .container { width: 100%; } .part-content-form.bg-grad-primary-mid-to-primary-dark { background: transparent; } .part-content-form .pad-right-med.contact-form-panel-left, .part-content-form .pad-left-med.contact-form-panel-right, .part-content-form .contact-form-panel-left { padding-right: 3%; padding-left: 3%; } .part-content-form .bg-sprite-coms { margin-left: 36%; width: 64%; } .part-content-form .contact-form-panel-right { padding-bottom: 150px; background-size: 214px 150px; -webkit-background-size: 214px 150px; -moz-background-size: 214px 150px; -o-background-size: 214px 150px; } .part-content-form .contact-form-panel-right .contact-lead-1 { margin-bottom: 0; } /* @end */ /* @group CONTENT PART: Sub page navigation */ .part-content-sub-page .sub-page-nav-main-container.column-1-4 { display: none; overflow: hidden; } /* @end */ /* @group CONTENT PART: Maps */ .google-maps { height: 400px; } .part-content-map .part-main-content .pad-left-med { padding-left: 20px; } /* @end */ /* @group Footer logos and accreditations */ .part-footer-accreditations .logo-container-1 { padding-left: 6%; padding-bottom: 10px; padding-right: 4%; } .part-footer-accreditations .logo-container-2 { padding-left: 4%; padding-right: 6%; } /* @end */ /* @end */ /* @group **** Footer **** */ .footer-primary, .footer-primary a, .footer-primary a:active, .footer-primary a:visited { text-align: center; } h6.logo.primary-logo.logo-footer a { background-position: center; width: 100%; } #footer-content .footer-primary-1, #footer-content .footer-primary-2 { display: none; } .footer-primary { padding-top: 30px; } /* @end */ /* @group **** Forms **** */ .gform_wrapper form .gform_footer { margin-bottom: 0px; } /* @end */ } @media screen and (max-width:640px) { /* @group **** Template parts **** */ /* @group CONTENT PART: Contact form */ .part-content-form .bg-sprite-coms { margin-left: 32%; width: 68%; } /* @end */ /* @end */ } @media screen and (max-width:540px) { /* @group Tables */ /* tr td { padding: 10px 3px; }*/ /* @end */ /* @group Tables */ tr td { padding: 10px 1px; font-size: 0.65em; } /* @end */ /* @group **** Template parts **** */ /* @group CONTENT PART: Contact form */ .part-content-form .bg-sprite-coms { margin-left: 27%; width: 73%; } /* @end */ /* @end */ } @media screen and (max-width:480px) { /* @group General/layout */ body { font-size: 85%; } .pad-vert-lrg { padding-top: 20px; padding-bottom: 20px; } /* @end */ /* @group 3 column archives archives */ div.box-1-3.mq-small-min-box-1-1.multiple-posts, div.box-1-3.mq-small-box-1-2.multiple-posts, div.box-1-3.mq-small-box-1-2.multiple-posts:last-of-type { padding-right: 0; padding-left: 0; padding-bottom: 1.5%; } /* @end */ /* @group Columns - Flux Layout WIP */ div[class*="column-"], .row-column div:first-of-type, .row-column div:last-of-type { display: block; margin-left: 0; margin-right: 0; } /* /* odd/even *!/ .columnset-4 .mq-small-box-1-2.mq-tiny-box-1-1:nth-of-type(2n+1), .columnset-4 .mq-small-box-1-2.mq-tiny-box-1-1:nth-of-type(2n) { margin-left: 0; width:100%; margin-bottom: 20px; } .columnset-4 .mq-small-box-1-2.mq-tiny-box-1-1:last-of-type { margin-bottom: 0; } /* Hotfix override when using mq_tiny *!/ div.column-3-4.mq-medium-keep-margin { padding-left: 2%; }*/ /* @end */ /* @group **** Main content **** */ /* @group air-compressors single */ .product-img .row.pad-right-sml { padding-right: 0; padding-bottom: 20px; } /* @end */ /* @end */ /* @group **** Archives **** */ /* @group 3 column archives archives */ .box-4-12.mq-small-box-1-2.multiple-posts.paged-return-1, .box-4-12.mq-small-box-1-2.multiple-posts.paged-return-3, .box-4-12.mq-small-box-1-2.multiple-posts.paged-return-5, .box-4-12.mq-small-box-1-2.multiple-posts.paged-return-7, .box-4-12.mq-small-box-1-2.multiple-posts.paged-return-9, .box-4-12.mq-small-box-1-2.multiple-posts.paged-return-11, .box-4-12.archive-filter-primary-container { padding-right: 0; padding-left: 0; } .box-4-12.mq-small-box-1-2.multiple-posts.paged-return-2, .box-4-12.mq-small-box-1-2.multiple-posts.paged-return-4, .box-4-12.mq-small-box-1-2.multiple-posts.paged-return-6, .box-4-12.mq-small-box-1-2.multiple-posts.paged-return-8, .box-4-12.mq-small-box-1-2.multiple-posts.paged-return-10, .box-4-12.mq-small-box-1-2.multiple-posts.paged-return-12, .box-4-12.archive-filter-secondary-container { padding-left: 0; padding-right: 0; } /* @end */ /* @group Case studies & associated taxonomies */ /* NOTE: Also used for Service Showcase TP! */ .archive .type-case-studies .panel-detail-inset, .portrait-feature-panels .portrait-panel-single .panel-detail-inset, .portrait-feature-panels .portrait-panel-single.paged-return-1 .panel-detail-inset { margin-top: 180px; margin-bottom: 20px; margin-right: 10%; } /* @end */ /* @end */ /* @group **** Header **** */ /* @group DA header primary */ .header-title-wrap-container.pad-top-sml { padding-top: 0; } .header-suplimental-container, .header-suplimental-container.suplimental-with-dropdowns, .header-suplimental-container.supplimental-with-title-logo { margin-bottom: 0; } /* @end */ /* @group DA image header */ .header-type-image .plain-image-header { height: 130px; min-height: 130px; } /* @end */ /* @group DA large header */ .header-service-lead-dropdowns .header-service-dropdown-1-container { padding-right: 0; } .header-service-dropdown-1 .pad-sml, .header-service-dropdown-2 .pad-sml { padding: 15px 15px 20px; } .header-tab-inner h3 { margin-bottom: 3px; } /* @end */ /* @group Archive dropdown filters */ .archive-filter-primary-container .form-dropdown-container { padding-right: 0; margin-top: 10px; } .archive-filter-secondary-container .form-dropdown-container { padding-left: 0; margin-top: 20px; } /* @end */ /* @end */ /* @group **** Template parts **** */ /* @group CONTENT PART: Ecommerce Carousel */ .part-content-ecom-categories .carousel-cta-1 { padding: 0 7%; } /* @end */ /* @group PART: BG Image Feature */ /* This is equivalent to push-7-12 - need to amend responsive too ! */ .part-content-bg-img-feature .panel-pos-right { margin-left: 0; margin-top: 100px; margin-bottom: -70px; } /* @end */ /* @group PART - Content image */ .part-content-bg-img-feature.img-display-type-contained .container, .part-content-bg-img-feature.img-display-type-full { height: 200px; min-height: 200px; } /* @end */ /* @group PART: Footer contact leads */ .part-footer-contact-leads .box-1-4 { width: 54%; margin-right: 23%; margin-left: 23%; text-align: center; } .part-footer-contact-leads .divider-column-4-1, .part-footer-contact-leads .divider-column-4-2, .part-footer-contact-leads .divider-column-4-3, .part-footer-contact-leads .divider-column-4-4 { border-right: none; padding-left: 0; padding-right: 0; } /* @end */ /* @group PART: Service Showcase */ /* IMPORTANT NOTE: Inherits some stling from general>3 column archives & archives>case studies */ .portrait-panel-single.box-2-3.multiple-posts.paged-return-1 { padding-left: 0; padding-right: 0; margin-bottom: 3%; } /* @end */ /* @group CONTENT PART: Contact form */ .part-content-form .bg-sprite-coms { margin-left: 23%; width: 77%; } /* @end */ /* @group CONTENT PART: Maps */ .google-maps { height: 400px; } .part-content-map .part-main-content .pad-left-med { padding-left: 0; padding-top: 20px; } /* @end */ /* @group PART: Side image alt */ /* .part-content-side-image-alt .box-5-12.push-7-12 { margin-left:0; width:100%; }*/ /* @end */ /* @group Part - Content image */ /* .wrapper.part-content-image.img-fill { height: 180px; min-height: 180px; } .part-content-image .container.img-fill { height: 150px; min-height: 150px; }*/ /* @end */ /* @end */ /* @group Scroll to top */ #back-to-top { bottom: 15px; left: 15px; } /* @end */ /* @group Footer */ #footer-content .logo.primary-logo.logo-footer { margin-top: 19px; } /* @end */ }