#familyForm{display:none;background-color:#efefef;}
#familyMembers{border:1px solid #000;margin-bottom:10px;padding:5px;}
#familyMembers H3{background-color:#dd3333; color:#fff;padding:5px;}
#myCart{border:1px solid #000;margin-bottom:10px;padding:5px;}
#myCart H3{background-color:#dd3333; color:#fff;padding:5px;}
#registeredClasses{border:1px solid #000;margin-bottom:10px;padding:5px;}
#registeredClasses H3{background-color:#dd3333; color:#fff;padding:5px;}
#campForms{border:1px solid #000;margin-bottom:10px;padding:5px;}
#campForms H3{background-color:#dd3333; color:#fff;padding:5px;}
  #confirmationClass {
      
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-color: #fff;
      padding: 20px;
      border: 1px solid #ccc;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      z-index: 9999;
      width:90%;
      height:90%;
      overflow-y: scroll;
  }
#familyMemberForm{max-width:600px;width:100%;margin:auto auto;}
.pQuestion{display:none;}
.pQuestion textarea{
width:100%;
 line-height: 1.2; /* Adjust as needed */
    height: calc(5 * 1.2 * 1em);
}
.pQuestion input[type="text"]{
width:100%;
}

.addFamily{padding:3px; background-color:#dd3333; color:#fff;width:200px;text-align:center;cursor:pointer;margin:auto auto;}
.childInfo{width:50%;float:left;}
.childButtons{width:50%;float:right;}
.childButtons button{
	width:90%;
	margin:5px;
}
.parentInfo{width:50%;float:left;}
.parentButtons{width:50%;float:right;}
.parentButtons button{
	width:90%;
	margin:5px;
}
#familyMembers ul{list-style-type: none;}
#familyMembers li{border-bottom:1px solid #000;width:100%;padding-bottom:10px;}
.formCard{display:none;border:1px solid #000;padding:5px;}
#dow{padding-left:25px;}
.atlcImage{
width:300px;
}
.childInactive{width:200px; height:50px;padding:.7em 1.5em; border:1px solid #dd3333;text-align:center;margin:10px;position:relative;cursor:pointer;}
.childInactive:hover::before {
    content: '\2713'; /* Unicode checkmark character */
    position: absolute;
    left: 10px; /* Adjust the left position based on your preference */
    top: 50%;
    transform: translateY(-50%);
}
.childActive{background:#dd3333; color:#fff; border:1px solid #dd3333;text-align:center;margin:10px;position:relative;cursor:pointer;}
.childActive::before {
    content: '\2713'; /* Unicode checkmark character */
    position: absolute;
    left: 10px; /* Adjust the left position based on your preference */
    top: 50%;
    transform: translateY(-50%);
    color:#fff;
}
.exampleActive{background:#dd3333; color:#fff; border:1px solid #dd3333;text-align:center;margin:10px;position:relative;cursor:pointer;}
.exampleActive::before {
    content: '\2713'; /* Unicode checkmark character */
    position: absolute;
    left: 10px; /* Adjust the left position based on your preference */
    top: 50%;
    transform: translateY(-50%);
    color:#fff;
}
#totalDaysDisplay{clear:both;display:block;width:100%;}
#registrationDetails {
    display: flex; /* Use flexbox for layout */
    flex-wrap: wrap; /* Allow items to wrap to the next line */
    gap: 10px; /* Space between checkboxes */
}
#registrationDetails label{
border:1px dotted #b3b3b3;
}
.registrationWaitlist {
    display: block; /* Make label a block element */
    position: relative; /* For positioning the pseudo-element */
    border:1px solid #dd3333;
}

.registrationWaitlist::after {
text-align:center;
    content: 'waitlist'; /* Text to display */
    font-size: .8em; /* Smaller font size */
    color:#dd3333;
    display: block; /* Ensure it appears on a new line */
    margin-top: 1px; /* Space between label and waitlist text */
}

.signUp-button{width:200px; height:50px;padding:.7em 1.5em; border:1px solid #dd3333;text-align:center;margin:10px;position:relative;cursor:pointer;}
#addCamper{background:#dd3333; color:#fff; border:1px solid #dd3333;text-align:center;margin:10px;cursor:pointer;}
.campCard{max-width:330px;width:100%;float:left;border:1px solid #dd3333;padding:10px;margin:10px;}
.campTitle{height:5.1em;  display: flex; justify-content: center; align-items: center;width:100%;}
.campCard h3{text-align:left;padding:4px;margin:0px;border-bottom:1px solid #000;margin:0px !important;font-size:1.7em;text-align:center;}
.campCard h4{color:#dd3333 !important;text-transform: capitalize; text-align:center;margin:0px !important;padding-bottom:5px;font-size:1.6em;}
.campCard{    }
.campImgContainer{height:300px; overflow:hidden;text-align:center;}
.campImg{max-width: 100%; max-height: 100%;}
.cartItem{max-width:330px;width:100%;float:left;border:1px solid #dd3333;padding:10px;margin:10px;position:relative;min-height:350px;}
.deleteItem {
    position: absolute;
    bottom: 5px;
    right: 5px;
    cursor: pointer;
    font-size: 44px;
    color: #dd3333;
}


#registerCart{float:right;}
.classItem{max-width:330px;width:100%;float:left;border:1px solid #dd3333;padding:10px;margin:10px;position:relative;min-height:250px;}
#daysCheckbox{display:none;}
.actionButton{max-width:330px;width:100%;float:left;background:#dd3333;padding:10px;margin:10px;text-align:center;color:#fff;}
.actionButton:hover{max-width:330px;width:100%;float:left;background:#dd3333;padding:10px;margin:10px;text-align:center;color:#fff;animation:psShake 1s;}
.classInfoButton{max-width:330px;width:100%;float:left;background:#dd3333;padding:10px;text-align:center;color:#fff; font-weight:700;}
.classInfoButton:hover{max-width:330px;width:100%;float:left;background:#dd3333;padding:10px;text-align:center;color:#fff;font-weight:700;	animation:psShake 1s;}
.childNames{float:left;}
.childName{background:#dd3333;color:#fff;width:100%;padding:5px;font-weight:900}
.multipleKids{font-size:.8em;}
.className{font-weight:700;}
.waitlist{background:rgba(221, 51, 51, 0.1);}
    /* Style for the form window */
    .form-window {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: #fff;
        padding: 20px;
        border: 1px solid #ccc;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        z-index: 9999;
        width:90%;
        height:90%;
        overflow-y: scroll;

    }
    #shadow{
		width:100%;
		height:100%;
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9998;
		background:#000;
		opacity:.7;
    }
    .closeForm{
		 cursor: pointer;
		 top:0px;
		 right:0px;
		 float:right;
		 height:40px;
		 width:50px;
		 background-color:#dd3333;
		 font-weight: bold; /* Adjust font weight as needed */
		 color:#fff;
		 font-size:38px;
		 text-align:center;
		 line-height:40px;
    }
.closeForm::after {
    content: 'X'; /* Content you want to add after the div */
}
.moreForms{background-color:#000;width:300px;font-weight:900; height:50px;padding:.7em 1.5em; border:1px solid #dd3333;text-align:center;margin:10px;position:relative;cursor:pointer;float:left;}
.moreForms a{
color:#fff;text-decoration:none;display: block;
}
    #registrationDetails label{padding-right:10px;font-size:22px;}

    #registrationDetails input[type="checkbox"] {
        width: 33px;
        height: 33px;
    }
h3.questionCategory{
	background-color: unset !important;
	color:unset !important;
	padding:0px !important;
	margin-bottom:1px !important;
}
.questionBlock{
border:1px solid #000;
padding:10px;
}
.ansBlock{
	background-color:#ececec;
}
.ansBlock input[type="date"] {
    width: 100%;
}
.ansBlock textarea{
width:100%;
 line-height: 1.2; /* Adjust as needed */
    height: calc(4 * 1.2 * 1em);
}
.ansBlock input[type="text"]{
width:100%;
}
.siteRegistration{
padding:5px;
margin:5px;
}
.answerRequiredText{display:none;}
.answerRequired{display:none;}

.atlcCartButton {
    display: inline-block;
    position: relative;
    padding: 5px 10px;
    background-color: #f8f9fa;
    color: #333;
    border-radius: 20px;
}

.cart-icon {
    margin-right: 5px;
    color: #fff;
}

.cart-count {
    color: #fff;
}
.hideButton{
display:none;
}
#atlcCartCount{
	position:fixed;
	left:0px;
	top:45%;
	height:130px;
	width:50px;
	background-color:#dd3333;
	writing-mode: vertical-rl; /* vertical right-to-left */
	text-orientation: mixed; /* for better browser compatibility */
	color: #fff;
	line-height:50px;
	font-size:20px;
	padding-top:10px;
	font-weight:700;
	z-index:99;
	cursor:pointer;
}
.login-username,
.login-password{margin:10px;max-width:330px;width:100%;}

.loginForm{
    display: flex; /* Use flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    flex-direction: column; /* Align items vertically */
    text-align: center; /* Center text */
}
#customLogout{
float:right;
background-color:#000;
width:200px;
}
.atlcCartDiv{
    display:none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    width:100%;
    height:100%;
    /*overflow-y: scroll;*/
}
.myCartTitle{font-size:2em;}
    #cartItems{width:100%;
    height:100vh;
    padding-right:10px;
    overflow-y: scroll;
    padding-bottom:150px;
}
.cartResponse{
width:100%;
text-align:center;
}
.goBack{
	border:1px solid #000;background-color:#dd3333;color:#fff;width:100%;max-width:330px;padding:20px;text-align:center;margin-top:30px;margin-bottom:30px; margin: auto auto;font-size:1.5em;
}

#classesButton{
	border:1px solid #dd3333;background-color:#000;color:#fff;width:100%;max-width:330px;padding:20px;text-align:center;margin-top:30px;margin-bottom:30px; margin: auto auto;font-size:1.5em;
}
#classesButton a{color:#fff;text-decoration:none;display: block;}
.grandTotal{width:100%;background:#dd3333; color:#fff;font-weight:900;padding:10px;position:fixed;bottom:0px;left:0px;cursor: pointer;}
    .closeCart{
		 cursor: pointer;
		 top:0px;
		 right:0px;
		 float:right;
		 height:40px;
		 width:50px;
		 background-color:#dd3333;
		 font-weight: bold; /* Adjust font weight as needed */
		 color:#fff;
		 font-size:38px;
		 text-align:center;
		 line-height:40px;
    }
.closeCart::after {
    content: 'X'; /* Content you want to add after the div */
}
.atlc-registration-button{
    display: inline-block;
    padding: 10px 20px;
    background-color: #dd3333; /* Green */
    color: #fff;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    border:1px solid #dd3333;
}
.atlc-registration-button:hover{
    background-color:#fff;
    color:#dd3333;
    
}

.cb{clear:both;}

/* Form wrapper and last updated date styles */
.atlc-form-wrapper {
	margin-bottom: 10px;
}
.atlc-form-last-updated {
	font-size: 0.9em;
	color: #5e5e5e;
	margin-top: 5px;
	margin-left: 5px;
	font-style: italic;
}
.atlc-form-last-updated strong {
	color: #000;
	font-weight: 600;
	font-style: normal;
}

@keyframes psShake {
  0% {transform: scale3d(1,1,1);}
  20%{transform: scale3d(1.02,1.02,1);}
  40%{transform: scale3d(.98,.99,1);}
  60% {transform: scale3d(1.01,1.01,1);}
  80% {transform: scale3d(.99,.99,1);}
  100% {transform: scale3d(1,1,1);}
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@media only screen and (max-width: 768px) {
.checkbox-wrapper {
    display: flex;
    align-items: center;
    margin-bottom:10px;
}

.ansBlock input[type="date"] {
    width: 100%;
}
.ansBlock textarea{
width:100%;
 line-height: 1.2; /* Adjust as needed */
    height: calc(4 * 1.2 * 1em);
}
.ansBlock input[type="text"]{
height:44px;
width:100%;
}

    .ansBlock input[type="checkbox"] {
        width: 44px;
        height: 44px;
    }
    .ansBlock input[type="radio"] {
        width: 44px;
        height: 44px;
    }
    .radioLabel{
    	padding:10px;
    }
    .checkBoxLabel{

    }
    #registrationDetails{}
    #registrationDetails label{padding-right:10px;display:block;font-size:22px;}
    #registrationDetails input[type="checkbox"] {
        width: 44px;
        height: 44px;
    }
}
/*
@media screen and (max-width: 767px) {
    .atlcCartCount {
        position: fixed;
        bottom: 0px;
        left: 0px;
        width:100%;
        top:unset;
        height:50px;
        background:#dd3333;
        color:#fff;
        line-height:50px;
        font-size:20px;
        padding-left:10px;
        padding-bottom:10px;
        z-index: 99; 
        	writing-mode: unset; 
	text-orientation: unset;
    }
    .cart-count {
    font-weight: normal;
    color: #fff; 
}
    
}
*/