/*
	Theme Name: njp-v3 second
	Description: This is your custom style sheet
        for your child themes custom CSS code.
	Author: Your Name
	Author URI: http://example.com/
	Version: 2.0
	Template: njp-v3
	Template Version: 2.0

*/


/*
Add Your Custom CSS Below This Line
---------------------------------------------------------------- */
body{
  font-family: "Helvetica Neue";
  line-height: 1;
  background-color: #F8F7F3;
  color: #261E17;
        font-weight: bold;

}

button.menu-toggle{
	background-color: transparent !important;
	border:none !important;
}
.main-navigation {
position: fixed;
z-index: 99999999;
font-weight: bold;
}
p{
font-size: clamp(1.2rem, 2vw, 2rem);
}
.small p{
  font-size: 1rem;
}
h1{
  font-size: clamp(2rem, 3vw, 4rem);
    line-height: 1;
      font-weight: bold;
}
h2{
  font-size: clamp(1.5rem, 2.5vw, 3rem);
    line-height: 1;
      font-weight: bold;
}
.sticky-xl-top{
  height: 100vh;
  position: sticky;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

a {
	color: inherit;
  text-decoration: none;
}

a:visited {
	color: inherit;
}

a:hover,
a:focus,
a:active {
	color: #66513C;
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: 0;
}

#primary-menu a{
font-size: clamp(1.2rem, 2vw, 2rem);

}
/* .p-1 p{
  font-size: 5vw;
} */
.no-padding {
	padding-left: 0 !important;
	padding-right: 0 !important;
	position: relative;
}
.no-padding-2{
		padding-left: 0 !important;
	padding-right: 0 !important;
}

marquee{
	 background-color: #261E17 !important;
  color: #F8F7F3 !important;
	
}
p.fw-bold.marquee-text{
	font-size: clamp(5rem, 2vw, 2rem);
	margin-bottom: 0 !important;
}

h1.no-padding {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}

 h1.invert {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.swiper {
	display: block;
}
/* .swiper-slide img {
	display: block;
	width: 100%;
	height: 630px;
	object-fit: cover;
} */

.mySwiperHome {
	display: block;
	padding-top: 10px !important;
}
.swiper-button-next, .swiper-button-prev{
	color:#261E17 !important;
}
/* .mySwiperHome .swiper-slide img {
	display: block;
	width: 100%;
	height: 500px;
} */
.mySwiperHome .swiper-slide {

	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.scrolled-down {
	transform: translateY(-100%);
	transition: all 0.3s ease-in-out;
}
.scrolled-up {
	transform: translateY(0);
	transition: all 0.3s ease-in-out;
}
.h-60 {
	min-height: 70vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
.h-10 {
	min-height: 10vh;
	display: flex;
	/* justify-content: center;
	align-items: center; */
}
.p-60{
  padding-top: 5em;
}

.page-content,
.entry-content,
.entry-meta,
.entry-summary {
	margin: 1.5em 0 0;
}
.list-group-item {
  background-color: #F8F7F3;
}
.list-group-item:hover{
  background-color: #261E17;
  color:#F8F7F3;
}
.list-group-item h1:hover{
  color:#F8F7F3 !important;
}

@media only screen and (max-width: 600px) {
 
	#primary-menu{
	padding-left:15px !important;
}
	.swiper-slide{
		width: 50% !important;
	}
}

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

	.sticky-xl-top{
		position: static !important;
		height: 60vh !important;
	}
}