@charset "UTF-8";
/**
 * Author: Michael James Huss
 * Date: September 23, 2015
 * Purpose: HubSpot Coruscant Two Column Stylesheet
 * Notes: To calculate EM "M" and I used a PX to EM calculator located here http://pxtoem.com/ with a base of 16px
 * Validation: This has been successfully validated using http://jigsaw.w3.org/css-validator/#validate_by_uri
 *
 *  Table of Contents
 *
 * 01. Hero
 * 02. Bottom Header
 * 03. Content
 * 04. Hubspot Web Form
 * 05. Social Media
 * 06. Footer
 *
 */

/*************************************
* Set base responsive font rules
**************************************/

/* Extra small devices, phones */
@media only screen and (max-width : 767px) {
    html, body {
        font: normal 16px/26px 'UniversLTStd-LightCn', Arial, Helvetica, sans-serif;
    }
}

/* Small devices, tablets */
@media only screen and (min-width : 768px) {
    html, body {
        font: normal 18px/29px 'UniversLTStd-LightCn', Arial, Helvetica, sans-serif;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    html, body {
        font: normal 20px/32px 'UniversLTStd-LightCn', Arial, Helvetica, sans-serif;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    html, body {
        font: normal 22px/35px 'UniversLTStd-LightCn', Arial, Helvetica, sans-serif;
        -webkit-font-smoothing: antialiased;
    }
}


/*************************************
* Set base responsive header overrides
**************************************/
h1, .h1 { font-size: 2.250em; }
h2, .h2 { font-size: 1.875em; }
h3, .h3 { font-size: 1.500em; }
h4, .h4 { font-size: 1.125em; }
h5, .h5 { font-size: 0.875em; }
h6, .h6 { font-size: 0.750em; }


/*************************
 * 01. Hero
 *************************/

#hero div {
    padding: 0;
    margin: 0;
}


#hero img {
    display: block;
    width: 100%;
    padding: 0;
    border-radius: 0;
}


/*************************
 * 02. Bottom Header
 *************************/

#bottom-header {
    background-color: #006747;
    color: #FFF;
    padding: 0.313em 1.563em 0.313em 1.563em;
}

#bottom-header article {
    padding: 0;
}

#bottom-header h1 {
    margin-top: 2%;
    font-family: 'UniversLTStd-LightUltraCn',Arial,Helvetica,sans-serif;
}


/*************************
 * 03. Content
 *************************/

#content {
    padding: 1.563em;
}

#content section {
    padding: 0;
}

#content h1, h2, h3, h4, h5, h6 {
    color: #006747;
    display: block;
    vertical-align: middle;
    padding: 0 0 0.313em 0;
    margin-top: 0;
}

#content p {
    font-size: 1.000em;
    line-height: 1.750em;
    padding: 0 1.250em 0.313em 0;
}

#content ul {
    padding-bottom: 0.313em;
}

.img-bullet{
    padding: 0 0.625em 0 0;
}

/* Applies img-responsive to CTAs */
.hs-cta-img {  
    max-width: 100%;
    height: auto;
    display: block;
}


/*************************
 * 04. HubSpot Web Form
 *************************/

.panel-body {
    padding: 0.313em !important;
}

.panel-default {
    width: 100%;
    max-width: 35.125em;
    min-width: 13.625em;
    background: #149375;
    margin: 0 auto;
    padding: 0.625em;

    -webkit-border-radius: 1.563em;
    -moz-border-radius: 1.563em;
    border-radius: 1.563em;
    position: relative;
}

#web-form p {
    padding-top: 0.0313em;
    font-size: 1.000em;
    text-align: left;
    color: #FFF;
}

/* Web Form Links */
#web-form a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #9CCB3B;
}

#web-form a:link {
    text-decoration: none;
    font-weight: bold;
    color: #9CCB3B;
}

#web-form a:hover {
    text-decoration: none;
    font-weight: bold;
    color: #DBE442;
}

#web-form a:active {
    text-decoration: none;
    font-weight: bold;
    color: #9CCB3B;
}

/* HubSpot Overrides */
#web-form label > span {
    display: none !important;
}

#web-form ul li, ol li {
    font-size: 1.0em;
    color: #FFF;
}

