/*
We highly recommend you use SASS and write your custom styles in sass/_theme.scss.
However, this blank file is available if you prefer
*/

body { font-family: "Open Sans",sans-serif; font-weight: 400; }

p { font-family: "Open Sans",sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans",sans-serif; font-weight: 300; }

.site-header { border-top: 5px solid #A3D541; background-color: #232323; background-image: url("../img/top_bg.jpg"); }
/*.site-header { border-top: 5px solid #A3D541; background-color: #232323; }*/
.topLogo { display: block; height: 162px; background: url(../img/ws_logo_top.png) no-repeat top center; overflow: hidden; text-indent: -9999px; }
.header-intro-wrap p { font-size: 32px; line-height: 34px; margin-bottom: 15px; text-align: center; }
.header-intro-wrap p.small { font-size: 16px; line-height: 18px; font-weight: 300; color: #dddddd; margin-bottom: 0; }
.input-side { font-family: "Open Sans",sans-serif; font-weight: 300; }
.btn-side { font-family: "Open Sans",sans-serif; background-color: #f15b4e; border: 5px solid #f15b4e; color: #fff; }
.btn-side:hover { background-color: #fff; border: 5px solid #f15b4e; color: #f15b4e; }
.btn-side-long { width: 40%; }
.features-circle { background-color: #a3d541; border-color: #91c923; }
.features-item:hover .features-circle { background-color: #91c923; border-color: #abe140; }
.join-now { text-align: center; }
.join-now .btn-side { margin: 20px 0 0 0;  }
.join-now form{ margin-bottom: 0; }
.sectionTitle { text-align: center; padding-bottom: 2em; }
.section-testimonials { padding-top: 0; padding-bottom: 0; }
.social-item { float: right; }
.section-signup { background-color: #232323; }
.signup-form .btn-side { color: #B2EA45; border-color: #B2EA45; }
.signup-form .btn-side:hover { background-color: #B2EA45; color: #232323; border-color: #B2EA45; }
.signup-form .input-side:focus { border-color: #B2EA45; }
.site-footer { background-color: #b2ea45; }
.footer-copyright { color: #677f37; font-weight: 400; }
.footer-rights { color: #677f37; }
.footer-contact { color: #677f37; font-size: 14px; margin: 0 0 5px 0; }
.footer-contact a { color: #232323; }
.footer-contact a:hover { color: #232323; text-decoration: underline; }
.social-link { color: #779f28; }
.social-link:hover { color: #232323; }
.appdownload { text-align: center; margin-top: 50px; }
.appdownload a { display: inline-block; width: 135px; height: 46px; margin: 0 2px 6px 2px; }

#gmap { height: 400px; width: 100%; }

.testimonial-name { font-weight: 600; }
.testimonial-title { font-weight: 400; }
.testimonial-content { font-weight: 300; }

@media screen and (max-width: 960px) {
.btn-side-long { width: 65%; }
}

@media screen and (max-width: 767px) {
.footer-info { padding-bottom: 0; }
.header-intro-wrap { padding-top: 30px; }
.footer-contact { text-align: center; }
}

@media screen and (max-width: 540px) {
.topLogo { height: 139px; background-image: url(../img/ws_logo_top_small.png); }
.btn-side-long { width: 100%; }
.header-graphic-wrap { padding-top: 20px; }
}