/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.10.1761854379
Updated: 2025-10-30 13:59:39

*/

.woocommerce .product .button.add_to_cart_button, .woocommerce-page .product .button.add_to_cart_button {
    display: none !important;
}
.woocommerce .product:hover .add_to_cart_button, .woocommerce-page .product:hover .add_to_cart_button {
    display: none !important;
}
.site-title a, .site-title a:visited, .site-title a:active {
    text-decoration: none !important;
}
/* Prevent underline on active menu item */
.current-menu-item > a, .current_page_item > a {
    text-decoration: none !important;
}
a, a:visited, a:active {
    text-decoration: none !important;
}

#prod-image {
    width: 500px;
    height: 500px;
	align-self: center;
    object-fit: cover; /* Ensures the image fills the space without distortion */
}
/*
 * MoveInn501 WordPress Brand & Typography Styles
 * Version: 1.0
 *
 * Brand palette:
 *   Navy       #17366F
 *   Red        #D71920
 *   Green      #167344
 *   White      #FFFFFF
 *   Soft gray  #F3F5F8
 *   Text       #263238
 *   Border     #DCE2EA
 *
 * Installation:
 *   1. Back up your current CSS / site before applying.
 *   2. Add this file's contents to Appearance > Customize > Additional CSS,
 *      your theme's custom CSS area, or a child theme stylesheet.
 *   3. If using Elementor, set Site Settings > Global Fonts and Global Colors
 *      to match these values. Theme and page-builder settings may override CSS.
 *
 * Utility classes you can assign to blocks/widgets:
 *   .moveinn-section-alt, .moveinn-card, .moveinn-booking-button,
 *   .moveinn-secondary-button, .moveinn-outline-button, .moveinn-eyebrow,
 *   .moveinn-container, .moveinn-small-text, .moveinn-muted,
 *   .moveinn-contact-strip, .moveinn-service-grid
 */

/* =========================================================
   1. GLOBAL DESIGN TOKENS
   ========================================================= */

:root {
  --moveinn-primary: #17366F;
  --moveinn-primary-dark: #10264F;
  --moveinn-primary-light: #EAF0FA;

  --moveinn-red: #D71920;
  --moveinn-red-dark: #B9151B;
  --moveinn-red-light: #FCEBEC;

  --moveinn-green: #167344;
  --moveinn-green-dark: #105A34;
  --moveinn-green-light: #E9F5EE;

  --moveinn-white: #FFFFFF;
  --moveinn-background: #F3F5F8;
  --moveinn-text: #263238;
  --moveinn-text-muted: #53616D;
  --moveinn-border: #DCE2EA;

  --moveinn-font: Arial, Helvetica, Verdana, sans-serif;

  --moveinn-body-size: 16px;
  --moveinn-body-line-height: 1.6;
  --moveinn-heading-line-height: 1.25;

  --moveinn-radius-sm: 4px;
  --moveinn-radius: 8px;
  --moveinn-radius-lg: 14px;

  --moveinn-shadow-sm: 0 2px 8px rgba(23, 54, 111, 0.08);
  --moveinn-shadow: 0 8px 24px rgba(23, 54, 111, 0.12);

  --moveinn-content-width: 1200px;
  --moveinn-transition: 180ms ease-in-out;
}

/* =========================================================
   2. BASE TYPOGRAPHY & PAGE DEFAULTS
   ========================================================= */

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  font-family: var(--moveinn-font);
  font-size: var(--moveinn-body-size);
  font-weight: 400;
  line-height: var(--moveinn-body-line-height);
  color: var(--moveinn-text);
  background-color: var(--moveinn-white);
  text-rendering: optimizeLegibility;
}

p,
ul,
ol,
dl,
blockquote {
  line-height: var(--moveinn-body-line-height);
}

p {
  margin-top: 0;
  margin-bottom: 1.25em;
}

li + li {
  margin-top: 0.35em;
}

strong,
b {
  font-weight: 700;
}

small,
.moveinn-small-text {
  font-size: 14px;
  line-height: 1.5;
}

.moveinn-muted {
  color: var(--moveinn-text-muted);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--moveinn-font);
  color: var(--moveinn-primary);
  font-weight: 700;
  line-height: var(--moveinn-heading-line-height);
  margin-top: 0;
  margin-bottom: 0.65em;
  overflow-wrap: break-word;
}

h1 {
  font-size: clamp(2rem, 4vw, 3rem); /* 32–48px */
}

h2 {
  font-size: clamp(1.625rem, 3vw, 2.125rem); /* 26–34px */
}

h3 {
  font-size: clamp(1.375rem, 2.5vw, 1.625rem); /* 22–26px */
}

