/****************************************/ /* KAYAK White Label HubSpot Template Pack /* Version: 1.1.5 rev.2018.07.22 /* Version: 1.2.2 rev.2022.03.11 /* Copyright: 2022 KAYAK Marketing /* https://www.kayakmarketing.com/ * 1.2.3: * - Standard CSS moved to boilerplate.css * - wl--styles has css that is likely to be changed to fit branding * - theme-variables.css is to be used if this is set in theme settings /* 1.2.2: * - CSS clean up and updated notes /* 1.2.1: * - Updated Font Awesome /* 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 /****************************************/ /****************************************/ /* Size Settings /* Set the maximum content width and mobile switch points. /* 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 /* Font families that are not Browser generic should include an @import declaration from Google Fonts below the Font Awesome above /* @import for Google Fonts should be done once including all the font families and sizes to avoid a second call /****************************************/ /****************************************/ /* 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. #f2f2f2 #333333 #777777 #1b75bb #019fd1 /****************************************/ /* site_settings.secondary_font_color */ /*** HEADER MENU ***/ /* Set Mobile Menu Background Color */ /* Set Mobile Menu Hover Background Color */ /* Set Link Color */ /* Set Link Hover Color */ /*** FOOTER ***/ /* site_settings.secondary_accent_color %} */ /****************************************/ /* 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;} */ /*****************************************/ /* Global Styling */ /*****************************************/ .row-fluid-wrapper .row-fluid { position:relative !important; } .logo-vertical-align { display: flex !important; align-items: center; justify-content: center; /*min-height:300px !important;*/ } .sinewavetop, .sinewavebottom { overflow:hidden; position:relative; } .sinewavetop::before, .sinewavebottom::after { content:''; position: absolute; z-index: 300; pointer-events: none; background-repeat: no-repeat; bottom: -1px; left: -0.1vw; right: -0.1vw; top: calc(100% - 30px); background-size: 100% 32px; background-position: 100% 0%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='971.8' height='39.1' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M-.7 39.1V0l.2.4H115c32 0 123 35.5 371.1 35.5C734.3 35.9 818.1.4 846 .4h126.9l-.5-.4v38.7l-.4.4H-1.7'/%3E%3C/svg%3E"); } .blue.sinewavebottom:after, .blue.sinewavetop:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='971.8' height='39.1' preserveAspectRatio='none'%3E%3Cpath fill='%231B75BB' d='M-.7 39.1V0l.2.4H115c32 0 123 35.5 371.1 35.5C734.3 35.9 818.1.4 846 .4h126.9l-.5-.4v38.7l-.4.4H-1.7'/%3E%3C/svg%3E"); } .black.sinewavebottom:after, .black.sinewavetop:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='971.8' height='39.1' preserveAspectRatio='none'%3E%3Cpath fill='%23000000' d='M-.7 39.1V0l.2.4H115c32 0 123 35.5 371.1 35.5C734.3 35.9 818.1.4 846 .4h126.9l-.5-.4v38.7l-.4.4H-1.7'/%3E%3C/svg%3E"); } .shape-fill { background-color: #1b75bb; /*rgb(27 117 187 / 90%); */ } .sinewavetop:before { transform: rotate(180deg); top: 0%; bottom: calc(100% - 32px); } .sinewavebottom:after { transform: rotateX(0deg) rotateY(0deg) !important; } .row-fluid-wrapper .row-fluid { position:relative !important; } .tech-spec .slick-track { margin-left: 0; } .slick-dots { bottom: -45px !important; } .slick-dots button:hover,.slick-dots button:focus { background-color: transparent !important; border-color: transparent !important; color: hsla(45,17%,95%,.5 )!important; } html, body{ background: #ffffff; } @media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } } .colored-background{ background: #f2f2f2; } .row-fluid [class*="span"].global-wrapper{ max-width: 1368px; padding-left: 20px; padding-right: 20px; width: 100%; margin: 0 auto; margin-left: auto !important; float: none; } hr{ margin: 4em 0; border: 0px; border-top: 1px solid rgba(204,204,204,.16); background: rgb(242,242,242); background: linear-gradient(90deg, rgba(242,242,242,.5) 0%, rgba(1,159,209,.5) 35%, rgba(242,242,242,.51) 100%); height: 1px; clear:both; } a, a:active{ color: #1b75bb; text-decoration: none; } .productinfo a.cta_button { color: #333; text-decoration: none !important; border-color: #333; background-color: transparent; /* rgba(27,117,187,20%); */ border: 1.5px solid #333 !important; font-size: 20px; border-radius: 4px; padding: 10px 20px!important; transition: background .2s ease; } .productinfo a.cta_button:hover, .productinfo a.cta_button:active { color:#fff !important;; background-color: #1b75bb; border: 1.5px solid #1b75bb !important; } .global-wrapper:not(.header-wrapper) a, .global-wrapper:not(.header-wrapper) a:active { border-bottom: 4px solid transparent; } .global-wrapper .resultssection a, .global-wrapper .resultssection a:active, .footer-container-wrapper a, .footer-container-wrapper a:active, .persona-repeater-content-section a, .persona-repeater-content-section a:active, #documents a, #documents a:active, .relatedproduct a, .relatedproduct a:active { border-bottom: none !important; } .bluebgnd a, .bluebgnd a:active{ color: #cccccc; text-decoration: none; } .topmenuitem a { color: #ffffff; } .topmenuitem a:hover { color: #eeeeee; } a:hover{ color: #000; text-decoration: none; } .global-wrapper:not(.header-wrapper) a:hover { color: #000; text-decoration: none; border-bottom: 4px solid #abd0ec; } .global-wrapper .resultssection a:hover, .persona-repeater-content-section a:hover, .persona-repeater-content-section .persona-wrapper:hover .persona-text, .persona-repeater-content-section .persona-wrapper:hover .persona-heading h3, .relatedproduct a:hover { border-bottom: none; color: #a1c0e4 !important; } #documents a:hover { border-bottom: none; } .footer-container-wrapper a:hover { color: #ccc !important; text-decoration: none; border-bottom: none !important; } /* Column Group */ .column-group [class*="span"].column-group-item{ margin: 0; padding: 20px 2%; border-left: 1px solid #1b75bb; } .column-group [class*="span"].column-group-item:first-child{ border-left: 0; } /*****************************************/ /* Typography */ /*****************************************/ html, body { font: 400 17px/1.85 Montserrat; color: #333; /* #333333 */ } h1, h2, h3, h4 { font-family: Montserrat; font-weight: 400; letter-spacing: -1px; color: #333; line-height: 1.45em; margin-top: 0.5em; margin-bottom: 1em; } h1 { font-size: 36px; } h2 { font-size: 30px; margin-bottom: 2em; font-weight:500; } h3 { font-size: 26px; font-weight:500; } h3 { font-size: 22px; } p { margin-top: 0; margin-bottom: 1.5em; } blockquote p { clear:none !important; } pre, code, kbd { font: 0.9em/1 "Source Code Pro", Monaco, "Courier New", monospaced; } blockquote, div.testimonial blockquote { margin: 1em 2em 1em 1em; border-left: 12px solid rgba(1,159,209,.5) ; border-top: 12px solid rgba(1,159,209,.5) ; padding: 20px; display: inline-block; border-radius: 30px 20px 0 20px; margin: 60px 0 30px; } div.testimonial { width: 100%; display: block; position: relative; } .testimonial cite strong, div.testimonial cite strong { font-size: 1.2em; display: inline-flex; width: 100%; } .testimonial cite img, div.testimonial cite img { width: 80px; height: 80px; margin-right: 40px; margin-bottom: 1em; border-radius: 40px; } .testimonial blockquote { border-left: 12px solid rgba(123, 181, 195, .0) ; } .testimonial blockquote { position: relative; display: inline-block; box-sizing: border-box; width: 73%; margin: 0px 0px 0px 150px; padding: 20px 0; background: transparent; border-radius: 8px; } .testimonial blockquote h5 { margin: 0; font-size: 1.2em; font-weight: 400; } .testimonial blockquote p { font-size: 1em; } .testimonial:nth-child(odd) cite { margin-left: 510px; text-align: right; } .testimonial:nth-child(odd) cite img { margin-right: 0; margin-left: 40px; } .testimonial:nth-child(odd) blockquote, .blog-section .testimonial:nth-child(even) blockquote{ margin-left: 0px; } .testimonial:nth-child(odd) blockquote, .page-section-sub-hero .testimonial:nth-child(even) blockquote{ margin-left: 0px; } .testimonial:nth-child(odd) blockquote:after { left: 100%; border-right-color: #1b75bb; border-left-color: #1b75bb; } .row-alternate .testimonial blockquote{ background: #1b75bb; } .row-alternate .testimonial blockquote:after{ border-right-color: #1b75bb; } .row-alternate .testimonial:nth-child(even) blockquote:after{ border-right-color: transparent; border-left-color: #1b75bb; } @media screen and (max-width: 960px){ .testimonial cite { position: absolute; display: contents; width: auto; font-style: normal; font-size: .7em; line-height: 135%; } .testimonial blockquote { position: relative; display: table-cell; box-sizing: border-box; width: 75%; margin: 0px 0px 0px 150px; padding: 20px 0; background: transparent; border-radius: 8px; } } /*****************************************/ /* Forms and Form Elements */ /*****************************************/ .hs-form-field label, .hs-form-field .hs-field-desc{ font-size: 0.85em; color: #333333; } .hs-form-field .hs-field-desc{ font-style: italic; font-size: small; } input, select, textarea, button, .more-link, .button-cta a { color: #333333; border: 1px solid #333333; border-radius: 4px; } fieldset, input[type="text"], input[type="tel"], input[type="email"], select, textarea { /* reset, esp. mobile */ -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #ffffff; border: 1px solid #ccc; outline: none; } input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, select:focus, textarea:focus { box-shadow: 0px 0px 5px #1b75bb; } 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, .button-cta a { /* reset on mobile */ -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: .5em .8em; background: none; color: #ffffff; background: #1b75bb; border-color: #1b75bb; transition: all 300ms ease; } button:hover, button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, .more-link:hover, .button-cta a:hover{ color: #1b75bb; text-decoration: none; border-color: #1b75bb; background: rgba(255,255,255,0); } button:active, input[type="submit"]:active, input[type="reset"]:active, .more-link:active, .button-cta a:active{ color: #ffffff; background: #1b75bb; border-color: #1b75bb; } input[type="search"] { border: 1px solid #dedede; border-radius: 2px; width: 100%; padding: 0; } .hideable-section.hide-section, .form-no-title .form-title { display: none !important; } /* Form Errors */ .hs-form-field { position: relative; margin-top: 20px; } .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: rgba(1,159,209,.5); color: #ffffff; 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(255, 255, 255, 0.01); border-top-color: #1b75bb; border-width: 6px; pointer-events: none; } /*****************************************/ /* Slick Slider */ /*****************************************/ .slick-arrow {display:none !important;} .slick-dots li button { height: 60px; } .slick-dots li button:before { font-size: 15px !important; line-height:5px; } /*****************************************/ /* Tag Cloud */ /*****************************************/ ul.cloud { list-style: none; padding-left: 0; display: flex; flex-wrap: wrap; text-align: center !important; align-items: center !important; justify-content: center !important; line-height: 1.5rem; } ul.cloud a { color: #1b75bb; display: block; padding: 0.125rem 0.25rem; text-decoration: none; position: relative; --size: attr(data-weight number, 4); font-size: calc(var(--size) * .45rem); } ul.cloud a[data-weight="1"] { --size: 1; } ul.cloud a[data-weight="2"] { --size: 1.25; } ul.cloud a[data-weight="3"] { --size: 1.5; } ul.cloud a[data-weight="4"] { --size: 2; } ul.cloud a[data-weight="5"] { --size: 2.5; } ul.cloud a[data-weight="6"] { --size: 3; } ul.cloud a[data-weight="7"] { --size: 3.5; } ul.cloud a[data-weight="8"] { --size: 4; } ul.cloud a[data-weight="9"] { --size: 4.5; } /*****************************************/ /* Tables */ /*****************************************/ table { max-width: 100%; border-collapse: collapse; } th, td { margin: 0; padding: 10px; } th { color: #ffffff; background: #1b75bb; } tr td { border-bottom: 1px solid #1b75bb; } /*****************************************/ /* Header + Main Navigation */ /*****************************************/ .header-container-wrapper { position: relative; z-index: 101; background: #1b75bb; } .header-container-wrapper .widget-span .widget-type-logo img.hs-image-widget { height: 73px; width: 240px !important; } .absolute-header .header-container-wrapper { position: absolute; left: 0; top: 0; right: 0; background: transparent; overflow-x:visible; } .body-container-wrapper { position: relative; z-index: 99; background: #ffffff; box-shadow: none; } .main-nav{ text-align: right; } .header-nav-wrapper { background: transparent; } .row-fluid [class*="span"].global-wrapper.header-nav-wrapper { padding: 50px 30px 30px 30px; } .top-menu-repeater { text-align:center; } .top-menu-repeater .layout-widget-wrapper { padding:20px 0px; } .top-menu-repeater li { float:none !important; display:inline-block; } /* =============== Custom Menu Primary =============== */ /* requires .custom-desktop class */ /* Parent List */ .main-nav.custom-desktop .hs-menu-wrapper > ul { float: right !important; color: #808080; line-height: 1.2em; font-family: Montserrat; font-size: 17px; font-weight: 300; text-transform: none; box-shadow: none !important; } .main-nav.custom-desktop .hs-menu-wrapper > ul > li { position: relative; margin-bottom: 0; } .main-nav.custom-desktop .hs-menu-wrapper > ul > li > a { margin-right: 0; margin-left: 0; outline: 0; display: inline-block; float: left; position: relative; color: #ffffff; line-height: 1.2em; letter-spacing: 1px; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .main-nav.custom-desktop .hs-menu-wrapper > ul > li:hover > a{ background: #ffffff; color: #1b75bb; } .error-template .main-nav.custom-desktop .hs-menu-wrapper > ul > li > a, .error-template .main-nav.custom-desktop .hs-menu-wrapper > ul > li > a:hover, .search-template .main-nav.custom-desktop .hs-menu-wrapper > ul > li > a, .search-template .main-nav.custom-desktop .hs-menu-wrapper > ul > li > a:hover{ color: #333; } /* Current Menu Line */ .main-nav.custom-desktop .hs-menu-wrapper > ul > li > a:after { content: ""; /* "\f078" down chevron */ bottom: 0; height: 1px; left: 50%; position: absolute; width: 0; background: #1b75bb; -webkit-transition: all 200ms ease 0s; -o-transition: all 200ms ease 0s; -ms-transition: all 200ms ease 0s; transition: all 200ms ease 0s; } /* Hover Style */ .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li > a:hover { color: #ffffff; } .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li.hs-menu-show-active-branch > a { color: #1b75bb; } .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li { color: #1b75bb; background: rgba(255, 255, 255, .99); margin-bottom: 0; -webkit-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s; } .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > a { color: #1b75bb; } .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li:hover > a, .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li.parent.hover > a, .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li.current-menu-item > a { background: rgba(1, 159, 209, .5); } /* 3rd level */ .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul > li { background: rgba(255, 255, 255, .94); } /* Fix menu disappearing on desktop after toggling mobile menu */ @media screen and (min-width: 1368px) { .main-nav .hs-menu-wrapper, .main-nav .hs-menu-wrapper > ul ul { display:block !important; } .main-nav.js-enabled { max-width: 100%; float: right !important; margin: 0 !important; margin-top: 12px !important; } .main-nav.custom-mobile { display: none !important; } } /* =============== Mobile Toggle Menu =============== */ /* Hide button on Desktop */ .mobile-trigger, .child-trigger { display: none; } .main-nav.custom-mobile .hs-menu-wrapper > ul li > ul { background: rgba(0,0,0,.5); padding-left: 10px; } .main-nav.custom-mobile .hs-menu-wrapper > ul li > ul li { padding: 20px 5px; border-bottom: 1px solid rgba(0,0,0,.5); } .main-nav.custom-mobile .hs-menu-wrapper > ul li > ul li:last-child { border-bottom: none; } .main-nav.custom-mobile .hs-menu-wrapper > ul li > ul li a { color: #1f1f1f; } @media (max-width: 1367px ){ .main-nav.custom-desktop { display: none !important; } /* Menu Reset */ .main-nav, .main-nav .hs-menu-wrapper > ul, .main-nav .hs-menu-wrapper > ul li, .main-nav .hs-menu-wrapper > ul li a{ background-color: rgba(0,0,0,.5); border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .topmenuitem a { color: #333!important } /* ===== Mobile Toggle Button ===== */ #hs_cos_wrapper_module_145288786264468231 .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { max-width: initial; } .mobile-trigger { display: inline-block !important; cursor: pointer; width: auto; float: right; text-align: right; padding-top: 20px; margin-right: 2%; z-index:100000000000000; } .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"; /* Burger menu bars */ } .fa { display: inline-block; font: normal normal normal 14px/1; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mobile-trigger i { font-size: 28px; line-height: 28px; color: #ffffff; font-weight: normal; cursor: pointer; } /* ===== 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 solid rgba(255, 255, 255, .20); cursor: pointer; } .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 ===== */ .main-nav.js-enabled{ position: relative; padding-top: 0px; /* Makes room for button */ margin: 0; width: 100% !important; cursor: pointer; } /* Hide menu on mobile */ .main-nav.js-enabled .hs-menu-children-wrapper{ display: none; } /* Make child lists appear below parent items */ .main-nav ul.hs-menu-children-wrapper{ visibility: visible !important; opacity: 1 !important; position: static !important; } /* Mobile Menu Styles */ .main-nav.js-enabled .hs-menu-wrapper{ width: 100%; position: relative; top: 0; left: 0; padding: 0; cursor: pointer; } .main-nav .hs-menu-wrapper{ width: 100%; /* Full screen width */ } /* Level 1 Menu List Styles */ .main-nav .hs-menu-wrapper > ul > li{ position: relative; } .main-nav .hs-menu-wrapper > ul > li a{ overflow: visible; } .main-nav .hs-menu-wrapper > ul ul li a{ text-indent: 0px; } /* Level 3 and Higher Menu List Styles */ .main-nav .hs-menu-wrapper > ul ul ul li a{ text-indent: 0px; /* Indent Child lists */ } /* Level 4 and Higher Menu List Styles */ .main-nav .hs-menu-wrapper > ul ul ul ul li a{ text-indent: 0px; /* Indent Child lists */ } .main-nav.custom-mobile.js-enabled { background: #333333; border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.18); position: fixed; z-index: 998; font-size: 16px; 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(https://4475760.fs1.hubspotusercontent-na1.net/hubfs/4475760/resources/Images/download.gif?t=1522922263732); background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: -1; -webkit-transition: all 300ms ease 0.00ms; -o-transition: all 300ms ease 0.00ms; transition: all 300ms ease 0.00ms; } .mobile-open .main-nav.custom-mobile.js-enabled { z-index: 1; left: 0; -webkit-transition: all 300ms ease 0.00ms; -o-transition: all 300ms ease 0.00ms; transition: all 300ms ease 0.00ms; } .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: Montserrat; font-weight: 400; font-style: normal; letter-spacing: 0px; text-overflow: ellipsis; white-space: nowrap; display: block; padding: 10px 0; } .main-nav .hs-menu-wrapper > ul { font-size: 14px; line-height: 22px; font-weight: 400; letter-spacing: 0px; margin-bottom: 0px !important; height: 70vh; overflow: auto; } .main-nav .hs-menu-wrapper > ul > li { position: relative; } .main-nav .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; } .main-nav .hs-menu-wrapper > ul > li:first-child > a { padding-top: 14px; } .main-nav .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: #ffffff; margin: 0 8px; text-decoration: none; line-height: 20px; } .search-trigger{ width: auto !important; float: right !important; margin-right: 2%; padding-top: 16px !important; } .main-nav .hs-menu-wrapper > ul > li.active > a { background: rgba(0, 0, 0, 0.1); } #site-wrapper { position: relative; left: 0; transition: all 300ms; } .mobile-open #site-wrapper { left: 440px; transition: all 300ms; } body { overflow-x: hidden; overflow-y: auto; left: 0; transition: all 300ms; } 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: 100; display: none !important; height: 100%; } .mobile-open .overlay { display: block !important; } .billboard-content .button-cta a, .parallax-cta-content .button-cta a { border-color: #fff; background-color: rgba(27,117,187,20%); word-break: keep-all; white-space: nowrap; font-size: 20px; letter-spacing: -0.25px; } } .hs_cos_gallery_main.slick-fixed-height-slider.slick-initialized.slick-slider { padding: 1px 0 0 0; } @media (max-width: 479px ){ .billboard-content .button-cta a, .parallax-cta-content .button-cta a { font-size: 4.75vw; } } /* Search */ .search-trigger { display: inline; cursor: pointer; width: 48%; float: left; margin-left: 0; } @media screen and (min-width: 768px) { .search-trigger { width: auto; float: right; padding: 20px 0; } } #search-toggle{ position: relative; top: 2px; margin-left: 0; color: #ffffff; transition: color 200ms ease; } #search-toggle:hover, #search-toggle:active { color: #ccc; } #search-toggle:after{ content: ' '; position: absolute; top: -20px; right: -30%; display: block; width: 160%; height: 60px; } #search-form-wrapper{ position: absolute; top: 0; left: 0; right: 0; display: none; width: 100%; height: 120px; padding: 11px 20px 0; font-size: .8em; color: #ffffff; text-align: center; background: rgba(255,255,255,.95); z-index: 999; } #search-form-wrapper label{ display: none; } #search-form-wrapper .hs-button.primary{ visibility: hidden; } #search-form-wrapper input[type="text"]{ box-sizing: border-box; width: 100%; height: 100px; padding: 0 0 0 70px; font-size: 3em; font-weight: 300; text-align: left; color: #333; background: url('https://www.kayakmarketing.com/hubfs/images/k4/global-images/icon-search-large.png') left 20px center no-repeat transparent; background-size: 30px 30px; border: none; border-radius: 0; border-bottom: 1px solid rgba(#ffffff,.6); } #search-form-wrapper input[type="text"]:focus{ border-color: rgb(#ffffff); box-shadow: none; } .custom-logo a { display:block; width: 240px; } @media (max-width: 1368px) { .search-trigger { display:block; visibility: visible; } #search-toggle{ top: 16px; } #embed-container, .embed-container { margin-bottom:60px; } .custom-logo{ /* width: auto !important; */ float: left !important; } /* .widget-type-logo img.hs-image-widget{ max-height: 67px; max-width: 220px !important; } */ .button-cta.primary, .button-cta.secondary { padding-bottom: 20px; } .search-trigger { display: block; background-color: rgba(#ffffff,.85); cursor: pointer; height: 52px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; width: 30px !important; margin:0px auto!important; text-align: center !important; padding: 0px !important; border-top: 1px solid #efeeea; } #search-toggle { margin-left:0px; } .row-fluid [class*="span"].global-wrapper.header-nav-wrapper { padding: 30px 30px 30px 20px; } .hs-search-field--open { border: 1px solid rgba(#ffffff,.85) !important; border-bottom-right-radius:6px; border-bottom-left-radius:6px; } .hs-search-field--open .hs-search-field__suggestions { background-color:#fff !important; border: 0px solid #000 !important; padding: 2% !important; } .hs-search-field--open .hs-search-field__suggestions li { border-bottom: 1px solid #ddd !important; padding: 2px 0 !important; } .hs-search-field--open .hs-search-field__suggestions li:first-child, .hs-search-field--open .hs-search-field__suggestions li:last-child { border-bottom: 0px solid #ddd !important; padding: 0px 0 2px !important; } } /*****************************************/ /* Footer */ /*****************************************/ .footer-container-wrapper{ background-color: #ffffff; } .row-fluid [class*="span"].footer-wrapper{ position: relative; padding-top: 30px; padding-bottom: 0px; background:#000; } .footer-container-wrapper .widget-type-logo img.hs-image-widget{ width: 240px; max-width: 240px; } .footer-wrapper p, .footer-wrapper address, .footer-wrapper ul{ font-size: 16px; } .footer-wrapper a { color: #ffffff; text-decoration: none; } .footer-wrapper a:hover{ color: #777777; text-decoration: underline; } .footer-wrapper .copyright * { color: ; font-size: 12px; } .footer-wrapper .hs-menu-wrapper.hs-menu-flow-vertical > ul li a{ display:inline; padding: 0; } .footer-wrapper h4.widget-title{ font-size: 18px; margin: 0; } .footer-wrapper h4.widget-title .widget-span{ color: #019fd1; margin-bottom: 15px; } .footer-pull-right *{ text-align: left; } /* Social Icons Color */ .hs_cos_wrapper_type_social_sharing a { color:#1b75bb ; text-decoration: none; background: #ffffff; } .footer-container-wrapper .hs_cos_wrapper_type_social_sharing a { margin-bottom: 19px !important; background: transparent; color: #ffffff; } .footer-container-wrapper .hs_cos_wrapper_type_social_sharing a:hover { margin-bottom: 19px !important; background: rgba(255,255,255,1); color: #1b75bb; } .sidebar-item #hs_cos_wrapper_social_sharing { margin-left: 15px; } .social-menu { vertical-align: bottom; padding:0 0 0 20px; } .social-menu .hs_cos_wrapper_type_social_sharing a { margin-top: -35px !important; } @media all and (max-width:768px) { .social-menu .hs_cos_wrapper_type_social_sharing a { margin-top: 8px !important; } .social-menu { padding:0; } } .social-menu .hs_cos_wrapper_type_social_sharing a { display:inline-block !important; } /* We ask that you retain the KAYAK credit line as part of our license requirement. Thank you! */ #k-icon { min-height: 25px !important; height: 25px; text-align: right !important; margin-top: -75px; overflow: hidden; } #k-icon path { fill: #717171; } #k-icon .widget-type-logo img.hs-image-widget { position: relative; height: 25px; width: 60px !important; float: right; opacity: 0.0025 !important; margin: 0 50px 0 0; } .k-icon a { border:none!important; } .row-fluid [class*="span"].made-by-kayak{ display: none; font-size: 0.9em; padding-top: 20px; } .template-home .row-fluid [class*="span"].made-by-kayak{ display: block; } .made-by-kayak, .made-by-kayak a { color: #eaeaea; } .footer-container-wrapper a:hover { margin-bottom:-12px; } @media only screen and (max-width: 768px){ .footer-wrapper h4.widget-title .widget-span{ margin-top: 10px; } } @media only screen and (max-width: 576px){ .hs_cos_gallery_main.slick-fixed-height-slider.slick-initialized.slick-slider { padding: 0; } .hs_cos_gallery_main .slick-slide img { border-top-right-radius: 10px; border-top-left-radius: 10px; height:auto; width:600px; aspect-ratio:1/1; } .hs_cos_gallery_thumbnails .slick-slide img { height:auto; width:100px; aspect-ratio:1/1; } .slick-dots li button:before { font-size: 13px !important; line-height:5px; } .hs-menu-wrapper.hs-menu-flow-vertical.flyouts ul, .footer-pull-right *{ text-align: center; } #hs_cos_wrapper_social_sharing { justify-content: space-evenly; display: flex; flex-direction: row; } } @media only screen and (max-width: 1200px) and (min-width:768px) { img#vidthumbnail { object-fit: contain; margin-top: -9.5%; } } @media only screen and (max-width: 768px) and (min-width:533px) { img#vidthumbnail { object-fit: cover; margin-top: calc(5vw + -64px); } } @media only screen and (max-width: 532px) { img#vidthumbnail { object-fit: contain; margin-top: -9.5%; } } /*****************************************/ /* Home */ /*****************************************/ .service-group .fa { color: #1b75bb; } /*****************************************/ /* Internal Page */ /*****************************************/ /* Breadcrumbs */ .breadcrumbs { color: #333333; margin: 0; font-size: 14px; } .breadcrumbs li.hs-breadcrumb-menu-item { margin: 0; } /* Sidebar */ .contextual-sidebar-nav ul li a { padding-left:0 !important; } .sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical li a:hover { color: #1b75bb; margin-bottom: 0; display:inline-block; } .bluebgnd .hs-menu-wrapper.hs-menu-flow-vertical li a { white-space: normal; text-overflow: unset; display:inline-flex; } ul.downloads { text-align:left; } .downloadthumbnail { display:inline-flex; width:18px; margin:0 10px 0 0; } @media all and (max-width: 768px) { .downloadthumbnail { display:none; } ul.downloads { text-align:center; } } .sidebar-news .hs-form>fieldset, .sidebar-news .hs-form fieldset .hs-form-field, .sidebar-news .hs-form .actions { margin:0; padding:0; } /* Error Templates */ .error-template .hs-form .hs-button { padding: 0.5em 1em; color: #ffffff; background: #1b75bb; border: 1px solid #1b75bb; transition: all 200ms ease; margin: 0.9em 0 0.5em; display: inline-block; border-radius: 4px; } .error-template .hs-form .hs-button:hover { background: rgba(255,255,255,0); color: #1b75bb; text-decoration: none; cursor: pointer; } /*****************************************/ /* Blog */ /*****************************************/ .blog-quick-links-wrapper { border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; padding: 10px 0; margin-top: 30px; } .blog-quick-links { font-size: 16px; } .blog-quick-links span { position: relative; margin-left: 1em; } .blog-quick-links span:before { content: '|'; margin-right: 1em; color: #1b75bb; } .blog-quick-links span:first-child { margin-left: 0; } .blog-quick-links span:first-child:before { content: ''; margin-right: 0; } .hs-author-social-section { padding-bottom:60px; } /* Listing */ .post-item { margin: 0 0 40px; padding: 0 0 40px; border-bottom: 1px solid #1b75bb; } .post-item .span8 p { margin: 0 0 1em; } .hs-featured-image { max-width: 100%; margin: 20px 0; width: 100%; float: unset; } .more-link { margin-top: 1em; font-size: 15px; } .blog-pagination { display: block; text-align: center; clear:both; } .blog-pagination a { margin: 0 1em 0 0; font-size: 0.9em; text-transform: uppercase; letter-spacing: 0.1em; } .actions { padding-top: 20px; } /* Tag Filters */ .widget-type-post_filter .widget-module{ margin-top:28px; } .widget-type-post_filter .widget-module ul { list-style-type: none; margin-block-start: 0; margin-block-end: 0; padding-inline-start: 0; width:1026px; /* four columns */ margin:0 auto; } .widget-type-post_filter .widget-module ul li a { background: #1b75bb; color: #333; border: 1.5px solid #333; padding: 3px 14px; border-radius: 4px; font-size: 17px; transition: all 200ms ease; min-width: 323px !important; display: block; margin: auto; text-decoration: none !important; background-color: transparent; /* rgba(27,117,187,20%); */ } .widget-type-post_filter .widget-module ul li a:hover { background: #1b75bb; color: #ffffff; border: 1.5px solid #1b75bb; text-decoration: none !important; } a.more-link { background: #1b75bb; color: #333; border: 1.5px solid #333 !important; padding: 3px 14px; border-radius: 4px; font-size: 17px; transition: all 200ms ease; min-width: 100px !important; width: 133px; display: block; margin: auto; text-decoration: none !important; background-color: transparent; /* rgba(27,117,187,20%); */ } a.more-link:hover { background: #1b75bb; color: #ffffff !important; border: 1.5px solid #1b75bb !important; text-decoration: none !important; } @media only screen and (max-width: 848px){ .template-blog-grid .blog-content, .template-blog-grid .blog-sidebar { width: 100% !important; margin-left: 0 !important; } .sidebar-subscription input:not([type="submit"]) { max-width: 500px; } } @media only screen and (max-width: 767px){ .blog-grid .post-item, .grid-4-cols .blog-grid .post-item { width: 48%; margin-right: 3%; } .blog-grid .post-item:nth-child(3n), .grid-4-cols .blog-grid .post-item:nth-child(4n) { margin-right: 3%; } .blog-grid .post-item:nth-child(even) { margin-right: 0; } } @media only screen and (max-width: 480px){ .blog-grid .post-item, .grid-4-cols .blog-grid .post-item { width: 100%; margin-right: 0; margin-bottom: 30px; float: none; display: block; } .hs-author-avatar img { max-width: 150px; } .widget-type-post_filter .widget-module ul li a { padding: 4px 10px; border-radius: 4px; font-size: 15px; min-width: 80% !important; } } /*****************************************/ /* Special Components */ /*****************************************/ .fb_iframe_widget span { height: 31px !important; } /* 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; } /* Billboard: photo page header/hero */ .billboard-wrapper, .billboard-content{ position: relative; z-index: 10; } .billboard-content, .billboard-content h1, .billboard-content h2, .billboard-content h4, .billboard-content p, .billboard-content ul, .billboard-content ol, .billboard-content li, .billboard-content .button-cta a, .parallax-cta-content .button-cta a{ color: #ffffff; } /* blog subscription */ .billboard-content .hero-blog-subscription h4{ color: #ffffff; } .hero-blog-subscription .hs-form-field { color: #ffffff; display: block; width: 55%; } .billboard-content .hero-blog-subscription { background: transparent; padding: 43px 0 0; } .billboard-content .hero-blog-subscription input[type="email"] { background: rgba(255, 255, 255, 0.2); display: inline; } .hero-blog-subscription .hs_submit { display: table-cell; vertical-align: text-top; padding-left: 10px; } .hero-blog-subscription .hs-form-field, .hero-blog-subscription input[type="submit"] { height: 42px; line-height: 27px; } [id^='hs_form_target_form_'] form { display: table; } figure { display: contents; } figure figcaption { float:right !important; width:fit-content; padding-left:10%; } figure figcaption p { font-size:smaller !important; } @media (max-width: 768px) { figure { width: 100%; margin: auto; clear: both; display: inline-block; } figure img { margin: 10px 20px !important; float: none !important; width: calc(100vw - 80px) !important; } .hs-logo-carousel__inner figure img { margin: auto !important; float: none !important; width: auto !important; } p { clear:both; } } @media (max-width: 1368px) { body .custom-menu-primary.js-enabled .hs-menu-wrapper { display:block; visibility:hidden; opacity:0; -webkit-transition: all 300ms ease 0.00ms; -o-transition: all 300ms ease 0.00ms; transition: all 300ms ease 0.00ms; border-radius:0; } body.mobile-open .custom-menu-primary.js-enabled .hs-menu-wrapper { display:block; visibility:visible; opacity:1; -webkit-transition: all 300ms ease 0.00ms; -o-transition: all 300ms ease 0.00ms; transition: all 300ms ease 0.00ms; border-radius:8px; max-width: 320px; float: right; margin-right: 59px; } body.mobile-open .custom-menu-primary .hs-menu-wrapper > ul { display:block !important; } .row-fluid .span7 { width: calc( 100% - 200px ) !important; min-width:280px; max-width:480px; } } @media (max-width: 640px) { .mobile-trigger { margin-top:4px; } .headersubtitle { padding-top:5px; } body.mobile-open .custom-menu-primary.js-enabled .hs-menu-wrapper { margin-right: 0px; margin-top: 10px; } } /* blog subscription end */ .billboard-content .button-cta a, .parallax-cta-content .button-cta a{ border-color: #fff; background-color: rgba(27,117,187,20%); } .billboard-content .button-cta a:hover, .billboard-content .button-cta a:focus, .parallax-cta-content .button-cta a:hover, .parallax-cta-content .button-cta a:focus{ border-color: #1b75bb; background-color: #1b75bb; } .billboard-content .button-cta a:active, .parallax-cta-content .button-cta a:active{ color: #ffffff; border-color: #ffffff); background-color: rgba(255, 255, 255,0); } /* Testimonials */ .testimonial p { font-family: Montserrat; font-size: 2em; } .testimonial cite { padding: 22px 0 0 0; float: left; width: auto; font-size: 12px; max-width: 14%; } .testimonial cite img { width: 60px; height: 60px; border-radius: 50%; } /* Logo Carousel */ .hs-logo-carousel__inner{ filter: grayscale(1); transition: filter 300ms ease; } .hs-logo-carousel__inner:hover{ filter: none; } .hs-logo-carousel__inner figure { margin: 0; } /*****************************************/ /* Responsive */ /*****************************************/ /*****************************************/ /* 2 and 3 column inline */ /*****************************************/ .column { float: left; width: 31%; border-radius: 12px; padding: 15px; } .column h3 {font-size: 20px;} .column li {font-size:16px;margin: 0 0 1em;} .column p {font-size:16px;} /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } .column ul { list-style: none !important; margin-left: -35px } .column ul li:before { content: '\2713'; padding-right: 10px; } .bluebgnd { background-color: #1b75bb; /*rgb(27 117 187 / 90%);*/ color:#fff; margin-bottom:20px; position:relative; } /* .bluebgnd:after { position:relative; left:auto; top:auto; border-bottom-left-radius: 40% 15%; border-bottom-right-radius: 40% 15%; content:""; width:60%; left:20%; right:20%; background-color:rgb(27 117 187 / 90%); } */ .bluebgnd .cell-wrapper { padding:20px; } .bluebgnd h2, .bluebgnd h3,.bluebgnd h4 { color:#fff; } .bluebgnd .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a { color: #fff; } .bluebgnd .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a:hover { color: #fff; text-decoration: underline; } .blackbgrnd { background-color: #000; /*rgb(27 117 187 / 90%);*/ color:#fff; margin-bottom:60px; position:relative; } .blackbgrnd:after { position:relative; left:auto; top:auto; border-bottom-left-radius: 40% 15%; border-bottom-right-radius: 40% 15%; content:""; width:60%; left:20%; right:20%; background-color:rgb(27 117 187 / 90%); } .blackbgrnd .cell-wrapper { padding:20px; } .blackbgrnd h2, .blackbgrnd h3,.blackbgrnd h4 { color:#fff; } .blackbgrnd .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a { color: #fff; } .blackbgrnd .hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a:hover { color: #fff; text-decoration: underline; } ul.checkmark, .checkmark ul { list-style: none; padding-left: 5px; } ul.checkmark li, .checkmark ul li { position: relative; padding-left: 1.75em; } ul.checkmark li:before, .checkmark ul li:before{ content: ''; position: absolute; left: 0; top:5px; width: 1.25em; height: 1.25em; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath fill='%231b75bb' d='M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E"); } .bluebgnd ul.checkmark li:before, .bluebgnd .checkmark ul li:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath fill='%23fff' d='M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E"); } /* Content Columns */ .contentcolumn2 .bluebgnd { border-radius: 9px; } .contentcolumns { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; padding-bottom:40px; } .contentcolumns h3 {font-size: 20px;} .contentcolumns li {font-size:16px;margin: 0 0 1em;} .contentcolumns p {font-size:16px;} .contentcolumn2 .row-fluid { display:flex } .contentcolumn4 { flex: 24%; margin: 15px; display:flex; flex-direction: column; } .contentcolumn3 { flex: 30%; margin: 15px; display:flex; flex-direction: column; } .contentcolumn3 p { margin-bottom:2.5em; } .contentcolumn2 { flex: 46%; margin: 15px; display:flex; flex-direction: column; } .contentcolumn2 .row-fluid, .contentcolumn3 .row-fluid, .contentcolumn4 .row-fluid { flex:1; flex-direction:row; } @media screen and (max-width: 768px) { .column { width: 100%; } .contentcolumns .bluebgnd { margin-bottom:60px; } .contentcolumn2 .row-fluid, .contentcolumn3 .row-fluid, .contentcolumn4 .row-fluid { flex: 1; flex-direction: column; } } .colorblock { padding: 15px; border: 2px solid #ccc; border-radius: 12px; } /* optional 3 columns */ .column3 { flex: 31.33%; height: 320px; margin: 5px; text-align: center; padding: 20px; border-radius: 12px; background-color: rgb(116 174 188 / .1); } .column-pod { flex: calc(33.33% - 30px); margin: 15px; text-align: center; border-radius: 12px; margin: 15px; text-align: center; padding: 20px; background-color: rgb(116 174 188 / .1); border: 1px solid #eee; } .container { display: flex; } /*****************************************/ /* Responsive */ /*****************************************/ @media(max-width: 768px){ /* Global Styling */ .column-group > .row-fluid-wrapper > .row-fluid > [class*="span"]{ margin-bottom: 20px; border-left: 0; border-bottom: 1px solid #1b75bb; } .column-item { text-align: center; padding: 0 0 30px; } .column3-pod { flex: calc( 100% - 70px); } .persona-block:not(:last-child) { padding-bottom: 45px; /* border-bottom: 1px solid #f1f0f0; */ margin-bottom: 30px; } .featured-post-title { font-size: 18px; line-height: 32px; padding: 5px 0; } .featured-post-content p { max-height: 225px; } /* Footer */ .footer-wrapper .text-left{ text-align: center; } .row-fluid [class*="span"] { width: 100% !important; } } @media screen and (max-width: 575px) { .background-img.right-align img{ 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%); } } @media screen and (max-width: 479px) { .column3-pod { flex: calc(100% - 20px); margin: 10px; } .column3-pod img{ max-width: 100%; margin: 10px auto; } .column3-pod figcaption { font-size:14px !important; zoom:0.75; } } /* ============================================================================================================= */ /* =============== New Navigation Default Styles =============== */ /* ============================================================================================================= */ /* ========================================================================== Custom Menu Primary ========================================================================== */ /* Override max width on menu links */ .custom-menu-primary .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; -webkit-transition: all 300ms ease 0.00ms; -o-transition: all 300ms ease 0.00ms; transition: all 300ms ease 0.00ms; } .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 > ul li.hs-item-has-children a { border-bottom: none !important; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover { background-color: #1b75bb; border-top-right-radius:6px; border-top-left-radius:6px; -webkit-transition: all 300ms ease 0.00ms; -o-transition: all 300ms ease 0.00ms; transition: all 300ms ease 0.00ms; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { max-width: fit-content; } /* Fix menu disappearing on desktop after toggling mobile menu */ @media screen and (min-width: 1368px) { .custom-menu-primary .hs-menu-wrapper { display:block !important; } .custom-mega-menu { margin-right:-40px } .custom-mega-menu #menuwrapper { margin-right: 40px } } /* ========================================================================== Mobile Menu - Hubspot Standard Toggle Menu ========================================================================== */ /** * Special Note * * When the menu is open, a class of .mobile-open is applied to the body. You can * use this for custom styling on any element when the menu is in the open position. */ .mobile-trigger, .child-trigger{ display: none; /* Hide button on Desktop */ } @media (max-width: 1368px) and (min-width: 768px) { .billboard-content h1 { font-size:calc(20px + 3vw) !important; } } @media (max-width: 1368px){ #megamenu button { background-color: hsla(0,0%,100%,0)!important; border: 1px solid #333!important; border-radius: 4px!important; box-sizing: content-box!important; color: #333!important; } .fa-search:before { color:#333; } .custom-mega-menu { /* width: calc( 100% - 480px ) !important; */ width: 80vw; position: absolute; right: 0; top: 55px; max-width: 400px; } .custom-mega-menu #megamenu, .custom-mega-menu #megamenu #menubutton, .custom-mega-menu #megamenu .search-trigger { background-color: #ffffff; } .custom-mega-menu #megamenu { display:none; background-color: #ffffff; height: max-content; color: #333; max-width: 360px; } .search-trigger { border-top: 10px solid #ffffff; border-bottom: 10px solid #ffffff; } #megamenu #menubutton { float: none; text-align: center; margin-top:20px; } .topmenuitem, .topmenuitem .dropdown-title { float: none; position: relative; } .topmenuitem:hover .dropdown-title:after { display: none; } .topmenuitem .dropdownitem { display: none; position: relative; top:0; overflow:hidden; } .custom-menu-primary #megamenu-wrapper .hs-menu-wrapper > ul { margin-left: 10px; } .topmenuitem #megamenu-wrapper { width: calc( 100% - 10px); height: fit-content; } .topmenuitem .dropdown-title span.hs_cos_wrapper_type_menu { display:none; } .topmenuitem #megamenu-wrapper .dropdown-title { width: auto; height: fit-content; font-weight: 400; color: #000 !important; padding: 10px 10px 0px; display: flow-root; grid-template-rows: none; margin-top: 0; margin-bottom: 0px; break-inside: avoid; max-width: 100%; /* border-bottom: 1px solid #333333; */ } .topmenuitem #megamenu-wrapper .dropdown-title div { margin: 0 0 10px 20px; } .custom-menu-primary.js-enabled .hs-menu-wrapper { width: 100%; position: relative; } .custom-menu-primary .hs-menu-wrapper, .custom-menu-primary .hs-menu-wrapper>ul li a, .custom-menu-primary .hs-menu-wrapper>ul li { background-color: rgba(240,240,240,0.025) !important; width: 100%; border: 0; line-height:26px; font-size:15px; } .topmenuitem .dropdownitem li a, #megamenu-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { color: #333333 !important; line-height: 26px; font-size:15px; } #megamenu-wrapper ul li, #megamenu-wrapper ul li a { border:0 !important; } body.mobile-open .custom-menu-primary.js-enabled .hs-menu-wrapper { display: block; position:relative; visibility: visible; opacity: 1; -webkit-transition: all 300ms ease .00ms; -o-transition: all 300ms ease .00ms; transition: all 300ms ease .00ms; border-radius: 0px; max-width: 100%; float: none; margin-right: 0; } .custom-menu-primary .hs-menu-wrapper>ul>li a { font-size: 15px !important; line-height: 36px !important; text-align: left!important; } /* * Menu Reset * * Remove styling from desktop version of custom-menu-primary. Place any * additional CSS you want removed from the mobile menu in this reset */ .custom-menu-primary, .custom-menu-primary .hs-menu-wrapper > ul, .custom-menu-primary .hs-menu-wrapper > ul li, .custom-menu-primary .hs-menu-wrapper > ul li a { display: block; float: none; position: static; top: auto; right: auto; left: auto; bottom: auto; padding: 0px; margin: 0px; background-image: none; background-color: transparent; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto; line-height: 1; font-weight: normal; text-decoration: none; text-indent: 0px; text-align: left; color:#1b75bb; -webkit-transition: all 300ms ease 0.00ms; -o-transition: all 300ms ease 0.00ms; transition: all 300ms ease 0.00ms; } .custom-menu-primary .hs-menu-wrapper > ul li a, .custom-menu-primary .hs-menu-wrapper > ul li { background-color: #1b75bb; border-radius: 0px; } .custom-menu-primary .hs-menu-wrapper > ul li:first-child, .custom-menu-primary .hs-menu-wrapper > ul li:first-child a { border-top-left-radius: 6px; border-top-right-radius: 6px; } /* changed bottom radius when search icon is visible */ .custom-menu-primary .hs-menu-wrapper > ul li:last-child, .custom-menu-primary .hs-menu-wrapper > ul li:last-child a { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .custom-menu-primary .hs-menu-wrapper > ul li ul li, .custom-menu-primary .hs-menu-wrapper > ul li ul li a { border-radius: 0px !important; } .custom-menu-primary .hs-menu-wrapper > ul { display:none; } /* Toggle Button ========================================================================== */ .mobile-trigger{ display: inline-block !important; /* Show button on mobile */ cursor: pointer; position: absolute; top: 12px; right: 0px; width: auto; height: auto; padding: 7px 0px 8px 10px; background: transparent; border: none; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; color: #1b75bb; } .mobile-trigger:hover{ text-decoration: none; /* Removes link text underline on button */ color:#1b75bb; } /* Change button when menu is open */ .mobile-open .mobile-trigger{ color:#1b75bb; } /* Toggle Button Icon ========================================================================== */ .mobile-trigger i{ display: inline; position: relative; top: -4px; transition: all 1s; } .mobile-trigger i:before, .mobile-trigger i:after{ position: absolute; content: ''; } .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{ width: 23px; /* Icon line width */ height: 3px; /* Icon line height */ -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; background-color: #ffffff; /* Icon color */ display: inline-block; } .mobile-trigger i:before{ top: -7px; /* Position top line */ transition: all 1s; } .mobile-trigger i:after{ top: 7px; /* Position bottom line */ transition: all 1s; } .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{ color: #ffffff; /* Icon color */ transition: all 1s; } .mobile-open .mobile-trigger i { background-color: transparent !important; transition: all 1s; } .mobile-open .mobile-trigger i:after { transform: rotate(-45deg) translatey(-1.5px) translatex(7.5px); transition: all 1s; transform-origin: top center; } .mobile-open .mobile-trigger i:before { transform: rotate(45deg) translatey(1.5px) translatex(7.5px); transition: all 1s; transform-origin: bottom center; } /* Child Toggle Button ========================================================================== */ .child-trigger{ display: block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; top: 0px; right: 0px; width: 55px !important; /* Button width */ min-width: 55px !important; height: 45px !important; /* Button height */ padding: 0 !important; border-left: 1px solid 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:#1b75bb; /* Icon color */ display: block; } .child-trigger i:after{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .child-trigger.child-open i:after{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .child-trigger.child-open i{ } /* Menu Styles on Mobile Devices ========================================================================== */ .custom-menu-primary.js-enabled{ position: relative; /* padding-top: 20px; /* Makes room for button */ margin: 0; } .span9.custom-menu-primary.js-enabled{ z-index:900 !important; } .span3.custom-logo { z-index:1000 !important; width: auto !important; } .custom-menu-primary.js-enabled{ position: relative; margin: 0 0 10px 0; } /* Hide menu on mobile */ .custom-menu-primary.js-enabled .hs-menu-wrapper, .custom-menu-primary.js-enabled .hs-menu-children-wrapper{ display: none; } /* Make child lists appear below parent items */ .custom-menu-primary ul.hs-menu-children-wrapper{ visibility: visible !important; opacity: 1 !important; position: static !important; display: none; } /* Mobile Menu Styles */ .custom-menu-primary.js-enabled .hs-menu-wrapper{ width: 100%; position: absolute; /**************************************************************/ top: 0px; /* Positions the menu to drop from the very top of the screen */ right: 0; /**************************************************************/ padding: 0; } .custom-menu-primary .hs-menu-wrapper{ background-color:#1b75bb; /* Menu background color set off global menuColorMobile variable */ width: 100%; /* Full screen width */ } /* Level 1 Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul > li{ position: relative; } .custom-menu-primary .hs-menu-wrapper > ul > li a{ font-size: 18px; /* Font size of top level list items */ line-height: 55px; text-align:center; overflow: visible; } /* Level 1 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul li:not(:first-child) { /* border-top: 1px solid #1b75bb /* Adds transparent dark highlights to top of top level list items */ } .custom-menu-primary .hs-menu-wrapper > ul li a{ padding: 0 10px 0 20px; color:#1b75bb; /* link color set by global mobile-aColor variable */ } .custom-menu-primary .hs-menu-wrapper > ul li a:hover{ color:#1b75bb; /* link hover color set by global mobile-aColorHover variable */ background-color:#019fd1; /* link hover color set by global mobile-aColorHover variable */ } /* Level 2 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul li{ background-color: rgba(255, 255, 255, .15); } .custom-menu-primary .hs-menu-wrapper > ul ul li a{ text-indent: 10px; /* Indent Child lists */ font-size: 16px; /* Font size of child lists */ } /* Level 3 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{ text-indent: 30px; /* Indent Child lists */ } .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{ text-indent: 50px; /* Indent Child lists */ } } @media (max-width: 568px) { .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 { float: left; } } /* ============================================================================================================= */ /* =============== New Navigation Styles =============== */ /* ============================================================================================================= */ @media only screen and (min-width: 1368px){ .custom-menu-primary{ text-align: left; } .custom-menu-primary .row-fluid .span2 { width:11%; padding-top:5px; } .custom-menu-primary .row-fluid .span8 { width:74%; } /* =============== Custom Menu Primary =============== */ /* Parent List */ .custom-menu-primary .hs-menu-wrapper > ul { float: right !important; color: #808080; line-height: 1.2em; font-family: Montserrat; font-size: 17px; font-weight: 300; text-transform: none; box-shadow: none !important; border-radius:6px; } .custom-menu-primary .hs-menu-wrapper > ul > li { position: relative; margin-bottom: 0; -webkit-transition: all 300ms ease 0.00ms; -o-transition: all 300ms ease 0.00ms; transition: all 300ms ease 0.00ms; } .custom-menu-primary .hs-menu-wrapper > ul > li > a { margin-right: 0; margin-left: 0; outline: 0; display: inline-block; float: left; position: relative; color: #ffffff; line-height: 1.2em; letter-spacing: 1px; -webkit-transition: all 300ms ease 0.00ms; -o-transition: all 300ms ease 0.00ms; transition: all 300ms ease 0.00ms; } .custom-menu-primary .hs-menu-wrapper > ul > li:hover > a{ /* background: #019fd1; */ color: #ffffff; } .error-template .custom-menu-primary .hs-menu-wrapper > ul > li > a, .error-template .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover, .search-template .custom-menu-primary .hs-menu-wrapper > ul > li > a, .search-template .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{ color: #333; } /* Current Menu Item */ /* TODO: CHECK ANCESTOR */ .custom-menu-primary .hs-menu-flow-horizontal > ul > li.hs-menu-show-active-branch a:after { width: 100%; margin-left: -50%; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li.hs-menu-show-active-branch > a { color: #1b75bb; } /* Menu Seperators */ .custom-menu-primary .hs-menu-flow-horizontal > ul > li.menu-seperator a:after { display: none; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li.menu-seperator a:hover { color: #1f1f1f; cursor: default; } /* 2nd Level */ .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper { top: 40px; font-size: 18px; padding-top: 0; padding-left: 0; padding-right: 0; position: absolute; left: 0; z-index: 1308; text-align: left; text-transform: none; /* display: none; */ visibility:hidden; min-width: 100px; height:0; -webkit-transition: all 300ms ease 0.00ms; -o-transition: all 300ms ease 0.00ms; transition: all 300ms ease 0.00ms; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li > ul.hs-menu-children-wrapper > li:first-child:hover > ul { top: 13px; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li:hover ul.hs-menu-children-wrapper { display: block; -webkit-box-shadow: rgba(0, 0, 1, 0.025) 8px 16px 5px 1px; -os-box-shadow: rgba(0, 0, 1, 0.025) 8px 16px 5px 1px; -ms-box-shadow: rgba(0, 0, 1, 0.025) 8px 16px 5px 1px; box-shadow: rgba(0, 0, 1, 0.025) 8px 16px 5px 1px; /* border-radius:6px; */ } .custom-menu-primary .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 .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li:first-child { padding-top: 13px; border-top-right-radius:6px; border-top-left-radius:0px; -webkit-transition: all 300ms ease 0.00ms; -o-transition: all 300ms ease 0.00ms; transition: all 300ms ease 0.00ms; height:auto; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li:last-child { padding-bottom: 13px; border-bottom-right-radius:6px; border-bottom-left-radius:6px; -webkit-transition: all 300ms ease 0.00ms; -o-transition: all 300ms ease 0.00ms; transition: all 300ms ease 0.00ms; } .custom-menu-primary .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 .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 .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper.left { left: -281px; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper.left ul { left: -281px; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li { color: #1b75bb; background: #ffffff; background: #1b75bb; margin-bottom: 0; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > a { color: #808080; color: #1b75bb; /* background: #1b75bb;*/ } .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > a:before { width: 18px; font-size: 18px; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li:hover > a, .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li.parent.hover > a, .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li.current-menu-item > a { background: rgba(239,239,239,.5); background: #1b75bb; color: #387f90; #1b75bb; } /* 3rd level */ .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul { top: 0; padding: 0; background: none; left: 281px; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li:hover > ul { /* display: block; */ height:auto; opacity:1; visibility:visible; -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .custom-menu-primary .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 .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul > li:first-child, .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul > li:last-child { padding: 0; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li > ul.hs-menu-children-wrapper.left { right: 80px; left: auto; } /* other level */ .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul ul{ top: 0; } @media only screen and (min-width: 1368px) { .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul { margin-left:20px; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul > li { color: #efeeea; background: #ffffff; background: rgba(123,181,195,0.7); } .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul > li:last-child { color: #efeeea; background: #ffffff; background: rgba(123,181,195,0.7); margin-bottom: 0; padding-bottom: 13px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; -webkit-transition: all 300ms ease 0.00ms; -o-transition: all 300ms ease 0.00ms; transition: all 300ms ease 0.00ms; } } /* Override max width on menu links */ .custom-menu-primary .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; */ -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; display: flex; flex-direction: row; flex-grow: 1; flex-shrink: 0; justify-content: flex-start; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { padding-right: 20px !important; } } @media only screen and (max-width: 1367px) and (min-width: 769px) { .widget-type-post_filter .widget-module ul { width:768px !important; /* three columns */ } } @media only screen and (max-width: 768px) and (min-width: 576px) { .widget-type-post_filter .widget-module ul { width:512px !important; /* two columns */ } } @media only screen and (max-width: 575px) { .widget-type-post_filter .widget-module ul { width:auto !important; /* one columns */ } .custom-menu-primary .row-fluid .span7 { width: auto; } .widget-type-post_filter .widget-module ul li { width: auto; min-width:90%; } .widget-type-logo.custom-logo { max-width:calc( 100% - 60px) !important; width:100vw !important; } } /* Search Page Results */ .search-template #hsresults li:after { content:''; border-bottom: 1px solid #629ba9; width: 50%; height: 1px; margin: 0px 25% 20px; display: block; } .search-template .hs-search-field form { width:25%; margin-bottom: 40px; } .search-template .absolute-header {position:absolute;z-index:400;width:100%} .search-template .billboard-wrapper, .billboard-content{height: 480px;} .search-template .custom-menu-primary .hs-menu-wrapper > ul > li > a, .search-template .custom-menu-primary .hs-menu-wrapper > ul > li > a:hover { color:#ffffff; } @media all and (max-width: 768px) { .search-template .hs-search-field form { width:100%; margin-top:-30px; margin-bottom: 20px; } .footerflexgroup .row-fluid { display:flex; flex-direction:column-reverse; text-align: center; } } @media all and (max-width: 1368px) { .search-template .search-trigger { display:none; } .search-template .custom-menu-primary .hs-menu-wrapper > ul li:nth-child(5), .search-template .custom-menu-primary .hs-menu-wrapper > ul li:nth-child(5) a { border-bottom-left-radius: 6px !important; border-bottom-right-radius: 6px !important; } #search-form-wrapper input[type="text"] { font-size: 1.5em; } .footer-container .text-right { text-align: center; } } @media all and (min-width:1200px) { .sticky { top: 0; z-index: 3000000; background-color: #ffffff; height: fit-content !important; margin: 0 auto !important; width: 100vw !important; padding: 0 !important; float: none !important; max-width: 100vw !important; margin-left: calc(-50vw + 664px) !important; } } .sticky ul { padding-top:20px !important; margin-bottom: 0 !important; } .ba-slider { position: relative; overflow: hidden; background-color:#000; margin-bottom: 40px; } .ba-slider img { width: 100%; min-width:100%; display:block; overflow:hidden; height: auto; } .ba-slider .resize { position: absolute; top:0; left: 0; height: 100%; width: 60%; overflow: hidden; } .ba-slider .handle { /* Thin line seperator */ position:absolute; left:60%; top:0; bottom:0; width:1px; margin-left:0px; margin-right:2px; background:#fff; cursor: ew-resize; } .ba-slider .handle:after { /* Big orange knob */ position: absolute; top: 50%; width: 32px; height: 32px; margin: -16px 0 0 -16px; content:'\25D1'; color:#fff; font-weight:700; font-size:22px; text-align:center; line-height:29px; padding-left:2px; background: border:1px solid #cccccc; /* darken(@orange, 5%) */ border-radius: 50%; transition:all 0.3s ease; } .ba-slider .handle.ba-draggable:after { width: 36px; height: 36px; margin: -18px 0 0 -18px; line-height:32px; font-size:28px; } .ba-slider { color: #ffffff; opacity: 1; font-size: 17px; } .bottomtext { position:absolute; bottom: 40px; right: 50px; } .toptext { position:absolute; bottom: 40px; left: 50px; } @media all and (max-width:768px) { .bottomtext { bottom: 30px; right: 40px; } .toptext { bottom: 30px; left: 40px; } } @media all and (max-width:480px) { .bottomtext { bottom: 20px; right: 25px; } .toptext { bottom: 20px; left: 25px; } } @media all and (max-width:360px) { .bottomtext { bottom: 10px; right: 15px; } .toptext { top: 10px; left: 15px; } }