/* Theme Name: Moreton Bay 2026 Theme URI: https://www.purodesign.com.au/ Description: A theme by Puro Design. Version: 1.0 Author: Kelly Jackson Author URI: https://www.purodesign.com.au/ */ @font-face { font-family: 'Din Condensed'; src: url('fonts/Din/D-DINCondensed.otf') format('opentype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Din Condensed'; src: url('fonts/Din/DINCond-MediumRegular.otf') format('opentype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Din Condensed'; src: url('fonts/Din/D-DINCondensed-Bold.otf') format('opentype'); font-weight: 700; font-style: normal; } :root { --mbccwhite: #FFFFFF; --mbccblack: #000000; --mbccyellow: #ffcb05; --mbccred: #b11116; --mbccgrey: #e5e5e5; --mbccblack30: rgba(0,0,0,0.3); --mbccblack60: rgba(0,0,0,0.6); --mbccblack90: rgba(0,0,0,0.9); --pdfontH1: 7.03125em; /* 90px */ --pdfontH2: 5.46875em; /* 70px */ --pdfontH3: 3.75em; /* 48px */ --pdfontH4: 1.5em; --pdfontH5: 1.5em; --pdfontP: 2.75em; /* 44px*/ --pdfontSMALL: 1.796875em ; /* 23px */ --pdfull: 5.5rem; --pd3qtr: 3.5rem; --pdhalf: 3rem; --pdqtr: 1.5rem; --pdfullmobile: 3rem; --pdhalfmobile: 2rem; --pdqtrmobile: 1rem; --pdlayoutinner: 10vw; --pdlayoutouter: 5vw; } body{margin:0px !important; padding:0px !important; font-family: 'Din Condensed', sans-serif;font-weight: 400 !important; font-style: normal; line-height:1.25 !important; font-size:16px !important;} * { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} *:before, *:after { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .row{position:relative;} .parallax{/* Create the parallax scrolling effect */ background-attachment: fixed !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .fa-angle-up::before{content:" " !important; background:url("images/din-arrow-up-black.svg") no-repeat; background-size:contain; background-position:center; display:block; width:0.8em; height:0.8em;} .fa-angle-down::before{content:" " !important; background:url("images/din-arrow-down-black.svg") no-repeat; background-size:contain; background-position:center; display:block; width:0.8em; height:0.8em;} a.back-to-top{display:none !important;} /*=============SPACING=============*/ .pd-g-full{--bs-gutter-y:var(--pdfull) !important; --bs-gutter-x:var(--pdfull) !important;} .pd-g-half{--bs-gutter-y:var(--pdhalf) !important; --bs-gutter-x:var(--pdhalf) !important;} .pd-g-qtr{--bs-gutter-y:var(--pdqtr) !important; --bs-gutter-x:var(--pdqtr) !important;} .pd-gx-full{--bs-gutter-x:var(--pdfull) !important;} .pd-gx-half{--bs-gutter-x:var(--pdhalf) !important;} .pd-gx-qtr{--bs-gutter-x:var(--pdqtr) !important;} .pd-gy-full{--bs-gutter-y:var(--pdfull) !important;} .pd-gy-half{--bs-gutter-y:var(--pdhalf) !important;} .pd-gy-qtr{--bs-gutter-y:var(--pdqtr) !important;} .pd-gx-half .pd-pr-desktop-default{padding-right: calc(var(--bs-gutter-x) * .5) !important;} .pd-gx-half .pd-pl-desktop-default{padding-left: calc(var(--bs-gutter-x) * .5) !important;} .pd-desktop-gx-none{--bs-gutter-x:0 !important; margin-left: 0 !important; margin-right: 0 !important;} .pd-desktop-gy-none{--bs-gutter-y:0 !important; margin-top: 0 !important; margin-bottom: 0 !important;} .pd-p-full{padding:var(--pdfull) !important;} .pd-p-half{padding:var(--pdhalf) !important; } .pd-p-qtr{padding:var(--pdqtr) !important;} .pd-px-full{padding-left:var(--pdfull) !important; padding-right:var(--pdfull) !important;} .pd-px-half{padding-left:var(--pdhalf) !important; padding-right:var(--pdhalf) !important;} .pd-px-qtr{padding-left:var(--pdqtr) !important; padding-right:var(--pdqtr) !important;} .pd-py-full{padding-top:var(--pdfull) !important; padding-bottom:var(--pdfull) !important;} .pd-py-half{padding-top:var(--pdhalf) !important; padding-bottom:var(--pdhalf) !important;} .pd-py-qtr{padding-top:var(--pdqtr) !important; padding-bottom:var(--pdqtr) !important;} .pd-pt-banner{padding-top:12rem !important;} .pd-pt-full{padding-top:var(--pdfull) !important;} .pd-pt-half{padding-top:var(--pdhalf) !important;} .pd-pt-qtr{padding-top:var(--pdqtr) !important;} .pd-pb-full{padding-bottom:var(--pdfull) !important;} .pd-pb-half{padding-bottom:var(--pdhalf) !important;} .pd-pb-qtr{padding-bottom:var(--pdqtr) !important;} .pd-pl-full{padding-left:var(--pdfull) !important;} .pd-pl-half{padding-left:var(--pdhalf) !important;} .pd-pl-qtr{padding-left:var(--pdqtr) !important;} .pd-pr-full{padding-right:var(--pdfull) !important;} .pd-pr-half{padding-right:var(--pdhalf) !important;} .pd-pr-qtr{padding-right:var(--pdqtr) !important;} .pd-mx-full{margin-left:var(--pdfull) !important; margin-right:var(--pdfull) !important;} .pd-mx-half{margin-left:var(--pdhalf) !important; margin-right:var(--pdhalf) !important;} .pd-mx-qtr{margin-left:var(--pdqtr) !important; margin-right:var(--pdqtr) !important;} .pd-my-full{margin-top:var(--pdfull) !important; margin-bottom:var(--pdfull) !important;} .pd-my-half{margin-top:var(--pdhalf) !important; margin-bottom:var(--pdhalf) !important;} .pd-my-qtr{margin-top:var(--pdqtr) !important; margin-bottom:var(--pdqtr) !important;} .pd-mt-full{margin-top:var(--pdfull) !important;} .pd-mt-half{margin-top:var(--pdhalf) !important;} .pd-mt-qtr{margin-top:var(--pdqtr) !important;} .pd-mb-full{margin-bottom:var(--pdfull) !important;} .pd-mb-half{margin-bottom:var(--pdhalf) !important;} .pd-mb-qtr{margin-bottom:var(--pdqtr) !important;} .pd-ml-full{margin-left:var(--pdfull) !important;} .pd-ml-half{margin-left:var(--pdhalf) !important;} .pd-ml-qtr{margin-left:var(--pdqtr) !important;} .pd-mr-full{margin-right:var(--pdfull) !important;} .pd-mr-half{margin-right:var(--pdhalf) !important;} .pd-mr-qtr{margin-right:var(--pdqtr) !important;} .pd-nmt-full{margin-top:calc(var(--pdfull) * -1) !important;} .pd-nmt-half{margin-top:calc(var(--pdhalf) * -1) !important;} .pd-nmt-qtr{margin-top:calc(var(--pdqtr) * -1) !important;} .pd-nmb-full{margin-bottom:calc(var(--pdfull) * -1) !important;} .pd-nmb-half{margin-bottom:calc(var(--pdhalf) * -1) !important;} .pd-nmb-qtr{margin-bottom:calc(var(--pdqtr) * -1) !important;} .pd-nml-full{margin-left:calc(var(--pdfull) * -1) !important;} .pd-nml-half{margin-left:calc(var(--pdhalf) * -1) !important;} .pd-nml-qtr{margin-left:calc(var(--pdqtr) * -1) !important;} .pd-nmr-full{margin-right:calc(var(--pdfull) * -1) !important;} .pd-nmr-half{margin-right:calc(var(--pdhalf) * -1) !important;} .pd-nmr-qtr{margin-right:calc(var(--pdqtr) * -1) !important;} .wp-block-buttons.wp-block-buttons-is-layout-flex{gap:var(--pdhalf) !important; margin-top:var(--pdhalf); margin-bottom:var(--pdfull);} .main-content .wp-block-columns.is-layout-flex{gap:var(--pdhalf);} .gform-theme--foundation .gform_fields {grid-row-gap: var(--pdqtr) !important;} .container-fluid:not(.header-container):not(.mbccleftline):not(.featimgcon):not(.servicesliderbkg):not(.logocarouselbkg):not(.pod-txt-container):not(.sectorbkg), .mbcc-sector-block .container-fluid.sectorbkg, .mainbannercontainer .banneroverlay, footer .container-fluid, .mbcc-pod-block .row{padding-left:var(--pdlayoutinner) !important; padding-right:var(--pdlayoutinner) !important;} .container-fluid.mbccleftline{padding-left:calc(var(--pdlayoutinner) * 2) !important; padding-right:calc(var(--pdlayoutinner) * 2) !important;} .container-fluid.logocarouselbkg{padding-left:0 !important; padding-right:0 !important;} .featuredimagecontainer .container-fluid .row.featuredimagecontainer-heading .col-12, .mbcc-service-block .container-fluid.servicesliderbkg, .container-fluid.areoi-element:not(.contentwithimage) .col-md-5{padding-left:var(--pdlayoutinner) !important; padding-right:0px !important;} header .logocolumn{padding-left:var(--pdlayoutinner) !important; padding-right:var(--pdhalf) !important;} header .toprow, header .bottomrow, header .mobilerow{padding-right:var(--pdlayoutinner) !important; padding-left:0px !important;} .mainbannerouter .owl-carousel .owl-dots{right:var(--pdlayoutinner) !important;} /*=============HEADERS AND LINKS=============*/ a{text-decoration:none !important; outline: none !important; font-weight:500;} .main-content{position:relative; z-index:1000; } .main-content h1{margin-bottom:var(--pd3qtr);} .main-content h2{margin-bottom:var(--pdhalf);} .main-content p{margin-bottom:var(--pdqtr);} .main-content div.areoi-element p:last-of-type{margin-bottom:0px;} .main-content a{font-weight:700; color:var(--mbccblack);} .main-content a:hover{color:var(--mbccyellow);} .main-content .btn-group{margin-top:var(--pdhalf);} .main-content ul.wp-block-list{ list-style: none; margin:var(--pdhalf) 0px var(--pdhalf) var(--pdhalf); padding:0px;} .main-content ul.wp-block-list li{margin-bottom:0.5rem; position:relative; padding-left:calc(var(--pdfontP) * 1);} .main-content ul.wp-block-list li::before { content:"■"; color:var(--esalime); position:absolute; top:0; left:0px; width:calc(var(--pdfontP) * 0.75); height:calc(var(--pdfontP) * 0.75);} .main-content blockquote{margin-left:4rem; font-size:var(--pdfontH3); font-style: normal; font-weight: 400; } .main-content blockquote cite{ font-style:normal; text-transform:uppercase;} p.mbccphone a{background:url("images/mbcc-phone.png") no-repeat center left; background-size:auto calc(var(--pdfontSMALL) / 1.9); display:block; padding-left:var(--pdhalf); } p.mbccphone a:hover{background:url("images/mbcc-phone.png") no-repeat center left; background-size:auto calc(var(--pdfontSMALL) / 1.9); color:var(--mbccyellow); display:block; padding-left:var(--pdhalf);} p.mbccemail a{background:url("images/mbcc-email.png") no-repeat center left; background-size:auto calc(var(--pdfontSMALL) / 3); display:block; padding-left:var(--pdhalf); } p.mbccemail a:hover{background:url("images/mbcc-email.png") no-repeat center left; background-size:auto calc(var(--pdfontSMALL) / 3); color:var(--mbccyellow); display:block; padding-left:var(--pdhalf);} p.mbcclocation{background:url("images/mbcc-location.png") no-repeat center left; background-size:auto calc(var(--pdfontSMALL) / 1.5); display:block; padding-left:var(--pdhalf); } input.gform_button, input.gform-button{font-size:16px !important;} strong{font-weight:700;} h1, h2.bannertitle, .banner-info-container .infonum{font-size:var(--pdfontH1); text-transform:uppercase; font-weight:700; } h2:not(.bannertitle){font-size:var(--pdfontH2); text-transform:uppercase; font-weight:700;} h2:not(.bannertitle) > span{background:var(--mbccyellow); box-decoration-break: clone; -webkit-box-decoration-break: clone;} h3.bannerdescription, .main-content h3, h3.servicetitle, h3.sectortitle, .banner-info-container .infoheading{font-size:var(--pdfontH3); text-transform:uppercase; font-weight:700;} div.reviewdesc{font-size:var(--pdfontH3); font-weight:700;} .main-content h4, h4.abouttitle{font-size:var(--pdfontH4) !important; } .main-content h5, h5.catmenu{font-size:var(--pdfontH5);} .main-content h6{font-size:var(--pdfontSMALL);} .main-content p:not(.smalltxt):not(.btn):not(.mbccr), .main-content div > ul:not(.premium-gallery-cats-container), .main-content ol:not(.commentlist), p.bannerdescription, a.link, .poddesc p, .ctadesc p, .sectordesc p, .reviewsdesc p, h4.reviewperson, .banner-info-container .infolbl, .banner-info-container .infodesc{font-size:var(--pdfontP) !important;} .btn, legend.gfield_label, input.gform_button, input.gform-button, a.wp-block-button__link, header .htxt, header .hphone, footer .fphone, .footer-bottom p, .footer-top p, footer h4.footer-title, .footer-top ul.menu, header .menu, button.button.alt, input[type=text], input[type=tel], input[type=email], input[type=password], input[type=email], textarea, select, label, figcaption, .main-content ol.commentlist p, p.aboutdesc,p.smalltxt, .wp-block-premium-gallery .premium-gallery-cats-container li .category, .wp-block-premium-gallery .premium-gallery-img-name{font-size:var(--pdfontSMALL) !important;} /*=============ALIGNMENT AND IMAGES=============*/ .alignright {float: right;} .alignleft {float: left;} .aligncenter {display:block; margin:auto;} img{max-width:100%; height:auto;} a img {border:none;} img{max-width: 100%; height: auto; vertical-align: middle;} img.centered {display: block; margin-left: auto; margin-right: auto;} img.alignright {float:right; margin-left:var(--pdqtr);} img.alignleft {float:left; margin-right:var(--pdqtr);} .main-content .wp-block-image img, .main-content figure.wp-block-image{width:100%; margin:0px !important;} .main-content .wp-block-image.sectoricon img{width: calc(var(--pdfull) * 1); height: calc(var(--pdfull) * 1);} .wp-block-premium-gallery{border-top:none;} .wp-block-premium-gallery .premium-gallery-cats-container li .category{font-family: 'Din Condensed', sans-serif !important; font-weight: 700 !important; text-transform:uppercase !important; background-color:var(--mbccwhite) !important; padding:0.25em 0.75em !important;} .wp-block-premium-gallery .premium-gallery-cats-container li .category:hover{color: var(--mbccwhite) !important; background-color: var(--mbccred) !important;} .wp-block-premium-gallery .premium-gallery-cats-container li .category.active{color: var(--mbccblack) !important; background-color: var(--mbccyellow) !important;} .wp-block-premium-gallery .premium-gallery-img:not(.style2):hover .premium-gallery-icons-wrapper{background-color: var(--mbccblack60) !important;} .wp-block-premium-gallery .premium-gallery-img-name{font-family: 'Din Condensed', sans-serif !important; font-weight: 400 !important; color: var(--mbccwhite) !important; } .wp-caption{} .wp-caption p{} .figcaption{text-align:left;} /*=============FORMS AND BUTTONS=============*/ .grecaptcha-badge{display:none !important;} fieldset{border:none;padding:0px; margin:0px;} :-ms-input-placeholder, ::-moz-placeholder, :-moz-placeholder, ::-webkit-input-placeholder{ opacity: 1 !important;} input[type=text], input[type=tel], input[type=email], input[type=password], input[type=email]{background:var(--mbccwhite); padding: 0.75em !important; border-radius:0em !important; border:1px solid var(--mbccblack) !important; width:100%; margin-bottom:1em; outline:0 !important; font-weight:300 !important; box-shadow:none !important; --gf-local-height: unset !important;} input[type="text"]:disabled { background:var(--mbccwhite);} textarea{background:var(--mbccwhite); padding: 0.75em !important; border-radius:0em !important; border:1px solid var(--mbccblack) !important; width:100%; margin-bottom:1em; outline:0 !important; font-weight:300 !important; box-shadow:none !important;} select{border:3px solid !important; background: var(--mbccwhite); width:100%; font-weight:300 !important; padding: 0.75em !important; line-height:1 !important;} .facetwp-facet select{padding:0.75em !important;} .form-field{margin-bottom:1em;} .form-field label{} .frm_radio{width:31.66%; margin-left:2.5%; float:left;} .frm_radio:nth-child(3n+1){margin-left:0px;} input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline:none !important;} input[type='radio']:after { width: 15px; height: 15px; border-radius: 15px; top: -2px; left: -1px; position: relative; background-color: rgba(255,255,255,0.1); content: ''; display: inline-block; visibility: visible; border: 3px solid ;} input[type='radio']:checked:after {width: 15px; height: 15px; border-radius: 15px; top: -2px; left: -1px; position: relative; content: ''; display: inline-block; visibility: visible; border: 1px solid;} .gform-field-label{font-weight:300 !important; } #field_submit{display: flex; align-items: end; margin-left: auto;} a.wp-block-button__link, a.btn:not(.fill){background:none !important; color:var(--mbccblack) !important; border-bottom:2px solid var(--mbccyellow); padding:4px 4px 4px 4px; position:relative; display:inline-block; text-align:left; text-transform:uppercase !important; border-radius:0px; line-height: 1 !important; font-weight:500 !important; z-index:1;} a.wp-block-button__link:after, a.btn:not(.fill):after{ /*content: "➜";*/ content:""; background: url(images/din-arrow-right-black.svg) no-repeat bottom; background-size: contain; display: inline-block; width:0.8em; height:0.8em; margin-left:calc(var(--pdfontSMALL) * 0.25);} a.wp-block-button__link:before, a.btn:not(.fill):before{content:""; position:absolute; bottom:0px; left:0px; right:0px; width:100%; height:2px; background:var(--mbccyellow); transition: all 0.3s ease; z-index: -1;} a.wp-block-button__link:hover:before, a.btn:hover:before{height:100%;} a.btn.fill, .wp-block-button.is-style-fill a.wp-block-button__link, input.gform_button, input.gform-button{background:var(--mbccyellow) !important; color:var(--mbccblack) !important; border:2px solid var(--mbccyellow); display:inline-block; position:relative; text-transform:uppercase !important; line-height: 1 !important; border-radius:0em !important; text-align:center; padding:0.75em !important; font-weight:500 !important; min-width: clamp(0px, 17.5vw, 100%);} a.btn.fill:after, .wp-block-button.is-style-fill a.wp-block-button__link:after, input.gform_button:after, input.gform-button:after{ /*content: "➜";*/ content:""; margin-left:calc(var(--pdfontSMALL) * 0.25); background: url(images/din-arrow-right-black.svg) no-repeat bottom; background-size: contain; display: inline-block; width:0.8em; height:0.8em;} a.btn.fill:hover, .wp-block-button.is-style-fill a.wp-block-button__link:hover, input.gform_button:hover, input.gform-button:hover{ border:2px solid var(--mbccred); background:var(--mbccred) !important; color:var(--mbccwhite) !important; } a.btn.fill:hover:after, .wp-block-button.is-style-fill a.wp-block-button__link:hover:after, input.gform_button:hover:after, input.gform-button:hover:after{background: url(images/din-arrow-right-white.svg) no-repeat bottom;} p.gform_required_legend{display:none;} *:focus, a:focus { outline: none !important; box-shadow: none !important;} /*=============HEADER=============*/ header{padding: 0; top: 0 !important; left: 0; right: 0; z-index: 5555; position: fixed !important; } header .header-logo, header .header-logo-scroll{width: 100%; object-fit: contain;} header .logocolumn{background:var(--mbccblack);} header .toprow{background:var(--mbccyellow); line-height:2;} header .toprow .htxt{font-weight:500;} header .toprow .hphone a{background:url("images/mbcc-phone-black.png") no-repeat center left; background-size:auto calc(var(--pdfontSMALL) / 1.9); color:var(--mbccblack); display:block; padding-left:var(--pdqtr); font-weight:500;} header .toprow .hphone a:hover{background:url("images/mbcc-phone-red.png") no-repeat center left; background-size:auto calc(var(--pdfontSMALL) / 1.9); color:var(--mbccred); display:block; padding-left:var(--pdqtr);} header .mobilerow{background:var(--mbccyellow);} header .mobilerow .col-12{gap:var(--pdhalf);} header .mobilerow .hphonemob a{background:url("images/mbcc-phone-black.png") no-repeat; background-size:contain; width:2.25em; height:2.25em; display:block;} header .bottomrow{background:var(--mbccwhite);} /*=============CONTENT=============*/ .mainbannerouter{position:relative; z-index:2050;} .mainbannerouter .owl-carousel .owl-dots{position:absolute; bottom:var(--pdfull);} .mainbannerouter .owl-carousel .owl-dots .owl-dot span{width:25px !important; height:5px !important; border:2px solid var(--mbccyellow); background:var(--mbccyellow);} .mainbannerouter .owl-carousel .owl-dots .owl-dot.active span{border:2px solid var(--mbccred); background:var(--mbccred);} .mainbannercontainer{width:100%; z-index:2000;} .mainbannercontainer .container-fluid{padding-left:0px !important; padding-right:0px !important;} .mainbannercontainer .banner-img-container:before{content:""; background:var(--mbccblack30); position:absolute; top:0px; bottom:0px; left:0px; right:0px;} .mainbannercontainer .banner-img-container img{object-fit:cover; with:100%; height:100%;} .mainbannercontainer{color:var(--mbccwhite);} .mainbannercontainer h2.bannertitle{line-height:1; text-shadow: 2px 2px 2px var(--mbccblack30);} .mainbannercontainer p.bannerdescription{text-shadow: 2px 2px 2px var(--mbccblack30);} .mainbannercontainer .banner-info-container-inner{background:var(--mbccred); color:var(--mbccwhite);} .mainbannercontainer .banner-info-container .infoheading{text-transform:uppercase; font-weight:700; width:100%;} .featuredimagecontainer{width:100%; height:23vw; z-index:2000;} .featuredimagecontainer .container-fluid{padding-left:0px !important; padding-right:0px !important;} .featuredimagecontainer .mainimage{width:100%; height:23vw; } .featuredimagecontainer .mainimage img{object-fit:cover; width:100%; height:100%;} .featuredimagecontainer .row.position-absolute{top:0px; bottom:0px; left:0px; right:0px;} .featuredimagecontainer .banner-txt-container{position:relative;} .mbccleftline{position:relative;} .mbccleftline:before{content:""; position:absolute; left:0px; top:1.6rem; width:calc((var(--pdlayoutinner) * 2) - (var(--bs-gutter-x) * .5)); height:calc(var(--pdfontH1) / 1.5); background:var(--mbccblack);} ul.sidebar{list-style:none; padding:0px; margin:0px;} ul.sidebar.row{margin-left:-15px; margin-right:-15px;} .mbcc-service-block .servicedesc p:last-child{margin-bottom:0px !important;} .mbcc-service-block .service{position:relative; height:35vw; overflow: hidden;} .mbcc-service-block .service img.serviceimg{object-fit:cover; width:100%; height:100%;} .mbcc-service-block .service .service-inner{position:absolute; inset: 0; display:flex; flex-direction:column; justify-content: flex-end; background:transparent; transition: background 0.3s ease;} .mbcc-service-block .service:hover .service-inner{background:var(--mbccred);} .mbcc-service-block .service .service-inner .service-content{position: relative; margin-top: auto; transform: translateY(-50px); transition: transform 0s ease;} .mbcc-service-block .service:hover .service-inner .service-content{transform: translateY(0px);} .mbcc-service-block .service .service-inner .service-content .service-content-inner { position: absolute; left: var(--pdqtr); right: var(--pdqtr); top: 100%; opacity: 0; transform: translateY(50px); transition: transform 0.3s ease, opacity 0.3s ease; height:auto;} .mbcc-service-block .service:hover .service-inner .service-content .service-content-inner {opacity: 1; transform: translateY(0);position: relative; top: auto; left: auto; right: auto; height:inherit; transition-delay: 0.2s;} .mbcc-service-block .service .service-inner .service-content h3.servicetitle{color:var(--mbccwhite); margin: 0; transform: translateY(50px); transition: transform 0.3s ease;} .mbcc-service-block .service:hover .service-inner .service-content h3.servicetitle{transform: translateY(0);} .mbcc-service-block .service .service-inner .service-content .servicedesc{color:var(--mbccwhite);} .mbcc-service-block .service .service-inner a.btn{margin-top:auto; color:var(--mbccwhite) !important;} .mbcc-service-block .service .service-inner a.btn:after{background: url(images/din-arrow-right-white.svg) no-repeat bottom;} .mbcc-service-block .customNavigation{display:flex; gap:var(--pdqtr);} .mbcc-service-block .customNavigation button.owl-prev{background:url("images/arrow-left.png") no-repeat; background-size: contain; border: none; width:25px; height:25px; padding:0px !important;} .mbcc-service-block .customNavigation button.owl-next{background:url("images/arrow-right.png") no-repeat; background-size: contain; border: none; width:25px; height:25px; padding:0px !important;} .mbcc-sector-block .sector {position: relative; height: 35vw; overflow: hidden;} .mbcc-sector-block .sector img.sectorimg {object-fit: cover; width: 100%; height: 100%;} .mbcc-sector-block .sector .sector-inner {position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; background: transparent; transition: background 0.3s ease;} .mbcc-sector-block .sector:hover .sector-inner {background: var(--mbccblack);} .mbcc-sector-block .sector .sector-inner .sector-content { position: relative; margin-top: auto; transform: translateY(-50px); transition: transform 0s ease;} .mbcc-sector-block .sector:hover .sector-inner .sector-content {transform: translateY(0px);} .mbcc-sector-block .sector .sector-inner .sector-content .sector-content-inner { position: absolute; left: var(--pdqtr); right: var(--pdqtr); top: 100%; opacity: 0; transform: translateY(50px); transition: transform 0.3s ease, opacity 0.3s ease; height:auto;} .mbcc-sector-block .sector:hover .sector-inner .sector-content .sector-content-inner {opacity: 1; transform: translateY(0);position: relative; top: auto; left: auto; right: auto; height:inherit; transition-delay: 0.2s;} .mbcc-sector-block .sector .sector-inner .sector-content h3.sectortitle {color: var(--mbccwhite); margin: 0; transform: translateY(50px); transition: transform 0.3s ease;} .mbcc-sector-block .sector:hover .sector-inner .sector-content h3.sectortitle{transform: translateY(0);} .mbcc-sector-block .sector .sector-inner .sector-content .sectordesc { color: var(--mbccwhite);} .mbcc-sector-block .sector .sector-inner a.btn { margin-top: auto; color: var(--mbccwhite) !important;} .mbcc-sector-block .sector .sector-inner a.btn:after{background: url(images/din-arrow-right-white.svg) no-repeat bottom;} .mbcc-sector-block .customNavigation{display:flex; gap:var(--pdqtr);} .mbcc-sector-block .customNavigation button.owl-prev{background:url("images/arrow-left.png") no-repeat; background-size: contain; border: none; width:25px; height:25px; padding:0px !important;} .mbcc-sector-block .customNavigation button.owl-next{background:url("images/arrow-right.png") no-repeat; background-size: contain; border: none; width:25px; height:25px; padding:0px !important;} .mbcc-reviews-block{background:var(--mbccblack);} .mbcc-reviews-block .reviewssliderbkg .review-ratings.pd-nmt-full{margin-top:calc((var(--pdfull) + var(--pdfull) + var(--pdhalf)) * -1) !important; width: calc((((100% - var(--pdlayoutinner) - var(--pdlayoutinner)) / 4) * 1) + var(--pdlayoutinner) - var(--pdqtr)); margin-left: auto;} .mbcc-reviews-block .reviewsmobile .review-ratings.pd-nmt-full{margin-top:calc((var(--pdfull) + var(--pdhalf)) * -1) !important;} .mbcc-reviews-block .reviewsdesc, .mbcc-reviews-block .review-outer{color:var(--mbccwhite);} .mbcc-reviews-block .review-outer{background:url("images/review-quote.svg") no-repeat top left; background-size:var(--pd3qtr);} .mbcc-reviews-block .review-ratings{background:var(--mbccred); color:var(--mbccwhite);} .mbcc-reviews-block .review-ratings .reviews-stars i{font-size:var(--pdfontH3);} .mbcc-reviews-block .customNavigation{display:flex; gap:var(--pdqtr);} .mbcc-reviews-block .customNavigation button.owl-prev{background:url("images/arrow-left-white.png") no-repeat; background-size: contain; border: none; width:25px; height:25px; padding:0px !important;} .mbcc-reviews-block .customNavigation button.owl-next{background:url("images/arrow-right-white.png") no-repeat; background-size: contain; border: none; width:25px; height:25px; padding:0px !important;} .mbcc-pod-block, .mbcc-pod-block .container-fluid{position:relative; min-height:clamp(37vw, 50vh, 1000px);} .mbcc-pod-block .container-fluid{padding-left:0px !important; padding-right:0px !important;} .mbcc-pod-block .pod-img-container.bottom-0{bottom:var(--pdhalf) !important;} .mbcc-pod-block .podtext{background:var(--mbccred);} .mbcc-pod-block h3{color:var(--mbccwhite);} .mbcc-pod-block .poddesc{color:var(--mbccwhite);} .mbcc-pod-block .poddesc p:last-of-type{margin-bottom:0px !important;} .mbcc-pod-block a.btn{color:var(--mbccwhite) !important;} .mbcc-pod-block a.btn:after{background: url(images/din-arrow-right-white.svg) no-repeat bottom;} .mbcc-cta-block, .mbcc-cta-block .container-fluid{position:relative; height:clamp(37vw, 50vh, 1000px);} .mbcc-cta-block .container-fluid{padding-left:0px !important; padding-right:0px !important; background:var(--mbccblack30);} .mbcc-cta-block img.ctaimg{object-fit:cover; width:100%; height:100%;} .mbcc-cta-block .ctadesc{color:var(--mbccwhite); text-shadow: 2px 2px 2px var(--mbccblack30);} .mbcc-colouredboxes-block .cbrow.colour-Red{background:var(--mbccred); color:var(--mbccwhite);} .mbcc-colouredboxes-block .cbrow.colour-Black{background:var(--mbccblack); color:var(--mbccwhite);} .mbcc-colouredboxes-block .cbrow.colour-Yellow{background:var(--mbccyellow); color:var(--mbccblack);} .mbcc-colouredboxes-block .cbrow.colour-White{background:var(--mbccwhite); color:var(--mbccblack);} .mbcc-colouredboxes-block img{object-fit:cover; width:100%; height:100%;} .mbcc-colouredboxes-block .cbrow.colour-Red a.btn:not(.fill), .mbcc-colouredboxes-block .cbrow.colour-Black a.btn:not(.fill){color:var(--mbccwhite) !important;} .mbcc-colouredboxes-block .cbrow.colour-Red a.btn:not(.fill):after, .mbcc-colouredboxes-block .cbrow.colour-Black a.btn:not(.fill):after{background: url(images/din-arrow-right-white.svg) no-repeat bottom;} .mbcc-colouredboxes-block .cbrow.colour-Red a.btn:not(.fill):hover, .mbcc-colouredboxes-block .cbrow.colour-Black a.btn:not(.fill):hover{color:var(--mbccblack) !important;} .mbcc-colouredboxes-block .cbrow.colour-Red a.btn:not(.fill):hover:after, .mbcc-colouredboxes-block .cbrow.colour-Black a.btn:not(.fill):hover:after{background: url(images/din-arrow-right-black.svg) no-repeat bottom;} .mbcc-faq-accordion-block .faq-img-container:before{content:""; position:absolute; top:0px; bottom:0px; right:0px; left:0px; background:var(--mbccblack30);} .mbcc-faq-accordion-block img.faqctaimg{object-fit:cover; width:100%; height:100%;} .mbcc-faq-accordion-block .faqredbox{background:var(--mbccred); color:var(--mbccwhite);} /*.mbcc-faq-accordion-block .faqredbox h2{color:var(--mbccblack);}*/ .mbcc-faq-accordion-block .faqctabox .faqctadesc{color:var(--mbccwhite);} .mbcc-faq-accordion-block .faqctabox a.btn{color:var(--mbccwhite) !important;} .mbcc-faq-accordion-block .faqctabox a.btn:after{background: url(images/din-arrow-right-white.svg) no-repeat bottom;} .mbcc-faq-accordion-block .faqctabox a.btn:hover{color:var(--mbccblack) !important;} .mbcc-faq-accordion-block .faqctabox a.btn:hover:after{background: url(images/din-arrow-right-black.svg) no-repeat bottom;} .mbcc-faq-accordion-block .faqbox{gap:var(--pdqtr);} .mbcc-faq-accordion-block .faqcontainer{background:var(--mbccblack90); } .mbcc-faq-accordion-block .faqcontainer .faqquestion { width: 100%; text-align: left; background: none; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; position:relative; color:var(--mbccwhite); padding-left:calc(var(--pdfontH4) * 1.5);} .mbcc-faq-accordion-block .faqcontainer .faqquestion{position:relative;} .mbcc-faq-accordion-block .faqcontainer .faqquestion[aria-expanded="true"]{background:var(--mbccyellow); color:var(--mbccblack);} .mbcc-faq-accordion-block .faqcontainer .faqquestion .faq-toggle-icon { width:0.75em; height:0.75em; text-align: center; line-height: var(--pdfontH4); position:absolute; right:calc(var(--pdqtr) * .75); top:calc(var(--pdqtr) * 1.5); bottom:var(--pdqtr); background:url("images/arrow-down.svg") no-repeat;} .mbcc-faq-accordion-block .faqcontainer .faqquestion[aria-expanded="true"] .faq-toggle-icon {background:url("images/arrow-up.svg") no-repeat;} .mbcc-faq-accordion-block .faqcontainer .faqanswer { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; box-sizing: border-box; color:var(--mbccwhite);} .mbcc-faq-accordion-block .faqcontainer .faqanswer.open{border:1px solid var(--mbccyellow);} .mbcc-faq-accordion-block .faqcontainer .faqanswer p:last-of-type{margin-bottom:0px;} .mbccredbox{background:var(--mbccblack); color:var(--mbccwhite);} .mbccredbox h2{color:Var(--mbccblack);} .mbccredbox .gform_fields{gap:var(--pdqtr);} .mbccredbox .gfield_checkbox {gap:var(--pdqtr) !important;} .mbccredbox .gfield_label, .mbccredbox .gchoice label{color:var(--mbccwhite);} .mbccredbox .gchoice label{line-height:0.75em;} /*=============FOOTER=============*/ footer{background:var(--mbccblack); color:var(--mbccwhite);} footer a{color:var(--mbccwhite);} footer a:hover{color:var(--mbccyellow);} .footer-top{ position:relative;} .footer-bottom{ border-top:1px solid var(--mbccwhite);} footer h4.footer-title{text-transform:uppercase;} footer div.fphone{padding:calc(var(--pdfontSMALL) * .25) 0px; } footer ul.menu{list-style:none; padding:0px; margin:0px;} footer ul.menu li a{line-height: 1; padding:calc(var(--pdfontSMALL) * .25) 0px; display:block; white-space:nowrap; text-transform:capitalize; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; position:relative;} footer ul.menu li:hover a{color:var(--mbccyellow) !important;} footer ul.menu li:hover a:before{content:""; background: url(images/din-arrow-right-yellow.svg) no-repeat bottom; background-size: contain; display: inline-block; width:0.8em; height:0.8em; margin-right:calc(var(--pdfontSMALL) * 0.25);} footer .fphone a{background:url("images/mbcc-phone.png") no-repeat center left; background-size:auto calc(var(--pdfontSMALL) / 1.9); display:block; padding-left:var(--pdqtr); } footer .fphone a:hover{background:url("images/mbcc-phone.png") no-repeat center left; background-size:auto calc(var(--pdfontSMALL) / 1.9); color:var(--mbccyellow); display:block; padding-left:var(--pdqtr);} footer .footer-address{background:url("images/mbcc-location.png") no-repeat center left; background-size:auto calc(var(--pdfontSMALL) / 1.5); display:block; padding-left:var(--pdqtr); } footer img.footer-logo{width: 100%; max-width: inherit;} footer .footersocialgroup a{display: block; width: calc(var(--pdfontSMALL) * 2); height: calc(var(--pdfontSMALL) * 2); background-repeat: no-repeat; background-size: contain; background-position: center;} .footer-bottom p{margin-bottom:0px;} @media only screen and (max-width: 575px){ body{/*font-size:1em !important;*/} .mainbannercontainer{height:auto;} .mbcc-service-block .service {height: 85vw;} .mbcc-sector-block .sector {height: 85vw;} .premium-gallery-item{padding-left:0px !important; padding-right:0px !important} .mbcc-cta-block, .mbcc-cta-block .container-fluid{height:auto;} footer img.footer-logo{width: clamp(0px, 50vw, 100%); height: auto !important;} } @media only screen and (min-width: 576px){ body{/*font-size:1em !important;*/} } @media only screen and (min-width: 768px){ body{/*font-size:1em !important;*/} .mainbannercontainer .banner-info-container.px-0{padding-left: calc(var(--bs-gutter-x) * .95) !important;} .mainbannercontainer .banner-txt-container.px-0{padding-right: calc(var(--bs-gutter-x) * .95) !important;} .mbcc-pod-block .pod-txt-container .col-12{padding-left: calc(var(--bs-gutter-x) * .95) !important;} .mbcc-cta-block .container-fluid .cta-container{padding-left: calc(var(--bs-gutter-x) * .95) !important;} .mbcc-cta-block .container-fluid .col-md-6{padding-right: calc(var(--bs-gutter-x) * .95) !important;} .mbcc-faq-accordion-block .faqbkg .order-1{padding-left: calc(var(--bs-gutter-x) * .95) !important;} } @media only screen and (min-width: 992px){ body{/*font-size:0.65em !important;*/} .mbcc-faq-accordion-block .faqbkg .order-3{padding-right: calc(var(--bs-gutter-x) * .95) !important} .mbcc-faq-accordion-block .faqbkg .order-2{padding-left: calc(var(--bs-gutter-x) * .95) !important;} .footer-top .col-12.justify-content-between{padding-right: var(--pdhalf) !important;} .footer-top .col-12:last-child{padding-left: calc(var(--bs-gutter-x) * .95) !important;} } @media only screen and (min-width: 1200px){ html { scroll-padding-top: 125px; /* Adjust this value to your header's height */} body{font-size:0.65em !important; padding-top: calc((var(--pdfontSMALL) * 2) + var(--pdhalf) + (var(--pdfontSMALL) + 3em)) !important;} body.logged-in header{top: 32px !important;} .mbcc-service-block .container-fluid.servicesliderbkg{padding-left:0px !important;} .mbcc-service-block .col-xl-3{width:calc((((100% - var(--pdlayoutinner) - var(--pdlayoutinner)) / 4) * 1) + var(--pdlayoutinner)); padding-left: var(--pdlayoutinner) !important; padding-right:var(--pdqtr) !important;} .mbcc-service-block .col-xl-9{width:calc((((100% - var(--pdlayoutinner) - var(--pdlayoutinner)) / 4) * 3) + var(--pdlayoutinner)); padding-left:var(--pdqtr) !important;} .mbcc-sector-block .owl-carousel{display:flex;} .mbcc-sector-block .owl-carousel .col{padding-left:24px !important; padding-right:24px !important;} .mbcc-sector-block .owl-carousel .col:first-child{padding-left:0px !important;} .mbcc-sector-block .owl-carousel .col:last-child{padding-right:0px !important;} } @media only screen and (min-width: 1499px){ body{font-size:0.65em !important;} header .header-desktop{width:100%;} header .header-desktop .col-xl-3.logocolumn{width:calc((((100% - var(--pdlayoutinner) - var(--pdlayoutinner)) / 4) * 1) + var(--pdlayoutinner) - var(--pdqtr));} header .header-desktop .col-xl-9.menucolumn{width:calc((((100% - var(--pdlayoutinner) - var(--pdlayoutinner)) / 4) * 3) + var(--pdlayoutinner) + var(--pdqtr));} header .bottomrow .col-4{flex: 0 0 auto; max-width: calc((((100% - var(--pdlayoutinner) - var(--pdlayoutinner)) / 4) * 1) + var(--pdlayoutinner) - 30px); margin-left:auto;} header .bottomrow .col-8{flex:1 1 auto;} } @media only screen and (min-width: 2200px){ body{font-size:1em !important;} } @media only screen and (min-width: 3000px){} @media only screen and (max-width: 1499px){} @media only screen and (max-width: 1199px){ :root { --pdfontH1: 2.5em; --pdfontH2: 2em; --pdfontH3: 1.85em; --pdfontP: 1.375em; --pdfontSMALL: 1.1em; --pdfull: 3rem; --pd3qtr: 2rem; --pdhalf: 2rem; --pdqtr: 1rem; } body{font-size:1em !important; padding-top:calc(var(--pdhalf) + var(--pdqtr) + var(--pdqtr) + 0px) !important;} header ul.menu{margin:var(--pdqtr) 0px;} .container-fluid.mbccleftline{padding-left:calc(var(--pdlayoutinner) * 1) !important; padding-right:calc(var(--pdlayoutinner) * 1) !important;} .mbccleftline::before { width: calc((var(--pdlayoutinner) * 1) - (var(--bs-gutter-x) * .5)); top:0.6em;} .mbcc-service-block .container-fluid.servicesliderbkg{padding-right: var(--pdlayoutinner) !important;} .wp-block-buttons.wp-block-buttons-is-layout-flex{gap:var(--pdhalf) !important; margin-top:var(--pdhalf); margin-bottom:var(--pdfull);} .main-content .wp-block-columns.is-layout-flex{gap:var(--pdhalf);} .gform-theme--foundation .gform_fields {grid-row-gap: var(--pdqtr) !important;} header .menu{font-size:var(--pdfontP) !important;} } @media only screen and (max-width: 991px){ .mbcc-sector-block .container-fluid.sectorbkg{margin-bottom:var(--pdhalf) !important;} .mbcc-reviews-block .reviewsmobile .reviewsdesc p:last-of-type{margin-bottom:0px !important;} .mbcc-faq-accordion-block .order-3{margin-top:var(--pdhalf) !important; margin-bottom:var(--pdhalf) !important;} .mbccgallery .row{gap:var(--pdhalf);} .mbcccontactrow{gap:var(--pdhalf);} .footer-top .row{gap:var(--pdhalf);} } @media only screen and (max-width: 767px){ .main-content .wp-block-columns.is-layout-flex{gap:0;} .footer-bottom .row{gap:var(--pdqtr);} .mainbannercontainer .banner-img-container{margin-bottom: var(--pdhalf) !important;} .featuredimagecontainer{height:50vw;} .featuredimagecontainer .mainimage{height:50vw; } .contentwithimage .col-md-5 figure.wp-block-image{margin-bottom: var(--pdfull) !important;} .btn.pd-mt-half{margin-top: var(--pdqtr) !important;} .mbcc-pod-block .col-6.offset-6{padding-left:0px !important;} .mbccgallery .col-md-3{margin-top:var(--pdhalf);} .premium-img-gallery-filter{display:none !important;} .pd-g-half .col-12{} .pd-g-half .col-12:first-child{margin-top:0px !important;} } @media only screen and (min-width: 576px) and (max-width: 767px){ } @media only screen and (min-width: 576px) and (max-width:991px){ footer .footerphonesocial { justify-content: flex-end; } } @media only screen and (min-width: 768px) and (max-width:991px){ .mbcc-reviews-block .reviewsmobile .review-ratings.pd-nmt-full {width: calc(33.33333333% - (var(--bs-gutter-x) * .95)); margin-left: auto;} .footer-top .col-12{padding-right: 0px !important; width: 50%; margin: auto 25%;} } @media only screen and (min-width: 992px) and (max-width:1199px){ .mbcc-reviews-block .reviewsmobile .review-ratings.pd-nmt-full {width: calc(33.33333333% - (var(--bs-gutter-x) * .95)); margin-left: auto;} .mbcc-cta-block .container-fluid .cta-container{width: calc(33.33333333% - (var(--bs-gutter-x) * .95)); margin-left: auto; padding-left:0px !important;} } @media only screen and (min-width: 1200px) and (max-width:1499px){ :root { --pdlayoutinner: 5.5rem; } header .header-desktop{width:100%;} header .header-desktop .col-xl-3.logocolumn{width:calc((((100% - var(--pdlayoutinner) - var(--pdlayoutinner)) / 4) * 1) + var(--pdlayoutinner) - var(--pdqtr));} header .header-desktop .col-xl-9.menucolumn{width:calc((((100% - var(--pdlayoutinner) - var(--pdlayoutinner)) / 4) * 3) + var(--pdlayoutinner) + var(--pdqtr));} header .bottomrow{padding-right:0px !important;} header .bottomrow .col-4{flex: 0 0 auto; width: calc(((100% - 48px) / 3) + 43px); padding-right: var(--pdlayoutinner) !important; margin-left:auto;} header .bottomrow .col-8{flex:1 1 auto; width:auto;} .mbcc-reviews-block .reviewssliderbkg .review-ratings.pd-nmt-full {width: calc(((100% + var(--pdhalf) + 48px) / 3) - var(--pdhalf));} }