/******************************************
Template Name: SOAR Inbound Campaign Pack
Created by:    HubSpot
Version:       1.0
******************************************/


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

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');

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



/* ==========================================================================
   HS COS Boilerplate v1.5.3                                
   ========================================================================== */

/* This responsive framework is required for all styles. */
{% include "hubspot/styles/responsive/required_base.css" %}
{% include 'Coded files/Custom/page/soar-theme/soar-modules.css' %}

/* These includes are optional, but helpful. */
{% include "hubspot/styles/patches/recommended.css" %} 


.header-container {
        background: #0d91d1;
}


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

   Index:         

  BASE STYLES   
    - Variables
    - Macros
    - Base
    - Typography

  COS STRUCTURE
    - Structure
    - Header
    - Content
    - Footer

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

  COS COMPONENTS
    - Forms
    - Buttons

  6. MISCELLANEOUS

  7. MOBILE MEDIA QUERIES

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








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


   BASE STYLES                                             


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





/* ==========================================================================
   Variables                                               
   ========================================================================== */


/**
 * Find the most consistently used font styles, colors, and container widths 
 * for your site and assign them to the jinja variables below for easy use 
 * and reference. 
 *
 * Apply the variable as shown below.  Ignore the jingja comment tags.
 *
 * {#  property: {{ variableName }};  #}
 */

/* Colors */
{% set baseColor      = "#333" %}    /* {# Dark Gray  |  Used on 'body' in 'Base'  |  Ex. "color: {{ baseColor }};" #} */
{% set linkColor      = "gray" %}    /* {# Gray  |  Used on global anchors in 'Base'  |  Ex. "color: {{ linkColor }};" #} */
{% set linkHover      = "#000" %}    /* {# Black  |  Used on global anchors in 'Base'  |  Ex. "color: {{ linkHover }};" #} */
{% set accentColor1   = "#666" %}    /* {# Medium Gray  |  Ex. "color: {{ accentColor1 }};" #} */
{% set accentColor2   = "#ccc" %}    /* {# Light Gray  |  Ex. "color: {{ accentColor2 }};" #} */
{% set accentColor3   = "#ddd" %}    /* {# Lightest Gray  |  Ex. "color: {{ accentColor3 }};" #} */

/* Typography */
{% set baseFontFamily    = "Montserrat, Arial, Sans-Serif" %}            /* {# Used on 'body' in 'Base'  |  Ex. "font-family: {{ baseFontFamily }};" #} */
{% set baseFontSize      = "16px" %}                         /* {# Used on 'body' in 'Base'  |  Ex. "font-size: {{ baseFontSize }};" #} */
{% set baseLineHeight    = "1.5" %}                          /* {# Used on 'body' in 'Base'  |  Ex. "line-height: {{ baseLineHeight }};" #} */
{% set webFont1          = "Helvetica, Arial, Sans-serif" %} /* {# Ex. "font-family: {{ webFont1 }};" #} */
{% set placeholder       = "#fff" %}

/* Containers */
{% set maxWidth = "960px" %} /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */




/* ==========================================================================
   Macros                                                  
   ========================================================================== */


/** 
  * Create jinja macros for CSS3 properties that need browser prefixes.
  *
  * Apply the style as shown below on it's own CSS property line.  
  * Ignore the jinja comment tags. 
  *
  * {#  {{ variableName("values") }}  #}
  */

{% macro transition(value) -%} 
  -webkit-transition: {{ value }};
  -moz-transition: {{ value }};
  -o-transition: {{ value }};
  -ms-transition: {{ value }};
  transition: {{ value }};
{%- endmacro %} 

/** 
  * Example of how to apply the above macro (ignore the jinja comment tags):
  *
  * a {
  *   color: red;
  *   font-size: 12px;
  *   {#  {{ transition("all .2s linear") }}  #} 
  * }
  */




/* ==========================================================================
   Base                                                    
   ========================================================================== */


/** 
 * Box Sizing
 * 
 * Applies a natural box layout model to all elements so that width and padding 
 * are essentially combined, making responsive styles easier to manage.
 */

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

