@font-face {
	font-family: 'rockwell';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/rockb.ttf');
}
@font-face {
	font-family: 'Helvetica';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/Helvetica.woff');
}
@font-face {
	font-family: 'Helvetica Bold';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/Helvetica-Bold.woff');
}
@font-face {
	font-family: 'Helvetica Light';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/helvetica-light.woff');
}





@font-face {
	font-family: 'Gotham';
	font-style: normal;
	font-weight: 400;
	src:url("../fonts/Gotham_Medium_Regular/Gotham_Medium_Regular.ttf");
}

@font-face {
	font-family: 'Gotham ultra';
	font-style: normal;
	font-weight: 700;
	src:url("../fonts/Gotham_Ultra/Gotham_Ultra.otf");
}





@font-face {
	font-family: 'Avenir Next';
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/Avenir_Next/AvenirNextLTPro-Regular.otf');
}
@font-face {
	font-family: 'Avenir Next Bold';
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/Avenir_Next/AvenirNextLTPro-Bold.otf');
}
@font-face {
	font-family: 'Avenir Next Italic';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/Avenir_Next/AvenirNextLTPro-It.otf');
}

* {
	font-family: 'Avenir Next';
	font-weight: 400;/* 600; transition: .3s; */
	font-size: 16px;
	line-height: 1.5;
	outline: none;
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  /* background-image:url("bootstrap/images/background-image.png"); /* The image used */
  background-color: #fff; /* Used if the image is unavailable */
 /*  height: 500px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

.reveal{
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 2s all ease;
}
.reveal.active{
  transform: translateY(0);
  opacity: 1;
  background-color: transparent;
}
li.reveal.active{
  transform: translateY(0);
  opacity: 1;
  background-color: #cecece;
}


p{
	font-family: 'Avenir Next';
	font-weight: 400;
	font-size: 16px; /*16px;*/
	line-height: 1.5;
	margin-bottom: 0;
	color: #000;
	margin-bottom: 20px;
}
a{
	color: #fff;
}
a:hover{
	text-decoration: none;
	color: #ee3d47;
}
a.btn{
	color: #fff;
	background: #ee3d47;
	font-size: 16px; /* 18px; */
	font-weight: 600;
	border-radius: 0;
	padding: 10px 15px;
}
a.btn:hover{
	color: #fff;
	opacity: .8;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Avenir Next';
	font-weight: 600;
	color: #000;
}
h1{
	font-size: 50px;
	padding-bottom: 15px;
	margin-bottom: 25px;
	text-transform: uppercase;
}
h2{
	font-size: 40px;
}
h3{
	font-size: 30px;
}
h4{
	font-size: 24px;/* 26px */
}
h5{
	font-size: 22px;
}
h6{
	font-size: 20px;
}
ul{
	list-style: none;
	padding-inline-start: 0px;
    margin-bottom: 0;
}
img{
	max-width: 100%;;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #000;
	font-weight: 300;
	font-size: 19px;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #000;
	font-weight: 300;
	font-size: 19px;
}

::-ms-input-placeholder { /* Microsoft Edge */
	color: #000;
	font-weight: 300;
	font-size: 19px;
}

.container-fluid {
    padding: 0;
}

header{
	padding: 0px 0 40px;
}

    .hide-tablet {
        display: block;
    }
    
    .display-tablet {
        display: none;
		margin-bottom: 20px;
    }
.fixed-top.scrolled {
  background-color: #fff !important;
  transition: background-color 200ms linear;
}
.navbar-dark .navbar-brand {
max-width: 60px;
height: auto;
}
a.navbar-brand img {
    -webkit-transition: all 3s;
    transition: all 3s;
max-width: 100%; /* 30%; */
}
.navbar-nav {
			margin-left: auto;
		}
.blog-header li {
    margin: 0 8px; /*16px;*/
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, 1);
}
#nav-link-108 {
	background-color: transparent;
font-size: inherit;
font-weight: inherit;
padding: inherit;
	border: none;
	padding: 0.5rem 0.5rem;
	margin: 0;
}
.navbar-dark.fixed-top.scrolled .navbar-nav .nav-link {
color: rgba(0, 0, 0, 1);
}

.blog-header li:last-child {
	background-color: red;
	border-radius: 8px;
	padding: 0 15px;
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
text-decoration: none;
color: #ee3d47;
}
.blog-header li:last-child:hover, .blog-header li:last-child:focus {
background-color: #f6aa26;
text-decoration: none;
}







/*** T H E - M A G I C - O F - O B J E C T - F I T ***/
/*****************************************************/

.video-container {
  height: 100vh;
  position: relative;
  overflow: hidden;
  @media(min-width: 600px) {
    height: 100vh;
  }
}

