/*
Theme Name: Twenty Twenty-Four Child
Theme URI: https://australiaprvisa.com.hk/twenty-twenty-four-child/
Description: Twenty Twenty-Four Child Theme
Author: Andrew Jennings
Author URI:
Template: twentytwentyfour
Version: 1.0.1
*/

/* Add your custom styles here */
.frontpage-banner {
	background-image: url('https://australiaprvisa.com.hk/wp-content/uploads/2023/12/frontpagebannerwhite.png');
    background-size: cover; /* This ensures that the background covers the entire element */
    background-repeat: no-repeat; /* This stops the image from repeating */
    background-position: center; /* This centers the image in the element */
}
.banner {
	background-image: url('https://australiaprvisa.com.hk/wp-content/uploads/2023/12/landingpagebanner.png');
    background-size: cover; /* This ensures that the background covers the entire element */
    background-repeat: no-repeat; /* This stops the image from repeating */
    background-position: center; /* This centers the image in the element */
}

.menu-link {
  text-decoration: none; /* Removes the underline */
  color: black; /* Sets the text color to black */
}

.send {
  border: 2px solid #000;
  text-transform: capitalize;
  border-radius: 80px;
  padding: 20px 60px;
  display: inline-block;
  color: #000;
  background-color: transparent;
  outline: none;
  margin-top: 15px;
  font-size: 20px;
  font-weight: bold;
}

.send-white {
  border: 2px solid #FFF;
  text-transform: capitalize;
  border-radius: 80px;
  padding: 20px 60px;
  display: inline-block;
  color: #FFF;
  background-color: transparent;	
  outline: none;
  margin-top: 15px;
  font-size: 20px;
  font-weight: bold;
}
.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 20px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

.whatsapp-float img {
    width: 50px;
    height: 50px;
    margin-top: 5px;
}

@media (max-width: 768px) {
    img {
        width: 100%;
        height: auto;
    }
}

.logo-style {
	height:auto; 
	width:100%;
}

@media (min-width: 768px) {
  .logo-style {
    width: 20%; /* On screens wider than 768px, the image will take up half the container's width */
  }
}
.float-right {
	float:right;
}
.bg-blue {
	background-color: #194772;
	color: #FFF;
}

.white_text {
	color:FFF;
}