/*! * ________ .___ * __ _ _\_____ \ __| _/ * \ \/ \/ / _(__ < / __ | * \ / / \/ /_/ | * \/\_/ /______ /\____ | * \/ \/ * * @author Jacques Baars * * @notice This is the property of W3Designs, W3Development, W3D, * it is illegal to use this source code without the required permission, * contact j@w3d.co.za for further advice or permissions. * * @license Copyright (c) 2016 W3Designs (PTY) Ltd. (http://www.w3d.co.za) */:root{--color:#222;--color2:#fff;--bgColor:#0175c0;--bgColor2:#0065a6;--bgColor3:#e4e4e4;--bgColor4:#f9f9f9;--linkColor:#222;--linkHoverColor:#008ce5;--mobileMenuColor:#fff;--mobileMenuBtnColor:#0175c0;--mobileMenuSelectedColor:#fff;--mobileMenuSelectedBgColor:#0065a6;--mobileMenuContentBgColor:#0175c0;--btnColor:#fff;--btnBgColor:#0175c0;--btnHoverColor:#fff;--btnBgHoverColor:#0065a6;--btnBgColor2:#0065a6;--btnBgColor3:#009bff;--dialogBgColor:#0175c0;--dialogBgColor2:#0065a6;--dialogHeadingColor:#fff}body{background-color:var(--bgColor4);font-family:Mulish,Helvetica,Arial,sans-serif}h1,h2,h3{font-family:Montserrat,Helvetica,Arial,sans-serif}ul.list li b{color:var(--bgColor)}.hh-blue{color:var(--bgColor)}#menu-banner .top-banner{border-bottom:1px solid var(--bgColor3)}#menu-banner .menu-banner .nav-anchor{margin:0 4px;padding:clamp(9px,.8vw,15px) clamp(9px,.8vw,15px)}#menu-banner .menu-banner .nav-bar{padding:clamp(4px,.7vw,12px) 0}#menu-banner .menu-banner .nav-bar .nav-bar-item{margin:0 4px;border-radius:25px}#menu-banner .menu-banner .nav-bar .nav-bar-item:hover{background-color:var(--bgColor2)}#menu-banner .menu-banner .nav-bar .nav-bar-item.active{background-color:var(--bgColor)}#menu-banner .menu-banner .nav-bar .nav-bar-item.active>.nav-anchor,#menu-banner .menu-banner .nav-bar .nav-bar-item:hover>.nav-anchor{color:#fff}#menu-banner .menu-banner .nav-dropdown{border-radius:25px}#menu-banner .menu-banner .nav-dropdown .nav-dropdown-item{margin:4px;border-radius:25px}#menu-banner .menu-banner .nav-dropdown .nav-dropdown-item:hover{background-color:var(--bgColor2)}#menu-banner .menu-banner .nav-dropdown .nav-dropdown-item.active>.nav-anchor,#menu-banner .menu-banner .nav-dropdown .nav-dropdown-item:hover>.nav-anchor{color:#fff}#slider .content{padding:10vw 0;position:relative}#slider .content h1{width:400px;padding:20px;margin:0 auto;position:relative;text-align:center;background-color:#fff;max-width:calc(90% - 40px);font-size:var(--fontSize300)}#slider.home .content{padding:13vw 0}#slider.home .content .title{padding:15px 0;font-weight:700;margin-bottom:10px;font-size:var(--fontSize180);background-color:rgba(255,255,255,.9);font-family:Francois One,Helvetica,Arial,sans-serif}#slogan{font-weight:700;background-color:var(--bgColor4)}#sum-div{background-color:#fff}#sum-div .sum-row .title{margin:0 auto;padding-bottom:0;font-size:var(--fontSize220)}#sum-div .sum-row.gas-safe .sum-row-wrapper{padding-left:20%;padding-right:20%}#sum-div .sum-row.services{background-color:var(--bgColor4)}#sum-div .sum-row.services .sum-column{background-color:#fff}#sum-div .sum-row.services .sum-column .text{padding:0 10px 10px!important}#sum-div .sum-row.services .sum-column .text ul{text-align:left}#sum-div .sum-row.cover{background-image:url('../images/home/bg.webp')}#sum-div .sum-row.cover .sum-column{background-color:rgba(255,255,255,.95)}#sum-div .sum-row.about .sum-column>.image{width:150px}#left>.label-box>.title{width:80%;margin:0 auto;border-bottom:3px solid var(--bgColor)}#content>.spread>.title{width:93%;margin:0 auto;border-bottom:3px solid var(--bgColor)}#content>.spread>.data h3{border-bottom:1px dashed var(--bgColor3)}#content>.panel:nth-child(2n){background-color:var(--bgColor4)}#content>.panel h3{border-bottom:1px dashed var(--bgColor4)}#page-options{background-color:var(--bgColor)}#page-options a{color:#fff}#page-options .nav:hover{background-color:var(--bgColor2)}#footer{color:#fff;background-color:var(--bgColor2)}#footer .title{color:#fff}#footer a{color:#ccc}#footer a:hover{color:#fff}@media screen and (max-width:600px){#slider .content{padding:20% 0}#slider.home .content{padding:30% 0}#sum-div .sum-row.gas-safe .sum-row-wrapper{padding-left:0;padding-right:0}#content>.spread>.title{width:80%;margin:0 auto;text-align:center}}