/**/.imageWidget{position:relative}.imageWidget a,.imageWidget span.image-caption{font-style:italic;text-align:center}.imageWidget a[data-caption]::after,.imageWidget span[data-caption]::after{content:attr(data-caption);display:block;line-height:100%}
.imageWidget.with-caption a::after,.imageWidget.with-caption span.image-caption::after{margin-top:12px}.imageWidget img[width][height]{height:auto}[data-flex-site] #fcontainer .imageWidget:after,[data-flex-site] #flex-footer .imageWidget:after,[data-flex-site] #flex-header .imageWidget:after{content:none}
[data-flex-site] #fcontainer .imageWidget:before,[data-flex-site] #flex-footer .imageWidget:before,[data-flex-site] #flex-header .imageWidget:before{font-size:80px;transform:none}.imageWidget.hover img.hover-image,.imageWidget:hover img.hover-image{display:initial}
.imageWidget.hover.hasHover img:not(.hover-image),.imageWidget:hover.hasHover img:not(.hover-image){display:none!important}.imageWidget img.hover-image,.imageWidget img.logo-on-scroll{display:none}/**/.hamburgerButton{display:block;background-color:transparent;border:0;padding:0;margin:0}.hamburgerButton,.hamburgerButton svg{width:100%;height:100%}
/* Custom Widgets Styles */
.group-picker {
  display: grid;
  grid-template-columns: auto !important;
  text-align: left;
  gap: 0px;
}

button.groupsAccordion {
  background-color: #013369;
  color: #fff;
  font-family: "Bebas Neue", sans-serif !important;
  cursor: pointer;
  padding: 16px;
  width: 100%;
  display: flex;
  align-items: center;
  text-align: left;
  outline: none;
  font-size: 20px;
  transition: 0.2s;
  font-weight: normal !important;
  gap: 15px;
  line-height: 1;
  border: none;
}

button.groupsAccordion.active,
button.groupsAccordion:hover {
  background-color: #00294f;
  color: white;
}

.groupsAccordion h5 {
  margin: 0px !important;
}

button.groupsAccordion:before {
  content: "\f054";
  font: var(--fa-font-solid);
  font-weight: 800;
  font-size: 14px;
  color: #FFF;
  float: right;
  margin-left: 5px;
}

button.groupsAccordion.active:before {
  content: "\f054";
  transform: rotate(90deg);
  color: #FFF;
}

.panel {
  padding: 5px 25px;
  max-height: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: 0.2s ease-in-out;
  opacity: 0;
  font-family: "Bebas Neue", sans-serif !important;
  background-color: #013369;
}

.panel a {
  color: white;
  margin-bottom: 8px;
  text-decoration: none;
  font-size: 17px !important;
}

.panel a:hover {
  color: yellow;
}

.panel span {
  color: white;
  margin-bottom: 8px;
  text-decoration: none;
}

.panel span:hover {
  color: yellow;
}

.panel.show {
  opacity: 1;
  max-height: 100%;
  margin-bottom: 10px;
  padding-top: 15px;
}

.panel.hide {
  opacity: 0;
  height: 0;
}

@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@500;600&family=Roboto:wght@400;500&display=swap");
.poweredby-container {
  align-items: center;
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  gap: 25px;
  text-decoration: none;
  position: relative;
  z-index: 1;
  padding-left: 50px;
  padding-right: 50px;
}

.poweredby-container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: -1;
}

.poweredby-image {
  max-width: 40px;
}

.poweredby-text {
  color: white;
  margin: 0px;
  padding: 0px;
  z-index: 2;
}

.poweredby-text p {
  margin: 0px;
  display: flex;
  justify-content: left;
}

.poweredby-text-copy {
  margin: 0px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.4);
  font-family: "Bebas Neue", cursive;
}

.poweredby-text-app {
  font-size: 12px;
  color: #FFFFFF;
  font-family: "Bebas Neue", cursive;
}

@media screen and (max-width: 767px) {
  .poweredby-container {
    /*background-color: #231D4F;*/
    align-items: center;
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 16px;
    padding-right: 16px;
    gap: 25px;
    text-decoration: none;
  }
}

.form-categories-two {
  display: flex;
  flex-direction: column;
  gap: 40px;
  text-align: left;
  position: relative;
  min-height: 100px;
}

