/*
 * Troop 706 Style Sheet Customization
 */

.navbarScoutBlue {
  background:#003F87; /*--Scouting Blue */
}

.background_scoutsImage {	  
	/*position: relative;*/
    /*min-height: auto;*/
    /*text-align: center;*/
    color: #003F87; /* --Scouting Blue */

    /*min-height: 100vh;*/
    backgroud-color: #6d2622;
    /*background-color: #c9c9c9;*/
    background-image: url('../images/NEWS/SummerCamp.jpeg');
    background-repeat: no-repeat;
    background-size:	cover;
    background-position: center center; /*helps when stretching or compressing image */
    background-attachment: fixed;

    /*
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    */
}


.TextDescription {
	color: #003F87; /* --Scouting Blue */
	font-family: cursive; 
	left: 50%;
	position: absolute;
	top: 45%;
	transform: translate(-50%, -55%);
	text-align: center;
}

/*format border around forms page content*/
.formsBorder{
	border:1px dotted black;
}

.ScoutBlueColor
{
	color: #003F87; /* --Scouting Blue */
}

.commonHeadingTemplate {
	color:white; 
	font-family:cursive; 
	padding-top: 80px; 
	padding-bottom: 40px;
	text-align: center;
}

/*forms validation - input field errors*/
.error {
    color: red;
    font-style: italic;
}

.coverPhoto {
	color:white;
	float: left;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
	bottom: 0px;
	width: 100%;
}

/*News page to make picture size uniform*/
/* https://www.codehim.com/zoom/javascript-popup-enlarge-image-onclick*/
.container {
  max-width: 600px;
}

section.header {
  margin-top: 4rem;
  text-align: center;
}

section.content {
  text-align: center;
}

.value-img {
  display: block;
  text-align: center;
  margin: 2em 0;
}

img {
  max-width: 100%;
}

@media (min-width: 550px) {
  .header {
    margin-top: 10rem;
  }
}

.button.button-primary {
  background-color: #ce7338 !important;
  border-color: #ce7338 !important;
}

/* Set the background color of the calendar page to black */
.calendar-container {
  background-color: black;
  color: white; /* Ensure text is readable on a black background */
  padding: 20px; /* Optional: Add padding for better spacing */
  border-radius: 8px; /* Optional: Add rounded corners */
}
/* Set the iframe background to black */
.calendar-container iframe {
  background-color: black;
}
/* Ensure the heading is visible */
.calendar-heading {
  color: white; /* Ensure text is white */
  background-color: black; /* Optional: Add a contrasting background */
  text-align: center; /* Center the text */
  padding: 10px; /* Add some spacing */
  display: block; /* Ensure the element is displayed */
  visibility: visible; /* Ensure the element is visible */
  opacity: 1; /* Ensure full opacity */
}