/*————————————

Padding Spaces

————————————*/ // // .p-0, .pt-0, .pr-0, .pb-0, .pl-0, .px-0, .py-0 //

/* Padding Spaces (xs) ————————————*/ @include padding-spaces(xs);

/* Padding Spaces (sm) ————————————*/ @include padding-spaces(sm);

/* Padding Spaces (md) ————————————*/ @include padding-spaces(md);

/* Padding Spaces (lg) P ————————————*/ @include padding-spaces(lg);

/* Padding Spaces (xl) P ————————————*/ @include padding-spaces(xl);

/* Custom Paddings (xs) ————————————*/ .g-pa-0-20-20 {

@include px-to-rem(padding, 0 20px 20px !important);

}

.g-pa-4-11 {

@include px-to-rem(padding, 4px 11px !important);

}

.g-pa-4-13 {

@include px-to-rem(padding, 4px 13px !important);

}

.g-pa-5-10 {

@include px-to-rem(padding, 5px 10px !important);

}

.g-pa-5-15 {

@include px-to-rem(padding, 5px 15px !important);

}

.g-pa-6-8 {

@include px-to-rem(padding, 6px 8px !important);

}

.g-pa-7-14 {

@include px-to-rem(padding, 7px 14px !important);

}

.g-pa-7-16 {

@include px-to-rem(padding, 7px 16px !important);

}

.g-pa-10-5-5 {

@include px-to-rem(padding, 10px 5px 5px !important);

}

.g-pa-10-15 {

@include px-to-rem(padding, 10px 15px !important);

}

.g-pa-10-16 {

@include px-to-rem(padding, 10px 16px !important);

}

.g-pa-10-20 {

@include px-to-rem(padding, 10px 20px !important);

}

.g-pa-10-30 {

@include px-to-rem(padding, 10px 30px !important);

}

.g-pa-12 {

@include px-to-rem(padding, 12px !important);

}

.g-pa-12-19 {

@include px-to-rem(padding, 12px 19px !important);

}

.g-pa-12-21 {

@include px-to-rem(padding, 12px 21px !important);

}

.g-pa-12-5-7 {

@include px-to-rem(padding, 12px 5px 7px !important);

}

.g-pa-14-18 {

@include px-to-rem(padding, 14px 18px !important);

}

.g-pa-15-0 {

@include px-to-rem(padding, 15px 0 !important);

}

.g-pa-15-5 {

@include px-to-rem(padding, 15px 5px !important);

}

.g-pa-15-20-10 {

@include px-to-rem(padding, 15px 20px 10px !important);

}

.g-pa-15-20 {

@include px-to-rem(padding, 15px 20px !important);

}

.g-pa-15-30 {

@include px-to-rem(padding, 15px 30px !important);

}

.g-pa-17-23 {

@include px-to-rem(padding, 17px 23px !important);

}

.g-pa-20-10 {

@include px-to-rem(padding, 20px 10px !important);

}

.g-pa-20-20-15 {

@include px-to-rem(padding, 20px 20px 15px !important);

}

.g-pa-20-20-20-55 {

@include px-to-rem(padding, 20px 20px 20px 55px !important);

}

.g-pa-20-30-0 {

@include px-to-rem(padding, 20px 30px 0 !important);

}

.g-pa-20-40-25 {

@include px-to-rem(padding, 20px 40px 25px !important);

}

.g-pa-24 {

@include px-to-rem(padding, 24px !important);

}

.g-pa-25-20-30 {

@include px-to-rem(padding, 25px 20px 30px !important);

}

.g-pa-25-30-20 {

@include px-to-rem(padding, 25px 30px 20px !important);

}

.g-pa-25-30 {

@include px-to-rem(padding, 25px 30px !important);

}

.g-pa-30-10 {

@include px-to-rem(padding, 30px 10px !important);

}

.g-pa-30-15 {

@include px-to-rem(padding, 30px 15px !important);

}

