/*
 * SCSS
 * footer.scss
 * Author: Kristoffer Nieslen @ Wield
 * Date: Oct 2018
 */
/*
 * IMPORTS
 */
/*
 * SCSS
 * main.scss
 * Author: Kristoffer Nieslen @ Wield
 * Date: Oct 2018
 */
/*
 * LAYOUT
 */
/*
 * COLORS
 */
/*
 * FONTS
 */
/*
 * RESPONSIVE WIDTHS
 */
div.gform_wrapper {
  margin: none;
}
div.gform_wrapper form.wield-newsletter-form div.gform_body ul.gform_fields li.gfield {
  display: block;
  margin: 0 0 0.5em 0;
}
div.gform_wrapper form.wield-newsletter-form div.gform_body ul.gform_fields li.gfield label {
  display: none;
}
div.gform_wrapper form.wield-newsletter-form div.gform_body ul.gform_fields li.gfield div.ginput_container {
  display: flex;
  justify-content: space-between;
  margin-top: 0px;
  width: 100% !important;
}
div.gform_wrapper form.wield-newsletter-form div.gform_body ul.gform_fields li.gfield div.ginput_container span.name_first {
  width: 49%;
  padding-right: 0px;
  margin-right: 0;
}
div.gform_wrapper form.wield-newsletter-form div.gform_body ul.gform_fields li.gfield div.ginput_container span.name_first input {
  border: 1px solid #fff;
  border-radius: 2px;
  padding: 0.5em !important;
}
div.gform_wrapper form.wield-newsletter-form div.gform_body ul.gform_fields li.gfield div.ginput_container span.name_first label {
  font-style: italic;
}
div.gform_wrapper form.wield-newsletter-form div.gform_body ul.gform_fields li.gfield div.ginput_container span.name_last {
  width: 49%;
  padding-right: 0px;
  margin-right: 0;
}
div.gform_wrapper form.wield-newsletter-form div.gform_body ul.gform_fields li.gfield div.ginput_container span.name_last input {
  border: 1px solid #fff;
  border-radius: 2px;
  padding: 0.5em !important;
}
div.gform_wrapper form.wield-newsletter-form div.gform_body ul.gform_fields li.gfield div.ginput_container span.name_last label {
  font-style: italic;
}
div.gform_wrapper form.wield-newsletter-form div.gform_body ul.gform_fields li.gfield label.gfield_label span.gfield_required {
  color: #fff !important;
}
div.gform_wrapper form.wield-newsletter-form div.gform_body ul.gform_fields li.gfield div.ginput_container.ginput_container_email:before {
  font-family: 'Font Awesome 5 Free';
  content: '\f0e0';
  margin-right: -1em;
  color: #268ba3;
  position: relative;
  left: 0.5em;
  font-size: 1.5em;
  line-height: 1.5em;
}
div.gform_wrapper form.wield-newsletter-form div.gform_body ul.gform_fields li.gfield div.ginput_container.ginput_container_email input.medium {
  width: 100%;
  border: 1px solid #fff;
  border-radius: 2px;
  padding: 0.5em 0.5em 0.5em 2.8em !important;
}
div.gform_wrapper form.wield-newsletter-form div.gform_footer {
  margin: 0;
}
div.gform_wrapper form.wield-newsletter-form div.gform_footer input.gform_button {
  border: none;
  padding: 0.75em 1.25em;
  background-color: #1a6981;
  color: #fff;
  border-radius: 3px;
  transition: all 0.35s ease-out;
}
div.gform_wrapper form.wield-newsletter-form div.gform_footer input.gform_button:hover {
  background-color: #114657;
}
footer.footer {
  background-color: #268ba3;
  padding: 1em 1em;
  margin-top: 1em;
  color: #fff;
  text-align: center;
}
@media only screen and (min-width: 800px) {
  footer.footer {
    padding: 1em 0em;
    text-align: left;
  }
}
footer.footer a {
  color: #fff;
}
footer.footer div.contain div.footer-widgets {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 2em 0em 3em;
}
@media only screen and (min-width: 800px) {
  footer.footer div.contain div.footer-widgets {
    flex-direction: row;
  }
}
footer.footer div.contain div.footer-widgets div.widget-area div.widget h3 {
  color: #fff;
}
footer.footer div.contain div.footer-widgets div.widget-area div.widget div ul {
  display: flex;
  flex-direction: column;
}
footer.footer div.contain div.footer-widgets div.widget-area div.widget div ul li {
  justify-content: center;
}
@media only screen and (min-width: 800px) {
  footer.footer div.contain div.footer-widgets div.widget-area div.widget div ul li {
    justify-content: left;
  }
}
footer.footer div.contain div.footer-widgets div.footer-left {
  margin: 0em;
}
footer.footer div.contain div.footer-widgets div.footer-left a:hover {
  text-decoration: underline;
}
footer.footer div.contain div.footer-widgets div.footer-center-left {
  margin: 2em 1.5em 0em 3em;
}
@media only screen and (min-width: 800px) {
  footer.footer div.contain div.footer-widgets div.footer-center-left {
    margin: 0em;
  }
}
footer.footer div.contain div.footer-widgets div.footer-center-left div.widget div.textwidget ul.social-links {
  width: 50%;
  margin: auto;
}
@media only screen and (min-width: 800px) {
  footer.footer div.contain div.footer-widgets div.footer-center-left div.widget div.textwidget ul.social-links {
    width: 100%;
    margin: normal;
  }
}
footer.footer div.contain div.footer-widgets div.footer-center-left div.widget div.textwidget ul.social-links li {
  justify-content: left;
}
footer.footer div.contain div.footer-widgets div.footer-center-right {
  margin: 2em 1.5em 0em 1.5em;
}
@media only screen and (min-width: 800px) {
  footer.footer div.contain div.footer-widgets div.footer-center-right {
    margin: 0em;
  }
}
footer.footer div.contain div.footer-widgets div.footer-center-left {
  margin: 2em 1.5em 0em 1.5em;
}
@media only screen and (min-width: 800px) {
  footer.footer div.contain div.footer-widgets div.footer-center-left {
    margin: 0em;
  }
}
footer.footer div.contain div.footer-widgets div.footer-center-left ul.social-links li a {
  display: flex;
  align-items: center;
  font-weight: bold;
}
footer.footer div.contain div.footer-widgets div.footer-center-left ul.social-links li a:hover > i {
  color: #1a6981;
  /*
   &.fa-facebook {
   color: rgb(59,89,152);
   }
   &.fa-facebook-messenger {
   color: rgb(0,132,255);
   }
   &.fa-twitter-square {
   color: rgb(29,161,242);
   }
   &.fa-pinterest-square {
   color: rgb(201,34,40);
   }
   &.fa-youtube-square {
   color: rgb(255,0,0);
   }
   */
}
footer.footer div.contain div.footer-widgets div.footer-center-left ul.social-links li a i.fab {
  margin-right: 0.5em;
  font-size: 2em;
  font-weight: normal;
  transition: color 0.25s ease-out;
}
footer.footer div.contain div.footer-widgets div.footer-right {
  margin: 2em 1.5em 0em 1.5em;
}
@media only screen and (min-width: 800px) {
  footer.footer div.contain div.footer-widgets div.footer-right {
    margin: 0em;
  }
}