video {
  object-fit: cover; 
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}









/*** A E S T H E T I C S ***/
/***************************/



.video-container:after {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(black, .2);
  z-index: 1;
}



.callout {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100%;
  text-align: center;
  position: relative;
  z-index: 10;
}
.callout h1 {
text-transform: uppercase;
font-weight: 400;
margin: 0 auto 1rem;
padding: 0;
line-height: 1;
font-family: Futura, Helvetica, sans-serif;
font-size: 4vw;
text-align: center;
color: #fff;
display: block;
width: 100%;
  @media (max-width: 400px) {
    font-size: 22px;
  }
  @media (min-width: 1200px) {
    font-size: 75px;/* 75px; */
  }
}
.callout h2 {
  text-transform: uppercase;
	text-align: center;
	color: #fff;
  margin: 0 auto 1rem;
  font-weight: 300;
	font-size: 35px
        ;display: block;
width: 100%;
}

.callout p {
  text-transform: uppercase;
	text-align: center;
	color: #fff;
  margin: 0 auto 1rem;
  font-weight: 300;
	font-size: 20px
        ;display: block;
width: 100%;
}

.support {
  position: fixed;
  bottom: 60px;
  right: 20px;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  text-align: right;
  position: relative;
  z-index: 10;
  a {
    color: white;
    text-decoration: none;
    position: relative;
    display: inline-block;
    margin-top: 10px;
    &:before {
      display: block;
      position: absolute;
      content: '';
      bottom: -2px;
      width: 0;
      height: 1px;
      background-color: rgba(white, .3);
      transition: .3s;
    }
    &:hover:before {
      width: 100%;
    }
  }
}




.top-buttons .btn{
  text-transform: uppercase;
	background-color: transparent;
	color: #fff;
	margin: 0 20px;
	padding: 6px 25px;
	border-radius: 8px;
	width: 200px;
	border-color: #fff;
    transition: all .5s ease;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .top-buttons .btn:focus, .top-buttons .btn:hover {
	background-color: #fff;
	color: #000;
	border-color: #fff;
	opacity: 1;
}



.hero-wrapper {
  background-image:url("../images/learn-more-content.png"); /* The image used */
  background-color: #fff; /* Used if the image is unavailable */
 /*  height: 500px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
	padding: 1.5rem 2.5rem !important;
	color: #fff;
}
.hero-text{
  font-family: "Avenir Next";
  color: rgb(255, 255, 255);
  font-weight: normal;
  line-height: 1;
    text-align: left;
}
.hero-text h2{
	font-size: 50px;
  font-weight: 400;
  line-height: 1;
	margin-bottom: 0;
  color: rgb(255, 255, 255);
}
.hero-text p{
	font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: rgb(255, 255, 255);
}
.hero-btn{
	text-align: center;
	padding: 10px 0;
}

.hero-btn a.btn {
    transition: all .5s ease;
color: #fff;
font-size: 18px;
font-weight: 600;
border-radius: 0;
padding: 10px 15px;
  border-width: 0px;
  border-color: rgb(22, 24, 24);
  border-style: solid;
  border-radius: 8px;
  background-color: rgb(220, 152, 34);
	text-transform: uppercase;
}



.main-intro{
    position: relative;
}

	


.main-container {
	padding: 50px 15px;
    position: relative;
}
.main-buttons{
	padding: 50px 0 75px;
    position: relative;
}
.hover-zoom {
	max-width: 525px;
        overflow: hidden;
        margin: 0 auto;
    }
      
   .hover-zoom img {
        width: 100%;
        transition: 0.5s all ease-in-out;
    }
      
    .hover-zoom:hover img {
        transform: scale(1.25);
    }

.main-buttons .col-md-6:first-child {
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
}
.main-buttons .col-md-6:last-child {
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
}













/*** HOMEPAGE PARALLAX RECENT SERMON ***/
/*****************************************************/


#section1 { 
    
    
      /* The image used */  /* The image used */
  background-image:url("../images/Homepage-recent-sermon-bg.jpg");

  /* Set a specific height */
  min-height: 500px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
    
    background-position: center; 
    /* height: 100vh; /* 100% of viewport height */
    margin: 0 auto; 
    padding: 30px 0;
    position: relative; 
}
#section1 .embed-responsive {
margin: 15px auto 30px;
}

#section1 h3{
  font-family: "Gotham";
  color: rgb(255, 255, 255);
  line-height: 1;
  text-align: center;
    text-transform: uppercase;
}

#section1 h1{
  font-size: 86px;
  font-family: "Gotham ultra";
  color: rgb(255, 255, 255);
  line-height: 1;
  text-align: center;
    text-transform: uppercase;
    margin: 0 auto; 
    padding: 0px 0;
}

