body {
    /*font-family: HansGrotesque-Regular; 
	font-weight: normal; 
	font-style: normal; */
    color: #232424;
}
.oic-logo {
    z-index: 100;
    position: relative;
    width: 120px;
}
.ord-water-space {
    height: 300px;
} 
.incard h2 {
    margin-top: 3px;
}
.header-spacer {
    padding-top: 100px;
}
.breadcrumbs a:hover {
    text-decoration: none;
}
.feature-box {
    padding: 20px 20px 0px 20px;
}
.feature-box h2 {
    margin-top: 0px;
}
.f-p {
    height: 360px;
}
.sidemenu {
    width: 80%;
    margin-top: 150px;
}
.feature {
    height: 280px;
    background: no-repeat center center;
    background-size: cover;
}
.fitimage {
    background: no-repeat center center;
    background-size: cover;
}
figcaption {
    background-color: #f1f1f1;
    padding: 8px 12px;
    font-size: 90%;
}
.sidemenu a {
    border-bottom: 1px solid #f1f1f1;
    padding-left: 0px;
}
.sidemenu a:hover {
    border-bottom: 1px solid #0074A9;
}
.en-list li {
    list-style-type: none;
}
.en-list li:before {
    content: '\2013';
    position: absolute;
    margin-left: -20px;
}
a:link {
    color: #0074A9;
}
/* visited link */
a:visited {
    color: #232424;
}
a:hover {
    color: #0074A9;
}
a:active {
    color: #232424;
}
strong {
    font-family: 'Roboto', sans-serif;
    font-weight: Bold;
}
.button {
    background-color: white;
    border: 2px solid #232424;
    font-weight: bold;
    padding: 0.85em 3em;
}
.button:link {
    color: black;
}
.button:hover {
    background-color: white;
    border: 2px solid #0074A9;
    color: #0074A9;
    font-weight: Bold;
}
thead, tbody, tfoot {
    border: 0px solid #D1D3D4;
}
.oic-table th {
    border-collapse: collapse;
    border-spacing: 0;
    padding-left: 6px;
    border-bottom: 1px solid #D1D3D4;
    border-left: 0px solid #D1D3D4;
}
.oic-table td {
    padding-left: 6px;
}
thead {
    background: #FFF;
    color: #232424;
}
thead th, thead td, tfoot th, tfoot td {
    font-weight: Bold;
}
.oic-table thead th {
    background: #FFF;
    border-bottom: 3px solid #232424;
    vertical-align:bottom;
}
.unstriped {
    margin-top: 30px;
    margin-bottom: 30px;
}
h1 {
    font-family: IsidoraSans-Bold;
    font-weight: normal;
    font-style: normal;
}
h2 {
    font-family: IsidoraSans-Bold;
    font-weight: normal;
    font-style: normal;
}
h3 {
    font-family: IsidoraSans-Bold;
    font-weight: normal;
    font-style: normal;
}
.fullWidth {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: initial;
}
.title-bar {
    background: #FFF;
    padding-top: 15px;
    padding-bottom: 15px;
}
.breadcrumbs {
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #f1f1f1;
}
.breadcrumbs li {
    font-size: 75%;
}
.menu-icon::after {
    /* the block itself, the first line */
    background: #232424;
    /* middle and bottom */
    box-shadow: 0 7px 0 #232424, 0 14px 0 #232424;
    /* respect WebKit */
    -webkit-box-shadow: 0 7px 0 #232424, 0 14px 0 #232424;
}
a.menu-icon::after {
    background: #232424;
    box-shadow: 0 7px 0 #232424, 0 14px 0 #232424;
    -webkit-box-shadow: 0 7px 0 #232424, 0 14px 0 #232424;
}
.banner {
    background: no-repeat center center;
    background-size: cover;
}
.whiteDiv {
    padding: 1rem 1rem 0rem 1rem;
    background-color: white;
}
.ord-water {
    padding: 1rem 1rem 0rem 1rem;
    background-color: white;
    background: url('https://www.ordirrigation.com.au/assets/img/brand/ord-water.jpg') no-repeat center center;
    background-size: cover;
}
.ord-water h2 {
    color: white;
    text-align: center;
    margin-top: 0px;
}
.flow {
    background-color: #0074A9;
    height: 20px;
}
nav {
    z-index: 0;
    position: relative;
    margin-bottom: 50px;
}
.oic-logo-footer {
    width: 200px;
}
.menu {
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: 500;
    font-size: 90%;
}
.menu a {
    color: #232424;
}
.breadcrumbs a {
    color: #232424;
}
.menu a:hover {
    color: #0074A9;
}
.breadcrumbs a:hover {
    color: #0074A9;
}
.neutral {
    background-color: #F4F4F4;
}
.extra-padding {
    padding-top: 1.250rem;
}
.copyright {
    border-top: solid 1px #f1f1f1;
    font-size: 80%;
    color: #616161;
}
.small-footer {
    font-size: 95%;
}
.fxtbtnwidth {
   /*  width: 180px; */
    
}
/* Menu disply from https://foundation.zurb.com/building-blocks/blocks/multilevel-offcanvas-menu.html*/
.nav-bar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #2c3840;
    height: 75px;
    margin-bottom: 75px;
}
.nav-bar .nav-bar-logo {
    padding: 1.8rem;
}
.nav-bar li {
    background: #2c3840;
}
.nav-bar a {
    color: #fefefe;
    transition: color 0.2s ease-in;
}
.nav-bar a:hover {
    color: #a8b8c3;
}
@media screen and (max-width: 39.9375em) {
    .nav-bar {
        height: 53.57143px;
    }
}
.nav-bar .offcanvas-trigger {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.6rem;
    color: #fefefe;
    text-transform: uppercase;
    background-color: #0074A9;
    transition: background-color 0.2s ease-in;
    cursor: pointer;
}
.nav-bar .offcanvas-trigger .offcanvas-trigger-text {
    margin-right: 0.25rem;
    margin-top: 0.25rem;
}
.nav-bar .offcanvas-trigger:hover {
    background-color: #fefefe;
}
@media screen and (max-width: 39.9375em) {
    .nav-bar .offcanvas-trigger {
        padding: 0.9rem;
    }
}
.multilevel-offcanvas {
    background: #0074A9;
    padding: 20px;
    color: #fefefe;
}
.multilevel-offcanvas > .menu {
    margin-top: 5px;
    margin-bottom: 1rem;
}
.multilevel-offcanvas .menu a {
    color: #FFF;
    padding-top: 7px;
    padding-bottom: 7px;
    transition: color 0.2s ease-in;
    margin-bottom: 3px;
    margin-top: 3px;
    font-weight: bold;
}
.multilevel-offcanvas .menu a:hover {
    color: #fefefe;
}
.multilevel-offcanvas .fa {
    color: #fefefe;
}
.js-off-canvas-overlay.is-visible {
    opacity: 0;
    visibility: visible;
}
.multilevel-offcanvas .is-accordion-submenu-parent > a::after {
    border-color: rgba(0, 0, 0, 0.6) transparent transparent;
}
.multilevel-offcanvas .social-links {
    margin-left: 20px;
}
.multilevel-offcanvas .social-links li {
    margin-right: 5px;
}
.multilevel-offcanvas .social-links a:hover .fa {
    color: #bebebe;
    transition: color .2s ease-in;
}
.multilevel-offcanvas .social-links .fa {
    font-size: 2.2rem;
}
.body-info {
    text-align: center;
    color: #2c3840;
}
.body-info .button {
    margin: 1rem 0;
    padding: 0.85em 2em;
}
address {
    font-style: normal;
    padding-bottom: 8px;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
    .oic-logo {
        z-index: 100;
        position: relative;
        width: 120px;
    }
    .banner-campaign {
        font-size: 100%;
        font-family: IsidoraSans-Bold;
        font-weight: normal;
        font-style: normal;
        margin-top: 240px;
    }
    .large-spacer {
        padding-top: 23px;
    }
    .bottom-margin {
        padding-top: 45px;
    }
    .top-margin {
        margin-bottom: 120px;
    }
    .stage {
        padding: 4px 6px 4px 6px;
        background-color: #232424;
        color: white;
        display: inline-block;
    }
    .stagefact {
        padding: 4px 6px 4px 6px;
        background-color: white;
        color: #232424;
        display: inline-block;
    }
    .fullWidth {
        padding-left: 10px;
        padding-right: 10px;
    }
    .banner {
        height: 360px;
    }
    .ord-water h2 {
        font-size: 30px;
        margin-top: 10px;
    }
    .small-footer {
        padding-left: 75px;
    }
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 150%;  /* 130*/
        margin-top: 30px;
    }
    h3 {
        font-size: 125%;   /* 115*/
    }
}
/* Medium and up */
@media screen and (min-width: 40em) {
    .banner {
        height: 576px;
    }
    .large-spacer {
        padding-top: 30px;
    }
    .bottom-margin {
        padding-top: 60px;
    }
    .top-margin {
        margin-bottom: 30px;
    }
    .banner-campaign {
        font-size: 130%;
        font-family: IsidoraSans-Bold;
        font-weight: normal;
        font-style: normal;
        margin-top: 480px;
    }
    .stage {
        padding: 8px 12px 8px 12px;
        background-color: #232424;
        color: white;
    }
    .stagefact {
        padding: 8px 12px 8px 12px;
        background-color: white;
        color: #232424;
    }
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
    .small-footer {
        padding-left: 0px;
    }
    .copyright-text {
        text-align: left;
    }
    .fullWidth {
        padding-left: 10px;
        padding-right: 10px;
    }
    .ord-water h2 {
        font-size: 36px;
        margin-top: 10px;
    }
    h1 {
        font-size: 300%;
    }
    h2 {
        font-size: 180%;
        margin-top: 30px;
    }
    h3 {
        font-size: 150%;
    }
}
/* Large and up */
@media screen and (min-width: 64em) {
    .large-pad-right {
        padding-right: 100px;
        padding-bottom: 0px;
    }
    body {
        font-size: 110%;
    }
    h1 {
        font-size: 300%;
    }
    h2 {
        font-size: 190%;
        margin-top: 30px;
    }
    h3 {
        font-size: 160%;
    }
    .ord-water h2 {
        font-size: 44px;
        margin-top: 8px;
    }
}
/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

