/*****************************************************************************
 This file is common across all LG sites.
*****************************************************************************/
/* from https://codepen.io/ahsanrathore/pen/wKMZeJ */

/* A lot of these styles cam from v1 of Constant Contact's embedded form styles.
   original_constantcontact.css */

#signup_form
{
  padding:15px;
  font-size:1.1rem;
}
#embedded_signup *
{
  box-sizing:border-box;
}
#embedded_signup
{
  padding:15px;
}
#signup-form-inner
{
  border-radius: 5px; 
  background-color:#b1c4d3;
}
.submit_message
{
  box-sizing:border-box;
  padding:15px;
}

.error_message, .success_message
{
  width:100%;
  padding:10px 15px;
  border:1px solid #b0b6bb;
  border-radius:4px;
  color:#394856;
  line-height:1.5;
  margin-top:10px;
  margin-bottom:10px;
  display:none;
  background-color: #ffcccb;
  color:black;
}
.success_message
{
  background-color: #90ee90;
  color:black;
}
#signup-form h2
{
  margin: 0px;
}
input[type=text], input[type="email"] 
{
  width:100%;
  padding:10px 15px;
  border:1px solid #b0b6bb;
  border-radius:4px;
  color:#394856;
  line-height:1.5;
  font-size:1.1rem;
}
input[type="email"]:focus, input[type=text]:focus
{
  outline:1px solid #5dacd6;
}
label
{
  display:block;
  margin-bottom:12px;
}
#contact-info
{
  font-size:.8rem;
  padding-top:20px;
}
#signup_form
{
  padding:15px;
/*  font-size:1.1rem; */
}
#contact-button
{
  display:inline-block;
  margin-bottom:0;
  text-align:center;
  vertical-align:middle;
  cursor:pointer;   
  margin-top:20px;
  padding:14px 20px;
  font-size:1.2rem;
  line-height:1;
  border:none;
  box-shadow:none;
  border-radius:8px;
  transition:all .1s ease-in-out;
  color:#fff;
/*  background-color:#0078c1; */
  background-color:#365555;
  display:block;
  width:100%;
}

#contact-button:hover
{
  color:#fff;
/*  background-color:#3e9fda; */
  background-color: #518e8e;
}
/*
#contact-button:active
{
  background-color:#005c94;
}
*/
#signup_form #signup-form-inner #embedded_signup h2
{
  font-size:1.8rem;
}

#signup_form p, #signup_form h2, #signup_form input, #signup_form a, #signup_form span, #signup_form div
{
  color:#202020;
}
#signup_form a
{
  color:#202020 !important;
}
.CaptchaWrap 
{ 
  padding-bottom:12px;
  position: relative; 
}
#CaptchaImageCode 
{ 
  text-align:center;
  margin-top: 15px;
  padding: 0px 0;
  width: 12rem;
  overflow: hidden;
}
.CaptchaCode 
{ 
  display: block; 
}
.CaptchaReload 
{ 
  background:url('/images/reload.png') left top no-repeat;   
  background-size : 100%;
  width: 40px; 
  height: 40px;
  border: 0px; outline none;
  position: absolute; 
  bottom: 15px;
  left : 190px;
  outline: none;
  cursor: pointer;
}

.signup-form-left-top, .signup-form-right-top
{
  display:inline-block;
/*  width:16%; */
  width:0;
  vertical-align:top;
}
#signup-form-bot
{
  display:none;
}
#signup-form
{
  width:60%;
  display:inline-block;
  margin-left:3.2%; /* can't get it centered! */
  margin-right:2%;
  text-align:left;
}
h2
{
  text-align:center;
}
input[type=text], input[type="email"], #contact-info, #contact-button, #signup_form
{
  font-size:1.5rem;
}
#signup-form
{
  width:100%;
  margin:0 auto;
}
#signup-form #signup-bottom #contact-info
{
  font-size:1.3rem;
}

@media only screen and (max-width: 800px) 
{
  #signup-form-bot
  {
    width:100%;
    margin:0;
    padding:0;
    text-align:center;
    display:block;
    margin-top:20px;
  }
  .signup-form-left-bot, .signup-form-right-bot
  {
    display:inline-block;
    width:40%;
    vertical-align:top;
    text-align:center;
    margin:0 auto;
  }
  .signup-form-left-bot
  {
    padding-right:9%;
  }
  .signup-form-left-top, .signup-form-right-top
  {
    display:none;
  }
  #signup-form
  {
    width:100%;
    margin:0 auto;
  }
}