.category-title {
  margin-top: 0px !important;
  margin-bottom: 20px;
}

.category-title h4 {
  margin: 0px !important;
  font-size: 60px;
  color: #ffffff !important;
}

.post-image {
  width: 100%;
  height: 100%;
  display: flex;
  object-fit: cover;
}

.post-image-empty {
  display: flex;
  justify-content: center;
  align-items: center;
  --display-color: #0000ff;
  width: 300px;
  height: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-image: radial-gradient(circle, color-mix(in srgb, var(--display-color), transparent) 0%, transparent 100%);
}

.post-image-empty-img {
  height: 100px;
}

.forms-one-two-category-background {
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.forms-one-two-item-background-link {
  text-decoration: none;
  display: flex;
}

.forms-one-two-item-background {
  display: flex;
  width: 100%;
  margin-bottom: 20px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  transition: transform 0.5s;
}

.forms-one-two-item-background:hover {
  transform: scale(1.01);
  opacity: 0.5;
}

.forms-one-two-item-image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  width: 250px;
  background-color: #0000ff;
  object-fit: cover;
  object-position: top;
  overflow: hidden;
}

.forms-one-two-item-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.forms-one-two-item-image-link {
  width: 100%;
}

.forms-one-two-item-description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px 16px 16px 30px;
  height: 100%;
  width: 100%;
  background-color: #0000ff;
  clip-path: polygon(1% 0, 100% 0, 100% 100%, 0 100%);
  margin-left: -10px;
}

.forms-one-two-description {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: max-height 0.3s ease;
}

.forms-one-two-item-text-status {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
  font-size: 11px;
}

.forms-one-two-item-status-submissions {
  color: #4F4200;
  font-family: "Poppins", sans-serif !important;
  font-size: 11px;
  margin: 0px !important;
}

.forms-one-two-item-status-submissions-icon {
  display: flex;
  align-items: center;
  padding: 2px 8px;
  background-color: #FEE1C7;
  gap: 5px;
}

.forms-one-two-item-status-submissions-image {
  height: 12px;
}

.forms-one-two-description-title h2 {
  margin: 0px !important;
}

.forms-one-two-description-title {
  margin-top: 0px !important;
  margin-bottom: 5px;
}

.forms-one-two-description {
  margin: 0px !important;
}

.forms-one-two-description p {
  margin: 0px !important;
}

.forms-one-two-item-status {
  display: flex;
  align-items: center;
  gap: 10px;
}

.forms-one-two-item-status-text {
  padding: 2px 8px;
  font-family: "Poppins", sans-serif !important;
  font-size: 11px;
  text-transform: capitalize;
}

.open {
  background-color: #DDFCE7;
  color: #1F7A30;
}

.closed {
  background-color: #fd4949;
  color: #4b0000;
}

#forms-loading-spinner {
  --border-color: #ffffff;
  border: 4px solid;
  border-color: color-mix(in srgb, var(--border-color), transparent 90%);
  border-top: 4px solid;
  border-top-color: #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (max-width: 720px) {
  .forms-one-two-category-background {
    gap: 10px;
  }
  .forms-one-two-item-background-link {
    flex: 1 0 100%;
  }
  .forms-one-two-item-background {
    flex-direction: column;
  }
  .forms-one-two-item-image {
    width: 100%;
  }
  .forms-one-two-item-description {
    height: auto;
    margin-left: 0px;
    clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 100%);
    margin-top: -20px;
    padding: 25px 16px 16px 16px;
  }
  .post-image-empty {
    width: 100%;
    height: 150px;
  }
  .category-title {
    margin-bottom: 10px;
  }
}

.tag-one-link {
  display: flex;
  text-decoration: none;
}

.page-title-one-one-title-container {
  display: flex;
  background-color: #000000;
  padding-top: 5px;
  padding-bottom: 3px;
  padding-left: 30px;
  padding-right: 30px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  clip-path: polygon(3% 0%, 100% 0, 97% 100%, 0 100%) !important;
  transition: 0.3s;
  align-items: center;
}

.page-title-one-one-title-container:hover {
  opacity: 0.6;
  transform: scaleX(1.01);
}

.page-title-one-one-tag-title h1 {
  margin: 0px !important;
}

.page-title-one-one-tag-title {
  font-size: 14px;
  margin: 0px !important;
}