html, body {
  min-height: 100%;
  margin: 0;
  padding: 0;
} 

/* Website background color and default font styles */
body {
  background: #fff;
  color: {{ baseColor }};
  font-family: {{ baseFontFamily }};
  font-size: {{ baseFontSize }};
  line-height: {{ baseLineHeight }};
}

/**
 * Page Center
 *
 * Apply .page-center to full-width modules.
 */

.container-fluid .row-fluid .page-center {
  float: none;
  max-width: {{ maxWidth }};
  margin: 0 auto;
}

a { color: {{ linkColor }}; }
a:hover, a:focus { color: {{ linkHover }}; }

hr {
  color: #ccc;
  background-color: #ccc;
  height: 1px;
  border: none;
}

/* Highlighted Text */
::-moz-selection {
  color: #fff;
  background: {{ baseColor }};
  text-shadow: none;
}
::selection {
  color: #fff;
  background: {{ baseColor }};
  text-shadow: none;
}

/* Corrects width issues in table elements created via the wysiwyg editor */
table tr td img {
    max-width: initial;
}

/* Helps user see empty editing cells */
.hs-editor-editable {
    min-height: 20px;
}


/* ==========================================================================
   Typography
   ========================================================================== */


/* Basic text */
p {} 
small {}
strong {}
em {}
cite {}
code {}
pre {}

sup, sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Headings */
h1, h2, h3, h4, h5, h6 {}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

/* Lists */
ul, ol {}
ul ul, ul ol, ol ol, ol ul {}
li {}

ul.unstyled, ol.unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Quotes */
blockquote {}
blockquote p {}
blockquote small {}
blockquote small:before {}

q:before, q:after, blockquote:before, blockquote:after {}








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


   COS STRUCTURE                                            


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





/* ==========================================================================
   Structure                                               
   ========================================================================== */


/* The outer wrappers of your website */
.header-container-wrapper, 
.body-container-wrapper, 
.footer-container-wrapper {}

/* The inner wrappers of your website */
.header-container, 
.body-container, 
.footer-container {}




/* ==========================================================================
   Header
   ========================================================================== */


.header-container-wrapper {}
.header-container {
    text-align: center;
    border-top: 5px solid #3b3f40;
    padding: 20px;
}

/* Logo styling */
.header-container .hs_cos_wrapper_type_logo {}
.header-container .hs_cos_wrapper_type_logo a {}
.header-container .hs_cos_wrapper_type_logo a img {}




/* ==========================================================================
   Content                                                 
   ========================================================================== */


.body-container-wrapper {}
.body-container {}