#section1 h5{
  font-family: "Gotham";
  color: rgb(255, 255, 255);
  line-height: 1;
  text-align: center;
    text-transform: capitalize;
    font-weight: 900;
}

#section1 h6{
  font-family: "Gotham";
  color: rgb(255, 255, 255);
  line-height: 1;
  text-align: center;
    text-transform: capitalize;
}
#section1 h5 a {
  font-size: 28px;
  font-family: "Gotham";
font-weight: 700;
line-height: 1;
outline: none;
box-sizing: border-box;
}
#section1 h6 a {
  font-size: 26px;
  font-family: "Gotham";
font-weight: 300;
line-height: 1;
outline: none;
box-sizing: border-box;
}




/*** HOMEPAGE NON-PARALLAX TESTIMONIAL ***/
/*****************************************************/
#section2 { 

}
#section2 .testimonial-wrapper{}
#section2 .testimonial-logo{}
#section2 .testimonial-title{}
#section2 .testimonial-tagline{}








/*** PAGES TOP ATTRIBUTES ***/
/*****************************************************/

.top-page-image {
  background-repeat: no-repeat;
  background-size: cover;
	background-position: center center;
	justify-content: center;
align-items: center;
	text-align: center;
}
.page__title__inner {
	width: 100%;
	padding: 350px 0;/* 150px */
	display: flex;
flex-flow: wrap column;
}
h1.page-title  {
margin: 0 0 5px;
padding: 0;
font-weight: 600;
color: #fff;
}








/*** PAGES Main Content Area ***/
/*****************************************************/



.main-content {
padding: 0px 0 40px;
}
body.single-mm_ministry .main-content {
padding: 0px 15px 40px;
}
.main-pastors {
    margin-bottom: 2.5rem;
}
#pastor-christopher { 
      /* The image used */  /* The image used background-image:url("../images/pastor_christopher_bg.jpg"); */
  /* Set a specific height */
  min-height: 600px; 
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
    margin: 0 auto; 
    padding: 30px 0;
    position: relative; 
}
#pastor-nkem {
      /* The image used */  /* The image used  background-image:url("../images/pastor_nkem_bg.jpg"); */
  /* Set a specific height */
  min-height: 600px; 
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
    position: relative; 
}
.mt-5 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-top: 0 !important;
    margin-top: 0 !important;
}

img.about-img {
border-radius: 50%;
}









/*** MINISTRIES ***/
/*****************************************************/

.ministry-panel {
	margin-bottom: 45px;
}
.ministry-image {
	width: 50%;
	float: left;
}
.ministry-image img {
border-radius: 10px;
}
.ministry-content-wrap {
	width: 50%;
	float: left;
	padding: 15px;
}
.ministry-panel:nth-child(3) .ministry-image, .ministry-panel:nth-child(4) .ministry-image, .ministry-panel:nth-child(7) .ministry-image, .ministry-panel:nth-child(8) .ministry-image, .ministry-panel:nth-child(11) .ministry-image, .ministry-panel:nth-child(12) .ministry-image{
	float: right;
}
.ministry-content-wrap h6  {
margin: 0 0 5px;
padding: 0;
color: #000;
}
.ministry-content-wrap h6 a {
	font-size: inherit;
font-weight: 600;
color: #000;
}
.ministry-content-wrap h2 a:hover, .ministry-content-wrap h2 a:focus {
text-decoration: none;
color: #ee3d47;
}
.ministry-content, .ministry-content p  {
color: #000;
	font-family: 'Avenir Next';
	font-weight: 400;
	line-height: 1.5;
	font-size: 16px;
}
.ministry-content a.more-link {
color: #f6aa26;
	font-family: 'Avenir Next Bold';
	font-weight: 700;
	line-height: 1.5;
	font-size: 16px;
}
.ministry-content a.more-link:hover, .ministry-content a.more-link:focus {
text-decoration: none;
color: #ee3d47;
}






/*** EVENTS ***/
/*****************************************************/