#web-form ul.inputs-list, ol.inputs-list {
    margin-top: 0.313em;
    list-style-type: none;
    margin-left: -2.375em;
}

#web-form ul.inputs-list li, ol.inputs-list li {
    font-size: 0.875em;
    color: #FFF;
}

h3.form-title {
    color: #FFF !important;
    text-align: center !important;
    text-transform: none !important;

    font-size: 1.500em !important;
    font-weight: bold !important;

    margin-top: 0.750em !important;
    padding-bottom: 0.938em !important;
}

div.hs-form-field {
    padding: 0 0 0.938em 0;
}

label {
    display: inline !important;
    font-size: 0.875em;
    margin: 0.313em 0 0 0;
    font-weight: normal;
    text-align: left;
}

input.hs-input, select.hs-input {
    width: 100%;
    height: 2.857em !important;
    font-size: 1.000em !important;
    padding: 0.750em 0.938em 0.750em 0.938em !important;
    margin: 0 auto !important;
    display: inline-block !important;

    -webkit-border-radius: 0.188em;
    -moz-border-radius: 0.188em;
    border-radius: 0.188em;
    outline: #9CCB3B;
}

input[type="submit"], .hs-button {
    display: block !important;
    width: 100% !important;
    padding: 0.938em 0.938em 0.938em 4.688em !important;
    margin-top: 0.625em !important;
    background: #9CCB3B url("//364394.fs1.hubspotusercontent-na1.net/hubfs/364394/IT/Templates/Coruscant/images/cta-icon-cloud.png") 0.938em 0.938em no-repeat !important;
    border: 0 !important;
    outline: none !important;

    font-size: 1.125em !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-align: left !important;

    cursor: pointer !important;
    white-space: normal !important;

    color: #FFF !important;
    position: relative !important;
    vertical-align: middle;
    -webkit-border-radius: 0.313em !important;
    -moz-border-radius: 0.313em !important;
    -o-border-radius: 0.313em !important;
    border-radius: 0.313em !important;
    -webkit-box-shadow: inset 0 0.063em 0 #9CCB3B, 0 0.125em 0 0 #749D20, 0 0.313em 0.313em #578100 !important;
    -moz-box-shadow: inset 0 0.063em 0 #9CCB3B, 0 0.125em 0 0 #749D20, 0 0.313em 0.313em #578100 !important;
    -o-box-shadow: inset 0 0.063em 0 #9CCB3B, 0 0.125em 0 0 #749D20, 0 0.313em 0.313em #578100 !important;
    box-shadow: inset 0 0.063em 0 #9CCB3B, 0 0.125em 0 0 #749D20, 0 0.313em 0.313em #578100 !important;
}

input.hs-button:active {
    top: 0.188em !important;
    outline: none;
    -webkit-box-shadow: inset 0 0.063em  #9CCB3B, 0 0.125em 0 0 #749D20, 0 0.313em 0.188em #578100 !important;
    -moz-box-shadow: inset 0 0.063em 0 #9CCB3B, 0 0.125em 0 0 #749D20, 0 0.313em 0.188em #578100 !important;
    -o-box-shadow: inset 0 0.063em 0 #9CCB3B, 0 0.125em 0 0 #749D20, 0 0.313em 0.188em #578100 !important;
    box-shadow: inset 0 0.063em 0 #9CCB3B, 0 0.125em 0 0 #749D20, 0 0.313em 0.188em #578100 !important;
}

input.hs-input.invalid {
    background: #FFF url("//364394.fs1.hubspotusercontent-na1.net/hubfs/364394/IT/Templates/Coruscant/images/form-invalid-tick.png") no-repeat 98% center;
    box-shadow: 0 0 0.313em #D45252 !important;
    border: 0.125em solid #B03535;
    outline: none;
}

textarea.hs-input {
    width: 95%;
}

