p{
margin-bottom: 15px;
}
#div_privacy{
display: none;
}
#ContainDiv{
min-height: 350px;

}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{padding-right: 0;}

#MyCarousel, .carousel, #contentSection{
padding: 0 !important;
}
p a:link{
font-size: 16px;
}

.btn-primary {
    color: #fff;
    background-color: #4B2E84;
    border-color: #4B2E84;
}
.btn-primary:hover{
    color: #fff;
    background-color: #33CBD0;
    border-color: #33CBD0;
}

/* BANNER */
.logo-wrapper{
background-image: url("/SiteImages/266-SchoolImages/266-top/266-3.jpg");

}


div#H_Search.max_width300{
width: 700px;
margin-right: auto;
margin-left: auto;
margin-top:40px !important;
}

@media(max-width: 1600px){
div#H_Search.max_width300{
width: 400px !important;
margin-right: auto;
margin-left: auto;
margin-top:40px !important;
}
}

#top-logo-bar {
  align-items: center;
  background-color: #4B2E84;
  border-bottom: 5px solid #33CBD0;
min-height: 270px;
}
#top-logo {
  max-width: 400px;
  padding-top: 20px;

  margin-left: 7%;
}
.right{
margin-top: -5px;
}
li.nav-item.dropdown {
z-index: 1031;
}

#topMenu {
  align-items: right;
  padding-right: 40px;
  text-align: right;
  padding-top: 40px;
}
#topMenu a {
  color: #ffffff;
  margin-right: 30px;
  font-size: 20px;
  text-decoration: none;
}

#topMenu a:hover {
  color: #8F80FF;
}
#topMenu a .fa {
  color: #ffffff;
  margin-right: 3px;
}

@media (max-width: 1450px) {
  #topMenu {
    padding-top: 10px;
    text-align: center;
    padding-right: 0px;
    padding-bottom: 20px;
  }

  #top-logo {
    margin-right: 0;
    margin-left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 0px;
  }
  #H_Search {
    clear: both;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    width: 400px !important;
  }
.right{
margin-top: 40px;
}

  }

div#H_Search.max_width300{
width: 400px !important;
position: relative;
margin-top: 25px;
}
.max_width300{
max-width: 400px !important;
}
}
/* END BANNER */





/* NAV BAR */
.row{
--bs-gutter-x: 0;
}

.container{
--bs-gutter-x: 0;
}
.container-fluid{
padding: 0;
margin: 0;
--bs-gutter-x: 0;
}
.navbar{
padding: 0;
background-color: #4B2E84;
}

.navbar-nav {
  display: flex;
  width: 100%;
  text-align: center;
  justify-content: center;
  margin: 0px;
background-color: #4B2E84;
}

.navbar-nav > li {
  float: none;
  display: inline-block;
}
.navbar-nav > li > a{
color: #ffffff;
}

.navbar-nav > li > a:hover{
color: #8F80FF;
}
.navbar-nav > li > .dropdown-menu > li > a{
color: #8F80FF !important;
}
.navbar-nav > li > .dropdown-menu > li > a:hover{
color: #4B2E84 !important;
}


.navbar {
  min-height: 40px;
  position: relative;
}
#outerNavbarWrapper {
  background-color: #4B2E84;
}
#innerNavbarWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

#mainNavbar {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

#mainNavbar > * {
  margin-left: 40px;
}

.navbar-nav > .dropdown {
  font-weight: bold;
  font-size: 17px;
}

.navbar-nav > li > .dropdown-menu a:link {
  font-weight: bold;
  font-size: 17px;
color: red;
}

.navbar-nav a:link {
  font-weight: bold;
  font-size: 17px;
}

.navbar-nav > li > a {
  padding-left: 13px;
  padding-right: 13px;
}
.navbar-default .navbar-nav > .active > a {
  background-color: #4B2E84;
}
.navbar-nav > li > a:hover {
  color: #4B2E84 !important;
  background-color: #e7e7e7 !important;
}

.navbar-nav > li > .dropdown-menu a:hover {
  color: #4B2E84 !important;
  background-color: #e7e7e7 !important;
}

@media (max-width: 767px) {
  #innerNavbarWrapper {
    flex-direction: column;
  }

  #mainNavbar {
    flex-direction: column;
  }

  #mainNavbar > * {
    margin-left: 0;
  }
