/* --------------- Sub Header --------------- */
.nf-sub-header {
    padding: 200px 0 220px 0;
}
.nf-sub-header h1 {
    display: inline-block;
    font-family: Montserrat;
    font-weight: 600;
    font-style: normal;
    font-size: 2.8rem;
    line-height: 1.4;
    margin: 0;
    padding: 22px 32px 22px 30px;
    background-color: #2d2d2d;
}
.nf-sub-header-arrow {
    position: absolute;
    bottom: 20px;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    width: 70px;
    height: 70px;
    line-height: 80px;
    border-radius: 35px;
    background-color: rgba(255, 255, 255, 0.0);
    font-size: 2.5rem;
    z-index: 999;
}
.nf-sub-header-arrow:hover, .nf-sub-header-arrow:focus {
    background-color: rgba(45, 45, 45, 0);
    color: #dac83d;
}
/* --------------- Parallax --------------- */
.divimage {
    height: 110%;
    background-color: #2d2d2d;
}
.lookingnf {
    background-image: url('/t/newfrontiers/img-main-looking-church.jpg');
}
.aboutnf {
    background-image: url('/assets/img/img-main-about-teal-blue.jpg');
}
.nfapostolicleaders {
    background-image: url('/assets/img/img-main-apostolic-leaders.jpg');
}
.nfstory {
    background-image: url('/assets/img/img-main-story-colour.jpg');
}
.nfnews {
    background-image: url('/assets/img/img-main-news.jpg');
}
.nfglobal {
    background-image: url('/assets/img/img-main-global-sub.jpg');
}
.nfresources {
    background-image: url('/assets/img/img-main-resources.jpg');
}
.contactnf {
    background-image: url('/assets/img/img-main-contact.jpg');
}
.uknf {
    background-image: url('/assets/img/img-main-find.jpg');
}
.values {
    background-image: url('/assets/img/img-main-values.jpg');
}
/* --------------- Text --------------- */
.nf-intro {
    /*padding: 5em 0;*/
}
.nf-intro-shallow {
    padding: 50px 0 50px 0;
}
p, ul {
    font-size: 1rem;
    color: #2d2d2d;
}
.lead {
    font-weight: 500;
}
h2 {
    font-size: 1.6rem;
    color: #2d2d2d;
}
h3 {
    font-size: 1.6rem;
    color: #2d2d2d;
}
h4 {
    font-size: 1.2rem;
    color: #2d2d2d;
}
.nf-404 a {
    color: #dac83d;
}
.nf-404 a:hover, .nf-404 a:focus {
    color: #fff;
}
.subhead {
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
}
.nf-box {
    padding-top: 100%;
}
.nf-box-bg {
    background-image: url(/assets/img/img-bg-sq-global.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.nf-box-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: table;
}
.nf-box-content {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    padding: 0 50px 0 50px;
}
.nf-circle {
    width: 120px;
    margin-bottom: 20px;
}
.nf-lead-modal .u-icon-v1, .nf-lead-modal .u-icon-v1 .u-icon__elem-regular, .nf-lead-modal .u-icon-v1 .u-icon__elem-hover {
    width: auto;
    height: 2.0rem;
    font-size: 1.2rem;
}
.nf-global-box {
    width: 100%;
    padding: 70px 50px 70px 50px;
}
.nf-program-box {
    width: 100%;
    padding: 50px;
}
.nf-program-but {
    width: 250px;
    background-color: #2d2d2d;
    border-radius: 7px;
    padding: 15px 0 15px 20px;
    color: #fff;
}
.pro-but-teal {
    background-color: #70bd95;
}
.nf-program-but:hover, .nf-program-but:focus {
    background-color: #fff;
    color: #2d2d2d;
}
.nf-program-but i {
    margin-right: 5px;
}
.nf-program-highlight {
    background: #dac83d;
    color: #2d2d2d;
    padding: 2px 5px 2px 5px;
    font-weight: 700;
}
/* --------------- Timeline --------------- */
.u-timeline-v3-wrap::before {
    background-color: #2d2d2d;
    z-index: 1;
}
.u-timeline-v3 {
    padding: 70px;
}
.nf-news {
    padding-top: 70px;
    padding-bottom: 60px;
}
.nf-global-mt {
    width: 450px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
}
.nf-global-g {
    width: 70px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
}
.nf-bg-jplus {
    background-color: #37aae1;
}
.nf-jplus-logo {
    width: 150px;
}
.nf-jplus-icons {
    width: 400px;
}
















/*--------------------------------------------------
Medium devices (less than 1200px)
----------------------------------------------------*/
@media (max-width: 1199px) {

.u-timeline-v3 {
    padding: 50px;
}
.nf-global-mt {
    width: 400px;
}
.nf-sub-header h1 {
    font-size: 2.6rem;
}
.nf-program-box {
    padding: 40px;
}

}



/*--------------------------------------------------
IPAD Medium devices (less than 992px)
----------------------------------------------------*/
@media (max-width: 991px) {

.u-timeline-v3 {
    padding: 40px;
}
.nf-global-mt {
    width: 350px;
}
.nf-sub-header h1 {
    font-size: 2.4rem;
}
.nf-program-box {
    padding: 30px;
}
.nf-intro-shallow {
    padding: 40px 0 40px 0;
}
.nf-jplus-logo {
    width: 120px;
}
.nf-jplus-icons {
    width: 360px;
}

}



/*--------------------------------------------------
Nexus 7 Small devices (less than 768px)
----------------------------------------------------*/
@media (max-width: 767px) {

.u-timeline-v3 {
    padding: 20px;
}
.nf-news {
    padding-top: 50px;
    padding-bottom: 40px;
}
.nf-global-mt {
    width: 300px;
}
.nf-sub-header h1 {
    font-size: 2rem;
}
.nf-program-box {
    padding: 20px;
}
.nf-values {
    padding: 30px;
}
.nf-intro-shallow {
    padding: 30px 0 30px 0;
}

}



/*--------------------------------------------------
IP 6 6+, 7+ - (less than 576px)
----------------------------------------------------*/
@media (max-width: 575px) {

.nf-sub-header {
    padding: 90px 0 99px 0;
}
.nf-sub-header h1 {
    font-size: 1.4rem;
    padding: 15px 20px 16px 18px;
}
.nf-intro {
    padding: 40px 15px 32px 15px;
}
p {
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 0.8rem;
}
ul {
    font-size: 1rem;
    line-height: 1.4;
}
.subhead {
    font-size: 0.8rem;
    line-height: 1.4;
    margin: 0;
}
.lead {
    font-size: 1rem;
    line-height: 1.4;
}
h2 {
    font-size: 1.2rem;
    line-height: 1.4;
}
h3 {
    font-size: 1.2rem;
    line-height: 1.4;
}
h4 {
    font-size: 1rem;
    line-height: 1.4;
}
.nf-circle {
    width: 90px;
    margin-bottom: 15px;
}
.nf-box-content {
    padding: 0 20px 0 20px;
}
.nf-news {
    padding-top: 40px;
    padding-bottom: 30px;
}
.nf-global-mt {
    width: 250px;
}
.nf-global-box {
    padding: 60px 40px 60px 40px;
}
.nf-program-box {
    padding: 15px;
}
.nf-values {
    padding: 25px;
}
.nf-jplus-logo {
    width: 100px;
}
.nf-jplus-icons {
    width: 300px;
}

}