h4 {
  font-size: 1.25rem; /* 20px */
}

h5 {
  font-size: 1.125rem; /* 18px */
}

h6 {
  font-size: 1rem; /* 16px */
}

a {
  color: var(--moveinn-primary);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.15em;
  transition: color var(--moveinn-transition);
}

a:hover {
  color: var(--moveinn-red-dark);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid var(--moveinn-green);
  outline-offset: 3px;
}

img,
video,
iframe {
  max-width: 100%;
}

img {
  height: auto;
}

/* Respect visitor motion preferences. */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* =========================================================
   3. BRAND COLORS & SECTION HELPERS
   ========================================================= */

.moveinn-section-alt {
  background-color: var(--moveinn-background);
}

.moveinn-section-navy {
  color: var(--moveinn-white);
  background-color: var(--moveinn-primary);
}

.moveinn-section-navy h1,
.moveinn-section-navy h2,
.moveinn-section-navy h3,
.moveinn-section-navy h4,
.moveinn-section-navy h5,
.moveinn-section-navy h6,
.moveinn-section-navy p,
.moveinn-section-navy li {
  color: var(--moveinn-white);
}

.moveinn-section-green {
  color: var(--moveinn-white);
  background-color: var(--moveinn-green);
}

.moveinn-section-green h1,
.moveinn-section-green h2,
.moveinn-section-green h3,
.moveinn-section-green h4,
.moveinn-section-green h5,
.moveinn-section-green h6,
.moveinn-section-green p {
  color: var(--moveinn-white);
}

.moveinn-container {
  width: min(100% - 32px, var(--moveinn-content-width));
  margin-inline: auto;
}

.moveinn-eyebrow {
  display: inline-block;
  margin-bottom: 0.75rem;
  color: var(--moveinn-green);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.4;
  text-transform: uppercase;
}

.moveinn-divider {
  width: 64px;
  height: 4px;
  margin: 1rem 0 1.5rem;
  border: 0;
  border-radius: 999px;
  background: var(--moveinn-red);
}

/* =========================================================
   4. HEADER, NAVIGATION & SITE BRANDING
   ========================================================= */

/* These common selectors are intentionally conservative.
   Adjust selectors if your theme uses different header markup. */
.site-header,
#masthead,
header.site-header {
  color: var(--moveinn-white);
  background-color: var(--moveinn-primary);
}

.site-header a,
#masthead a,
header.site-header a {
  color: inherit;
}

.site-title,
.site-title a,
.site-description {
  font-family: var(--moveinn-font);
}

.site-title,
.site-title a {
  color: var(--moveinn-white);
  font-weight: 700;
}

.site-description {
  color: rgba(255, 255, 255, 0.9);
}

.main-navigation a,
.primary-navigation a,
.site-header .menu a,
#masthead .menu a {
  font-family: var(--moveinn-font);
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: color var(--moveinn-transition),
              background-color var(--moveinn-transition);
}

.main-navigation a:hover,
.primary-navigation a:hover,
.site-header .menu a:hover,
#masthead .menu a:hover,
.main-navigation .current-menu-item > a,
.primary-navigation .current-menu-item > a {
  color: #FFFFFF;
  text-decoration: underline;
  text-decoration-color: var(--moveinn-red);
  text-decoration-thickness: 3px;
  text-underline-offset: 7px;
}

/* =========================================================
   5. BUTTONS & CALLS TO ACTION
   ========================================================= */

button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.wp-block-button__link,
.elementor a.elementor-button,
.elementor button.elementor-button,
.moveinn-booking-button,
.moveinn-secondary-button,
.moveinn-outline-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 44px;
  padding: 0.75rem 1.25rem;
  border: 2px solid transparent;
  border-radius: var(--moveinn-radius);
  font-family: var(--moveinn-font);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: color var(--moveinn-transition),
              background-color var(--moveinn-transition),
              border-color var(--moveinn-transition),
              box-shadow var(--moveinn-transition),
              transform var(--moveinn-transition);
}

button,
input[type="button"],
input[type="submit"],
.wp-block-button__link,
.elementor a.elementor-button,
.elementor button.elementor-button,
.moveinn-booking-button {
  color: var(--moveinn-white);
  background-color: var(--moveinn-red);
  border-color: var(--moveinn-red);
}

button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover,
.elementor a.elementor-button:hover,
.elementor button.elementor-button:hover,
.moveinn-booking-button:hover {
  color: var(--moveinn-white);
  background-color: var(--moveinn-red-dark);
  border-color: var(--moveinn-red-dark);
  box-shadow: var(--moveinn-shadow-sm);
  transform: translateY(-1px);
}

