/**
Theme Name: Astra Child
Author: Italics Bold
Author URI: https://italicsbold.com.au/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
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
*/

/*--------------------------------------------------------------
Responsive Grid System
--------------------------------------------------------------*/
.row .col.s1,
.row .col.s10,
.row .col.s11,
.row .col.s12,
.row .col.s2,
.row .col.s3,
.row .col.s4,
.row .col.s5,
.row .col.s7,
.row .col.s8,
.row .col.s9 {
  left: auto;
  right: auto;
}
.container .row {
  margin-left: -20px;
  margin-right: -20px;
}
.row,
.row .col.s1,
.row .col.s10,
.row .col.s11,
.row .col.s12,
.row .col.s2,
.row .col.s3,
.row .col.s4,
.row .col.s5,
.row .col.s7,
.row .col.s8,
.row .col.s9 {
  margin-left: auto;
}
.row {
  margin-right: auto;
  margin-top: 20px;
}
.row:first-child {
  margin-top: 0;
}
.row .col {
  float: left;
  box-sizing: border-box;
  padding-left: 20px;
  padding-right: 20px;
  min-height: 1px;
}
.row .col[class*="push-"],
.row .col[class*="pull-"] {
  position: relative;
}
.row .col.s1 {
  width: 8.3333333333%;
}
.row .col.s2 {
  width: 16.6666666667%;
}
.row .col.s3 {
  width: 25%;
}
.row .col.s4 {
  width: 33.3333333333%;
}
.row .col.s5 {
  width: 41.6666666667%;
}
.row .col.s6 {
  width: 50%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s7 {
  width: 58.3333333333%;
}
.row .col.s8 {
  width: 66.6666666667%;
}
.row .col.s9 {
  width: 75%;
}
.row .col.s10 {
  width: 83.3333333333%;
}
.row .col.s11 {
  width: 91.6666666667%;
}
.row .col.s12 {
  width: 100%;
}
.row .col.offset-s1 {
  margin-left: 8.3333333333%;
}
.row .col.pull-s1 {
  right: 8.3333333333%;
}
.row .col.push-s1 {
  left: 8.3333333333%;
}
.row .col.offset-s2 {
  margin-left: 16.6666666667%;
}
.row .col.pull-s2 {
  right: 16.6666666667%;
}
.row .col.push-s2 {
  left: 16.6666666667%;
}
.row .col.offset-s3 {
  margin-left: 25%;
}
.row .col.pull-s3 {
  right: 25%;
}
.row .col.push-s3 {
  left: 25%;
}
.row .col.offset-s4 {
  margin-left: 33.3333333333%;
}
.row .col.pull-s4 {
  right: 33.3333333333%;
}
.row .col.push-s4 {
  left: 33.3333333333%;
}
.row .col.offset-s5 {
  margin-left: 41.6666666667%;
}
.row .col.pull-s5 {
  right: 41.6666666667%;
}
.row .col.push-s5 {
  left: 41.6666666667%;
}
.row .col.offset-s6 {
  margin-left: 50%;
}
.row .col.pull-s6 {
  right: 50%;
}
.row .col.push-s6 {
  left: 50%;
}
.row .col.offset-s7 {
  margin-left: 58.3333333333%;
}
.row .col.pull-s7 {
  right: 58.3333333333%;
}
.row .col.push-s7 {
  left: 58.3333333333%;
}
.row .col.offset-s8 {
  margin-left: 66.6666666667%;
}
.row .col.pull-s8 {
  right: 66.6666666667%;
}
.row .col.push-s8 {
  left: 66.6666666667%;
}
.row .col.offset-s9 {
  margin-left: 75%;
}
.row .col.pull-s9 {
  right: 75%;
}
.row .col.push-s9 {
  left: 75%;
}
.row .col.offset-s10 {
  margin-left: 83.3333333333%;
}
.row .col.pull-s10 {
  right: 83.3333333333%;
}
.row .col.push-s10 {
  left: 83.3333333333%;
}
.row .col.offset-s11 {
  margin-left: 91.6666666667%;
}
.row .col.pull-s11 {
  right: 91.6666666667%;
}
.row .col.push-s11 {
  left: 91.6666666667%;
}
.row .col.offset-s12 {
  margin-left: 100%;
}
.row .col.pull-s12 {
  right: 100%;
}
.row .col.push-s12 {
  left: 100%;
}
@media only screen and (min-width: 601px) {
  .row .col.m1,
  .row .col.m10,
  .row .col.m11,
  .row .col.m12,
  .row .col.m2,
  .row .col.m3,
  .row .col.m4,
  .row .col.m5,
  .row .col.m7,
  .row .col.m8,
  .row .col.m9 {
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m1 {
    width: 8.3333333333%;
  }
  .row .col.m2 {
    width: 16.6666666667%;
  }
  .row .col.m3 {
    width: 25%;
  }
  .row .col.m4 {
    width: 33.3333333333%;
  }
  .row .col.m5 {
    width: 41.6666666667%;
  }
  .row .col.m6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m7 {
    width: 58.3333333333%;
  }
  .row .col.m8 {
    width: 66.6666666667%;
  }
  .row .col.m9 {
    width: 75%;
  }
  .row .col.m10 {
    width: 83.3333333333%;
  }
  .row .col.m11 {
    width: 91.6666666667%;
  }
  .row .col.m12 {
    width: 100%;
  }
  .row .col.offset-m1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-m1 {
    right: 8.3333333333%;
  }
  .row .col.push-m1 {
    left: 8.3333333333%;
  }
  .row .col.offset-m2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-m2 {
    right: 16.6666666667%;
  }
  .row .col.push-m2 {
    left: 16.6666666667%;
  }
  .row .col.offset-m3 {
    margin-left: 25%;
  }
  .row .col.pull-m3 {
    right: 25%;
  }
  .row .col.push-m3 {
    left: 25%;
  }
  .row .col.offset-m4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-m4 {
    right: 33.3333333333%;
  }
  .row .col.push-m4 {
    left: 33.3333333333%;
  }
  .row .col.offset-m5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-m5 {
    right: 41.6666666667%;
  }
  .row .col.push-m5 {
    left: 41.6666666667%;
  }
  .row .col.offset-m6 {
    margin-left: 50%;
  }
  .row .col.pull-m6 {
    right: 50%;
  }
  .row .col.push-m6 {
    left: 50%;
  }
  .row .col.offset-m7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-m7 {
    right: 58.3333333333%;
  }
  .row .col.push-m7 {
    left: 58.3333333333%;
  }
  .row .col.offset-m8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-m8 {
    right: 66.6666666667%;
  }
  .row .col.push-m8 {
    left: 66.6666666667%;
  }
  .row .col.offset-m9 {
    margin-left: 75%;
  }
  .row .col.pull-m9 {
    right: 75%;
  }
  .row .col.push-m9 {
    left: 75%;
  }
  .row .col.offset-m10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-m10 {
    right: 83.3333333333%;
  }
  .row .col.push-m10 {
    left: 83.3333333333%;
  }
  .row .col.offset-m11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-m11 {
    right: 91.6666666667%;
  }
  .row .col.push-m11 {
    left: 91.6666666667%;
  }
  .row .col.offset-m12 {
    margin-left: 100%;
  }
  .row .col.pull-m12 {
    right: 100%;
  }
  .row .col.push-m12 {
    left: 100%;
  }
}
@media only screen and (min-width: 993px) {
  .row .col.l1,
  .row .col.l10,
  .row .col.l11,
  .row .col.l12,
  .row .col.l2,
  .row .col.l3,
  .row .col.l4,
  .row .col.l5,
  .row .col.l7,
  .row .col.l8,
  .row .col.l9 {
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l1 {
    width: 8.3333333333%;
  }
  .row .col.l2 {
    width: 16.6666666667%;
  }
  .row .col.l3 {
    width: 25%;
  }
  .row .col.l4 {
    width: 33.3333333333%;
  }
  .row .col.l5 {
    width: 41.6666666667%;
  }
  .row .col.l6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l7 {
    width: 58.3333333333%;
  }
  .row .col.l8 {
    width: 66.6666666667%;
  }
  .row .col.l9 {
    width: 75%;
  }
  .row .col.l10 {
    width: 83.3333333333%;
  }
  .row .col.l11 {
    width: 91.6666666667%;
  }
  .row .col.l12 {
    width: 100%;
  }
  .row .col.offset-l1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-l1 {
    right: 8.3333333333%;
  }
  .row .col.push-l1 {
    left: 8.3333333333%;
  }
  .row .col.offset-l2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-l2 {
    right: 16.6666666667%;
  }
  .row .col.push-l2 {
    left: 16.6666666667%;
  }
  .row .col.offset-l3 {
    margin-left: 25%;
  }
  .row .col.pull-l3 {
    right: 25%;
  }
  .row .col.push-l3 {
    left: 25%;
  }
  .row .col.offset-l4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-l4 {
    right: 33.3333333333%;
  }
  .row .col.push-l4 {
    left: 33.3333333333%;
  }
  .row .col.offset-l5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-l5 {
    right: 41.6666666667%;
  }
  .row .col.push-l5 {
    left: 41.6666666667%;
  }
  .row .col.offset-l6 {
    margin-left: 50%;
  }
  .row .col.pull-l6 {
    right: 50%;
  }
  .row .col.push-l6 {
    left: 50%;
  }
  .row .col.offset-l7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-l7 {
    right: 58.3333333333%;
  }
  .row .col.push-l7 {
    left: 58.3333333333%;
  }
  .row .col.offset-l8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-l8 {
    right: 66.6666666667%;
  }
  .row .col.push-l8 {
    left: 66.6666666667%;
  }
  .row .col.offset-l9 {
    margin-left: 75%;
  }
  .row .col.pull-l9 {
    right: 75%;
  }
  .row .col.push-l9 {
    left: 75%;
  }
  .row .col.offset-l10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-l10 {
    right: 83.3333333333%;
  }
  .row .col.push-l10 {
    left: 83.3333333333%;
  }
  .row .col.offset-l11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-l11 {
    right: 91.6666666667%;
  }
  .row .col.push-l11 {
    left: 91.6666666667%;
  }
  .row .col.offset-l12 {
    margin-left: 100%;
  }
  .row .col.pull-l12 {
    right: 100%;
  }
  .row .col.push-l12 {
    left: 100%;
  }
}

.container .row {
  margin-left: -20px;
  margin-right: -20px;
}

.row {
  margin-top: 20px;
}

.row .col {
  padding-left: 20px;
  padding-right: 20px;
}

/*--------------------------------------------------------------
Clear
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.container:before,
.container .row:before,
.container:after,
.container .row:after {
  content: "";
  display: table;
}

.clear:after,
.container:after,
.container .row:after {
  clear: both;
}

.clear,
.container,
.container .row {
  *zoom: 1;
}

/*--------------------------------------------------------------
General Elementor Thememing
--------------------------------------------------------------*/
body {
  line-height: 1.5;
  font-size: 1rem;
  background: #fff;
}

a {
}

h1,
h2,
h3,
h4,
h5,
h6,
.elementor-widget-heading.elementor-widget-heading .elementor-heading-title,
.elementor-widget-heading .elementor-heading-title {
}

h1,
.elementor-widget-heading.elementor-widget-heading h1.elementor-heading-title,
.elementor-widget-heading h1.elementor-heading-title {
}

h2,
.elementor-widget-heading.elementor-widget-heading h2.elementor-heading-title,
.elementor-widget-heading h2.elementor-heading-title {
}

h3,
.elementor-widget-heading.elementor-widget-heading h3.elementor-heading-title,
.elementor-widget-heading h3.elementor-heading-title {
}

h4,
.elementor-widget-heading.elementor-widget-heading h4.elementor-heading-title,
.elementor-widget-heading h4.elementor-heading-title {
}

.button,
button,
input[type="submit"],
.elementor a.button,
.elementor-widget-button a.elementor-button,
.elementor-widget-button .elementor-button,
.elementor-widget-form .elementor-button {
}

/*--------------------------------------------------------------
Experimental 1420px content width for wide screens
--------------------------------------------------------------*/
:root {
  --g-content-width: 1200px;
  --g-content-width-half: calc(var(--g-content-width) / 2);
  --g-gutter-width: 0px;
}

@media screen and (min-width: 1420px) {
  :root {
    /* --g-content-width: 1420px;
    --g-blog-content-margin: 145px; */
  }

  .elementor-section.elementor-section-boxed > .elementor-container {
    /* max-width: 1420px; */
  }

  /* .elementor-section-full_width .elementor-column.content-pad-left {
	  padding-left: calc(50vw - 820px);
	}
  
	.elementor-section-full_width .elementor-column.content-pad-right {
	  padding-right: calc(50vw - 820px);
	} */
}
@media screen and (max-width: 1024px) {
  :root {
    --g-content-width: 1024px;
    --g-blog-content-margin: 60px;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --g-content-width: 767px;
    --g-blog-content-margin: 0;
  }
}

/*--------------------------------------------------------------
Custom Theme Styles
--------------------------------------------------------------*/

p:last-child {
  margin-bottom: 0;
}

/* full width column padding to bring a columns content in line with site margins */

.elementor-section-full_width .elementor-column.content-pad-left {
  padding-left: calc(50vw - var(--g-content-width-half));
}

.elementor-section-full_width .elementor-column.content-pad-right {
  padding-right: calc(50vw - var(--g-content-width-half));
}

.lightbox-video-image .elementor-widget-container {
  /* height: 300px; */
  height: 200px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.gap-10 .elementor-row {
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
}
.gap-20 .elementor-row {
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
.gap-40 .elementor-row {
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}

.how-we-can-help .elementor-column {
  height: 220px;
  width: 220px;
  margin: 0 auto;
}

.how-we-can-help .elementor-column .elementor-widget-wrap {
  align-content: center;
}

/* Homepage testimonial slider */

/* .is-wide .custom-testimonials .elementor-swiper {
  margin-left: -70px;
  margin-right: -70px;
} */

.custom-testimonials .elementor-testimonial {
  display: flex !important;
  flex-direction: column;
}

.custom-testimonials .elementor-testimonial__content {
  order: 2;
  margin-top: 1em;
  margin-bottom: 0;
}

/*text styling*/

.custom-testimonials .elementor-testimonial__name {
  font-weight: 900 !important;
  text-transform: uppercase;
}

.custom-testimonials .elementor-testimonial__title {
  font-weight: 500 !important;
}

/*pagination*/

.custom-testimonials .swiper-wrapper {
  margin-bottom: 30px;
}

.custom-testimonials .swiper-pagination-bullet {
  border: 1px solid #ef3a52;
}

/* equal column height */

.equal-height .elementor-posts-container {
  display: flex;
}
.equal-height article {
  flex: 1;
}
.equal-height
  article
  div:is(.elementor, .elementor-section-wrap, .elementor-container),
.equal-height article section {
  height: 100%;
}

.staff-profile-image img {
  width: 150px !important;
  height: 150px;
  aspect-ratio: auto 150 / 150;
}

.mobile-only {
  display: none !important;
}

.return-to-shop .button.wc-backward,
.woocommerce .woocommerce-message a.button {
  font-family: var(--e-global-typography-text-font-family), Sans-serif;
  font-size: var(--e-global-typography-text-font-size);
  font-weight: var(--e-global-typography-text-font-weight);
  line-height: var(--e-global-typography-text-line-height);
  color: var(--e-global-color-accent);
  background-color: #ffffff00;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: var(--e-global-color-accent);
  border-radius: 10px 10px 10px 10px;
}

.return-to-shop .button.wc-backward:hover,
.woocommerce .woocommerce-message a.button:hover {
  color: var(--e-global-color-secondary);
  background-color: var(--e-global-color-accent);
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: var(--e-global-color-secondary);
}

.custom-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.custom-grid-item iframe {
  max-height: 311px;
}

/*--------------------------------------------------------------
Tablet Styling
--------------------------------------------------------------*/

@media screen and (max-width: 1024px) {
  .elementor-section-wrap
    .elementor-section
    > .elementor-container
    > .elementor-row
    > .elementor-column
    > .elementor-column-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }

  /* don't apply l / r easy responsive padding to template sections, requires setting .template class on section that contains template widget */
  .elementor-section-wrap
    .elementor-section.template
    > .elementor-container
    > .elementor-row
    > .elementor-column
    > .elementor-column-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  /* don't apply l / r easy responsive padding to inner-section elements */
  .elementor-section-wrap
    .elementor-section
    > .elementor-container
    > .elementor-row
    > .elementor-inner-column
    > .elementor-column-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .tab-np-r > .elementor-container {
    padding-right: 0 !important;
  }
  .tab-np-l > .elementor-container {
    padding-left: 0 !important;
  }

  .elementor-section-full_width .elementor-column.content-pad-left {
    padding-left: 0;
  }

  .elementor-section-full_width .elementor-column.content-pad-right {
    padding-right: 0;
  }

  .desktop-only {
    display: none;
  }

  .how-we-can-help .elementor-column {
    display: block;
    margin-bottom: 30px;
  }

  .how-we-can-help .elementor-column .elementor-column-wrap {
    width: 220px;
    height: 220px;
    margin: 0 auto;
  }

  .equal-height .elementor-posts-container {
    flex-wrap: wrap;
  }
  .equal-height article {
    min-width: 40% !important;
  }

  .slick-slider {
    padding: 0;
  }

  .custom-grid-item iframe {
    max-height: 178px;
  }

  .custom-grid-tabs .elementor-tabs-wrapper {
    flex-wrap: wrap;
  }
}

/*--------------------------------------------------------------
Mobile Styling
--------------------------------------------------------------*/

@media screen and (max-width: 767px) {
  .equal-height article {
    min-width: 100% !important;
  }

  p,
  .elementor-icon-list-text,
  td,
  li {
    font-size: 16px;
  }

  .staff-profile-image img {
    width: 125px !important;
    height: 125px;
  }

  .staff-profile-image .elementor-image-box-description {
    max-width: 150px;
  }

  .desktop-only {
    display: none !important;
  }

  .mobile-only {
    display: block !important;
  }

  .custom-grid {
    grid-template-columns: 1fr;
  }
}

/*--------------------------------------------------------------
Custom Animations
--------------------------------------------------------------*/

.custom-two .elementor-row .elementor-column {
  opacity: 0;
  animation: fade 0.3s ease-in forwards;
}

.custom-two .elementor-row .elementor-column:nth-child(1) {
  animation-delay: 0.15s;
}
.custom-two .elementor-row .elementor-column:nth-child(2) {
  animation-delay: 0.3s;
}
.custom-two .elementor-row .elementor-column:nth-child(3) {
  animation-delay: 0.45s;
}
.custom-two .elementor-row .elementor-column:nth-child(4) {
  animation-delay: 0.6s;
}
.custom-two .elementor-row .elementor-column:nth-child(5) {
  animation-delay: 0.75s;
}
.custom-two .elementor-row .elementor-column:nth-child(6) {
  animation-delay: 0.9s;
}
.custom-two .elementor-row .elementor-column:nth-child(7) {
  animation-delay: 1.05s;
}
.custom-two .elementor-row .elementor-column:nth-child(8) {
  animation-delay: 1.2s;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}