.dropdown-item{
text-align: center;
}
.navbar-nav > li > .dropdown-menu > li > a{
color: #ffffff !important;
}


}
/* END NAV BAR */

/*---------Home Page Orbs-------------*/


  .orbsWrapper {
    background-color: #4B2E84;
  border-top: 5px solid #33CBD0;
  }

  .orbs {
    display: flex;
    gap: 40px;
padding-bottom: 30px;
    justify-content: center;
padding-left: 10%;
padding-right: 10%;
  }

  .orbs .item2 {
    text-align: center;
  }

  .orbs img {
    width: 100%;
  }

  @media (max-width: 991px) {
    .orbs {
      flex-direction: column;
      align-items: center;
      gap: 30px;
    }
  }
/*---------End  Home Page Boxes-------------*/


/*--------- Home Page Womens-------------*/
.womensWrapper{
margin: 30px; 50px;
}
.wleft > img{
align-items: center;
align-content: center;
justify-content: center;
margin-left: 20%;
max-width: 250px;
}


/*--------- End Home Page Womens-------------*/



.breadcrumb {
display: none;
}

.sortCatWrap {
display: none;
}





/*--------FOOTER-----------*/

.footerWrapper{
min-height: 250px;
background-color: #ffffff;
display: flex;
flex-direction: row;
justify-content: center;
gap: 100px;
align-items: flex-start;
color: #4B2E84;
font-size: 17px;
border-top: 5px solid #33CBD0;
border-bottom: 5px solid #33CBD0;
min-height: 250px;
}
.itemF{
margin-top: 40px;
color: #4B2E84;
}
.footerWrapper a{
color: #4B2E84;
font-size: 17px;
}
.logo2{
max-width: 350px;
}
.footerHeader{
font-weight: bold;
font-size: 20px;
}
@media(max-width: 990px){
.footerWrapper{
min-height: 200px;
background-color: #ffffff;
display: flex;
flex-direction: column;
justify-content: center;
gap: 30px;
align-items: flex-start;
color: #4B2E84;
font-size: 17px;
align-items: center;
text-align: center;
}
.footerItem{
margin-right: auto;
margin-left: auto;
text-align: center;
margin-bottom: 30px;
}
}
/*--------END FOOTER-----------*/

/*-----------Custom Pages--------*/
.page{
margin-bottom: 70px;
}

.pageHeader{
color: #4B2E84;
font-weight: bold;
text-align: center;
margin-top: 50px;
padding-bottom: 30px;
font-size: 35px;
}
.subHeader, .subHeader a{
color: #4B2E84;
font-weight: bold;
tex-align: center;
margin-top: 20px;
padding-bottom: 20px;
font-size: 23px;
}

.line{
width: 100%;
height: 2px;
background-color: #33CBD0;
display: block;
margin-bottom: 35px;
}

/*-----------End Custom Pages--------*/

/*-------------------Landing Pages-------------*/

.pond{
background-image: url("/SiteImages/266-SchoolImages/266-content/266-Summer1.jpg");
min-height: 1000px;
}
.frames{
display: flex;
flex-direction: row;
gap: 70px;
justify-content: center;
padding-top: 175px;
padding-bottom: 100px;
padding-left: 5%;
padding-right: 5%;
align-items: center;
}
.merchHeader{
color: #4B2E84;
font-size: 35px;
text-align: center;
font-weight: bold;
}


@media(max-width: 1000px){
.frames{
display: flex;
flex-direction: column;
gap: 30px;
justify-content: center;
padding-top: 50px;
}
.pond{
background-image: url("/SiteImages/266-SchoolImages/266-content/266-background5.jpg" );

}
.merchHeader{
color: #4B2E84;
font-size: 25px;
text-align: center;
font-weight: bold;
margin-top: 30px;
}
}

.itemM:hover .middle {
  opacity: 0.9;
}

.itemM{
  position: relative;
}
.middle{
  position: absolute;
top: 50%;
left: 50%;

  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-weight: bold;
  text-align: center;
  background: rgb(0, 0, 0);
  background: #d5e0ee; /* Black see-through */
  color: #374f75 !important; 
  width:80%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 14px;
  padding: 3px;
  text-align: center;
 border-radius: 5px;
}
.middle a{
color: #2c4d81!important;
}

/*-------------------End Landing Pages-------------*/