/*
    Theme Name: Infoclean Sydney
    Theme URI: http://www.lcdc.co/
    Author: Robin at LitteriniClark
    Author URI: http://www.lcdc.co/
    Description: Custom WordPress Theme for Infoclean Sydney
    Last Updated 12 Feb 2021 by Cynthia Lai
*/

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */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:700}dfn{font-style:italic}h1{font-size:2em;margin:.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:-.5em}sub{bottom:-.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 silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body,html{overflow-x:hidden;font-family: 'Nunito', sans-serif;}
.full-width{float: left;width: 100%;}
.section{position: relative;margin:0 auto;width:1220px;clear: both;}
.gutter{padding-left: 10px;padding-right: 10px;}
.float-left{float: left;}
.float-right{float: right;}
.table{display: table;}
.table-cell{display: table-cell;vertical-align: middle;}
a{transition: all 0.5s ease ;}
.clear{clear: both;}
.skyblue-bg{background: #49c0b5;}
.grey-bg{background: #e7e8e9;}
.mint-bg{background:#d8f7f7;}
img{max-width: 100%;height: auto;}

.logo{width: 440px;float: left;}
.logo a{text-decoration:none;}
.logo img{max-width: 350px;height: auto;}

.dark-link{background: #f0552b;padding: 10px;color: #fff;display: block;position: relative;margin: 0 auto;width: 200px;text-align: center;font-weight: 700;font-size: 22px;text-decoration: none;border-radius: 3px;}
.dark-link:hover{background: #db4b24;}

.page-template-contact .dark-link{width:260px;}

.normal-h1{font-size: 38px;line-height: 43px;color:#49c0b5;font-weight: 700;padding: 0;margin: 0;}
.normal-h1.black{color:#231f20;}
.adjusted-h2{font-size: 20px;line-height: 28px;color:#231f20;font-weight: 700;padding: 0;margin: 0;}
.normal-h2{font-weight: 700;font-size: 22px;line-height: 28px;color:#49c0b5;padding: 0;margin: 0;}
p{font-size: 16px;line-height: 21px;color:#231f20;font-weight: 400;}
.normal-h2.black{color:#231f20;}

/*Header*/
.header{padding: 28px 0;}
.navigation ul{padding:0;margin: 30px 0 0;}
.navigation li{display: block;float: left;margin: 0 0 0 35px;position: relative;padding: 0 0 6px 0;}
.navigation a{font-size: 20px;font-weight: 400;color:#262f31;text-decoration: none;}
.navigation a:hover{color: #49c0b5;}

/*Submenu*/
.sub-menu{display: none;position: absolute;left: 0;right: 0;background: #fff;padding: 15px 0 0 !important;margin: 0 !important;z-index: 111;width: 285px;}
.menu li:hover .sub-menu{display: block;}
.sub-menu li a{font-size: 15px;padding: 0 15px 0 0;display: block;}
.sub-menu li{padding: 5px 0 10px 20px;margin: 0;min-width: 85%;}

/*Hero*/
.home-hero{height:525px;display: table;}
.page-template-landing .home-hero,
.page-template-about .home-hero{height:420px;display: table;}
.hero-cta h2, .hero-cta h1{text-align: center;color: #fff;}
.hero-cta h2 span, .hero-cta h1 span {background: #49c0b5;font-size: 45px;line-height: 67px;padding: 0px 10px;font-weight: 500;letter-spacing:-1px;}
.hero-cta .inner-content{max-width: 800px;position: relative;margin: 0 auto;}
.blue-header{color: #49c0b5;}
.landing-inner-header,.cat-details p{background: #49c0b5;font-size:20px;line-height:24px;padding:10px;font-weight: 500;text-align:center;color:#fff;}
.cat-details p a{text-decoration: underline;font-weight: 700;color: #fff;}
.category .home-hero,.tag  .home-hero {height: 420px;}
.cat-wrap{background: url(images/generic.jpg) no-repeat;background-position: center center;background-size: cover;}

.one-half{float:left;width: 50%;}
.one-third{float:left;width: 33.33%;}

.align-center{text-align: center;}

.normal-padding{padding: 90px 0;}
.three-icons{padding-top: 90px;}
.three-icons h2{margin: 23px 0 7px;}
.three-icons p{display: block;padding: 0;margin: 0;}
.padding-ninty-top{padding-top: 90px;}
.padding-ninty-bottom{padding-bottom: 90px;}
.padding-sixty-bottom{padding:90px 0 60px}

.skyblue-bg h2, .skyblue-bg h1{color: #fff;}
#coronavirus-enquiry h1, #coronavirus-enquiry h2{color: #49c0b5;}

/*Special Event Notice*/
.event-banner {width: 100%; padding-bottom: 0.5em;}
.event-content {color:#fff; text-align: center; width: 990px;position: relative;margin: 0 auto;}
.event-content h2 {font-weight:700; font-size:22px; margin-block-end: 0.5em;}
.event-content p, .event-content a {color:#fff; font-size:16px;}

.get-quote-form{background: #fff;padding: 30px;border-radius: 5px;}
/*
.get-quote-form input[type="text"]{float: left;width: 100%;background: #fff;border:0;padding: 7px 0;text-indent: 10px;}*/

.no-border{border: 0;}
.get-quote-form input[type="submit"]{float: left;width: 100px;padding: 10px 20px;font-weight: 700;color: #fff;border: 0;background: #49c0b5;border-radius: 3px;}
.get-quote-form h5{font-size: 28px;line-height: 35px;font-weight: 900;padding: 0;margin: 0 0 20px;float: left;width: 100%;}

.better-cleaner {width: 40%;padding-right: 10%;}
.better-cleaner, .better-cleaner p{font-size: 25px;font-weight: 400;}
.better-cleaner p{line-height: 1.2em;}
.better-cleaner h1, .better-cleaner h2{font-weight: 700;}

/*Form Animation*/
.from-row{ position:relative; margin-bottom:15px; clear: both;float: left;width: 100%;}
input, textarea{font-size:15px;padding:5px 0px;display:block;width:100%; border:none;border-bottom:1px solid #dedede;background: #fff;color:#939598;}
textarea{resize:none;height: 50px;}
input:focus,textarea:focus { outline:none; }
label{color:#9a9c9e; font-size:11px;font-weight:normal;position:absolute;pointer-events:none;left:5px;top:10px;transition:0.2s ease all; -moz-transition:0.2s ease all; -webkit-transition:0.2s ease all;}
input:focus ~ label, 
input:valid ~ label,  
textarea:focus    ~ label, 
textarea:valid ~ label{top:-10px;font-size:11px;color:#333;}

/* Commercial CLeaning Services*/
.adjusted-wrapper{max-width: 430px;}
.services-lists ul{padding:0;margin: 0;}
.services-lists li{color:#231f20;display:block;padding: 20px 0;border-bottom: 2px solid #c4c3c4;}
.services-lists.darker li{border-bottom-color: #93cac4;}
.services-lists li a{color:#231f20;font-weight: 700;text-decoration: underline;}

.inner-content{width: 990px;position: relative;margin: 0 auto;}
.top-intro h2{color: #49c0b5;}
.top-intro p{color: #fff;max-width: 80%;padding: 5px 10%;font-weight: 300;}
.top-intro.bottom{margin-top: 35px;}
.expectation-lists{background: #fff;border-radius: 10px;margin-top: 35px;}
.ex-gutter{padding: 10px 30px;}
.expectation-lists ul{padding: 0;margin: 0;width: 95%;float: left;}
.float-right ul{float: right;}
.expectation-lists li{display: block;padding: 14px 0 14px 35px;border-bottom: 2px solid #dddedf;background: url(images/green-tick.jpg) no-repeat;background-position: 0 12px;font-size: 16px;line-height:21px;font-weight: 500;}
.expectation-lists li:last-of-type{border-bottom: 0;}
.expectation-lists.landing-pages{padding-bottom: 40px;margin-top: 0;}
.expectation-lists.landing-pages li{border: 0;padding: 5px 0 5px 35px;background-position: 0 -1px;}

.testimonials-wrapper{margin-top: 70px;}
.testimonials-wrapper .testimonial{max-width: 450px;position: relative;margin: 0 auto;display: block;}

.footer-top{padding: 45px 0;}
.footer-bottom{padding: 20px 0;text-align: center;}
.footer-bottom, .footer-bottom a{color: #6d6e71;text-decoration: none;font-size: 14px;}
.footer-bottom a{text-decoration: underline;}

.footer-logo,
.footer-nav,
.footer-connect,
.footer-contact,
.footer-nav a{float: left;color: #fff;font-size: 14px;}

.footer-logo{width: 18%;}
.safe-badge{margin-left: 20px; display: inline-block; width: 64px;position: relative;top: 6px;}
.footer-nav{width: 48%;}
.footer-connect{width: 18%;}
.footer-contact{width: 15%;float: right;}

.footer-nav ul{padding: 0;margin: 0;width: 100%;}
.footer-nav li{display: block;width: 50%;float: left;margin: 0 0 8px;}
.footer-nav a{text-decoration: none;}
.footer-nav a:hover{color: #49c0b5;}

.footer-contact span{display: block;}
.footer-contact h5{padding: 0;margin: 0 0 5px;}


/*Landing Page*/
.abs-landing-img{margin:-133px 0;z-index: 111;position: relative;}
.abs-landing-img img{position: relative;margin: 0 auto;display: block;}
.landing-top-paragraph p{display: block;}
.landing-top-paragraph p:last-of-type{margin-bottom: 100px;}
.adjusted-wrapper{max-width: 80%;}

.abs-left-img,.abs-right-img{position:absolute;background: red;height: 100%;display: block;}
.abs-left-img{top:0;left:0;}
.abs-right-img{top:0;right:0;}
.intro-p{margin-left: 33.33%;}
.intro-p-wrapper{padding: 30px;}
.areas-padding{padding: 64px 0 30px;}

.locations-lists{position: absolute;left:0;top:36px;}
.locations-lists ul{padding: 0;margin:0;float: left;width: 100%}
.locations-lists li{display: block;padding: 15px;background: #fff;margin-bottom: 10px;border: 2px solid #fff;}
.locations-lists li.active{border: 2px solid #49c0b5;}

.locations-wrapper{width: 260px;height:434px;position: relative;margin: 0 auto;text-align: center;}
.location-marker{border: 2px solid #49c0b5;width:105px;height: 105px;border-radius:50% 50%;background: #fff;cursor: pointer;position: absolute;}
.location-marker:hover{border: 2px solid #49c0b5;background: #49c0b5;}
.location-marker.sydney{top:65px;right: 20px;}
.location-marker.surry-hills{top:157px;right: 131px;}
.location-marker.alexanderia{bottom:35px;right: 31px;}
.tel-number{font-weight: 800;font-size: 25px;line-height: 28px;color: #262f31;text-decoration: none;padding-top: 15px;display: block;}

div.wpcf7-validation-errors{display: none !important;}
span.wpcf7-not-valid-tip{background: #49c0b5;color: #fff;font-size: 12px;padding: 3px 0;text-indent: 5px;}

.call-us{float: right;clear: both;margin-bottom: -15px;position: absolute;right: 0;top: 10px;}
.inline-block{display: inline-block;padding: 0;margin: 0;}
.tel-number.inline-block{color: #49c0b5;font-weight: 700;}

/*header fixes*/
.areas-header{padding-bottom: 45px;}
.top-landing{/*padding: 60px 0 65px;*/padding: 20px 0 65px;}
.types-header{padding-bottom: 25px;}
.home-cc{margin-bottom: 30px;}
.home-top{margin-bottom: 25px;}
.ref-img img{width: auto;display: block;position: relative;margin: 0 auto;}

#toggle-nav{display: none;}
.contact-form p{font-size: 16px;line-height: 21px;color: #fff;font-weight: 400;display: block;margin-top:0;}
.address-wrapper h2{color: #262f31;font-weight: 700;}
.loc-deets{color: #49c0b5;}


/*Blog*/
.page-template-blog .home-hero{height:205px;}
.single-post .home-hero{height:350px;}
.blog-wrapper{padding: 20px;}
.blog-wrapper:hover{background:#e7e8e9;cursor: pointer;}
.blog-row{position: relative;float: left;width: 100%;margin-bottom: 20px;}
.blog-thumb{float: left;position: absolute;left: 20px;top: 20px;bottom:0px;width: 30%;height: calc(100% - 40px) ;display:block;background: #00a692;}
.blog-details{float: right;margin-left: 33%;width: 67%;}
.blog-details h2{font-size: 45px;line-height: 50px;color: #49c0b5;padding: 0;margin: 0 0 20px;font-weight: 400;}
.blog-details p{display: block;padding: 0;margin: 20px 0;}
a.bd-link{color: #49c0b5;font-weight: 400;font-size: 25px;line-height: 27px;}

.main-blog-wapper{max-width: 760px;position: relative;margin: 0 auto;padding-bottom: 80px;}

.main-blog-wapper ol{padding: 0;margin: 0 0 15px 15px;}

.main-blog-wapper h1{font-size: 45px;line-height: 50px;color: #49c0b5;padding: 0;margin: 0 0 35px;font-weight: 400;}
.main-blog-wapper h2{font-size: 25px;line-height: 32px;color: #262f31;padding: 0;margin: 0 0 25px;font-weight: 400;}
.main-blog-wapper p{display: block;padding: 0;margin: 0 0 25px;}
.main-blog-wapper p a{font-weight: 700;color: #49c0b5;text-decoration: underline;}

.main-blog-wapper p:first-of-type {font-size: 25px;line-height: 30px;font-weight: 400;color: #49c0b5;}
.all-blogs{padding-bottom: 150px;}

.abs-link{position: absolute;left:0;top: 0;width: 100%;height: 100%;display: block;font-size: 0;line-height: 0;}

div.wpcf7-mail-sent-ok{border: 0 !important; font-weight: 700;text-align: center;clear: both;padding-top: 30px;font-size: 17px;text-align: center;}

.page-third{max-width: 800px;position: relative;margin: 0 auto;}
.page-template-default .home-hero{height: 205px;}

.specific-testimonials .testimonial{padding:0 20px;}
.google-ratings img{max-width: 130px;height: auto;}
.specific-testimonials:nth-child(3n+1){clear: both}

.large-text p {font-size:25px; font-weight:400; line-height:1.2em;}
.large-text span {font-size:22px;}

.medium-text p {font-size:19px; font-weight:400; line-height:1.4em;}
.medium-text.black p {color:#222;}
.flex{display:flex;align-items:center;}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 767px) {
    img{max-width: 100%;height: auto;}
    .adjusted-wrapper{max-width: 100%;}
    .section,.one-half,.one-third,.inner-content,.footer-logo, .footer-nav, .footer-connect, .footer-contact, .footer-nav a{width: 100%;}
    .safe-badge{width: 50px; margin-left: 15px; top: 4px;}
    .normal-padding{padding: 60px 0;}
    .float-right,.float-right ul{float: left;}   
    .gutter{padding-left: 15px;padding-right: 15px;}
		.flex{display:block;}
    .call-us{position: absolute;top: 17px;right: 16px;}
    .hero-cta .inner-content{max-width: 300px;}
    .hero-cta h2 span, .hero-cta h1 span {font-size: 17px;line-height: 40px;padding: 5px 10px;font-weight: 700;}
    .home-hero{height: 400px;}
    .expectation-lists li:last-of-type{border-bottom: 2px solid #dddedf;}
    .logo img{margin-top: 20px;max-width: 230px;}
    .navigation li{margin: 0 10px 0 0;}
    .abs-landing-img{margin:-60px 0 20px;}
    .align-center h2{text-align: left;}
    .expectation-lists.landing-pages{border-bottom: 0 !important;}
    .abs-right-img,.abs-left-img{position: relative;height: 300px;}
    .intro-p{margin-left: 0;}
    .normal-h1{font-size: 35px;line-height: 45px;}

    .locations-wrapper{display: none;}

    /*br{display: none;}*/
    .three-icons h2{text-align: center;}
    .three-icons .one-third{margin-bottom: 35px;}
    .three-icons .one-third:last-of-type{margin-bottom: 0;}

    .top-intro p{text-align: left;max-width: 100%;padding-left: 0;padding-right: 0;}
    .expectation-lists.landing-pages{margin-top: 25px;}
    .expectation-lists.landing-pages li:last-of-type{border-bottom: 0;}

    .ref-img img,.abs-landing-img img{height: auto !important;}

   .navigation a{text-indent: 10px;}
   #menu-header{display: none;width: 100%;}
   #menu-header a{display: block;text-indent: 15px;}
   .sub-menu{position: relative;width: 100%;background: #f1f2f3;}
   .sub-menu a{text-indent: 5px !important;}
    #toggle-nav{display:block;width: 40px;height: 40px;background: url(images/menu.jpg) no-repeat;background-size:contain;display: block;position: absolute;right: 15px;top: 55px;cursor: pointer;}
    .navigation li{width: 100%;}
    .menu li:hover .sub-menu{display: none;}
    .menu-item-has-children{background: url(images/arr.jpg) top right no-repeat;}
    .menu-header-container{position: absolute;width: 100%;background: #fff;width: 100%;left: 0;top: 120px;z-index: 111;}
    .landing-inner-header{font-size: 15px;line-height: 22px;}
    .hero-cta h2 span, .hero-cta h1 span{letter-spacing: 0;}

    .footer-nav li{width: 100%;}

    .blog-thumb{position: relative;bottom:0px;width: 100%;display:block;background: #00a692;height: 200px;left: 0;}
    .blog-details{float: left;margin-left: 0%;margin-top: 35px;}

    .blog-details{width: 100%;}

    .specific-testimonials .testimonial{margin-bottom: 40px;}
    
    .event-banner .event-content{max-width: 80vw;}
}

@media (min-width: 768px) and  (max-width: 1200px) {
     img{max-width: 100%;height: auto;}
    .section{width: 100%;}
     .ref-img img,.abs-landing-img img{height: auto !important;}

      .navigation a{text-indent: 10px;}
   #menu-header{display: none;}
   #menu-header a{display: block;text-indent: 15px;}
   .sub-menu{position: relative;width: 100%;background: #f1f2f3;}
   .sub-menu a{text-indent: 5px !important;}
    #toggle-nav{display:block;width: 40px;height: 40px;background: url(images/menu.jpg) no-repeat;background-size:contain;display: block;position: absolute;right: 15px;top: 55px;cursor: pointer;}
    .navigation li{width: 100%;}
    .menu li:hover .sub-menu{display: none;}
    .menu-item-has-children{background: url(images/arr.jpg) top right no-repeat;}
    .menu-header-container{position: absolute;width: 100%;background: #fff;width: 100%;left: 0;top: 120px;z-index: 111;}
    .float-right ul{float: left;width: 96%;}
    .sub-menu{width: 105% !important;margin-left: -4% !important;}
    .sub-menu a{text-indent: 45px !important;}

    .abs-landing-img{margin-top: 0;margin-bottom: 0;}

    .abs-landing-img{width: 40%;display: none;}
    .abs-landing-img img{max-width: 95%;margin-top: -10px;}

    .landing-top-paragraph{width: 100%;}
    .landing-top-paragraph p:last-of-type{margin-bottom: 0;}
    .padding-ninty-top{padding-bottom: 90px;}

    .hero-cta .inner-content{max-width: 900px;width: 100%;}
    .top-landing{padding-top: 0;}
    
    .event-banner .event-content{max-width: 90vw;}
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}