.act-jobs-plugin {
--h3: 2rem;
--h3-text-color: #08305a;
--h3-margin-bottom: 2rem;
--h1-font-size: 3rem;
--h1-font-color: #08305a;
--h1-font-weight: 500;
--h1-padding-tb: 1rem;
--h1-padding-lr: 0;
--h1-margin-tb: 0;
--h1-margin-lr: 0;
--h3-font-size: 2rem;
--h3-font-color: #08305a;
--h3-font-weight: 500;
--h3-padding-tb: 0;
--h3-padding-lr: 0;
--h3-margin-tb: 2rem;
--h3-margin-lr: 0;
--card-width: 100%;
--card-grid: 3fr 1fr;
--card-border: 0px solid #ffffff;
--card-border-radius: 4px;
--card-padding: 1.8rem;
--card-margin: 2rem 0;
--card-bg: #ffffff;

--card-text-size: 1.4rem;
--card-p-text-color: #08305a;
--card-link-color: #08305a;
--card-link-color--hover: #08305a;
--card-link-font-size: 1.5rem;
--card-link-bg-color: #cfd93f;
--card-link-bg-color--hover: #b4c929;
--card-link-padding: 1.5rem 2.5rem;
--card-link-margin: 1rem;
--card-link-border-radius: 0;
--card-li-margin-right: 1rem;
--card-li-margin-bottom: 1.5rem;

}

.act-jobs-plugin .act-job-card {
    width: var(--card-width);
}
.act-jobs-plugin .act-single-job {
  background-color: var(--card-bg);
  border: var(--card-border);
  border-radius: var(--card-border-radius);
  padding: var(--card-padding);
  margin: var(--card-margin);

  display:grid;
  grid-template-columns: 1fr auto;
  gap: 1rem;
  
  @media(max-width: 767px) {
    grid-template-columns: 1fr;
  }
}
.act-jobs-plugin h1 {
    font-size: var(--h1-font-size) !important;
    color: var(--h1-font-color) !important;
    font-weight: var(--h1-font-weight) !important;
    padding: var(--h1-padding-tb) var(--h1-padding-lr) !important;
    margin: var(--h1-margin-tb) var(--h1-margin-lr) !important;
    line-height: 1.2 !important;
    @media(max-width: 767px) {
        font-size: calc(var(--h1-font-size) * 0.75) !important;
    }
}
.act-jobs-plugin .act-single-job h3 {
    font-size: var(--h3-font-size) !important;
    color: var(--h3-font-color) !important;
    font-weight: var(--h3-font-weight) !important;
    padding: var(--h3-padding-tb) var(--h3-padding-lr) !important;
    margin: var(--h3-margin-tb) var(--h3-margin-lr) !important;
    line-height: 1.2 !important;
    @media(max-width: 767px) {
        font-size: calc(var(--h3-font-size) * 0.75) !important;
    }
}
.act-jobs-plugin .act-single-text {
    font-size: var(--card-text-size) !important;
    color: var(--card-p-text-color) !important;
}
.act-jobs-plugin .act-single-text b,
.act-jobs-plugin .act-job-single-ul b {
    font-weight: bold !important;
    color: var(--card-p-text-color) !important;
    font-size: var(--card-text-size) !important;
}
.act-jobs-plugin .col1 {
    min-width: 0;
    overflow-wrap: break-word;
}
.act-jobs-plugin .col2 {
    position: relative;
    flex-shrink: 0;
    align-self: center;
}

.act-jobs-plugin .act-btn, .act-jobs-plugin .act-btn-full {
    color: var(--card-link-color);
    font-size: var(--card-link-font-size);
    padding: var(--card-link-padding);

    background-color: var(--card-link-bg-color);
    border-radius: var(--card-link-border-radius);
    display:inline-block;
    text-decoration: none !important;
    text-align: center;


    @media(max-width: 767px) {
        display:block;
        position: unset;
        max-width: 100%;
        margin:var(--card-link-margin);
    }
}
.act-jobs-plugin .act-btn-full {
    margin: 1.5rem 2.5rem;

}
.act-jobs-plugin .act-btn-pos {
    position: relative;
    margin: 0;
    display: inline-block;
    
    @media(max-width: 767px) {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 1rem;
    }
}
.act-jobs-plugin .act-btn:hover, .act-jobs-plugin .act-btn-full:hover {
    color: var(--card-link-color--hover);
    background-color: var(--card-link-bg-color--hover);
}
.act-jobs-plugin .col1 ul > li, .act-jobs-plugin .act-job-single-ul > li {
    display: inline-block !important;
    margin-right: var(--card-li-margin-right) !important;
    margin-bottom: var(--card-li-margin-bottom) !important;
    font-size: var(--card-text-size) !important;
    color: var(--card-p-text-color) !important;
    list-style: none !important;
}
.act-jobs-plugin .col1 ul, .act-jobs-plugin .act-job-single-ul {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}


.act-jobs-plugin .col2 {
    position: relative;
}