#cont {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.carousel .item {
  background-color: rgba(0, 0, 0, 0.4);
}

.carousel-inner > .item {
  height: 50vh;
}

.carousel-inner > .item > img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: 400px;
  width: auto;
}

.carousel-control.left,
.carousel-control.right {
  background-image: none;
}


#PAGEID_18215  {
  background-image: url("/resources/ShopShenCo/Aerial-min.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
} 


#PAGEID_18214 {
  background-image: url("/resources/Mayfest/Mayfest%20Crowd.PNG");
  background-color: #f9f9f7;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}



//Modal CSS
.modal-content {
  background-color: #125c95;
  font-family: ubuntu;
  font-size: 1.2em;
  width: 110%;
  color: black;
}
.modal-title {
	font-size: 2.5em;
    font-weight:bold;
    text-align: center;
    font-family: ubuntu;
}


/*Change Link Color in Modals, because of some weird inheritance, they must be referenced by ID instead of class */
#StrasTable a,
#StrasTable a:link,
#StrasTable a:visited,
#StrasTable a:hover,
#StrasTable a:focus,
#TomsTable a,
#TomsTable a:link,
#TomsTable a:visited,
#TomsTable a:hover,
#TomsTable a:focus,
#WoodTable a,
#WoodTable a:link,
#WoodTable a:visited,
#WoodTable a:hover,
#WoodTable a:focus,
#EdinTable a,
#EdinTable a:link,
#EdinTable a:visited,
#EdinTable a:hover,
#EdinTable a:focus,
#JackTable a,
#JackTable a:link,
#JackTable a:visited,
#JackTable a:hover,
#JackTable a:focus,
#NewTable a,
#NewTable a:link,
#NewTable a:visited,
#NewTable a:hover,
#NewTable a:focus,
#ShenTable a,
#ShenTable a:link,
#ShenTable a:visited,
#ShenTable a:hover,
#ShenTable a:focus {
    color: black;
}



/*Formating for Links to Open Modals, because of some weird inheritance, they must be referenced by ID instead of class */
#StrasName,
#TomsName,
#WoodName,
#EdinName,
#JackName,
#NewName,
#ShenName   {
font-size: 2.5em; font-family: Ubuntu; font-weight: bold; color:black;
}





a.stylizedButton.buttonStyle006 {
    border-radius: 50px;
}






//Was here when I started  working
#id_4OXcyP1 {
 background-image:url('https://sf.wildapricot.org/ThemeSharedRes/HeaderBackgroundImages/kaleidoscope_muskoka_07.jpg');
 background-repeat:no-repeat;
 background-position:left top;
 background-size:cover;
 width:61%;
 border-radius: 3%;
 /*! border: none; */
}





//Mobile Menu Colors CSS
.WaGadgetMobilePanel .mobilePanel {
    background: #125C95 !important;
}
.WaGadgetMobilePanel .mobilePanelButton {
    color: #E7ECEF !important;
}

.WaGadgetMobilePanel .menuInner ul.firstLevel {
    background:#125C95 !important;
}
.WaGadgetMobilePanel .menuInner ul.firstLevel>li>.item>a {
    color:#f9f9f7 !important;
}
.WaGadgetMobilePanel .menuInner ul ul {
    background:#125C95 !important;
}
.WaGadgetMobilePanel .menuInner ul ul li>.item>a {
    color:#f9f9f7 !important;
}
.WaGadgetMobilePanel .loginInner {
    background: #125C95 !important;
}
.WaGadgetMobilePanel .loginContainerForm .loginAction input.loginButton {
    background: #125C95 !important;
    color: #f9f9f7 !important;
}


/*This CSS was here when I started working */
div.sponsor {
position: relative;
width: 1100px;
height: 35px;
background-color: #00A651;
}

.levelRenewal{
display:none;
}

.levelRecurring{
display:none;
}

.levelBundle{
display:none;
}