.event-list > li {
	background-color: #cecece;
  background-repeat: no-repeat;
  background-size: cover;
	background-position: center center;
	justify-content: center;
align-items: center;
	text-align: left;
	width: 100%;
	padding: 8.78% 4.92%; /* 100px 56px; */
	border-radius: 15px;
	margin-bottom: 40px;
}
.event-list > li > time {
color: #fff;      /* The image used */  /* The image used */
  background-image:url("../images/event-date-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.event-list > li > .mm_info > p {
font-size: 16px;
font-weight: 400;
}
.event-list > li > .mm_info > p.mm_title {
color: #fff;
text-align: center;
font-weight: 700;
}
.event-list > li > .mm_info p.mm_location {
color: #fff;
}
.event-list > li > .mm_info p.mm_location > a {
	text-decoration: none;
    text-align: center;
	color: #fff;
}
.event-list > li > .mm_info p.mm_location > a:hover {
	text-decoration: underline;
    text-align: center;
	color: #fff;
}
.event-description-wrapper {
	margin-top: 15px;
}
.event-description-content {
color: #fff;
background-color: #c54029;
border-color: #c54029;
width: 100%;
margin: 0;
padding: 20px 15px;
}
.btn-info {
color: #fff;
background-color: #c54029;
border-color: #c54029;
width: 100%;
}
.btn-info:focus, .btn-info:hover {
color: #fff;
background-color: #9f230e;
border-color: #9f230e;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
color: #fff;
background-color: #9f230e;
border-color: #9f230e;
}

.mm_location b, .mm_location strong {
font-weight: 900;
letter-spacing: 2px;
}
.mm_description {
	margin: 15px 0;
}
.event-btn {
	text-align: center;
	margin: 15px auto 0;
    background: #f6aa26 !important;
}




/*** LIST OF SERMONS ***/
/*****************************************************/
body.page-id-16, body.tax-speaker, body.tax-topics, body.tax-series {
background-color: rgb(48, 48, 48);
}
body.single-mm_sermon, body.single-mm_testimonial {
    background-color: #fff;
    background-image: url('https://restorationhousenj.org/wp-content/themes/marvilmedia_2022/bootstrap/images/Single-Sermon-Background-3500.jpg'); 
    background-size: 100% 800px; 
    background-position: top center;
}

body.single-mm_sermon .container-white, body.single-mm_testimonial .container-white {
background-color: #fff;
    margin-top: 60px;
}
.sermon-panel {
	position: relative;
	margin-bottom: 30px;
}
.sermon-panel-container {
	position: relative;
	width: 100%;
	display: block;
	color: #000;
background-color: #fff;
border-radius: 8px;
	/* overflow: hidden; border: 1px solid transparent; box-shadow: 0 1px 1px rgba(0,0,0,0.05); */
}
.latest-sermon .sermon-panel-container {
	height: 100%;
}
.sermon-panel-container a{
	color: #000;
}
.sermon-panel-image {
  display: block;
  height: 200px;
  overflow: hidden;
	width:100%;
  /*max-width: 300px;
  border: 1px solid #000; */
}
      .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: .7s ease;
        background-color: #f6aa26;
      }
      .sermon-panel .sermon-panel-container:hover .overlay ,.sermon-panel-image:hover .overlay {
        opacity: 1;
      }
 .sermon-panel .sermon-panel-container:hover .overlay a, .sermon-panel-image:hover .overlay a {
width: 100%;
height: 100%;
display: block;
}

.sermon-panel .sermon-panel-container:hover .sermon-panel-content {
        opacity: 0;
      }

      .text {
        color: white;
        font-size: 18px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
      }
  .sermon-panel-image-inner {
display: block;
height: 100%;
transform: scale(1, 1);
transition: transform 0.4s;
background-size: cover; /* contain; */
background-repeat: no-repeat;
background-position: center center;
}

.sermon-panel-image:hover .sermon-panel-image-inner {
    transform: scale(1.05, 1.05);
}