.hero-section {
    background-size: cover;
    text-align: center;
    color: #0d91d1;
    padding: 6em 1em;
}
.hero-section .section-header {
    width: auto;
    margin: 0 auto;
    float: none;
    text-transform: uppercase;
    display: inline-block;
    border: 2px solid #0d91d1;
    padding: 1em 2em;
    background-color: rgba(255,255,255,0.8);
}
.hero-section .section-header * {
    margin: 0;   
}
.hero-section .section-header .header {
    font-size: 32px;
    text-transform: uppercase;
    font-weight: bold;
}
.hero-left-section {
    background-size: 50% auto;
    background-position: right top;
    background-repeat: no-repeat;
    background-color: #0d91d1;
    text-align: center;
    color: #0d91d1;
    padding: 6em 2em;
    position: relative;
}
.hero-left-section .section-header {
    color: #fff;
    text-align: left;
    text-transform: uppercase;
}
.hero-left-section .section-header h1 {
    margin-top: 0;   
}
.hero-left-section .widget-type-cta {
    text-align: left;
}
.hero-left-section  .hero-image-inner .hero-image {
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    left: 0%;
    width: 100%;
}
.hero-left-section  .hero-image-inner .hero-image img {
    max-width: none;
    max-height: none;
    min-width: 100%;
    min-height: 100%;
    height: auto;
    width: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
.hero-left-section .hero-text {
    position: relative;
    z-index: 1;
    padding: 1em;
    background-color: #0d91d1;
}
.main-content {
    padding: 2em;
}
.form-section {
    background-color: #0d91d1;
    padding: 0 2em 1em 2em;
}
.form-section form {
    position: relative;   
}
.form-section .hs-form .hs-form-field {
    position: relative;   
    margin-bottom: 1em;
}
.form-section .hs-form .hs-form-field .input{
    border-bottom: 2px solid #ffffff;
}
.form-section .hs-form .hs-form-field input[type="text"],
.form-section .hs-form .hs-form-field input[type="password"], 
.form-section .hs-form .hs-form-field input[type="datetime"], 
.form-section .hs-form .hs-form-field input[type="datetime-local"], 
.form-section .hs-form .hs-form-field input[type="date"], 
.form-section .hs-form .hs-form-field input[type="month"], 
.form-section .hs-form .hs-form-field input[type="time"], 
.form-section .hs-form .hs-form-field input[type="week"], 
.form-section .hs-form .hs-form-field input[type="number"], 
.form-section .hs-form .hs-form-field input[type="email"], 
.form-section .hs-form .hs-form-field input[type="url"], 
.form-section .hs-form .hs-form-field input[type="search"], 
.form-section .hs-form .hs-form-field input[type="tel"], 
.form-section .hs-form .hs-form-field input[type="color"],
.form-section .hs-form .hs-form-field input[type="file"],
.form-section .hs-form .hs-form-field textarea,
.form-section .hs-form .hs-form-field select {
    border: none;
    -webkit-appearance: none;
    background-color: transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-bottom: 2px solid transparent;
    padding: .5em 1em;
    transition: all .2s cubic-bezier(0.6, -0.28, 0.74, 0.05);
}
.form-section .hs-form .hs-form-field input[type="text"]:focus,
.form-section .hs-form .hs-form-field input[type="password"]:focus, 
.form-section .hs-form .hs-form-field input[type="datetime"]:focus, 
.form-section .hs-form .hs-form-field input[type="datetime-local"]:focus, 
.form-section .hs-form .hs-form-field input[type="date"]:focus, 
.form-section .hs-form .hs-form-field input[type="month"]:focus, 
.form-section .hs-form .hs-form-field input[type="time"]:focus, 
.form-section .hs-form .hs-form-field input[type="week"]:focus, 
.form-section .hs-form .hs-form-field input[type="number"]:focus, 
.form-section .hs-form .hs-form-field input[type="email"]:focus, 
.form-section .hs-form .hs-form-field input[type="url"]:focus, 
.form-section .hs-form .hs-form-field input[type="search"]:focus, 
.form-section .hs-form .hs-form-field input[type="tel"]:focus, 
.form-section .hs-form .hs-form-field input[type="color"]:focus,
.form-section .hs-form .hs-form-field input[type="file"]:focus,
.form-section .hs-form .hs-form-field textarea:focus,
.form-section .hs-form .hs-form-field select:focus {
    outline: none;
     border-bottom: 2px solid #fff;
}
.form-section .hs-form .hs-form-field .hs_select {
    background-image: url('//cdn2.hubspot.net/hubfs/762525/Soar%20Campaign%20Pack/down_arrow.png');
    background-repeat: no-repeat;
    background-position: 98% center;
    background-size: auto 30%;
    margin-bottom: 2em;
}    
.form-section .hs-form .hs-form-field .hs_select select {
    margin-bottom: 0;
}
.form-section .hs-form input:focus {
    outline: none;
}
.form-section .hs-form .form-columns-1 ul.inputs-list li {
    display: inline-block;
    margin-right: 2em;
}
.form-section .hs-form ul.inputs-list li input {
    position: absolute;
    text-indent: -9999;
    width: 0 !important;
    visibility: hidden;
}
.form-section .hs-form ul.inputs-list li input + span {
    display: inline-block;
    margin-bottom: .1em;
    padding-left: 1.5em;
    position: relative;
    width: auto !important;
}
.form-section .hs-form ul.inputs-list li input + span:before {
    content: "";
    width: 1em;
    height: 1em;
    background-color: rgba(255,255,255,.3);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .2s ease-out;
}
.form-section .hs-form ul.inputs-list li input[type=radio] + span:before {
    border-radius: 50%;
}
.form-section .hs-form ul.inputs-list li input:checked + span:before {
    background-color: #fff;
}
.form-section .hs_file_upload label:after {
    position: static;
    font-weight: bold;
    font-size: .9em;
    width: 100%;
    border-bottom: 2px solid #fff;
    color: rgba(255,255,255,.7);
    padding: .5em 1em;
    margin-bottom: 2em;
}

.form-section label {
    color: #ffffff;
}
.hs-error-msgs {
    position: absolute;
    z-index: 1;
    top: 100%;
    background-color: #3b3f40;
    color: #fff;
    margin-top: 6px;
    font-size: .8em;
    display: none;
    transition: all .3s ease-out;
}
.hs-error-msgs li {
    display: block; 
    padding: .5em 1em;
}
.hs-error-msgs:before {
    position: absolute;
    left: 2em;
    bottom: 100%;
    border: 6px solid transparent;
    background: transparent;
    content: "";
    border-bottom-color: #000;
    border-bottom-color: #3b3f40;
}
.form-section form .hs_submit {
    text-align: center;
}
.form-section form .hs_submit input[type=submit] {
    -webkit-appearance: none;
    border: 2px solid #fff;
    color: #fff;
    padding: .5em 1em;
    background-color: transparent;
    transition: background-color .3s ease-out,  color .1s ease-out;
    -webkit-transition: background-color .3s ease-out,  color .1s ease-out;
}
.form-section form .hs_submit input[type=submit]:hover {
    background-color: #fff;
    color: #0d91d1;
}
.icon-section {
    padding-top: 60px;
    padding-bottom: 60px;
}
.testimonial-section .page-center {
    padding: 2em;
}
.testimonial-section .testimonial-content, .testimonial-section .author-avatar {
    border-radius: 2px;   
    -webkit-border-radius: 2px;
    overflow: hidden;
}
.testimonial-section .author-avatar img {
    height: 75px !important;
    width: auto !important;
}
.testimonial-section .testimonial-content {
    position: relative;
    top: -5em;
    z-index: -1;
    padding: 6em 1em 1em 1em;
    text-align: center;
    background-color: #f9f9f9;
    font-size: 1em;
    margin-bottom: -5em;
}
.testimonial-section .testimonial-content .name {
    text-transform: uppercase;      
    font-weight: bold;
    margin-bottom: .3em;
}
.testimonial-section .testimonial-content .title {
    color: #0d91d1;
    font-size: .9em;
}
.testimonial-section .testimonial-content .quote {
    color: #9f9f9f;
    font-size: .8em;
    line-height: 2;
    padding: .8em 0 0 0;
    font-style: italic;
}
.testimonial-section .author-avatar {
      text-align: center;
}
.soar-bg-image {
    background-size: cover;
    background-position-y: center;
}





/* ==========================================================================
   Footer
   ========================================================================== */


.footer-container-wrapper {
    background-color: #3b3f40;
}
.footer-container {}

.footer-section {
    text-align: center;
    padding: 2em;
}
.footer-section .footer-logo {
    margin-bottom: .25em;
}
.footer-section .page-footer {
    font-size: .7em;
    color: #fff;
    margin-top: 1em;
}



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


   COS COMPONENTS                                        


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





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


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

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

/* Descriptions */
body .hs-field-desc {
    color: #ddd;
    font-size: .8em;
    font-weight: normal;
}

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

/* 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: {{ baseFontFamily }};
  font-size: {{ baseFontSize }};
  color: #fff;
}

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

/* 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: {{ placeholder }};
    opacity: .5;
    font-size: 14px;
}
:-moz-placeholder { /* Firefox 18- */
    color: {{ placeholder }};
    opacity: .5;
    font-size: 14px;
}
::-moz-placeholder { /* Firefox 19+ */
    color: {{ placeholder }};
    opacity: .5;
    font-size: 14px;
}
:-ms-input-placeholder { /* IE10 */
    color: {{ placeholder }};
    opacity: .5; 
    font-size: 14px;
}


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


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

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

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

