/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.SITELOGIQ-PortfolioIQ {
  margin: 60px auto;
  max-width: 440px;
}

.SITELOGIQ-PortfolioIQ .form-group {
  margin: 0 0 30px 0;
}

.SITELOGIQ-PortfolioIQ__error {
  background-color: white;
  /* border-left: 3px solid #cf2e2e; */
  box-shadow: 7px 7px 0px #cf2e2e, 0px 0px 9px #ccc;
  color: #343434;
  font-size: 18px;
  padding: 12px 20px;
}

.SITELOGIQ-PortfolioIQ__embed-code {
    position: relative;
    display: block;
    width: 100%;
    margin: 40px 0 50px;
    padding: 0;
    overflow: hidden;
}

.SITELOGIQ-PortfolioIQ__embed-code::before {
    box-sizing: border-box;
    content: "";
    display: block;
    padding-top: 56.25%;
}

.SITELOGIQ-PortfolioIQ__embed-code iframe {
  margin: 0 auto;
  display: block;

  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}