/* GDPR Styles */
#web-form .legal-consent-container input {
    width: auto;
    height: auto !important;
}
#web-form .legal-consent-container label.hs-form-booleancheckbox-display > span {
    padding-left: 10px;
    display: inline !important;
    font-weight: bold;
}
#web-form .legal-consent-container .hs-form-booleancheckbox-display p {
    display: inline;
}
#web-form .legal-consent-container,
#content #web-form .legal-consent-container > div.hs-richtext > p {
    font-size: 0.9em;
    line-height: 1.4em;
    text-align: left;
    padding-top: 0;
}
#web-form .legal-consent-container label.hs-form-booleancheckbox-display span.hs-form-required {
    padding-left: 0;
}
#web-form .legal-consent-container ul {
    padding-left: 0;
}
#web-form .legal-consent-container ul.inputs-list, 
#web-form .legal-consent-container ol.inputs-list {
    margin-left: 0;
}
#web-form .legal-consent-container div.hs-form-field {
    padding: 0;
}
#web-form p.privacy-policy {
    font-size: 0.8em;
    padding-top: 10px;
}
#web-form .legal-consent-container label {
    font-size: 1em;
}


/*************************
 * 05. Social Media
 *************************/

#social-media {
    padding-top: 1.563em;
}

#social-media ul {
    list-style: none;
    margin: 0;
    padding: 1.563em 0 0 0;
}

#social-media li {
    display: inline-block;
}

/* HubSpot Social Icon Overrides */
.hs_cos_wrapper_type_social_sharing img {
    display: none;
}

.fm_button span{
    background: none !important;
}

.hs_cos_wrapper_type_social_sharing a, .fm_button span{
    width: 2.000em;
    height: 2.000em;
    font-size: 1.563em;
}

.hs_cos_wrapper_type_social_sharing a:before, .fm_button span:before{
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hs_cos_wrapper_type_social_sharing a:first-child:before, .fm_facebook>span:before {
    border-radius: 50%;
    background: #006747;
    color: #FFF;
    width: 2.000em;
    height: 2.000em;
    padding: 0.500em 0 0 0;
    margin: 0 auto;
    vertical-align: middle;
    content: "\f09a"
}

.hs_cos_wrapper_type_social_sharing a:nth-child(2):before, .fm_linkedin>span:before {
    border-radius: 50%;
    background: #006747;
    color: #FFF;
    width: 2.000em;
    height: 2.000em;
    padding: 0.500em 0 0 0;
    margin: 0 auto;
    vertical-align: middle;
    content: "\f0e1"
}

.hs_cos_wrapper_type_social_sharing a:nth-child(3):before, .fm_twitter>span:before {
    border-radius: 50%;
    background: #006747;
    color: #FFF;
    width: 2.000em;
    height: 2.000em;
    padding: 0.500em 0 0 0;
    margin: 0 auto;
    vertical-align: middle;
    content: "\f081"
}

.hs_cos_wrapper_type_social_sharing a:nth-child(4):before, .fm_pinterest>span:before {
    border-radius: 50%;
    background: #006747;
    color: #FFF;
    width: 2.000em;
    height: 2.000em;
    padding: 0.500em 0 0 0;
    margin: 0 auto;
    vertical-align: middle;
    content: "\f0d2"
}

.hs_cos_wrapper_type_social_sharing a:nth-child(5):before {
    border-radius: 50%;
    background:#006747;
    color: #FFF;
    width: 2.000em;
    height: 2.000em;
    padding: 0.500em 0 0 0;
    margin: 0 auto;
    vertical-align: middle;
    content: "\f0e0"
}

.fm_youtube>span:before {
    border-radius: 50%;
    background: #006747;
    color: #FFF;
    width: 2.000em;
    height: 2.000em;
    padding: 0.500em 0 0 0;
    margin: 0 auto;
    vertical-align: middle;
    content: "\f16a"
}


/*************************
 * 06. Footer
 *************************/

#footer {
    padding: 1.250em;
    font-size: 0.875em;
}

#footer p {
    padding-top: 0.625em;
}

#usf-logo {
  !important width: auto; 
}

#usf-logo .usf-logo {
   width: 250px; 
}


/* Web Form Links */
a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #006747;
}

a:link {
    text-decoration: none;
    font-weight: bold;
    color: #006747;
}

a:hover {
    text-decoration: none;
    font-weight: bold;
    color: #7FB539;
}

a:active {
    text-decoration: none;
    font-weight: bold;
    color: #006747;
}