/* =========== TABLE OF CONTENTS =========== */

/*

Tyopgraphy & text elements.........Headings, lists, buttons, etc
Global elements....................Containers, tables
Form styling.......................Eloqua form restyling
Page sections......................Masthead/header/body
Footer.............................Footer styles
Responsive.........................Media queries

*/

/* =========== TYPOGRAPHY & TEXT ELEMENTS =========== */

html, body {
  font-size: 15px!important;
  font-family: 'Helvetica', 'arial', sans-serif!important;
  padding:0!important;
  margin:0!important;
  color:#000000!important;
}

h1, h2, h3, h4, ,h5 ,h6 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 {
  font-size:2.5em;
}

h2 {
  font-size:1.8em;
}

h3 {
  font-size:1.5em;
  font-weight:bold;
}

h4 {
  font-size:1.2em;
  font-weight:bold;
  line-height:1.3em;
}

h5 {

}

h6 {

}

ul {
  list-style-type:none;
  position:relative;
}

ul li:before {
  content:'\2022';
  position:absolute;
  left:0;
  color:#fbb732;
  font-size:1em;
  padding-left:.5em;
}

p {
  margin:1.2em 0;
}

.crho-btn {
  background-color:#fbb732;
  color:#032e60;
  font-weight:bold;
  padding:.5em 2em;
  box-shadow: 0 2px 5px 0px rgba(0,0,0, .2);
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}

.crho-btn:hover {
  text-decoration:none;
  background-color:#032e60;
  color:#fbb732;
}

/* =========== GLOBAL ELEMENTS =========== */

.crho-container {
  max-width: 960px;
  width:80%;
  position:relative;
  margin:auto;
}

table tr:nth-child(odd) {
  background-color:#f7f7f7;
}

table tr:nth-child(even) {
  background-color:#ffffff;
}

table tr {
  border-top: 1px solid #b8b8b8;
  border-bottom: 1px solid #b8b8b8;
}

table td {
  padding:1em;
}

.crho-video {
  overflow:hidden;
  padding-bottom:56.25%; /* 16:9 ratop */
  position:relative;
  height:0;
  margin-top:1em;
  margin-bottom:1.5em;
  margin-top:1.5em;
}

.crho-video iframe {
  width:100%!important;
  height:100%!important;
  left:0;
  top:0;
  position:absolute;
}

/* =========== FORM STYLING =========== */

.elq-form .item-padding,
.elq-form .form-design-field {
  padding:0!important;
}

.elq-form .field-style {
  margin:0!important;
}

.elq-form .field-style._100,
.elq-form ._100 {
  width:100%!important;
  margin:0!important;
}

.elq-form .field-wrapper {
  margin-bottom:1em!important;
}

.elq-form input {
  background:#ffffff;
  height:2em!important;
  line-height:1.5em;
  color:#000000;
  padding:.3em;
  box-sizing:border-box!important;
  border: 1px solid #b8b8b8;
}

.elq-form select {
  color:#000000;
  border: 1px solid #b8b8b8;
  border-radius: 0;
  height: 2em;
}

/*.elq-form .individual {
  margin-bottom:1em;
}*/

.elq-form input[type="submit"] {
  background-color:#fbb732;
  color:#032e60;
  font-weight:bold;
  box-shadow: 0 2px 5px 0px rgba(0,0,0, .2);
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
  border:0;
}

.elq-form input[type="checkbox"] {
  width:1em;
  margin:0;
  float:left;
}

.elq-form .checkbox-label {
  float:left;
  line-height:2em;
}

.elq-form .instructions {
  margin-left:2em;
  padding:0;
  color:#000000!important;
}
/*
.form-container-alt .elq-form .field-style._100,
.form-container-alt .elq-form ._100 {
  width:50%!important;
  margin:0!important;
}
*/

.form-container-alt .elq-form .item-padding,
.form-container-alt .elq-form .form-design-field {
  width:50%!important;
  float:left;
  padding: 0 1em!important;
  box-sizing:border-box!important;
}