#comment-form textarea {}
#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"] {}
#hs_form_target_blog_subscription input[type="email"]:focus {}

#hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] {
width: auto;
margin-right: 10px;
}


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

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

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


/* Multi Column Form
   ========================================================================== */

body .hs-form fieldset.form-columns-1 {}
body .hs-form fieldset.form-columns-1 .hs-form-field {}

body .hs-form fieldset.form-columns-2 {}
body .hs-form fieldset.form-columns-2 .hs-form-field {}

body .hs-form fieldset.form-columns-3 {}
body .hs-form fieldset.form-columns-3 .hs-form-field {}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list li input {}
body input[type="radio"] {}
body input[type="checkbox"] {}
body form.hs-form fieldset { max-width: none; }
body form.hs-form fieldset .hs-form-field { padding: 0 10px 0 0; }
body form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; }
body form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; }
body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; }
body form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; }

@media (max-width: 400px) {
  body form.hs-form fieldset .hs-form-field { padding: 0; }
  body form.hs-form fieldset.form-columns-3 .hs-form-field,
  body form.hs-form .form-columns-2 .hs-form-field .hs-input, 
  body form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; }
  body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; }
}




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


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

body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
  cursor: pointer;
  -webkit-appearance: none;
  font-family: {{ baseFontFamily }};
  font-size: {{ baseFontSize }};
  text-decoration: none !important;
}



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


   6. MISCELLANEOUS                                      


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





