
/*Drop down properties*/
.dropbtn {
  /*background-color: #4CAF50;*/
  color: white;
  /*padding: 16px;
  font-size: 16px;*/
  border: none;
  cursor: pointer;
}

.dropdown {
  position: relative;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  border-radius:10px;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
  background-color: #f1f1f1;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  /*background-color: #3e8e41;*/
}
/*
<a href="../our_courier/our_courier.html"><div class="dropdown">
 <div class="dropbtn">Our Courier</div></a> <!-- change the div to button when needed -->
 <div class="dropdown-content">
 <a href="#Courier order forms">Courier order forms</a>
  <a href="#Restaurant order forms">Restaurant order forms</a>
  <a href="#Food/Grocery/Business order forms">Business order forms</a>
  <a href="https://www.deliveryorderforms.com/orderWithoutUpfrontPay/Y0H4IH76ac" target="_blank">Delivery Calculator</a>
   </div>
</div>
*/

.courier_container
{
	width:100%; 
	margin:auto;
	margin-top:0px;
}

.sections_properties
{
	/*background-color:lightgrey; */
	width:80%; 
	margin:auto;
	border-radius:10px;
	
}
/*
.sections_properties:hover
{
	box-shadow: 2px 2px 5px #aaa;
}
*/
.Courier_nav_sections_parent
{
	display:flex; 
	flex-wrap:wrap;
    align-items:center;	
	justify-content:space-between; 
	gap:5px; 
	width:80%; 
	margin:auto; 
	margin-top:20px;
}

.Courier_nav_sections_parent a
{
text-decoration:none;	
}

.Courier_nav_sections_child
{
	background-color:#13683F;
	color:white; 
	padding:15px; 
	border-radius:10px;
	width:250px;
	text-align:center;
}

.Courier_calculator_section_parent
{
	display:flex; 
	flex-wrap:wrap;
	justify-content:space-between; 
	align-items:center; 
	width:80%;
	margin:auto;
	gap:25px;
	text-align:center;
}

.Courier_calculator_section_parent a
{
	text-decoration:none;
	color:white;
}

.Courier_calculator_section_child
{
	background-color:#13683F; 
	border-radius:10px;
	padding-right:15px;
	padding-left:15px;
	padding-top:1.5px;
	padding-bottom:1.5px;
	width:auto;
}

.Courier_calculator_child_container
{
	 display:flex; 
	 align-items:center; 
	 gap:10px; 
}

.Courier_calculator_section_child_2
{
	background-color:#13683F; 
	border-radius:10px;
	padding-right:55px; 
	padding-left:55px;
	padding-top:5.5px;
	padding-bottom:5.5px;
}

.Courier_calculator_section_child_2 img
{
	 width:40px; 
	 height:40px;
}
.Courier_forms_heading
{
	font-weight:bolder;
	font-size:large;
}

.Courier_forms_details_parent
{
	display:flex;
    flex-wrap:wrap;
    flex-grow: 1;	
	justify-content:space-between; 
	align-items:center; 
	margin-bottom:25px;
}

.Courier_forms_details_parent a
{
	text-decoration:none;
	color:white;
}
.Courier_forms_details_child
{
	background-color:#13683F; 
	border-radius:10px;
	padding-right:15px;
	padding-left:15px;
	padding-top:1.5px;
	padding-bottom:1.5px;
	width:120px;
	text-align:center;
}

.qrcode_link_container
{
	display:flex; 
	justify-content:center;
	gap:15px;
}

.qrcode_container
{
	background-color:#1DB954; 
	border-radius:10px;
	height:50px;
	width:170px;
	padding:5px;
	text-align:center;
	}
	
.qrcode_container img
{
	border-radius:10px;
	height:50px; 
	width:50px; 
	padding-right:25px;
	margin-left:250px;
	margin-top:50px;
	padding-left:25px;
}

@media screen and (max-width: 600px) {
	.Courier_nav_sections_parent
{
	display:flex;
	justify-content:center;
	width:80%;
	margin:auto;
	gap:0px;
	margin-bottom:0px;
}
	.Courier_nav_sections_child
{
	background-color:#13683F;
	color:white; 
	padding:15px; 
	border-radius:15px;
	margin-bottom:10px;
	text-align:center;
    font-weight:bold;
}
	
	.Courier_calculator_section_parent
{
	display:block;  
	border:2px solid darkgreen;
	border-radius:15px;
}

.Courier_calculator_section_child
{
	border-radius: 0px 0px 0px 10px;
	padding-bottom:2.5px;
}

   .Courier_calculator_child_container
{
	 display:flex; 
	 justify-content:space-between;
	 align-items:center;
	 align-items:center; 
	 gap:19px; 
	 width:100%;
}

.Courier_forms_details_parent
{
	display:block; 
	justify-content:space-between; 
	align-items:center; 
	margin-bottom:15px;
	text-align:center;
	border:2px solid darkgreen;
	border-radius:15px;
}

.Courier_forms_details_child
{
	border-radius: 0px 0px 0px 10px;
	padding-bottom:2.5px;
}

.Courier_calculator_section_child_2
{
	border-radius: 0px 0px 10px 0px;
}

/*.Courier_forms_details_parent
{ background-color:lightgreen;
}*/
}