@import '../fonts/Palatino Linotype.ttf';

body {
    background-color: #fff2ca;
    font-family: 'Palatino Linotype', 'Tahoma';
}


.enjoy-logo {
    width: 300px;
    margin-top:38px; 
    margin-left:32px;
}

.enjoy-form-heading {
    margin-top: 195px;
    color: #00500b;
    font-weight: normal;
    font-size: 42px;
    margin-left: 65px;
}

.enjoy-form {
    margin-top: 5%;
}

.form-row {
    margin-top: 6%;
}

.second-row {
    margin-top: 55px;
}

.first-col {
    padding-right: 6% !important;
}
.second-col {
    padding-left: 6% !important;
}

.form-control {
    border: 1px solid #000;
    font-size: 26px;
    border-radius: 0px;
}

.select-time {
    height: auto!important;
}

form > td {
    height: 75px;
}
label {
    font-size: 24px;
    color: #0a4111;
    font-style: normal;
    font-weight: bold;
}

.txt-qty, .txt-people, .txt-amt, .txt-people, .label-total {
    font-size: 24px;
    margin-bottom: 15px;
    color: #0a4111;
    font-style: normal;
    font-weight: 400;
}

.txt-qty {
    /*text-align: center;*/
}

.txt-people, .txt-amt {
    font-weight: 700;
    text-align:right;
}

.peopleCount{
    width: 90px;
    margin-left: 3px;
}

.label-total{
    width: 95px;
    background-color: white;
    border: 1px solid #000;
    border-radius: 0px;
    padding-left: 2%;
    padding-bottom: 2%;
    margin-top: 15%;
    margin-left: 10px;
}

.label-note{
    font-weight: bold;
    font-style: normal;
    font-size: 32px;
    color: #0a4111;
    margin-bottom: 5px;
}

.form-check {
    margin-bottom: -20%;
}

.formCheckBox {
    height: 50px;
    width: 75px;
}

.popup-section {
    /*padding-top: 3% !important;*/
    padding-bottom: 3% !important;
    padding-left: 2% !important;
    padding-right: 2% !important;
    /*background-color: rgba(0, 0, 0, 0.05);*/
}

.submit-button {
    text-align:center;
}

.btn-submit {
    font-family: 'Tahoma';
    font-weight: bold;
    font-style: normal;
    font-size: 31px;
}

.form-check-label {
    margin-left: 4%;
}

.message-box {
    font-size: 20px;
    color: brown;
}

input[type=radio] {
	width: 25px;
	height: 25px;
}

.radio-div {
	font-size: 28px;
	letter-spacing: 1.8px;
}

.bar {
	flex-direction:row;
	flex-wrap:wrap;
}

.bar-message {
	font-size: 37px;
	color: #0a4111;
	justify-content: center;
}

.bar-link {
	width:100%;
	background: white;
}

.bar-link span {
	font-size:18px;
	color:#000;
	margin-top: 15px;
}

.bar-link a {
	font-size:24px;
	color:#0a4111;
	margin-left:auto;
	margin-right: auto;
	margin-top: 15px;
	padding: 5px;
	border: 1px solid;
	border-color: #0a4111;
	text-decoration: none;
	padding-top: 8px;
	margin-bottom: 10px;
}

.bar-link a:hover {
	font-size: 25px;
	color: rgb(10, 83, 20);
	box-shadow: 4px 5px;
}

