/*GENERAL**********/

img {
	max-width: 100%;
}

.responsive-video2 {
  position: relative;
  width: 75%; /* Set to 75% of the page width */
  margin: 0 auto; /* Center horizontally */
  padding-top: 56.25%; /* Maintain 16:9 aspect ratio */
  overflow: hidden;
}

/* Iframe fills the container */
.responsive-video2 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 75%;
  border: 0;
  object-fit: cover; /* Ensures the preview fills the iframe properly */
}







#mainimg {
	width: 100%;
	padding-bottom: 1em;
	padding-top: 1em;
}

#line {
	padding: 0.4%;
	background-color: #E0E0E0;
}

#line2 {
	padding: 0.4%;
	background-color: #F0F0F0;
}

body {
	background-color: #F0F0F0; /*00FFFF*/
}

a {
	text-decoration: none;
}

#npe {
 pointer-events: none;
}

.previd{
	position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;	
}

.vid{
	position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
}

.selected {
	color: #00BFFF;
}


/*HEADER**********/

#bsd {
	font-family: 'Alef', sans-serif; font-weight: 700;
	margin: 0px;
	text-align: center;
	color: black;
	font-size: 0.7em;
}


/*NAVIGATION**********/

nav {
	font-family: 'Pacifico', cursive; 
	font-size: 1.6em;
}

nav a {
	color: black;
}

nav ul {
	list-style: none;	
	padding: 5px 0px;
	text-align: center;
	margin: 0px;
}

nav li {
	display: inline-block;
	margin: 0px 10px;
}

nav a:hover {
	color: #00BFFF;
}


/*FOOTER*************/

footer {
	text-align:center;
	font-family: 'Alef', sans-serif; font-weight: 700;
	color: gray;
	margin-top: 30px;
	clear: both;
	font-size: 0.7em
}


/*PAGE:OHR MENACHEM*********/
	
#ind-text1 {
	font-family: 'Alef', sans-serif; font-weight: 700;
	line-height: 1.4em;
	background-color: #F0F0F0;
	font-size: 1.1em;
	text-align:center;
	padding: 5%;
}

#ind-text2 {
	font-family: 'Alef', sans-serif; font-weight: 700;
	line-height: 1.4em;
	background-color: #F0F0F0;
	font-size: 1.5em;
	padding: 5%;
}

#ind-img {
	display: block;
	margin: 0 auto;
	border-radius: 100%;
	max-width: 200px;
	border: 20px solid;
	border-color: #00BFFF;
}

/*
video {
	width: 90%;
	padding: 5%;
	background-color: #E0E0E0;
}

.video {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 85%;
    height: 85%;
}

video.vjs-tech {
	padding:0%;
}
*/


/*PAGE:GALLERY**********/

#gal {
	font-family: 'Alef', sans-serif; font-weight: 700;
	background-color: #E0E0E0;
	color: #00BFFF;
	text-align: center;
}

#gal-text { 
	text-decoration: none;
	color:black; 
	font-family: 'Alef', sans-serif; font-weight: 700;
	line-height: 1.5em;
	font-size: 2.0em;
}

#gal-text:hover {
	color: #00BFFF;
}

	/*PAGE:ALBUMS**********/

	.image-row {
		display: flex;              /* Arrange images in a row */
		justify-content: space-between; /* Add even spacing between images */
		gap: 10px;                  /* Space between the images */
		margin-bottom: 5px;        /* Add spacing between rows */
	}

	.image-row img {
		width: calc(50% - 5px);     /* Force each image to take 50% of the row */
		display: block;             /* Ensure images behave as block elements */
		margin: 0;                  /* Remove default margins */
		border-radius: 10px;        /* Add slightly rounded corners */
	}

	.image-row img:nth-child(n+3) {
		display: none;              /* Hide any images beyond the first two in each row */
	}

