/* --- Bootstrap-like Grid Support for Bulma Sites --- */
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

[class*="col-"] {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  box-sizing: border-box;
}

/* Base column widths */
.col-sm-1 { flex: 0 0 8.3333%;  max-width: 8.3333%; }
.col-sm-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
.col-sm-3 { flex: 0 0 25%;      max-width: 25%; }
.col-sm-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
.col-sm-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
.col-sm-6 { flex: 0 0 50%;      max-width: 50%; }
.col-sm-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
.col-sm-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
.col-sm-9 { flex: 0 0 75%;      max-width: 75%; }
.col-sm-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
.col-sm-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
.col-sm-12 { flex: 0 0 100%;    max-width: 100%; }


.content .button.is-primary,
.content .button.is-primary {
    background: #1b6f3e;
}

.content .button.is-primary:hover,
.content  .button.is-primary:hover {
    background: #20653c;
   color: white;
}

/* Stack columns on mobile */
@media (max-width: 768px) {
  [class*="col-sm-"] {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/* Optional helper to mimic Bootstrap container spacing */
.container-content {
  width: 100%;
  margin: 0 auto;
}

/* Optional: simulate Bootstrap’s img-fluid */
img {
  max-width: 100%;
  height: auto;
  display: block;
}



			

			/* Make embed-responsive maintain aspect ratio but fill space */
			.embed-responsive {
				margin: 0 !important;
				padding-bottom: 56.25% !important; /* 16:9 aspect ratio */
				position: relative;
			}
			
			.embed-responsive-16by9 {
				padding-bottom: 63% !important; /* 4:3 aspect ratio */
			}
			
			/* Make video elements fill the embed-responsive container */
			.embed-responsive .embed-responsive-item,
			.embed-responsive iframe,
			.embed-responsive embed,
			.embed-responsive object,
			.embed-responsive video {
				position: absolute !important;
				top: 0 !important;
				bottom: 0 !important;
				left: 0 !important;
				width: 100% !important;
				height: 100% !important;
				border: 0 !important;
			}