/*
Theme Name: Chardham Theme
Theme URI: rashmitewary.in
Author: Rashmi Tewary 
Author URI: rashmitewary.in
Description: Chardham Theme
*/

.pkg {
	border-image: url('/wp-content/themes/chardhamwale/images/border.jpg') 33% repeat; 
	border-width: 12px; /* Specify the border width separately */
}
.bg{
	background-image: url('/wp-content/themes/chardhamwale/images/aarti.webp');
	background-size:cover;
	background-position:top;
}
@media (min-width:320px) {
	.tile{
		width:80%;
	}
	.title{
		width:94.5%;
	}
}
@media (min-width:480px) {
	.tile{
		width:70%;
	}
	.title{
		width:95%;
	}
}
@media (min-width:600px) {
	.tile{
		width:45%;
	}
	.title{
		width:93.5%;
	}
}
@media (min-width:720px) {
	.tile{
		width:35%;
	}            .title{
		width:93.4%;
	}
}
@media (min-width:840px) {
	.tile{
		width:33%;
	}
	.title{
		width:94%;
	}
}
@media (min-width:960px) {
	.tile{
		width:27%;
	}
	.title{
		width: 93%;
	}
}
@media (min-width:1020px) {
	.tile{
		width: 20%;
	}
	.title{
		width:94.5%;
	}
}

.itinerary h2{
	width:100%;
	font-size:120%;
	font-weight:bold;
	color:#db4242;
	padding-bottom:10px;
	border-bottom:1px solid #e5e7eb;
	text-transform:uppercase;
}
.itinerary ul{
    list-style-type: none; /* Hide default bullets */
    padding-left: 20px; /* Add some left padding to make space for the image */
}

.itinerary ul li {
    background: url('/wp-content/themes/chardhamwale/images/tick.png') no-repeat left top; /* Use tick image as bullet */
    background-size: 16px 26px; /* Adjust the size of the tick image */
	padding:5px 0px 5px 20px;
}
.itinerary b, strong{
	width:100%;
	background-color:#f3f6f4;
	padding:5px;
	line-height:2.25rem;
}
.itinerary table {
  width: 100%;
}

.itinerary table strong{
	background:none;
}
.itinerary table tr:first-child {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #c6c1d4;
  color: #58303b;
}
.itinerary tr:nth-child(even){background-color: #f2f2f2;}

.itinerary tr:hover {background-color: #c6c1d4;}

.itinerary table td:first-child {
	width:20%;
    font-weight: bold; 
    color: #58303b; 
}
.itinerary h1{
	width:100%;
	font-size:150%;
	font-weight:bold;
	color:#db4242;
	padding-bottom:10px;
	text-transform:uppercase;
}

.flex-container {
	display: flex;
	justify-content: space-between;
}
.flex-container div{
	margin:10px;
}
input[type=text], input[type=tel],input[type=email],input[type=number],input[type=date], select, textarea {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
select[name="type"]{
	  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
input[type=radio]{
}
input[type=submit] {
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}