.moveinn-secondary-button {
  color: var(--moveinn-white);
  background-color: var(--moveinn-green);
  border-color: var(--moveinn-green);
}

.moveinn-secondary-button:hover {
  color: var(--moveinn-white);
  background-color: var(--moveinn-green-dark);
  border-color: var(--moveinn-green-dark);
}

.moveinn-outline-button {
  color: var(--moveinn-primary);
  background-color: transparent;
  border-color: var(--moveinn-primary);
}

.moveinn-outline-button:hover {
  color: var(--moveinn-white);
  background-color: var(--moveinn-primary);
  border-color: var(--moveinn-primary);
}

button:disabled,
input:disabled,
.is-disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

/* =========================================================
   6. LINKS, CONTACT DETAILS & WHATSAPP
   ========================================================= */

.moveinn-contact-strip {
  padding: 0.65rem 1rem;
  color: var(--moveinn-white);
  background-color: var(--moveinn-green);
  font-size: 14px;
}

.moveinn-contact-strip a {
  color: var(--moveinn-white);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}

.moveinn-whatsapp-link {
  color: var(--moveinn-green);
  font-weight: 700;
}

.moveinn-whatsapp-link:hover {
  color: var(--moveinn-green-dark);
}

/* =========================================================
   7. CARDS, SERVICES & CONTENT PANELS
   ========================================================= */

.moveinn-card,
.service-card,
.moveinn-service-card {
  padding: 1.5rem;
  color: var(--moveinn-text);
  background-color: var(--moveinn-white);
  border: 1px solid var(--moveinn-border);
  border-radius: var(--moveinn-radius-lg);
  box-shadow: var(--moveinn-shadow-sm);
  transition: box-shadow var(--moveinn-transition),
              transform var(--moveinn-transition);
}

.moveinn-card:hover,
.service-card:hover,
.moveinn-service-card:hover {
  box-shadow: var(--moveinn-shadow);
  transform: translateY(-2px);
}

.moveinn-card h2,
.moveinn-card h3,
.moveinn-card h4,
.service-card h2,
.service-card h3,
.service-card h4,
.moveinn-service-card h2,
.moveinn-service-card h3,
.moveinn-service-card h4 {
  color: var(--moveinn-primary);
}

.moveinn-card p,
.service-card p,
.moveinn-service-card p {
  color: var(--moveinn-text);
}

.moveinn-service-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}

.moveinn-icon-primary {
  color: var(--moveinn-primary);
}

.moveinn-icon-green {
  color: var(--moveinn-green);
}

.moveinn-icon-red {
  color: var(--moveinn-red);
}

/* =========================================================
   8. HERO / HOMEPAGE BANNER
   ========================================================= */

/* Add .moveinn-hero to the hero section or its outer container.
   Set the background image in WordPress/Elementor, not here. */
.moveinn-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: var(--moveinn-white);
  background-color: var(--moveinn-primary);
}

.moveinn-hero::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(16, 38, 79, 0.88) 0%,
    rgba(16, 38, 79, 0.68) 55%,
    rgba(16, 38, 79, 0.25) 100%
  );
  content: "";
}

.moveinn-hero h1,
.moveinn-hero h2,
.moveinn-hero h3,
.moveinn-hero p {
  color: var(--moveinn-white);
}

.moveinn-hero p {
  max-width: 680px;
}

/* =========================================================
   9. FORMS, BOOKING FORMS & INPUTS
   ========================================================= */

label,
fieldset legend {
  color: var(--moveinn-primary);
  font-family: var(--moveinn-font);
  font-size: 16px;
  font-weight: 600;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="reset"]),
select,
textarea {
  width: 100%;
  max-width: 100%;
  min-height: 44px;
  padding: 0.7rem 0.85rem;
  color: var(--moveinn-text);
  background-color: var(--moveinn-white);
  border: 1px solid #AEBAC8;
  border-radius: var(--moveinn-radius-sm);
  font-family: var(--moveinn-font);
  font-size: 16px;
  line-height: 1.5;
}

textarea {
  min-height: 140px;
  resize: vertical;
}

input::placeholder,
textarea::placeholder {
  color: #626F7B;
  opacity: 1;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--moveinn-primary);
  outline: 3px solid rgba(22, 115, 68, 0.2);
  outline-offset: 1px;
}

input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--moveinn-green);
}

fieldset {
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--moveinn-border);
  border-radius: var(--moveinn-radius);
}

.form-error,
.wpcf7-not-valid-tip,
.gfield_validation_message {
  color: #B9151B;
  font-size: 14px;
  font-weight: 600;
}

.form-success,
.wpcf7-response-output {
  border-radius: var(--moveinn-radius-sm);
}

