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

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

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


a.bred{
      background:#af282f;
      color:rgb(255, 255, 255);
}

a.bwhite{
      background:#ffffff;
      color:#af282f;
}

a.pu_button{
  -webkit-font-smoothing:antialiased; 
  cursor:pointer; 
  -moz-user-select:none; 
  -webkit-user-select:none; 
  -o-user-select:none; 
  user-select:none; 
  display:inline-block; 
  font-weight:500; 
  font-size: 18px;
  text-align:center; 
  text-decoration:none; 
  font-family:'Lato',sans-serif; 
  border-radius:0px; 
  border-width:0px; 
  transition:all .4s ease; 
  -moz-transition:all .4s ease; 
  -webkit-transition:all .4s ease; 
  -o-transition:all .4s ease; 
  text-shadow:none; 
  line-height:1.5em; 
  padding:10px 70px; 
}
a.pu_button:hover {
background:#e65400; 
color:rgb(255,255,255); 
}
a.pu_button:active, .pu_button:active:hover {
background:#e65400; 
color:rgb(244,244,244); 
}

/*****************************************/
/* form */
/*****************************************/

/* ==========================================================================
   Forms
   ========================================================================== */


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

/* Labels */
body label {}
body .hs-form-field > label {
    font-family: 'Lato',sans-serif;
    font-size: 14px;
    font-weight: 100;
    font-style: normal;
    color: #454747;
    line-height: 19.6px;
}

/* 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"] {
    background: #FAFAFA;
    border: 1px solid #969696;
    border-radius: 0px !important;
    color: #545252;
    font-family: 'Lato',sans-serif;
    font-size: 14px;
    padding: 5px 0px 5px 10px;
    margin:4px 0 10px;
    transition: all 0.3s ease-in-out 0s;
    display: block;
    height: 40px;
}

body input: hover{
    background-color: #ffffff;
}


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 {
    background-color: #E7F7FD;
    border-color: #9e9d93;
    border-width: 1px;
    box-shadow: 0 0 5px #007EFF;
}

/* Multiple Line Inputs */
body textarea {
    background: #FAFAFA;
    border: 1px solid #969696;
    border-radius: 0px;
    color: #566781;
    font-family: 'Lato',sans-serif;
    font-size: 14px;
    padding: 5px 0px 5px 10px;
    margin:4px 0 10px;
    transition: all 0.3s ease-in-out 0s;
    display: block;
    min-height: 80px;
}
body textarea:focus {
    background-color: #E7F7FD;
    border-color: #AF282F;
    border-width: 1px;
    box-shadow: 0 0 5px #007EFF;
}

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

.hs-form-booleancheckbox{
    list-style:none;
    padding:0px;
    margin:0px;
}

.hs-form-checkbox{
  list-style: none;
  padding-left: 25%;
  margin: 0;
  text-align: left;
}

ul.inputs-list{
    padding-left:0px;
}

/* Drop Downs */
body select {
    background: #FAFAFA;
    height: 40px;
    border: 1px solid #969696 !important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
    border-radius: 0px!important;
    font-family: 'Lato',sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #545252;
    padding: 5px 5px 5px 10px;
    margin:4px 0 10px;
    transition: all 0.3s ease-in-out 0s;
    display: block;
    width: 100%!important;
    max-width: 500px!important;
}

body select:focus {
    background-color: #E7F7FD;
    border-color: #AF282F;
    border-width: 1px;
    box-shadow: 0 0 5px #007EFF;
}

body .hs-button{
    background-color: #af282f;
    border: none;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    color: #fff !important;
    cursor: pointer;
    width: 100%;
    display: inline-block;
    font-family: 'Lato';
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 2px;
    line-height: normal;
    text-transform: uppercase;
    margin: 40px 0 20px;
    padding: 17px 32px 16px;
    text-align: center;
    text-decoration: none !important;
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
    -webkit-appearance: none;
}


body .hs-button:hover{
    background-color: #e65400;
    color: #fff;
    cursor: pointer;
    text-decoration:none;
}

.hs-form-required{
    color: #f9de83;
}

/* 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 {}

#hs-search-module .hs-input {
        margin: 10px 0 20px !important;
    }


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

/* 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"] {
  width: 100%;
}

.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 {}

/* Multiple Line Inputs */
.hs_cos_wrapper_type_form textarea {
  width: 100%;
}
.hs_cos_wrapper_type_form textarea: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"] {}

/* Drop Downs */
.hs_cos_wrapper_type_form select {}
.hs_cos_wrapper_type_form select:focus {}


/* Blog Comment Form
   ========================================================================== */

/* Label */
#comment-form .hs-form-field > label {}
#comment-form label {}

/* Inputs */
#comment-form input[type="text"] {
  width: 100%;
}
#comment-form input[type="text"]:focus {}

#comment-form textarea {
  width: 100%;
}
#comment-form textarea:focus {}

#comment-form input[type="checkbox"] {}

/* Error */
body .hs-common-error-message {}


/* Blog Subscription Form
   ========================================================================== */

/* Label */
#hs_form_target_blog_subscription .hs-form-field > label {}
#hs_form_target_blog_subscription label {}

/* Inputs */
#hs_form_target_blog_subscription input[type="email"] {
  width: 100%;
}
#hs_form_target_blog_subscription input[type="email"]:focus {}

#hs_form_target_blog_subscription input[type="radio"] {}


/* Google Search Form
   ========================================================================== */

/* Label */
.widget-type-google_search label {}

/* Input */
.widget-type-google_search input[type="text"] {}
.widget-type-google_search input[type="focus"] {}

/* ==========================================================================
   CivicPlus Style Side Menu                                
   ========================================================================== */
.hamburger-text {
top: 31px;
left: 90px;
position: absolute;
z-index: 2;
font-size: 30px;
color: #444;
font-weight: 700;
}


/* ==========================================================================
   Buttons                                              
   ========================================================================== */


/* All Global Buttons (Excluding CTAs)
   ========================================================================== */

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

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

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


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

.hs_cos_wrapper_type_form .hs-button.primary.large {}
.hs_cos_wrapper_type_form .hs-button.primary.large:hover {}
.hs_cos_wrapper_type_form .hs-button.primary.large:focus {}


/* Blog Comment Button
   ========================================================================== */
#add-comment-button.hs-button.primary {}
#add-comment-button.hs-button.primary:hover {}
#add-comment-button.hs-button.primary:focus {}


/* Blog Subscription Button
   ========================================================================== */
#hs_form_target_blog_subscription .hs-button.primary.large {}
#hs_form_target_blog_subscription .hs-button.primary.large:hover {}
#hs_form_target_blog_subscription .hs-button.primary.large:focus {}


/* Google Search Button
   ========================================================================== */
.widget-type-google_search .hs-button.primary {}
.widget-type-google_search .hs-button.primary:hover {}
.widget-type-google_search .hs-button.primary:focus {}


/* CTA Buttons
   ========================================================================== */

/** 
 * Override global CTA styles by wrapping the CTA module in a module group 
 * that has an ID, and use that ID to prefix your CTA selector. Example shown below.
 *
 * All overriding properties require !important tags. 
*/
#module-group-ID .cta_button {}
#module-group-ID .cta_button:hover {}
#module-group-ID .cta_button:focus {}