@import url(//fonts.googleapis.com/css?family=PT+Sans:400,700);
/**
* CSS @imports must be at the top of the file.
* Add them above this section.
*/
/* ==========================================================================
HS COS Boilerplate v1.1.11
========================================================================== */
/* This responsive framework is required for all styles. */
/* Responsive Grid */
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 28px;
margin-left: 2.127659574%;
*margin-left: 2.0744680846382977%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 99.99999998999999%;
*width: 99.94680850063828%;
}
.row-fluid .span11 {
width: 91.489361693%;
*width: 91.4361702036383%;
}
.row-fluid .span10 {
width: 82.97872339599999%;
*width: 82.92553190663828%;
}
.row-fluid .span9 {
width: 74.468085099%;
*width: 74.4148936096383%;
}
.row-fluid .span8 {
width: 65.95744680199999%;
*width: 65.90425531263828%;
}
.row-fluid .span7 {
width: 57.446808505%;
*width: 57.3936170156383%;
}
.row-fluid .span6 {
width: 48.93617020799999%;
*width: 48.88297871863829%;
}
.row-fluid .span5 {
width: 40.425531911%;
*width: 40.3723404216383%;
}
.row-fluid .span4 {
width: 31.914893614%;
*width: 31.8617021246383%;
}
.row-fluid .span3 {
width: 23.404255317%;
*width: 23.3510638276383%;
}
.row-fluid .span2 {
width: 14.89361702%;
*width: 14.8404255306383%;
}
.row-fluid .span1 {
width: 6.382978723%;
*width: 6.329787233638298%;
}
.container-fluid {
*zoom: 1;
}
.container-fluid:before, .container-fluid:after {
display: table;
content: "";
}
.container-fluid:after {
clear: both;
}
@media (max-width: 767px) {
.row-fluid {
width: 100%;
}
.row-fluid [class*="span"] {
display: block;
float: none;
width: auto;
margin-left: 0;
}
}
@media (min-width: 768px) and (max-width: 1139px) {
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 28px;
margin-left: 2.762430939%;
*margin-left: 2.709239449638298%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 99.999999993%;
*width: 99.9468085036383%;
}
.row-fluid .span11 {
width: 91.436464082%;
*width: 91.38327259263829%;
}
.row-fluid .span10 {
width: 82.87292817100001%;
*width: 82.8197366816383%;
}
.row-fluid .span9 {
width: 74.30939226%;
*width: 74.25620077063829%;
}
.row-fluid .span8 {
width: 65.74585634900001%;
*width: 65.6926648596383%;
}
.row-fluid .span7 {
width: 57.182320438000005%;
*width: 57.129128948638304%;
}
.row-fluid .span6 {
width: 48.618784527%;
*width: 48.5655930376383%;
}
.row-fluid .span5 {
width: 40.055248616%;
*width: 40.0020571266383%;
}
.row-fluid .span4 {
width: 31.491712705%;
*width: 31.4385212156383%;
}
.row-fluid .span3 {
width: 22.928176794%;
*width: 22.874985304638297%;
}
.row-fluid .span2 {
width: 14.364640883%;
*width: 14.311449393638298%;
}
.row-fluid .span1 {
width: 5.801104972%;
*width: 5.747913482638298%;
}
}
@media (min-width: 1280px) {
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 28px;
margin-left: 2.564102564%;
*margin-left: 2.510911074638298%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 100%;
*width: 99.94680851063829%;
}
.row-fluid .span11 {
width: 91.45299145300001%;
*width: 91.3997999636383%;
}
.row-fluid .span10 {
width: 82.905982906%;
*width: 82.8527914166383%;
}
.row-fluid .span9 {
width: 74.358974359%;
*width: 74.30578286963829%;
}
.row-fluid .span8 {
width: 65.81196581200001%;
*width: 65.7587743226383%;
}
.row-fluid .span7 {
width: 57.264957265%;
*width: 57.2117657756383%;
}
.row-fluid .span6 {
width: 48.717948718%;
*width: 48.6647572286383%;
}
.row-fluid .span5 {
width: 40.170940171000005%;
*width: 40.117748681638304%;
}
.row-fluid .span4 {
width: 31.623931624%;
*width: 31.5707401346383%;
}
.row-fluid .span3 {
width: 23.076923077%;
*width: 23.0237315876383%;
}
.row-fluid .span2 {
width: 14.529914530000001%;
*width: 14.4767230406383%;
}
.row-fluid .span1 {
width: 5.982905983%;
*width: 5.929714493638298%;
}
}
/* Clearfix */
.clearfix {
*zoom: 1;
}
.clearfix:before, .clearfix:after {
display: table;
content: "";
}
.clearfix:after {
clear: both;
}
/* Visibilty Classes */
.hide {
display: none;
}
.show {
display: block;
}
.invisible {
visibility: hidden;
}
.hidden {
display: none;
visibility: hidden;
}
/* Responsive Visibilty Classes */
.visible-phone {
display: none !important;
}
.visible-tablet {
display: none !important;
}
.hidden-desktop {
display: none !important;
}
@media (max-width: 767px) {
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 1139px) {
.visible-tablet {
display: inherit !important;
}
.hidden-tablet {
display: none !important;
}
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important ;
}
}
/* Images */
img {
max-width: 100%;
height: auto;
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: bottom; /* Suppress the space beneath the baseline */
}
/* Videos */
video {
max-width: 100%;
height: auto;
}
/* Date Picker */
#calroot {
width: 202px !important;
}
/* Embed Container (iFrame, Object, Embed) */
.hs-responsive-embed {
position: relative;
height: 0;
overflow: hidden;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.hs-responsive-embed iframe,
.hs-responsive-embed object,
.hs-responsive-embed embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
padding-bottom: 56.25%;
}
.hs-responsive-embed.hs-responsive-embed-instagram {
padding-bottom: 116.01%;
}
.hs-responsive-embed.hs-responsive-embed-pinterest {
height: auto;
overflow: visible;
padding: 0;
}
.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
position: static;
width: auto;
height: auto;
}
iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
width: 100%;
max-width: 100%;
}
@media (max-width: 568px) {
iframe {
max-width: 100%;
}
}
/* Forms */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]
select {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* System Template Forms */
#email-prefs-form .email-edit {
width: 100% !important;
max-width: 507px !important;
}
#hs-pwd-widget-password {
height: auto !important;
}
/* Navigation structure & mechanics */
.hs-menu-wrapper ul,
.hs-menu-wrapper li {
margin: 0;
padding: 0;
list-style: none;
}
.hs-menu-wrapper.flyouts li {
position: relative;
}
.hs-menu-wrapper a {
display: block;
}
.hs-menu-wrapper.flyouts ul ul {
height: 0;
overflow: hidden;
visibility: hidden;
-webkit-backface-visibility: hidden;
z-index: 100;
}
.hs-menu-wrapper.flyouts > ul > li:hover > a {
position: relative;
z-index: 101;
}
.hs-menu-wrapper.flyouts li:hover > ul {
height: auto;
overflow: visible;
visibility: visible;
}
.hs-menu-flow-horizontal > ul {
display: inline-block;
text-align: left;
vertical-align: top;
}
.hs-menu-flow-horizontal > ul:after {
content: "";
display: table;
clear: both;
}
.hs-menu-flow-horizontal.flyouts > ul > li {
float: left;
}
.hs-menu-flow-horizontal.no-flyouts > ul > li {
display: inline-block;
vertical-align: top;
}
.hs-menu-flow-horizontal.flyouts ul ul,
.hs-menu-flow-vertical.flyouts ul ul {
position: absolute;
}
.hs-menu-flow-horizontal.flyouts ul ul ul,
.hs-menu-flow-vertical.flyouts ul ul {
top: 0;
left: 100%;
}
.hs-menu-flow-horizontal.flyouts ul ul li a,
.hs-menu-flow-vertical.flyouts ul ul li a {
white-space: nowrap;
}
.hs-menu-flow-vertical_flyouts.flyouts ul ul,
[class*="hs-menu-flow-vertical"].no-flyouts ul ul {
display: none;
}
.hs-menu-flow-vertical_flyouts.flyouts li:hover > ul,
[class*="hs-menu-flow-vertical"].no-flyouts li.active-branch > ul {
display: block;
}
@media(max-width: 767px) {
.hs-menu-flow-horizontal > ul,
.hs-menu-flow-horizontal.no-flyouts > ul > li {
display: block;
}
.hs-menu-flow-horizontal.flyouts ul ul li a,
.hs-menu-flow-vertical.flyouts ul ul li a {
white-space: normal;
}
.hs-menu-flow-horizontal.flyouts > ul > li {
float: none;
}
.hs-menu-flow-horizontal.flyouts ul ul,
.hs-menu-flow-vertical.flyouts ul ul {
position: static;
}
}
/* Optional Flyouts Effects */
.flyouts-fade .hs-menu-wrapper.flyouts ul ul {
opacity: 0;
}
.flyouts-fade .hs-menu-wrapper.flyouts li:hover > ul {
opacity: 1;
}
.flyouts-slide .hs-menu-flow-horizontal.flyouts ul ul {
top: 60%;
}
.flyouts-slide .hs-menu-flow-horizontal.flyouts li:hover > ul {
top: 100%;
}
.flyouts-slide .hs-menu-flow-horizontal.flyouts ul ul ul,
.flyouts-slide .hs-menu-flow-vertical.flyouts ul ul {
top: 0;
left: 90%;
}
.flyouts-slide .hs-menu-flow-horizontal.flyouts ul ul li:hover > ul,
.flyouts-slide .hs-menu-flow-vertical.flyouts li:hover > ul {
top: 0;
left: 100%;
}
.flyouts-scroll .hs-menu-wrapper.flyouts ul ul {
height: auto;
max-height: 0;
}
.flyouts-scroll .hs-menu-wrapper.flyouts li:hover > ul {
overflow: hidden;
max-height: 2000px;
}
.flyouts-scroll .hs-menu-wrapper.flyouts ul ul:hover {
overflow: visible;
}
.flyouts-fade .hs-menu-wrapper.flyouts ul ul {
-webkit-transition: opacity 0.4s ease-out;
-moz-transition: opacity 0.4s ease-out;
-o-transition: opacity 0.4s ease-out;
transition: opacity 0.4s ease-out;
}
.flyouts-slide .hs-menu-wrapper.flyouts ul ul {
-webkit-transition: top 0.2s ease-out, left 0.2s ease-out;
-moz-transition: top 0.2s ease-out, left 0.2s ease-out;
-o-transition: top 0.2s ease-out, left 0.2s ease-out;
transition: top 0.2s ease-out, left 0.2s ease-out;
}
.flyouts-scroll .hs-menu-wrapper.flyouts ul ul {
-webkit-transition: max-height 0.8s ease-in;
-moz-transition: max-height 0.8s ease-in;
-o-transition: max-height 0.8s ease-in;
transition: max-height 0.8s ease-in;
}
.flyouts-fade.flyouts-slide .hs-menu-wrapper.flyouts ul ul {
-webkit-transition: opacity 0.4s ease-out, top 0.2s ease-out, left 0.2s ease-out;
-moz-transition: opacity 0.4s ease-out, top 0.2s ease-out, left 0.2s ease-out;
-o-transition: opacity 0.4s ease-out, top 0.2s ease-out, left 0.2s ease-out;
transition: opacity 0.4s ease-out, top 0.2s ease-out, left 0.2s ease-out;
}
.flyouts-fade.flyouts-scroll .hs-menu-wrapper.flyouts ul ul {
-webkit-transition: opacity 0.4s ease-out, max-height 0.8s ease-in;
-moz-transition: opacity 0.4s ease-out, max-height 0.8s ease-in;
-o-transition: opacity 0.4s ease-out, max-height 0.8s ease-in;
transition: opacity 0.4s ease-out, max-height 0.8s ease-in;
}
.flyouts-slide.flyouts-scroll .hs-menu-wrapper.flyouts ul ul {
-webkit-transition: top 0.2s ease-out, left 0.2s ease-out, max-height 0.8s ease-in;
-moz-transition: top 0.2s ease-out, left 0.2s ease-out, max-height 0.8s ease-in;
-o-transition: top 0.2s ease-out, left 0.2s ease-out, max-height 0.8s ease-in;
transition: top 0.2s ease-out, left 0.2s ease-out, max-height 0.8s ease-in;
}
.flyouts-fade.flyouts-slide.flyouts-scroll .hs-menu-wrapper.flyouts ul ul {
-webkit-transition: opacity 0.4s ease-out, top 0.2s ease-out, left 0.2s ease-out, max-height 0.8s ease-in;
-moz-transition: opacity 0.4s ease-out, top 0.2s ease-out, left 0.2s ease-out, max-height 0.8s ease-in;
-o-transition: opacity 0.4s ease-out, top 0.2s ease-out, left 0.2s ease-out, max-height 0.8s ease-in;
transition: opacity 0.4s ease-out, top 0.2s ease-out, left 0.2s ease-out, max-height 0.8s ease-in;
}
.flyouts-delay.flyouts-fade .hs-menu-wrapper.flyouts ul ul,
.flyouts-delay.flyouts-slide .hs-menu-wrapper.flyouts ul ul,
.flyouts-delay.flyouts-scroll .hs-menu-wrapper.flyouts ul ul,
.flyouts-delay.flyouts-fade.flyouts-slide .hs-menu-wrapper.flyouts ul ul,
.flyouts-delay.flyouts-fade.flyouts-scroll .hs-menu-wrapper.flyouts ul ul,
.flyouts-delay.flyouts-slide.flyouts-scroll .hs-menu-wrapper.flyouts ul ul,
.flyouts-delay.flyouts-fade.flyouts-slide.flyouts-scroll .hs-menu-wrapper.flyouts ul ul {
-webkit-transition-delay: 0.3s;
-moz-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
@media(max-width: 767px) {
.flyouts-fade .hs-menu-wrapper.flyouts ul ul {
opacity: 1;
}
.flyouts-fade .hs-menu-wrapper.flyouts ul ul,
.flyouts-slide .hs-menu-wrapper.flyouts ul ul,
.flyouts-scroll .hs-menu-wrapper.flyouts ul ul,
.flyouts-fade.flyouts-slide .hs-menu-wrapper.flyouts ul ul,
.flyouts-fade.flyouts-scroll .hs-menu-wrapper.flyouts ul ul,
.flyouts-slide.flyouts-scroll .hs-menu-wrapper.flyouts ul ul,
.flyouts-fade.flyouts-slide.flyouts-scroll .hs-menu-wrapper.flyouts ul ul {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
}
/* Space Module */
.widget-type-space {
visibility: hidden;
}
/* Blog Author Section */
.hs-author-social-links {
display: inline-block;
}
.hs-author-social-links a.hs-author-social-link {
width: 24px;
height: 24px;
border-width: 0px;
border: 0px;
line-height: 24px;
background-size: 24px 24px;
background-repeat: no-repeat;
display: inline-block;
text-indent: -99999px;
}
.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}
/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Wrapper */
.hs_cos_wrapper_type_image_slider {
display: block;
overflow: hidden
}
/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus {
outline: none;
}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {
margin: 0;
padding: 0;
}
.hs_cos_flex-slider .hs_cos_flex-slides > li {
display: none;
-webkit-backface-visibility: hidden;
position: relative;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {
width: 100%;
display: block;
border-radius: 0px;
}
.hs_cos_flex-pauseplay span {
text-transform: capitalize;
}
/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
html[xmlns] .hs_cos_flex-slides {
display: block;
}
* html .hs_cos_flex-slides {
height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}
.carousel li {margin-right: 5px}
/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(http://cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
margin: 0px;
padding: 0px;
list-style: none;
}
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(http://cdn2.hubspotqa.com/local/hub/124/file-52894-png/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }
/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}
.hs_cos_flex-slider .caption {
background-color: black;
position: static;
font-size: 2em;
line-height: 1.1em;
color: white;
padding: 0px 5% 0px 5%;
width: 100%;
top: 40%;
text-align: center;
}
.hs_cos_flex-slider .superimpose .caption {
color: white;
font-size: 3em;
line-height: 1.1em;
position: absolute;
padding: 0px 5% 0px 5%;
width: 90%;
top: 40%;
text-align: center;
background-color: transparent;
}
@media all and (max-width: 400px) {
.hs_cos_flex-slider .superimpose .caption {
background-color: black;
position: static;
font-size: 2em;
line-height: 1.1em;
color: white;
width: 90%;
padding: 0px 5% 0px 5%;
top: 40%;
text-align: center;
}
}
.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
color: white;
}
/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
display: inline-block;
margin: 0px;
padding: 0px;
margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
max-height: 150px;
margin: 0px;
padding: 0px;
border-width: 0px;
}
/* responsive pre elements */
pre {
overflow-x: auto;
}
/* responsive pre tables */
table pre {
white-space: pre-wrap;
}
/* adding minimal spacing for blog comments */
.comment {
margin: 10px 0 10px 0;
}
/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
word-wrap: break-word;
}
/*
*/
/* These includes are optional, but helpful. */
/* HTML 5 Reset */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
/* Support migrations from wordpress */
.wp-float-left {
float: left;
margin: 0 20px 20px 0;
}
.wp-float-right {
float: right;
margin: 0 0 20px 20px;
}
/* Responsive Google Maps */
#map_canvas img, .google-maps img {
max-width: none;
}
/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}
/* ==========================================================================
Index:
- Variables
- Macros
- Base
- Typography
- Structure
- Header
- Custom Menu Primary
- Mobile Menu
- Content
- Blog
- Forms
- Buttons
- Footer
- Mobile
- Custom 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.
*
*
*/
/* Colors */
/* */
/* */
/* */
/* Red accent */
/* Typography */
/* */
/* */
/* */
/* */
/* Containers */
/* 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. Ignore the jinja comment tags.
*
*
*/
/* Box Sizing *//* Border Radius *//* Box Shadow *//* Transform *//* Transition *//* Simple Vertical Gradient (separately for IE8) *//* Simple Horizontal Gradient *//* Other properties with all prefixes *//* Clear an element *//**
* Example of how to apply one of the above macro (ignore the jinja comment tags):
*
* a {
* color: red;
* font-size: 12px;
*
* }
*/
/* ==========================================================================
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.
*
* If this causes issues with third party content, apply the default box-model
* to those elements:
*
* .my-third-party-element {
* -webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
* }
*/
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Custom fonts */
/* ex. @font-face {}; */
/* all @import calls need to be done at the top on line 1 */
html,
body {
min-height: 100%;
margin: 0;
padding: 0;
}
/* Website background color and default font styles */
html {
position: relative;
background: #eee url(https://www.overheaddoordfw.com/hubfs/images/bg.jpg) center top;
}
html:before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 34px;
top: 0;
left: 0;
background: url(https://www.overheaddoordfw.com/hubfs/images/header-top-bg.png) top repeat-x;
}
body {
background: none;
color: #444;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 22px;
}
/**
* Page Center
*
* Apply this class to full-width modules.
*/
.page-center {
position: relative;
max-width: 960px;
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
background: #fff;
}
.page-center:before,
.page-center:after {
content: "";
display: block;
width: 10px;
position: absolute;
top: 0;
bottom: 0;
z-index: 0;
background-image: url(https://www.overheaddoordfw.com/hubfs/images/body-shadow.png);
background-repeat: repeat-y;
}
.page-center:before {
left: -10px;
background-position: left;
}
.page-center:after {
right: -10px;
background-position: right;
}
a {
color: #178194;
text-decoration: none;
-webkit-transition-property: background, border-color, box-shadow, opacity, visibility, color, text-shadow;
-moz-transition-property: background, border-color, box-shadow, opacity, visibility, color, text-shadow;
-ms-transition-property: background, border-color, box-shadow, opacity, visibility, color, text-shadow;
-o-transition-property: background, border-color, box-shadow, opacity, visibility, color, text-shadow;
transition-property: background, border-color, box-shadow, opacity, visibility, color, text-shadow;
-webkit-transition-duration: 0.2s, 0.25s;
-moz-transition-duration: 0.2s, 0.25s;
-ms-transition-duration: 0.2s, 0.25s;
-o-transition-duration: 0.2s, 0.25s;
transition-duration: 0.2s, 0.25s;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-ms-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
}
a:hover {
color: #383838;
}
a:focus,
a:active {
outline: 0;
}
/* Images */
a:focus img,
a:active img {
outline: 0;
}
/* Ruler */
hr {
height: 1px;
background: #ddd;
border: none;
color: #ddd;
}
/* Highlighted Text */
::-moz-selection {
background: #C50000;
color: #fff;
text-shadow: none;
}
::selection {
background: #C50000;
color: #fff;
text-shadow: none;
}
/* ==========================================================================
Typography
========================================================================== */
/* Basic text */
p {
margin: 0 0 18px;
padding: 0;
}
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 {
padding: 0;
line-height: 1.1;
}
h1,
h2,
h3 {
color: #000;
font-family: 'PT Sans', Arial, sans-serif;
font-weight: normal;
}
h5,
h6 {
margin: 0 0 18px;
color: #7C7C7C;
}
h1 {
margin: 0 0 24px;
font-size: 28px;
}
h2 {
margin: 0 0 15px;
font-size: 18px;
}
h3 {
margin: 0 0 15px;
font-size: 16px;
}
h4 {
margin: 0 0 15px;
color: #000;
font-size: 14px;
}
h5 {
font-size: 11px;
}
h6 {
font-size: 10px;
}
/* Lists */
ul,
ol {
margin: 0 0 8px 25px;
padding: 0;
}
li ul,
li ol {
margin: 0;
}
ul {
list-style: circle;
}
ol ol {
list-style: lower-alpha;
}
ol ol ol {
list-style: lower-roman;
}
li {
margin: 0 0 12px;
padding: 0;
}
/* Quotes */
blockquote {
margin: 0 0 18px;
padding: 0 40px;
}
/* ==========================================================================
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 {
padding: 0 70px;
}
/* Reduces min-height on bootstrap structure */
.row-fluid [class*="span"] {
min-height: 1px;
}
/* ==========================================================================
Header
========================================================================== */
/* Header Links */
.header-links {
position: relative;
padding: 9px 9px 7px;
background: #DEDEDE;
border-bottom: 1px solid #fff;
color: #bbb;
font-size: 12px;
line-height: 16px;
text-align: right;
}
.header-links:after {
content: "";
display: block;
width: 100%;
height: 1px;
position: absolute;
left: 0;
bottom: -2px;
background: #BFBFBF;
}
.header-links a {
padding: 0 6px;
color: #999;
text-shadow: 0 0 1px #fff;
text-transform: capitalize;
}
.header-links a:hover {
color: #676767;
}
/* Header Content Wrapper */
.header-content-wrapper {
padding: 15px 15px 0;
}
/* Header Logo */
.header-logo {
margin-bottom: 15px;
padding-top: 1px;
}
/* Header Slogan */
.header-slogan {
margin-top: 27px;
margin-bottom: 15px;
}
.header-slogan h1 {
margin: 0;
color: #555;
font-family: Rockwell, 'PT Sans', Arial, Helvetica, sans-serif;
font-size: 24px;
text-shadow: 0 0 1px #ccc;
}
/* ==========================================================================
Custom Menu Primary
========================================================================== */
/* Menu Red Shape */
.custom-menu-primary {
position: relative;
z-index: 101;
width: auto !important;
float: none !important;
margin: 0 -30px !important;
padding: 20px 0 18px;
background: url(https://www.overheaddoordfw.com/hubfs/images/menu-ribbon-middle-bg.png) center top;
border-left: 1px solid #D40C06;
border-right: 1px solid #D40C06;
}
.custom-menu-primary:before,
.custom-menu-primary:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 11px;
background-position: center top;
background-repeat: repeat-x;
}
.custom-menu-primary:before {
top: 0;
left: 0;
background-image: url(https://www.overheaddoordfw.com/hubfs/images/menu-ribbon-top-edge.png);
}
.custom-menu-primary:after {
bottom: 0;
right: 0;
background-image: url(https://www.overheaddoordfw.com/hubfs/images/menu-ribbon-bottom-edge.png);
}
.custom-menu-primary .cell-wrapper {
position: relative;
}
.custom-menu-primary .cell-wrapper:after {
content: "";
display: block;
position: absolute;
height: 4px;
right: 29px;
bottom: -22px;
left: 29px;
background: url(https://www.overheaddoordfw.com/hubfs/images/menu-ribbon-shadow.png) left top repeat-x;
}
.custom-menu-primary .hs-menu-flow-horizontal {
position: relative;
min-height: 56px;
padding: 0 15px;
background: none;
}
.custom-menu-primary .hs-menu-flow-horizontal:before,
.custom-menu-primary .hs-menu-flow-horizontal:after {
content: "";
display: block;
position: absolute;
width: 70px;
height: 98px;
bottom: -42px;
background-position: left top;
background-repeat: no-repeat;
background-size: 100%;
}
.custom-menu-primary .hs-menu-flow-horizontal:before {
left: -41px;
background-image: url(https://www.overheaddoordfw.com/hubfs/images/menu-ribbon-left.png);
}
.custom-menu-primary .hs-menu-flow-horizontal:after {
right: -41px;
background-image: url(https://www.overheaddoordfw.com/hubfs/images/menu-ribbon-right.png);
}
/* Menu - All levels */
.custom-menu-primary .hs-menu-flow-horizontal ul li a {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.custom-menu-primary .hs-menu-flow-horizontal ul li:hover > a {
-webkit-transition-property: background, border-color, box-shadow, opacity, visibility, color, text-shadow;
-moz-transition-property: background, border-color, box-shadow, opacity, visibility, color, text-shadow;
-ms-transition-property: background, border-color, box-shadow, opacity, visibility, color, text-shadow;
-o-transition-property: background, border-color, box-shadow, opacity, visibility, color, text-shadow;
transition-property: background, border-color, box-shadow, opacity, visibility, color, text-shadow;
-webkit-transition-duration: 0.2s, 0.25s;
-moz-transition-duration: 0.2s, 0.25s;
-ms-transition-duration: 0.2s, 0.25s;
-o-transition-duration: 0.2s, 0.25s;
transition-duration: 0.2s, 0.25s;
-webkit-transition-timing-function: linear;
-moz-transition-timing-function: linear;
-ms-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
}
/* Menu - Primary Level */
.custom-menu-primary .hs-menu-flow-horizontal > ul {
vertical-align: top; /* removes the extra bottom spacing */
display: inline-block;
}
.custom-menu-primary .hs-menu-flow-horizontal > ul > li {
float: left;
list-style-type: none;
}
.custom-menu-primary .hs-menu-flow-horizontal > ul > li > a {
padding: 5px 15px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
color: #fff;
font-family: 'PT Sans', Arial, sans-serif;
font-size: 18px;
line-height: 40px;
font-weight: 700;
text-shadow: 0 0 2px #333;
}
.custom-menu-primary .hs-menu-flow-horizontal > ul > li:hover > a,
.custom-menu-primary .hs-menu-flow-horizontal > ul > li > a:hover {
background: #423B35;
}
/* Menu - Secondary Levels */
.custom-menu-primary .hs-menu-flow-horizontal ul ul {
margin-top: -5px;
background: #423B35;
-webkit-border-radius: 0 4px 4px 4px;
-moz-border-radius: 0 4px 4px 4px;
border-radius: 0 4px 4px 4px;
}
.custom-menu-primary .hs-menu-flow-horizontal li:hover > ul {
padding: 5px 0;
}
.custom-menu-primary .hs-menu-flow-horizontal > ul > li > ul {
margin-top: -4px;
padding-top: 0 !important;
}
.custom-menu-primary .hs-menu-flow-horizontal ul ul li {
padding: 0 18px;
}
.custom-menu-primary .hs-menu-flow-horizontal ul ul li a {
width: 140px;
padding: 10px 0;
border-top: 1px solid #55534a;
color: #fff;
font-size: 12px;
line-height: 16px;
white-space: normal;
}
.custom-menu-primary .hs-menu-flow-horizontal ul ul li:first-child > a {
border-top: none;
}
.custom-menu-primary .hs-menu-flow-horizontal ul ul li:hover > a,
.custom-menu-primary .hs-menu-flow-horizontal ul ul li a:hover {
color: #ddd;
}
/* ==========================================================================
Mobile Menu - Hubspot Standard Toggle Menu
========================================================================== */
/**
* Special Note
*
* When the menu is open, a class of .mobile-open is applied to the body. You can
* use this for custom styling on any element when the menu is in the open position.
*/
.mobile-trigger, .child-trigger{
display: none; /* Hide button on Desktop */
}
@media (max-width: 767px){
/* Variables
========================================================================== */
/* Set Mobile Menu Background Color */
/* Set Link Color */
/* Set Link Hover Color */
/*
* Menu Reset
*
* Remove styling from desktop version of custom-menu-primary. Place any
* additional CSS you want removed from the mobile menu in this reset
*/
.custom-menu-primary,
.custom-menu-primary .hs-menu-wrapper > ul,
.custom-menu-primary .hs-menu-wrapper > ul li,
.custom-menu-primary .hs-menu-wrapper > ul li a{
display: block;
float: none;
position: static;
top: auto;
right: auto;
left: auto;
bottom: auto;
padding: 0px;
margin: 0px;
background-image: none;
background-color: transparent;
border: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
max-width: none;
width: 100%;
height: auto;
line-height: 1;
font-weight: normal;
text-decoration: none;
text-indent: 0px;
text-align: left;
color:#ffffff;
}
/* Toggle Button
========================================================================== */
.mobile-trigger{
display: inline-block !important; /* Show button on mobile */
cursor: pointer; /* Mouse pointer type on hover */
position: absolute; /*******************************************/
top: -37px; /* Position Button at right of screen */
right: 0px; /*******************************************/
left: 0px;
width: 43px; /* Button width */
margin: 0 auto;
height: auto; /* Button height */
padding: 7px 10px 8px 10px;
background: #ffffff; /* Background color */
border: 1px solid #C20703;
font-size: 16px;
font-weight: normal;
text-align: left;
text-transform: uppercase;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #C20703;
}
.mobile-trigger:hover{
text-decoration: none; /* Removes link text underline on button */
color:#fff;
background-color: #C20703;
border-color: transparent;
}
/* Change button when menu is open */
.mobile-open .mobile-trigger{
color:#fff;
background-color: #C20703;
border-color: transparent;
}
/* Toggle Button Icon
========================================================================== */
.mobile-trigger i{
display: inline;
position: relative;
top: -4px;
}
.mobile-trigger i:before, .mobile-trigger i:after{
position: absolute;
content: '';
}
.mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
width: 22px; /* Icon line width */
height: 2px; /* Icon line height */
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
background-color: #C20703; /* Icon color */
display: inline-block;
}
.mobile-trigger i:before{
top: -6px; /* Position top line */
}
.mobile-trigger i:after{
top: 6px; /* Position bottom line */
}
.mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,
.mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
background-color: #fff; /* Icon color */
}
/* Child Toggle Button
========================================================================== */
.child-trigger{
display: block !important; /* Hide button on Desktop */
cursor: pointer; /* Mouse pointer type on hover */
position: absolute;
top: 0px;
right: 0px;
width: 55px !important; /* Button width */
min-width: 55px !important;
height: 45px !important; /* Button height */
padding: 0 !important;
border-left: 1px dotted rgba(255, 255, 255, .20);
}
.child-trigger:hover{
text-decoration: none;
}
.child-trigger i{
position: relative;
top: 50%; /* Centers icon inside button */
margin: 0 auto !important;
}
.child-trigger i:after{
position: absolute;
content: '';
}
.child-trigger i, .child-trigger i:after{
width: 10px; /* Icon line width */
height: 1px; /* Icon line height */
background-color:#ffffff; /* Icon color */
display: block;
}
.child-trigger i:after{
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.child-trigger.child-open i:after{
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.child-trigger.child-open i{
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
/* Menu Styles on Mobile Devices
========================================================================== */
.custom-menu-primary.js-enabled{
position: relative;
padding-top: 44px; /* Makes room for button */
margin: 10px 0 0px 0;
}
.red-ribbon.js-enabled {
background: #BF0703;
}
/* Hide menu on mobile */
.custom-menu-primary.js-enabled .hs-menu-wrapper,
.custom-menu-primary.js-enabled .hs-menu-children-wrapper{
display: none;
}
/* Make child lists appear below parent items */
.custom-menu-primary ul.hs-menu-children-wrapper{
visibility: visible !important;
opacity: 1 !important;
position: static !important;
display: none;
}
/* Mobile Menu Styles */
.custom-menu-primary.js-enabled .hs-menu-wrapper{
width: 100%;
position: relative; /**************************************************************/
top: 0; /* Positions the menu to drop from the very top of the screen */
left: 0; /**************************************************************/
padding: 0;
}
.custom-menu-primary .hs-menu-wrapper{
background-color:#C20703; /* Menu background color set off global menuColorMobile variable */
width: 100%; /* Full screen width */
}
/* Level 1 Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul > li{
position: relative;
}
.custom-menu-primary .hs-menu-wrapper > ul > li a{
font-size: 22px; /* Font size of top level list items */
line-height: 45px;
overflow: visible;
}
/* Level 1 and Higher Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul li{
border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
}
.custom-menu-primary .hs-menu-wrapper > ul li a{
padding: 0 10px;
color:#ffffff; /* link color set by global mobile-aColor variable */
}
.custom-menu-primary .hs-menu-wrapper > ul li:hover .child-trigger i,
.custom-menu-primary .hs-menu-wrapper > ul li:hover .child-trigger i:after {
background: #fff !important;
}
.custom-menu-primary .hs-menu-wrapper > ul li a:hover {
}
.custom-menu-primary .hs-menu-wrapper > ul li a:hover{
color:#fff; /* link hover color set by global mobile-aColorHover variable */
}
/* Level 2 and Higher Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul ul li{
background-color: rgba(255, 255, 255, .08);
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
text-indent: 10px; /* Indent Child lists */
font-size: 16px; /* Font size of child lists */
}
/* Level 3 and Higher Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
text-indent: 30px; /* Indent Child lists */
}
.custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
text-indent: 50px; /* Indent Child lists */
}
}
/* ==========================================================================
Content
========================================================================== */
.body-container-wrapper {}
.body-container {}
/* Content Area Wrapper */
.content-area-wrapper {
min-height: 560px !important;
padding: 35px 20px 20px;
}
.content-area-wrapper .hs_cos_wrapper_widget {
display: block;
padding: 10px 0;
}
.content-area-wrapper .hs_cos_wrapper_widget:before,
.content-area-wrapper .hs_cos_wrapper_widget:after {
content: "";
display: table;
clear: both;
}
/* Main Column */
.main-column {
padding-top: 12px;
}
/* Top & Bottom Areas */
.top-area-wrapper-no-spacing,
.bottom-area-wrapper-no-spacing {
width: auto !important;
min-height: 0 !important;
float: none !important;
margin-left: -20px !important;
margin-right: -20px;
}
.top-area-wrapper-no-spacing {
margin-top: -45px;
margin-bottom: 20px;
}
.bottom-area-wrapper-no-spacing {
margin-top: 20px;
margin-bottom: -20px;
}
.top-area-wrapper-no-spacing .hs_cos_wrapper_widget,
.bottom-area-wrapper-no-spacing .hs_cos_wrapper_widget {
padding: 0;
}
.top-area-wrapper-with-spacing,
.bottom-area-wrapper-with-spacing {
min-height: 0 !important;
}
.top-area-wrapper-with-spacing {
padding-bottom: 9px;
}
/* Boxes in Sidebars */
.box,
.boxes .hs_cos_wrapper_widget{
margin-bottom: 25px;
padding: 10px 15px !important;
background: #fdfdfd;
border: 1px solid #ddd;
}
.box .hs_cos_wrapper_widget {
padding: 0 !important;
}
.blog-boxes .widget-type-blog_subscribe,
.blog-boxes .widget-type-post_filter,
.blog-boxes .widget-type-post_listing,
.blog-boxes .widget-type-follow_me{
margin-bottom: 25px;
padding: 10px 15px !important;
background: #fdfdfd;
border: 1px solid #ddd;
}
/* Plain modules in Sidebars */
.plain-modules .hs_cos_wrapper_widget {
padding: 0;
margin: 0 0 25px;
}
element.style {
}
#slider,
#slides {
max-width: 100%;
width: auto !important;
}
.middle-content {
padding: 20px;
}
/* ==========================================================================
Blog
========================================================================== */
/* Post Item */
.post-item {
margin: 0 0 40px;
padding: 0 0 20px;
border-bottom: 1px solid #ddd;
}
.post-listing-simple .post-item {
margin: 0;
padding: 0;
border: none;
}
/* Post Header */
.post-header h2 {
font-size: 22px;
margin-bottom: 0;
}
.post-header h2 a {
color: inherit;
}
.post-header h2 a:hover {
color: #178194;
text-decoration: none;
}
/* Author */
#hubspot-author_data {
font-style: italic;
font-size: 11px;
}
/* Find Me Social Icons */
.hs-author-social-section {
margin: 20px 0;
padding: 8px 10px;
background: #F8F8F8;
border: 1px solid #E9E9E9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #333;
font-size: 13px;
}
.hs-author-social-links a {
margin-left: 4px;
}
/* Post Body */
.post-body {
margin-bottom: 30px;
}
.post-listing .post-body {
margin-bottom: 20px;
}
.post-listing .post-body > p:last-child {
margin-bottom: 0;
}
/* Read More Link */
.more-link {
display: block;
margin: 12px 0 30px;
padding: 0px;
background: none;
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 12px;
line-height: 22px;
font-weight: bold;
text-shadow: none;
width: 98px;
}
/* Topics */
#hubspot-topic_data {
margin: 0 0 20px;
font-weight: bold;
color: #888;
font-style: normal;
}
#hubspot-topic_data a {
font-weight: bold;
font-style: normal;
}
/* Post Footer */
.post-footer {
margin-bottom: 20px;
}
/**
* Blog Commments
*
* Custom styles are listed below, as the COS does not provide default styles.
*/
#comments-listing {
border-bottom: 1px solid #ddd;
margin-bottom: 30px;
margin-top: 30px;
}
.comment {
margin: 10px 0;
border-top: 1px solid #ddd;
padding: 15px 0;
}
.comment-date { font-size: 13px; text-align: right; }
.comment-from { font-weight: bold; }
.comment-body { padding: 10px 0; }
/* Pagination */
.blog-pagination {
margin-bottom: 20px;
}
.blog-pagination a {
margin-left: 15px;
}
.blog-pagination a:first-child {
margin-left: 0;
}
/* Subscription frequency form */
.hs_blog_default_blog_subscription {}
.hs_blog_default_blog_subscription ul {}
/**
* This is to override the default button styles.
*
* Must include !important for each overriding propety.
*/
.hs_blog_default_blog_subscription .hs-button {}
/* Post Filter & Listing Widegts */
.hs_cos_wrapper_type_post_listing .block .widget-module ul,
.hs_cos_wrapper_type_post_filter .block .widget-module ul {
margin-left: 0;
list-style: none;
}
.hs_cos_wrapper_type_post_listing .block .widget-module > a,
.hs_cos_wrapper_type_post_filter .block .widget-module > a {
text-transform: capitalize;
}
/* Social Sharing */
.hs-blog-social-share-list {
margin: 0;
padding: 0;
list-style: none;
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
margin-bottom: 0 !important;
}
.hs-blog-social-share {
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
margin: 0 0 0 0;
padding: 7px 0px;
color: #e2e2e2;
height: auto;
}
.IN-widget,
.IN-widget *,
.IN-widget *:before,
.IN-widget *:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/* ==========================================================================
Forms
========================================================================== */
/* All Global Forms
========================================================================== */
/* Form container */
form,
.hs-form {
margin: 0;
padding: 0;
}
/* Labels */
.field > label > span.hs-form-required {
color: red;
}
/* Fields */
.field {
padding: 18px 0 0;
}
.hs-form > .field:first-child {
padding: 0;
}
.field > .input {
padding: 2px 0 0;
}
.hs-form ul.inputs-list,
.hs-form ul.inputs-list > li {
list-style: none;
margin: 0;
padding: 0;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
display: block;
width: 100% !important;
min-height: 24px;
margin-bottom: 15px;
padding: 6px 4px;
background: #fff;
border: 1px solid #E3E3E3;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #414141;
font-family: inherit;
font-size: inherit;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
-webkit-appearance: none;
max-width:343px;
}
/* IE8 height fix */
.lt-ie9 input[type="text"],
.lt-ie9 input[type="password"],
.lt-ie9 input[type="datetime"],
.lt-ie9 input[type="datetime-local"],
.lt-ie9 input[type="date"],
.lt-ie9 input[type="month"],
.lt-ie9 input[type="time"],
.lt-ie9 input[type="week"],
.lt-ie9 input[type="number"],
.lt-ie9 input[type="email"],
.lt-ie9 input[type="url"],
.lt-ie9 input[type="search"],
.lt-ie9 input[type="tel"],
.lt-ie9 input[type="color"],
.lt-ie9 select {
min-height: 1px;
}
textarea {
min-height: 62px;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
select:focus,
textarea:active,
input[type="text"]:active,
input[type="password"]:active,
input[type="datetime"]:active,
input[type="datetime-local"]:active,
input[type="date"]:active,
input[type="month"]:active,
input[type="time"]:active,
input[type="week"]:active,
input[type="number"]:active,
input[type="email"]:active,
input[type="url"]:active,
input[type="search"]:active,
input[type="tel"]:active,
input[type="color"]:active,
select:active {
border-color: #B5B5B5;
outline: 0;
}
input[type="radio"],
input[type="checkbox"] {
margin-right: 8px;
}
/* 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"] {
max-width:343px;
display:block;
}
.widget-type-google_search input[type="focus"] {}
/* ==========================================================================
Buttons
========================================================================== */
/* All Global Buttons (Excluding CTAs)
========================================================================== */
.hs-form .hs-button,
input[type="submit"] {
display: inline-block;
max-width: 100%;
padding: 4px 30px;
margin-bottom: 18px;
background: #207ce5 url(https://www.overheaddoordfw.com/hubfs/images/form-btn-bg.png) top repeat-x;
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
font-family: 'PT Sans', Arial, sans-serif;
font-size: 14px;
cursor: pointer;
-webkit-appearance: none;
}
/* When are inputs, not links */
input[type="submit"],
.hs-form input.hs-button {
height: 31px;
padding: 0 30px;
line-height: 31px;
}
/* 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 {}
/* ==========================================================================
Footer
========================================================================== */
.footer-container-wrapper {}
.footer-container {}
.footer-container .page-center {
background: #DEDEDE;
}
/* Footer Navigation */
.footer-menu {
position: relative;
z-index: 1;
width: auto !important;
min-height: 20px !important;
float: none !important;
margin: 0 -30px 15px !important;
padding: 21px 50px 23px;
background: url(https://www.overheaddoordfw.com/hubfs/images/footer-menu-ribbon-middle-bg.png) center top;
border-left: 1px solid #d10a05;
border-right: 1px solid #d10a05;
color: #fff;
font-size: 11px;
line-height: 20px;
text-align: center;
}
.footer-menu:before,
.footer-menu:after {
content: "";
display: block;
position: absolute;
height: 11px;
left: 0;
right: 0;
background-position: center 1px;
background-repeat: repeat-x;
}
.footer-menu:before {
top: 0;
background-image: url(https://www.overheaddoordfw.com/hubfs/images/footer-menu-ribbon-top.png);
}
.footer-menu:after {
bottom: 0;
background-image: url(https://www.overheaddoordfw.com/hubfs/images/footer-menu-ribbon-bottom.png);
}
.footer-menu .cell-wrapper {
position: relative;
}
.footer-menu .cell-wrapper:before,
.footer-menu .cell-wrapper:after {
content: "";
display: block;
position: absolute;
width: 30px;
height: 20px;
bottom: -43px;
background-image: url(https://www.overheaddoordfw.com/hubfs/images/footer-menu-ribbon-sides.png);
background-repeat: no-repeat;
}
.footer-menu .cell-wrapper:before {
left: -51px;
background-position: left top;
}
.footer-menu .cell-wrapper:after {
right: -51px;
background-position: right top;
}
.footer-menu a {
color: #fff;
font-family: 'PT Sans', Arial, sans-serif;
font-size: 14px;
line-height: 20px;
text-shadow: 0 0 1px #333;
}
.footer-menu .hs-menu-flow-horizontal > ul {
text-align: center;
}
.footer-menu .hs-menu-flow-horizontal > ul > li,
.footer-menu .hs-menu-flow-horizontal > ul > li > a {
display: inline;
float: none;
margin: 0;
}
.footer-menu .hs-menu-flow-horizontal > ul > li:before {
content: "|";
padding: 0 8px 0 5px;
font-size: 10px;
}
.footer-menu .hs-menu-flow-horizontal > ul > li:first-child:before {
display: none;
}
/* Footer Content */
.footer-content {
padding: 4px 14px 10px 20px;
box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3);
color: #333;
font-family: 'PT Sans', Arial, sans-serif;
font-size: 12px;
}
.footer-content .hs_cos_wrapper_widget {
display: block;
padding: 9px 0 5px;
}
.footer-content .hs_cos_wrapper_widget:before,
.footer-content .hs_cos_wrapper_widget:after {
content: "";
display: table;
clear: both;
}
/* Footer Copyright */
.footer-copyright {
padding-top: 11px;
font-size: 12px;
color: #333;
}
.footer-copyright p {
font-size: 12px;
color: #333;
margin-bottom: 0;
text-shadow: 0 0 1px #fff;
line-height: 20px;
letter-spacing: -0.3px;
}
.footer-copyright p a {
color: #333;
}
.footer-copyright a:hover {
text-decoration: underline;
}
.footer-copyright span {
color: #bbb;
font-size: 10.80px;
text-shadow: 0 0 1px #fff;
font-family: 'PT Sans', Arial, sans-serif;
}
.footer-copyright span a:hover {
text-decoration: none;
}
/* ==========================================================================
Migrated One Column Template
========================================================================== */
.cms-migrated.one-column-template {}
.cms-migrated.one-column-template .body-container .page-center {}
.cms-migrated.one-column-template .body-container .top-content.page-center {}
.cms-migrated.one-column-template .body-container .middle-content.page-center {}
.cms-migrated.one-column-template .body-container .bottom-content.page-center {}
.cms-migrated.one-column-template .top-content {}
.cms-migrated.one-column-template .main-content {}
.cms-migrated.one-column-template .bottom-content {}
/* ==========================================================================
Migrated Three Column Template
========================================================================== */
.cms-migrated.three-column-template {}
.cms-migrated.three-column-template .body-container .page-center {}
.cms-migrated.three-column-template .body-container .top-content.page-center {}
.cms-migrated.three-column-template .body-container .middle-content.page-center {
padding-top:40px;
}
.ContactFormItem >label>span{
color:#ff0000;
}
.cms-migrated.three-column-template .body-container .bottom-content.page-center {}
.cms-migrated.three-column-template .top-content {}
.cms-migrated.three-column-template .sidebar.left {}
.cms-migrated.three-column-template .sidebar.left .hs_cos_wrapper_type_raw_html {
background: none !important;
border: none !important;
}
.cms-migrated.three-column-template .sidebar.left .hs_cos_wrapper.hs_cos_wrapper_widget {
background-color: #fdfdfd;
border: 1px solid #ddd;
padding: 10px 15px;
margin: 0 0 25px 0;
}
.cms-migrated.three-column-template .main-content {
padding: 15px 0 20px;
}
.cms-migrated.three-column-template .sidebar.right {}
.cms-migrated.three-column-template .sidebar.right .hs_cos_wrapper.hs_cos_wrapper_widget {
background-color: #fdfdfd;
border: 1px solid #ddd;
padding: 10px 15px;
margin: 0 0 25px 0;
}
.cms-migrated .sidebar .hs_cos_wrapper_type_follow_me .block div {
padding: 10px;
}
.cms-migrated.three-column-template .sidebar.right .hs_cos_wrapper_type_follow_me .block div {
padding: 10px;
}
.cms-migrated.three-column-template .bottom-content {}
/* ==========================================================================
Migrated Three Column Equal Template
========================================================================== */
.cms-migrated.three-column-equal-template {}
.cms-migrated.three-column-equal-template .body-container .page-center {}
.cms-migrated.three-column-equal-template .body-container .top-content.page-center {}
.cms-migrated.three-column-equal-template .body-container .middle-content.page-center {}
.cms-migrated.three-column-equal-template .body-container .bottom-content.page-center {}
.cms-migrated.three-column-equal-template .top-content {}
.cms-migrated.three-column-equal-template .main-content {}
.cms-migrated.three-column-equal-template .bottom-content {}
/* ==========================================================================
Migrated Two Column Template
========================================================================== */
.cms-migrated.two-column-template {}
.cms-migrated.two-column-template .body-container .page-center {}
.cms-migrated.two-column-template .body-container .top-content.page-center {}
.cms-migrated.two-column-template .body-container .middle-content.page-center {
padding-top:40px;
}
.cms-migrated.two-column-template .body-container .bottom-content.page-center {}
.cms-migrated.two-column-template .top-content {}
.cms-migrated.two-column-template .sidebar.left {
float:left;
margin-left:0!important;
}
.cms-migrated.two-column-template .sidebar.left .hs_cos_wrapper.hs_cos_wrapper_widget {
background-color: #fdfdfd;
border: 1px solid #ddd;
padding: 10px 15px;
margin: 0 0 25px 0;
}
.cms-migrated.two-column-template .main-content {
float:right;
}
.cms-migrated.two-column-template .bottom-content {}
/* ==========================================================================
Migrated Two Column Equal Template
========================================================================== */
.cms-migrated.two-column-equal-template {}
.cms-migrated.two-column-equal-template .body-container .page-center {}
.cms-migrated.two-column-equal-template .body-container .top-content.page-center {}
.cms-migrated.two-column-equal-template .body-container .middle-content.page-center {}
.cms-migrated.two-column-equal-template .body-container .bottom-content.page-center {}
.cms-migrated.two-column-equal-template .top-content {}
.cms-migrated.two-column-equal-template .main-content {}
.cms-migrated.two-column-equal-template .bottom-content {}
/* ==========================================================================
Migrated Two Column Right Template
========================================================================== */
.cms-migrated.two-column-right-template {}
.cms-migrated.two-column-right-template .body-container .page-center {}
.cms-migrated.two-column-right-template .body-container .top-content.page-center {}
.cms-migrated.two-column-right-template .body-container .middle-content.page-center {
padding-top:40px;
}
.cms-migrated.two-column-right-template .body-container .bottom-content.page-center {}
.cms-migrated.two-column-right-template .top-content {}
.cms-migrated.two-column-right-template .main-content {
padding: 15px 0;
}
.cms-migrated.two-column-right-template .main-content h4 {
margin: 0 0 15px;
color: #000;
font-size: 12px;
}
.cms-migrated.two-column-right-template .main-content h6 {
font-family: Arial, Helvetica, sans-serif;
font-size: 8.03px;
font-style: normal;
font-variant: normal;
font-weight: bold;
}
.cms-migrated.two-column-right-template .sidebar.right {
margin-left: 0 !important;
}
.cms-migrated.two-column-right-template .sidebar.right .hs_cos_wrapper.hs_cos_wrapper_widget {
background-color: #fdfdfd;
border: 1px solid #ddd;
padding: 10px 15px;
margin: 0 0 25px 0;
}
.cms-migrated.two-column-right-template .bottom-content {}
/* ==========================================================================
Migrated Blog
========================================================================== */
.blog .body-container .page-center {
padding: 20px;
}
.blog .body-container .top-content.page-center {}
.blog .body-container .middle-content.page-center {}
.blog .body-container .bottom-content.page-center {}
.blog .top-content {}
.blog .middle-content {}
.blog .main-content {
padding-top: 35px;
}
.blog .sidebar.right {
margin-left: 0;
float: right;
padding-top: 20px;
}
.blog .sidebar.right .cell-wrapper {
background-color: #fdfdfd;
border: 1px solid #ddd;
padding: 10px 15px;
margin: 0 0 25px 0;
}
.blog .sidebar.right ul {
margin: 0 0 8px 25px!important;
list-style-type: circle!important;
padding: 0;
line-height: 145%;
}
.blog .sidebar.right ul li {
font: 12px Arial, Helvetica, sans-serif!important;
padding: 0 0 4px;
}
.section.post-header h2 a {
color: #000;
font-size: 16.32px;
line-height: 16px;
}
.blog .sidebar.right ul {
margin: 0 0 8px 25px!important;
list-style-type: circle!important;
padding: 0;
line-height: 145%;
}
.blog .sidebar.right ul li {
font: 12px Arial, Helvetica, sans-serif!important;
padding: 0 0 4px;
}
.blog .sidebar.right .hs_cos_wrapper_type_follow_me > div {
padding: 10px;
}
.custom_listing_comments {
display: block;
border: 1px solid #e2e2e2;
padding: 15px;
line-height: 165%;
}
#comment-form.new-comments {
border: 1px solid #000;
padding: 25px;
}
.new-comments .hs-button.primary {
margin-top: 15px;
}
#comments-listing {
margin-bottom: 30px;
margin-top: 30px;
font-size: 11.6667px;
line-height: 19.25px;
color: #3876be;
padding: 15px;
border: 1px solid #e2e2e2;
}
.comment.depth-0 {
margin-top: 0 !important;
padding-top: 0 !important;
border-top: none !important;
}
.comment {
margin: 10px 0;
padding: 15px;
font-size: 10.8px;
line-height: 19.8px;
color: #666666;
border-bottom: 1px solid #666666;
}
.comment-reply-to {
color: #666666 !important;
}
.comment-from, .comment-date {
display: block !important;
text-align: left !important;
}
.comment-from h4 {
margin: 0 0 10px;
}
.blog .bottom-content {}
#foxboro_side-menu{
display:none;
}
.custom-main-content-left{
float:right!important;
}
.custom-main-content-right{
float:left!important;
margin-left:0!important;
}
.cms-migrated.two-column-right-template .main-content table td h6{
font-size:8px;
margin: 20px 0;
}
/*===========================================Moving SLider With Thumbnail====================================*/
.slider-mode-slider.hs_cos_flex-slider.flex-slider-main{
background:none;
padding:0px;
border-radius:0 !important;
margin:0 !important;
}
.slider-mode-slider.hs_cos_flex-slider.flex-slider-main .hs_cos_flex-slides img{
border-radius: 0;
display: block;
margin: 0 auto;
width: 420px !important;
width: 100%;
height: 330px;
}
.slider-mode-slider.hs_cos_flex-slider.flex-slider-main .hs_cos_flex-direction-nav a {
cursor: pointer;
display: block;
height: 124px !important;
margin: -20px 0 0;
opacity: 0.3;
position: absolute;
text-indent: -9999px;
top: 50%;
width: 64px !important;
z-index: 10;
}
.hs-cos-flex-slider-control-panel .hs_cos_flex-slides-thumb li.hs_cos_flex-slide-thumb {
margin: 0 5px 0 0;
width: 65px;
height: 42px;
background: #000000;
}
.slider-mode-slider.flex-slider-main .hs_cos_flex-direction-nav a:hover {
opacity: 1;
}
.slider-mode-slider.flex-slider-main .hs_cos_flex-direction-nav a.hs_cos_flex-prev{
background: url("//cdn2.hubspot.net/hub/115501/file-1492144095-png/images/classic-map-stroke.png") no-repeat scroll 0 0px rgba(0, 0, 0, 0) !important;
left: 25px !important;
}
.slider-mode-slider.flex-slider-main .hs_cos_flex-direction-nav a.hs_cos_flex-next{
background: url("//cdn2.hubspot.net/hub/115501/file-1492144095-png/images/classic-map-stroke.png") no-repeat scroll -258px 0px rgba(0, 0, 0, 0) !important;
right: 25px !important;
}
.hs_cos_flex-slider.slider-mode-slider ul li{
padding:0;
margin: 0;
}
.hs_cos_flex-slider.slider-mode-slider ul{
list-style:none;
margin:0;
padding:0;
}
.hs-cos-flex-slider-control-panel.hs_cos_flex-slider.slider-mode-slider{
margin:0 !important;
background: none !important;
border-radius:0 !important;
}
.hs_cos_flex_thumbnavs-viewport {
margin: 0 30px ;
}
.hs-cos-flex-slider-control-panel.hs_cos_flex-slider.slider-mode-slider img{
width:65px !important;
height:42px !important;
border: 1px solid #000000;
}
.hs-cos-flex-slider-control-panel .hs_cos_flex-slides-thumb li.hs_cos_flex-slide-thumb img {
opacity: 0.6;
width:65px !important;
height:42px !important;
}
.hs-cos-flex-slider-control-panel .hs_cos_flex-slides-thumb li.hs_cos_flex-slide-thumb img:hover,
.hs-cos-flex-slider-control-panel .hs_cos_flex-slides-thumb li.hs_cos_flex-slide-thumb.hs_cos_flex_thumbnavs-active-slide img {
opacity: 1;
}
.hs_cos_flex-slider.slider-mode-slider .hs-cos-flex-slider-control-panel li.hs_cos_flex-slide-thumb{
margin:0 5px;
width:53px !important;
height:40px !important;
}
.hs_cos_flex-slider.slider-mode-slider .hs_cos_flex_thumbnavs-direction-nav a {
background-image: url("//cdn2.hubspot.net/hub/115501/file-1492144095-png/images/classic-map-stroke.png");
background-repeat: no-repeat;
cursor: pointer;
height: 40px;
left: 0;
opacity: 0.8;
position: absolute;
top: 0;
width: 23px;
z-index: 3;
margin: 10px 0 0;
}
.hs_cos_flex-slider.slider-mode-slider .hs_cos_flex_thumbnavs-direction-nav a:hover {
background-color: #111111;
}
.hs_cos_flex-slider.slider-mode-slider .hs_cos_flex_thumbnavs-direction-nav a.hs_cos_flex_thumbnavs-disabled {
background-color: transparent;
}
.hs_cos_flex-slider.slider-mode-slider .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {
background-position: -495px 5px;
left: 10px;
}
.hs_cos_flex-slider.slider-mode-slider .hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {
background-position: -578px 5px;
border-right: medium none;
left: auto;
right: 10px;
}
.hs-cos-flex-slider-control-panel.hs_cos_flex-slider.slider-mode-slider {
padding: 10px;
}
.hs_cos_flex-slider .caption {
color: #bbb;
font-weight: bold;
font-size: 12px;
line-height: 1.1;
font-family: arial,sans-serif;
margin: 0 0 7px;
padding: 5px 10px;
word-wrap: break-word;
}
/*------------Home Page------------*/
.custom_top_slider .hs_cos_flex-slider {
background: none repeat scroll 0 0 #fff;
border: 0 none;
border-radius: 4px;
margin: 0;
position: relative;
}
.custom_top_slider .slider-mode-slider.hs_cos_flex-slider.flex-slider-main .hs_cos_flex-slides img {
border-radius: 0;
display: block;
margin: 0 auto;
width: 100% !important;
width: 100%;
height: auto !important;
}
.custom_top_slider .slider-mode-slider.flex-slider-main .hs_cos_flex-direction-nav a.hs_cos_flex-next {
background: url("//cdn2.hubspot.net/hub/115501/file-1492144095-png/images/classic-map-stroke.png") no-repeat scroll -284px 14px #000!important;
right: 0px!important;
opacity: 0.8 !important;
}
.custom_top_slider .slider-mode-slider.flex-slider-main .hs_cos_flex-direction-nav a.hs_cos_flex-prev {
background: url("//cdn2.hubspot.net/hub/115501/file-1492144095-png/images/classic-map-stroke.png") no-repeat scroll 14px 14px #000!important;
left: auto!important;
opacity: 0.8 !important;
right: 47px !important;
}
.custom_top_slider .slider-mode-slider.hs_cos_flex-slider.flex-slider-main .hs_cos_flex-direction-nav a {
cursor: pointer;
display: block;
height: 61px!important;
margin: -20px 0 0;
opacity: 1;
position: absolute;
text-indent: -9999px;
top: auto;
width: 47px!important;
z-index: 10;
bottom: 0px;
}
.custom_top_slider .hs_cos_flex-slider .caption {
color: #fff;
font-weight: normal;
font-size: 12px;
line-height: 22px;
font-family: arial,sans-serif;
margin: 0 0 0px;
word-wrap: break-word;
position: absolute;
bottom: 0;
top: auto;
width: 480px;
text-align: left;
padding: 20px 20px 40px;
color: #999;
}
.cms-migrated.home-page .hs_cos_flex-slider .caption h2 {
font-size: 25px;
line-height: 32px;
}
.cms-migrated.home-page .main-content {
padding: 20px 0 20px;
}
.cms-migrated.home-page .main-content h5 {
font-size: 12px;
margin-bottom: 5px;
color: #ff0000;
}
.cms-migrated.home-page .sidebar.right .hs_cos_wrapper.hs_cos_wrapper_widget {
background-color: #fdfdfd;
border: 1px solid #ddd;
padding: 10px 10px 10px 15px;
margin: 0 0 25px 0;
}
/* ==========================================================================
Misc
========================================================================== */
/* Content Alignment */
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
/*Image Slider Thumbnails*/
.hs_cos_flex-slides-thumb>li {
max-width: 75px !important;
margin: 0 3px;
border: 1px solid;
height: 52px;
}
iframe, object{
max-width:100%!important;
}
td iframe{
max-width:initial!important;
width:initial;
}
#manuals {
position: relative;
width: 680px;
height: 600px;
overflow: hidden;
}
#manuals iframe {
position: absolute;
top: -365px;
left: -30px;
width: 650px;
height: 935px;
}
#brochures iframe {
position: absolute;
top: -365px;
left: -30px;
width: 650px;
height: 1500px !important;
}
#brochures{
position: relative;
width: 680px;
height: 1200px;
overflow: hidden;
}
#map {
background-color: #fdfdfd;
padding: 10px;
border: 1px solid #ddd;
}
.hs-content-id-2345997465.hs-landing-page .custom-menu-primary,
.hs-content-id-2345997435.hs-landing-page .custom-menu-primary,
.hs-content-id-2345997405.hs-landing-page .custom-menu-primary,
.hs-content-id-2345997375.hs-landing-page .custom-menu-primary {
padding: 11px 0;
z-index: 99999;
}
.hs-content-id-2345997465.hs-landing-page .custom-menu-primary:before,
.hs-content-id-2345997435.hs-landing-page .custom-menu-primary:before,
.hs-content-id-2345997405.hs-landing-page .custom-menu-primary:before,
.hs-content-id-2345997375.hs-landing-page .custom-menu-primary:before,
.hs-content-id-2345997465.hs-landing-page .custom-menu-primary:after,
.hs-content-id-2345997435.hs-landing-page .custom-menu-primary:after,
.hs-content-id-2345997405.hs-landing-page .custom-menu-primary:after,
.hs-content-id-2345997375.hs-landing-page .custom-menu-primary:after{
content: "";
display: block;
position: absolute;
width: 70px;
height: 98px;
bottom: -24px;
background-position: left top;
background-repeat: no-repeat;
background-size: 100%;
}
.hs-content-id-2345997465.hs-landing-page .custom-menu-primary:before,
.hs-content-id-2345997435.hs-landing-page .custom-menu-primary:before,
.hs-content-id-2345997405.hs-landing-page .custom-menu-primary:before,
.hs-content-id-2345997375.hs-landing-page .custom-menu-primary:before {
left: -41px;
background-image: url(https://www.overheaddoordfw.com/hubfs/images/menu-ribbon-left.png);
top: 20px;
}
.hs-content-id-2345997465.hs-landing-page .custom-menu-primary:after,
.hs-content-id-2345997435.hs-landing-page .custom-menu-primary:after,
.hs-content-id-2345997405.hs-landing-page .custom-menu-primary:after,
.hs-content-id-2345997375.hs-landing-page .custom-menu-primary:after {
right: -41px;
background-image: url(https://www.overheaddoordfw.com/hubfs/images/menu-ribbon-right.png);
}
.hs-content-id-2345997465.hs-landing-page .custom-wrap,
.hs-content-id-2345997435.hs-landing-page .custom-wrap,
.hs-content-id-2345997405.hs-landing-page .custom-wrap,
.hs-content-id-2345997375.hs-landing-page .custom-wrap {
width: 99%;
border-top: 1px dotted;
border-bottom: 1px dotted;
padding: 35px;
margin-left: 5px !important;
}
.hs-content-id-2345997465.hs-landing-page .custom-wrap:before ,
.hs-content-id-2345997435.hs-landing-page .custom-wrap:before ,
.hs-content-id-2345997405.hs-landing-page .custom-wrap:before ,
.hs-content-id-2345997375.hs-landing-page .custom-wrap:before {
top: 0;
left: 0;
background-image: url(https://www.overheaddoordfw.com/hubfs/images/menu-ribbon-top-edge.png);
content: "";
}
.hs-content-id-2345997465.hs-landing-page .custom-wrap:after,
.hs-content-id-2345997435.hs-landing-page .custom-wrap:after,
.hs-content-id-2345997405.hs-landing-page .custom-wrap:after,
.hs-content-id-2345997375.hs-landing-page .custom-wrap:after {
bottom: 0;
right: 0;
background-image: url(https://www.overheaddoordfw.com/hubfs/images/menu-ribbon-bottom-edge.png);
content: "";
}
@media (max-width: 768px) {
.hs-content-id-2345997465.hs-landing-page .custom-menu-primary,
.hs-content-id-2345997435.hs-landing-page .custom-menu-primary,
.hs-content-id-2345997405.hs-landing-page .custom-menu-primary,
.hs-content-id-2345997375.hs-landing-page .custom-menu-primary {
display: none;
}
}
/* ==========================================================================
Mobile
========================================================================== */
/* Large Desktop
========================================================================== */
@media (min-width: 1200px) {}
/* Window narrow than layout width (.page-center)
========================================================================== */
@media (max-width: 1024px) and (min-width: 768px) {
.sidebar.right table td {
padding: 0;
font-size: 11px;
}
}
@media (max-width: 960px) {
/* Page Center */
.page-center:before,
.page-center:after {
display: none;
}
/* The inner wrappers of your website */
.header-container,
.body-container,
.footer-container {
padding-left: 0;
padding-right: 0;
}
/* Menu Red Shape */
.custom-menu-primary {
margin-left: 0 !important;
margin-right: 0 !important;
}
.custom-menu-primary .hs-menu-flow-horizontal>ul>li>a {
padding: 5px 14px;
}
.custom-menu-primary .cell-wrapper:after {
left: 0;
right: 0;
}
.custom-menu-primary .hs-menu-flow-horizontal {
padding-left: 5px;
padding-right: 5px;
}
.custom-menu-primary .hs-menu-flow-horizontal:before,
.custom-menu-primary .hs-menu-flow-horizontal:after {
display: none;
}
/* Footer */
.footer-menu {
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 20px;
padding-right: 20px;
border-left: none;
border-right: none;
}
.footer-menu .cell-wrapper:before,
.footer-menu .cell-wrapper:after {
display: none;
}
#manuals {
position: relative;
width: 100%;
height: 600px;
overflow: hidden;
}
#manuals iframe {
position: absolute;
top: -365px;
left: -30px;
width: 100%;
height: 935px;
}
#brochures iframe {
position: absolute;
top: -365px;
left: -30px;
width: 100%;
height: 1500px;
}
#brochures{
position: relative;
width: 100%;
height: 1200px;
overflow: hidden;
}
.hs-content-id-2345997465.hs-landing-page .custom-menu-primary:before,
.hs-content-id-2345997435.hs-landing-page .custom-menu-primary:before,
.hs-content-id-2345997405.hs-landing-page .custom-menu-primary:before,
.hs-content-id-2345997375.hs-landing-page .custom-menu-primary:before {
left: -41px;
background-image: none;
top: 20px;
}
.hs-content-id-2345997465.hs-landing-page .custom-menu-primary:after,
.hs-content-id-2345997435.hs-landing-page .custom-menu-primary:after,
.hs-content-id-2345997405.hs-landing-page .custom-menu-primary:after,
.hs-content-id-2345997375.hs-landing-page .custom-menu-primary:after {
right: 0;
background-image: none;
}
}
/* Homepage Slider */
@media (max-width: 550px) {
a.nivo-prevNav,
a.nivo-nextNav {
display: none !important;
}
}
/* Portrait tablet to landscape and desktop
========================================================================== */
@media (min-width: 768px) and (max-width: 960px) {
/* Header */
.header-slogan h1 {
font-size: 20px;
}
}
/* Landscape phone to portrait tablet
========================================================================== */
@media (max-width: 767px) {
/* Typography */
h1 {
font-size: 22px;
}
/* Content Alignment */
.mobile-align-left {
text-align: left;
}
.mobile-align-center {
text-align: center;
}
.mobile-align-right {
text-align: right;
}
/* Page Center */
.page-center {
position: static;
}
/* Header */
.header-container-wrapper {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
box-shadow: none;
padding-bottom: 0;
}
.header-container {
-webkit-box-shadow: 0 1px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 1px rgba(0, 0, 0, 0.08);
box-shadow: 0 1px rgba(0, 0, 0, 0.08);
}
.header-links {
text-align: left;
padding-right: 115px;
}
.header-landing-page .header-links {
text-align: center;
padding-right: 0;
}
/* Content */
.content-area-wrapper {
min-height: 200px !important;
}
/* Blog */
.post-header h2 {
font-size: 18px;
}
/* Footer */
.footer-menu {
padding: 12px 20px 15px;
}
.footer-menu a {
font-size: 12px;
line-height: 16px;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select{
max-width:100%;
}
.cms-migrated table { width: 100% !important; table-layout: fixed;}
.cms-migrated table td { display: block; width: 100% !important; }
table img { max-width: 100%; width: auto; }
.cms-migrated.two-column-right-template .main-content table td h6,
.cms-migrated.two-column-right-template .main-content table td > div{
padding-left:0!important;
}
.sidebar.right table td {
display: table-cell;
width: auto !important;
}
.cms-migrated.two-column-template .main-content,
.cms-migrated.two-column-template .sidebar.left,
.custom-main-content-right,
.custom-main-content-left{
float:none!important;
}
.custom-menu-primary:before {
top: 0;
left: 0;
background-image: none;
}
.custom-menu-primary:after {
bottom: 0;
right: 0;
background-image: none;
}
.custom-menu-primary .cell-wrapper:after {
content: "";
display: block;
position: static;
height: 0;
right: 29px;
bottom: 0;
left: 29px;
background: none;
}
.hs-menu-wrapper.flyouts > ul > li:hover > a {
z-index: 0 !important;
}
.hs-menu-wrapper.flyouts ul ul {
height: 100% !important;
overflow: visible !important;
visibility: visible !important;
z-index: 100;
}
.custom-menu-primary .hs-menu-flow-horizontal li:hover > ul {
padding: 0 !important;
}
.custom-menu-primary .hs-menu-flow-horizontal > ul > li > ul {
margin-top: 0;
padding-top: 0 !important;
}
.custom-menu-primary .hs-menu-flow-horizontal ul ul li a {
width: 100%;
}
.custom_top_slider .hs_cos_flex-slider .caption {
position: relative;
width: 100% !important;
}
.custom_top_slider .slider-mode-slider.flex-slider-main .hs_cos_flex-direction-nav a.hs_cos_flex-prev {
left: 0px!important;
}
.custom_top_slider .slider-mode-slider.hs_cos_flex-slider.flex-slider-main .hs_cos_flex-direction-nav a {
top: 31%;
}
#manuals iframe {
position: absolute;
top: -365px;
left: -30px;
width: 500px !important;
height: 935px;
max-width: none !important;
}
#manuals{
position: relative;
width: 100%;
height: 600px;
overflow: scroll;
}
#brochures iframe {
position: absolute;
top: -365px;
left: -30px;
width: 500px !important;
height: 1500px;
max-width: none !important;
}
#brochures{
position: relative;
width: 100%;
height: 1200px;
overflow: scroll;
}
.gallery-3col img {
margin-bottom: 10px;
}
#captcha_wrapper, #recaptcha_area, #recaptcha_area table#recaptcha_table, #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {
overflow: hidden;
width: auto !important;
}
.blog .sidebar.right {
margin-left: 0;
float: none;
padding-top: 0;
}
.cusom_imgage_col1 img {
margin: 0 !important;
}
}
/* Landscape phones and down
========================================================================== */
@media (max-width: 480px) {
/* Header */
.header-content-wrapper {
padding-top: 25px;
}
.header-slogan h1 {
font-size: 18px;
}
.slider-mode-slider.hs_cos_flex-slider.flex-slider-main .hs_cos_flex-slides img {
border-radius: 0;
display: block;
margin: 0 auto;
width: 420px!important;
width: 100%;
height: auto !important;
}
.hs_cos_flex-viewport {
height: auto !important;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
}
.custom_top_slider .slider-mode-slider.hs_cos_flex-slider.flex-slider-main .hs_cos_flex-direction-nav a {
top: 16%;
}
.hs-content-id-2345997285 td iframe {
max-width: 100% !important;
width: 268px;
}
}
/* iPhone
========================================================================== */
@media (max-width: 320px) {
/* Header */
.header-links {
font-size: 11px;
}
.header-slogan h1 {
font-size: 16px;
}
}