.sermon-panel-content {
padding: 15px;
	position: relative;
}
.sermon-panel-container .row-icons {
margin: 24px 0 0;
width: 100%;
text-align: center;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
.sermon-panel-container .row-icons .icon-wrap {
width: 30%;
margin: 0 1%;
font-size: 10px;
line-height: 16px;
height: 90px;
display: inline-block;
align-items: center;
cursor: pointer;
padding: 0px;
}
.sermon-panel-container .row-icons .icon-wrap .icon-text a {
color: #000;
font-size: 0.90vw; /* 14px; */
line-height: 18px;
font-weight: 700;
text-transform: uppercase;
}

h4.sermon-panel-title {
	/*font-size: 26px;*/
	font-family: 'Avenir Next Bold';
	font-weight: 700;
	line-height: 20px; 
	margin-bottom: 0px;
}
h4.sermon-panel-title a {
	/*font-size: 26px;*/
	font-family: 'Avenir Next Bold';
	font-weight: 700;
	line-height:inherit;
	box-sizing: border-box;
	display: inline;
}
img.sermon-logo {
width: 60px;/* 80px */
height: auto;
margin: 15px 0 60px 15px;
}
h2.sermon-panel-title a {
	font-family: 'Gotham Ultra';/* font-size: 45px; *//*font-size: 26px;*/
	font-weight: 600;
	line-height: 1;
	box-sizing: border-box;
	display: block;
}

p.sermon-panel-meta {
	font-size: 16px;
	font-family: 'Avenir Next';
	font-weight: 400;/* 400 */
	line-height: 1.5;
margin-bottom: 0px !important;
color: #f6aa26;
}
p.sermon-panel-meta a {
color: #f6aa26;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, p.sermon-panel-meta a:hover, p.sermon-panel-meta a:focus {
color: #1c683e;
text-decoration: underline;
}

           
p.sermon-panel-excerpt {
	font-family: 'Avenir Next';
	font-weight: 400;
	line-height: 1.5;
	font-size: 16px;
margin-bottom: 14px !important;
}

a.sermon-panel-btn  {
	font-size: 16px;
padding: 6px 10px 5px;
	background-color: transparent;
	border: none;
position: absolute;
top: -20px;
left: 50%;
left: calc(50% - 31px);
}

a.sermon-panel-btn i {
width: 40px;
height: 40px;
color: #fff;
background-color: #f6aa26;
border-color: #f6aa26;
	border-radius: 3px;
font-size: 150%;
border-radius: 50%;
text-align: center;
padding: 7px;
}


a.sermon-panel-btn:focus, a.sermon-panel-btn:hover {
color: #f6aa26;
background-color: transparent;
border-color: transparent;
}


ul.page-numbers{
  list-style-type:none;
  display:flex;
  justify-content: center;

}
ul.page-numbers li{
  display: list-item;
  padding: 5px 10px;
  color:white;
  margin: 0 3px;
}
.tax-row-header {
background-color: #fff;
margin: 0 -30px 40px;
padding: 15px 30px;
line-height: 1;
}
 .tax-row-header h1 {
font-weight: 900;
margin: 0;
padding: 0;
line-height: 1;
}




/*** SINGLE SERMON ***/
/*****************************************************/

.row-video  {
padding: 40px 0;
}

body.single-mm_sermon .container-white .row-video {
padding: 0 0 40px;
}
.content_img {
}

.row-description {
	padding: 0 15px;
}
.row-description .col-md-12 {
	padding: 0;
}
.row-description h2{
	/*font-size: 24px;*/
	font-weight: 700;
	line-height: 29px;
    margin-bottom: 4px!important;
}
.sermon-metadata, .sermon-metadata a, .testimonial-metadata, .testimonial-metadata a {
	color: #000;
	opacity: .6;
	font-family: 'Avenir Next';
	font-weight: 400;
	line-height: 1.5;
	font-size: 16px;
}
.sermon-description, .sermon-description a {
	color: #000; 
	font-family: 'Avenir Next';
	font-weight: 400;
	line-height: 1.5;
	font-size: 16px;
margin-top: 16px;
}


.row-icons {
margin: 24px 0;
	width: 100%;
	text-align: center;
	display: block;
}
.icon-wrap {
width: 140px;
margin: 0 20px;
font-size: 13px;
line-height: 16px;
height: 90px;
display: inline-block;
align-items: center;
cursor: pointer;
/*border: 1px solid #000;*/
padding: 15px;
}
.icon-wrap a {
    color: #000;
}
.icon-wrap a:focus, .icon-wrap a:hover {
text-decoration: none;
color: #ee3d47;
}
.icon-icon i {
font-size: 30px;
margin-bottom: 10px;
}
.icon-text {
font-size: 14px; /* 15px; */
line-height: 18px;
font-weight: 700;
text-transform: uppercase;
}




/*** CONTACT US ***/
/*****************************************************/


body.page-id-22 .main-content {
	margin-top: 50px;
}
body.page-id-22 form {
	width:100%;
	padding: 50px 0 90px;
}
.row-form-1{ margin-bottom: 40px;}
.row-form-2{ margin-bottom: 40px;}
.row-form-3{ margin-bottom: 0px;}
body.page-id-22 form p {
	width:100%;
}
body.page-id-22 form input {
width: 100%;
border: 1px solid #000;
padding: 15px;
}
body.page-id-22 form textarea {
width: 100%;
border: 1px solid #000;
padding: 15px;
}

body.page-id-22 form .wpcf7-submit {
	width:100%;
	background-color: #000;
	color: #fff;
	text-align: center;
	padding: 15px;
}











form .row {
  position: relative;
  width: 100%;
  margin-bottom: 36px;
  overflow: hidden;
}
form .row.active input[type='text'], form .row.active input[type='email'], form .row.active textarea {
  color: #fff;
}
form .row.active label {
  transform: translate3d(0, 0, 0);
}
form .row.active label span {
  transform: scale(0.85);
}
form .row input[type='text'], form .row input[type='email'], form .row textarea{
  position: relative;
  display: block;
  width: 100%;
  padding: 13.5px 18px;
  color: #333;
  font-size: 1em;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #333;
  z-index: 2;
}
form .row input[type='text']:focus, form .row input[type='email']:focus,  form .row textarea:focus {
  outline: none;
}
form .row label {
  position: relative;
  transform: translate3d(0, -100%, 0);
  transition: font-size 0.2s cubic-bezier(0.83, 0, 0.6, 1), transform 0.2s cubic-bezier(0.83, 0, 0.6, 1);
  display: block;
  padding: 13.5px 0;
  font-size: 1.25em;
  z-index: 1;
}
form .row label span {
  position: relative;
  display: inline-block;
  transform: scale(1);
  transition: transform 0.2s cubic-bezier(0.83, 0, 0.6, 1);
  z-index: 2;
}
form .row label:before {
  position: absolute;
  top: 0;
  transform: translate3d(0, -100%, 0);
  transition: transform 0.2s cubic-bezier(0.83, 0, 0.6, 1);
  display: block;
  width: 100%;
  height: 100%;
  background: #333;
  content: '';
}


















 .contact-info {
padding: 0px;
	 margin-bottom: 90px;
background-image: url( "https://restorationhousenj.org/wp-content/uploads/2023/03/RH.00_03_18_02.Still013-scaled.jpeg");
background-color: #fff;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
     /* max-height: 394px; */
}
.row-contact-info {
    margin-left: 0;
    margin-right: 0;
}
.cp-boxes_div {
/* width: 33.3333333333%; 
	display: inline-block; */
	text-align: center;
	padding: 9.28% 0; /* 125px 65px; */
	position: relative;/* overflow: hidden; */
 background: rgba(0,0,0,0.7);
  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
}
.cp-boxes_div:hover {
  background: rgba(246, 170, 38, 1);
  cursor: pointer;
}
.cp-boxes_div .cp-boxes_mask{
  background: rgba(246, 170, 38, 0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
/* .cp-boxes_div:hover .cp-boxes_mask{
  opacity: 1;
}*/

#mmcpw_widget-2, #mmcpw_widget-3, #mmcpw_widget-4 {
  /* background: rgba(0,0,0,0.8); */
}


.cp-boxes_div h2.three-boxes-heading, .cp-boxes_div P {
	width:100%;
	text-align: center;
	color:#fff;
}










footer.main-footer{
	padding: 50px 0 50px;
  background-image:url( "../images/footer-background.png"); /* The image used */
  background-color: #fff; /* Used if the image is unavailable */
 /*  height: 500px; /* You must set a specified height */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
	color: #fff;
}


.ft-left img{
	margin: 0 auto 32px;
}
.ft-center{
	margin: 0 3.5%; /* 7.5%; */
}
.ft-right{}

footer.main-footer .footer-top {
	margin-bottom: 50px;
}

footer.main-footer .footer-top h3 {
  font-size: 16px;
  font-family: "Avenir Next";
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1.933;
    text-align: left;
	text-transform: uppercase;
	margin: 34px 0;
}

footer.main-footer .footer-top ul{ /* margin-left: 15px; */ }
footer.main-footer .footer-top ul li{
	text-transform: capitalize;
position: relative;
padding-left: 21px;
    margin-bottom: 15px;
    
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
}

footer.main-footer .footer-top i.fa {/* margin-right: 7px; */
position: absolute;
left: 0;
top: 7px;
}
footer.main-footer .footer-top p, footer.main-footer .footer-top a {
  font-size: 16px;
  font-family: "Avenir Next";
  color: rgb(255, 255, 255);
  font-weight: normal;
  line-height: 1.933;
    text-align: left;
}
footer.main-footer .footer-top a:focus, footer.main-footer .footer-top a:hover {
	text-decoration: none;
color: #ee3d47;
}

footer.main-footer .footer-top a.ft-fa-icon {
    display: inline-block;
    margin: 0 15px 30px 0;
    padding: 15px;
    width:50px;
    height: 50px;
	background: #ffffff;
    border-radius: 20%;
    text-align: center;
}
footer.main-footer .footer-top a:hover.ft-fa-icon {
background: #000;
}
footer.main-footer .footer-top a.ft-fa-icon i.fa {
    color: #353331;
    font-size: 22px;
}




footer.main-footer .footer-bottom p, footer.main-footer .footer-bottom p > a {
  font-size: 16px;
  font-family: "Avenir Next";
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1.933;
    text-align: center;
	margin-bottom: 16px;
}
footer.main-footer .footer-bottom p > a:focus, footer.main-footer .footer-bottom p > a:hover {
	text-decoration: none;
color: #ee3d47;
}




footer p,
footer p > a{
	font-size: 16px; /*14px;*/
	color: #fff;
	font-weight: 500;
    text-align: center;
    width: 100%;
}







@media screen and (max-width: 1215px){
	   
.sermon-panel-container .row-icons {
position: relative;
} 
}






@media screen and (max-width: 1024px){
.navbar-dark .navbar-brand {
width: 60px;
}
    a.navbar-brand img {
max-width: 100%;
}
    

   
    
    
    
.latest-sermon .sermon-panel-container {
height: 100%;
    padding-top: 15px;
}    
img.sermon-logo {
width: 60px;/*80px*/
height: auto;
margin: 15px auto 15px;
display: block;
}    
h2.sermon-panel-title a {
font-size: 18px; /* 2vw; */
}    
.sermon-panel-container .row-icons {
position: relative;
} 
.sermon-panel-container .row-icons .icon-wrap {
width: 30%;
margin: 0 1%;
padding: 0;
}
.sermon-panel-container .row-icons .icon-wrap .icon-text a {
font-size: 0.90vw;
}
    
    
    
    
    .embed-responsive {
min-height: 360px;
}
}







@media screen and (max-width: 991px){
        .navbar-collapse {
position: absolute;
top: 0;
left: 0;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
width: 100%;
height: auto;
display: block;
padding-top: 70px;
z-index: -1;
}

.navbar-dark.fixed-top .navbar-collapse {
    
background-color: rgba(0, 0, 0, 1);
    }
.navbar-dark.fixed-top.scrolled .navbar-collapse {
    
background-color: rgba(255, 255, 255, 1);
    }
            
            
            
    .navbar-collapse.collapsing {
        left: -75%;
        transition: height 0s ease;
    }

    .navbar-collapse.show {
        left: 0;
        transition: left 300ms ease-in-out;
    }

    .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: left 500ms ease-in-out;
    }
    
    
	.navbar-dark.fixed-top.scrolled .navbar-nav .nav-link {
text-align: center;
        display: block;
}
    .navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav #nav-link-108 {
text-align: center;
        display: block;
/* font-size: 30px; font-weight: 900; */
font-family: Futura, Helvetica, sans-serif;
font-size: 4vw;
text-transform: uppercase;
}
    .navbar-dark.fixed-top .navbar-toggler {
color: #fff;
border-color: #fff;
}
    .navbar-dark.fixed-top.scrolled .navbar-toggler {
color: #000;
border-color: #000;
}
  .hero-btn a.btn {
font-size: 1.5vw;
width: 100%;
    max-width: 115px;
}  
  
     
/* about page */  
    
.mt-5 {
position: relative;
top: 0;
left: 0;
transform: translate(0%, 0%);
padding-top: 0 !important;
margin: 25% 0 !important;
}
img.about-img { margin: 30px auto; }
#pastor-christopher, #pastor-nkem { background-attachment: scroll; }
#pastor-christopher > div > div > div.col-4, #pastor-nkem > div > div > div.col-4 { display: none !important; }  
#pastor-christopher > div > div > div.col-8, #pastor-nkem > div > div > div.col-8 {
    -ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;  
width: 100%;
    }
    
