·/* color scheme classes */

.text-oceans-green{
    color: #9BAB4E!important;
}
.bg-oceans-green{
    background-color: #9BAB4E!important;
}
.text-oceans-dark-green{
    color: #6E7936!important;
}
.bg-oceans-dark-green{
    background-color: #6E7936!important;
}
.text-oceans-red{
    color: #900C3F!important;
}
.bg-oceans-red{
    background-color: #900C3F!important;
}
.bg-oceans-coral{
    background-color: #f66464!important;
}
.text-oceans-coral{
    color: #f66464!important;
}
.bg-oceans-blue{
    background-color: #4E9BAB!important;
}
.text-oceans-blue{
    color: #4E9BAB!important;
}
.bg-oceans-blue-grey-25{
    background-color: #F8F9FA!important;
}
.text-oceans-blue-grey-25{
    color: #F8F9FA!important;
}
.bg-oceans-blue-grey-50{
    background-color: #EDF0F3!important;
}
.text-oceans-blue-grey-50{
    color: #EDF0F3!important;
}
.bg-oceans-blue-grey-100{
    background-color: #DCE3E7!important;
}
.text-oceans-blue-grey-100{
    color: #DCE3E7!important;
}
.bg-oceans-blue-grey-300{
    background-color: #B9C4CA!important;
}
.text-oceans-blue-grey-300{
    color: #B9C4CA!important;
}
.bg-oceans-blue-grey-700{
    background-color: #728691!important;
}
.text-oceans-blue-grey-700{
    color: #728691!important;
}
.bg-oceans-blue-grey-950{
    background-color: #32434C!important;
}
.text-oceans-blue-grey-950{
    color: #32434C!important;
}
.text-oceans-blue-grey-900{
    color: #415661!important;
}
.bg-oceans-blue-grey-900{
    background-color: #415661!important;
}

.text-white{
    color: #fff;
}
h1{
    font-size: 2rem;
    font-weight: 800;
    text-align: left;
}
h2{
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 700;
}
h3{
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 800
}
h4{
    font-size: 1.2rem;
}

@media screen and (min-width: 768px) {
    h1{
        font-size: 2.2rem;
    }
    h2{
        font-size: 1.8rem;
    }
    h3{
        font-size: 1.5rem;
    }
    h4{
        font-size: 1.2rem;
    }
}
@media screen and (min-width: 1024px) {
    h1{
        font-size: 3.2rem;
        line-height: 110%;
    }
    h2{
        font-size: 1.8rem;
    }
    h3{
        font-size: 1.5rem;
    }
    h4{
        font-size: 1.2rem;
    }
    .btn-oceans-primary{
        padding: 10px 30px;
        color: #fff;
        font-size: 1.4rem;
    }
}
@media screen and (min-width: 1200px) {
    h1{
        font-size: 4rem;
        line-height: 120%;
    }
    h2{
        font-size: 1.8rem;
    }
    h3{
        font-size: 1.5rem;
    }
    h4{
        font-size: 1.2rem;
    }
}
.border-radius{
    border-radius: 8px;
}
/* utilities styling */
.btn-oceans{
    padding: 12px 25px;
    border-radius: 8px;
    display: inline-block;
}
.btn-oceans-primary{
    padding: 10px 30px;
    color: #fff!important;
    font-size: 1rem;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 8px;
    transition: all 0.3s;
    font-weight: 800;
}
.btn-oceans-primary:hover{
    background-color: #f66464;
    transition: all 0.3s;
    color: #fff;
}

.btn-oceans-secondary{
    padding: 12px 27px;
    color: #fff;
    font-size: 22px;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 8px;
    transition: all 0.3s;
    font-weight: 800;
}
.btn-oceans-secondary:hover{
    background-color: #f66464;
    transition: all 0.3s;
}

@media (min-width:992px){
    header.page-header.sticky-header .nav-sections{background-color: initial;}
}


/* block margin setting */
.block-static-block{
    margin-top: 0px!important;
}

/* all page background colour */