/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/* contact form css */
.contact-row {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.contact-col {
    flex: 1;
}
textarea, input[type="text"], input[type="email"] {
    width: 100%;
    border-radius: 10px !important;
    padding: 10px 20px;
    background: #fff !important;
    font-size: 16px;
    box-sizing: border-box;
    height: 60px;
    font-weight: normal;
    color: #000;
    border: 1px solid #2983e5; /* Default border color */
    transition: border-color 0.3s ease;
}
textarea:focus, input[type="text"]:focus, input[type="email"]:focus {
    border-color: #2983e5 !important; /* Force blue border on focus */
    outline: none !important; /* Remove default browser outline */
}

@media (max-width: 768px) {
    .contact-row {
        flex-direction: column;
    }
}
.wpcf7 form label {
    color: #2983e5;
    font-size: 16px;
    font-weight: 500;
}
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
    font-weight: normal;
    color: #a9a9a9;
	font-size: 16px !important;
}
.wpcf7-textarea {
    height: 150px;
    font-weight: normal;
    color: #000;
}
.wpcf7-form-control[type="submit"] {
    border-radius: 10px;
    color: #fff;
}


/* //home page css */
#site-header-inner {
    width: 100%;
    max-width: 100%;
    margin: 0;
	padding: 0px 40px;
}

.transparent-header{
	position: fixed !important;
	background: rgba(0, 0, 0, 0.1) !important; 
	background: #11192f !important;
	z-index: 1000;
}

.main-navigation ul li a span{
	font-size: 18px !important;
	color: #fff !important;
}

.main-navigation ul li a:focus {
    outline: none !important;
}
a.mobile-menu{
    outline: none !important;
}

/* Style for the navigation menu */
#menu-main-menu .menu-item {
    position: relative;
    display: inline-block;
    text-align: center;
}

/* Bottom border styling for the span */
#menu-main-menu .menu-item a .text-wrap {
    display: inline-block;
    position: relative;
	height: 80px;
}

/* Pseudo-element for the span's bottom border */
#menu-main-menu .menu-item a .text-wrap::after {
    content: ''; /* Empty content for the pseudo-element */
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20px; /* Initial border width */
    height: 2px; /* Border height */
    background-color: #2983e5; /* Border color */
    transition: width 0.3s ease-in-out; /* Smooth animation */
}

/* Hover effect */
#menu-main-menu .menu-item a:hover .text-wrap::after {
    width: 100%; /* Expand border to full width on hover */
}


/* video overlay */
.elementor-widget-video .elementor-wrapper {
    position: relative;
}

.elementor-widget-video .elementor-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    z-index: 1;
    pointer-events: none;
}

.elementor-widget-video .elementor-wrapper video {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
}
/* video overlay end */
.grecaptcha-badge { 
    visibility: hidden;
}