/*
 * Bootstrap Grid Utilities
 * Custom padding-based offset classes for EPEA theme
 */

/* Padding-based offset utilities for large screens */
@media (min-width: 992px) {
  .padding-offset-lg-left-half {
    padding-left: 4.16666667%; /* Half column offset with left padding (0.5/12 = 4.16666667%) */
  }
  
  .padding-offset-lg-right-half {
    padding-right: 4.16666667%; /* Half column offset with right padding (0.5/12 = 4.16666667%) */
  }
  
  .padding-offset-lg-both-half {
    padding-left: 4.16666667%; /* Half column offset with both sides padding */
    padding-right: 4.16666667%;
  }
}

/* Additional padding offset sizes */
@media (min-width: 992px) {
  /* Quarter column offsets */
  .padding-offset-lg-left-quarter {
    padding-left: 2.08333333%; /* Quarter column offset (0.25/12 = 2.08333333%) */
  }
  
  .padding-offset-lg-right-quarter {
    padding-right: 2.08333333%;
  }
  
  /* Full column offsets */
  .padding-offset-lg-left-1 {
    padding-left: 8.33333333%; /* One column offset (1/12 = 8.33333333%) */
  }
  
  .padding-offset-lg-right-1 {
    padding-right: 8.33333333%;
  }
}

/* Medium screens */
@media (min-width: 768px) and (max-width: 991.98px) {
  .padding-offset-md-left-half {
    padding-left: 4.16666667%;
  }
  
  .padding-offset-md-right-half {
    padding-right: 4.16666667%;
  }
  
  .padding-offset-md-both-half {
    padding-left: 4.16666667%;
    padding-right: 4.16666667%;
  }
}

/* Small screens */
@media (min-width: 576px) and (max-width: 767.98px) {
  .padding-offset-sm-left-half {
    padding-left: 4.16666667%;
  }
  
  .padding-offset-sm-right-half {
    padding-right: 4.16666667%;
  }
  
  .padding-offset-sm-both-half {
    padding-left: 4.16666667%;
    padding-right: 4.16666667%;
  }
}