/** 
 * Styles that do not fit into available sections above can go here.
 * For example, one would place 3rd party plugin overriding styles here.
 *
 * This section is NOT for 'Custom' styles.  All custom styles must go in the
 * proper sections above.
 *
 * For instance, custom header and footer styles must go in the HEADER and 
 * FOOTER sections.  Custom styles for anything in-between the header and footer 
 * (such as, styles that are unique to the HOMEPAGE only), must go in the 
 * CONTENT section.
*/ 








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


   MOBILE MEDIA QUERIES                              


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

/* Landscape phones and larger devices
   ========================================================================== */

@media (min-width: 480px) {
    .main-content {
        padding: 4em;
    }
    .testimonial-section .page-center {
        padding: 5em;
    }
    .hero-section {
        padding: 6em 2em;
    }
}

/* Landscape tablet and larger devices
   ========================================================================== */

@media (min-width: 768px) {
    .hero-left-section  .hero-image-inner .hero-image {
        left: 50%;
        width: 50%;
    }
    .hero-left-section {
        padding: 6em 0;
    }
    .testimonial-section .testimonial-content {
        position: static;
        padding: 2em;
        text-align: left;
        margin-bottom: 0;
    }
    .hero-section {
        padding: 6em 0;
    }
    .testimonial-section .author-avatar img {
        height: 75px !important;
        width: auto !important;
    }
}  


/* Desktop
   ========================================================================== */

@media (min-width: 993px) {
    .form-section {
        padding: 1em 0 0 0;
    }
    .form-section .hs-form fieldset.form-columns-1:last-of-type .hs-form-field {
        width: 85%;
        margin-right: 5%;
        position: relative;
    }
    .form-section .hs-form > div:nth-last-of-type(2) .hs-form-field {
      width: 85%;
      margin-right: 5%;
      position: relative;
    }
    .form-section .hs-form fieldset.form-columns-2:last-of-type .hs-form-field {
        width: 40%;
        margin-right: 5%;
        position: relative;
    }
    .form-section form .hs_submit {
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .form-section form fieldset + .hs_submit {
        position: absolute;
        bottom: 2em;
        right: 0;
    }
    .form-section .hs-form .hs-form-field {
        margin-bottom: 2em;
    }
}