/* ministry page */     
    .ministry-panel  { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    
/* sermon page */  
    
    body > section > div.row.reveal.active > div.col-lg-8.col-md-4.col-sm-6.col-xs-12.latest-sermon { height: 100% !important; display: block; margin-bottom: 30px;}
    body > section > div.row.reveal.active > div.col-lg-4.col-md-4.col-sm-6.col-xs-12.latest-sermon { height: 100% !important; display: block;}
    
    #latest-sermon-info { margin-top: 30px; }
    
  body.single-mm_sermon .icon-wrap { width: 22%; margin: 0 1%; padding: 0; }
    
.sermon-panel-container .row-icons .icon-wrap .icon-text a { font-size: 1.9vw; }
        /* events page  */ 
.event-list > li > .info_general { width: 85%; float: right; }
}









@media screen and (max-width: 830px){
     
    
    /* events page  */ 
.event-list > li > .info_general { width: 85%; float: right; }
}









/* 832px landscape mode iphone and 768px ipad */
@media screen and (max-width: 768px){
    .hide-tablet { display: none; }
    
    .display-tablet { display: block; margin-bottom: 20px; }
	.navbar-nav { /*background: #fff;*/ }
    .nav-link { color: #000; text-align: center; }
 
/* sermon page */  
    
    body > section > div.row.reveal.active > div.col-lg-8.col-md-12.col-sm-6.col-xs-12.latest-sermon { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    body > section > div.row.reveal.active > div.col-lg-4.col-md-12.col-sm-6.col-xs-12.latest-sermon { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    
    #latest-sermon-info { margin-top: 30px; }
    
    /* events page  */ 
.event-list > li > .info_general { width: 85%; float: right; }
    
    
    
/* contact us page */  
    .cp-boxes_div h2.three-boxes-heading { font-size: 3vw; }
    .cp-boxes_div P { font-size: 1.5vw; line-height: 1; margin-bottom: 10px; }

}






@media screen and (max-width: 580px){

/* sermon page */  
    
    body > section > div.row.reveal.active > div.col-lg-8.col-md-4.col-sm-6.col-xs-12.latest-sermon { height: 100% !important; display: block; margin-bottom: 30px;}
    body > section > div.row.reveal.active > div.col-lg-4.col-md-4.col-sm-6.col-xs-12.latest-sermon { height: 100% !important; display: block;}
}






@media screen and (max-width: 500px){
.event-list > li > .info_general { width: 75%; float: right; }
}






/* @media screen and (max-width: 375px){  landscape Portrait mode */
@media screen and (max-width: 428px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
    
    
/* Homepage */  
    
    
.navbar-dark .navbar-nav .nav-link, .navbar-dark .navbar-nav #nav-link-108 {
/* font-size: 40px; font-weight: 400; */
letter-spacing: 5px;
}    
a.navbar-brand img {
max-width: 100%;
}   
.callout h1 {
font-size: 8vw;
}   
.callout h2 {
font-size: 6vw;
}    
.top-buttons .btn {
margin: 0 15px;
width: 40%;
max-width: 200px;
}    
 .hero-text h2 {
font-size: 11vw;
margin-bottom: 10px;
}   
 .hero-btn {
padding: 0;
}   
 .hover-zoom {
width: 100%;
max-width: 525px;
margin: 15px auto;
}   
.main-buttons .col-md-6:first-child {
	margin-left: auto;
	margin-right: auto;
}
.main-buttons .col-md-6:last-child {
	margin-left: auto;
	margin-right: auto;
}
.ft-center {
margin: 0;
}  
    
/* about page */  
    
.mt-5 {
position: relative;
top: 0;
left: 0;
transform: translate(0%, 0%);
padding-top: 0 !important;
margin: 25% 0 !important;
}
img.about-img { margin: 30px auto; }
#pastor-christopher, #pastor-nkem { background-attachment: scroll; }
#pastor-christopher > div > div > div.col-4, #pastor-nkem > div > div > div.col-4 { display: none !important; }  
#pastor-christopher > div > div > div.col-8, #pastor-nkem > div > div > div.col-8 {
    -ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;  
width: 100%;
    }
    
/* sermon page */  
    
    body > section > div.row.reveal.active > div.col-lg-8.col-md-4.col-sm-6.col-xs-12.latest-sermon { height: 100% !important; display: block; margin-bottom: 30px;}
    body > section > div.row.reveal.active > div.col-lg-4.col-md-4.col-sm-6.col-xs-12.latest-sermon { height: 100% !important; display: block;}
   
.latest-sermon .sermon-panel-container {
height: 100%;
    padding-top: 15px;
}    
img.sermon-logo {
width: 60px;/*80px*/
height: auto;
margin: 15px auto 15px;
display: block;
}    
h2.sermon-panel-title a {
/*1font-size: 4vw;0vw;*/
}    
.sermon-panel-container .row-icons {
position: relative;
} 
.sermon-panel-container .row-icons .icon-wrap {
width: 28%;
margin: 0 1%;
padding: 0;
}
.sermon-panel-container .row-icons .icon-wrap .icon-text a {
font-size: 2.5vw;
}
.latest-sermon .icon-text {
font-size: 3.6vw;
line-height: 18px;
font-weight: 700;
text-transform: uppercase;
}
body.single-mm_sermon .icon-wrap {
width: 22%;
margin: 0 1%;
padding: 0;
}    
body.single-mm_sermon .icon-wrap .icon-text, .icon-text a {
font-size: 3vw;
}    
 
    
/* ministry page */     
       
.ministry-image { width: 100%; }
.ministry-content-wrap { width: 100%; }   
  
 
    
/* events page */     
         
    
 .event-list {
padding: 0 15px !important;
}   
 .event-list > li {
padding: 25px 15px;
}   
.event-list > li > .info_general {
width: 80%;
float: right;
}    

    
}



@media screen and (max-width: 320px) {

    
/* sermon page */ 
.sermon-panel-container .row-icons .icon-wrap {
width: 28%;
margin: 0 1%;
padding: 0;
}
.icon-icon i {
font-size: 15vw; /* 40px; */
margin-bottom: 10px;
}
  .icon-text {
display: none;
}  
    
    
}