/*
#gallery {
	margin-top: -15px;
	padding: 0px;
	list-style: none;
}

#gallery li {
	float: left;
	max-width: 50%;
	background: #E0E0E0;
}

#gallery li a p {
	margin: 0px;
	padding: 5%;
	font-size: 0.95em;
}

section ul li a p {
	color: black;
}
*/


	/*PAGE:VIDEOS**********/
	
	#prevideo {
	font-family: 'Alef', sans-serif; font-weight: 700;
	line-height: 1.0em;
	background-color: #E0E0E0;
	font-size: 2.0em;
	margin-bottom: 0px;
	color: #00BFFF;
	text-align:center;
	padding: 5%;
	}
	
	#vid-text {
	font-family: 'Oswald', ariel; font-weight: 700;
	line-height: 1.5em;
	background-color: #E0E0E0;
	text-align: center;
	font-size: 2.0em;
	}

	#vid-text2 { 
	text-decoration: none;
	color:black; 
	font-family: 'Alef', sans-serif; font-weight: 700;
	}
	
	#vid-text2:hover {
	color: #00BFFF;
	}

	
		/*PAGE:ALL PAGES FROM "VIDEOS"**********/
		
		#seconds5 {
		text-align: center;
		background-color: #F0F0F0;
		text-decoration: none;	
		font-family: 'Alef', sans-serif; font-weight: 700;
		color: gray;
		padding: 5%;
		font-size: 1.5em;
		line-height: 1.0em;
		}

		#vid-page {
		font-family: 'Oswald', ariel; font-weight: 700;
		line-height: 1.5em;
		background-color: #E0E0E0;
		text-align: center;
		font-size: 2.0em;
		}

		#purple { 
		text-decoration: none;
		color:black; 
		font-family: 'Alef', sans-serif; font-weight: 700;
		}
		
		#purple:hover {
		color: #00BFFF;
		}
		
		#purple3 { 
		text-decoration: none; 
		color: #00BFFF; 
		font-family: 'Alef', sans-serif; font-weight: 700;
		}

		#purple3:hover {
		color: #00BFFF;
		}
		
		
		
	
		
		
		
	/*PAGE:STORIES RABBI OVERLANDER*********/

	#prestory {
	font-family: 'Alef', sans-serif; font-weight: 700;
	line-height: 1.0em;
	background-color: #E0E0E0;
	font-size: 2.0em;
	margin-bottom: 0px;
	color: #00BFFF;
	text-align:center;
	padding: 5%;
	}

	#stories {
	font-family: 'Oswald', ariel; font-weight: 700;
	line-height: 1.5em;
	background-color: #E0E0E0;
	text-align: center;
	font-size: 2.0em;
	}
	
	#purple2 { 
	text-decoration: none; 
	color: black; 
	font-family: 'Alef', sans-serif; font-weight: 700;
	}
	
	#purple2:hover {
	color: #00BFFF;
	}
	
		
		/*PAGE:ALL PAGES FROM "RABBI OVERLANDERS STORIES"*********
		
		"Duplicate:" #seconds5 {
		text-align: center;
		background-color: #F0F0F0;
		text-decoration: none;	
		font-family: 'Alef', sans-serif; font-weight: 700;
		color: gray;
		padding: 5%;
		font-size: 1.5em;
		line-height: 1.0em;
		}
		
		*/
	
	
/*PAGE:DONATE**********/

.don {
	font-family: 'Alef', sans-serif; font-weight: 700;
	line-height: 1.0em;
	background-color: #E0E0E0;
	font-size: 2.0em;
	margin-bottom: 0px;
	color: black;
	text-align:center;
}

#donate form {
	text-align:center;
	background-color: #E0E0E0;
}

.iconify{
	color: grey	;
	font-size: 2.5em;
}

.iconify:hover {
		color: #00BFFF;
		}



/*PAGE:CONTACT**********/
#contact-person, #contact-number, #contact-email, #contact-number2 {
	font-family: 'Oswald', ariel; font-weight: 700;
	line-height: 1.2em;
	background-color: #E0E0E0;
	text-align: center;
	font-size: 1.1em;
	margin: 0px;
	padding: 20px;
	padding-bottom: 0px;
}

#contact-number, #contact-number2, #contact-email {
	padding-top: 10px;
}

#contact-person {
	font-size: 2.0em;
}

#contact-email {
	padding-bottom: 20px;
}


/*PAGE:CALENDAR**********/

#cal {
	width: 90%;
	padding: 5%;
	background-color: #E0E0E0;
}

#cal-text1 {
	font-family: 'Alef', sans-serif; font-weight: 700;
	line-height: 1.4em;
	background-color: #F0F0F0;
	font-size: 1.1em;
	text-align:center;
	padding: 5%;
}

#cal-text2 {
	font-family: 'Alef', sans-serif; font-weight: 700;
	line-height: 1.0em;
	background-color: #E0E0E0;
	font-size: 2.0em;
	margin-bottom: 0px;
	color: black;
	text-align:center;
}

#cal-text3 {
	font-family: 'Alef', sans-serif; font-weight: 700;
	line-height: 1.0em;
	background-color: #E0E0E0;
	font-size: 1.0em;
	margin-bottom: 0px;
	color: #00BFFF;
	text-align:center;
}

