/****************************************/ /* KAYAK FLOW Theme for HubSpot Template Package /* Version: 1.4 rev.2019.10.31 /* Copyright: 2019 KAYAK Marketing /* https://www.kayakmarketing.com/site-as-a-service-themes /* 1.4: /* - Expanded Template set to include system pages and blog grid layout /* 1.3: /* - 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 */ /* Retain KAYAK identity line as part of our license requirement. Thank you! */ /****************************************/ /****************************************/ /****************************************/ /* White Label templates should be migrated to Font Awesome 5 */ @import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.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=Rubik:400,400i&display=swap');*/ @import url('https://fonts.googleapis.com/css?family=Bitter:400,700|Open+Sans:300,300i&display=swap'); /****************************************/ /* 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. #f2f2f2 #54565A #54565A #97CAEB #002856 /****************************************/ /* light grey or eggshell white */ /* dark grey */ /* 97CAEB Sky Blue Pantone 291 C -> approx: RGB 151 202 235 */ /* darkened for contrast - Randy */ /* SECURE Blue Pantone 295 C - > approx: RGB 0 40 86 */ /*** HEADER MENU ***/ /*colorLink %}*/ /*** FOOTER ***/ /*** Mobile Menu ***/ /* "rgba(125,125,125,0.12)" %} /* Set Mobile Menu Background Color */ /* Set Mobile Menu Hover Background Color */ /* Set Link Color */ /* Set Link Hover 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;} img { height: auto; } body { width:100%; overflow-x:hidden; } /*****************************************/ /* HubSpot Sharing Patch /* Overrides default HubSpot sharing /* widget styling with nicer styling /* Dependencies: FontAwesome v.4.4+ ******************************************/ .hs-blog-social-share-item-facebook iframe { margin-top:1px; } .hs_cos_wrapper_type_social_sharing { margin-left:9px; } .sidebar .hs_cos_wrapper_type_social_sharing { margin-left:19px; } .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: #002856; 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, .hs_cos_wrapper_type_social_sharing a:hover:after { color: #ffffff; border-bottom: none !important; } .hs_cos_wrapper_type_social_sharing a[href*="//www.fa"]:before, .hs_cos_wrapper_type_social_sharing a[href*="//fa"]:before{ content: "\f09a"; } .hs_cos_wrapper_type_social_sharing a[href*="//www.fa"]:hover:before, .hs_cos_wrapper_type_social_sharing a[href*="//fa"]:hover:before{ background: #3b5998; } .hs_cos_wrapper_type_social_sharing a[href*="//www.li"]:before{ content: "\f0e1"; } .hs_cos_wrapper_type_social_sharing a[href*="//www.li"]:hover:before{ background: #0077b5; } .hs_cos_wrapper_type_social_sharing a[href*="//pi"]:before{ content: "\f0d2"; } .hs_cos_wrapper_type_social_sharing a[href*="//pi"]:hover:before{ background: #bd081c; } .hs_cos_wrapper_type_social_sharing a[href*="//pl"]:before{ content: "\f0d5"; font-size: 17px; } .hs_cos_wrapper_type_social_sharing a[href*="//pl"]:hover:before{ background: #dc4e41; } .hs_cos_wrapper_type_social_sharing a[href*="//tw"]:before{ content: "\f099"; } .hs_cos_wrapper_type_social_sharing a[href*="//tw"]:hover:before{ background: #55acee; } .hs_cos_wrapper_type_social_sharing a[href*="//in"]:before { content: "\f16d"; } .hs_cos_wrapper_type_social_sharing a[href*="//in"]:hover:before{ background: #2C6A93; } .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; } .IN-widget { vertical-align: middle !important; position: relative; top: -5px; } .widget-type-logo img.hs-image-widget { max-height: 80px; width: auto; } /*****************************************/ /* Single page fix for stock ticker on invest page */ .hs-content-id-22894061307 .row-number-8 .span3.widget-span, .hs-content-id-22894061307 .row-number-8 .span9.widget-span { width:50% !important; } .hs-content-id-22894061307 .row-number-8 .span3.widget-span .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_inline_rich_text { float:right; } .hs-content-id-22894061307 .tradingview-widget-container { padding-right:0px !important; } @media all and (max-width:1100px) { .hs-content-id-22894061307 .row-number-8 .span3.widget-span, .hs-content-id-22894061307 .row-number-8 .span9.widget-span { width:100% !important; } } @media all and (max-width:768px) { .hs-content-id-22894061307 .row-number-8 .span3.widget-span .hs_cos_wrapper.hs_cos_wrapper_widget.hs_cos_wrapper_type_inline_rich_text { float:none; } .tradingview-widget-container, .hs-content-id-22894061307 .tradingview-widget-container div { width: auto !important; } } /* home page restrict ticker width to not go past right column */ .template-home .tradingview-widget-container, .template-home .tradingview-widget-container iframe { max-width:300px; } /*****************************************/ /* Global Styling */ /*****************************************/ html, body{ margin: 0; padding: 0; background: #ffffff; overflow-x:hidden; } .colored-background{ background: rgba(155,202,235,0.15); } .row-fluid [class*="span"].global-wrapper, .row-fluid .global-wrapper{ float: none; width: 100%; height: 100%; max-width: 1368px; margin: 0 auto; padding-left: 20px; padding-right: 20px; } .row-fluid:not(.footer-container-wrapper):first-of-type { width: 100%; *zoom: 1; display: flex; justify-content:flex-start; } .row-fluid .verticalcenter { display: flex; flex-direction: column; justify-content: center; } .row-fluid [class*="span"].full-width { margin: 0; max-width: 100%; } .row-fluid [class*="span"].content-section{ padding-top: 100px; padding-bottom: 100px; } .esg .row-fluid [class*="span"].content-section:first-of-type { padding-top: 0; padding-bottom: 100px; } [class*="span"].no-min-height, .no-min-height .row-fluid > [class*="span"]{ min-height: 0; } hr{ margin: 2em 0; border: none; border-top:2px solid #f2f2f2; clear:both; } .arrow-button i, .arrow-button div { display:inline; } .arrow-button { height:30px; } a, a:active{ color: #72aed6; text-decoration: none; /* display:inline-block; width:fit-content; */ transition: all 0.2s ease; border-bottom:1px solid transparent; } a:hover{ color: #72aed6; text-decoration: none; transition: all 0.2s ease; } a:not(.more-link):not(.cta_button):hover { text-decoration:none; } a:not(.more-link):not(.cta_button):hover { border-bottom:1px solid #97CAEB; /* content:""; position:relative; display:inline-block; margin-bottom:0px; */ } /* a:not(.more-link):not(.cta_button):hover:after { content:""; position:relative; display:block; border-bottom:1px solid #97CAEB; width:100%; margin-top:-4px; margin-bottom: 3px; height:6px; border-bottom-left-radius:6px; margin-top:-6px; animation: underline 1s; animation-fill-mode: forwards; } */ .marquee a, .header-nav-wrapper a, .footer-logo a, .persona-image a, .title-block a, .hs-featured-image-wrapper a { border-bottom:1px solid transparent !important; margin-bottom:0px !important; } .marquee a { display:initial !important; } /* Column Group */ .column-group [class*="span"].column-group-item{ margin: 0; padding: 20px 2%; border-left: 1px solid #002856; } .column-group [class*="span"].column-group-item:first-child{ border-left: 0; } .header-nav-wrapper { background: transparent; } .row-fluid [class*="span"].global-wrapper.header-nav-wrapper { padding: 50px 30px 30px; } /*****************************************/ /* Typography */ /*****************************************/ html, body{ font: 300 18px/1.65 "Open-Sans",Helvetica,Arial,sans-serif; color: #5f656b; } .text-left{ text-align: left; } .text-center{ text-align: center; } .text-right{ text-align: right; } h1, h2, h3, h4{ font-family: 'Bitter', serif; font-weight: 300; color: #5f656b; line-height: 1.25em; -webkit-margin-before: 0.5em; -webkit-margin-after: 0.5em; } h1 { font-size: 52px; } h2 { font-size: 36px; } h3 { font-size: 28px; } .template-blog h1 { font-size: 36px; } .widget-type-email_simple_subscription h1, .widget-type-email_subscriptions h1, .widget-type-email_subscriptions_confirmation h1 { font-size: 52px; font-weight: inherit; line-height: 1.25em; } .widget-type-email_subscriptions h2, .widget-type-email_subscriptions_confirmation h2, .widget-type-email_simple_subscription h2{ font-size: 36px; font-weight: 500; margin: 15px 0; } .widget-type-email_simple_subscription h3, .widget-type-email_subscriptions h3, .widget-type-email_subscriptions_confirmation h3{ font-size:28px; font-weight: inherit !important; } @media all and (max-width:1200px) { h1 { font-size: 44px; } h2 { font-size: 32px; } h3 { font-size: 26px; } .template-blog h1 { font-size: 32px; } .widget-type-email_simple_subscription h1, .widget-type-email_subscriptions h1, .widget-type-email_subscriptions_confirmation h1 { font-size: 40px; font-weight: inherit; line-height: 1.25em; } .widget-type-email_subscriptions h2, .widget-type-email_subscriptions_confirmation h2, .widget-type-email_simple_subscription h2{ font-size: 26px; font-weight: 500; margin: 15px 0; } .widget-type-email_simple_subscription h3, .widget-type-email_subscriptions h3, .widget-type-email_subscriptions_confirmation h3{ font-size:24px; font-weight: inherit !important; } } p { -webkit-margin-before: 0; -webkit-margin-after: 1em; } pre, code, kbd{ font: .9em/1 "Open-Sans", Monaco, "Courier New", monospaced; } blockquote{ margin: 1em 2em; } blockquote p { clear:none !important; } .hide-section { display:none !important; } /*****************************************/ /* 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{ /* Randy Edit font-size: .625em; color: #B9B9B9; */ } .hs-form-field .hs-field-desc{ font-style: italic; font-size: small; } input, select, textarea, button, .more-link, .button-cta a{ color: #5f656b; border: 2px solid #5f656b; 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 #B9B9B9; outline: none; } input[type="text"]:focus, input[type="tel"]:focus, input[type="email"]:focus, select:focus, textarea:focus{ box-shadow: 0px 0px 5px #002856; } 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: 0.4em 0.9em 0.4em 0.9em; background: none; font-size:22px; color: #ffffff; background: #97CAEB; border-color: #97CAEB; transition: all 0.2s ease; } .more-link { padding: 0.5em 1em .5em 1em; } 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: #97CAEB; text-decoration: none; border-color: #97CAEB; 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: #97CAEB; border-color: #97CAEB; } /* Blog CSS */ @media screen and (min-width: 600px) { .template-blog.template-internal .billboard-wrapper, .template-blog.template-landing .billboard-wrapper { height:520px; } } /* Blog subscribe button */ .hero-blog-subscription input[type="email"] { background-image:url("data:image/svg+xml;utf8,Email"); background-repeat: no-repeat; } .hero-blog-subscription input[type="email"]:focus { background-image: none; } .hero-blog-subscription input[type="submit"], .hero-blog-subscription input[type="submit"] { font-size:18px; padding:5px 20px; } .hero-blog-subscription input[type="submit"]:hover, .hero-blog-subscription input[type="submit"]:focus { color: #ffffff !important; } .hero-blog-subscription label { display: none; } .billboard-content .hero-blog-subscription { background: transparent; padding: 32px 5px 0 0; } .hero-blog-subscription { max-width: 300px; margin: 0 0 0 auto; } .hero-blog-subscription .hs-form-field { position: relative; margin-top: 10px; display: table-cell; width: 55%; } .hero-blog-subscription .hs_submit { display: table-cell; vertical-align: bottom; padding-left: 10px; } input[type="search"] { border: 1px solid #dedede; border-radius: 2px; width: 100%; padding: 0; } .form-no-title .form-title { display: none } html body .page-header { margin: 0 !important; padding-bottom: 0 !important; } /* Form Errors */ .hs-form-field{ position: relative; margin-top: 10px; } .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: #002856; 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(136, 183, 213, 0); border-top-color: #002856; border-width: 6px; pointer-events: none; } /*****************************************/ /* Tables :( */ /*****************************************/ table{ max-width: 100%; border-collapse: collapse; } th, td{ margin: 0; padding: 10px; } th{ color: #ffffff; background: #002856; } tr td{ border-bottom: 1px solid #002856; } /*****************************************/ /* Header + Main Navigation */ /*****************************************/ .header-container-wrapper{ position: relative; z-index: 101; background: #ffffff; } .absolute-header, .absolute-header .header-container-wrapper { position: absolute; left: 0; top: 0; right: 0; background: transparent; } .body-container-wrapper { position: relative; z-index: 99; background: #ffffff; } .main-nav{ text-align: right; } .alertred, .red { background-color:#F32013; border-bottom:1px solid #ffffff; border-top:3px solid #F32013; } .alertgreen, .green { background-color: #97CAEB; border-bottom:1px solid #ffffff; border-top:3px solid #97CAEB; } .alertblue, .blue { background-color: #002856; border-bottom:1px solid #ffffff; border-top:3px solid #002856; } .alertteal, .teal { background-color: #002856; border-bottom:1px solid #ffffff; border-top:3px solid #002856; } .marquee h4, .marquee a { color:#FFFFFF; width: 100%; overflow: hidden; white-space: nowrap; font-weight:400; line-height:23px; padding-top:0px; margin:3px 0 7px; } .marquee { float: left; position: -ms-device-fixed; padding-left:0 !important; padding-right:0 !important; text-indent:-100%; width:100vw !important; max-width:100vw !important; } /* =============== Custom Menu Primary =============== */ /* Parent List */ .main-nav.custom-desktop .hs-menu-wrapper > ul { float: right !important; color: #97CAEB; line-height: 1em; font-family: "Open-Sans",Helvetica,Arial,sans-serif; font-size: 16px; font-weight: 300; text-transform: ; 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: 1em; letter-spacing: 1px; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .main-nav.custom-desktop .hs-menu-wrapper > ul > li:hover > a{ /* background: #002856; */ color: #97CAEB; } .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: #5f656b; } /* Current Menu Line */ /* .main-nav.custom-desktop .hs-menu-wrapper > ul > li > a:after { content: ""; bottom: 0; height: 1px; left: 50%; position: absolute; width: 0; background: #97CAEB; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } */ /* Hover Style */ /* .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li:hover a:after { width: 100%; margin-left: -50%; } .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li > a:hover{ color: #ffffff; } */ /* Current Menu Item */ /* TODO: CHECK ANCESTOR */ .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li.hs-menu-show-active-branch a:after { width: 100%; margin-left: -50%; } .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li.hs-menu-show-active-branch > a { color: #97CAEB; } /* Menu Seperators */ .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li.menu-seperator a:after { display: none; } .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li.menu-seperator a:hover { color: #1f1f1f; cursor: default; } /* 2nd Level */ .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper { top: 25px; 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; min-width: 225px; } .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li > ul.hs-menu-children-wrapper > li:first-child:hover > ul { top: 0; } .main-nav.custom-desktop .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; } .main-nav.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; } .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li:first-child { padding-top: 0; } .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li:last-child { padding-bottom: 0; } .main-nav.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 6% !important; margin: 0 !important; width: unset; white-space: normal; word-break: break-word; } .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li.menu-item-has-icon > a:before { margin-right: 0; content: ""; } .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper.left { left: -281px; } .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper.left ul { left: -281px; } .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li { color: #97CAEB; background: rgba(255,255,255,0.8); margin-bottom: 0; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > a { color: #002856; } .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > a:before { width: 18px; font-size: 18px; } .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(255,255,255,0.05); /* #002856; */ color: #ffffff; } /* 3rd level */ .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul { top: 0; padding: 0; background: none; left: 281px; } .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li:hover > ul { display: block; } .main-nav.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); } .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul > li:first-child, .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul > li:last-child { padding: 0; } .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li > ul.hs-menu-children-wrapper.left { right: 80px; left: auto; } /* other level */ .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul ul{ top: 0; } /* Override max width on menu links */ .main-nav.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) { .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; } /* .main-nav .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: rgba(255,255,255,0.05); position: absolute; bottom: 1px; height: 1px; } .main-nav .hs-menu-flow-horizontal > ul > li:hover a:after { width: 100%; margin-left: -50%; } .main-nav .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; } .hs-menu-wrapper .rotate180.hs-item-has-children:after { -webkit-transform:rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .hs-menu-wrapper .rotate0.hs-item-has-children:after { -webkit-transform:rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .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(151, 202, 235,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; } .footer-container-wrapper .hs_cos_wrapper_type_social_sharing { margin-left: 0px ; } /* Vimeo Embed */ .embed-container { position: relative; padding-bottom: 56.25%; /* 16x9 */ height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Vimeo embed end */ .fa-chevron-right:before, .fa-chevron-left:before { vertical-align: middle; } @media (max-width: 1199px){ .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{ 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 !important; cursor: pointer; width: auto; float: right; text-align: right; padding-top: 20px; margin-right: 2%; } .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; width: 100%; border-top: 1px solid rgba(255, 255, 255, .35) !important; padding: 10px 0 6px; margin-left: 0; } .mobile-trigger i { font-size: 28px; line-height: 21px; color: #ffffff; 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: 45px !important; /* Button width */ min-width: 45px !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: transparent; /* 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; } /* 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; display: none; } /* Mobile Menu Styles */ .main-nav.js-enabled .hs-menu-wrapper{ width: 100%; position: relative; top: 0; left: 0; padding: 0; } .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.2); 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(//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 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .mobile-open .main-nav.custom-mobile.js-enabled { z-index: 1; left: 0; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .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; } .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: #97CAEB; 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(151, 202, 235,0.5); } .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; } .search-trigger{ width: 100% !important; width: 57px !important; float: none !important; margin: 0 auto; padding: 16px 0 10px 0 !important; text-align: center; z-index:1000; } #search-toggle { margin-left: 0 !important; width: 100% !important; text-align: center; } .main-nav .hs-menu-wrapper > ul > li.active > a { background: rgba(0, 0, 0, 0.5); } #site-wrapper { position: relative; left: 0; transition: all .3s; } .mobile-open #site-wrapper { left: 440px; transition: all .3s; } body { overflow-x: hidden; overflow-y: auto; left: 0; transition: all 0.3s; } body.mobile-open { /* left: 440px; */ } .overlay { background: rgba(25,25,25,0.5); 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; } } @media (max-width: 768px) { .row-fluid [class*="span"].global-wrapper.header-nav-wrapper { padding: 0 20px 20px; } .billboard-wrapper>.container-fluid>.row-fluid [class*="span"] { margin: 0 !important; } .template-landing .row-fluid [class*="span"].global-wrapper.header-nav-wrapper { padding: 20px; } .row-fluid:first-of-type { display:block !important; } .custom-logo { width: fit-content !important; float: left !important; max-width: 180px !important; } .widget-type-logo img.hs-image-widget { max-height: 60px; } .sidebar { float:right; border-top: 2px solid rgba(0,40,86,0.125); /* #002856;*/ padding-top:20px; margin-top:20px; } .footer-container .widget-type-social_sharing { padding-top: 30px; } .footer-wrapper .hs_cos_wrapper_type_social_sharing { margin-left: 0px; } .pdf-icon-dl img { width:100px !important; } } .email-prefs .hs-button.primary { text-transform:capitalize; white-space:normal; } /* Search Form */ /* Search */ .search-trigger { display: inline; cursor: pointer; width: 48%; float: right; margin-top: -5px; } .search-trigger a, .search-trigger a:active{ color: #ffffff; text-decoration: none; } .search-trigger a:hover{ color: #97CAEB; text-decoration: underline; } @media screen and (min-width: 768px) { .search-trigger { width: auto; float: right; padding: 10px; } } #search-toggle{ position: relative; top: 0; margin-left: 14px; color: #ffffff; transition: color 0.2s ease; } #search-toggle:hover, #search-toggle:active { color: #ffffff; /*#97CAEB; */ } #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: #333333; 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 80px; font-size: 3em; font-weight: 300; text-align: left; color: #5f656b; background: url('//www.kayakmarketing.com/hubfs/images/k4/global-images/icon-search-large.png') left 20px center no-repeat transparent; background-size: 40px 40px; border: none; border-radius: 0; /*border-bottom: 1px solid rgba(,.6);*/ } #search-form-wrapper input[type="text"]:focus{ /*border-color: rgb();*/ box-shadow: none; } .search-template .hs-search-field__bar button, .error-template .hs-search-field__bar button { display:inline-block; margin-left:10px; } .search-template .hs-search-field__bar button path { fill: white; } .search-template .hs-search-field__bar button:hover path { fill: #97CAEB; } .search-template .hs-search-field__bar button svg { height: 18px; vertical-align: middle; } .search-template .hs-search-field__bar input { display:inline-block; width:calc(100% - 80px); padding: 9px; } .error-template .hs-search-module, .error-template #email-prefs-form .email-prefs{ width:50%; } .error-template .hs-search-module .hs-input, .error-template #email-prefs-form .hs-input { display:inline-block; width:calc(100% - 180px) !important; padding: 9px; } .error-template .hs-search-module .hs-button { margin-left:10px !important; display:inline-block; } @media all and (max-width: 768px) { .error-template .hs-search-module, .error-template #email-prefs-form { width:100%; } .error-template .hs-search-module .hs-input, .error-template #email-prefs-form .hs-input { display:inline-block; width:90% !important; padding: 9px; } .error-template .hs-search-module .hs-button { margin-left:0px !important; display:inline-block; } } @media all and (max-width: 1200px) { .search-trigger { display:block; visibility: visible; } #search-toggle { position: relative; top: -1px; margin-left: 14px; color: #ffffff;/* #97CAEB; */ padding-bottom: 10px; } .custom-logo{ float: left !important; } .widget-type-logo img.hs-image-widget{ max-height: 60px; } .button-cta.primary, .button-cta.secondary { padding-bottom: 20px; } .search-trigger { display: inline-block; background-color: rgba(151,202,235,0.25); cursor: pointer; height: 45px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; width: 100% !important; margin:-1px 0 0 !important; text-align: center !important; padding: 0px !important; border-top: 1px solid rgba(0,40,80,0.35); } #search-toggle { margin-left:0px; } .hs-search-field--open { border: 1px solid rgba(0,40,80,0.35); !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; } } .product-section .hs-menu-wrapper.hs-menu-flow-vertical>ul li a { width:fit-content; } .product-section .hs-menu-wrapper.hs-menu-flow-vertical>ul li a { padding: 0; text-decoration: none; margin: 15px auto; } .product-section .hs-menu-wrapper.hs-menu-flow-vertical>ul { margin-bottom: 40px; } /*****************************************/ /* Footer */ /*****************************************/ .footer-container-wrapper{ background-color: #002856; } .esg .footer-container-wrapper { background-color: #2d5536; } .row-fluid [class*="span"].footer-wrapper{ position: relative; padding-top: 30px; padding-bottom: 0px; text-align:left; } .footer-container-wrapper .widget-type-logo img.hs-image-widget{ max-height: 50px; } .footer-priv-menu { padding-top:6px; } .footer-wrapper p, .footer-wrapper address .footer-wrapper ul{ color: #f1f1f1; } .footer-wrapper p { margin: 0 0 10px; line-height:24px; } .footer-wrapper h1, .footer-wrapper h2, .footer-wrapper h3, .footer-wrapper h4{ color: #97CAEB; } .footer-wrapper h2 { font-size:30px; } .footer-wrapper p { font-size:16px; } .footer-wrapper h3 { font-size:20px; color: #ffffff; } .footer-wrapper a{ font-size: 17px; color: #f1f1f1; } .footer-wrapper a:not(.more-link):not(.fa):hover, .footer-wrapper h3:hover { color: #97CAEB !important; text-decoration:none; } /* .footer-wrapper a:not(.more-link):after { border-bottom:1px solid transparent; content:""; position:relative; display:block; } .footer-wrapper a:not(.more-link):hover:after { content:""; position:relative; display:block; border-bottom:1px solid white; width:0%; margin-bottom:0; animation: underline 1s; animation-fill-mode: forwards; } @keyframes underline { 0% { width:0%;margin-top:0px;height:0px; } 100% { width:100%;margin-top:-6px;height:6px; } } */ .footer-wrapper .copyright{ margin-bottom: 10px; text-align: center; } .footer-wrapper .copyright * { font-size: 12px; } .footer-wrapper .hs-menu-wrapper.hs-menu-flow-vertical > ul li a{ padding: 0; width: fit-content; } .footer-wrapper h4.widget-title{ margin: 0; font-size: 18px; } .footer-wrapper h4.widget-title .widget-span{ margin-bottom: 15px; } .footer-pull-right *{ text-align: right; } .footer-wrapper .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { padding: 7px 0 0 0; margin-bottom:10px; margin-right:40px; } /* Retain KAYAK identity line as part of our license requirement. Thank you! */ .row-fluid [class*="span"].made-by-kayak{ display: none; padding-top: 20px; font-size: .9em; } .template-home .row-fluid [class*="span"].made-by-kayak{ display: block; } .made-by-kayak, .made-by-kayak a { color: #eaeaea; } @media only screen and (max-width: 767px){ .footer-wrapper h4.widget-title .widget-span{ margin-top: 10px; } .footer-pull-right *{ text-align: center; } } /*****************************************/ /* Home */ /*****************************************/ .service-group .fa{ color: #002856; } .blue-colored-background { background: rgba(155,202,235,0.15); } .personatabbed.blue-colored-background { background: #002856 ; } .blue-colored-background #tabbedsection { padding-top:0; margin-top:-164px; } .personatabbed.green-colored-background { background: #97caeb ; } .green-colored-background #tabbedsection { padding-top:0; margin-top:-164px; } .blue-colored-background .persona-image img { /* width:100%; */ } .blue-colored-background .persona-block { border:24px solid #002856; border-radius:6px; background-color:#ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .green-colored-background .persona-block { border:24px solid #97caeb; border-radius:6px; background-color:#ffffff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /*****************************************/ /* Internal Page */ /*****************************************/ /* Breadcrumbs */ .breadcrumbs{ margin: 0; font-size: 14px; } .breadcrumbs li.hs-breadcrumb-menu-item{ margin: 0; } /* Sidebar */ .sidebar{ font-size: 17px; } .sidebar-item{ margin: 0 0 20px; } .sidebar-item .hs_cos_wrapper_type_rich_text p:last-child{ -webkit-margin-after: 0; } .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: 10px 0 0; width: fit-content; margin: 0 0 10px 20px; } /* .sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical>ul li a:after { vertical-align: baseline; content: "\f054"; font: normal normal normal 14px/1 FontAwesome; margin-left:7px; } */ .sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical>ul li:first-child{ border-top:2px solid rgba(0, 40, 86, 0.125); /* #002856; */ padding-top:20px; } .sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children ul li { border: none; padding-top:20px; } .sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical>ul li:last-child{ border-bottom:2px solid rgba(0, 40, 86, 0.125); /* #002856; */ padding-bottom:20px; } .sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children ul li { border: none; padding:0 0 0 20px; } .sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children ul.hs-menu-children-wrapper { position:relative; height: 0; left:0; } .sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { height: 0; transition: all 0.2s ease; } .sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper { position:relative; height: auto; left:0; } .sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical>ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper li a{ height: auto; transition: all 0.2s ease; } .sidebar .hs_cos_wrapper_type_post_listing ul { list-style: none; margin: 20px 0; padding: 0; } .sidebar-nav .hs-menu-wrapper.hs-menu-flow-vertical li a:hover { color: #97CAEB; } /* Error Templates */ .error-template .row-fluid [class*="span"].content-section{ padding-top: 75px; } .error-template .billboard-wrapper, .billboard-content{height: 480px;} .error-template .hs-form .hs-button{ padding: .5em 1em; color: #ffffff; background: #97CAEB; border: 1px solid #97CAEB; transition: all 0.2s ease; margin: .9em 0 .5em; display: inline-block; border-radius: 4px; } .error-template .hs-form .hs-button:hover{ background: rgba(255,255,255,0); color: #97CAEB; text-decoration: none; cursor: pointer; } .error-template .header-container.container-fluid { background-color: #54565A; /* #5f656b; */ display: block; position: relative; height: 260px; z-index: 1000000; } .error-template .custom-menu-primary .hs-menu-flow-horizontal>ul>li ul.hs-menu-children-wrapper>li { background:rgba(125,125,125,0.75); /*rgba(151,202,235,0.25);*/ } /*****************************************/ /* 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: #002856; } .blog-quick-links span:first-child{ margin-left: -20px; } .blog-quick-links span:first-child:before{ content: ''; } /* Listing */ .post-item{ margin: 0 0 40px; padding: 0 0 40px; border-bottom: 1px solid #002856; } .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; } .blog-pagination a{ margin: 0 1em 0 0; font-size: .9em; text-transform: uppercase; letter-spacing: .1em; } ul.hs-blog-social-share-list { list-style-type: none; text-align:center; } li.hs-blog-social-share-item { display:inline; } li.hs-blog-social-share-item-facebook { margin-top:1px; } /* Singleton */ .singleton{ } /* Sidebar */ .sidebar .hs_blog_blog_subscription{ display: none; } .sidebar .hs_submit .actions input{ margin: .9em 0 .5em; } .hs-author-avatar img { border-radius: 50%; } .sidebar-subscription-wrapper{ margin-bottom: 0; } /* Grid (Default 3 columns)*/ .blog-grid{ margin-top: 40px; } .blog-grid .post-listing{ display: inline-block; } .blog-grid .post-item{ width: 31%; margin-right: 3%; margin-bottom: 3%; display: inline-block; float: left; border: 1px solid #efefef; border-radius: 4px; } .blog-grid .post-item:nth-child(3n){ margin-right: 0; } .blog-grid .post-item .hs-featured-image{ margin-top: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; } .blog-grid .post-item .post-body p{ font-size: .9em; } .blog-grid .title-block, .blog-grid .post-header-row .span12, .blog-grid .post-body-row .span12{ padding: 0 25px; } /* Grid (4 columns)*/ .grid-4-cols .blog-grid .post-item{ width: calc(23.5% - 8px); margin-right: 2%; margin-bottom: 2%; } .grid-4-cols .blog-grid .post-item:nth-child(3n){ margin-right: 2%; } .grid-4-cols .blog-grid .post-item:nth-child(4n){ margin-right: 0; } /* Listing Page Only Styles */ .hs-blog-listing.template-blog-grid .sidebar-single-only{ display: none; } .hs-blog-listing .no-sidebar-listing.span9{ width: 100%; } /* Single Post Page Only Styles */ .hs-blog-post.template-blog-grid .grid-post-filter{ display: none; } /* Tag Filters */ .widget-type-post_filter .widget-module ul{ list-style-type: none; margin-block-start: 0; margin-block-end: 0; padding-inline-start: 0; } .widget-type-post_filter .widget-module ul li{ display: inline-block !important; margin-right: 10px; } .widget-type-post_filter .widget-module ul li a{ background: #97CAEB; color: #ffffff; border: 1px solid #97CAEB; padding: .5em 1em; border-radius: 4px; font-size: 15px; transition: all 0.2s ease; } .widget-type-post_filter .widget-module ul li a:hover{ background: transparent; color: #97CAEB; text-decoration: none; } .widget-type-post_filter .block{ text-align: center; margin-top: 30px; } @media only screen and (max-width: 1139px){ .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: 1000px){ .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: 767px){ .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; } } /*****************************************/ /* Special Components */ /*****************************************/ .fb_iframe_widget span { height: 30px !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; } .billboard-content .hero-blog-subscription h4{ color: #ffffff; } .billboard-content .hero-blog-subscription input { margin-bottom:10px; } .billboard-content .hero-blog-subscription { float:right; } .billboard-content .button-cta a, .parallax-cta-content .button-cta a{ border-color: #97CAEB; background-color: #97CAEB; } .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{ color: #ffffff; border-color: #ffffff); background-color: rgba(255, 255, 255,0); } .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); } /* Background Block */ .with-background, .with-background .content { position: relative; z-index: 10; } .with-background .background-img{ position: absolute; top: 0; width: auto; max-width: none; min-width: 100%; height: 100%; overflow: hidden; z-index: -10; pointer-events: none; } .with-background .image-overlay { position: absolute; top: 0; width: auto; max-width: none; min-width: 100%; height: 100%; overflow: hidden; z-index: 1; pointer-events: none; } .background-img 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%); } .background-img.right-align img{ left: 100%; max-width: none !important; width: auto !important; min-width: 100%; min-height: 100%; -webkit-transform: translate(-100%, -50%); -moz-transform: translate(-100%, -50%); -ms-transform: translate(-100%, -50%); transform: translate(-100%, -50%); } .background-img.parallax img { position: fixed; } .body-container-wrapper { -webkit-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.10); -moz-box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.10); box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.10); } .widget-type-email_subscriptions p.header{ margin-left: 0; } .subscribe-options label{ margin-left: 0; margin-right: 0; } /* Testimonials */ .testimonial p{ font-family: "Open-Sans", Times, serif; font-size: 2em; } .testimonial .cite{ line-height: 60px; } .testimonial .cite img{ width: 60px; height: 60px; border-radius: 50%; } /* Slick Slider */ .slick-dots{ margin-top: 15px; position: relative; bottom: 0; } .slick-dots li button{ width: 30px; height: 30px; } .slick-dots li button:before{ font-size: 26px; line-height: 30px; } /* Logo Carousel */ .hs-logo-carousel__inner{ filter: grayscale(1); transition: filter 0.3s ease; } .hs-logo-carousel__inner:hover{ filter: none; } .persona-content-section { padding: 30px 30px; background: #ffffff; min-height: 220px; display: flex; flex-direction: column; justify-content: space-between; } .persona-content-section .row-fluid { justify-content: space-between !important; } .homepageticker { padding-top:2vw } /*****************************************/ /* Responsive */ /*****************************************/ @media(max-width:1200px){ .persona-content-section { min-height: calc( -10vw + 350px); padding: 25px 25px; } } @media(max-width:767px){ .persona-content-section { min-height: 200px; padding: 30px 20px; } .blue-colored-background #tabbedsection { margin-top:0px; } .blue-colored-background .persona-block { border:none; } .personatabbed.blue-colored-background { padding-left:10px; padding-right:10px; padding-top: 40px !important; padding-bottom: 0px !important; } /* Global Styling */ .column-group > .row-fluid-wrapper > .row-fluid > [class*="span"]{ margin-bottom: 20px; border-left: 0; border-bottom: 1px solid #002856; } .column-item { text-align: center; padding: 0 0 30px; } .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, .footer-wrapper .text-right{ text-align: center; } .homepageticker { padding-top:60px } .footer-wrapper .widget-type-logo { padding-top:25px; text-align:right; } } @media screen and (max-width: 600px) { .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%); } } /*****************************************/ /* Helpers */ /*****************************************/ .no-padding { padding: 0 !important; } .no-p-t { padding-top: 0 !important; } .no-p-r { padding-right: 0 !important; } .no-p-b { padding-bottom: 0 !important; } .no-p-l { padding-left: 0 !important; } .p-0 { padding: 0 !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-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; } .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-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; } .m-0 { 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-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; } .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-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; } .show{ display: block !important; } .vertical-align { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .bordered-ds img { border-radius: 4px; box-shadow: rgba(0, 0, 0, .05) 0px 0px 4px; } .sectiontwo { padding-top:50px !important; padding-bottom:160px !important; } .sectiontwo .span9 { width: calc(100% - 350px); } .sectiontwo .span3 { width:310px; } @media all and (max-width:1024px) { .sectiontwo .span9 { width: 100%; } .sectiontwo .span3 { width:310px; margin:0 auto; float: none; clear: both; } } @media all and (max-width:360px) { .sectiontwo .span3 { width:280px; padding:0 5px; } } /* ============================================================================================================= */ /* =============== 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 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .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; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover { /*background-color: rgba(255,255,255,0.05); border-top-right-radius:6px; border-top-left-radius:6px; */ -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { max-width: fit-content; } /* ========================================================================== 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: 1200px){ /* * 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 !important; float: none; position: static; top: auto; right: auto; left: auto; bottom: auto; padding: 0px; margin: 0px; background-image: none; background-color: transparent; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto; line-height: 1; font-weight: normal; text-decoration: none; text-indent: 0px; text-align: left; color: #ffffff; /*#97CAEB; */ -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .hs-menu-wrapper.hs-menu-flow-horizontal > ul { border-radius: 6px; } .header-nav-wrapper .custom-menu-primary { animation: opening 0.1s; animation-fill-mode: forwards; } @keyframes opening { 0% { opacity:0; } 90% { opacity:0; } 100% { opacity:1; } } .custom-menu-primary.js-enabled { position: relative; padding-top: 0px; margin: 0; } /* Toggle Button ========================================================================== */ .mobile-trigger{ display: inline-block !important; /* Show button on mobile */ cursor: pointer; position: absolute; top: -3px; right: 10px; width: auto; height: auto; padding: 8px 10px 8px 10px; background: transparent; border: none; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; color: ; } .mobile-trigger:hover{ text-decoration: none; /* Removes link text underline on button */ color:#ffffff; } /* Change button when menu is open */ .mobile-open .mobile-trigger{ color:#ffffff; } .hs-menu-wrapper .hs-item-has-children:after { content:url("data:image/svg+xml;utf8,"); position:absolute; font-size:12px; top:10px; right:10px; display:block; filter:invert(100%); } .custom-menu-primary .hs-menu-wrapper > ul li a, .custom-menu-primary .hs-menu-wrapper > ul li { background-color: rgba(151,202,235,0.25); border-radius: 0px; text-align:center; z-index:1; } .custom-menu-primary .hs-menu-wrapper > ul li:hover { background-color: rgba(151,202,235,0.75); } .custom-menu-primary .hs-menu-wrapper > ul li:not(.hs-menu-depth-2):not(.hs-menu-depth-3):first-child, .custom-menu-primary .hs-menu-wrapper > ul li:not(.hs-menu-depth-2):not(.hs-menu-depth-3):first-child a { border-top-left-radius: 6px; border-top-right-radius: 0px; } /* changed bottom radius when search icon is visible */ .custom-menu-primary .hs-menu-wrapper > ul li:not(.hs-menu-depth-2):not(.hs-menu-depth-3):last-child, .custom-menu-primary .hs-menu-wrapper > ul li:not(.hs-menu-depth-2):not(.hs-menu-depth-3):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 Icon ========================================================================== */ .mobile-trigger i{ display: inline; position: relative; top: -4px; } .mobile-trigger i:before, .mobile-trigger i:after{ position: absolute; content: ''; } .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{ width: 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 */ } .mobile-trigger i:after{ top: 7px; /* Position bottom line */ } .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after, .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{ color: rgba(255,255,255,0.05); /* Icon color */ } /* Child Toggle Button ========================================================================== */ .child-trigger{ display: block !important; /* Hide button on Desktop */ cursor: pointer; /* Mouse pointer type on hover */ position: absolute; top: 0px; right: 0px; width: 45px !important; /* Button width */ min-width: 45px !important; height: 45px !important; /* Button height */ padding: 0 !important; border-left: 1px solid rgba(255, 255, 255, .20); z-index:500000000; } .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: transparent; /* #ffffff; /* Icon color */ display: block; } .child-trigger i:after{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .child-trigger.child-open i:after{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .child-trigger.child-open i{ } /* 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; } /* Hide menu on mobile */ .custom-menu-primary.js-enabled .hs-menu-wrapper, .custom-menu-primary.js-enabled .hs-menu-children-wrapper{ display: none; } /* Make child lists appear below parent items */ .custom-menu-primary ul.hs-menu-children-wrapper{ visibility: visible !important; opacity: 1 !important; position: static !important; display: none; } /* Mobile Menu Styles */ .custom-menu-primary.js-enabled .hs-menu-wrapper{ width: 100%; position: relative; right: 77px; padding: 0; max-width: 300px; float: right; border-radius:6px; } @media all and (min-width:1200px) { .custom-menu-primary .hs-menu-wrapper{ background-color:rgba(205,205,205,0.96); /*rgba(255,255,255,0.12); /*rgba(151,202,235,0.25); /* Menu background color set off global menuColorMobile variable */ width: 100%; /* Full screen width */ } } @media all and (max-width:1200px) { .custom-menu-primary .hs-menu-wrapper{ background-color:rgba(191, 197, 202,0.95); /*rgba(255,255,255,0.12); /*rgba(151,202,235,0.25); /* Menu background color set off global menuColorMobile variable */ width: 100%; /* Full screen width */ } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:first-child a { padding-top: 15px } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:first-child:after { padding-top: 3px } .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1:nth-last-child(2) a { padding-bottom: 15px } } /* Level 1 Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul > li{ position: relative; border-top-right-radius: 0px; } .custom-menu-primary .hs-menu-wrapper > ul > li a{ font-size: 22px; /* Font size of top level list items */ line-height: 25px; overflow: visible; border-bottom: 1px solid rgba(151, 202, 235,0.5); z-index: 2000; } .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: 1px solid rgba(151, 202, 235,0.5); margin-top:0px; } .mobile-open .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { margin-right:43px; border-right: 2px solid rgba(255,255,255,.30); border-top-right-radius: 0px; } /* Level 1 and Higher Menu List Styles .custom-menu-primary .hs-menu-wrapper > ul li:not(:first-child) { border-top: 1px solid rgba(0,40,80, .35); */ /* Adds transparent dark highlights to top of top level list items */ } /* Level 1 and Higher Menu List Styles */ .custom-menu-primary .hs-menu-wrapper > ul li { /* border-bottom: 1px solid rgba(0,40,80, .35); /* Adds transparent dark highlights to top of top level list items */ } .custom-menu-primary .hs-menu-wrapper > ul li a{ padding: 10px 10px; color: #ffffff; /* #97CAEB; /* link color set by global mobile-aColor variable */ } .custom-menu-primary .hs-menu-wrapper > ul li a:hover{ color: #ffffff; /* #97CAEB; /* link hover color set by global mobile-aColorHover variable */ background: rgba(255,255,255,0.1); /*rgba(255,255,255,0.05); /* 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 { border-bottom: none; /* border-top: 1px solid rgba(151, 202, 235,0.5); */ } .custom-menu-primary .hs-menu-wrapper > ul ul li.hs-menu-depth-3:first-child { border-bottom: none; /*border-top: 1px solid #ffffff;*/ margin-top:-1px !important; } .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: 1201px){ .custom-menu-primary { text-align: left; } .custom-menu-primary, .hs-menu-flow-horizontal, .custom-menu-primary .hs-menu-wrapper>ul, .hs-menu-children-wrapper { display:block !important } .widget-type-logo img.hs-image-widget { width: 200px !important; max-height: 80px; } /* =============== Custom Menu Primary =============== */ /* Parent List */ .custom-menu-primary .hs-menu-wrapper > ul { float: right !important; color: #ffffff; line-height: 1em; font-family: "Open-Sans",Helvetica,Arial,sans-serif; font-size: 16px; font-weight: 300; text-transform: ; box-shadow: none !important; } .custom-menu-primary .hs-menu-wrapper > ul > li { position: relative; margin-bottom: 0; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .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: 1em; letter-spacing: 1px; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; border-top:1px solid rgba(132,189,0,0.0); border-right:1px solid rgba(132,189,0,0.0); border-left:1px solid rgba(132,189,0,0.0); border-bottom: 1px solid rgba(151, 202, 235,0.0); } .custom-menu-primary .hs-menu-wrapper > ul > li > a { border-top-left-radius: 9px; border-top-right-radius: 9px; } .custom-menu-primary .hs-menu-wrapper > ul > li:not(.hs-item-has-children) > a { /* border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; border-bottom:1px solid rgba(132,189,0,0.0);*/ } .custom-menu-primary .hs-menu-wrapper > ul > li:hover > a{ background: rgba(151,202,235,0.6); /*#ffffff; */ color: #ffffff; border-top:1px solid rgba(255,255,255,0.05); border-right:1px solid rgba(255,255,255,0.05); border-left:1px solid rgba(255,255,255,0.05); border-bottom: 1px solid rgba(151, 202, 235,0.5) !important; border-top-left-radius: 9px; border-top-right-radius: 9px; } .esg .custom-menu-primary .hs-menu-wrapper > ul > li:hover > a, .esg .custom-menu-primary .hs-menu-wrapper > ul li a:hover{ background: rgba(45, 85, 54,0.6); } .custom-menu-primary .hs-menu-wrapper > ul > li:not(.hs-item-has-children):hover > a{ } /* .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: #ffffff; } */ /* 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: #97CAEB; } /* 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: 37px; 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; width:auto; /* min-width: 240px; */ display: none; visibility:hidden; height:0; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li > ul.hs-menu-children-wrapper > li:first-child:hover > ul { top: 0; } .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; } .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 li a { border-right:1px solid rgba(255,255,255,0.05); border-left:1px solid rgba(255,255,255,0.05); border-bottom: 1px solid border-bottom: 1px solid rgba(151, 202, 235,0.5); } .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li:first-child { padding-top: 0; margin-top:1px; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li:not(.hs-item-has-children):first-child, .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li:not(.hs-item-has-children):first-child a{ border-top-right-radius: 9px; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li:last-child { padding-bottom: 0; } .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 6% !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 { background: rgba(151,202,235,0.6);/*rgba(255,255,255,0.05); */ margin-bottom: 0; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .esg .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li { background: rgba(45, 85, 54,0.6); } .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > a { color: #ffffff; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li ul.hs-menu-children-wrapper > li > a { color: #ffffff; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li ul.hs-menu-children-wrapper > li > a:hover { color: #ffffff; } .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 { color: #ffffff; border-radius:0; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li:last-child:hover > a, .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li:last-child { border-bottom-right-radius: 9px; border-bottom-left-radius: 9px; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li.hs-item-has-children, .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li.hs-item-has-children a { border-bottom-right-radius: 0px !important; } /* 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; */ display: block; height:auto; opacity:1; visibility:visible; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul > li, .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul > li a { border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; } .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 > li > ul > li:first-child, .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul > li:first-child a, .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul > li:first-child:hover, .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul > li:first-child a:hover { border-top-right-radius: 9px !important; margin-top:0; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul > li:last-child, .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul > li:last-child a, .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul > li:last-child:hover, .custom-menu-primary .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul > li:last-child a:hover { border-bottom-right-radius: 9px !important; } .custom-menu-primary .hs-menu-flow-horizontal > ul > li > ul.hs-menu-children-wrapper.left { right: 80px; left: auto; } .main-nav.custom-desktop .hs-menu-flow-horizontal > ul > li ul.hs-menu-children-wrapper > li > ul > li { margin-top:0; } /* other level */ .custom-menu-primary .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 .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 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s 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: 25px !important; } } .certs{ float: left; width: 240px; margin: 0 20px 20px 0; } .team-badge { float: right; margin: 0 0 15px 15px; } /* 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{height: 750px;} .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; } .widget-type-logo img.hs-image-widget { width: 200px !important; max-height: 80px; } } @media all and (max-width:1200px) { .search-template .search-trigger { display:none; padding:5px 0; text-align:center; } .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; } } @media (max-width: 414px) { .custom-menu-primary.js-enabled .hs-menu-wrapper { width: 100% !important; position: relative; right: 0; padding: 0; max-width: 100%; float: left; } .absolute-header .header-container-wrapper { left: 0px; overflow: hidden; width: 100vw; } } .content-align-middle_center .row-fluid [class*="span"] { display: block; float: none; } .secure-hero-overlay #billboard:after { content:url(https://6144363.fs1.hubspotusercontent-na1.net/hubfs/6144363/images/secure-overlay-white-svg.svg); position:absolute; display: block; height:auto; width: calc(75vw + 375px); top: -460px; opacity: 0.4; max-height: 900px; max-width: 900px; right: calc(90% - 450px); } .error-template .secure-hero-overlay #billboard:after { top: -635px; } .template-blog .secure-hero-overlay #billboard:after { top: -550px; } /* .template-internal .secure-hero-overlay #billboard:after { top: -500px; } .template-landing .secure-hero-overlay #billboard:after { top: -450px; } */ @media all and (max-width:600px) { .secure-hero-overlay #billboard:after { width:600px; top: -330px; opacity: 1; max-height: 600px; max-width: 600px; right: 35%; height: 620px; } } @media all and (min-width:1921px) { .secure-hero-overlay #billboard:after { top: -500px; max-height: 900px; max-width: 900px; } .persona-content-section { padding: 35px 35px; min-height: 220px; } } @media (max-width: 360px) { .mobile-trigger { right: 0px; } } @media (max-width: 320px) { .mobile-trigger { right: -10px; } } /* Slick carousel arrow overrides */ .slick-prev:before { content: '\f053'; color: #97CAEB; } .slick-next:before { content: '\f054'; color: #97CAEB; } .slick-prev:hover:before { color: #002856; } .slick-next:hover:before { color: #002856; } .slick-prev:before, .slick-next:before { font-family: 'FontAwesome'; } /* Retain KAYAK identity line as part of our license requirement. Thank you! */ #k-icon { min-height:25px !important; height:25px; text-align: center !important; margin-top:-75px; overflow:hidden; } #k-icon path { fill: #0052b1; } #k-icon .widget-type-logo img.hs-image-widget { position:relative; height:25px; width:60px !important; float:right; opacity:0.01 !important; margin:0 50px 0 0; } .k-icon a {border:none !important;} .report-inactive { background-image:url(https://6144363.fs1.hubspotusercontent-na1.net/hubfs/6144363/secure-invest-to-move-energy-forward-300x450.jpg); background-color: #ffffff; background-repeat:no-repeat; background-size:cover; } .report-inactive-mda { background-image:url(https://6144363.fs1.hubspotusercontent-na1.net/hubfs/6144363/secure-invest-to-move-energy-forward-300x450.jpg); background-color: #ffffff; background-repeat:no-repeat; background-size:cover; } .report-background-mobile { background-color:transparent; } .report-background { background-color: #f2f2f2; } .report-background-mobile { } .product-section .row-fluid-wrapper.row-depth-1 { text-align:center; } .product-section .row-fluid-wrapper.row-depth-1 h2 { text-align:left; } .product-section .row-fluid .span3 { width: 23.076923077%; *width: 23.0237315876383%; margin: 10px 20px 10px 0; padding-top:10px; border: 2px solid #f2f2f2; } .footer-container-wrapper .hs-rss-title { font-size: 20px; color: #ffffff; } .footer-container-wrapper .hs-rss-description a { background-color: #97CAEB; transition: all .2s ease; display: inline-block; font-size: 17px; margin-top: 1em; padding: .5em 1em .5em 1em; color: #ffffff; border: 2px solid #97CAEB; border-radius: 4px; text-decoration: none; } .footer-container-wrapper .hs-rss-description a:hover { color: #97CAEB; text-decoration: none; background-color: rgba(255,255,255,0); transition: all .2s ease; } @media all and (max-width:767px) { .template-landing .body-container-wrapper .row-fluid:first-of-type { } .error-template .hs-search-module, .error-template #email-prefs-form .email-prefs { width: 100%; } .error-template .header-container.container-fluid { background-color: #54565A; height: 132px; } .template-landing .row-fluid .sidebar { width:100%; } .report-background { background-color: transparent; } .report-background-mobile { background-color:#f2f2f2; } .report-inactive, .report-inactive-mda { background-image:none; border: 0 !important; display: none !important; } .product-section .row-fluid .span3 { width: calc(100% - 24px); margin: 10px 10px; } } @media screen and (-ms-high-contrast: active) and (min-width: 120px), (-ms-high-contrast: none) and (min-width: 120px) { .blue-colored-background img { width:100% !important; max-width:371px !important; } } @media screen and (-ms-high-contrast: active) and (max-width: 1200px), (-ms-high-contrast: none) and (max-width: 1200px) { .custom-menu-primary .hs-menu-wrapper{ background-color:#eeeeee; } } .esg a { color:#97caeb; } .esg .secondary-nav .row-fluid-wrapper { display:block; width:100%; max-width: 1368px; margin: 0 auto; text-align:right; } .esg .secondary-nav .row-fluid-wrapper .button-cta { margin:2px 0 2px 6px; } .esg .secondary-nav .row-fluid-wrapper .button-cta a { border: 2px solid #97caeb; float: left; padding:1px 20px; white-space:nowrap; } .esg .secondary-nav .row-fluid-wrapper .button-cta a:hover { text-decoration:none; } .esg .secondary-nav .hs-menu-wrapper li a { color:#ffffff; } .esg a:not(.more-link):not(.cta_button):hover, .esg .secondary-nav a:not(.more-link):not(.cta_button):not(.hs-button):hover { border-bottom: 1px solid #97caeb; } .esg .secondary-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li { margin: 0; } .esg .secondary-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a { display: inline-block; padding: 0 5px; white-space: nowrap; font-size:14px; vertical-align: bottom; } .esg .secondary-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li:after, .esg .horizontal-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li:after { content:'|'; color:#ffffff; font-size:18px; padding: 0 20px; } .esg .horizontal-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li:after { content:'|'; color:#97caeb; vertical-align: top; line-height: 44px; } .esg .secondary-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li:last-of-type:after, .esg .horizontal-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li:last-of-type:after { content:''; padding: 0 0 0 20px; } .esg .inner-text blockquote { font-weight:500; } .esg .inner-text blockquote:before { content:url(https://6144363.fs1.hubspotusercontent-na1.net/hubfs/6144363/images/secure-overlay-white-svg.svg); position:absolute; display: block; height:auto; width: calc(100% + 175px); top: -100%; opacity: 0.9; max-height: max-content; max-width: 50%; right: calc(90% - 150px); } .esg .inner-text blockquote:after { border-bottom: 3px solid #97caeb; position:absolute; bottom:0px; left:0; content:""; width:calc(100% - 50px); } .esg .inner-text blockquote p { mix-blend-mode:darken; } @media all and (max-width:1200px) { .esg .secondary-nav .search-trigger { display:none; } .esg .search-trigger, .esg .custom-menu-primary .hs-menu-wrapper > ul li a, .esg .custom-menu-primary .hs-menu-wrapper > ul li { background-color: rgba(151, 202, 235,0.75); } .esg .custom-menu-primary .hs-menu-wrapper > ul li:hover { background-color: rgba(151, 202, 235,0.95); } .esg.mobile-open .secondary-nav .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { margin-right: 0px; border-right: none; } } @media all and (max-width:768px) { .esg .secondary-nav .search-trigger { display:none; } .esg .secondary-nav [class*="span"] { width: fit-content; display: inline-block; float: left; } .esg .horizontal-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li:after { content:''; padding: 0 0 0 20px; } } @media all and (max-width:568px) { .esg .secondary-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-depth-1 { float:left; } .esg .secondary-nav .hs-menu-wrapper * { width: auto; } .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 { overflow: hidden !important; } } .env-btn { border-color: #1A5632 !important; background: #1A5632 !important; } .env-btn:hover { border-color: #1A5632 !important; background: transparent !important; } .einf-btn { border-color: #002856 !important; background: #002856 !important; } .einf-btn:hover { border-color: #002856 !important; background: transparent !important; }