.g-pa-30-20 {

@include px-to-rem(padding, 30px 20px !important);

}

.g-pa-30-30-20 {

@include px-to-rem(padding, 30px 30px 20px !important);

}

.g-pa-40 {

@include px-to-rem(padding, 40px !important);

}

.g-pa-40-20 {

@include px-to-rem(padding, 40px 20px !important);

}

.g-pa-40-30-30 {

@include px-to-rem(padding, 40px 30px 30px !important);

}

.g-pa-50-15-0 {

@include px-to-rem(padding, 50px 15px 0 !important);

}

.g-pa-5x {

padding: 5% !important;

}

.g-pa-15x {

padding: 15% !important;

}

.g-px-18 {

@include px-to-rem(padding-left, 18px !important); /* O */
@include px-to-rem(padding-right, 18px !important);

}

.g-py-23 {

@include px-to-rem(padding-top, 23px !important); /* O */
@include px-to-rem(padding-bottom, 23px !important);

}

.g-py-235 {

@include px-to-rem(padding-top, 235px !important); /* O */
@include px-to-rem(padding-bottom, 235px !important);

}

.g-pl-12 {

@include px-to-rem(padding-left, 12px !important);

}

.g-pl-17 {

@include px-to-rem(padding-left, 17px !important);

}

.g-pl-7–hover:hover {

@include px-to-rem(padding-left, 7px !important);

}

.g-pl-60–xs {

@include px-to-rem(padding-left, 60px !important);

}

.g-pt-11 {

@include px-to-rem(padding-top, 11px !important);

}

.g-pt-25 {

&--parent-hover {
  .g-parent:hover & {
    @include px-to-rem(padding-top, 25px !important);
  }
}

}

.g-pt-130 {

@include px-to-rem(padding-top, 130px !important);

}

.g-pt-150 {

@include px-to-rem(padding-top, 150px !important);

}

.g-pt-170 {

@include px-to-rem(padding-top, 170px !important);

}

.g-pt-195 {

@include px-to-rem(padding-top, 195px !important);

}

.g-pb-170 {

@include px-to-rem(padding-bottom, 170px !important);

}

.g-pb-180 {

@include px-to-rem(padding-bottom, 180px !important);

}

.g-pb-200 {

@include px-to-rem(padding-bottom, 200px !important);

}

.g-pb-250 {

@include px-to-rem(padding-bottom, 250px !important);

}

.g-pb-13 {

@include px-to-rem(padding-bottom, 13px !important);

}

