/*
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios, and business websites.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/


/* -----------------------------
   Custom Style for Cover Block Paragraphs
   Changes the text color to white for paragraphs inside the wp-block-cover
   ----------------------------- */

body .wp-block-cover p {
    color: white !important; /* Cover page font color change */
}


/* ----------------- Form Styles ----------------- */
.form-row {
    display: flex; /* Flexbox layout */
    flex-wrap: wrap; /* Wrap on small screens */
    margin-bottom: 1px !important; /* Spacing between rows */
}

.form-group {
    width: 49%; /* Width for larger screens */
    margin-right: 2%; /* Space between columns */
    margin-bottom: 2px; /* Bottom margin */
}

.form-group:last-child {
    margin-right: 0; /* No margin for last item */
}

.full-width {
    width: 100%; /* Full width for info */
}


/* ----------------- Input Styles ----------------- */
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="date"],
select,
textarea {
    width: 100%; /* Full width */
    padding: 10px; /* Padding */
    border: 1px solid #ccc; /* Light border */
    border-radius: 4px; /* Rounded corners */
    font-size: 16px; /* Font size */
    box-sizing: border-box; /* Total width */
}

input[type="date"] {
    background-color: #fff; /* White background */
    color: #000; /* Black text */
    appearance: none; /* Remove default styling */
}


/* ----------------- Textarea Styles ----------------- */
textarea {
    height: 40px; /* Fixed height */
    resize: none; /* No resize */
}

/* ----------------- Select Styles ----------------- */
select {
    appearance: none; /* Remove default */
    background-color: #fff; /* White background */
    color: #000; /* Black text */
}


/* ----------------- Focus Styles ----------------- */
input:focus,
textarea:focus,
select:focus,
input[type="date"]:focus {
    border-color: #0073aa; /* Border color on focus */
    outline: none; /* No outline */
}


/* ----------------- Button Styles ----------------- */
input[type="submit"] {
    background-color: #FFD700; /* Yellow button */
    color: #000; /* Text color */
    padding: 10px; /* Padding */
    border: none; /* No border */
    border-radius: 4px; /* Rounded corners */
    cursor: pointer; /* Pointer cursor */
    font-size: 18px; /* Larger font */
    width: 100%; /* Full width */
    transition: background-color 0.3s; /* Transition */
}

input[type="submit"]:hover {
    background-color: #FFC107; /* Darker on hover */
}

input[type="submit"]:focus {
    outline: 2px solid #FFA500; /* Focus outline for accessibility */
}


/* ----------------- Responsive Styles ----------------- */
@media (max-width: 768px) {
    .form-group {
        width: 100%; /* Full width on small screens */
        margin-right: 0; /* No right margin */
    }
}


/* ----------------- Menu Styles ----------------- */
.main-header-menu > li > a {
    color: white !important; /* Desktop menu color */
}

.main-header-menu .sub-menu a {
    color: blue; /* Submenu color */
    background-color: white; /* Submenu bg */
}

.main-header-menu .sub-menu a:hover {
    color: purple; /* Submenu hover color */
}

.ast-mobile-header-wrap .main-header-menu > li > a {
    color: black !important; /* Mobile menu color */
}


/* ----------------- Footer Widget Styles ----------------- */
.widget-title {
    font-size: 18px; /* Widget title size */
    line-height: 1.5; /* Line height */
    font-weight: bold; /* Bold text */
}


/* ----------------- Contact Button Styles ----------------- */
.contact-buttons {
    position: fixed; /* Fixed position */
    bottom: 75px; /* Distance from bottom */
    right: 25px; /* Distance from right */
    z-index: 9999; /* High z-index */
    display: flex; /* Flex layout */
    flex-direction: column; /* Column layout */
    align-items: flex-end; /* Align to end */
}

.contact-buttons a {
    margin-top: 10px; /* Space between buttons */
    display: inline-block; /* Inline block */
    width: 42px; /* Width */
    height: 42px; /* Height */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); /* Shadow */
    border-radius: 50%; /* Circle shape */
    transition: transform 0.2s ease-in-out; /* Transition */
}

.contact-buttons a:hover {
    transform: translateY(-5px); /* Hover effect */
}

.call-button {
    animation: bounce 2s infinite alternate; /* Bounce animation */
}

@keyframes bounce {
    0% { transform: translateY(0); }
    100% { transform: translateY(-5px); }
}


/* ----------------- Related Posts Spacing ----------------- */
.ast-single-related-posts-container {
    margin-top: 20px; /* Spacing above */
}

.ast-related-posts-title {
    margin-bottom: 15px; /* Spacing below */
}


/* ----------------- Adjust headings and text inside column blocks ----------------- */
.wp-block-column h3.wp-block-heading,
.wp-block-column p {
  color: #222222;
  font-size: 16px; /* Adjust if needed */
  line-height: 1.6;
}


/* ----------------- Optional: Make headings larger and more prominent ----------------- */
.wp-block-column h3.wp-block-heading {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 10px;
}


/* ----------------- Set specific logo dimensions ----------------- */
.ast-site-identity img {
    width: 150px !important;
    height: 25px !important;
    object-fit: contain;
}