.form-container-alt .elq-form .item-padding:last-child,
.form-container-alt .elq-form .form-design-field:last-child {
  width:100%!important;
  float:none;
}

/* =========== PAGE SECTIONS =========== */


#crho-lp-header {
  padding: 1em 0;
}

#crho-lp-masthead h1 {
  color:#ffffff;
  font-weight:bold;
  text-shadow: 0 0 10px rgba(0,0,0,.4);
}

.crho-masthead-bg {
  padding: 4em 0;
  /*min-height:250px;*/
}

#crho-lp-body {
  padding: 2em 0 2.5em 0;
}


/* Contact section */

#crho-contact {
  margin-bottom:2em;
}

.crho-contact_img img {
  width:100%!important;
}


.crho-contact_info .info-item {
  display:inline-block;
  margin-right:1.5em;
}

.crho-contact_info a {
  color:#757575;
}

.crho-contact_info p {
  color:#757575;
  margin-top:0;
  margin-bottom:.5em;
}

.crho-contact_info i {
  color:#2c72aa;
}

.crho-contact_info h4 {
  margin-top:0;
}

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

#crho-lp-footer {
  background-color:#666666;
  color:#ffffff;
  overflow:auto;
  height:150px;
  position:relative;
}

#crho-lp-footer .crho-logo {
  margin-bottom:1em;
}

#crho-lp-footer p {
  margin:0;
}

.crho-footer_left {
  width:70%;
  float:left;
  height:100%;
}

.crho-footer_right {
  width:30%;
  float:left;
  height:100%;
  background-color:#757575;
  background-image:url('http://images.crowecomm.crowehorwath.com/EloquaImages/clients/CroweChizek/%7Bd9202f0e-0789-41e5-8a8e-da4fce8a09ed%7D_lines-yellow-alt.png');
  background-repeat:no-repeat;
  background-position:right bottom;
  background-size: auto 90%;
  padding: 2em 0;
  box-sizing:border-box;
  position:relative;
}

.crho-footer_right:before {
  width:0;
  height:0;
  border-top: 150px solid transparent;
  border-bottom: 0px;
  border-right: 150px solid #757575;
  content:'';
  position:absolute;
  top:0;
  right:100%;
}

.crho-footer_content {
  width:100%;
  z-index:5;
  position:absolute;
  top:0;
  left:0;
  padding:2em 0;
}

.crho-footer_bg {
  height:100%;
}

.crho-logo {
  max-width:120px;
  width:100%;
}

.form-container-alt {
  background-color:#f7f7f7;
  padding: 1.5em;
  overflow:auto;
}

#crho-form-alt {
  margin-bottom:2em;
}


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

@media all and (max-width: 992px) {

}


@media all and (max-width: 768px) {
  .crho-contact_img {
    width:20%; 
    float:left;
  }

  .crho-contact_info {
    width:80%;
    float:left;
  }

  h1 {
    font-size:2em;
  }

  h2 {
    font-size:1.5em;
  }

  h3 {
    font-size:1.3em;
  }

  .crho-footer_right {
    background-size: 90% auto;
  }

  .form-container-alt .elq-form .item-padding,
  .form-container-alt .elq-form .form-design-field {
    width:100%!important;
    float:none;
    padding: 0!important;
  }
}


@media all and (max-width: 480px) {
  h1 {
    font-size: 1.5em;
  }

  h2 {
    font-size: 1.3em;
  }

  .crho-masthead-bg {
    padding: 2em 0;
  }

  .crho-contact_img,
  .crho-contact_info {
    width:100%; 
    float:none;
  }

  .crho-contact_img img {
    max-width:100px;
    margin-bottom:1em;
  }

  .crho-contact_info .info-item {
    display:block;
  }

  .crho-form, .crho-contact {
    margin-top:1.5em;
    margin-bottom:1.5em;
  }
}