/* toggles */
.call-block,
.email-block {
  display: none;
}

/* containers */
#tertiary-content-wrapper {
  margin-bottom: 4em;
}
.webform-callouts-buttons .button-wrapper {
  max-width: 305px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 2em;
}
.webform-callouts-buttons {
  max-width: 680px;
  margin: 0 auto;
}
.webform-callouts-buttons > .block-inner > h2 {
  text-align: center;
  font-weight: 300;
  margin-bottom: 1em;
}

.webform-callouts-buttons > .block-inner { margin: 0; }
#webform-component-pre-markup {
  margin-top: 0;
}
.webform-callouts-buttons .email-container {
  float: left;
  position: relative;
}
.webform-callouts-buttons .call-container {
  float: right;
  position: relative;
}

/* buttons */
.webform-callouts-buttons .button-wrapper a.email:before {
  content: "";
  display: block;
  width: 77px;
  height: 44px;
  margin: 2px auto 12px auto;
  background: transparent url(/sites/all/modules/claranet_2015/images/cta-email.png) no-repeat 0 0;
}
.webform-callouts-buttons .button-wrapper a.email {
  padding: 32px 0;
  box-sizing: border-box;
  background-color: #707C8A;
}

.webform-callouts-buttons .button-wrapper a.call:before {
  content: "";
  display: block;
  width: 65px;
  height: 65px;
  margin: 0px auto 0px auto;
  background: transparent url(/sites/all/modules/claranet_2015/images/cta-call.png) no-repeat 0 0;
}
.webform-callouts-buttons .button-wrapper a.call {
  padding: 25px 0;
  box-sizing: border-box;
  background-color: #d9002a;
}

.webform-callouts-buttons .email.active:after,
.webform-callouts-buttons .call.active:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #f3f3f3;
  position: absolute;
  transform: translate(-50%,140px);
  -webkit-transform: translate(-50%,140px);
  -moz-transform: translate(-50%,140px);
  -ms-transform: translate(-50%,140px);
  -o-transform: translate(-50%,140px);
  top: 0;
  left: 50%;
  z-index: 999;
}

.webform-callouts-buttons .button-wrapper a {
  display: block;
  height: 140px;
  width: 140px;
  background-color: #253741;
  color: #fff;
  float: left;
  margin-right: 0;
  font-size: 2em;
  font-family: akzidenz-grotesk;
  font-weight: 500;
  text-decoration: none;
  line-height: 1.2em !important;
}
.webform-callouts-buttons .button-wrapper a:hover {
  background-color: #253741 !important;
}

/* buttons content */
.webform-callout-content {
  position: relative;
  text-align: left;
  background-color: #f3f3f3;
  box-sizing: border-box;
  padding: 2em;
  font-size: 1rem;
}

/*
 * callouts form
 */
.webform-callouts .bue-ui { display: none; }
 
.webform-callouts {
  max-width: 700px;
  margin: 0 auto;
  background-color: #f3f3f3;
  padding: 2em;
  box-sizing: border-box;
  font-size: 1rem;
}

.webform-callouts .form-checkboxes a,
.webform-callouts .form-checkboxes a:visited {
  color: #d9002a;
}

#webform-component-pre-markup p { font-size: 1rem; }
#webform-component-pre-markup p a { font-weight: 500; }

/* name format */
#webform-component-nombre {
  display: inline-block;
  width: 47.5%;
  margin: 0;
}
#webform-component-apellido {
  display: inline-block;
  width: 47.5%;
  float: right;
  margin: 0;
}
#edit-submitted-talk-to-us-about {
  width: 100%;
  border: 1px solid #bbb;
  border-radius: 0;
  min-height: 30px;
  background-color: #fff;
  padding: 3px 5px;
  margin: 0.6em 0;
  position: relative;
  cursor: pointer;
}

.webform-callouts h2.block-title,
.webform-callout-content h2.block-title {
  font-weight: 500 !important;
  color: #253741 !important;
  margin-bottom: 0.5em !important;
  font-size: 2.5rem;
}

/* make sure inputs are the correct width */
.webform-callouts input[type="text"],
.webform-callouts input[type="email"],
.webform-callouts #webform-component-talk-to-us-about select {
  box-sizing: border-box;
  width: 100%;
  min-height: 28px;
  padding: 3px 5px;
}
.webform-callouts textarea {
  padding: 5px;
  margin-top: 0;
}
/* override some drupal styling */
.webform-callouts > .block-inner {
  margin-left: 0;
  margin-right: 0;
}
.webform-callouts .form-submit {
  font-size: 1.5rem;
  margin: 1em 0 0 0;
}
.webform-callouts .form-actions { margin: 0; }

.webform-callouts {
  background-color: #f3f3f3;
  padding: 2em;
  box-sizing: border-box;
  font-size: 1rem;
}

.webform-callouts input[type="text"],
.webform-callouts input[type="email"],
.webform-callouts textarea {
  border: 1px solid #bbb;
}

.webform-callouts .form-checkboxes a,
.webform-callouts .form-checkboxes a:visited {
  color: #d9002a;
}

#webform-component-pre-markup p { font-size: 1rem; }
#webform-component-pre-markup p a { font-weight: 500; }

/* name format */
#webform-component-nombre {
  display: inline-block;
  width: 47.5%;
  margin: 0;
}
#webform-component-apellido {
  display: inline-block;
  width: 47.5%;
  float: right;
  margin: 0;
}
#edit-submitted-politica-de-privacidad-1 { height: 20px; }


/* override some drupal styling */
.webform-callouts > .block-inner {
  margin-left: 0;
  margin-right: 0;
}
.webform-callouts .form-submit {
  font-size: 1.5rem;
  margin: 1em 0 0 0;
}
.webform-callouts .form-actions { margin: 0; }