/***** Body Styles *****/
body {
    padding-top: 0 !important;
}
.wrapper {
    margin-right: auto;
    margin-left: auto;
    padding: 0 20px;
    min-width: 275px;
    max-width: 1220px;
}
a, a:hover{
    border-bottom: 0;
}
img {
    max-width: 100%;
    max-height: 100%;
}
h1, h2, h3 {
    font-family: OWwebBold;
}
h4, h5, h6 {
    font-family: arial, OWwenDemi;
}
h2 {
    color: #14AA54;
    font-size: 28px;
}
/*Hero banner*/
.header-image {
    background-image: url('img/hero-mobile-2x.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.header-image .wrapper {
    display: block;
    /*display: flex;*/
    flex-direction: column;
}
.header-image .wrapper .ra-h1 {
    font-size: calc(28px + (50 - 28) * ((100vw - 320px) / (2000 - 320)));
    color: #fff;
    /*font-family: OWwebBold;*/
    margin-top: 0;
    padding: 20px 0;
    margin-bottom: 0;
}
.header-image .wrapper .ra-logo img{
    position: absolute;
    right: 10px;
    bottom: 10px;
    height: 70px;
}
.header-text {
    background-color: #14AA54;
    padding: 20px 0;
}
.header-text .header-text_copy {
    padding: 10px 0;
}
.header-text .header-text_copy h2 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 18px;
}
.header-text .header-text_copy h2:before {
    position: absolute;
    content: "";
    background-color: #8FD333;
    width: 3px;
    height: 90%;
    left: -15px;
    top: 3px;
}
.header-text .header-text_copy .header-text_content.col-md-6{
    color: #004D51;
    padding-left: 0;
    padding-right: 15px;
    font-size: 16px;
}
.header-text .header-text_video {
    padding: 10px;
}
@media screen and (min-width: 640px){
    .header-image { 
        background-image: url('img/RA-hero.jpg');
        background-size: cover;
        padding: 50px 0;
    }
    .header-image .wrapper {
        position: relative;
        display: flex;
        justify-content: space-between;
    }
    .header-image .wrapper .ra-h1 {
        font-size: calc(28px + (60 - 28) * ((100vw - 320px) / (2000 - 320)));
        padding: 0;
    }
    .header-image .wrapper .ra-logo {
        position: absolute;
        right: 0;
        top: 0;
    }
    .header-image .wrapper .ra-logo img{
        position: relative;
        right: 20px;
        bottom: 10px;
        height: 120px;
    }
    .header-text .header-text_copy h2 {
        font-size: 28px;
    }
    .header-text .header-text_copy h2:before {
        top: 8px;
    }
}
@media screen and (min-width: 769px) {
    .header-image .wrapper .ra-logo img{
        height: 150px;
    }
}
@media screen and (min-width: 1200px) {
    .header-image { 
        padding: 90px 0;
    }
    .header-image .wrapper .ra-logo {
        display: flex;
        position: absolute;
        flex-direction: row-reverse;
    }
    .header-image .wrapper .ra-logo img{
        height: 180px;
    }
}
 /*Three Proof Points */
 .grid-three-items, .grid-two-items {
    margin: 40px 0;
}
.grid-three-items .wrapper {
    padding: 0 20px;
}
.grid-three-items .grid-item {
    padding: 0 20px;
}
.grid-three-items .grid-item img {
    height: 75px;
}
.grid-three-items .grid-item h3 {
    color: #14AA54;
    font-size: 22px;
    margin-top: 30px;
}
.grid-three-items .grid-item p {
    font-size: 16px;
    color: #707070;
}
@media screen and (min-width: 640px){
    .grid-three-items .wrapper {
        padding: 0 40px;
    }
}
/*Restoring Australia Videos*/
.ow-jumbotron_RA_videos {
    text-align: center;
    margin-top: 0;
}
.ow-jumbotron_RA_videos iframe {
    margin-top: 20px;
    width: 100%;
    height: 250px;
}
@media screen and (min-width: 640px){
    .ow-jumbotron_RA_videos {
        margin-top: 40px;
    }
    .ow-jumbotron_RA_videos iframe {
        height: 415px;
    }
}
/*Restoring Australia sites*/
.landscapes-container {
    padding: 20px 0;
    margin-top: 0;
}
.landscapes-container h2{
    font-size: 24px !important;
}
.landscapes-container .landscapes-tab {
    width: 100%;
    padding-top: 20px;
    display: flex;
    position: relative;
} 
.landscapes-container .landscapes-tab ul {
    width: auto;
    margin-bottom: 0;
}
.landscapes-container .landscapes-tab li{
    display: inline-block;
    margin: 0 auto;
    padding: 0 15px;
    cursor: pointer;
}
.landscapes-container .landscapes-tab li h4 {
    color: #71706F;
    font-size: 18px;
    font-weight: 500;
}
.landscapes-container .landscapes-tab li.state-icon--active {
    background-color: #00682E;
}
.landscapes-container .landscapes-tab li.state-icon--active h4 {
    color: #fff;
}
.landscapes-container .landscapes-content{
    clear: both;
}
.landscapes-container .landscapes-content .sites-info h3 {
    color: #71706F;
    font-size: 20px;
    margin-top: 0;
    text-align: left;
    font-weight: 600;
}
.landscapes-container .landscapes-content .sites-info h5 {
    color: #71706F;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    margin: 15px 0;
}
.landscapes-container .landscapes-content .sites-info .col-md-9.text-left {
    color: #555;
}
@media screen and (min-width: 640px) {
    .landscapes-container { 
         margin-top: 40px;
    }
    .landscapes-container .landscapes-container h2{
        font-size: 28px !important;
    }
    .landscapes-container .landscapes-tab li{
        padding: 0 30px;
    }
}
@media screen and (min-width: 1024px) {
    .landscapes-container .landscapes-tab {
        width: 50%;
    } 
}
.button-green {
    padding: 20px 40px;
    background-color: #14aa54;
    color: #FFFFFF;
    border-radius: 30px;
    margin: 0 auto;
    display: block;
    width: 50%;
}
.grid-two-items .row {
    padding: 20px 0;
}
.grid-two-items .row .col-md-6 {
    padding-top: 20px;
}
.grid-two-items .row .col-md-6 img {
    height: 82px;
}
.grid-two-items .row .col-md-6 h3 {
    color: #71706F;
    font-size: 20px;
    padding-bottom: 20px !important; 
}
.grid-two-items .row .col-md-6 h3 > sup {
    color: #14AA54;
    cursor: pointer;
}
.grid-two-items .row .col-md-6 .btn-green {
    color: #fff;
    background-color: #14AA54;
    width: 100%;
}
.grid-two-items .row .col-md-6 p {
    font-size: 16px;
    color: #71706F;
}
@media screen and (min-width: 640px) {
    .grid-two-items .row .col-md-6 .btn-green { 
        width: auto;
    }
}
/*Greening Australia*/
.greening-australia .greening-australia_content {
    background-color: #14AA54;
    padding: 20px;
    position: relative;
    width: calc(100%);
}
.greening-australia .greening-australia_content .greening-australia_content__text {
    width: calc(100%);
}
.greening-australia .greening-australia_content h4{
    color: #004D51;
    font-size: 20px;
}
.greening-australia .greening-australia_content a {
    color: #fff;
    font-size: 16px;
    border-bottom: 2px solid #fff;
}
.greening-australia .greening-australia_content #ga-logo{
    margin-top: 30px;
}
.greening-australia .greening-australia_content #ga-logo p{
    color: #fff;
    font-size: 14px;
}
.greening-australia .greening-australia_content #ga-logo img {
    height:40px;
}
@media screen and (min-width: 767px){
    .greening-australia .wrapper{
        background: url('img/greening-australia-banner.jpg') no-repeat;
        background-position: top;
        background-size: inherit;
    }
    .greening-australia .wrapper .ra-img {
        display: none;
    }
    .greening-australia .greening-australia_content {
        width: calc(62%);
        background: linear-gradient(-60deg,#14AA54 66%,#14AA54 70%,transparent 51%);
        transform: translateX(66%);
        height: 325px;
    }
    .greening-australia .greening-australia_content .greening-australia_content__text {
        width: calc(60%);
        display: block;
        float: right;
        height: 300px;
    }
}
@media screen and (min-width: 989px){ 
     .greening-australia .wrapper{
        background-size: 100%;
    }
    .greening-australia .greening-australia_content {
        width: calc(51%);
        background: linear-gradient(-60deg,#14AA54 66%,#14AA54 70%,transparent 51%);
        transform: translateX(100%);
        height: 325px;
    }
    .greening-australia .greening-australia_content .greening-australia_content__text {
        width: calc(60%);
        display: block;
        float: right;
        height: 300px;
    }
}
/***** ra-mission *****/
.ra-mission {
    background-color: #EFEFEF;
}
.ra-mission .mission {
    padding: 40px 20px;
}
.ra-mission .mission img {
    height: 70px;
}
.ra-mission .mission h3 , .ra-mission .mission p {
    color: #14AA54;
}
.ra-mission .mission h3 {
    margin: 15px 0 20px 0;
}
.ra-mission .mission p {
    font-size: 16px;
}
.ra-mission .mission #mission-res a {
    color: #71706F;
    font-weight: bold;
    border-bottom: 2px solid #71706F;
}
.ra-mission .mission .addthis_inline_share_toolbox {
    margin: 20px 0;
}
/*Latest videos*/
.grid-video-items {
    margin: 40px 0 20px;
}
.grid-video-items h2 {
    color: #14AA54;
    font-size: 26px;
    margin: 10px 0;
}
.grid-video-items .wrapper {
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
}
@media screen and (min-width: 768px){
    .grid-video-items .wrapper {
        display: flex;
        flex-wrap: nowrap;
    }
}
.grid-video-items a.grid-item {
    text-align: left;
    clear: both;
}
.grid-video-items a.grid-item:hover {
    text-decoration: none;
}
.grid-video-items .grid-item h5 {
    color: #14AA54;
    font-size: 14px;
    margin-top: 10px;
}
.grid-video-items .grid-item p {
    color: #71706F;
}
/*suppliers*/
.suppliers {
    padding: 20px 20px 40px;
}
.suppliers .suppliers-logo {
    margin-top: 20px;
}
.suppliers h2 {
    color: #005bab;
}
.suppliers #sponsors-item {
    padding-top: 0;
}
.suppliers #sponsors-item li a {
    color: #7d7c7b;
}
.suppliers #sponsors-item li a:hover{
    cursor: pointer; 
}
.suppliers .suppliers-logo img#brother {
    padding-top: 23px;
}
.suppliers .suppliers-logo img#fuji {
    padding-top: 12px;
}
.suppliers .suppliers-logo img#threeM{
    width:67%;
    padding-top:20px;
}
.suppliers .suppliers-logo img#j-burrows{
    padding-top:20px;
}
.suppliers .suppliers-logo img#canon{
    padding-top: 23px;
}
@media screen and (min-width: 640px){
    .suppliers .suppliers-logo {
        margin-top: 40px;
    }
    .suppliers .suppliers-logo .col-md-2 {
        width: 12%;
    }
    .suppliers #sponsors-item {
        padding-top: 20px;
    }
}
/*Footer*/
.ow-footer-gradient {
    background-image: url(img/ow-gradient-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 20px 10px;
}
#OW-MBTH-logo{
    /*float: left;*/
    max-width: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.ow-social-icons {
    text-align: center
}
@media (min-width: 640px){
    #OW-MBTH-logo{
        max-width: 20%;
        display: inline-block;
    }
    .ow-social-icons {
        float: right;
        text-align: right
    }
}
@media (min-width: 989px){
    #OW-MBTH-logo{
        max-width: 20%;
    }
}
.ow-social-icons div {
    color: #FFFFFF;
    display: inline-block;
    margin-left: 15px;
    font-size: 16px;
}
.medium-width {
    width: 80%;
    margin: 0 auto;
}
.medium-width .col-md-3.col-xs-6 > a{
    border-bottom:0;
}
.clearfix {
    clear: both;
}
.landscapes-content .states-list {
    border-bottom: 1px solid #d9dada;
}
.landscapes-content .states-list li {
    display: inline-block;
    margin: 0 auto;
    width: 18%;
    padding-bottom: 10px;
    cursor: pointer;
}
@media (min-width: 480px){
    .landscapes-content .states-list li {
        margin: 0 15px;
    }
} 
.state-icon {
     border: 0;
}
.state-info {
    display: none;
}
.state-info--active {
    display: block;
}
.ow-slider .icon-next, .ow-slider .icon-prev {
    width: 40px;
    height: 40px;
    margin: -20px 0 0 0;
}
.carousel.ow-slider .item img {
    max-width: 100%;
}
.ow-slider .carousel-indicators li.active {
    background-color: #8dc63f;
    border-color: #8dc63f;
}
ul#sponsors-item {
    column-count: 2;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    text-align: left;
    list-style-type: none;
    list-style-image:none;
}
li.sponsors {
    text-decoration: none;
    border-bottom: 0;
}
/***** Spacing ****/
.space-small {
    margin-top: 20px;
}
.space-medium {
    margin-top: 40px;
}
.space-large {
    margin-top: 80px;
}
.text-center {
    text-align: center;
}
/* Social media */
 .addthis_sharing_toolbox {
    margin-top: 40px;
}
.at-resp-share-element .at-share-btn{
    margin:0 25px 5px;
}
/***** Media Queries *****/
@media screen and (max-width: 376px) {
    .button-green {
        width: 80%;
    }
    .medium-width {
        width: 80%;
    }
    .suppliers .col-md-2 {
        width: 50%;
        float: left;
        height: 130px;
    }
}
@media screen and (min-width: 990px) {
    img#threeM{
        width:70%;
        padding-top:20px;
    }
    .button-green {
        width: 15%;
    }
    .suppliersLogo {
        width: 20%;
    }
}
@media screen and (min-width: 640px) {
    ul#sponsors-item {
        column-count: 5;
        -webkit-column-count: 5; /* Chrome, Safari, Opera */
        -moz-column-count: 5; /* Firefox */
    }
}