#cal-text4 {
	font-family: 'Alef', sans-serif; font-weight: 700;
	line-height: 1.0em;
	background-color: #E0E0E0;
	font-size: 1.0em;
	color: black;
	text-align:center;
	margin: 20px;
}

#button2 {
    font-family: 'Alef', sans-serif; font-weight: 700;
	background-color: #00BFFF;
    border: none;
    color: white;
    padding: 7px 32px;
    text-decoration: none;
    display: inline-block;
    font-size: 2.0em;
    margin: -5px 2px;
	width: 95%;
} 

.ntd2 {
	text-decoration: none;
}


/*PAGE:BUS**********/

#bus1 {
    color: white;
	text-align: center;
    padding: 7px 32px;
}
 
#button {
    font-family: 'Alef', sans-serif; font-weight: 700;
	background-color: #00BFFF;
    border: none;
    color: white;
    padding: 7px 32px;
    text-decoration: none;
    display: inline-block;
    font-size: 1.0em;
    margin: -5px 2px;
	width: 90%;
} 

.ntd {
	text-decoration: none;
}

#bus2 {
	text-align: center;
	background-color: #F0F0F0;
	text-decoration: none;	
	font-family: 'Alef', sans-serif; font-weight: 700;
	color: black;
	padding: 3%;
	font-size: 1.5em;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
	background-color: #F0F0F0;
}
.map-responsive iframe{
    left:11.5%;
    top:0;
    height:100%;
    width:77.0%;
    position:absolute;	
}

#bus3 {
	text-align: center;
	background-color: #E0E0E0;
	text-decoration: none;	
	font-family: 'Alef', sans-serif; font-weight: 700;
	color: #00BFFF;
	padding: 3%;
	font-size: 1.0em;
}


/*PAGE:CAMP*********/

.camp1 {
	padding: 5%;
	text-align:center;
	font-size: 1.5em;
}

#camp2 {
	margin-top: 0px;

}

#camp3 { 
text-decoration: none;
color:black; 
font-family: 'Alef', sans-serif; font-weight: 700;

}

#camp3:hover {
	color: #00BFFF;
}



/*PAGE:POLICIES*********/
#policies {
	text-align: center;
	background-color: #F0F0F0;
	text-decoration: none;	
	font-family: 'Alef', sans-serif; font-weight: 700;
	color: black;
	padding: 3%;
	font-size: 1.5em;
}

/* Container to maintain aspect ratio */
.responsive-video {
  position: relative;
  width: 100%; /* Full width of the screen */
  padding-top: 56.25%; /* Aspect ratio for 16:9 videos (height/width * 100) */
  overflow: hidden;
}

/* Iframe fills the container */
.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


/*PAGE:TANYA*********/

.audio-row {
  display: flex;
  flex-direction: column; /* Stack audio cards vertically */
  gap: 20px; /* Add spacing between rows */
  align-items: center; /* Center the audio cards horizontally */
}

.audio-card {
  width: 100%; /* Take full width of the parent container */
  max-width: 600px; /* Optional: Limit the maximum width */
  text-align: center;
}

.audio-title {
  font-family: 'Alef', sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #333;
}

audio {
  width: 100%; /* Makes audio control span the entire width of the card */
  outline: none; /* Removes the default outline */
}

.main-title {
  font-family: 'Alef', sans-serif;
  font-size: 28px;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px; /* Space between the main title and audio row */
  text-align: center; /* Ensures the text is centered */
}

/*PAGE:CHIDON*********/

.chidon-row {
  display: flex;
  flex-direction: column; /* Stack audio cards vertically */
  gap: 20px; /* Add spacing between rows */
  align-items: center; /* Center the audio cards horizontally */
}

.chidon-card {
  width: 100%; /* Take full width of the parent container */
  max-width: 600px; /* Optional: Limit the maximum width */
  text-align: center;
}

.chidon-title {
  font-family: 'Alef', sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #333;
}

audio {
  width: 100%; /* Makes audio control span the entire width of the card */
  outline: none; /* Removes the default outline */
}

.chidon-main-title {
  font-family: 'Alef', sans-serif;
  font-size: 40px;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px; /* Space between the main title and audio row */
  text-align: center; /* Ensures the text is centered */
}

.chidon-second-title {
  font-family: 'Alef', sans-serif;
  font-size: 28px;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px; /* Space between the main title and audio row */
  text-align: center; /* Ensures the text is centered */
}




/*PAGE:APPLICATION*********/
#application {
	text-align: center;
	background-color: #F0F0F0;
	text-decoration: none;	
	font-family: 'Alef', sans-serif; font-weight: 700;
	color: black;
	padding: 3%;
	font-size: 1.6em;
}