/**
Theme Name: Giggre
Author: Giggre Team
Author URI: https://giggre.com/
Description: A child theme for Astra, customized for Giggre — a US-based task marketplace where companies and individuals can post tasks, and Taskers can browse and complete them. This theme extends Astra’s lightweight, responsive design with custom features for login, registration, task posting, and dashboards tailored to Task Posters and Taskers.
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: giggre
Template: astra
*/
/* home page */
.banner-search input.hfe-search-form__input{
    height: 55px !important;
}
/* banner slider */
#home-banner .slick-prev {
    z-index: 9;
    margin-left: 40px;
		left: 0px;
}
#home-banner .slick-next {
    z-index: 9;
    margin-right: 40px;
		right: 40px
}
#home-banner .slick-prev:before, #home-banner .slick-next:before {
    font-size: 60px;
}
#home-banner .slick-dots{
		bottom: 30px;
    right: 0;
}
#home-banner .slick-arrow:before{
    color: #FBBF24;
}
#home-banner .slick-dots .slick-active button:before{
    color: #FBBF24 !important;
}
#home-banner .slick-dots button:before{
    color: #FBBF24 !important;
		font-size: 18px;
}
.tag-line s{
	color: #fbbf25;
}
.tag-line .blue{
	color: #0584C7;
}
/* slide testimonial */
#slick-slide .slick-dots{
    right: 0;
}
#slick-slide .slick-arrow:before{
    color: #FBBF24;
}
#slick-slide .slick-dots .slick-active button:before{
    color: #FBBF24 !important;
}
#slick-slide .slick-dots button:before{
    color: #FBBF24 !important;
		font-size: 18px;
}
/* contact page */
.ctf-main-wrap .form-group {
    gap: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.ctf-main-wrap .col-6{
    width: 49%;
}
.ctf-main-wrap .col-12{
    width: 100%;
}
.ctf-main-wrap br{
    display: none;
}
.ctf-main-wrap input,
.ctf-main-wrap select,
.ctf-main-wrap textarea,
.ctf-main-wrap input.wpcf7-file {
    border-color: #0584C7;
}

/* Login forms styles */
/* 🎨 Giggre Login Form Styles */
.giggre-login-form {
    max-width: 400px;
    margin: 40px auto;
    padding: 30px 25px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.1);
    font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
}

.giggre-login-form h2 {
    text-align: center;
    margin-bottom: 25px;
    font-size: 1.6rem;
    color: #2e81b2; /* site blue */
}

.giggre-login-form form div {
    margin-bottom: 20px;
}

.giggre-login-form label {
    font-size: 14px;
    font-weight: 600;
    color: #444;
}

.giggre-login-form input[type="email"],
.giggre-login-form input[type="password"] {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #ddd;
    border-radius: 10px;
    outline: none;
    font-size: 15px;
    transition: all 0.3s ease;
}

.giggre-login-form input[type="email"]:focus,
.giggre-login-form input[type="password"]:focus {
    border-color: #2e81b2;
    box-shadow: 0 0 0 3px rgba(46,129,178,0.2);
}

