/****************************************/ /* KAYAK White Label HubSpot Template Pack /* Version: 1.1.5 rev.2018.01.22 /* Copyright: 2018 KAYAK Online Marketing /* https://www.kayakonlinemarketing.com/ /* 1.2: /* - Added notes for future maintenance /* 1.1.5: /* - Added "no-min-height" class to /* enable collapsing empty modules /* and work around HubSpot garbage /* 1.1: /* - Improved handling of lists in /* billboards /* - Updated colorHeadings to the singular /* "colorHeading" for consistency /* /* 1.0: /* - Initial release candidate version /****************************************/ /* White Label templates should be migrated to Font Awesome 5 */ @import url('//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css'); @import url('//fonts.googleapis.com/css?family=Lato:300,300i,400,400i'); @import url('//fonts.googleapis.com/css?family=Crimson+Text:400,400i,600,600i'); /****************************************/ /* Size Settings /* Set the maximum content width. /* Include measurement in px, em, or rem. /* 20px left and right padding will be /* added in the global wrapper. /****************************************/ /****************************************/ /* Typographic Settings /* Set font families here in the order: /* ideal, fallback, generic /****************************************/ /****************************************/ /* Colour Settings /* These inherit HubSpot settings by /* default. If you'd prefer to hardcode /* colour settings, swap the HubL code /* for a hex value. Create new colours /* as required for your theme. /* NOTE: Once you know the client's /* brand colours, convert these to /* hex values so they play nice with /* convert_rgb/opacity settings. #fafafa #202020 #404040 #BF0F35 #404040 /****************************************/ /** BRAND COLORS **/ /** PANTONE 200C #BF0F35 **/ /** PANTONE COOL-GREY 3C #C7C7C7 **/ /** 10% Lighter ^ #E1E1E1 **/ /** 20% Lighter ^ #FAFAFA **/ /** PANTONE WARM-GRAY #ACA39A TODO: REVIEW HEX**/ /** Off-Black #212121 **/ /** Off-Black-Light #3B3B3B **/ /** Off-Black-Lightest #545454 **/ /** Atlantis-Green #9ac034 **/ /** Pacific-Blue #00a0bf **/ /** Tree Poppy #f7901d **/ /** SECONDARY PALETTE - MOVE **/ /* SHERPA-BLUE #004259 */ /* CAMELOT #832c61 */ /* PERSIAN-GREEN */ /* PACIFIC-BLUE #00a0bf */ /** SECONDARY PALETTE - GROW **/ /* BLUE-LAGOON #00717f */ /* EMINENCE #79377c */ /* OLIVE-GREEN #8a9e37 */ /** PAGE COLORS **/ /** Heading Color: #212121 **/ /** Links: #BF0F35 **/ /** Accent: #C7C7C7 **/ /*** HEADER MENU ***/ /****************************************/ /* HubSpot Style Boilerplate */ /****************************************/ /* Images */ img { max-width: 100%; border: 0; -ms-interpolation-mode: bicubic; vertical-align: bottom; /* Suppress the space beneath the baseline */ } /* Videos */ video { max-width: 100%; height: auto; } /* Embed Container (iFrame, Object, Embed) */ .hs-responsive-embed { position: relative; height: auto; overflow: hidden; padding-top: 0; padding-left: 0; padding-right: 0; } .hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed { 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: 2%; } .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 { padding: 6px; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Menus */ .hs-menu-wrapper ul { padding: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: inline-block; margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; left: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper { left: 180px; top: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch { position: relative; margin-bottom: 20px; min-height: 7em; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul { margin-bottom: 0; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children { position: static; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before { content: " "; display: table; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after { content: " "; display: table; clear: both; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li { float: left; } .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: inline-block; padding: 10px 20px; white-space: nowrap; max-width: 140px; width: auto; overflow: hidden; text-overflow: ellipsis; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical { width: 100%; } .hs-menu-wrapper.hs-menu-flow-vertical ul { list-style: none; margin: 0; } .hs-menu-wrapper.hs-menu-flow-vertical li a { display: block; white-space: nowrap; width: 140px; overflow: hidden; text-overflow: ellipsis; } .hs-menu-wrapper.hs-menu-flow-vertical > ul { margin-bottom: 20px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a { width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li a { padding: 10px 20px; text-decoration: none; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children { position: relative; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: hidden; opacity: 0; -webkit-transition: opacity 0.4s; position: absolute; z-index: 10; top: 0; left: 180px; } .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a { min-width: 140px; width: auto; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul { max-width: 100%; overflow: hidden; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper { display: block; visibility: visible; opacity: 1; position: static; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a { padding-left: 4em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a { padding-left: 6em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a { padding-left: 8em; } .hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a { padding-left: 140px; } .hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18); } @media (max-width: 568px) { .hs-menu-wrapper, .hs-menu-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } .hs-menu-wrapper.hs-menu-flow-horizontal ul { list-style: none; margin: 0; display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { display: block; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: none; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a, .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a { display: block; max-width: 100%; width: 100%; } } .hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper, .hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper { visibility: visible; opacity: 1; } /* Space Module */ .widget-type-space { visibility: hidden; } /* Blog Author Section */ .hs-author-listing-header { margin: 0 0 .75em 0; } .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(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/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(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/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: rgba(0,0,0,0.5); position: absolute; font-size: 2em; line-height: 1.1em; color: white; padding: 0px 5% 0px 5%; width: 100%; bottom: 0; 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; } /* beat recaptcha into being responsive, !importants and specificity are necessary */ #recaptcha_area table#recaptcha_table {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;} #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;} #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;} } .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; } /* 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;} /*****************************************/ /* HubSpot Sharing Patch /* Overrides default HubSpot sharing /* widget styling with nicer styling /* Dependencies: FontAwesome v.4.4+ ******************************************/ .hs_cos_wrapper_type_social_sharing { width: 100%; } .hs_cos_wrapper_type_social_sharing a{ position: relative; display: inline-block; width: 30px !important; height: 30px; margin: 0 2px 20px 0; text-align: center; color: #FFFFFF; text-decoration: none; text-indent: -9999em; line-height: 30px; vertical-align: middle; background: #DDDDDD; border-radius: 3px; } .hs_cos_wrapper_type_social_sharing a img{ width: 30px; height: 30px; opacity: 0; } .hs_cos_wrapper_type_social_sharing a:before{ position: absolute; top: 0; left: 0; display: inline-block; width: 100%; height: 29px; padding-top: 1px; font: normal normal normal 20px/1 FontAwesome; line-height: 30px; color: #FFFFFF; text-align: center; text-indent: 0; text-rendering: auto; background: none; border-radius: 3px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all ease .2s; -moz-transition: all ease .2s; -ms-transition: all ease .2s; transition: all ease .2s; } .hs_cos_wrapper_type_social_sharing a:hover, .hs_cos_wrapper_type_social_sharing a:hover:before{ color: #fff; } .hs_cos_wrapper_type_social_sharing a[href^="http://www.fa"]:before{ content: "\f09a"; } .hs_cos_wrapper_type_social_sharing a[href^="http://www.fa"]:hover:before{ background: #3b5998; } .hs_cos_wrapper_type_social_sharing a[href^="http://www.li"]:before{ content: "\f0e1"; } .hs_cos_wrapper_type_social_sharing a[href^="http://www.li"]:hover:before{ background: #0077b5; } .hs_cos_wrapper_type_social_sharing a[href^="http://pi"]:before{ content: "\f0d2"; } .hs_cos_wrapper_type_social_sharing a[href^="http://pi"]:hover:before{ background: #bd081c; } .hs_cos_wrapper_type_social_sharing a[href^="https://pl"]:before{ content: "\f0d5"; font-size: 17px; } .hs_cos_wrapper_type_social_sharing a[href^="https://pl"]:hover:before{ background: #dc4e41; } .hs_cos_wrapper_type_social_sharing a[href^="https://tw"]:before{ content: "\f099"; } .hs_cos_wrapper_type_social_sharing a[href^="https://tw"]:hover:before{ background: #55acee; } .hs_cos_wrapper_type_social_sharing a[href^="mailto"]:before{ content: "\f0e0"; padding: 0 0 1px; font-size: 17px; } .hs_cos_wrapper_type_social_sharing a[href^="mailto"]:hover:before{ background: #66afe9; } .fb_iframe_widget { position: relative; top: -10px; } /*-- Social Share Alignment Fix Made By HubSpot --*/ .hs-blog-social-share-list li.hs-blog-social-share-item.hs-blog-social-share-item-linkedin .IN-widget { vertical-align: top !important; } .hs-blog-social-share-item-twitter iframe { height:22px !important; } /*****************************************/ /* Global Styling */ /*****************************************/ html, body{ margin: 0; padding: 0; background: #fff; max-width: 100%; overflow-x: hidden; } .row-fluid [class*="span"].global-wrapper{ float: none; width: 100%; max-width: 1440px; margin: 0 auto; padding-left: 20px; padding-right: 20px; } .row-fluid [class*="span"].content-section{ padding-top: 40px; padding-bottom: 40px; } [class*="span"].no-min-height, .no-min-height .row-fluid > [class*="span"]{ min-height: 0; } hr{ margin: 2em 0; border: none; border-top: 1px solid #ECECEC; margin-top: calc(2em + 4px); } a, a:active{ color: #BF0F35; text-decoration: none; } a:hover{ color: #d11039; text-decoration: underline; -webkit-transition: ease all .35s; -moz-transition: ease all .35s; -ms-transition: ease all .35s; transition: ease all .35s; cursor: pointer !important; } strong { font-weight:400; } /* Column Group */ .column-group [class*="span"].column-group-item-wrapper .column-group-item{ padding: 20px 7%; border-left: 1px solid #f3f3f3; /** COLUMN BORDER **/ } .new-home.column-group [class*="span"].column-group-item-wrapper .column-group-item{ padding: 0 0; border-left: none; /** COLUMN BORDER **/ } .new-home.column-group [class*="span"].column-group-item-wrapper .column-group-item .product-service-header-group { height: calc(100vw * 0.3); max-height: 190px; } .column-group [class*="span"].column-group-item-wrapper:first-child .column-group-item{ border-left: 0; } /* Backgrounds */ .background-off-black { background-color: #212121 !important; } .background-off-black-light { background-color: #3B3B3B !important; } .background-off-black-lightest { background-color: #545454 !important; } .background-grey { background-color: #C7C7C7 !important; } .background-grey-light { background-color: #E1E1E1 !important; } .background-grey-lightest { background-color: #FAFAFA !important; } .background-red { background-color: #BF0F35 !important; } .background-green { background-color: #9ac034 !important; } .background-blue { background-color: #00a0bf !important; } .background-yellow { background-color: #f7901d !important; } /*****************************************/ /* Typography */ /*****************************************/ html, body{ font: 300 20px/1.52 "Lato", sans-serif;; letter-spacing: 0; color: #000; } h1, h2, h3 { line-height: 1.25em; letter-spacing: 0.0125em; } h1 { font-family: "Lato", sans-serif;; font-weight: 300; font-size: 2.5em; line-height: 1.6; color: #212121; } h2, h3, h4{ font-family: "Lato", sans-serif;; font-weight: 300; letter-spacing: 0.0125em; color: #212121; } h2 { margin: 0; font-size: 2.5em; } h3 { font-size: 1.5em; letter-spacing: .025em; } pre, code, kbd{ font: .9em/1 "Source Code Pro", Monaco, "Courier New", monospaced; } blockquote { quotes: "\201C""\201D""\2018""\2019"; margin: 1.5em 1.25em; padding: 1.5em 60px; font-size: 1.25em; } blockquote:before { content: open-quote; color: #efefef; margin-left: -53px; margin-right: -20px; font-family: "Georgia"; font-size: 7.5em; line-height: 0; vertical-align: -75px; } blockquote:after { visibility: hidden; content: close-quote; line-height: 0; } blockquote p { display: inline; clear:both; } blockquote footer { margin-top: -5px; font-size: .75em; font-style: italic; } .social-proof-wrapper { overflow:hidden; height:auto; } .social-proof-wrapper .topquote .hs_cos_gallery_main .caption.superimpose,.social-proof-wrapper .topquote .hs_cos_gallery_thumbnails .caption.superimpose,.social-proof-wrapper .topquote .hs_cos_gallery_lightbox .caption.superimpose { position: absolute; bottom: 0; background-color: transparent !important; } .social-proof-wrapper .topquote blockquote:before { display:none; } .social-proof-wrapper .topquote blockquote span { font-size: 24px; line-height: 36px; text-align: center; margin: 0 auto; font-weight:300; color:#000; white-space: pre-wrap; word-break: normal; z-index: 200; display: block; max-height: 300px; min-width: 520px; vertical-align: middle; align-content: center; } .social-proof-wrapper .topquote blockquote footer { margin-top: 10px; text-align: center; display: flex; flex-direction: column; font-size: 20px !important; font-weight:300; color:#777; font-style: italic; } .social-proof-wrapper .topquote, .social-proof-wrapper .topquote img, .social-proof-wrapper .topquote .hs_cos_flex-slider .caption { min-height:300px; object-fit: cover; object-position: center center; } .social-proof-wrapper .topquote img { color:white; } @media all and (max-width: 600px) { .social-proof-wrapper .topquote blockquote span { font-size: 22px; line-height: 34px; text-align: center; margin: 0 auto; font-weight:300; color:#000; white-space: pre-wrap; word-break: normal; z-index: 200; display: block; max-height: 480px; min-width: 280px; padding-bottom:0px; } .social-proof-wrapper .topquote :not(:last-child) { padding-bottom: 0px; } .social-proof-wrapper .topquote, .social-proof-wrapper .topquote img, .social-proof-wrapper .topquote .hs_cos_flex-slider .caption { min-height:480px; object-fit: cover; object-position: center center; } } @media all and (max-width: 414px) { .social-proof-wrapper .topquote, .social-proof-wrapper .topquote img, .social-proof-wrapper .topquote .hs_cos_flex-slider .caption { min-height:300px; object-fit: cover; object-position: center center; } .social-proof-wrapper .topquote blockquote span { font-size: 26px; line-height: 32px; } .social-proof-wrapper .topquote blockquote span { min-width: 280px; } } @media all and (max-width: 360px) { .social-proof-wrapper .topquote, .social-proof-wrapper .topquote img, .social-proof-wrapper .topquote .hs_cos_flex-slider .caption { min-height:280px; object-fit: cover; object-position: center center; } .social-proof-wrapper .topquote blockquote span { font-size: 22px; line-height: 28px; } .social-proof-wrapper .topquote blockquote span { min-width: 210px; } } /* .social-proof-wrapper .topquote { display:grid; margin:0; padding:0; text-align:center; height:auto; overflow: hidden; } .social-proof-wrapper .topquote .hs_cos_flex-slider .caption { background-color: transparent; padding:0 !important; bottom: 0; text-align: center; display: flex; align-items: center; justify-content: center; top: 0; } .social-proof-wrapper .topquote .hs_cos_flex-slider { margin: 0 0 0px; background: transparent; } .social-proof-wrapper .topquote div { z-index:2; } .social-proof-wrapper .topquote blockquote:before { display:none; } .social-proof-wrapper .topquote blockquote span { font-size: 29px; line-height: 40px; text-align: center; margin: 0 auto; font-weight:500; color:#000; white-space: pre-wrap; word-break: normal; z-index: 200; display: flex; max-width: 480px; vertical-align: middle; align-content: center; } .social-proof-wrapper .topquote:before { content: open-quote; color: #efefef; margin: 0 auto; font-family: "Georgia"; font-size: 750px; top: calc( 50% + 250px ); position: absolute; z-index: 0; vertical-align: middle; text-align: center; left: calc( 50% - 150px); } .social-proof-wrapper .topquote blockquote footer { margin-top: 10px; text-align: center; display: flex; flex-direction: column; } .social-proof-wrapper .topquote blockquote footer span { font-size: 20px !important; font-weight:300; color:#777; font-style: italic; } .social-proof-wrapper .topquotes { display:grid; padding:100px 0px 70px; } .social-proof-wrapper .topquotes div { z-index:2; } .social-proof-wrapper .topquotes blockquote:before { display:none; } .social-proof-wrapper .topquotes blockquote span { font-size: 29px; line-height: 40px; text-align: center; margin: 0 auto; font-weight:500; color:#000; white-space: pre-wrap; word-break: normal; z-index: 200; display: flex; max-width: 480px; vertical-align: middle; align-content: center; } .social-proof-wrapper .topquotes:before { content: open-quote; color: #efefef; margin: 0 auto; font-family: "Georgia"; font-size: 750px; top: calc( 50% + 210px ); position: absolute; z-index: 0; vertical-align: middle; text-align: center; left: calc( 50% - 150px); } .social-proof-wrapper .topquotes blockquote footer { margin-top: -5px; text-align: center; display: flex; flex-direction: column; } .social-proof-wrapper .topquotes blockquote footer span { font-size: 20px !important; font-weight:300; color:#777; font-style: italic; } @media all and (max-width: 1400px) { .social-proof-wrapper .topquote { } .social-proof-wrapper .topquote:before { top: calc( 50% + 190px ); } } @media all and (max-width: 1200px) { .social-proof-wrapper .topquote { } .social-proof-wrapper .topquote:before { top: calc( 50% + 165px ); } } @media all and (max-width: 1000px) { .social-proof-wrapper .topquote { } .social-proof-wrapper .topquote:before { top: calc( 50% + 140px ); } } @media all and (max-width: 800px) { .social-proof-wrapper .topquote { } .social-proof-wrapper .topquote:before { top: calc( 50% + 140px ); } } @media all and (max-width: 600px) { .hs_cos_wrapper_type_image_slider { display: flex; overflow: hidden; justify-content: center; } .social-proof-wrapper .topquote { display: grid; text-align: center; overflow: hidden; min-height: 80vh; max-height: 600px; max-width: 100vw; } .social-proof-wrapper .topquote:before { content: open-quote; color: #efefef; margin: 0 auto; font-family: "Georgia"; font-size: 420px; top: calc( 50% + 320px ); position: absolute; z-index: 0; vertical-align: middle; text-align: center; left: calc( 50% - 90px); } .social-proof-wrapper .topquote .hs_cos_flex-slider .caption { background-color: transparent; padding: 0 !important; bottom: 0; text-align: center; display: flex; align-items: center; justify-content: center; top: 0;width: 80vw !important; margin:0 auto !important; } .social-proof-wrapper :not(:last-child) { width: 80vw !important; max-width: 480px; } .social-proof-wrapper .topquote .hs_cos_flex-slides.hs_cos_flex-slides-main { max-height: 90vh; display: flex; height: 90vh; } .social-proof-wrapper .topquote .hs_cos_flex-slides.hs_cos_flex-slides-main { max-height: 90vh; display: flex; } .social-proof-wrapper .topquote blockquote span { font-size: 20px; line-height: 28px; width: 80vw !important; margin:0 auto !important; max-width: 480px; } .social-proof-wrapper blockquote { padding-top: 30px; padding-bottom: 0; text-align: left; line-height: 1.25em; width: 80vw !important; margin:0 auto !important; padding: 0 !important; text-align: center; justify-content: center; display: flex; flex-direction: column; } } */ /* Section Title Styling */ h1.section-title:not(.page-title):before, h2.section-title:not(.page-title):before, h3.section-title:not(.page-title):before, h4.section-title:not(.page-title):before, h5.section-title:not(.page-title):before, h6.section-title:not(.page-title):before, .section-title > .widget-type-header > .hs_cos_wrapper_type_header > h1:before, .section-title > .widget-type-header > .hs_cos_wrapper_type_header > h2:before, .section-title > .widget-type-header > .hs_cos_wrapper_type_header > h3:before, .section-title > .widget-type-header > .hs_cos_wrapper_type_header > h4:before, .section-title > .widget-type-header > .hs_cos_wrapper_type_header > h5:before, .section-title > .widget-type-header > .hs_cos_wrapper_type_header > h6:before, h1.section-title .hs_cos_wrapper_type_inline_text:before, h2.section-title .hs_cos_wrapper_type_inline_text:before, h3.section-title .hs_cos_wrapper_type_inline_text:before, h4.section-title .hs_cos_wrapper_type_inline_text:before, h5.section-title .hs_cos_wrapper_type_inline_text:before, h6.section-title .hs_cos_wrapper_type_inline_text:before, span.section-title:before { content: "/"; margin-left: -15px; padding-right: 2px; font-size: 1.5em; vertical-align: -4px; } .section-title.page-title { margin-left: -15px; } span.section-title { font-weight: 500; margin-left: 15px; } h1.section-title-red:before, h2.section-title-red:before, h3.section-title-red:before, h4.section-title-red:before, h5.section-title-red:before, h6.section-title-red:before, .section-title-red > .widget-type-header > .hs_cos_wrapper_type_header > h1:before, .section-title-red > .widget-type-header > .hs_cos_wrapper_type_header > h2:before, .section-title-red > .widget-type-header > .hs_cos_wrapper_type_header > h3:before, .section-title-red > .widget-type-header > .hs_cos_wrapper_type_header > h4:before, .section-title-red > .widget-type-header > .hs_cos_wrapper_type_header > h5:before, .section-title-red > .widget-type-header > .hs_cos_wrapper_type_header > h6:before, h1.section-title-red .hs_cos_wrapper_type_inline_text:before, h2.section-title-red .hs_cos_wrapper_type_inline_text:before, h3.section-title-red .hs_cos_wrapper_type_inline_text:before, h4.section-title-red .hs_cos_wrapper_type_inline_text:before, h5.section-title-red .hs_cos_wrapper_type_inline_text:before, h6.section-title-red .hs_cos_wrapper_type_inline_text:before, span.section-title-red:before { color: #BF0F35; } h1.section-title-white:before, h2.section-title-white:before, h3.section-title-white:before, h4.section-title-white:before, h5.section-title-white:before, h6.section-title-white:before, .section-title-white > .widget-type-header > .hs_cos_wrapper_type_header > h1:before, .section-title-white > .widget-type-header > .hs_cos_wrapper_type_header > h2:before, .section-title-white > .widget-type-header > .hs_cos_wrapper_type_header > h3:before, .section-title-white > .widget-type-header > .hs_cos_wrapper_type_header > h4:before, .section-title-white > .widget-type-header > .hs_cos_wrapper_type_header > h5:before, .section-title-white > .widget-type-header > .hs_cos_wrapper_type_header > h6:before, h1.section-title-white .hs_cos_wrapper_type_inline_text:before, h2.section-title-white .hs_cos_wrapper_type_inline_text:before, h3.section-title-white .hs_cos_wrapper_type_inline_text:before, h4.section-title-white .hs_cos_wrapper_type_inline_text:before, h5.section-title-white .hs_cos_wrapper_type_inline_text:before, h6.section-title-white .hs_cos_wrapper_type_inline_text:before, span.section-title-white:before { color: #ffffff; } h1.section-title-yellow:before, h2.section-title-yellow:before, h3.section-title-yellow:before, h4.section-title-yellow:before, h5.section-title-yellow:before, h6.section-title-yellow:before, .section-title-yellow > .widget-type-header > .hs_cos_wrapper_type_header > h1:before, .section-title-yellow > .widget-type-header > .hs_cos_wrapper_type_header > h2:before, .section-title-yellow > .widget-type-header > .hs_cos_wrapper_type_header > h3:before, .section-title-yellow > .widget-type-header > .hs_cos_wrapper_type_header > h4:before, .section-title-yellow > .widget-type-header > .hs_cos_wrapper_type_header > h5:before, .section-title-yellow > .widget-type-header > .hs_cos_wrapper_type_header > h6:before, span.section-title-yellow:before { color: #f7901d; } h1.section-title-move-dark-blue:before, h2.section-title-move-dark-blue:before, h3.section-title-move-dark-blue:before, h4.section-title-move-dark-blue:before, h5.section-title-move-dark-blue:before, h6.section-title-move-dark-blue:before, .section-title-move-dark-blue > .widget-type-header > .hs_cos_wrapper_type_header > h1:before, .section-title-move-dark-blue > .widget-type-header > .hs_cos_wrapper_type_header > h2:before, .section-title-move-dark-blue > .widget-type-header > .hs_cos_wrapper_type_header > h3:before, .section-title-move-dark-blue > .widget-type-header > .hs_cos_wrapper_type_header > h4:before, .section-title-move-dark-blue > .widget-type-header > .hs_cos_wrapper_type_header > h5:before, .section-title-move-dark-blue > .widget-type-header > .hs_cos_wrapper_type_header > h6:before, span.section-title-dark-blue:before { color: #004259; } h1.section-title-move-purple:before, h2.section-title-move-purple:before, h3.section-title-move-purple:before, h4.section-title-move-purple:before, h5.section-title-move-purple:before, h6.section-title-move-purple:before, .section-title-move-purple > .widget-type-header > .hs_cos_wrapper_type_header > h1:before, .section-title-move-purple > .widget-type-header > .hs_cos_wrapper_type_header > h2:before, .section-title-move-purple > .widget-type-header > .hs_cos_wrapper_type_header > h3:before, .section-title-move-purple > .widget-type-header > .hs_cos_wrapper_type_header > h4:before, .section-title-move-purple > .widget-type-header > .hs_cos_wrapper_type_header > h5:before, .section-title-move-purple > .widget-type-header > .hs_cos_wrapper_type_header > h6:before, span.section-title-purple:before { color: #832c61; } h1.section-title-move-green:before, h2.section-title-move-green:before, h3.section-title-move-green:before, h4.section-title-move-green:before, h5.section-title-move-green:before, h6.section-title-move-green:before, .section-title-move-green > .widget-type-header > .hs_cos_wrapper_type_header > h1:before, .section-title-move-green > .widget-type-header > .hs_cos_wrapper_type_header > h2:before, .section-title-move-green > .widget-type-header > .hs_cos_wrapper_type_header > h3:before, .section-title-move-green > .widget-type-header > .hs_cos_wrapper_type_header > h4:before, .section-title-move-green > .widget-type-header > .hs_cos_wrapper_type_header > h5:before, .section-title-move-green > .widget-type-header > .hs_cos_wrapper_type_header > h6:before, span.section-title-green:before { color: #00978c; } h1.section-title-move-blue:before, h2.section-title-move-blue:before, h3.section-title-move-blue:before, h4.section-title-move-blue:before, h5.section-title-move-blue:before, h6.section-title-move-blue:before, .section-title-move-blue > .widget-type-header > .hs_cos_wrapper_type_header > h1:before, .section-title-move-blue > .widget-type-header > .hs_cos_wrapper_type_header > h2:before, .section-title-move-blue > .widget-type-header > .hs_cos_wrapper_type_header > h3:before, .section-title-move-blue > .widget-type-header > .hs_cos_wrapper_type_header > h4:before, .section-title-move-blue > .widget-type-header > .hs_cos_wrapper_type_header > h5:before, .section-title-move-blue > .widget-type-header > .hs_cos_wrapper_type_header > h6:before, span.section-title-move-blue:before { color: #00a0bf; } h1.section-title-grow-teal:before, h2.section-title-grow-teal:before, h3.section-title-grow-teal:before, h4.section-title-grow-teal:before, h5.section-title-grow-teal:before, h6.section-title-grow-teal:before, .section-title-grow-teal > .widget-type-header > .hs_cos_wrapper_type_header > h1:before, .section-title-grow-teal > .widget-type-header > .hs_cos_wrapper_type_header > h2:before, .section-title-grow-teal > .widget-type-header > .hs_cos_wrapper_type_header > h3:before, .section-title-grow-teal > .widget-type-header > .hs_cos_wrapper_type_header > h4:before, .section-title-grow-teal > .widget-type-header > .hs_cos_wrapper_type_header > h5:before, .section-title-grow-teal > .widget-type-header > .hs_cos_wrapper_type_header > h6:before, span.section-title-grow-teal:before { color: #00717f; } h1.section-title-grow-purple:before, h2.section-title-grow-purple:before, h3.section-title-grow-purple:before, h4.section-title-grow-purple:before, h5.section-title-grow-purple:before, h6.section-title-grow-purple:before, .section-title-grow-purple > .widget-type-header > .hs_cos_wrapper_type_header > h1:before, .section-title-grow-purple > .widget-type-header > .hs_cos_wrapper_type_header > h2:before, .section-title-grow-purple > .widget-type-header > .hs_cos_wrapper_type_header > h3:before, .section-title-grow-purple > .widget-type-header > .hs_cos_wrapper_type_header > h4:before, .section-title-grow-purple > .widget-type-header > .hs_cos_wrapper_type_header > h5:before, .section-title-grow-purple > .widget-type-header > .hs_cos_wrapper_type_header > h6:before, span.section-title-grow-purple:before { color: #79377c; } h1.section-title-grow-green:before, h2.section-title-grow-green:before, h3.section-title-grow-green:before, h4.section-title-grow-green:before, h5.section-title-grow-green:before, h6.section-title-grow-green:before, .section-title-grow-green > .widget-type-header > .hs_cos_wrapper_type_header > h1:before, .section-title-grow-green > .widget-type-header > .hs_cos_wrapper_type_header > h2:before, .section-title-grow-green > .widget-type-header > .hs_cos_wrapper_type_header > h3:before, .section-title-grow-green > .widget-type-header > .hs_cos_wrapper_type_header > h4:before, .section-title-grow-green > .widget-type-header > .hs_cos_wrapper_type_header > h5:before, .section-title-grow-green > .widget-type-header > .hs_cos_wrapper_type_header > h6:before, span.section-title-grow-green:before { color: #8a9e37; } /* Text Alignment */ .text-left{ text-align: left; } .text-center{ text-align: center; } .text-right{ text-align: right; } /* Text Type */ .text-serif { font-family: "Georgia", Times, serif; letter-spacing: 1px; } .text-sans { font-family: "Lato", sans-serif; } /* Text Colours */ .text-grey, .text-grey h1, .text-grey h2, .text-grey h3, .text-grey h4, .text-grey p { color: #C7C7C7 !important; } .text-grey-light, .text-grey-light h1, .text-grey-light h2, .text-grey-light h3, .text-grey-light h4, .text-grey-light p { color: #E1E1E1; } .text-grey-lightest, .text-grey-lightest h1, .text-grey-lightest h2, .text-grey-lightest h3, .text-grey-lightest h4, .text-grey-lightest p { color: #FAFAFA; } .text-red, .text-red h1, .text-red h2, .text-red h3, .text-red h4, .text-red p{ color: #BF0F35; } .text-green, .text-green h1, .text-green h2, .text-green h3, .text-green h4, .text-green p{ color: #9ac034; } .text-blue, .text-blue h1, .text-blue h2, .text-blue h3, .text-blue h4, .text-blue p{ color: #00a0bf; } .text-yellow, .text-yellow h1, .text-yellow h2, .text-yellow h3, .text-yellow h4, .text-yellow p { color: #f7901d; } #main { padding-top: 40px; padding-bottom: 40px; } /*****************************************/ /* Lists */ /*****************************************/ li{ margin: 0 0 .5em; } /*****************************************/ /* Forms and Form Elements */ /*****************************************/ form, input, select, textarea, button{ box-sizing: border-box; font: inherit; } html > body .hs-form > fieldset{ max-width: 100%; margin: 0 0 1em; } .hs-form fieldset.form-columns-1 .hs-form-field > .input, .hs-form fieldset.form-columns-2 .hs-form-field > .input{ margin: 0; } .hs-form fieldset.form-columns-1 .input > .hs-input{ width: 100%; } html > body .hs-form fieldset.form-columns-2 > .hs-form-field{ width: 49%; margin-left: 2%; } html > body .hs-form fieldset.form-columns-2 > .hs-form-field:first-child{ margin: 0; } .hs-form-field label, .hs-form-field .hs-field-desc{ font-size: .9em; } .hs-form-field .hs-field-desc{ font-style: italic; } input, select, textarea, button, .more-link, a.button-cta{ color: #000; border: 1px solid #000; border-radius: 0px; } fieldset, input[type="text"], input[type="tel"], input[type="email"], select, textarea{ /* reset, esp. mobile */ -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff; outline: none; } input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, select:focus, textarea:focus{ box-shadow: 0px 0px 5px #C7C7C7; } select{ background: right 10px center no-repeat; background-size: 10px 10px; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMpJREFUeNpi+P//PwMBwAvEPVDMi08hyCwmIgxrBmJ1KG4mZCgTEYYpI4kpEzKUiQTDiDKUiUTDkA1twWYoExmGwYASNkMZQTHDyMgIYnMAcQeRhiGDe0BcDsQ/0GNZEmorqUARqheRdqgFiEmHJIPBbyALWuD2AzEziWb8BeJCIL6P7sLnQPyADEc9BOIX2Lz8A4hrgfguiWmwBoi/4wrDzyQYCjPsM6FIIcbQu9gMwxfL+Ay9C5X7TGqywWYoXsOIzXokVQEAAQYA7gZCidvn93EAAAAASUVORK5CYII='); } .inputs-list, .inputs-list li{ margin: 0; padding: 0; list-style: none; } button, input[type="submit"], input[type="reset"], .more-link, a.button-cta{ /* reset on mobile */ -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: .5em 1em; background: none; } button:hover, button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, .more-link:hover, a.button-cta:hover{ text-decoration: none; color: #BF0F35; border-color: #BF0F35; } button:active, input[type="submit"]:active, input[type="reset"]:active, .more-link:active, a.button-cta:active{ color: #fff; background: #BF0F35; border-color: #BF0F35; } a.button-cta.button-cta-red { color: #fff; background: #BF0F35; border: 1px solid #BF0F35; border-radius: 0px; } a.button-cta.button-cta-red:hover { background: #d11039; border-color: #d11039; } /* Form Errors */ .hs-form-field{ position: relative; } .hs-form-field .hs-error-msgs{ box-sizing: border-box; position: absolute; bottom: 100%; display: block; width: 100%; max-width: 320px; padding: .5em; text-align: center; background: #BF0F35; border-radius: 4px; } .hs-form-field .hs-error-msgs:before{ content: ' '; position: absolute; top: 100%; left: 10px; height: 0; width: 0; margin-left: -6px; border: solid transparent; border-color: rgba(136, 183, 213, 0); border-top-color: #BF0F35; border-width: 6px; pointer-events: none; } .hs-error-msgs li label { color: #fff; } .form-no-title .form-title { display: none; } .hs-form-field input[type="text"], .hs-form-field input[type="tel"], .hs-form-field input[type="email"], .hs-form-field select, .hs-form-field textarea { padding: 10px 15px; background: #f1f1f1; border-radius: 0; } .hs-form-field input[type="text"], .hs-form-fieldinput[type="tel"], .hs-form-field input[type="email"], .hs-form-field select { border: none; } .hs-form-field textarea { border: 1px solid #E2E3E1 } .hs-form-field input[type="text"]:focus, .hs-form-field input[type="tel"]:focus, .hs-form-field input[type="email"]:focus, .hs-form-field select:focus, .hs-form-field textarea:focus { box-shadow: none; } ::placeholder { color: #b1b1b1; opacity: 1; font-size: 0.875em; } :-ms-input-placeholder { color: #b1b1b1; opacity: 1; font-size: 0.875em; } ::-ms-input-placeholder { color: #b1b1b1; opacity: 1; font-size: 0.875em; } .hs-form-field { margin-bottom: 15px; } .hs-form-field label { font-size: 0.85em; color: #808080; } .submitted-message { font-size: 20px; line-height: 1.5em; padding: 20px 0; } /* FORM OVERRIDES FOR SKEWED BILLBOARD */ .skewed-content-wrapper .hs_cos_wrapper_type_blog_subscribe .hs-form-field .hs-error-msgs { background-color: rgba(255,255,255,0.95); } .skewed-content-wrapper .hs_cos_wrapper_type_blog_subscribe .hs-form-field .hs-error-msgs:before { border-top-color: rgba(255, 255, 255, 0.95); } .skewed-content-wrapper .hs_cos_wrapper_type_blog_subscribe .hs-error-msgs li label { display: block; color: #BF0F35; } .skewed-cta-wrapper { padding-top:10px; } @media screen and (max-width: 813px) { .skewed-billboard-wrapper, #hero-photo { min-height: 220px !important; } } @media screen and (max-width: 422px) { .skewed-billboard-wrapper, #hero-photo { min-height: 320px !important; } } @media screen and (max-width: 813px) and (max-height: 421px) { .skewed-content-wrapper { width: 50vw; } .skewed-content-wrapper h1.page-title { font-size: 1.1em; } .skewed-content-wrapper .page-title.section-title { margin-left: 0px; padding-bottom: 10px; } .skewed-content-wrapper div.page-subtitle { font-size: .875em; margin-bottom: 20px; } .skewed-content-wrapper .post_meta { font-size: .75em; } .skewed-content-wrapper .post_meta > p { margin: 0; } .skewed-cta-wrapper .cta_button { margin-top: 10px; } .skewed-cta-wrapper .cta_button > span { font-size: 18px !important; } } /*****************************************/ /* Tables :( */ /*****************************************/ table{ max-width: 100%; border-collapse: collapse; } th, td{ margin: 0; padding: 10px; } th{ color: #fff; background: #C7C7C7; } tr td{ border-bottom: 1px solid #C7C7C7; } /*****************************************/ /* Header + Main Navigation */ /*****************************************/ .header-container-wrapper{ position: relative; width: 100%; z-index: 9999; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .header-container-wrapper.sticky-wrapper { position: fixed !important; background: rgba(59, 59, 59, 0.95) !important; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .sticky-wrapper .main-nav li:hover { background: rgba(59, 59, 59, 1); } .sticky-wrapper .main-nav li a { color: #a9a9a9; } .sticky-wrapper .main-nav li a:hover, .sticky-wrapper .main-nav li a:active{ color: #fafafa; } .header-container { padding-left: 20px; padding-right: 20px; } .main-nav{ text-align: right; } .main-nav li{ margin: 0; } .main-nav .hs-menu-depth-1>ul{ text-align: left; } .main-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a:hover { cursor: pointer; } .main-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper{ margin: 0; padding: 0; background: #fff; border-radius: 0 0 4px 4px; } .main-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{ width: 100%; max-width: none; overflow: visible; } #desktop-nav li.hs-item-has-children ul.hs-menu-children-wrapper { display: none; } #desktop-nav li.hs-item-has-children:hover ul.hs-menu-children-wrapper { display: block; top: 100px; width: 100%; margin-left: -1px; border-left: 1px solid #fff; border-right: 1px solid #fff; } #desktop-nav li.hs-item-has-children ul.hs-menu-children-wrapper > li { width: 100%; } #desktop-nav li.hs-item-has-children ul.hs-menu-children-wrapper > li:hover { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .header-wrapper > .row-fluid-wrapper, .header-wrapper > .row-fluid-wrapper > .row-fluid, .header-wrapper > .row-fluid-wrapper > .row-fluid > .main-nav, .header-wrapper > .row-fluid-wrapper > .row-fluid > .main-nav > .cell-wrapper, .header-wrapper > .row-fluid-wrapper > .row-fluid > .main-nav > .cell-wrapper > .hs_cos_wrapper_widget, .header-wrapper > .row-fluid-wrapper > .row-fluid > .main-nav > .cell-wrapper > .hs_cos_wrapper_widget > .hs-menu-wrapper, .header-wrapper > .row-fluid-wrapper > .row-fluid > .custom-menu-primary.custom-desktop, .header-wrapper > .row-fluid-wrapper > .row-fluid > .custom-menu-primary.custom-desktop > .cell-wrapper, .header-wrapper > .row-fluid-wrapper > .row-fluid > .custom-menu-primary.custom-desktop > .cell-wrapper > .hs_cos_wrapper_widget, .header-wrapper > .row-fluid-wrapper > .row-fluid > .custom-menu-primary.custom-desktop > .cell-wrapper > .hs_cos_wrapper_widget > .hs-menu-wrapper { height: 100px; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { float: right; display: table; height: 100%; } /** MOBILE NAV **/ .main-nav li { display: table; height: 100%; border-right: 1px solid transparent; border-left: 1px solid transparent; } .main-nav li:hover { background-color: #FBFCFA; border-right: 1px solid #f1f1f1; border-left: 1px solid #f1f1f1; -ms-transition: all .35s ease; -moz-transition: all .35s ease; -webkit-transition: all .35s ease; transition: all .35s ease; } .main-nav li:hover a { color: #212121; -ms-transition: all .35s ease; -moz-transition: all .35s ease; -webkit-transition: all .35s ease; transition: all .35s ease; } a.mobile-nav-toggle { display: block; width: 30px; height: 55px; padding: 15px; position: absolute; top: 30px; right: 10px; } a.mobile-nav-toggle:before, a.mobile-nav-toggle:after { content: ''; display: block; height: 2px; background: #212121; } a.mobile-nav-toggle span { display: block; height: 2px; margin: 6px 0; background: #212121; } .sticky-wrapper a.mobile-nav-toggle:before, .sticky-wrapper a.mobile-nav-toggle:after { background: #a9a9a9; } .sticky-wrapper a.mobile-nav-toggle span { background: #a9a9a9; } .mm-panels { color: #ebebeb !important; background-color: #545454 !important; border-color: #5d5c5c !important; } .mm-menu .mm-navbar a, .mm-menu .mm-navbar> * { color: rgba(235,235,235,0.5) !important; } .mm-menu .mm-listview .mm-btn_next:after, .mm-menu .mm-btn:after, .mm-menu .mm-btn:before { border-color: rgba(235,235,235,0.5) !important; } .mm-panels>.mm-panel>.mm-listview:first-child, .mm-panels>.mm-panel>.mm-navbar+.mm-listview { margin-top: -40px; } /* HEADER OVERRIDES */ .header-wrapper { margin-top: 0px; margin-bottom: 0px; height: 100%; } .header-wrapper .hs-image-widget { width: 200px !important; padding-top: 15px; } .header-wrapper .widget-type-logo:after { content: ""; position:absolute; top: 0; display: inline-block; height: 100%; margin-left: 230px; background: #BF0F35; width: 10px; -webkit-transform: skew(-20deg, 0); -moz-transform: skew(-20deg, 0); -ms-transform: skew(-20deg, 0); transform: skew(-20deg, 0); } /*** NEW MENU ***/ /*****************************************/ /* Header + Main Navigation */ /*****************************************/ .header-container-wrapper{ position: relative; z-index: 99; } /* =============== Custom Menu Primary =============== */ /* Parent List */ .custom-menu-primary.custom-desktop .hs-menu-wrapper > ul { float: right !important; color: #808080; line-height: 1.9; font-family: "Lato", sans-serif;; font-size: 18px; font-weight: 300; text-transform: none; } .custom-menu-primary.custom-desktop .hs-menu-wrapper > ul > li { position: relative; display: table; height: 100%; border-right: 1px solid transparent; border-left: 1px solid transparent; } .custom-menu-primary.custom-desktop .hs-menu-wrapper > ul > li > a { margin-right: 0; margin-left: 0; outline: 0; display: table-cell; vertical-align: middle; position: relative; color: #BF0F35; line-height: 1.9; letter-spacing: 1px; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li:hover { background-color: #F6F6F6; border-right: 1px solid #F3F3F3; border-left: 1px solid #F3F3F3; -ms-transition: all .35s ease; -moz-transition: all .35s ease; -webkit-transition: all .35s ease; transition: all .35s ease; } .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li > a:hover { color: #212121; -ms-transition: all .35s ease; -moz-transition: all .35s ease; -webkit-transition: all .35s ease; transition: all .35s ease; } /* Current Menu Item */ /* TODO: CHECK ANCESTOR */ .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li.hs-menu-show-active-branch a:after { width: 100%; margin-left: -50%; } .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li.hs-menu-show-active-branch > a { color: #BF0F35; } /* Menu Seperators */ .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li.menu-seperator a:after { display: none; } .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li.menu-seperator a:hover { color: #1f1f1f; cursor: default; } /* 2nd Level */ .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper { top: 100px; font-size: 18px; padding-top: 0px; padding-left: 0; padding-right: 0; position: absolute; left: 0; z-index: 1308; text-align: left; text-transform: none; display: none; background: #fff; width: 100%; border-radius: 0 0 4px 4px; } .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li > ul.hs-menu-children-wrapper > li:first-child:hover > ul { top: 13px; } .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li:hover ul.hs-menu-children-wrapper { display: block; } .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li { display: block; width: 100%; margin-left: 0; margin-bottom: 0; float: left; } .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li:first-child { padding-top: 13px; } .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li:last-child { padding-bottom: 13px; } .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > a { display: block; letter-spacing: 0px; font-size: 16px; line-height: 1.2em; padding: 10px 20px !important; margin: 0 !important; width: unset; white-space: normal; word-break: break-word; } .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li.menu-item-has-icon > a:before { margin-right: 0; content: ""; } .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper.left { left: -281px; } .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper.left ul { left: -281px; } .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li { color: #808080; /* background: #efefef; */ /* background: rgba(239,239,239,0.94); */ margin-bottom: 0; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > a { color: #808080; } .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > a:before { width: 18px; font-size: 18px; } .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li:hover { background-color: #FBFCFA; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li:hover > a, .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li.parent.hover > a, .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li.current-menu-item > a { color: #585858; } /* 3rd level */ .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul { top: 0; padding: 0; background: none; left: 281px; } .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li:hover > ul { display: block; } .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul > li { background: #efefef; background: rgba(239,239,239,0.94); } .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul > li:first-child, .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul > li:last-child { padding: 0; } .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li > ul.hs-menu-children-wrapper.left { right: 80px; left: auto; } /* other level */ .custom-menu-primary.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul ul{ top: 0; } /* Override max width on menu links */ .custom-menu-primary.custom-desktop .hs-menu-wrapper > ul li a, .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { overflow: visible !important; max-width: none !important; width: auto !important; } /* Fix menu disappearing on desktop after toggling mobile menu */ @media screen and (min-width: 1200px) { .custom-menu-primary .hs-menu-wrapper, .custom-menu-primary .hs-menu-wrapper > ul ul { display:block !important; } .custom-menu-primary.js-enabled { max-width: 100%; float: right !important; margin: 0 !important; } .custom-menu-primary.custom-mobile { display: none !important; } .custom-menu-primary .hs-menu-wrapper > ul > li > a:after { content: ""; bottom: 0; height: 1px; left: 50%; position: absolute; width: 0; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; background: transparent; position: absolute; bottom: 1px; height: 1px; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li:hover a:after { width: 100%; margin-left: -50%; } .custom-menu-primary .hs-menu-wrapper > ul > li.active > a:after { width: 100%; margin-left: -50%; } } /* =============== Mobile Toggle Menu =============== */ /* Hide button on Desktop */ .mobile-trigger, .child-trigger{ display: none; } .custom-menu-primary.custom-mobile .hs-menu-wrapper > ul li > ul { background: #efefef; padding-left: 10px; } .custom-menu-primary.custom-mobile .hs-menu-wrapper > ul li > ul li { padding: 20px 5px; border-bottom: 1px solid #dddddd; } .custom-menu-primary.custom-mobile .hs-menu-wrapper > ul li > ul li:last-child { border-bottom: none; } .custom-menu-primary.custom-mobile .hs-menu-wrapper > ul li > ul li a { color: #1f1f1f; } @media (max-width: 1199px){ .custom-menu-primary.custom-desktop { display: none !important; } /* Menu 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; } /* ===== Mobile Toggle Button ===== */ .mobile-trigger { display: inline-block; position: absolute; right: 30px; top: 30px; font-size: 18px; } .mobile-trigger:hover{ text-decoration: none; } /* Change button when menu is open */ .mobile-open .mobile-trigger{ } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mobile-trigger i { font-size: 28px; line-height: 21px; color: #1f1f1f; font-weight: normal; } /* ===== Mobile Child Toggle Buttons ===== */ .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; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .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: #fff; /* Icon color */ display: block; } .child-trigger i:after{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .child-trigger.child-open i{} .child-trigger.child-open i:after{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } /* ===== Mobile Menu Styles ===== */ .custom-menu-primary.custom-desktop.js-enabled{ position: relative; padding-top: 0px; /* Makes room for button */ margin: 0; width: 100% !important; } /* Hide menu on mobile */ .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; left: 0; padding: 0; } .custom-menu-primary .hs-menu-wrapper{ 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{ overflow: visible; } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ text-indent: 0px; } /* Level 3 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{ text-indent: 0px; /* Indent Child lists */ } /* Level 4 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{ text-indent: 0px; /* Indent Child lists */ } .custom-menu-primary.custom-mobile.js-enabled { background: #333333; border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.8); position: fixed; z-index: 998; font-size: 14px; font-weight: normal; font-style: normal; letter-spacing: 0; text-transform: uppercase; width: 80%; min-width: 140px; max-width: 300px; overflow: hidden; left: -440px; right: 0; top: 0; bottom: 0; background-color: rgba(51,51,51,0.95); background-image: url(//cdn2.hubspot.net/hubfs/4475760/resources/Images/download.gif?t=1522922263732); background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: -1; transition: all .3s; } .mobile-open .custom-menu-primary.custom-mobile.js-enabled { z-index: 1; left: 0; transition: all .3s; } .close-trigger { text-align: center; line-height: 20px; height: 41px; padding: 0 40px; margin: 0; position: relative; top: 0; left: 0; right: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.6); } .close-trigger a.mm-title { font-size: 16px; line-height: 20px; color: rgba(255, 255, 255, 0.6); font-family: 'Helvetica'; font-weight: 400; font-style: normal; letter-spacing: 0px; text-overflow: ellipsis; white-space: nowrap; display: block; padding: 10px 0; } .custom-menu-primary .hs-menu-wrapper > ul { font-size: 14px; line-height: 22px; font-weight: 400; letter-spacing: 0px; margin-bottom: 0px !important; height: 70vh; overflow: auto; } .custom-menu-primary .hs-menu-wrapper > ul > li { position: relative; } .custom-menu-primary .hs-menu-wrapper > ul > li > a { padding: 15px 10px 15px 20px; outline: none; color: rgba(255, 255, 255, 0.6); text-overflow: ellipsis; white-space: nowrap; display: block; text-decoration: none; font-family: Helvetica, sans-serif; font-size: 14px; font-weight: 400; letter-spacing: normal; line-height: 22px; } .custom-menu-primary .hs-menu-wrapper > ul > li:first-child > a { padding-top: 14px; } .custom-menu-primary .hs-menu-wrapper > ul > li > a:after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; position: absolute; left: 0; right: 0; bottom: 0; left: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .mobile-mm-navbar { height: 42px; border-top: 1px solid rgba(0, 0, 0, 0.15); text-align: center; line-height: 20px; left: 0; right: 0; margin: 0; position: absolute; top: auto; bottom: 0px; z-index: 999999; background: #333333; } .mobile-menu-socials { display: block; padding: 10px 0; } .mobile-menu-socials a { font-size: 16px; color: #969696; margin: 0 8.2px; text-decoration: none; line-height: 20px; } .custom-menu-primary .hs-menu-wrapper > ul > li.active > a { background: rgba(0, 0, 0, 0.1); } #site-wrapper { position: relative; left: 0; transition: all .3s; } .mobile-open #site-wrapper { left: 440px; transition: all .3s; } body { /* position: relative; TODO */ overflow-x: hidden; overflow-y: auto; left: 0; transition: all 0.3s; } body.mobile-open { left: 440px; } .overlay { background: transparent; position: fixed; width: 100%; /* width: calc(100% - 440px) !important; TODO */ float: right; top: 0; left: auto; z-index: 98; display: none !important; height: 100%; } .mobile-open .overlay { display: block !important; } } @media screen and (max-width: 322px) { .mobile-trigger { right: 20px; top: 32px; } } /*****************************************/ /* Footer */ /*****************************************/ .footer-logo-wrapper .footer-logo { width: 100%; } .row-fluid [class*="span"].footer-wrapper{ position: relative; padding-top: 60px; padding-bottom: 60px; } .footer-wrapper a:hover{ color: #000; } .footer-container-wrapper { color: #fff; background: #212121; } .footer-container-wrapper a { color: #C7C7C7; } .footer-container-wrapper a:hover { color: #BF0F35; text-decoration: none; } .footer-container-wrapper .hs-menu-wrapper.hs-menu-flow-vertical > ul li { font-size: .875em; text-align: left; } .footer-container-wrapper .hs-menu-wrapper.hs-menu-flow-vertical > ul li, .footer-container-wrapper .hs-menu-wrapper.hs-menu-flow-vertical > ul li a { padding: 0; color: #C7C7C7; } .footer-container-wrapper .hs-menu-wrapper.hs-menu-flow-vertical > ul li a:hover { color: #BF0F35 } .footer-container-wrapper [class$="rss_listing"] h3 { display: none; } .footer-container-wrapper .hs-rss-item a {color: #C7C7C7;} .footer-container-wrapper .hs-rss-item a:hover { color: #BF0F35; text-decoration: none; } .footer-container-wrapper .hs-rss-item { margin: 0 0 .5em; font-size: .875em; text-align: left; } .footer-container-wrapper h4 { font-size: 20px; } .footer-container-wrapper .fa { font-size: 32px; } .footer-quick-links { font-size: 0.75em; } .footer-quick-links span { position: relative; } .footer-quick-links span > span:after { content: ' | '; padding: 0 2px; color: #C7C7C7; } .footer-quick-links span > span:last-child:after { content: ''; } /* We ask that you retain the KAYAK credit line. Thank you! */ .row-fluid [class*="span"].made-by-kayak{ display: none; padding-top: 10px; font-size: .9em; } .template-home .row-fluid [class*="span"].made-by-kayak{ display: block; } .made-by-kayak, .made-by-kayak a { font-size: .625em; color: #2E2E2E; } .copyright p { font-size: .625em; color: #E2E3E1; } @media screen and (max-width: 768px) { .skewed-content-wrapper h1.page-title sup { font-size: 15px; } .coaches-wrapper { display: block; } .coaches-wrapper > .coach-item { display: block; width: 100%; } .coaches-wrapper > .coach-item img { width: 100% !important; height: auto; } .img-m-break { width: 100% !important; clear: both !important; float: unset !important; margin: 0 auto !important; } h2 { margin: 0; font-size: 2em; } } /*****************************************/ /* Home */ /*****************************************/ .new-home { margin-bottom:15px; } .service-group .fa{ color: #BF0F35; } @media screen and (min-width: 1024px) { .column-group { margin-left: 25px !important; } .new-home.column-group { margin-left: auto !important; margin-right: auto !important; max-width:1380px !important; float:none; } } .new-home .row-fluid .span4 { width: 33.33333%; border-right:26.66px solid #fff; } .new-home .row-fluid .span4:last-child { } .column-group-item-wrapper { padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } .column-group.service-group .column-group-item-wrapper:hover { background: -moz-linear-gradient(left, rgba(251,252,250,1) 0%, rgba(252,253,252,1) 50%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(251,252,250,1) 0%,rgba(252,253,252,1) 50%,rgba(255,255,255,0) 100%); background: linear-gradient(left right, rgba(251,252,250,1) 0%,rgba(252,253,252,1) 50%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfcfa', endColorstr='#00ffffff',GradientType=0 ); } .product-service-header-group { position: relative; padding-bottom: 110px; text-align:center; } .new-home .product-service-header-group { position: relative; padding-bottom: 0; } .product-service-header-group > :first-child { z-index: 25; position: absolute; top: 20px; bottom: 0; left: 20px; } .new-home .product-service-header-group > :first-child { z-index: 25; position: relative; top: 0px; bottom: 0; left: 0px; } .product-service-header-group > :last-child { width: 100%; z-index: 10; position: absolute; top: 0; bottom: 0; } .new-home .product-service-header-group > :last-child { position: relative !important; } .product-service-header h1 { -webkit-margin-before: 0; -webkit-margin-after: 0; color: #FFFFFF; font-weight: 400; } .new-home .product-service-header h2 { -webkit-margin-before: 0; -webkit-margin-after: 0; color: #000000; font-weight: 100; padding: 10px 20px 5px; text-align:center; } .new-home .product-service-text p { color: #000000; padding: 5px 20px 10px; margin:0; text-align:center; } @media screen and (max-width: 421px) { .product-service-header h1 { font-size: 2.5em; } .new-home .product-service-header h2 { font-size: 2em; padding: 10px 20px 5px; } .new-home .product-service-text p { padding: 5px 20px 10px; } .new-home .row-fluid .span4 { width: 100%; border:none; text-align:center; } .new-home.column-group [class*="span"].column-group-item-wrapper .row-depth-1.row-number-8 .column-group-item { background-color: transparent; } .new-home.column-group [class*="span"].column-group-item-wrapper .column-group-item .product-service-header-group { height: calc(100vw * 0.6); max-height: 200px; } } @media screen and (min-width: 422px) and (max-width: 767px) { .product-service-header h1 { font-size: 2.5em; } .new-home .product-service-header h2 { font-size: 2.5em; padding: 10px 20px 5px; } .new-home .product-service-text p { padding: 5px 20px 10px; } .new-home .row-fluid .span4 { width: 100%; border:none; text-align:center; } .new-home.column-group [class*="span"].column-group-item-wrapper .row-depth-1.row-number-8 .column-group-item { background-color: transparent; } .new-home.column-group [class*="span"].column-group-item-wrapper .column-group-item .product-service-header-group { height: calc(100vw * 0.5); max-height: 300px; } } @media screen and (min-width: 768px) and (max-width: 1023px) { .product-service-header h1 { font-size: 1.25em; } .new-home .product-service-header h2 { font-size: 1.25em; padding: 10px 20px 5px; } .new-home .product-service-text p { padding: 5px 20px 10px; } .new-home .row-fluid .span4 { width: 33.33333%; border-right: 13.33px solid #fff; border-left: 13.33px solid #fff; } .new-home.column-group [class*="span"].column-group-item-wrapper .column-group-item .product-service-header-group { height: calc(100vw * 0.15); max-height: 230px; } } @media screen and (min-width: 1024px) and (max-width: 1240px) { .new-home.column-group [class*="span"].column-group-item-wrapper .column-group-item .product-service-header-group { height: calc(100vw * 0.2); max-height: 195px; } } @media screen and (min-width: 1024px) and (max-width: 2160px) { .product-service-header h1 { font-size: 2.0em; } .new-home .product-service-header h2 { font-size: 2.0em; padding: 10px 20px 5px; } .new-home .product-service-text p { padding: 5px 20px 10px; } .new-home .row-fluid .span4 { width: 33.33333%; border-right: 13.33px solid #fff; border-left: 13.33px solid #fff; } } @media screen and (min-width: 2161px) { .product-service-header h1 { font-size: 2.5em; } .new-home .product-service-header h2 { font-size: 2.5em; } } @media all and (max-width:640px) and (orientation:landscape) { #hero-photo { min-height: 640px !important; } .billboard-bg { position: relative; height: 640px !important; } .billboard-overlay { height: 640px !important; } .skewed-billboard-wrapper, .billboard-wrapper { height: 640px !important; } } .product-service-header-bkg { width: 100%; /* max-width: 320px; */ height: 100%; max-height: 110px; min-height: 100px; display: block; position: relative; } .new-home .product-service-header-bkg { width: 100%; /* max-width: 320px; */ height: 100%; max-height: 300px; min-height: 100px; display: block; position: relative; } .span3 .product-service-header-bkg { max-width: 320px; } .span4 .product-service-header-bkg img { width: 100%; max-width:516px !important; } .new-home .span4 .product-service-header-bkg img { width: 100%; max-width:600px !important; } .product-service-header-bkg > div, .product-service-header-bkg > div > span { width: 100%; height: 100%; position: relative; } .product-service-header-bkg::after { display: block; position: absolute; /* background-image: linear-gradient(to left, rgba(88, 88, 88, 0.1) 0, rgba(88, 88, 88, 0.25) 100%);*/ width: 100%; content: ''; height: 100%; max-height: 300px; top: 0; right: 0; left: 0; } @media screen and (max-width: 422px) { .product-service-header-bkg::after { width: 320px; } } /*****************************************/ /* Internal Page */ /*****************************************/ /* Breadcrumbs */ .breadcrumbs{ margin: 0 0 1em; border-bottom: 1px solid #C7C7C7; } .breadcrumbs li.hs-breadcrumb-menu-item{ margin: 0; } /* Sidebar */ .sidebar{ font-size: .9em; } .sidebar-item{ margin: 0 0 20px; } .sidebar-item img.hs-cta-img { width: 100%; height: auto; } /*****************************************/ /* Randy edit to sqaure up CTAs */ .hs-cta-img {height: auto;} /*****************************************/ .hs-cta-wrapper img {height:100%;} .sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical ul, .sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical li, .sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical>ul li a{ margin: 0; } .sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical>ul li a{ display: block; padding: 0 0 20px; } /*****************************************/ /* Blog */ /*****************************************/ .blog-quick-links span { position: relative; } .blog-quick-links span > span:after { content: ' | '; padding: 0 2px; color: #C7C7C7; } .blog-quick-links span > span:last-child:after { content: ''; } /* Listing */ .post-item{ margin: 0 0 40px; padding: 0 0 40px; border-bottom: 1px solid #FAFAFA; } .post-item .span8 p{ margin: 0 0 1em; } .hs-featured-image{ max-width: 100%; margin: 0; } .more-link{ margin-top: 1em; } .blog-pagination{ display: block; text-align: center; } .blog-pagination a{ margin: 0 1em 0 0; font-size: .9em; letter-spacing: .1em; text-transform: uppercase; } .hs-featured-image-wrapper { position: relative; height: 340px; overflow: hidden; } .hs-featured-image-wrapper .title-block { position: absolute; display: table; width: 100%; height: 100%; background: rgba(33, 33, 33, 0.70); top: 0; } .hs-featured-image-wrapper .title-block > h2 { display: table-cell; text-align: center; color: #fff; vertical-align: middle; /* Randy edit to padd the sides*/ padding-right: 5px; padding-left: 5px; } .blog-listing-wrapper .post-header h1, .blog-listing-wrapper .post-header h2, .blog-listing-wrapper .post-header h3, .blog-listing-wrapper .post-header p { margin-top: 0; margin-bottom: 0; } .blog-listing-wrapper .post-header #hubspot-author_data, .blog-listing-wrapper .post-header #hubspot-author_data a { font-size: 0.875em; color: #C7C7C7; } .template-blog .content-section { padding-top: 0 !important; } .template-blog .blog-quick-links { padding-bottom: 20px; border-bottom: 1px solid #C7C7C7; } .blog-quick-links span { font-size: 0.875em; } .post_meta { font-size: .875em; color: #fff; } .post_meta a { color: #fff; } /* Singleton */ .singleton{ } /* Sidebar */ .sidebar .hs_blog_blog_subscription{ display: none; } .sidebar .hs_submit .actions input{ margin: .5em 0; } .hs_cos_wrapper_type_blog_social_sharing { width: 100%; } .template-blog .hs-blog-social-share .hs-blog-social-share-list { text-align: center; width:100%; } .template-blog .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item { display: inline-block; float: unset; } /*****************************************/ /* Special Components */ /*****************************************/ /* Randy edit start */ .featured-post-title, .featured-post-excerpt, .featured-post-excerpt {max-width:75%} /* Randy edit end */ /* Fixed Header */ body.fixed-header{ /* Set this value to the height of the header */ padding-top: 80px; } body.fixed-header .header-container-wrapper{ position: fixed; top: 0; left: 0; right: 0; } .button-cta:hover { cursor: pointer; } /* Billboard: photo page header/hero */ .billboard-wrapper, .billboard-content{ position: relative; z-index: 10; } .billboard-wrapper{ padding: 40px 0; } .billboard-content, .billboard-content h1, .billboard-content h2, .billboard-content p, .billboard-content ul, .billboard-content ol, .billboard-content li, .billboard-content .button-cta a{ color: #fff; } .billboard-content .button-cta a{ border-color: #fff; } .billboard-content .button-cta a:hover, .billboard-content .button-cta a:focus{ color: rgba(255, 255, 255,.5); border-color: rgba(255, 255, 255,.5); } .billboard-content .button-cta a:active{ color: #fff; border-color: #BF0F35; } .billboard-image{ position: absolute; top: 0; width: auto; max-width: none; min-width: 100%; height: 100%; overflow: hidden; z-index: 0; pointer-events: none; } .billboard-image img{ display: inline; position: absolute; top: 50%; left: 50%; max-width: none !important; width: auto !important; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* HEADER WITH SKEWED BILLBOARD */ .skewed-billboard-wrapper { height: 74.5vh; margin: 0; padding: 0; } .skewed-billboard-wrapper:after { content: ""; display: block; height: 74.5vh; clear: both; } .skewed-billboard-bg { position: relative; height: 74.5vh; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 1; } .background-center-right .skewed-billboard-bg { background-position: center right; } .template-internal .skewed-billboard-wrapper, .template-internal .skewed-billboard-wrapper:after, .template-internal .skewed-billboard-bg, .template-blog .skewed-billboard-wrapper, .template-blog .skewed-billboard-wrapper:after, .template-blog .skewed-billboard-bg { height: 50vh; } .template-landing .skewed-billboard-wrapper, .template-landing .skewed-billboard-wrapper:after, .template-landing .skewed-billboard-bg { height: 36vh; } .skewed-billboard-overlay { /* -webkit-clip-path: polygon(0 0, 46% 0, 51% 100%, 0% 100%); */ /* -moz-clip-path: polygon(0 0, 46% 0, 51% 100%, 0% 100%); */ /* -ms-clip-path: polygon(0 0, 46% 0, 51% 100%, 0% 100%); */ /* clip-path: polygon(0 0, 46% 0, 51% 100%, 0% 100%); */ position: absolute; top: auto; bottom: 0; left: 0; height: auto; width: 100%; margin-top: 40px; padding: 30px 0; } @media screen and (max-width: 421px) { .skewed-billboard-overlay { /* -webkit-clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%); */ /* -moz-clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%); */ /* -ms-clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%); */ /* clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%); */ } } .skewed-billboard-overlay:after { display: none; content: " "; background: #fff; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; transform: skew(20deg); opacity: 0.85; } .skewed-billboard-overlay:first-child:after { display: block; left: -10%; width: 60%; background: #BF0F35; } @media screen and (max-width: 821px) { .skewed-billboard-overlay:first-child:after { width: 100%; } } /* BILLBOARD OVERLAY COLOUR PALETTE */ .skewed-billboard-overlay-red { background-color: #BF0F35e6; opacity:0.1; z-index: -1; } .skewed-billboard-overlay-yellow { background-color: #f7901de6; opacity:0.1; z-index: -1; } .skewed-billboard-overlay-green { background-color: #9ac034e6; opacity:0.1; z-index: -1; } .skewed-billboard-overlay-blue { background-color: #00a0bfe6; opacity:0.1; z-index: -1; } .skewed-billboard-overlay-black { background-color: #212121e6; opacity:0.1; z-index: -1; } .skewed-billboard-overlay-gray { background-color: #636363e6; z-index: -1; } .skewed-billboard-overlay-move-yellow { background-color: #f7901de6; opacity:0.1; z-index: -1; } .skewed-billboard-overlay-move-dark-blue { background-color: #004259e6; opacity:0.1; z-index: -1; } .skewed-billboard-overlay-move-purple { background-color: #832c61e6; opacity:0.1; z-index: -1; } .skewed-billboard-overlay-move-green { background-color: #00978ce6; opacity:0.1; z-index: -1; } .skewed-billboard-overlay-move-blue { background-color: #00a0bfe6; opacity:0.1; z-index: -1; } .skewed-billboard-overlay-grow-yellow { background-color: #f7901de6; opacity:0.1; z-index: -1; } .skewed-billboard-overlay-grow-teal { background-color: #00717fe6; opacity:0.1; z-index: -1; } .skewed-billboard-overlay-grow-purple { background-color: #79377ce6; opacity:0.1; z-index: -1; } .skewed-billboard-overlay-grow-green { background-color: #8a9e37e6; opacity:0.1; z-index: -1; } .skewed-billboard-overlay-grow-red { background-color: #BF0F35e6; opacity:0.1; z-index: -1; } .skewed-content-wrapper { width: 80vw; } .skewed-content-wrapper > * { padding-right: 30px; } @media screen and (min-width: 768px) { .skewed-content-wrapper { width: 40vw; } } @media screen and (min-width: 1024px) { .skewed-content-wrapper { width: 40vw; } } @media screen and (min-width: 1600px) { .skewed-content-wrapper { width: 35vw; } } @media screen and (min-width: 1745px) { .skewed-content-wrapper { width: 25vw; } } .skewed-content-wrapper h1.page-title { margin-top: 0; margin-bottom: 0; font-size: 28px; line-height: 1.25em; color: #fff; } .skewed-content-wrapper div.page-subtitle { margin-top: 0; margin-bottom: 20px; font-size: 1.1em; font-weight: 300; line-height: 1.45em; color: #fff; } .skewed-content-wrapper .hs_cos_wrapper_type_blog_subscribe h3, .skewed-content-wrapper .hs_cos_wrapper_type_blog_subscribe label { display: none; } .skewed-content-wrapper .hs_cos_wrapper_type_blog_subscribe .hs_email { float: left; width: 70%; max-width: 250px; } .skewed-content-wrapper .hs_cos_wrapper_type_blog_subscribe .hs_submit { float: left; } .skewed-content-wrapper .hs_cos_wrapper_type_blog_subscribe .hs-button { padding: .3em 1em !important; border: 2px solid rgba(255, 255, 255, 0.9); background: transparent; color: #fff; } .skewed-content-wrapper .hs_cos_wrapper_type_blog_subscribe .hs-button:hover { background: rgba(255,255,255,0.15); cursor: pointer; -webkit-transition: ease all .35s; -moz-transition: ease all .35s; -ms-transition: ease all .35s; transition: ease all .35s; } .skewed-content-wrapper .hs_cos_wrapper_type_blog_subscribe .hs-input { padding: 5.5px 15px; border: 2px solid rgba(255, 255, 255, 0.9); border-right: none; background: transparent; } .skewed-content-wrapper .hs_cos_wrapper_type_blog_subscribe .hs-input:focus { background: #fff; -webkit-transition: all .45s ease; -moz-transition: all .45 ease; -ms-transition: all .45 ease; transition: all .45s ease; } /* HEADER WITHOUT SKEWED BILLBOARD */ .billboard-wrapper { height: 74.5vh; margin: 0; padding: 0; overflow:hidden; } .billboard-wrapper:after { content: ""; display: block; height: 74.5vh; clear: both; } .billboard-bg { position: relative; height: 74.5vh; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 1; } .background-center-right .billboard-bg { background-position: center right; } .template-internal .billboard-wrapper, .template-internal .billboard-wrapper:after, .template-internal .billboard-bg, .template-blog .billboard-wrapper, .template-blog .billboard-wrapper:after, .template-blog .billboard-bg { height: 50vh; } .template-landing .billboard-wrapper, .template-landing .billboard-wrapper:after, .template-landing .billboard-bg { height: 36vh; } .billboard-overlay { border-bottom: 12px solid #000; } .billboard-overlay:first-child:before { position: absolute; background: #BF0F35; height: 12px; content: ''; width: 90%; bottom: -12px; transform: skew(-30deg); left: -5%; } .billboard-overlay { /* -webkit-clip-path: polygon(0 0, 46% 0, 51% 100%, 0% 100%); */ /* -moz-clip-path: polygon(0 0, 46% 0, 51% 100%, 0% 100%); */ /* -ms-clip-path: polygon(0 0, 46% 0, 51% 100%, 0% 100%); */ /* clip-path: polygon(0 0, 46% 0, 51% 100%, 0% 100%); */ position: absolute; top:0; bottom: 0; left: 0; height: calc( 74.5vh - 12px); width: 100%; margin-top: 0; padding: 0 0; } .billboard-overlay .row-fluid-wrapper { vertical-align: bottom; display: table; height: 100%; max-width: 1360px; margin: 0 auto; } .billboard-overlay .row-fluid-wrapper .row-fluid { display: table-cell; vertical-align: bottom; padding-bottom:40px; } @media screen and (max-width: 421px) { .billboard-overlay { /* -webkit-clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%); */ /* -moz-clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%); */ /* -ms-clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%); */ /* clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%); */ } } /* .billboard-overlay:after { /* display: none; content: " "; background: #fff; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; opacity: 0.12; } .billboard-overlay:first-child:after { display: block; left: 0%; width: 100%; background: #000000; /* #BF0F35; } */ @media screen and (max-width: 821px) { .billboard-overlay:first-child:after { width: 100%; } } /* BILLBOARD OVERLAY COLOUR PALETTE */ .billboard-overlay-red { background-color: #BF0F35e6; } .billboard-overlay-yellow { background-color: #f7901de6; } .billboard-overlay-green { background-color: #9ac034e6; } .billboard-overlay-blue { background-color: #00a0bfe6; } .billboard-overlay-black { background-color: #212121e6; } .billboard-overlay-gray { background-color: #636363e6; } .billboard-overlay-move-yellow { background-color: #f7901de6; } .billboard-overlay-move-dark-blue { background-color: #004259e6; } .billboard-overlay-move-purple { background-color: #832c61e6; } .billboard-overlay-move-green { background-color: #00978ce6; } .billboard-overlay-move-blue { background-color: #00a0bfe6; } .billboard-overlay-grow-yellow { background-color: #f7901de6; } .billboard-overlay-grow-teal { background-color: #00717fe6; } .billboard-overlay-grow-purple { background-color: #79377ce6; } .billboard-overlay-grow-green { background-color: #8a9e37e6; } .billboard-overlay-grow-red { background-color: #BF0F35e6; } .content-wrapper { width: 80vw; padding-bottom:50px; max-width:1400px; } .content-wrapper > * { padding-right: 30px; } @media screen and (min-width: 768px) { .content-wrapper { width: 100vw; } } @media screen and (min-width: 1024px) { .content-wrapper { width: 90vw; } } @media screen and (min-width: 1600px) { .content-wrapper { width: 80vw; } } @media screen and (min-width: 1745px) { .content-wrapper { width: 75vw; } } .content-wrapper h1.page-title { margin-top: 0; margin-bottom: 0; font-size: 72px; line-height: 96px; color: #fff; } .content-wrapper div.page-subtitle { margin-top: 0; margin-bottom: 40px; font-size: 36px; font-weight: 300; line-height: 52px; color: #fff; } @media all and (max-width:420px) { .content-wrapper h1.page-title { margin-top: 0; margin-bottom: 0; font-size: 42px; line-height: 52px; color: #fff; font-weight: 500; } .content-wrapper div.page-subtitle { margin-top: 0; margin-bottom: 20px; font-size: 24px; line-height: 32px; color: #fff; font-weight: 500; } .content-wrapper { width: 100%; padding:0px; } .billboard-overlay .row-fluid-wrapper .row-fluid { padding-bottom: 35px; } .parallax-cta-overlay { opacity: 0.7 !important; } } .content-wrapper .hs_cos_wrapper_type_blog_subscribe h3, .content-wrapper .hs_cos_wrapper_type_blog_subscribe label { display: none; } .content-wrapper .hs_cos_wrapper_type_blog_subscribe .hs_email { float: left; width: 70%; max-width: 250px; } .content-wrapper .hs_cos_wrapper_type_blog_subscribe .hs_submit { float: left; } .content-wrapper .hs_cos_wrapper_type_blog_subscribe .hs-button { padding: .3em 1em !important; border: 2px solid rgba(255, 255, 255, 0.9); background: transparent; color: #fff; } .content-wrapper .hs_cos_wrapper_type_blog_subscribe .hs-button:hover { background: rgba(255,255,255,0.15); cursor: pointer; -webkit-transition: ease all .35s; -moz-transition: ease all .35s; -ms-transition: ease all .35s; transition: ease all .35s; } .content-wrapper .hs_cos_wrapper_type_blog_subscribe .hs-input { padding: 5.5px 15px; border: 2px solid rgba(255, 255, 255, 0.9); border-right: none; background: transparent; } .content-wrapper .hs_cos_wrapper_type_blog_subscribe .hs-input:focus { background: #fff; -webkit-transition: all .45s ease; -moz-transition: all .45 ease; -ms-transition: all .45 ease; transition: all .45s ease; } /* Testimonials */ .testimonial p{ font-family: "Georgia", Times, serif; font-size: 2em; } .testimonial .cite{ line-height: 60px; } .testimonial .cite img{ width: 60px; height: 60px; border-radius: 50%; } /*** TESTIMONIAL BLOCK ***/ .testimonial-block .row { clear: both; } .testimonial-block .testimonial-title { font-size: 1.0em; line-height: 1em; } .testimonial-block .testimonial-name { font-size: 1.85em; line-height: 1.25em; color: lightgray; } .testimonial-image { -moz-clip-path: polygon(0 0, 100% 0%, 100% 80%, 0% 100%); -ms-clip-path: polygon(0 0, 100% 0%, 100% 80%, 0% 100%); -webkit-clip-path: polygon(0 0, 100% 0%, 100% 80%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 100% 80%, 0% 100%); width: 100%; height: auto; background: #fafafa; } .testimonial-block blockquote { margin: 0; } .testimonial-text blockquote > div { margin-top: -50px; margin-left: -20px; } /** Author Block **/ .author-box { padding-top: 20px; padding-bottom: 20px; } .author-byline { margin: 0; font-size: 0.95em; color: #212121; } .author-avatar { -moz-clip-path: polygon(0 0, 100% 0%, 100% 80%, 0% 100%); -ms-clip-path: polygon(0 0, 100% 0%, 100% 80%, 0% 100%); -webkit-clip-path: polygon(0 0, 100% 0%, 100% 80%, 0% 100%); clip-path: polygon(0 0, 100% 0%, 100% 80%, 0% 100%); width: 100%; height: auto; background: #fafafa; } /** CUSTOM CTA STYLES **/ a.bordered-cta { padding: 8px 30px !important; background: transparent !important; border: 2px solid #fff !important; border-radius: 0 !important; } a.bordered-cta:hover { background: #BF0F35 !important; } a.chevron-cta { position: relative; text-align: left; padding: 8px 0px !important; background: transparent !important; border: 0; border-radius: 0 !important; } a.chevron-cta>span { font-weight: 400; } a.chevron-cta:after { position: relative; top: 1px; content: "\f105"; font-family: 'FontAwesome'; font-weight: 400; font-size: 1.325em; margin-left: 10px; } a.chevron-cta:hover, a.chevron-cta:hover span { color: rgba(255,255,255,0.90) !important; } a.chevron-cta:hover :after { content: ""; height: 1.625px; background-color: rgba(255,255,255,0.70); display: inline-block; position:absolute; bottom: 5px; left: 0; width:80%; -webkit-transition: ease .35s all; -moz-transition: ease .35s all; -ms-transition: ease .35s all; transition: ease .35s all; } /* a.chevron-cta { background: transparent !important; border: none; border-radius: 0 !important; padding: 8px 30px !important; position: relative; } a.chevron-cta:before { content: "\00a0\00a0\00a0\00a0"; padding: 10px; position: absolute; top: -10px; left: -50px; background-color: #fff; -ms-clip-path: polygon(72% 0, 100% 50%, 72% 100%, 66% 100%, 95% 50%, 66% 0); -moz-clip-path: polygon(72% 0, 100% 50%, 72% 100%, 66% 100%, 95% 50%, 66% 0); -webkit-clip-path: polygon(72% 0, 100% 50%, 72% 100%, 66% 100%, 95% 50%, 66% 0); clip-path: polygon(72% 0, 100% 50%, 72% 100%, 66% 100%, 95% 50%, 66% 0); } a.chevron-cta > span { border-bottom: 2px solid #fff; font-weight: 300; position: absolute; left: 0; } */ .social-proof-wrapper { background: #FAFAFA; } .social-proof-wrapper .widget-type-cell { text-align: center; } .social-proof-wrapper blockquote:before { content: open-quote; color: #efefef; margin: unset; margin-left: -74px; font-family: "Georgia"; font-size: 7.5em; line-height: 0; top: 40px; float: left; position: relative; z-index: 0; vertical-align: unset; } .social-proof-wrapper blockquote { padding-top: 30px; padding-bottom: 0; text-align: left; line-height: 1.25em; } .social-proof-wrapper blockquote > footer { margin-top: 20px; line-height: 1.125em; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { display: table-cell; vertical-align: middle; } .widget-type-post_listing ul { list-style: none; margin: 0; padding:0; } .widget-type-post_listing ul > li { padding-bottom: 5px; } .widget-type-post_listing ul > li:not(:last-child):after { display: block; content: ""; border-bottom: 1px solid #fafafa; margin-top:10px; } /* Randy Edit start */ #hubspot-topic_data { font: 300 16px/1.69 "Lato", sans-serif; } #hubspot-topic_data .topic-link { color: #a7a7a7; } #hubspot-topic_data .topic-link:hover { color: #BF0F35; } /* Randy Edit end */ /* VIDEO CONTAINERS */ .video-container { display: table; position: relative; } /* TEAM LISTING */ @media screen and (max-width: 421px) { .team-members > .p-b-20 > h3 img { display: block; clear: both; width: 100% !important; margin: 0 auto !important; padding: 15px 0; float: unset !important; } } /*****************************************/ /* Helper Classes */ /*****************************************/ .no-padding { padding: 0px !important; } .p-5 { padding: 5px !important; } .p-10 { padding: 10px !important; } .p-15 { padding: 15px !important; } .p-20 { padding: 20px !important; } .p-25 { padding: 25px !important; } .p-30 { padding: 30px !important; } .p-35 { padding: 35px !important; } .p-40 { padding: 40px !important; } .p-45 { padding: 45px !important; } .p-50 { padding: 50px !important; } .p-55 { padding: 55px !important; } .p-60 { padding: 60px !important; } .p-65 { padding: 65px !important; } .p-70 { padding: 70px !important; } .p-75 { padding: 75px !important; } .p-80 { padding: 80px !important; } .p-85 { padding: 85px !important; } .p-90 { padding: 90px !important; } .p-95 { padding: 95px !important; } .p-100 { padding: 100px !important; } .p-l-0 { padding-left: 0px !important; } .p-l-5 { padding-left: 5px !important; } .p-l-10 { padding-left: 10px !important; } .p-l-15 { padding-left: 15px !important; } .p-l-20 { padding-left: 20px !important; } .p-l-25 { padding-left: 25px !important; } .p-l-30 { padding-left: 30px !important; } .p-l-35 { padding-left: 35px !important; } .p-l-40 { padding-left: 40px !important; } .p-l-45 { padding-left: 45px !important; } .p-l-50 { padding-left: 50px !important; } .p-l-55 { padding-left: 55px !important; } .p-l-60 { padding-left: 60px !important; } .p-l-65 { padding-left: 65px !important; } .p-l-70 { padding-left: 70px !important; } .p-l-75 { padding-left: 75px !important; } .p-l-80 { padding-left: 80px !important; } .p-l-85 { padding-left: 85px !important; } .p-l-90 { padding-left: 90px !important; } .p-l-95 { padding-left: 95px !important; } .p-l-100 { padding-left: 100px !important; } .p-r-0 { padding-right: 0px !important; } .p-r-5 { padding-right: 5px !important; } .p-r-10 { padding-right: 10px !important; } .p-r-15 { padding-right: 15px !important; } .p-r-20 { padding-right: 20px !important; } .p-r-25 { padding-right: 25px !important; } .p-r-30 { padding-right: 30px !important; } .p-r-35 { padding-right: 35px !important; } .p-r-40 { padding-right: 40px !important; } .p-r-45 { padding-right: 45px !important; } .p-r-50 { padding-right: 50px !important; } .p-r-55 { padding-right: 55px !important; } .p-r-60 { padding-right: 60px !important; } .p-r-65 { padding-right: 65px !important; } .p-r-70 { padding-right: 70px !important; } .p-r-75 { padding-right: 75px !important; } .p-r-80 { padding-right: 80px !important; } .p-r-85 { padding-right: 85px !important; } .p-r-90 { padding-right: 90px !important; } .p-r-95 { padding-right: 95px !important; } .p-r-100 { padding-right: 100px !important; } .p-b-0 { padding-bottom: 0px !important; } .p-b-5 { padding-bottom: 5px !important; } .p-b-10 { padding-bottom: 10px !important; } .p-b-15 { padding-bottom: 15px !important; } .p-b-20 { padding-bottom: 20px !important; } .p-b-25 { padding-bottom: 25px !important; } .p-b-30 { padding-bottom: 30px !important; } .p-b-35 { padding-bottom: 35px !important; } .p-b-40 { padding-bottom: 40px !important; } .p-b-45 { padding-bottom: 45px !important; } .p-b-50 { padding-bottom: 50px !important; } .p-b-55 { padding-bottom: 55px !important; } .p-b-60 { padding-bottom: 60px !important; } .p-b-65 { padding-bottom: 65px !important; } .p-b-70 { padding-bottom: 70px !important; } .p-b-75 { padding-bottom: 75px !important; } .p-b-80 { padding-bottom: 80px !important; } .p-b-85 { padding-bottom: 85px !important; } .p-b-90 { padding-bottom: 90px !important; } .p-b-95 { padding-bottom: 95px !important; } .p-b-100 { padding-bottom: 100px !important; } .p-t-0 { padding-top: 0px !important; } .p-t-5 { padding-top: 5px !important; } .p-t-10 { padding-top: 10px !important; } .p-t-15 { padding-top: 15px !important; } .p-t-20 { padding-top: 20px !important; } .p-t-25 { padding-top: 25px !important; } .p-t-30 { padding-top: 30px !important; } .p-t-35 { padding-top: 35px !important; } .p-t-40 { padding-top: 40px !important; } .p-t-45 { padding-top: 45px !important; } .p-t-50 { padding-top: 50px !important; } .p-t-55 { padding-top: 55px !important; } .p-t-60 { padding-top: 60px !important; } .p-t-65 { padding-top: 65px !important; } .p-t-70 { padding-top: 70px !important; } .p-t-75 { padding-top: 75px !important; } .p-t-80 { padding-top: 80px !important; } .p-t-85 { padding-top: 85px !important; } .p-t-90 { padding-top: 90px !important; } .p-t-95 { padding-top: 95px !important; } .p-t-100 { padding-top: 100px !important; } .no-margin { margin: 0px !important; } .m-5 { margin: 5px !important; } .m-10 { margin: 10px !important; } .m-15 { margin: 15px !important; } .m-20 { margin: 20px !important; } .m-25 { margin: 25px !important; } .m-30 { margin: 30px !important; } .m-35 { margin: 35px !important; } .m-40 { margin: 40px !important; } .m-45 { margin: 45px !important; } .m-50 { margin: 50px !important; } .m-55 { margin: 55px !important; } .m-60 { margin: 60px !important; } .m-65 { margin: 65px !important; } .m-70 { margin: 70px !important; } .m-75 { margin: 75px !important; } .m-80 { margin: 80px !important; } .m-85 { margin: 85px !important; } .m-90 { margin: 90px !important; } .m-95 { margin: 95px !important; } .m-100 { margin: 100px !important; } .m-l-0 { margin-left: 0px !important; } .m-l-5 { margin-left: 5px !important; } .m-l-10 { margin-left: 10px !important; } .m-l-15 { margin-left: 15px !important; } .m-l-20 { margin-left: 20px !important; } .m-l-25 { margin-left: 25px !important; } .m-l-30 { margin-left: 30px !important; } .m-l-35 { margin-left: 35px !important; } .m-l-40 { margin-left: 40px !important; } .m-l-45 { margin-left: 45px !important; } .m-l-50 { margin-left: 50px !important; } .m-l-55 { margin-left: 55px !important; } .m-l-60 { margin-left: 60px !important; } .m-l-65 { margin-left: 65px !important; } .m-l-70 { margin-left: 70px !important; } .m-l-75 { margin-left: 75px !important; } .m-l-80 { margin-left: 80px !important; } .m-l-85 { margin-left: 85px !important; } .m-l-90 { margin-left: 90px !important; } .m-l-95 { margin-left: 95px !important; } .m-l-100 { margin-left: 100px !important; } .m-r-0 { margin-right: 0px !important; } .m-r-5 { margin-right: 5px !important; } .m-r-10 { margin-right: 10px !important; } .m-r-15 { margin-right: 15px !important; } .m-r-20 { margin-right: 20px !important; } .m-r-25 { margin-right: 25px !important; } .m-r-30 { margin-right: 30px !important; } .m-r-35 { margin-right: 35px !important; } .m-r-40 { margin-right: 40px !important; } .m-r-45 { margin-right: 45px !important; } .m-r-50 { margin-right: 50px !important; } .m-r-55 { margin-right: 55px !important; } .m-r-60 { margin-right: 60px !important; } .m-r-65 { margin-right: 65px !important; } .m-r-70 { margin-right: 70px !important; } .m-r-75 { margin-right: 75px !important; } .m-r-80 { margin-right: 80px !important; } .m-r-85 { margin-right: 85px !important; } .m-r-90 { margin-right: 90px !important; } .m-r-95 { margin-right: 95px !important; } .m-r-100 { margin-right: 100px !important; } .m-b-0 { margin-bottom: 0px !important; } .m-b-5 { margin-bottom: 5px !important; } .m-b-10 { margin-bottom: 10px !important; } .m-b-15 { margin-bottom: 15px !important; } .m-b-20 { margin-bottom: 20px !important; } .m-b-25 { margin-bottom: 25px !important; } .m-b-30 { margin-bottom: 30px !important; } .m-b-35 { margin-bottom: 35px !important; } .m-b-40 { margin-bottom: 40px !important; } .m-b-45 { margin-bottom: 45px !important; } .m-b-50 { margin-bottom: 50px !important; } .m-b-55 { margin-bottom: 55px !important; } .m-b-60 { margin-bottom: 60px !important; } .m-b-65 { margin-bottom: 65px !important; } .m-b-70 { margin-bottom: 70px !important; } .m-b-75 { margin-bottom: 75px !important; } .m-b-80 { margin-bottom: 80px !important; } .m-b-85 { margin-bottom: 85px !important; } .m-b-90 { margin-bottom: 90px !important; } .m-b-95 { margin-bottom: 95px !important; } .m-b-100 { margin-bottom: 100px !important; } .m-t-0 { margin-top: 0px !important; } .m-t-5 { margin-top: 5px !important; } .m-t-10 { margin-top: 10px !important; } .m-t-15 { margin-top: 15px !important; } .m-t-20 { margin-top: 20px !important; } .m-t-25 { margin-top: 25px !important; } .m-t-30 { margin-top: 30px !important; } .m-t-35 { margin-top: 35px !important; } .m-t-40 { margin-top: 40px !important; } .m-t-45 { margin-top: 45px !important; } .m-t-50 { margin-top: 50px !important; } .m-t-55 { margin-top: 55px !important; } .m-t-60 { margin-top: 60px !important; } .m-t-65 { margin-top: 65px !important; } .m-t-70 { margin-top: 70px !important; } .m-t-75 { margin-top: 75px !important; } .m-t-80 { margin-top: 80px !important; } .m-t-85 { margin-top: 85px !important; } .m-t-90 { margin-top: 90px !important; } .m-t-95 { margin-top: 95px !important; } .m-t-100 { margin-top: 100px !important; } /*****************************************/ /* Responsive */ /*****************************************/ .main-nav .selectnav{ display: none; } @media screen and (max-width: 736px) { #desktop-nav { display: none !important; } } @media screen and (min-width: 737px) { .mobile-nav-toggle { display: none !important; } } @media screen and (min-width: 767px) { .footer-logo { width: 220px; } .skewed-billboard-wrapper { height: 70.5vh; } .skewed-billboard-wrapper:after { height: 70.5vh; } .skewed-billboard-bg { height: 70.5vh; } .skewed-content-wrapper h1.page-title { font-size: 34px; line-height: 45px; -webkit-margin-after: 0.5em; } } @media screen and (min-width: 1200px) { .skewed-billboard-wrapper { height: 89.5vh; } .skewed-billboard-wrapper:after { height: 89.5vh; } .skewed-billboard-bg { height: 89.5vh; } } @media(max-width:767px){ /* Global Styling */ .column-group > .row-fluid-wrapper > .row-fluid > [class*="span"]{ margin-bottom: 20px; padding-bottom: 40px; border-left: 0; border-bottom: 1px solid #f3f3f3; } .row-fluid [class*="span"].page-content { padding-top: 10px; } /* Header + Main Navigation (and selectnav) */ .main-nav .hs-menu-wrapper.hs-menu-flow-horizontal .selectnav + ul{ display: none; } .main-nav .selectnav{ display: block; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANRJREFUeNrsmLEJAkEQRe/2FkQRDMRIAxuQy+1BtAO7sBErELQAmzDfFkwPA0EU9WD9A1uAcAZf/R/exo/ZnWHYPMaYMcdlSrPkYAgWoEvmdgF7E1yDMWkBj/YGB8Q33Kdvkq8QrIn96gLHE0xAQSb3ADsNWkX5hWXBxksJOmRuVxA8jhWYkhbw4FL1WFNqWfgLwUDsF2zM+NQobTK5G3nxFEV5e5uZgSVokbndwcYEt6BHWsCzS4OaNV7LwicEK2K/kzXJCMwz0g9M/jmoX/6GeQkwAImrHi4MbrZhAAAAAElFTkSuQmCC'); margin-top: 15px; } .sticky-wrapper .main-nav .selectnav { filter:invert(80%); } /* Breadcrumbs */ .breadcrumbs{ font-size: 0.875em; line-height: 0em; display:flex !important; flex-grow:1; flex-shrink:1; height:auto; } .breadcrumbs span { font-size: 1em; line-height: 1.125em; } .blog-quick-links span { font-size: 0.875em; } /* Overlay */ .skewed-content-wrapper .hs_cos_wrapper_type_blog_subscribe .hs_email { float: left; width: 48%; } .skewed-content-wrapper .hs_cos_wrapper_type_blog_subscribe .hs-form-field { margin-bottom: 5px; } .testimonial-block blockquote { margin: 0; } /* Footer */ .footer-wrapper, .footer-wrapper .text-left, .footer-wrapper .text-center, .footer-wrapper .text-right, .footer-wrapper .hs-menu-item { text-align: center !important; } .footer-logo-wrapper { text-align: center; } .footer-container-wrapper .footer-nav.text-center ul li { text-align: center; } } @media screen and (max-width: 421px) { .column-group-item-wrapper.p-t-90.p-b-90 { padding-top: 0px !important; padding-bottom: 15px !important } .about-author-sec .span2 { float: left; width: 20%; margin-right: 10px; margin-bottom: 5px; } .about-author-sec .span10 { width: 80%; } .author-avatar { width: 90%; } blockquote { margin: 0; padding: 10px 10px 0; line-height: 1.4em; } blockquote:before { margin-left: -10px; margin-right: -40px; font-size: 5em; line-height: 0; vertical-align: -50px; } blockquote > p { font-size: 21px; line-height: 1em; } blockquote > footer { padding-top: 5px; } blockquote > footer > p { font-size: 20px; line-height: 1.5em; } } @media screen and (max-width: 421px) { .skewed-content-wrapper h1.page-title { font-size: 1.1em; padding-bottom: 15px; } .skewed-content-wrapper .page-title.section-title { margin-left: 0px; padding-bottom: 10px; } .skewed-content-wrapper div.page-subtitle { font-size: .875em; margin-bottom: 20px; } .skewed-content-wrapper .post_meta { font-size: .75em; } .skewed-content-wrapper .post_meta > p { margin: 0; } .skewed-cta-wrapper .cta_button { margin-top: 10px; } .skewed-cta-wrapper .cta_button > span { font-size: 18px !important; } } @media screen and (max-width: 421px) { .hs-featured-image-wrapper { height: 110px; } } @media screen and (min-width: 376px) and (max-width: 768px) { a.chevron-cta { margin-left: 25px; } } @media all and (max-width:360px) { .featured-post-title, .featured-post-excerpt, .featured-post-excerpt { max-width: 95%; } .content-wrapper h1.page-title { font-weight:500; margin-top: 0; margin-bottom: 0; font-size: 40px; line-height: 58px; } } .hs-inline-edit nav#menu { display: none !important; } .sidebar-subscription-wrapper { background: #fafafa; padding: 20px; border:1px solid #ececec; } .sidebar-subscription-wrapper input { background: #fff !important; } .sidebar-subscription-wrapper h3 { margin: 0; } .sidebar-subscription-wrapper .sidebar-subscription { margin-bottom: 0; } .sidebar .hs_submit .actions input { background: transparent !important; } .star-rating { font-size: .875em; color: goldenrod; } /*** Randy EDIT ***/ sup {font-size: 50%;} /*** RW EDIT ***/ .skewed-content-wrapper h1.page-title sup { font-size: 18px; } .coaches-wrapper { display: flex; margin: 0 auto; } .coaches-wrapper > .coach-item { width: calc(33.33% - 30px); margin-right: 30px; font-size: 16.5px; } /* YouTube Responsive CSS for HubSpot */ .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%; }