.blinking {
	animation:blinkingText 0.9s infinite;
}
@keyframes blinkingText{
	0%{ color: #0a4111; }
	70%{ color: transparent; }
	100%{ color: #0a4111; }
}


.center {
  top: 25%;
}

.percentage {
	display: inline;
	margin-left: 15px;
}
.percentageText {
	padding: 5px 15px;
	background: #0a4111;
	color:white;
	font-size: 18px;
}

.tos h1 {
    color: #0a4111;
}
.tos p, li, span {
    font-size: 1.5rem;
}

.tos input[type="checkbox"] {
    width:30px;
    height:30px;
    margin-right: 5px;
}

.tos .form-row {
    margin: 5% 0;
}

.field_item {
        margin-bottom: .2rem;
    }


@media (max-width: 1292px) {
    .enjoy-logo {
        width: 90%;
        margin-top:38px; 
        margin-left:32px;
    }
    .enjoy-form-heading {
        margin-top: 115px;
        font-size: 30px;
        margin-left: 0px;
    }
    .form-check {
        margin-bottom: -8%;
    }
    .formCheckBox {
        height: 30px;
        width: 55px;
    }
    td {
        height: 35px;
    }
    .txt-qty, .txt-people, .txt-amt, .txt-people, .label-total {
        font-size: 14px;
    }
.message-box {
    font-size: 24px;
}

}

@media (max-width: 812.98px) {
    .enjoy-logo {
        width: 150px;
        margin-top:10px; 
        margin-left:5px;
    }
    .enjoy-form-heading {
        margin-top: 75px;
        font-size: 15px;
        margin-left: 0px;
    }
    .form-row {
        margin-left: 4%;
        margin-right: 5%;
    }
    .second-row {
        margin-top: 15px;
    }
    .first-col {
        padding-right: 0% !important;
    }
    .second-col {
        padding-left: 4% !important;
    }
    .form-control {
        border: 1px solid #000;
        font-size: 16px;
        border-radius: 0px;
    }
    label {
        font-size: 12px;
    }
    .label-note .bar-message{
        font-size: 25px;
    }
    .formCheckBox {
        height: 20px;
        width: 35px;
    }
    .txt-qty, .txt-people, .txt-amt, .txt-people, .label-total {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .txt-qty {
        text-align: left;
    }
    .btn-submit {
        font-size: 30px;
    }
    .message-box {
        font-size: 18px;
    }
	input[type=radio] {
		width: 18px;
		height: 18px;
	}

	.radio-div {
		font-size: 18px;
		letter-spacing: 1px;
	}
	.bar-message {
		font-size: 28px;
	}
	.special-note {
		margin-top: 100px;
	}
	.submit-button {
		margin-top:50px;
	}
    
}

@media (max-width: 652px) {
    td {
        height: 25px;
    }
    .txt-people {
        font-size: 10px;
    }
    .label-note .bar-message {
        font-size: 18px;
    }
    .btn-submit {
        font-size: 25px;
    }
	.days-notice {
        font-size: 14px;
		margin-bottom: 20px!important;
    }
}

@media (max-width: 575.98px) {
    .enjoy-logo {
        width: 115px;
        margin-top:10px; 
        margin-left:5px;
    }
    .enjoy-form-heading {
        margin-top: 55px;
        font-size: 18px;
        margin-left: 0px;
    }
    .form-row {
        margin-left: 2%;
        margin-right: 2.5%;
        flex-direction: column;
    }
    .form-group {
        max-width: 100%;
    }
    .second-row {
        margin-top: 5px;
    }
    .first-col {
        padding-left: 0% !important;
        padding-right: 0% !important;
    }
    .second-col {
        padding-left: 0% !important;
        padding-right: 0px !important;
    }
    .form-control {
        border: 1px solid #000;
        font-size: 14px;
        border-radius: 0px;
    }
    tr {
        height: 25px;
    }
    td {
        height: 15px;
    }
    label {
        font-size: 14px;
    }
    .txt-qty, .txt-amt, .txt-people, .label-total {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .btn-submit {
        font-size: 20px;
    }
	.label-note {
		margin-top: 50px;
		font-size:22px;
	}

    .tos p, li, span {
        font-size: 1rem;
    }
    label {
        font-size: 16px;
    }
}

@media (max-width: 435px) {
	.bar-link {
		height:300px;
	}
	.special-note {
		margin-top:30px;
	}
	
	.enjoy-form-heading {
		margin-left: 25px;
	}
}

@media (max-width: 325px) {
    .enjoy-form-heading {
        margin-top: 65px;
        font-size: 8px;
    }
    .second-row {
        margin-top: 0px;
    }
    .form-control {
        padding: 1px;
    }
    .formCheckBox {
        height: 15px;
        width: 25px;
    }
    .label-note {
        font-size: 16px;
    }
    td {
        height: 5px;
    }
    .txt-qty, .txt-people, .txt-amt, .txt-people, .label-total {
        font-size: 11px;
        margin-bottom: 2px;
    }
    .btn-submit {
        font-size: 18px;
    }
    .message-box {
        font-size: 14px;
    }

}