/*!
README - FOOTER STYLE

Find the style by section/component using Find or CTRL + F:
FOOTER STYLE,
FOOTER COPYRIGHT STYLE,
FOOTER TERMS STYLE,
FOOTER MAPS STYLE,
RESPONSIVE STYLE.

Make this stylesheet still readable and after using this file,
don't forget to use beautify after development.

Thank you Whello Developer.
*/

/* ==========================================================================
   FOOTER STYLE
   ========================================================================== */

.site-footer {
  position: relative;
}

.site-footer .container {
  max-width: 1316px;
  padding: 80px 80px 0;
  background-color: var(--vanilla);
  -webkit-border-radius: 60px 60px 0 0;
  -moz-border-radius: 60px 60px 0 0;
  border-radius: 60px 60px 0 0;
}

.site-footer ul,
.site-footer ol {
  padding: 0;
  list-style: none;
}

.site-footer p a {
  font-weight: 400;
}

/* ==========================================================================
   FOOTER COPYRIGHT STYLE
   ========================================================================== */

.vc_row.row-footer-copyright {
  padding: 40px 0;
  font-size: var(--text-sm);
}

/* ==========================================================================
   FOOTER TERMS STYLE
   ========================================================================== */

.wpb_text_column.textblock-link-terms ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 20px;
}

.wpb_text_column.textblock-link-terms li {
  width: auto;
  margin: 0;
}

/* ==========================================================================
   FOOTER MAPS STYLE
   ========================================================================== */

.wpb_text_column.textblock-maps > .wpb_wrapper > p {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 100%;
}

.wpb_text_column.textblock-maps > .wpb_wrapper > p iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

/* ==========================================================================
   RESPONSIVE STYLE
   ========================================================================== */

/* > MOBILE */
@media all and (min-width: 601px) {
}

/* > TABLET */
@media all and (min-width: 901px) {
  .col-maps.wpb_column > .vc_column-inner {
    border-left: 1px solid var(--black);
    height: 100%;
  }
}

/* >= DESKTOP & LAPTOP */
@media all and (min-width: 1300px) {
  .vc_row.row-footer-navigation {
    margin-left: -40px;
    margin-right: -40px;
  }

  .vc_row.row-footer-navigation > .wpb_column > .vc_column-inner {
    padding-left: 40px;
    padding-right: 40px;
  }
}

/* >= LARGE DESKTOP */
@media all and (min-width: 1600px) {
}

/* < LARGE DESKTOP */
@media all and (max-width: 1599px) {
}

/* >= DESKTOP & LAPTOP && < LARGE DESKTOP */
@media all and (min-width: 1300px) and (max-width: 1599px) {
}

/* <= LARGE TABLET */
@media all and (max-width: 1299px) {
  .site-footer .container {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }
}

/* > MOBILE && <= LARGE TABLET */
@media all and (min-width: 601px) and (max-width: 1299px) {
}

/* <= TABLET */
@media all and (max-width: 900px) {
  .wpb_text_column.textblock-link-terms ul {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 10px;
  }

  .col-maps.wpb_column > .vc_column-inner > .wpb_wrapper {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid var(--black);
  }
}

/* <= MOBILE */
@media all and (max-width: 600px) {
}