@charset "utf-8";
/* CSS Document */

/*Page Layout Items*/
.full-width-100-percent {
	width:100%;
/*	border:2px solid red; */
  }
  
  /*** Use for normal homepage blue fade background ***/
  .home-background-frame {
	width:100%;
	background: linear-gradient(to bottom, rgba(126, 167, 194, 0.6) 10%, #FFF 25%);
	margin-top:15px;
  }


/*** Use for Day of Orange homepage -  Orange fade background 
  .home-frame-orange {
	background: linear-gradient(to bottom, rgb(255, 102, 0) 20%, #FFF 90%);
	margin-top:15px;
  }   


  /*** Use for Day of Pink homepage  -  Pink fade background 
  .home-frame-pink {
	background: linear-gradient(to bottom, rgba(253, 1, 140, 0.979) 2%, #FFF 20%);
	margin-top:15px;
  }***/


  #frame-1400{
	max-width:87.5rem; /* = 1400px */
	margin:0 auto;
  }
  
  .content-box-home {
	margin:0 auto;
	max-width:87.5rem;
  }
  
  .homepage-box-top {
	max-width:87.5rem;
  }

 / Homepage override from the Rotator Module.css file ****/
  .homepage-box-top img.carousel-img {
	aspect-ratio:0;
  } 
  
  .home-top-content-pane {
	  margin: 0 auto;
	  max-width: 87.5rem;
	  padding-top:14px;
	}
  
	.home-middle-content-pane {
	  margin:0 auto;
	}
  
	.home-main-content-pane {
	  margin:0 auto;
	}
  
	.homepage-box-main {
		padding-top:3rem;	
		padding-bottom:3rem;
	  	display: flex;
	  	flex-basis: 1;
	  	justify-content: space-between;
	}
	.homepage-box-main-left, .homepage-box-main-right {
		max-width:346px;
	}

	#permBoxHeritage {
		width: 100%;
	}

	.homepage-box-main-middle {
	  margin-left:40px;
	  margin-right:40px;
	}
	
	.homepage-box-main-middle .TitleHead {
		font-size:26px;
	}
  

	.homepage-box-main-left img,
	.homepage-box-main-right img {
		width:100%;
		height:auto;
	}

	@media (max-width: 87.5rem) {
	.homepage-box-main {
		padding-left:1rem;
		padding-right:1rem;
	}
	}


	@media (max-width: 780px) {
	.homepage-box-main {
			display: block;
	}

	 / Homepage override from the Rotator Module.css file ****/
	 .homepage-box-top img.carousel-img {
		aspect-ratio:18 / 6;
		object-fit: fill;
	} 

	.homepage-box-main-middle {
		margin-left:1rem;
		margin-right:1rem;
	}

	/**** column promos ****/
	.homepage-box-main-left, .homepage-box-main-right  {
		width:100%;
		max-width:100%;
	}

	.home-left-promo-box, .home-right-promo-box  {
		display: grid;
        grid-template-columns: 1fr 1fr;
		column-gap: 2rem;
		margin-top:-2rem;
		margin-bottom: -0.48rem;
	}

	.home-right-promo-box  {
		margin-top:4rem;
		margin-bottom: 2rem;
	}

	#permBoxOrange {
		margin-bottom:0;
	}
	}

	@media (max-width: 540px) {
		.home-left-promo-box, .home-right-promo-box  {
			column-gap: 1rem;
		}
	}

	@media (max-width: 380px) {
		.home-left-promo-box, .home-right-promo-box  {
			grid-template-columns: 1fr;
		}
	}

  /*/