html[data-theme="light"] {
    --pst-color-primary: #007833;
    --pst-color-secondary: #1c9d96;
    --pst-color-info: #488dc8;
    --pst-color-warning: #f48e5c;
    --pst-color-accent: #cbccc8;
}

html[data-theme="dark"] {
    --pst-color-primary: #36a447;
    --pst-color-secondary: #82d5d0;
    --pst-color-info: #86ba37;
    --pst-color-warning: #fbb481;
    --pst-color-accent: #757575;
}

html {
    --pst-font-family-base: Roboto, Lato, Open Sans, var(--pst-font-family-base-system);
    --pst-font-family-heading: Roboto, Lato, Open Sans, var(--pst-font-family-base-system);
}

#footer-area {
    background-color: #f4f3f1;
    margin: 0px;
    font-size: 16px;
    line-height: 1.7;
}

#footer-area a {
    cursor: pointer;
    text-decoration: none;
}

#footer-area p {
    margin: 0 0 10px;
}

#footer-area a:focus,
#footer-area a:hover {
    text-decoration: underline;
}

.branding-sponsor {
    background-color: var(--pst-color-accent);
    margin: 0px;
    padding: 8px 0px 1px 0px;
    text-align: center;
}

#footer-area .mandatory-links {
    text-align: center;
    font-size: 16px;
    padding-top: 10px;
}

#footer-area .site-footer {
    padding: 10px 0;
}

#footer-area .site-footer:after,
#footer-area .container:after {
    content: '';
    display: table;
}

#footer-area .site-info {
    padding: 30px 20px;
    font-size: 12px;
}

#footer-area .container {
    width: 1170px;
    margin-right: auto;
    margin-left: auto
}

#footer-area .row {
    margin-right: -15px;
    margin-left: -15px;
}

#footer-area .col-md-3 {
    width: 25%;
}

#footer-area .col-md-6 {
    width: 50%;
}

#footer-area .col-md-3,
#footer-area .col-md-6 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

#footer-area .img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

@media (min-width: 768px) {
  #footer-area .col-sm-3, #footer-area .col-sm-6 {
    float: none;
  }
  #footer-area .col-sm-3, #footer-area .col-sm-6 {
    width: 10%;
  }
}