/* @import url('http://example.com/example_style.css'); */

/**
 * CSS @imports must be at the top of the file.      
 * Add them above this section.                             
 */

@import url(//fonts.googleapis.com/css?family=Roboto:400,100,300,300italic,400italic,500,500italic,700,700italic,100italic);







/* ==========================================================================

   Index:         

  1. BASE STYLES   
    - Variables
    - Macros
    - Base
    - Typography

  2. COS STRUCTURE
    - Structure
    - Header
    - Content
    - Footer

  3. MAIN NAVIGATION
    - Custom Menu Primary
    - Mobile Menu

  4. TEMPLATE MODULE CLASSES
    - Common Template Classes
    - Site Pages
    - Landing Pages
    - System Pages

  5. COS COMPONENTS
    - Blog
    - Forms
    - Buttons

  6. MISCELLANOUS

  7. MOBILE MEDIA QUERIES

   ========================================================================== */


h2{
  margin-top: 0px;
  margin-bottom:0px;
}

p{
  margin-top: 0px;
}










/* ==========================================================================
   Forms
   ========================================================================== */
.widget-type-email_subscriptions h1, .widget-type-email_simple_subscription h1 {
    font-family:Verdana,Arial,sans-serif !important;
    color:#333333 !important;
    font-size:40px !important;
    line-height:52px !important;
    margin-top:0 !important;
    }
    
    .widget-type-email_subscriptions h2{
    font-family:Verdana,Arial,sans-serif !important;
    color:#333333 !important;
    font-size:22px !important;
    line-height:28.6px !important;
    text-transform:uppercase !important;
    }
    
    .widget-type-email_subscriptions_confirmation h2{
    font-family:"Roboto",Verdana,Arial,sans-serif !important;
    color:#333333 !important;
    font-size:22px !important;
    line-height:28.6px !important;
    text-transform:uppercase !important;
    }

/* All Global Forms
   ========================================================================== */

.hs-form .hs-form-field{
    width:400px;
    display:block;
    margin: 0 auto;
}

.hs_submit{
  width:400px;
  display:block;
  margin: 0 auto;
}

.hs-error-msgs{
  width:400px;
  display:block;
  margin: 0 auto;
}

.hs-richtext{
  width:400px;
  display:block;
  margin: 0 auto;
}

.hs-form ul{
  padding-left:0px !important;
  padding-bottom:14px;
  width:100%;    
}

.inputs-list{
  display:inline-grid;
}

.main-content .hs-form-checkbox{
  font-size:14px !important;
}

.hs-menu-wrapper.hs-menu-flow-horizontal>ul li a{
    padding: 0px;
}

.hs-form input[type="text"],
.hs-form input[type="email"],
.hs-form input[type="tel"],
.hs-form input[type="select"]{
    border-radius:5px;
}

.hs-form input[type="number"]{
    max-width:40%;
}

body .hs-button.primary, body input[type="submit"], body input[type="button"]{
    float:left;
}

body form.hs-form .hs-form-field ul.inputs-list{
  margin-bottom:0px;
}

body form.hs-form .hs-form-field ul.inputs-list{
  margin-top:0px;
  margin-bottom:0px;
}

.hs_cos_wrapper_type_form .hs-field-desc{
  color:#808080;
  padding:0px;
  font-size:12px;
}

body .hs-form-field>label{
    font-size: 14px !important;
    margin-top:10px;
}

.hs-form .hs-error-msgs{
    color:#cd2129;
}





/* Form Field */
body .hs-form-field {
    margin-bottom: 15px;
}

/* Descriptions */
body .hs-field-desc {}

/* Labels */
body label {}
body .hs-form-field > label {
    display: block;
    font-family: "Roboto",Verdana,Arial,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 5px;
}

/* One Line Inputs */
body input[type="text"],
body input[type="password"], 
body input[type="datetime"], 
body input[type="datetime-local"], 
body input[type="date"], 
body input[type="month"], 
body input[type="time"], 
body input[type="week"], 
body input[type="number"], 
body input[type="email"], 
body input[type="url"], 
body input[type="search"], 
body input[type="tel"], 
body input[type="color"],
body input[type="file"],
body textarea,
body select {
    width: 100%;
    font-family: "Roboto",Verdana,Arial,sans-serif;
    background-color: #ffffff;
    border: 2px solid #cccccc;
    box-sizing: border-box;
    color: #111111;
    font-size: 14px;
    line-height: 16px;
    padding: 14px 10px;
    transition: all 200ms ease 0s;
    border-radius: 0;
}

body input[type="text"]:focus,
body input[type="password"]:focus, 
body input[type="datetime"]:focus, 
body input[type="datetime-local"]:focus, 
body input[type="date"]:focus, 
body input[type="month"]:focus, 
body input[type="time"]:focus, 
body input[type="week"]:focus, 
body input[type="number"]:focus, 
body input[type="email"]:focus, 
body input[type="url"]:focus, 
body input[type="search"]:focus, 
body input[type="tel"]:focus, 
body input[type="color"]:focus,
body input[type="file"]:focus,
body textarea:focus,
body select:focus {
    border: 2px solid #a8a8a8;
}

/* Separate Styles for Multiple Line Inputs */
body textarea {}
body textarea:focus {}

/* Separate Styles for Drop Downs */
body select {}
body select:focus {}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list {
  list-style: none;
  padding: 0;
}
body form.hs-form .hs-form-field ul.inputs-list li input {}
body input[type="radio"] {}
body input[type="checkbox"] {}

/* Required */
body input:focus:required:invalid, 
body textarea:focus:required:invalid, 
body select:focus:required:invalid {}

body input:focus:required:invalid:focus, 
body textarea:focus:required:invalid:focus, 
body select:focus:required:invalid:focus {}

/* Placeholder Text */
::-webkit-input-placeholder { /* Webkit Browsers */
   /* color: #555;
   opacity: 1; */
}
:-moz-placeholder { /* Firefox 18- */
   /* color: #555;
   opacity: 1; */
}
::-moz-placeholder { /* Firefox 19+ */
   /* color: #555;
   opacity: 1; */
}
:-ms-input-placeholder { /* IE10 */
   /* color: #555;
   opacity: 1; */
}


/* Form Module
   ========================================================================== */

/* Form Field */
.hs_cos_wrapper_type_form .hs-form-field {
}

/* Descriptions */
.hs_cos_wrapper_type_form .hs-field-desc {}

/* Labels */
.hs_cos_wrapper_type_form label {}
.hs_cos_wrapper_type_form .hs-form-field > label {}

/* One Line Inputs */
.hs_cos_wrapper_type_form input[type="text"],
.hs_cos_wrapper_type_form input[type="password"], 
.hs_cos_wrapper_type_form input[type="datetime"], 
.hs_cos_wrapper_type_form input[type="datetime-local"], 
.hs_cos_wrapper_type_form input[type="date"], 
.hs_cos_wrapper_type_form input[type="month"], 
.hs_cos_wrapper_type_form input[type="time"], 
.hs_cos_wrapper_type_form input[type="week"], 
.hs_cos_wrapper_type_form input[type="number"], 
.hs_cos_wrapper_type_form input[type="email"], 
.hs_cos_wrapper_type_form input[type="url"], 
.hs_cos_wrapper_type_form input[type="search"], 
.hs_cos_wrapper_type_form input[type="tel"], 
.hs_cos_wrapper_type_form input[type="color"],
.hs_cos_wrapper_type_form input[type="file"],
.hs_cos_wrapper_type_form textarea,
.hs_cos_wrapper_type_form select {}

.hs_cos_wrapper_type_form input[type="text"]:focus,
.hs_cos_wrapper_type_form input[type="password"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime-local"]:focus, 
.hs_cos_wrapper_type_form input[type="date"]:focus, 
.hs_cos_wrapper_type_form input[type="month"]:focus, 
.hs_cos_wrapper_type_form input[type="time"]:focus, 
.hs_cos_wrapper_type_form input[type="week"]:focus, 
.hs_cos_wrapper_type_form input[type="number"]:focus, 
.hs_cos_wrapper_type_form input[type="email"]:focus, 
.hs_cos_wrapper_type_form input[type="url"]:focus, 
.hs_cos_wrapper_type_form input[type="search"]:focus, 
.hs_cos_wrapper_type_form input[type="tel"]:focus, 
.hs_cos_wrapper_type_form input[type="color"]:focus,
.hs_cos_wrapper_type_form input[type="file"]:focus,
.hs_cos_wrapper_type_form textarea:focus,
.hs_cos_wrapper_type_form select:focus {}

/* Separate Styles for Multiple Line Inputs */
.hs_cos_wrapper_type_form textarea {}
.hs_cos_wrapper_type_form textarea:focus {}

/* Separate Styles for Drop Downs */
.hs_cos_wrapper_type_form select {}
.hs_cos_wrapper_type_form select:focus {}

/* Multiple Selection Inputs */
.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs_cos_wrapper_type_form input[type="radio"] {}
.hs_cos_wrapper_type_form input[type="checkbox"] {}