/* =========================================================
   10. TABLES, LISTS, QUOTES & NOTICES
   ========================================================= */

table {
  width: 100%;
  border-collapse: collapse;
  color: var(--moveinn-text);
  background-color: var(--moveinn-white);
}

th,
td {
  padding: 0.8rem 1rem;
  border: 1px solid var(--moveinn-border);
  text-align: left;
  vertical-align: top;
}

th {
  color: var(--moveinn-white);
  background-color: var(--moveinn-primary);
  font-weight: 700;
}

tbody tr:nth-child(even) {
  background-color: var(--moveinn-background);
}

blockquote {
  margin: 1.5rem 0;
  padding: 1rem 1.25rem;
  color: var(--moveinn-text);
  background-color: var(--moveinn-background);
  border-left: 4px solid var(--moveinn-green);
}

.moveinn-notice {
  padding: 1rem 1.25rem;
  border: 1px solid var(--moveinn-border);
  border-radius: var(--moveinn-radius);
  background-color: var(--moveinn-background);
}

.moveinn-notice--success {
  border-left: 4px solid var(--moveinn-green);
  background-color: var(--moveinn-green-light);
}

.moveinn-notice--important {
  border-left: 4px solid var(--moveinn-red);
  background-color: var(--moveinn-red-light);
}

/* =========================================================
   11. FOOTER
   ========================================================= */

.site-footer,
#colophon,
footer.site-footer {
  color: var(--moveinn-white);
  background-color: var(--moveinn-primary);
}

.site-footer h2,
.site-footer h3,
.site-footer h4,
#colophon h2,
#colophon h3,
#colophon h4 {
  color: var(--moveinn-white);
}

.site-footer p,
.site-footer li,
#colophon p,
#colophon li {
  color: rgba(255, 255, 255, 0.92);
}

.site-footer a,
#colophon a {
  color: var(--moveinn-white);
  text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, 0.55);
  text-underline-offset: 0.18em;
}

.site-footer a:hover,
#colophon a:hover {
  color: #FFFFFF;
  text-decoration-color: var(--moveinn-red);
}

/* =========================================================
   12. WORDPRESS / ELEMENTOR CONTENT SAFETY
   ========================================================= */

/* Keep embedded media and long content within the page. */
.entry-content,
.wp-block-post-content,
.elementor-widget-text-editor {
  overflow-wrap: break-word;
}

.wp-block-image img,
.elementor-widget-image img {
  border-radius: var(--moveinn-radius-sm);
}

/* Avoid forcing image rounding on logos or icons. */
.custom-logo,
.site-logo img,
.elementor-widget-image .moveinn-logo img {
  border-radius: 0;
}

/* Improve focus visibility for common WordPress controls. */
.wp-block-search__button,
.wp-element-button,
.elementor-button {
  min-height: 44px;
}

/* =========================================================
   13. RESPONSIVE ADJUSTMENTS
   ========================================================= */

@media (max-width: 900px) {
  .moveinn-service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }

  .moveinn-card,
  .service-card,
  .moveinn-service-card {
    padding: 1.25rem;
  }
}

@media (max-width: 600px) {
  body {
    font-size: 16px;
    line-height: 1.65;
  }

  h1 {
    font-size: clamp(30px, 8vw, 36px);
  }

  h2 {
    font-size: clamp(25px, 6vw, 30px);
  }

  h3 {
    font-size: 22px;
  }

  .moveinn-container {
    width: min(100% - 24px, var(--moveinn-content-width));
  }

  .moveinn-service-grid {
    grid-template-columns: 1fr;
  }

  button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  .wp-block-button__link,
  .elementor a.elementor-button,
  .elementor button.elementor-button,
  .moveinn-booking-button,
  .moveinn-secondary-button,
  .moveinn-outline-button {
    max-width: 100%;
  }

  th,
  td {
    padding: 0.65rem;
  }
}

/* =========================================================
   14. ACCESSIBILITY & PRINT
   ========================================================= */

@media (forced-colors: active) {
  button,
  a,
  input,
  select,
  textarea {
    forced-color-adjust: auto;
  }
}

@media print {
  body {
    color: #000000;
    background: #FFFFFF;
    font-size: 12pt;
  }

  a {
    color: #000000;
    text-decoration: underline;
  }

  .site-header,
  #masthead,
  .site-footer,
  #colophon,
  .moveinn-contact-strip,
  .moveinn-booking-button {
    color: #000000;
    background: #FFFFFF;
    box-shadow: none;
  }

  .moveinn-hero::before {
    display: none;
  }

  button,
  input[type="button"],
  input[type="submit"],
  .moveinn-booking-button {
    display: none;
  }
}