/* Custom Paddings (sm) ————————————*/ @media (min-width: $g-sm) {

// Check
.g-px-10x--sm {
  padding-left: 10% !important;
  padding-right: 10% !important;
}
.g-px-0--sm {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.g-py-0--sm {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.g-py-5--sm {
  @include px-to-rem(padding-top, 5px !important);
  @include px-to-rem(padding-bottom, 5px !important);
}

// Check
.g-pa-0-10x--sm {
  padding-left: 10% !important;
  padding-right: 10% !important;
}
// .g-pa-20--sm {
//   @include px-to-rem(padding, 20px !important);
// }
// .g-pa-30--sm {
//   @include px-to-rem(padding, 30px !important);
// }
// .g-pr-20--sm {
//   @include px-to-rem(padding-right, 20px !important);
// }

.g-pa-0-35-35--sm {
  @include px-to-rem(padding, 0 35px 35px !important);
}

.g-pa-5-10--sm {
  @include px-to-rem(padding, 5px 10px !important);
}

.g-pa-8-16--sm {
  @include px-to-rem(padding, 8px 16px !important);
}

.g-pa-10-20--sm {
  @include px-to-rem(padding, 10px 20px !important);
}

.g-pa-15-20-10--sm {
  @include px-to-rem(padding, 15px 20px 10px !important);
}

.g-pa-20-20-0--sm {
  @include px-to-rem(padding, 20px 20px 0 !important);
}
.g-pa-20-20-10--sm {
  @include px-to-rem(padding, 20px 20px 10px !important);
}
.g-pa-20-30-0--sm {
  @include px-to-rem(padding, 20px 30px 0 !important);
}
.g-pa-20-30--sm {
  @include px-to-rem(padding, 20px 30px !important);
}

.g-pa-30-20--sm {
  @include px-to-rem(padding, 30px 20px !important);
}
.g-pa-30-25-20--sm {
  @include px-to-rem(padding, 30px 25px 20px !important);
}
.g-pa-30-30-20--sm {
  @include px-to-rem(padding, 30px 30px 20px !important);
}
.g-pa-30-50-40--sm {
  @include px-to-rem(padding, 30px 50px 40px !important);
}
.g-pa-30-80--sm {
  @include px-to-rem(padding, 30px 80px !important);
}

.g-pa-40-30-30--sm {
  @include px-to-rem(padding, 40px 30px 30px !important);
}

.g-pa-60-30--sm {
  @include px-to-rem(padding, 60px 30px !important);
}

.g-pa-70-50-50-30--sm {
  @include px-to-rem(padding, 70px 50px 50px 30px !important);
}

.g-pa-80-40--sm {
  @include px-to-rem(padding, 80px 40px !important);
}

.g-pa-85-0-40--sm {
  @include px-to-rem(padding, 85px 0 40px !important);
}

.g-pa-100-30--sm {
  @include px-to-rem(padding, 100px 30px !important);
}

.g-pa-170-0-150--sm {
  @include px-to-rem(padding, 170px 0 150px !important);
}

.g-pl-300--sm {
  @include px-to-rem(padding-left, 300px !important);
}

}

/* Custom Paddings (md) ————————————*/ @media (min-width: $g-md) {

.g-pa-25-30--md {
  @include px-to-rem(padding, 25px 30px !important);
}
.g-pa-30-10--md {
  @include px-to-rem(padding, 30px 10px !important);
}
.g-pa-30-35--md {
  @include px-to-rem(padding, 30px 35px !important);
}

.g-py-0--md {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.g-py-23--md {
  @include px-to-rem(padding-top, 23px !important);
  @include px-to-rem(padding-bottom, 23px !important);
}

.g-px-18--md {
  @include px-to-rem(padding-left, 18px !important);
  @include px-to-rem(padding-right, 18px !important);
}

.g-pt-135--md {
  @include px-to-rem(padding-top, 135px !important);
}
.g-pt-145--md {
  @include px-to-rem(padding-top, 145px !important);
}
.g-pt-150--md {
  @include px-to-rem(padding-top, 150px !important);
}
.g-pt-170--md {
  @include px-to-rem(padding-top, 170px !important);
}
.g-pt-175--md {
  @include px-to-rem(padding-top, 175px !important);
}
.g-pb-70--md {
  @include px-to-rem(padding-bottom, 70px !important);
}
.g-pb-170--md {
  @include px-to-rem(padding-bottom, 170px !important);
}
.g-pb-250--md {
  @include px-to-rem(padding-bottom, 250px !important);
}

}

/* Custom Paddings (lg) ————————————*/ @media (min-width: $g-lg) {

.g-py-0--lg {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.g-py-100--lg {
  @include px-to-rem(padding-top, 100px !important);
  @include px-to-rem(padding-bottom, 100px !important);
}

.g-px-200--lg {
  @include px-to-rem(padding-left, 200px !important);
  @include px-to-rem(padding-right, 200px !important);
}

.g-pt-170--lg {
  @include px-to-rem(padding-top, 170px !important);
}

.g-pb-200--lg {
  @include px-to-rem(padding-bottom, 200px !important);
}

}

/* Custom Paddings (xl) ————————————*/ @media (min-width: $g-xl) {

.g-py-0--xl {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

}