/*
Theme Name: RK Jobs
Theme URI: https://roshkart.com/product/mobile-responsive-job-website-templates/
Description: RK Jobs is a child theme for GeneratePress, designed for mobile-responsive job listing websites. It features a clean, professional layout optimized for performance and SEO.
Author: RoshKart
Author URI: https://roshkart.com
Template: generatepress
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rk-jobs
Tags: job-board, responsive, lightweight, seo-friendly, clean-design, generatepress-child
*/


/* ================================
   Hero Section CSS
================================= */

.mobile-menu-control-wrapper .menu-toggle {
  background-color: white;
}

/* Search Bar Styling */
#wp-block-search__input-1 {
  border-radius: 8px 0 0 8px;
}

.wp-block-search__button {
  border-radius: 0 8px 8px 0;
}

.wp-block-search__inside-wrapper {
  display: flex;
  gap: 0;
}

.wp-block-search__inside-wrapper input {
  border-radius: 6px 0 0 6px;
  margin: 0;
}

.wp-block-search__inside-wrapper button {
  border-radius: 0 6px 6px 0;
  margin: 0;
}

/* Responsive Search Width */
@media (max-width: 768px) {
  .wp-block-search__inside-wrapper {
    width: 80% !important;
  }
}

/* ================================
   Hover Effect on Element
================================= */

.gb-element-b2208598 div:hover {
  transition: all 0.3s ease;
  transform: translateY(-4px);
}

/* ================================
   WhatsApp Blink Animation
================================= */

@keyframes Roshkart-GreenBorderAnimation {
  0% {
    border-color: rgba(37, 211, 102, 0.2);
  }
  50% {
    border-color: rgba(37, 211, 102, 0.94);
  }
  100% {
    border-color: rgba(37, 211, 102, 0.2);
  }
}

.whatsappblink {
  animation: Roshkart-GreenBorderAnimation 1.5s ease-in-out infinite;
  border: 2px solid rgba(37, 211, 102, 0.5); /* fallback */
  border-radius: 6px;
}

/* ================================
   Comment Section Styling
================================= */

#respond.comment-respond {
  border: none;
	box-shadow:none;
}

.comment-form .form-submit input.submit {
    background-color: #1db37e;
    padding: 10px 20px;
    font-size: 16px;
}

/* ================================
   Sticky Sidebar
================================= */

.sticky-sidebar {
  position: sticky;
  top: 80px; /* Adjust based on your header height */
  align-self: flex-start;
  z-index: 10;
}

/* ================================
   Single Post Text Link Margin
================================= */

.gb-text-583eaca1 .gb-text a {
  margin-right: 10px;
}


/* ================================
   Navigation
================================= */

.main-navigation {
 box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.main-navigation {
 box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}