.wrapper {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: auto;
	min-height: 100vh;
	margin: 0;
	grid-template-areas: "header" "content" "sidebar" "footer";
}

.wrapper.full {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-template-rows: auto;
	min-height: 100vh;
	margin: 0;
	/* grid-template-areas: "header" "breadcrumbs" "content" "footer"; */
	grid-template-areas: "topmenu" "header" "content" "footer";
}

header.site-header {
    border-bottom: none;
    padding-left: 0;
}

.legacy-breadcrumbs {
	grid-area: breadcrumbs;
    /*width: 376px;*/
    width: 100%;
    margin: 0;
    font-size: .85em;
	position: relative;
	z-index: 0;
	/*top: 23px;*/
	color: #fff;
	font-weight: 500;
    background: #c95233;
    padding: 10px;
}

.legacy-breadcrumbs a, .legacy-breadcrumbs a:visited {
	/* color: #e88a71; */
	color: #fff;
}

/**** Legacy Styles ****/
.content.legacy  {
    width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  padding-right: 30px;
  padding-left: 30px;
}

.content.legacy ul {
  margin-left: 1.5em;
}

.legacy-section-title-image {
  margin-bottom: 30px;
}

.legacy-table-title h1, .legacy-table-title h2,
.legacy-table-title h3, .legacy-table-title h4,
.legacy-table-title h5, .legacy-table-title h6 {
  color: #c95233;
  text-align: center;
}

.content.legacy h1, .content.legacy h2,
.content.legacy h3, .content.legacy h4,
.content.legacy h5, .content.legacy h6 {
  color: #c95233;
  text-align: center;
}

.legacy-table-title h1:after {
  content: '';
  margin-bottom: 10px;
  border-bottom: 1px solid #000;
  width: 50%;
  display: block;
  width: 50%;
  margin: 10px auto 0;
}

.legacy-table-title p {
  font-size: 1.2em;
  text-align: center;
}