.giggre-login-form input[type="submit"] {
    width: 100%;
    padding: 12px 16px;
    background: linear-gradient(135deg, #fbc024, #2e81b2);
    border: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.giggre-login-form input[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

.giggre-login-form p {
    text-align: center;
    font-size: 14px;
    color: #666;
    margin: 10px 0;
}

/* Social login button tweaks */
.giggre-login-form .nsl-button {
    display: block;
    width: 100%;
    border-radius: 10px;
    margin-top: 8px;
    text-align: center;
}

/* nsl */
.giggre-login-form .nsl-button-svg-container, .giggre-register-form .nsl-button-svg-container  {
    margin-bottom: 0 !important;
}

.giggre-login-form .nsl-container-buttons, .giggre-register-form .nsl-container-buttons {
    margin-bottom: 0 !important;
	display: flex;
    justify-content: center;
}

.giggre-login-form .nsl-button.nsl-button-default.nsl-button-google, .giggre-register-form .nsl-button.nsl-button-default.nsl-button-google {
    margin-bottom: 0;
    margin-top: 0;
}

.giggre-login-form .nsl-container.nsl-container-block, .giggre-register-form .nsl-container.nsl-container-block {
    margin-bottom: 0 !important;
	display: flex;
    justify-content: center;
}
.giggre-social-login {
    margin-bottom: 0px !important;
}
/* Password field wrapper */
.giggre-password-wrapper {
    position: relative;
}

.giggre-password-wrapper input[type="password"],
.giggre-password-wrapper input[type="text"] {
    width: 100%;
    padding-right: 40px; /* space for icon */
}

.giggre-password-wrapper .toggle-password {
    position: absolute;
    right: 12px;
    top: 50%;
/*     transform: translateY(-50%); */
    cursor: pointer;
    font-size: 18px;
    color: #666;
    transition: color 0.3s ease;
    user-select: none;
}

.giggre-password-wrapper .toggle-password:hover {
    color: #2e81b2;
}

/* 🎨 Giggre Registration Form Styles */
.giggre-register-form {
    max-width: 420px;
    margin: 40px auto;
    padding: 30px 25px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.1);
    font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
}

.giggre-register-form h2 {
    text-align: center;
    margin-bottom: 25px;
    font-size: 1.6rem;
    color: #2e81b2; /* site blue */
}

.giggre-register-form form div {
    margin-bottom: 20px;
}

.giggre-register-form label {
    font-size: 14px;
    font-weight: 600;
    color: #444;
}

/* Inputs */
.giggre-register-form input[type="email"],
.giggre-register-form input[type="password"],
.giggre-register-form select {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid #ddd;
    border-radius: 10px;
    outline: none;
    font-size: 15px;
    transition: all 0.3s ease;
    background: #fff;
}

.giggre-register-form input[type="email"]:focus,
.giggre-register-form input[type="password"]:focus,
.giggre-register-form select:focus {
    border-color: #2e81b2;
    box-shadow: 0 0 0 3px rgba(46,129,178,0.2);
}

/* Submit Button */
.giggre-register-form input[type="submit"] {
    width: 100%;
    padding: 12px 16px;
    background: linear-gradient(135deg, #fbc024, #2e81b2);
    border: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.giggre-register-form input[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}

/* Paragraph text */
.giggre-register-form p {
    text-align: center;
    font-size: 14px;
    color: #666;
    margin: 10px 0;
}

/* Social login button tweaks */
.giggre-register-form .nsl-button {
    display: block;
    width: 100%;
    border-radius: 10px;
    margin-top: 8px;
    text-align: center;
}
.giggre-register-form select{
	padding: 0px 8px;
}

/* 🎨 Giggre Role Selection Form Styles */
.giggre-role-form {
    max-width: 400px;
    margin: 40px auto;
    padding: 30px 25px;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.1);
    font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
    text-align: center;
}

.giggre-role-form h2 {
    margin-bottom: 20px;
    font-size: 1.5rem;
    color: #2e81b2; /* site blue */
}

.giggre-role-form label {
    font-size: 14px;
    font-weight: 600;
    color: #444;
    display: block;
    margin-bottom: 8px;
	display: none;
}

.giggre-role-form select {
    width: 100%;
    padding: 0px 12px;
    border: 1px solid #ddd;
    border-radius: 10px;
    outline: none;
    font-size: 15px;
    transition: all 0.3s ease;
    background: #fff;
}

.giggre-role-form select:focus {
    border-color: #2e81b2;
    box-shadow: 0 0 0 3px rgba(46,129,178,0.2);
}

/* Submit Button */
.giggre-role-form input[type="submit"] {
    width: 100%;
    padding: 12px 16px;
    background: linear-gradient(135deg, #fbc024, #2e81b2);
    border: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    margin-top: 20px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.giggre-role-form input[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.15);
}
/* giggre task post css */
.giggre-task-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.giggre-task-card {
    display: flex;
    flex-direction: column;
    width: 31.8%;
    border: 1px solid #0584C7;
    border-radius: 14px;
}

.giggre-task-thumb img {
	height: 150px;
	width: 100%;
    max-height: 150px;
    object-fit: cover;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}

.giggre-task-list *{
    font-family: Poppins, sans-serif;
    color: #000;
}

.giggre-task-text {
    padding: 10px;
    display: flex;
    row-gap: 5px;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

h3.giggre-task-title {
    font-size: 18px;
}

.giggre-task-text .defualt {
    font-size: 12px;
}

p.no-task {
    text-align: center;
}

button.giggre-task-button {
    background-color: transparent;
    color: #0584c7;
    border: 2px solid;
    border-color: #0584c7;
    margin-top: 5px;
	width: 100%;
}

button.giggre-task-button:hover, a.giggre-login-button:hover {
    background-color: #0584c7;
    color: #fff;
}
a.giggre-login-button {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #0584c7;
    border-radius: 10px;
    border: 2px solid #0584c7;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
    font-family: inherit;
    font-weight: 500;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1em;
}

/*popup css*/
.giggre-popup {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.giggre-popup-content {
  background: #fff;
  padding: 20px 30px;
  border-radius: 10px;
  text-align: center;
  max-width: 400px;
}
.giggre-popup-btn {
  margin-top: 15px;
  padding: 8px 20px;
  background: #2e81b2;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}
.giggre-popup-btn:hover {
  background: #23648c;
}
.giggre-modal {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.giggre-modal-content {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  width: 90%;
  max-width: 500px;
  position: relative;
}

.giggre-close {
  position: absolute;
  top: 10px;
  right: 15px;
  cursor: pointer;
  font-size: 24px;
}

.page-id-1784 {
    background-color: #e5e7eb;
}

/* Mobile view */
@media (max-width: 1024px){
	body #menu-1-b2ca13c{
		overflow-x: hidden;
	}
	.ctf-main-wrap .col-6{
			width: 100%;
	}
	#home-banner .slick-prev:before, #home-banner .slick-next:before {
		font-size: 40px;
	}
	.giggre-task-card {
		width: 49%;
	}
	.giggre-task-list {
		row-gap: 14px;
	}
}
@media (max-width: 767.98px) {
	#slick-slide .slick-next {
			right: -15px;
	}
	#slick-slide .slick-prev {
			left: -15px;
	}
}
@media (max-width: 460px) {
	.giggre-task-card {
		width: 100%;
	}
}