@media screen and (min-width: 110em) {
    .banner {
        height: 1000px;
    }
    .banner-campaign {

        margin-top: 860px;
    }

    
}


@media print {
    a:after {
        display: none !important;
    }
    .oic-logo {
    z-index: 100;
    position: relative;
    width: 105px;
}
    body {
             font-size: 80%;
    }
      * {
    color: black !important; 
    }
    p {
        page-break-inside: avoid;
    }
    
    .button {
       font-size: 80%;
        border: 1px solid;
    }
    a {text-decoration: none;
    }
    figure {
        page-break-inside: avoid;
    }
        img {
        page-break-inside: avoid;
    }
    .large-pad-right {
        padding-right: 100px;
        padding-bottom: 0px;
    }
    h1 {
        font-size: 280%;
    }
    h2 {
        font-size: 180%;
        margin-top: 30px;
    }
    h3 {
        font-size: 160%;
    }
    .ord-water h2 {
        font-size: 220%;
        margin-top: 8px;
        color: white !important;
    }
    .flow {
    background-color: #0074A9;
    height: 20px;
}
        .banner {
        height: 380px;
    }
    .ord-water-space {
    height: 200px;
} 
    .large-spacer {
        padding-top: 30px;
    }
    .bottom-margin {
        padding-top: 60px;
    }
    .top-margin {
        margin-bottom: 30px;
    }
        .banner-campaign {
        font-size: 130%;
        font-family: IsidoraSans-Bold;
        font-weight: normal;
        font-style: normal;
        margin-top: 300px;
    }
    .stage {
        padding: 8px 12px 8px 12px;
        background-color: #232424;
        color: white !important;
    }
    .stagefact {
        padding: 8px 12px 8px 12px;
        background-color: white;
        color: #232424;
    }
    .feature {
    height: 150px;
}
    .f-p {
    height: 180px;
}
}