button.legacy-solid-btn {
  display: inline-block;
  margin-bottom: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #c95233;
  color: #ffffff;
  font-size: 12px;
  letter-spacing: 0.1em;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 16px;
  padding-right: 16px;
  border: 1px solid transparent;
  text-decoration: none;
  position: relative;
  top: 0;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  line-height: normal;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* button.legacy-solid-btn:before {
  content: "\f0a8";
  font-family: "Font Awesome\ 6 Free";
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  color: #000;
  padding-right: 5px;
} */

button.legacy-solid-btn:before {
  content: url("../images/back-arrow.png");
  width: 16px;
  position: relative;
  top: 4px;
  right: 6px;
}

/**** Popup for questions ****/
.popup-container {
  padding: 20px;
  margin-top: 0 !important;
}

body.legacy-educationproducts-elecfieldtrip-crp-q1 .nav-mobile .nav-btn,
body.legacy-educationproducts-elecfieldtrip-crp-q1 footer,
body.legacy-educationproducts-elecfieldtrip-crp-q2 .nav-mobile .nav-btn,
body.legacy-educationproducts-elecfieldtrip-crp-q2 footer,
body.legacy-educationproducts-elecfieldtrip-crp-q3 .nav-mobile .nav-btn,
body.legacy-educationproducts-elecfieldtrip-crp-q3 footer,
body.legacy-educationproducts-elecfieldtrip-crp-1a .nav-mobile .nav-btn,
body.legacy-educationproducts-elecfieldtrip-crp-1a footer,
body.legacy-educationproducts-elecfieldtrip-crp-1b .nav-mobile .nav-btn,
body.legacy-educationproducts-elecfieldtrip-crp-1b footer,
body.legacy-educationproducts-elecfieldtrip-crp-1c .nav-mobile .nav-btn,
body.legacy-educationproducts-elecfieldtrip-crp-1c footer,
body.legacy-educationproducts-elecfieldtrip-crp-2a .nav-mobile .nav-btn,
body.legacy-educationproducts-elecfieldtrip-crp-2a footer,
body.legacy-educationproducts-elecfieldtrip-crp-2b .nav-mobile .nav-btn,
body.legacy-educationproducts-elecfieldtrip-crp-2b footer,
body.legacy-educationproducts-elecfieldtrip-crp-2c .nav-mlegacy-educationproducts-elecfieldtrip-crp-obile .nav-btn,
body.legacy-educationproducts-elecfieldtrip-crp-2c footer,
body.legacy-educationproducts-elecfieldtrip-crp-3a .nav-mobile .nav-btn,
body.legacy-educationproducts-elecfieldtrip-crp-3a footer,
body.legacy-educationproducts-elecfieldtrip-crp-3b .nav-mobile .nav-btn,
body.legacy-educationproducts-elecfieldtrip-crp-3b footer {
  display: none;
}

body.legacy-educationproducts-elecfieldtrip-crp-q1 .nav-mobile, body.legacy-educationproducts-elecfieldtrip-crp-q2 .nav-mobile, body.legacy-educationproducts-elecfieldtrip-crp-q3 .nav-mobile,
body.legacy-educationproducts-elecfieldtrip-crp-1a .nav-mobile, body.legacy-educationproducts-elecfieldtrip-crp-1b .nav-mobile, body.legacy-educationproducts-elecfieldtrip-crp-1c .nav-mobile,
body.legacy-educationproducts-elecfieldtrip-crp-2a .nav-mobile, body.legacy-educationproducts-elecfieldtrip-crp-2b .nav-mobile, body.legacy-educationproducts-elecfieldtrip-crp-c .nav-mobile,
body.legacy-educationproducts-elecfieldtrip-crp-3a .nav-mobile, body.legacy-educationproducts-elecfieldtrip-crp-3b .nav-mobile {
  justify-content: center;
}

/*** END ****/

.navbar {
  display: inline;
}

.menu {
    position: relative;
    z-index: 99999;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.graphicfull {
  display: block;
  max-width: 600px;
  margin: 0 auto;
  text-align: center;
}

.ancillarycontent-image {
  text-align: center;
}

@media only screen and (min-width: 768px) {

	.wrapper {
		grid-template-columns: repeat(4, 1fr);
		grid-template-rows: auto auto 1fr auto;
		/* grid-template-areas: "header header header header" "breadcrumbs breadcrumbs breadcrumbs breadcrumbs" "sidebar content content content" "footer footer footer footer"; */
		grid-template-areas: "topmenu topmenu topmenu topmenu" "header header header header" "sidebar content content content" "footer footer footer footer";
	}

	.wrapper.full {
		/* grid-template-areas: "header header header header" "breadcrumbs breadcrumbs breadcrumbs breadcrumbs" "content content content content" "footer footer footer footer"; */
		grid-template-areas: "topmenu topmenu topmenu topmenu" "header header header header" "content content content content" "footer footer footer footer";
	}

  .legacy-breadcrumbs {
    width: 100%;
    /*top: 22px;*/
    /*left: 13px;*/
  }

}

@media only screen and (min-width: 960px) {

  .content.legacy {
    margin-top: 245px;
  }


  .legacy-breadcrumbs {
    /* top: 196px; */
    /*left: 10px;*/
  }

}

@media only screen and (min-width: 1100px) {

  .content.legacy {
    padding-right: 0;
    padding-left: 0;
		margin-top: 240px;
  }

}

@media only screen and (min-width: 1200px) {

  .legacy-breadcrumbs {
    /*top: 24px;*/
  }

}

@media only screen and (min-width: 1250px) {

	/*.content.legacy {*/
	/*	margin-top: 175px;*/
	/*}*/

}

@media only screen and (min-width: 1325px) {

	.content.legacy {
		margin-top: 200px;
	}



}

@media only screen and (min-width: 1400px) {

	.content.legacy {
		margin-top: 230px;
	}

}

@media only screen and (min-width: 1251px) {

	.content, .sidebar {
		margin-top: 129px;
	}

	.menu-toggle {
		display: flex !important;
		max-height: 100vh;
		overflow: visible;
	}

	/*.nav-container {*/
	/*	margin: auto auto -22px;*/
	/*}*/

}



/*****

    Legacy Mega Menu Code  -  Kids changes below

*****/
/* a, a:hover, a.active, a:active, a:visited, a:focus{
	color:#000;
	text-decoration:none;
} */

.legacy-menu{
/*	margin: 50px 100px 0px 100px; */
}

.legacy-menu {
	width: 100%;
	list-style: none;
	position: relative;
	/* background: #f1e9de; */
  display: flex;
}

.content.legacy .legacy-menu-container ul, .legacy-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.legacy-menu > li {
  display: inline-block;
  background: #f1e9de;
  /* float:left; */
}

.legacy-menu > li > a {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	/* border-right: 1px #365670 dotted; */
	-webkit-transition: color 0.2s linear, background 0.2s linear;
	-moz-transition: color 0.2s linear, background 0.2s linear;
	-o-transition: color 0.2s linear, background 0.2s linear;
	transition: color 0.2s linear, background 0.2s linear;
}

.legacy-menu > li > a.active,
.legacy-menu > li > a:hover,
li.drop-down ul > li > a:hover {
	background: #f1e9de;
	color: #c95233;
}

.legacy-menu i {
  float: left;
  font-size: 18px;
  margin-right: 6px;
  line-height: 23px !important;
}

.mega-menu {
  left: 0;
  right: 0;
  padding: 0;
  display: none;
  padding-top: 0;
  min-height: 100%;
}

p.mega-title {
  font-size: .9em;
  font-weight: 600;
}

h4.row.mega-title {
  color: #000;
  margin: 0 10px 0 0;
  font-size: 14px;
  padding-left: 0;
  padding-bottom: 5px;
  text-transform: uppercase;
  border-bottom: 1px solid #c95233;
  padding-top: 15px;
  /* background-color: #c95233; */
}

.pal h4.row.mega-title {
	color: #41aea5;
	border-bottom: 1px solid #41aea5;
}

.pal a {
	color: #41aea5;
}

.arc h4.row.mega-title {
	color: #d26c3d;
	border-bottom: 1px solid #d26c3d;
}

.arc a {
	color: #d26c3d;
}

.bas h4.row.mega-title {
	color: #517d33;
	border-bottom: 1px solid #517d33;
}

.bas a {
	color: #517d33;
}

.pu1 h4.row.mega-title {
	color: #ad7bde;
	border-bottom: 1px solid #ad7bde;
}

.pu1 a {
	color: #ad7bde;
}

.pu2 h4.row.mega-title {
	color: #db5960;
	border-bottom: 1px solid #db5960;
}

.pu2 a {
	color: #db5960;
}

.pu3 h4.row.mega-title {
	color: #4d98d3;
	border-bottom: 1px solid #4d98d3;
}

.pu3 a {
	color: #4d98d3;
}

.mod h4.row.mega-title {
	color: #db4fa0;
	border-bottom: 1px solid #db4fa0;
}

.mod a {
	color: #db4fa0;
}

.pos h4.row.mega-title {
	color: #cdb119;
	border-bottom: 1px solid #cdb119;
}

.pos a {
	color: #cdb119;
}

.mor h4.row.mega-title {
	color: #245bc0;
	border-bottom: 1px solid #245bc0;
}

.mor a {
	color: #245bc0;
}

a.toggle-menu {
    position: absolute;
    right: 0px;
    padding: 20px;
    font-size: 27px;
    background-color: #f1e9de;
    color: #000;
    top: 0px;
}

.mega-menu ul li a {
  line-height: 15px;
  font-size: 90%;
  display: block;
}

ul.stander li a {
    padding: 3px 0px;
}

ul.description li {
    padding-bottom: 12px;
    line-height: 8px;
}

ul.description li span {
  color: #989898;
  font-size: 85%;
}

a.view-more {
  border-radius: 1px;
  margin-top:15px;
  color: #000;
  background-color: #f1e9de;
  padding: 2px 10px !important;
  line-height: 21px !important;
  display: inline-block !important;
}

a.view-more:hover {
	color: #f1e9de;
	background: #c95233;
}

ul.icon-des li a i {
  color: #f1e9de;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  background-color: #c95233;
  line-height: 35px !important;
}

ul.icon-des li {
  width: 100%;
  display: table;
  margin-bottom: 11px;
}

/*Images*/
.Images {
	left: 0;
  width: 100%;
	display: none;
	color: #fefefe;
	padding-top: 15px;
	background: #547787;
	padding-bottom: 15px;
}

.Images h4 {
  font-size: 15px;
  margin-top: 0px;
  text-transform: uppercase;
}

/*common*/
.flyout-right ul>li>a,
.flyout-left ul>li>a,
.flyout-mega-wrap,
.mega-menu {
	background-color: #f1e9de;
}

/*hover*/
.mega-menu:hover,
li.flyout-left>ul:hover,
li.flyout-right>ul:hover,
.flyout-mega-wrap:hover,
li.flyout-left a:hover +ul,
li.flyout-right a:hover +ul,
.mega-drop-down a:hover+.mega-menu,
li.flyout-mega>a:hover +.flyout-mega-wrap {
	display: block;
  padding: 15px;
}

.legacy-menu > li > a {
  display: block;
  padding: 10px 15px;
 }

 .row {
   margin-right: -15px;
   margin-left: -15px;
   margin-bottom: 20px;
 }

 .row:after, .row:before {
   display: table;
   content: " ";
 }

 .row:after {
   clear: both;
 }

 .col-md-2, .col-md-3, .col-md-4, .col-md-5,
 .col-md-6, .col-md-7, .col-md-8, .col-md-9  {
   position: relative;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
 }

 .col-md-2 .row, .col-md-3 .row, .col-md-4 .row, .col-md-5 .row,
 .col-md-6 .row, .col-md-7 .row, .col-md-8 .row, .col-md-9 .row  {
   margin: 10px 0 0 0;
 }

 /******

         Kids menu changes

*******/

/* Aliseea code for kids menu */

.pal ul li a:hover {
	color: #3c928b;
}

.arc ul li a:hover {
	color: #ba582a;
}

.bas ul li a:hover {
	color: #325719;
}

.pu1 ul li a:hover {
	color: #8a54be;
}

.pu2 ul li a:hover {
	color: #bc3c44;
}

.pu3 ul li a:hover {
	color: #3076ae;
}

.pos ul li a:hover {
	color: #b09813;
}

.mod ul li a:hover {
	color: #bf3786;
}

.mor ul li a:hover {
	color: #0b347f;
}

/*Start of Button Code for Kids Page*/

.button {
	background-color: #fff6e6;
	color: #000000;
	border: 2px solid #c95233;;
	border-radius: 4px;
	padding: 6px 16px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 15px;
	transition-duration: 0.4s;
	cursor: inherit;
	}

.button:hover {
	  background-color: #c95233;
	  color: white;
	}

/* End of Button Code for Kids Page */

/* End of Aliseea's code */

body[class*="pueblo-history-kids"] {
	background: #fff6e6;
}

body[class*="pueblo-history-kids"] footer::before {
    /*content: url('../images/kids_footer.png'); */
    content: '';
    display: block;
    background: url('../images/kids_footer.png') no-repeat 0 0;
    background-size:  contain;
    position: relative;
    top: -25px;
    width: 100%;
    height: 46px;
}

body[class*="pueblo-history-kids"] .kids-bg h1 {
	margin: 53px 0 0 0;
	font-family: 'Rubik Dirt';
	font-size: 3.1em;
	color: #a65634;
	font-weight: normal;
	text-align: center;
}

body[class*="pueblo-history-kids"] .kids-bg h2 {
	font-family: 'Rubik Dirt';
	color: #76625a;
	font-weight: normal;
	font-size: 2.1em;
	text-align: center;
}

.kids-bg {
	background: url('../images/kids_header.jpg') no-repeat 0 0;
	margin-top: 185px;
	height: 173px;
}

@media only screen and (min-width: 1325px) {

    .kids-bg {
        margin-top: 139px;
    }
}


.content.legacy.kids {
	margin-top: 0;
	padding-bottom: 70px;
}

.legacy-menu-container.kids {
	position: relative;
    top: 10px;
    left: 5px;
	font-family: 'Long Cang', 'Open Sans';
	font-size: 1.6em;
    width: 99%;
}

.legacy-menu-container.kids h4.row.mega-title {
	font-size: 23px;
}

.legacy-menu-container.kids p.mega-title {
	font-size: .8em;
	margin: 0;
}

.kids .mega-menu {
	top: 72px;
	-webkit-box-shadow: 0 0 5px 0 #c9c3bc;
	-moz-box-shadow: 0 0 5px 0 #c9c3bc;
	box-shadow: 0 0 5px 0 #c9c3bc;
}

.kids .legacy-menu > li {
	-webkit-box-shadow: 0 0 5px 0 #c9c3bc;
	-moz-box-shadow: 0 0 5px 0 #c9c3bc;
	box-shadow: 0 0 5px 0 #c9c3bc;
}

li.mega-drop-down img {
	vertical-align: middle;
}


/*responsive*/
 @media (min-width:769px) {

  .mega-menu, .flyout-mega-wrap, .Images, .Blog,.flyout-right>ul,
  .flyout-left>ul, li.drop-down>ul {
		position:absolute;
  }

  .flyout-right>ul {
	  left: 100%;
	}

	.flyout-left>ul {
	  right: 100%;
  }

}

@media (max-width:769px) {

	.legacy-menu {
		min-height: 58px;
	  background-color: #f1e9de;
		width: 100%;
	}

  .mega-menu-dropdown {
    /* background-color: #f1e9de; */
  }

	.legacy-menu > li > a {
		width: 100%;
	  display: none;
	}

	.legacy-menu > li {
		width: 100%;
	}

	.display.legacy-menu > li > a {
        display: block;
        padding: 10px 15px;
	}

  .mega-menu, .Images, .Blog,.flyout-right>ul,
  .flyout-left>ul, li.drop-down>ul {
		position:relative;
  }

}

@media (min-width: 992px) {

    /**** Kids ****/
    body[class*="kids"] footer::before {
        top: -105px;
    }

    /**** ****/

  .col-md-2, .col-md-3, .col-md-4, .col-md-5,
  .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
  }

  .col-md-9 {
      width: 75%;
  }

  .col-md-8 {
      width: 66.66666667%;
  }

  .col-md-7 {
      width: 58.33333333%;
  }

  .col-md-6 {
      width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

}

/* Aliseea grid code */

/* utilities */

.grid-col-span-2 {
	grid-column: span 2;
}

/* grid */

.m6-ui-grid {
	display: grid;
	gap: 1.5rem;
	/* grid-template-areas:
	'one'
	'two';
  width: min(95%, 70rem); */
  margin-inline: auto;
}

.m6-ui-grid2 {
	display: grid;
	gap: 1.5rem;
	/* grid-template-columns:
	repeat(3, 1fr);
  width: min(95%, 70rem); */
  margin-inline: auto;
	margin-top: 15px;
}

.m6-ui {
  border-radius: 0.5rem;
  box-shadow: 2.5rem 3.75rem 3rem -3rem hsl(var(--clr-secondary-400) / 0.25);
}

.m6-ui.quote {
  background-image: url("./images/bg-pattern-quotation.svg");
  background-repeat: no-repeat;
  background-position: top right 10%;
}

.m6-ui .name {
  line-height: 1;
}

.m6-ui .position {
  opacity: 0.5;
}

.m6-ui > p:first-of-type {
  line-height: 1.2;
}

.m6-ui > p:last-of-type {
  opacity: 0.7;
}


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

	.m6-ui {
		padding: 10px 0px;
	}
}