/* ========================================================= * HubSpot Requireds * ====================================================== */ /* 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;} /* ========================================================= * InboundCycle Requireds * ====================================================== */ /* ------------------------------------------------------------ * Globals */ /* This is for felx grid */ .blog .container, .blog .main-wrapper, .blog .module#hero .hero-wrapper, .blog .hero__wrapper { max-width: 1300px; } .posts-listing__grid { display: flex; flex-flow: row wrap; margin: -30px 0 0 -20px; } .posts-listing__grid .posts-listing__post.card { flex: 1 1 30%; background: #f5f5f5; border-radius: 2px; margin: 30px 0 0 20px; } @media( min-width: 576px ) { .posts-listing__grid>:nth-child(5n - 2) { flex: 1 1 34%!important; } .posts-listing__grid > :nth-child(10n - 9) { flex: 1 1 65%!important; } } @media( max-width: 480px ) { .posts-listing__grid .posts-listing__post.card { flex: 1 1 100%; } } /* @group [ style.globals.css ] ============================= */ /* @group Layout -------------------------------------------- */ * { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); -webkit-box-sizing: border-box; box-sizing: border-box;} html, body.tmp, body { margin: 0; font-family: var(--default-font-family)!important; font-weight: 400; color: #666; background: transparent;} .container { padding: 60px 15px; margin: 0 auto; } a, a:checked, a:active, a img { outline: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease } a:hover { outline: none;} a img { outline: none; text-decoration: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease } .tmp h1, .tmp h2, .tmp h3, .tmp h4, .tmp h5, .tmp h6 { color: var(--default-title-color); } h1 { margin: 20px 0; font-size: 40px; /*52px;*/ font-weight: 600; letter-spacing: normal;/*-1.5px;*/ line-height: 48px } h2 { margin: 20px 0; font-size: 30px;/*38px;*/ font-weight: 600; } h3 { margin: 20px 0; font-size: 22px;/*28px;*/ font-weight: 600; letter-spacing: -0.5px } .subtitle { margin: 0 0 30px 0; color: var(--default-title-color); font-size: 28px; font-weight: 200; letter-spacing: -0.5px; opacity: 0.5 } p { margin: 0 0 20px 0; font-weight: 400; color: var(--default-text-color); line-height: 150% } ul { padding: 0; margin: 0; list-style: none; } button { outline: none!important; } /* Responsive ---------- */ @media (min-width: 768px) { .container, .main-wrapper, .text-container, .main-text__wrapper { max-width: 768px;} } @media (min-width: 992px) { .container, .main-wrapper, .text-container, .main-text__wrapper { max-width: 970px;} } @media (min-width: 1200px) { .container, .main-wrapper, .text-container, .main-text__wrapper { max-width: 1200px;} } /* @group [ style.topbar.css ] ============================== */ /* @group Layout -------------------------------------------- */ /* Menu */ .tmp header.module.topbar { position: relative; top: 0px; z-index: 10; width: 100%; pointer-events: none; transform: translateY(0%); transition: all 0.6s ease 0s; } .tmp .module#topbar { pointer-events: all; } .tmp .module#topbar .navbar { padding: 0; background: #fff; } .tmp .module#topbar .topbar-wrapper .container { padding: 12px 15px 15px; } .tmp .module#topbar .navbar-collapse.collapse { width: 100%; } .module#topbar .navbar-header .navbar-toggle .icon-bar { border: 1px solid var(--secondary-color); background-color: var(--secondary-color); } .tmp .module#topbar #navbar-collapse ul li a { font-size: 20px; color: var(--default-title-color); text-decoration: none; padding: 0; max-width: unset; } .tmp .module#topbar #navbar-collapse ul li a:hover { color: var(--primary-color-light); } /* #region Submenu */ .tmp .module#topbar #navbar-collapse ul * { transition: 0 !important; } .tmp .module#topbar #navbar-collapse ul li.hs-menu-depth-1 > ul { padding: 15px; background: var(--secondary-color) !important; box-shadow: 0 10px 10px -10px rgba(73,80,87,0.3); } .tmp .module#topbar #navbar-collapse ul li.hs-menu-depth-1:hover li.hs-menu-depth-2 > ul { background: none; left: 0px; display: flex; position: relative; flex-direction: column; visibility: visible; opacity: 1; box-shadow: none; align-items: flex-start; padding: 0px; gap: .5em; margin: 0px; } .tmp .module#topbar #navbar-collapse ul li.hs-menu-depth-2.hs-item-has-children > a{ color:#222; text-transform: uppercase; font-weight: bold; font-size: 12px; margin-bottom: .5em; } .tmp .module#topbar #navbar-collapse ul li.hs-menu-depth-2.hs-item-has-children a:after, .tmp .module#topbar #navbar-collapse ul li.hs-menu-depth-2.hs-item-has-children > ul:after { display: none; } .tmp .module#topbar #navbar-collapse ul li.hs-menu-depth-3 { padding: 0px; } @media ( min-width: 768px ) { .tmp header.module.topbar { position: sticky; } .tmp .module#topbar #navbar-collapse ul li.hs-menu-depth-1 > ul { display: grid; grid-template-columns: repeat(2,1fr); gap: 2em; transform: translateX(-50%); top: 100%; margin: 0; left: 50%; } } /* #endregion */ .tmp .module#topbar #navbar-collapse ul li ul:after { border-bottom-color: var(--secondary-color); border-width: 8px; } .tmp .module#topbar #navbar-collapse ul li ul li { padding: 0 10px; margin: 0; } .tmp .module#topbar #navbar-collapse ul li ul li a { display: inline-block; color: #fff; width: 100%; } .tmp .module#topbar #navbar-collapse ul li ul li a:hover { color: var(--primary-color-dark); } /* @end */ /* @group Logotype ------------------------------------------ */ .module#topbar .navbar-header .navbar-brand { max-width: 240px; display: inline-flex; align-items: center; color: var(--generic-black); text-decoration: none; font-weight: 600; } .module#topbar .navbar-header .navbar-brand img { height: 75px; width: auto; margin-right: 10px; } @media (min-width:768px) { .module#topbar .navbar-header .navbar-brand img { height: 97px; } } /* @end */ /* @group Menu ---------------------------------------------- */ /* @end */ /* @group Responsive ---------------------------------------- */ @media (max-width: 1023px) { .tmp .module#topbar #navbar-collapse ul li a { font-size: 17px !important; } } @media (min-width:768px) { .blog.tmp .module#topbar .navbar { padding: 0; } .tmp .module#topbar .navbar-header { flex: 0 0 45%; } .tmp .module#topbar .navbar-collapse.collapse { max-height: unset!important; } .tmp .module#topbar .topbar-wrapper .container { display: flex; padding: 12px 20px 20px; } .tmp .module#topbar #navbar-collapse ul li.hs-menu-depth-1 > a { font-weight: 700; padding: 20px; overflow: unset; } .tmp .module#topbar #navbar-collapse ul li.hs-menu-depth-1:last-of-type > a { padding-right: 10px; } } @media (max-width:767px) { .tmp .module#topbar .topbar-wrapper .container { flex-flow: column; max-width: unset; } .tmp .module#topbar .navbar-collapse.collapse { background-color: #fff; display: none; overflow: hidden; transition: .4s; } .tmp .module#topbar #navbar-collapse ul { display: flex; flex-flow: column; padding: 20px 0 0; margin: 0; } .module#topbar #navbar-collapse ul > :first-child { border-top: 1px solid #ccc; } .tmp .module#topbar #navbar-collapse ul li:hover ul { position: static; } .tmp .module#topbar #navbar-collapse ul li.hs-menu-depth-1 { padding: 15px 0; } .tmp .module#topbar #navbar-collapse ul li.hs-menu-depth-1:last-of-type { padding-bottom: 0; } .tmp .module#topbar #navbar-collapse ul li a { color: #222; font-size: 16px; font-weight: 700; } .tmp .module#topbar #navbar-collapse ul li ul { margin: 0; border: none; background: none; box-shadow: none; } .tmp .module#topbar #navbar-collapse ul li ul li { padding: 0 10px; border: none; } .tmp .module#topbar #navbar-collapse ul li ul li a { padding: 10px 0; } } @media ( max-width: 575px ) { } /* @end */ /* @end */ /* #region - Header DND sections */ .cev-header .dnd-section { padding: 0; } /* #endregion */ /* #region - Header container */ .cev-header__container { display: flex; justify-content: space-between; gap: 2em; max-width: 1300px; padding: 0 1rem; margin: 0 auto; } .cev-header__column { align-items: center; display: flex; flex-direction: row; justify-content: flex-end; flex-grow: 1; } @media (max-width: 767px) { .cev-header__column{ position: relative; width: 0px; height: 0px; visibility: hidden; opacity: 0; position: fixed; transform: translateX(100vw); transition: transform .3s; } .cev-header__column.open { transform: translateX(0); width: 80vw; height: 100vh; top: 0; right: 0; left: unset; box-shadow: 0px 0 24px 0px #0003; background-color: #eee; justify-content: flex-start; flex-flow: column; align-items: flex-end; padding-left: 1rem; padding-right: 1rem; } .cev-header__column .cev-header__close--toggle { order: 1; } } /* #endregion */ /* #region - Hide elements */ .cev-header .hide { opacity:0; width: 0; height:0px; overflow: hidden; visibility:hidden; } .cev-header .open { opacity:1; overflow: visible; visibility:visible; } /* #endregion */ /* #region - Navigation skipper */ .cev-header__skip { height: 1px; left: -1000px; overflow: hidden; position: absolute; text-align: left; top: -1000px; width: 1px; } .cev-header__skip:hover, .cev-header__skip:focus, .cev-header__skip:active { height: auto; left: 0; overflow: visible; top: 0; width: auto; } /* #endregion */ /* #region - Logo */ .cev-header__logo { align-items: center; display: flex; height: auto; max-width: 240px; overflow: hidden; gap: 1em; } .cev-header__logo a { display: flex; } .cev-header__claim { font-weight: 600; color: var(--generic-black); } .cev-header__logo > .widget-type-logo { flex: 0 0 90px; } .cev-header__logo img { max-width: 100%; max-height: 90px; } .cev-header__logo .logo-company-name { font-size: 1.167rem; margin-top: 0.7rem; } /* #endregion */ /* #region - Search bar */ /* .cev-header__search--toggle { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+); background-size: 1rem; background-position: .8em 50%; background-repeat: no-repeat; background-color: #eee; border-radius: 8px; font-size: .8em; padding: .7rem 1rem .7em 2.8em; display: flex; align-items: center; cursor: pointer; } */ .cev-header__search { transition: .3s ease-in-out; } .cev-header__search--toggle:hover { opacity: .8; } .cev-header__search:has(input:focus) { flex-grow: 1; } .cev-header__search .hs-search-field__input { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+); background-position: center right 15px; background-repeat: no-repeat; height: 45px; padding: 0 0.7rem; } .cev-header__search .hs-search-field--open .hs-search-field__input { border-bottom: none; border-radius: 6px 6px 0 0; max-width: 100%; } .cev-header__search .hs-search-field--open .hs-search-field__suggestions-container { position: absolute; width: 100%; top: 100%; } .cev-header__search .hs-search-field__suggestions li { border-bottom: 1px solid #D1D6DC; font-size: 0.875rem; } .cev-header__search .hs-search-field__suggestions li.results-for { display: none; } .cev-header__search .hs-search-field__suggestions li a { color: #494A52; padding: 0.35rem 0.7rem; text-decoration: none; transition: background-color 0.3s; } .cev-header__search .hs-search-field__suggestions li a:before { background: background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5TZWFyY2g8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+ICAgICAgICA8cGF0aCBkPSJNOS4xMzg2MTUzNCwxNS44OTI1Njg1IEM1LjQxMzk1NzQyLDE1Ljg5MjU2ODUgMi4zODM4ODUyNywxMi44NjM0NDc1IDIuMzgzODg1MjcsOS4xMzkwMDM3NiBDMi4zODM4ODUyNyw1LjQxNDU2MDA1IDUuNDEzOTU3NDIsMi4zODM4ODUyNyA5LjEzODYxNTM0LDIuMzgzODg1MjcgQzEyLjg2MzI3MzMsMi4zODM4ODUyNyAxNS44OTI1Njg1LDUuNDE0NTYwMDUgMTUuODkyNTY4NSw5LjEzOTAwMzc2IEMxNS44OTI1Njg1LDEyLjg2MzQ0NzUgMTIuODYzMjczMywxNS44OTI1Njg1IDkuMTM4NjE1MzQsMTUuODkyNTY4NSBNOS4xMzg3NTI0NSwyLjQzMzYwODg3ZS0xMyBDMTQuMTc3OTk1NSwyLjQzMzYwODg3ZS0xMyAxOC4yNzY0NTM3LDQuMTAwMzI0NzEgMTguMjc2NDUzNyw5LjEzOTI3Nzk2IEMxOC4yNzY0NTM3LDExLjIyOTgyMTEgMTcuNTcxMDE2OSwxMy4xNTg0NDM0IDE2LjM4NTYzMTMsMTQuNjk5NjY5NiBMMjMuNjUwODg4MSwyMS45NjUyMjY2IEMyNC4xMTYzNzA2LDIyLjQzMDcwOTIgMjQuMTE2MzcwNiwyMy4xODU0MDU1IDIzLjY1MDg4ODEsMjMuNjUwODg4MSBDMjMuMTg1NDA1NSwyNC4xMTYzNzA2IDIyLjQzMDcwOTIsMjQuMTE2MzcwNiAyMS45NjUyMjY2LDIzLjY1MDg4ODEgTDE0LjY5OTgxMzMsMTYuMzg1NDcxMyBDMTMuMTU4NDQwNSwxNy41NzA5NTA5IDExLjIyOTU3MzgsMTguMjc2NDUzNyA5LjEzODc1MjQ1LDE4LjI3NjQ1MzcgQzQuMDk5NTA5MzgsMTguMjc2NDUzNyAtMy43MzAzNDkzNmUtMTQsMTQuMTc4MjMxMiAtMy43MzAzNDkzNmUtMTQsOS4xMzkyNzc5NiBDLTMuNzMwMzQ5MzZlLTE0LDQuMTAwMzI0NzEgNC4wOTk1MDkzOCwyLjQzMzYwODg3ZS0xMyA5LjEzODc1MjQ1LDIuNDMzNjA4ODdlLTEzIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4gICAgPC9kZWZzPiAgICA8ZyBpZD0iU2VhcmNoIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4gICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICAgICAgPC9tYXNrPiAgICAgICAgPHVzZSBpZD0iSWNvbnMvQWN0aW9ucy9TZWFyY2giIGZpbGw9IiM0OTRBNTIiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPiAgICA8L2c+PC9zdmc+); background-size: 1em; width: 1em; height: 1em; background-position: center; background-repeat: no-repeat; display: inline-block; position: relative; } .cev-header__search .hs-search-field__suggestions #results-for { display: none; } .cev-header__search .hs-search-field__suggestions .hs-search-highlight { text-decoration: underline; } @media (min-width: 767px) { .cev-header__search form { align-items: center; display: flex; flex-direction: row; } .cev-header__search label { margin: 0 1rem 0 0; } .cev-header__search .hs-search-field__input { width: auto; } } @media (max-width: 767px) { .cev-header__search { order: 2; width: 100%; } .cev-header__search:has(input:focus) { flex-grow: unset; } } /* #endregion */ /* #region - Language switcher */ .cev-header__language-switcher { cursor: pointer; display: flex; align-items: center; margin-left: 16px; padding: 8px 12px; border-radius: 4px; border: solid 1px #ccc; background: no-repeat; height: 45px; } .cev-header__language-switcher .lang_switcher_class { position: static; } .cev-header__language-switcher .lang_list_class { border: 2px solid; border-radius: 3px; box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.2); display: block; left: calc(100% - 24px); opacity: 0; min-width: 100px; padding-top: 0; text-align: left; top: 100%; transition: opacity 0.3s; visibility: hidden; } .cev-header__language-switcher:hover .lang_list_class, .cev-header__language-switcher:focus .lang_list_class { opacity: 1; transition: opacity 0.3s; visibility: visible; } .cev-header__language-switcher .lang_list_class:before { left: 70%; top: -25px; } .cev-header__language-switcher .lang_list_class:after { left: 70%; top: -22px; } .cev-header__language-switcher .lang_list_class.first-active::after { top: -22px; transition: 0.3s; } .cev-header__language-switcher .lang_list_class li { border: none; font-size: 18px; padding: 0.35rem 0.7rem; } .cev-header__language-switcher .lang_list_class li:first-child { border-radius: 6px 6px 0 0; border-top: none; } .cev-header__language-switcher .lang_list_class li:last-child { border-bottom: none; border-radius: 0 0 6px 6px; } .cev-header__language-switcher .lang_list_class li:hover { transition: background-color 0.3s; } .cev-header__language-switcher--label { display: flex; position: relative; gap: 8px; } .cev-header__language-switcher--label-current { align-items: center; display: flex; font-size: 0.75rem; gap: 8px; } .cev-header__language-switcher--label-current:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #494A52; content: ""; display: block; height: 0px; width: 0px; } .cev-header__language-switcher .hs_cos_wrapper_type_language_switcher { display: flex; align-items: center; } @media (max-width: 767px) { .cev-header__language-switcher { border-top: 2px solid #CED4DB; padding-left: 1.05rem; padding-right: 0; } .cev-header__language-switcher .lang_list_class { border: none; box-shadow: unset; display: block; left: 30px; opacity: 1; padding: 0 1.05rem; top: 0; visibility: visible; } .cev-header__language-switcher .lang_list_class li { background-color: inherit; font-size: 0.917rem; } .cev-header__language-switcher--label-current { display: none; } .cev-header__language-switcher .globe_class { background-image: none; } .cev-header__language-switcher .lang_list_class li:hover{ background-color: inherit; } .cev-header__language-switcher .lang_list_class:before, .cev-header__language-switcher .lang_list_class:after { content: none; }} /* #endregion */ /* #region - Navigation */ .cev-header__navigation--toggle { display: none; } @media (max-width: 767px) { .cev-header__navigation { order: 3; } .cev-header__navigation--toggle { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5oYW1idXJnZXI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGcgaWQ9ImhhbWJ1cmdlciIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0iR3JvdXAiIHN0cm9rZT0iIzQ5NEE1MiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIxLjUiIHk9IjEuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNCIgeD0iMS41IiB5PSI5LjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS1Db3B5LTUiIHg9IjEuNSIgeT0iMTcuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==); background-size: cover; height: 25px; width: 25px; display: block; } } /* #endregion */ /* #region - Close toggle */ .cev-header__close--toggle { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjE5cHgiIHZpZXdCb3g9IjAgMCAyNCAxOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5jbG9zZTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZyBpZD0iY2xvc2UiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjAwMDAwMCwgLTEuMDAwMDAwKSIgc3Ryb2tlPSIjNDk0QTUyIiBzdHJva2Utd2lkdGg9IjMiPiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjAwMDAwMCwgMTAuNTAwMDAwKSByb3RhdGUoLTQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0xMC4wMDAwMDAsIC0xMC41MDAwMDApICIgeD0iLTAuNSIgeT0iMTAuNSIgd2lkdGg9IjIxIiBoZWlnaHQ9IjEiIHJ4PSIwLjUiPjwvcmVjdD4gICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLUNvcHktNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCAxMC41MDAwMDApIHJvdGF0ZSg0NS4wMDAwMDApIHRyYW5zbGF0ZSgtMTAuMDAwMDAwLCAtMTAuNTAwMDAwKSAiIHg9Ii0wLjUiIHk9IjEwLjUiIHdpZHRoPSIyMSIgaGVpZ2h0PSIxIiByeD0iMC41Ij48L3JlY3Q+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=); background-repeat: no-repeat; background-size: cover; background-position: center; display: none; height: 25px; margin-right: 0; width: 25px; } @media (max-width: 767px) { .cev-header__close--toggle.show { display: block; } } /* #endregion */ /* #region Menu */ .cev-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { max-width: none; font-weight: 700; color: var(--generic-black); font-size: 20px; } .cev-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children>a:after { content: "▾"; padding-left: 5px; } /* #endregion */ /* @group [ style.hero.css ] ============================== */ /* @group Hero ---------------------------------------------------------------*/ #hero, .hero { position: relative; } #hero .hero-wrapper { padding: 60px 30px; } #hero:before, .hero:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.3); z-index: 1; } .hero .hero-background { position: absolute; top: 0; width: 100%; height: 100%; object-fit: cover; } /* @end */ /* @group [ style.forms.css ]================================ */ /* @group Fields -------------------------------------------- */ #form .form-wrapper { font-family: var(--default-font-family); border: 0; box-shadow: 0px 15px 30px #00000029; border-radius: 10px; position: relative; } .form-wrap{ padding: 30px; background: #fff; border: solid 1px #ddd; } #form .form-category { background: var(--primary-color); border-radius: 5px 5px 0 0; color: #FFF; font-size: 16px; font-weight: bold; padding: 10px 14px 7px; position: absolute; top: -33px; } #form .form-title { margin: 0; font-weight: bold; font-size: 29px; color: var(--primary-color); line-height: 36px; padding-bottom: 30px; } #form .form-description { font-size: 18px; line-height: 30px; } #hs_cos_wrapper_suscription_form__title { display: none; } .hs-form-field { display: block; margin: 0 0 20px 0 } #form .hs-form-field label { color: var(--primary-color); display: block; margin-bottom: 6px; font-size: 14px; } .hs-form-field legend { margin-bottom: 6px; padding: 0px; } .hs-form-field label .hs-form-required { margin: 0 0 0 2px } .hs-form-field .input { margin: 0; } #form form input, #form form select { background-color: #F5F5F5; border: 2px solid #D0D0D0; border-radius: 0; color: var(--generic-black); } .hs-input, .hs-search-field__input { display: inherit; margin: 0; padding: 10px 10px; color: #666; font-family: var(--default-font-family); font-size: 16px; border: 1px solid #ccc; border-radius: 3px; outline: none; background-color: #ffffff; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .hs-input[type=checkbox]{ width:auto; -webkit-appearance: checkbox; } .hs-input[type=radio]{ width:auto; -webkit-appearance: radio; } .hs-fieldtype-select .input{ position: relative; } .hs-fieldtype-select .input:after{ content: "\f0dd"; font-family: var(--awesome-pro); font-weight: bold; position: absolute; right: 18px; top: 11px; pointer-events: none; background: none !important; color: #2d324f; } .hs-fieldtype-select .input .hs-input{ cursor: pointer; padding-right: 30px; } select.hs-input { height: 44px } .hs-input:hover { border-color: #ccc } .hs-input:focus { border-color: #bbb; } /* Responsive */ @media ( max-width: 767px ) { .form-wrap{ padding: 0px; background: none; border: none; } .form-title { margin: 0 0 30px 0; font-weight: normal; font-size:20px; color: #222; } } /* @end */ /* @group Lists --------------------------------------------- */ .inputs-list { margin: 10px 0; padding: 0px; list-style: none } .inputs-list li { margin: 0 0 5px 0 } .inputs-list li label { display: inline; font-weight: 400; } .inputs-list li.hs-form-radio input, .inputs-list li.hs-form-checkbox input, .inputs-list li.hs-form-booleancheckbox input { display:inline-block; margin: 2px 5px 2px 1px } #form .inputs-list.hs-error-msgs { margin: 0; } #form .inputs-list.hs-error-msgs li label { margin: 0; opacity: 1; font-size: 14px; color: var(--error-msj-color) } /* @end */ /* @group Buttons ------------------------------------------- */ .button, .hs-button { display: inline-block; text-decoration: none; text-align: center; background: var(--primary-color); border: 0; color: #FFF; padding: 15px 30px; white-space: nowrap; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; cursor: pointer } .button { padding: 10px 16px } .button.primary { color: #fff; border: 0; background-color: var(--primary-color) } .button.primary:hover { color: #fff; background-color: var(--primary-color-dark) } .button.secundary { color: #fff; border-color: #222; background-color: #222 } .button.secundary:hover { color: #fff; border-color: #666; background-color: #666 } .button.tertiary { color: #666; border-color: #666; background-color: none } .button.tertiary:hover { color: #fff; background-color: #666 } .hs-button { display: inline-block; padding: 16px 60px; color: #fff; text-transform: uppercase; font-size: 20px; line-height: 28px; background-color: var(--primary-color) } .hs-button:hover { background-color: var(--primary-color-dark) } .hs_submit .actions { margin: 20px 0 0 0; text-align: center } #form form input[type="submit"] { background: var(--primary-color); border: 0; color: #FFF; font-size: 20px; font-weight: initial; line-height: 28px; text-transform: initial; padding: 16px 30px; } #form form input[type="submit"]:hover { background: var(--primary-color-light); } /* Responsive */ @media ( max-width: 400px ) { .button, .hs-button { -webkit-appearance : none; -moz-appearance : none; appearance : none; } } /* @end */ /* @group Columns ------------------------------------------- */ .form-columns-2, .form-columns-3 { min-width: 100% } .form-columns-2 .hs-form-field, .form-columns-3 .hs-form-field { padding: 0 10px; box-sizing: border-box } .form-columns-2 .hs-form-field:first-child, .form-columns-3 .hs-form-field:first-child { padding-left: 0 } .form-columns-2 .hs-form-field:last-child, .form-columns-3 .hs-form-field:last-child { padding-right: 0px } /* Responsive */ @media ( max-width: 767px ) { .form-columns-1{ min-width: 100%; } } @media ( max-width: 400px ) { .form-columns-2 .hs-form-field, .form-columns-3 .hs-form-field{ padding:0px; } } /* @end */ /* @end */ /* Follow */ .tmp .module .social-follow { display: flex; align-items: center; justify-content: center; } .tmp .module .social-follow a[class*="-social-"] { position: relative; font-size: 18px; color: #FFF; background: transparent; border-radius: 0; height: 38px; width: 38px; display: flex; text-decoration: none; align-items: center; justify-content: center; margin: 0 5px; padding: 8px; } .tmp .module .social-follow a[class*="-social-"]:hover { color: var(--secondary-color)!important; } .tmp .module .social-follow a[class*="-social-"] i { z-index: 1; } .tmp .module .social-follow a[class*="-social-"]:before { display: none; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 50%; background: var(--primary-color-light); transform: scale(0); transition: var(--default-transition); z-index: 0; } .tmp .module .social-follow a[class*="-social-"]:hover:before { transform: scale(.9); } /* End */ /* Sharing */ .tmp .module#share-content { position: relative; } .tmp .module#share-content .share-content-wrapper { background: #fff; } .tmp .text-wrapper .module#share-content .share-content-wrapper { background: none; } .tmp .module#share-content .share-content-header h3 { font-size: 16px; font-weight: bold; line-height: 16px; text-transform: uppercase; color: #000; margin-bottom: 16px; } .tmp .text-wrapper .module#share-content .share-content-header h3 { color: var(--default-title-color); } .tmp .module#share-content .share-content-item { margin: 0 1px 6px 0; } .tmp .module#share-content .share-content-item a { border-radius: 10px; height: 36px; width: 80px; transition: var(--cubic-transition); } .tmp .module#share-content .share-content-item a:hover { opacity: 1; transform: scale(1.05); } .tmp .module#share-content .share-content-item-facebook a { background-color: #1877f2; } .tmp .module#share-content .share-content-item-twitter a { background-color: #1da1f2; } .tmp .module#share-content .share-content-item-linkedin a { background-color: #2867b2; } .tmp .module#share-content .share-content-item-pinterest a { background-color: #bd081c; } .tmp .module#share-content .share-content-item-whatsapp a { background-color: #4fce5d; } .tmp .module#share-content .share-content-item-email a { background-color: #069; } .tmp .module#share-content .share-content-item a img { width: auto; height: 100%; margin: 0 auto; } /* Responsive ----------------- */ @media (min-width: 768px) { .tmp .module#share-content { margin-top: 60px; } } @media (min-width: 576px) { .tmp .module#share-content .share-content-wrapper { padding: 30px 0;} } /* End */ .landing-page .module#share-content .share-content-wrapper { padding: 0; margin-bottom: 30px; } .landing-page .text-wrapper .module#share-content .share-content-header h3 { color: var(--primary-color-dark); font-size: 20px; font-weight: bold; text-align: left; text-transform: initial; margin-bottom: 20px; } .landing-page .module#share-content { text-align: center; } .landing-page .module#share-content .share-content-item a, .thank-you-page.tmp .module#share-content .share-content-item a { display: flex; border-radius: 0; height: 40px; width: 70px; padding: 7px; } /* ------------------------------------------------------------ * Footer */ .tmp .module.footerbar .container { padding: 0; } .tmp .module.footerbar, .tmp .module.footerbar .footerbar-tint { background: var(--primary-color)!important; } .tmp .module.footerbar .footerbar-wrapper { display: grid; grid-template-columns: 1fr; padding: 30px 15px; align-items: center; } .tmp .module.footerbar.no-social .footerbar-wrapper { grid-template-columns: 20% 1fr; } .tmp .module.footerbar .footerbar-legal { display: flex; justify-content: center; align-items: center; flex-flow: row wrap; order: 2; margin-top: 20px; } .tmp .module.footerbar .footerbar-content .footerbar-content--logo img { max-height: 30px; } .tmp .module.footerbar .footerbar-legal .footerbar-legal--menu ul { display: flex; } .tmp .module.footerbar .footerbar-legal--menu ul li { border-left: 1px solid #BBBCCE; padding: 0; text-overflow: unset; max-width: unset; line-height: 0; } .tmp .module.footerbar .footerbar-legal--menu ul li a, .module.footerbar .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { padding: 0 15px; max-width: inherit; } .tmp .module.footerbar .hs-menu-item a:hover { color: var(--secondary-color); text-decoration: none; } .tmp .module.footerbar .footerbar-legal--right { } .tmp .module.footerbar .footerbar-social { order: 1; margin: 0; } .tmp .module.footerbar .footerbar-social a { font-size: 26px; padding: 0; } .tmp .module.footerbar .footerbar-social a:hover { opacity: 1; } .tmp .module.footerbar .footerbar-legal--copyright, .tmp .module.footerbar .hs-menu-item a { font-family: var(--default-font-family); font-size: 18px; line-height: 20px; color: #fff; } .tmp .module.footerbar .hs-menu-wrapper.hs-menu-flow-horizontal ul { margin: 0; } .tmp .module.footerbar .footerbar-legal--copyright { margin: 0 15px 0 0; } /* Responsive ------------------ */ @media( min-width: 768px ) { .tmp .module.footerbar.no-social .footerbar-social { justify-content: flex-end; } .tmp .module.footerbar.no-social .footerbar-legal { flex-flow: row nowrap; justify-content: flex-end; } } @media( max-width: 767px ) { .tmp .module.footerbar .footerbar-wrapper { grid-template-columns: 1fr!important; justify-items: center; grid-gap: 20px 0; padding-bottom: 20px; } } @media( max-width: 380px ) { .tmp .module.footerbar .footerbar-wrapper { justify-items: flex-start; } .tmp .module.footerbar .footerbar-legal { justify-content: flex-start; } .tmp .module.footerbar .footerbar-legal .footerbar-legal--menu ul { margin-top: 10px; flex-flow: row wrap; } .tmp .module.footerbar .hs-menu-item:first-of-type:before, .tmp .module.footerbar .hs-menu-item:not(:last-of-type):after { display: none; } } /* ------------------------------------------------------------ * Templates */ .posts-listing__grid .posts-listing__post.card.card__cta2{ display: none; } .hs-cta-img { height: auto; } /* @group Globals -------------------------------------------- */ /* @group Main Layout -------------------------------------- */ .container, .main-wrapper { margin: 0 auto; grid-gap: 40px; } .main-wrapper { display: grid; grid-template-columns: 1fr; padding: 40px 15px; } .blog .module#topbar .navbar-header { flex: 0 0 35%; } .blog .module#topbar .topbar-wrapper .container { grid-gap: 40px; } /* Botón "Solicita asesoramiento" */ .tmp .module#topbar #navbar-collapse ul li.hs-menu-item a[href*="solicita"] { background: var(--secondary-color); padding: 9px; color: #fff; transition: .4s ease; } .tmp .module#topbar #navbar-collapse ul li.hs-menu-item a[href*="solicita"]:hover { background: var(--primary-color); transform: translateY(-3px); box-shadow: 3px 3px 8px #8f8d8d; } /* End botón "Solicita asesoramiento"*/ .tmp .module#topbar .topbar-wrapper .container { align-items: center; } /* Hover underline on menu */ li.hs-menu-item.hs-menu-depth-1.hs-item-has-children:hover, li.hs-menu-item.hs-menu-depth-1.active:hover { z-index: 111; } /* End hover underline no menu */ .tmp .module#topbar #navbar-collapse ul li ul li a[href*="espacio"]:hover { text-decoration: underline; } @media (min-width: 768px) { .tmp .module#topbar .navbar-header { flex: 0 0 25%; } .tmp .module#topbar #navbar-collapse ul li+li { margin-left: unset; } } @media (max-width: 1023px) { .tmp .module#topbar #navbar-collapse ul li.hs-menu-depth-1>a { padding: 11px; } .tmp .module#topbar #navbar-collapse ul li a { font-size: 18px; } .tmp .module#topbar .topbar-wrapper .container { grid-gap: 0; } .tmp .module#topbar .navbar-header .navbar-brand img { height: 75px; } } .blog .hero__wrapper { position: relative; padding: 150px 30px; z-index: 1; } .blog .module#hero .hero-wrapper{ position: relative; padding: 15px 40px; z-index: 1; } .home.blog .module#hero .hero-wrapper { padding: 180px 30px; } .blog-default #hero:before { background: #FFF; } .blog .module#hero .hero-wrapper h1, .blog-default .module#hero .hero-wrapper h1 { color: var(--primary-color-dark); font-size: 45px; font-weight: 700; line-height: 54px; margin-bottom: 0; max-width: 700px; } .blog .module#hero .hero-wrapper span, .blog-default .module#hero .hero-wrapper span { color: var(--generic-black); font-size: 30px; font-weight: 700; margin: 18px auto 0 !important; max-width: 800px; } .blog .hero__title span { word-wrap: normal; } /* Responsive ---------- */ @media( max-width: 767px ) { .tmp .main-wrapper { grid-template-columns: 1fr; justify-items: center; } .tmp .main-aside { width: 100%; } .blog .module#hero .hero-wrapper h1, .blog-default .module#hero .hero-wrapper h1 { font-size: 35px; line-height: 44px; } .blog .module#hero .hero-wrapper span, .blog-default .module#hero .hero-wrapper span { font-size: 24px; } } /* @group Post Hero -------------------------------------- */ .hero__wrapper.container { font-size: 40px; line-height: 50px; text-align: center; } /* Hero banner */ .hero-banner__wrapper { max-width: 600px; display: flex; justify-content: space-between; margin: 0 auto; padding: 35px 0 0; gap: 10px; } .hero-banner__wrapper .hero-banner__button { text-decoration: unset; color: #fff; font-weight: 600; font-size: 16px; padding: 18px 25px; } .hero-banner__wrapper .hero-banner__button:first-of-type { background-color: var(--primary-color); } .hero-banner__wrapper .hero-banner__button { background-color: var(--secondary-color); } .hero-banner__button:hover { box-shadow: 3px 3px 8px #8f8d8d; transform: translateY(-3px); } @media(max-width: 510px) { .hero-banner__wrapper { flex-direction: column; } .hero-banner__wrapper .hero-banner__button { padding: 12px; } } /* End hero banner */ /* Meta */ .hero__post-meta { display: flex; justify-content: space-between; align-content: center; width: max-content; margin: 20px auto 0; } .posts-listing__categories a, .hero__blog-title { position: relative; color: #fff; font-size: 18px; font-weight: 700; line-height: 20px; padding: 7px 0; text-decoration: none; } .posts-listing__categories a:hover, .hero__blog-title:hover { text-decoration: underline; } .posts-listing__categories a[href*="espacio"], .blog-related-posts__item-heading .blog-related-posts__item-category[href*="espacio"] { display: none; } .blog .hero__title { color: #fff; margin: 15px 0; font-size: 50px; font-weight: 700; line-height: 60px; } .hero__title span { text-shadow: 0 0 10px rgba(0,0,0,.5); } .hero__wrapper .posts-listing__categories { display: flex; max-width: 400px; margin: 0 auto; flex-flow: row wrap; justify-content: center; align-items: center; } .hero__post-meta-date, .hero__post-meta-time { font-size: 0.4em; line-height: 0.6em; padding: 0 15px; text-decoration: none; } .hero__post-meta-date, .hero__post-meta-time { color: #fff; } .hero__post-meta-date { padding-right: 10px; border-right: 1px solid #fff; } .hero__post-meta-date i, .hero__post-meta-time i { margin-right: 10px; } /* @group Post Listing -------------------------------------- */ .post-body.container { padding: 40px 30px; } .posts-listing__grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(330px, 1fr)); grid-gap: 50px 30px; margin: 0; } .posts-listing__grid .posts-listing__post.card { display: flex; flex-flow: column; padding: 20px; background: #fff; box-shadow: 1px 2px 10px rgb(0 0 0 / 20%); border-radius: 0; cursor: pointer; overflow: hidden; transition: all .4s ease-in-out; margin: 0; } .posts-listing__grid .posts-listing__thumbnail { position: relative; width: auto; height: 200px; margin: -8px -8px 20px; overflow: hidden; } .posts-listing__grid .posts-listing__thumbnail-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: all .3s ease-in-out; } .posts-listing__grid .posts-listing__post:hover .posts-listing__thumbnail-image { transform: scale(1.1); } .posts-listing__grid .posts-listing__categories-item { color: var(--primary-color); padding: 0 12px 0 0; font-size: 12px; font-weight: 700; letter-spacing: 1px; margin-right: 12px; text-transform: uppercase; text-decoration: none; } .posts-listing__grid .posts-listing__categories-item:hover { color: var(--primary-color-light); } .posts-listing__post-content { display: inline-flex; flex-wrap: wrap; justify-content: space-between; align-content: flex-start; } .posts-listing__grid .post-listing__title { font-size: 20px; font-weight: 700; line-height: 28px; margin-bottom: 12px; max-width: calc(100% - 50px); } .posts-listing__grid .post-listing__title a { color: var(--secondary-color); text-decoration: none; } .posts-listing__grid .post-listing__btn { background: transparent; border-radius: 50%; border: 2px solid var(--secondary-color); padding: 2px 3px; color: var(--secondary-color); font-size: 15px; display: block; line-height: 1; width: 23px; height: 23px; margin-top: 35px; margin-right: 8px; transition: all .3s ease-in-out; } .posts-listing__grid .posts-listing__post:hover .post-listing__btn { border-color: var(--primary-color); color: var(--primary-color); margin-right: -2px; } .posts-listing__grid .posts-listing__excerpt { color: #999; margin: 0; margin-top: 10px; } .posts-listing__grid .posts-listing__post.card:nth-child(1) { grid-column-start: 1; grid-column-end: -1; padding: 0; position: relative; } .posts-listing__grid .posts-listing__post.card:nth-child(1) .posts-listing__thumbnail { height: 500px; margin: 0; } .posts-listing__grid .posts-listing__post.card:nth-child(1) .posts-listing__thumbnail:after { display: block; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 250px; background: linear-gradient(transparent,rgba(0,0,0,.6)); border-bottom: 0 solid var(--primary-color); transition: all .3s ease-in-out; } .posts-listing__grid .posts-listing__post.card:nth-child(1) .posts-listing__post-content, .posts-listing__grid .posts-listing__post.card:nth-child(1) .posts-listing__post-header { background: transparent; position: absolute; padding: 0 45px; } .posts-listing__grid .posts-listing__post.card:nth-child(1) .posts-listing__post-header { bottom: 65px; } .posts-listing__grid .posts-listing__post.card:nth-child(1) .posts-listing__post-content{ bottom: 20px; width: 100%; justify-content: flex-start; } .posts-listing__grid .posts-listing__post.card:nth-child(1) .posts-listing__categories-item, .posts-listing__grid .posts-listing__post.card:nth-child(1) .post-listing__title a { color: #fff; } .posts-listing__grid .posts-listing__post.card:nth-child(1) .post-listing__btn { border-color: #fff; color: #fff; margin: 24px 0 0 20px; } .posts-listing__grid .posts-listing__post.card:nth-child(1):hover .post-listing__btn { margin-left: 30px; } .blog-subscription-form .submitted-message { text-align: center; color: #fff; font-weight: bold; } /* Responsive------------------ */ @media(max-width: 600px){ .posts-listing__grid .posts-listing__post.card:first-child .posts-listing__post-header { bottom: 120px} .posts-listing__grid .posts-listing__post.card:first-child:hover .post-listing__btn { margin-left: 20px} .posts-listing__grid .posts-listing__post.card:first-child .post-listing__btn{ margin: 30px 0 0 5px; } } /* @end */ /* @group Post Content -------------------------------------- */ .blog-single .post-body__content-wrapper { display: grid; grid-template-columns: 14% 1fr; } .blog-single span.hs-cta-wrapper { display: block; text-align: center; } .blog-single span.hs-cta-wrapper img { width: 100%; height: auto; } .blog-single .post-body__content { font-size: 18px; line-height: 30px; } .blog-single .post-body__content span > *:first-child:first-letter{ font-size: 60px; font-weight: bold; line-height: 30px; } .blog-single .post-body__content h2, .blog-single .post-body__content h3 { color: var(--primary-color-dark); font-size: 30px; font-weight: bold; line-height: 40px; margin: 1.7em 0 1em; } .blog-single .post-body__content h3 { font-size: 24px; line-height: 34px; } /* Lists */ .blog-single .post-body__content > span > ul:not(.ic-post-index__listing) { margin: 20px 0; } .blog-single .post-body__content ul:not(.ic-post-index__listing) li, .blog-single .post-body__content ol li { color: var(--default-text-color); position: relative; padding: 10px 0 10px 30px; } .blog-single .post-body__content span > ul:not(.ic-post-index__listing) > li:before { content: url(https://4368135.fs1.hubspotusercontent-na1.net/hubfs/4368135/CEV%20-%20Inbound/arrow-right-solid.svg); display: inline-block; position: relative; font-family: var(--awesome-pro); font-size: 7px; top: 2px; margin-right: 15px; height: 16px; width: 16px; } .blog-single .post-body__content ul:not(.ic-post-index__listing) li ul, .blog-single .post-body__content ol ul { margin: 20px 0; padding-left: 20px; list-style-type: circle; } .blog-single .post-body__content span > ul:not(.ic-post-index__listing) > li ul .blog-single .post-body__content span > ul:not(.ic-post-index__listing) > li ul{ } .blog-single .post-body__content span > ul:not(.ic-post-index__listing) > li ul li { padding-left: 0; } /* Responsive------------------ */ @media( max-width: 767px ) { .blog-single .post-body__content-wrapper { grid-template-columns: 1fr; } } /* @end */ /* @group Post index ------------------------------------- */ .ic-post-index { margin: 50px 0; padding: 20px 30px; background: #00AEEF4D; } .ic-post-index__title { color: var(--primary-color); font-size: 30px; line-height: 40px; margin: 0 0 20px; } .ic-post-index__title:before { content: '\f022'; font-family: var(--awesome-pro); margin-right: 10px; } .ic-post-index__listing-item { display: flex; align-items: center; font-size: 18px; line-height: 30px; } .ic-post-index__listing-item:not(:last-child) { border-bottom: 1px solid #F8F9FA; } .ic-post-index__listing-item:before { content: url(https://4368135.fs1.hubspotusercontent-na1.net/hubfs/4368135/CEV%20-%20Inbound/arrow-right-solid.svg); position: relative; font-family: var(--awesome-pro); font-size: 7px; top: -1px; margin-right: 15px; height: 16px; width: 16px; } .ic-post-index__listing-item-link { display: inline-block; padding: 10px 0; text-decoration: none; color: #222; } .ic-post-index__listing-item-link:hover { color: var(--primary-color); } /* @end */ /* @group Related posts ------------------------------ */ /* Realted posts */ .blog-single .related-posts { background: url(https://4368135.fs1.hubspotusercontent-na1.net/hubfs/4368135/CEV%20-%20Inbound/img-back-2.jpg) no-repeat center/cover; margin: 0; } .blog-related-posts.ic-module { margin: 0;} h3.blog-related-posts__title { color: #FFF; font-weight: 700; font-size: 30px; line-height: 40px; margin: 0 0 40px; text-align: center; } .blog-related-posts__item { border-radius: 0; padding: 15px; margin-bottom: 35px; max-width: 420px; } .blog-related-posts__item .blog-related-posts__item-image { transform: scale(1); transition: all .3s ease-in-out; } .blog-related-posts__item-thumbnail { overflow: hidden; } .blog-related-posts__item:hover .blog-related-posts__item-image { transform: scale(1.1); } .blog-related-posts__item-heading { padding: 10px 10px 5px; } .blog-related-posts__item-heading .blog-related-posts__item-category { color: var(--primary-color); padding: 0 12px 0 0; font-size: 12px; font-weight: 700; letter-spacing: 1px; margin-right: 12px; text-transform: uppercase; text-decoration: none; } .blog-related-posts__item-title { color: var(--secondary-color); display: block; font-size: 20px; font-weight: 700; line-height: 28px; margin: 20px 0 15px; padding-right: 40px; position: relative; width: 100%; } .blog-related-posts__item-title:before { content: "\f061"; color: var(--secondary-color); border-radius: 50%; border: 2px solid var(--secondary-color); display: inline-block; font-weight: 900; font-family: "Font Awesome 5 Free"; font-size: 14px; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; margin-right: 8px; padding: 2px 3px; position: absolute; top: 8px; right: 0; transition: all .3s ease-in-out; } .blog-related-posts__item:hover .blog-related-posts__item-title:before { border-color: var(--primary-color); color: var(--primary-color); margin-right: -2px; } /* Comments */ .blog-single .post-comments { margin: 40px auto; grid-gap: inherit; width: 748px; max-width: 100%; } .post-comments__title { color: var(--primary-color-dark); font-size: 30px; line-height: 40px; font-weight: 700; text-align: center; margin-bottom: 30px; } .post-comments form label { color: var(--default-text-color); font-size: 16px; margin-top: 20px; } .post-comments form .hs-input { border: 1px solid #BBBCCE; color: var(--default-text-color); padding: 10px 15px; } .post-comments .hs_submit .actions { margin: 0; text-align: right; } .post-comments .hs_submit .actions input { width: auto; } .post-comments #comments-listing .comment-from h4 { font-size: 16px; line-height: 19px; margin: 0 0 10px; color: var(--default-title-color); } .post-comments #comments-listing .hs-button { position: relative; color: var(--default-titles-color); font-weight: normal; background: none; border: none; padding:0; padding-left: 30px; text-transform: lowercase; transition: var(--default-transition); } .post-comments #comments-listing .hs-button:hover { color: var(--primary-color-); } .post-comments #comments-listing .hs-button:before { content: '\f3e5'; font-family: var(--awesome-pro); font-weight: 900; position: absolute; left: 0; } .post-comments .hs-common-confirm-message { width: max-content; color: #fff!important; background-color: #60A561!important; border: none!important; } .post-comments .comment.depth-0 { border: none; } /* Scroll Button */ .post-body__post-scroll-top { position: fixed; font-size: 20px; line-height: 40px; z-index: 9999; bottom: -100%; right: 100px; width: 40px; height: 40px; text-align: center; border-radius: 50%; background-color: #ddd; opacity: 0; cursor: pointer; transition: .9s all cubic-bezier(.63,.05,.13,1.25); } .post-body__post-scroll-top.on { bottom: 20px; opacity: 1; } /* Responsive------------------ */ @media( max-width: 767px ) { .post-body__post-scroll-top { right: 20px; } .post-body__post-scroll-top.on { bottom: 90px; } } /* @end */ /* @group Pagination ---------------------------------------- */ .posts-listing__pagination { padding: 60px 0; } .posts-listing__pagination ul { display: flex; align-items: center; justify-content: center; } .posts-listing__pagination ul li { display: inline-block; } .posts-listing__pagination ul span, .posts-listing__pagination ul li:not(:last-of-type) { margin-right: 10px; } .posts-listing__pagination ul li a { display: inline-block; font-size: 18px; font-weight: 700; color: var(--primary-color); text-decoration: none; padding: 6px 15px; border-radius: 6px; transition: var(--default-transition); } .posts-listing__pagination ul li.active a { pointer-events: none; } .posts-listing__pagination ul .posts-listing__pagination-pages li a:hover, .posts-listing__pagination ul li.active a { color: var(--secondary-color); } .posts-listing__pagination ul .posts-listing__pagination-previous-post-link.hide, .posts-listing__pagination ul .posts-listing__pagination-last-post-link.hide { display: none; } .posts-listing__pagination ul .posts-listing__pagination-previous-post-link i, .posts-listing__pagination ul .posts-listing__pagination-last-post-link i { display: inline-block; position: relative; vertical-align: middle; transition: var(--default-transition); } .posts-listing__pagination ul .posts-listing__pagination-previous-post-link i { left: -10px; } .posts-listing__pagination ul .posts-listing__pagination-last-post-link i { right: -10px; } .posts-listing__pagination ul li.posts-listing__pagination-last-post-link a:hover i { right: -15px; } .posts-listing__pagination ul li.posts-listing__pagination-previous-post-link a:hover i { left: -15px; } /* Responsive------------------ */ @media( max-width: 767px ) { .posts-listing__pagination ul .posts-listing__pagination-previous-post-link a, .posts-listing__pagination ul .posts-listing__pagination-last-post-link a { font-size: 0; } .posts-listing__pagination ul .posts-listing__pagination-previous-post-link i, .posts-listing__pagination ul .posts-listing__pagination-last-post-link i { font-size: 30px; } } /* @end */ /* @group Sidebar ------------------------------------------- */ .main-aside__wrapper .widget_search form { display: flex; position: relative; } .main-aside__wrapper .hs-search-field--open ul.hs-search-field__suggestions { background: #fff; border-radius: 12px; padding: 20px 0 0; border: none!important; top: 0; } .main-aside__wrapper .hs-search-field--open ul.hs-search-field__suggestions > li a { line-height: 24px; padding: 10px 3px; } .main-aside__wrapper .hs-search-field--open ul.hs-search-field__suggestions > li a:hover { background: none; text-decoration: none; } .main-aside__wrapper .widget_search form input[type="text"] { padding: 12px 10px; } .main-aside__wrapper .widget.widget_suscription { border: 0; background: url(https://4368135.fs1.hubspotusercontent-na1.net/hubfs/4368135/CEV%20-%20Inbound/img-suscripcion.jpg) no-repeat center; padding: 95px 20px 110px; } .widget_suscription #hs_cos_wrapper_suscription_form__title { display: block; color: #FFF; font-size: 30px; font-weight: 700; line-height: 40px; text-align: center; margin-bottom: 50px; } .widget_suscription .hs-custom-form { align-items: center; display: flex; width: auto; margin: 0 auto; justify-content: center; } .widget_suscription .hs-form-field label, .widget_suscription .hs-form-field label span, .widget_suscription .hs-form-field label a { color: #FFF; font-size: 14px; line-height: 24px; } .widget_suscription .hs-input { border: 0; border-radius: 0; color: var(--primary-color-dark); line-height: 28px; padding: 15px 20px; min-width: 100%; width: 20px; } .widget_suscription .hs-form-field.hs-email { margin-right: 10px; } .widget_suscription .hs-button { background: var(--primary-color); border: 0; border-radius: 0; color: #FFF; font-size: 20px; line-height: 28px; padding: 15px 30px; } .widget_suscription .hs_submit .actions { margin-top: 10px; } .hs-form.stacked.hs-custom-form.hs-form-private { display: flex !important; flex-direction: column !important; } .hs-form-booleancheckbox-display { display: flex !important; flex-direction: row !important; justify-content: center !important; align-items: flex-start !important; } .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field { flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; } .hs-form-booleancheckbox-display .hs-input { min-width: 6% !important; margin-top: 6px !important; } .hs_email.hs-email.hs-fieldtype-text.field.hs-form-field { width: -webkit-fill-available; max-width: 590px; } .main-aside__wrapper .widget_social .social-icons__listing { display: flex; justify-content: space-evenly; flex-flow: row wrap; } .main-aside__wrapper .widget_social .social-icons__item-link { display: flex; justify-content: center; align-items: center; position: relative; font-size: 18px; width: 44px; height: 44px; margin: 0; border-radius: 50%; text-decoration: none; color: var(--primary-color); background-color: var(--secondary-color-light); } .main-aside__wrapper .widget_social .social-icons__item-link:hover { opacity: .9; } .main-aside__wrapper .widget_cta img { width: 100%; height: auto; } .main-aside__wrapper .widget h3 { font-weight: normal; margin: 0 0 20px; padding: 0 30px 0; } .blog .main-aside__wrapper .widget_categories{ padding: 60px 0px; background: #00aeef05; } .main-aside__wrapper .widget_categories .hs_cos_wrapper_widget { max-width: 750px; margin: 0px auto 0; padding: 0 20px; } .main-aside__wrapper .widget_categories h3 { color: var(--primary-color-dark); font-size: 38px; font-weight: 700; line-height: 44px; margin-bottom: 20px; padding: 0; } .main-aside__wrapper .widget_categories li { position: relative; padding-left: 18px; margin: 10px 0; transition: all .3s ease-in-out; } .main-aside__wrapper .widget_categories li:hover { padding-left: 28px; } .main-aside__wrapper .widget_categories li:before { content: "\f061"; color: var(--secondary-color); display: inline-block; font-weight: 900; font-family: "Font Awesome 5 Free"; font-size: 14px; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; position: absolute; top: 12px; left: 0; transition: all .3s ease-in-out; } .main-aside__wrapper .widget_categories li:hover:before { color: var(--primary-color-dark); left: 10px; } .main-aside__wrapper .widget_categories a { display: inline-block; font-size: 17px; font-weight: 700; line-height: 36px; color: var(--secondary-color); padding: 0; width: 100%; text-decoration: none; text-transform: uppercase; transition: all .3s ease-in-out; } .main-aside__wrapper .widget_categories li:hover a { color: var(--primary-color-dark); } /* Responsive------------------ */ /* @end */ /* @group Form ------------------------------------------- */ .blog form button { position: absolute; right: 0; height: 100%; width: 50px; border: none; background: none; cursor: pointer; } .blog form button svg { height: 16px; } /* @end */ /* @group Social Share ---------------------------------------- */ .blog.tmp .module#share-content .share-content-wrapper { position: sticky; top: 6rem; padding: 0; background: none; } .blog.tmp .module#share-content .share-content-header h3 { display: none; } .blog.tmp .module#share-content .share-content-listing { display: flex; flex-flow: column; text-align: left; } .blog.tmp .module#share-content .share-content-item { margin: 0 0 8px; width: 100%; } .blog.tmp .module#share-content .share-content-item a { width: 45px; height: 45px; border-radius: 0; } /* Responsive------------------ */ @media( max-width: 767px ) { .blog.tmp .module#share-content { display: inline-block; position: fixed; width: 100%; height: auto; padding-bottom: 0; top: unset; bottom: 0; left: 0; z-index: 999; } .blog.tmp .module#share-content .share-content-listing { width: 100%; flex-flow: row; justify-content: space-between; position: static; max-height: 40px; } .blog.tmp .module#share-content .share-content-item { margin: 0; } .blog.tmp .module#share-content .share-content-item a { height: 40px; width: 100%; border-radius: 0; } } /* @end */ /* @group 404 -------------------------------------- */ .page-404 .search-group { max-width: 370px; margin: 40px auto!important; padding: 0 15px; float: none; } .page-404 .search-title h3 { text-align: center; margin-bottom: 30px; } .page-404 .blog-related-posts { padding-top: 40px; border-top: 1px solid #ccc; } .page-404 .blog-related-posts__listing-wrapper { grid-template-columns: repeat(auto-fit,minmax(200px,250px)); } /* Responsive------------------ */ @media( min-width: 768px ) { } @media( max-width: 575px ) { .blog.page-404 .module#hero .hero-wrapper { padding: 60px 0; } } /* @end */ /* @group Search Results -------------------------------------- */ .blog-search .post-body__title { margin-bottom: 40px; } .blog-search .post-body__title h2 { margin: 0; } .blog-search .hs-search-results__listing .hs-search-results__title { display: inline-block; font-size: 16px; line-height: 24px; color: var(--primary-color); font-weight: 600; text-decoration: none; margin: 15px 0; } .blog-search .hs-search-results__listing .hs-search-results__title:hover { color: var(--secondary-color); } /* @group New Blog Subscription ---------------------------------------- */ .main-aside__wrapper .widget.widget_suscription.widget_new-suscription { max-width: 1300px; margin: 0 auto; background: url(https://4368135.fs1.hubspotusercontent-na1.net/hubfs/4368135/CEV%20-%20bg.png) no-repeat center; padding: 50px 20px 50px; } .widget_suscription .new-blog-subscription-text { width: 50%; margin: 0 auto; } .new-blog-subscription-form .hs-form.stacked.hs-custom-form.hs-form-private { display: grid !important; justify-content: initial; width: 55%; grid-template-areas: "field field field field field field field button" "checkbox checkbox checkbox checkbox checkbox checkbox checkbox checkbox" "captcha captcha captcha captcha captcha captcha captcha captcha"; } .new-blog-subscription-form .hs-email { grid-area: field; width: 100%; margin: 0 !important; } .new-blog-subscription-form .hs-submit { grid-area: button; width: 100%; height: 100%; margin: 0; margin-top: auto; } .new-blog-subscription-form .hs-submit .actions { display: flex; margin-top: 24px; } .new-blog-subscription-form .hs-submit input { background: #00AEEF; opacity: 1; transition: opacity .5s ease; } .new-blog-subscription-form .hs-submit input:hover { opacity: .8; } .new-blog-subscription-form .hs-email .hs-error-msgs { max-width: 300px; } .new-blog-subscription-form .hs-fieldtype-booleancheckbox { grid-area: checkbox; min-height: 80px; } .new-blog-subscription-form .hs-fieldtype-booleancheckbox .hs-form-booleancheckbox-display { justify-content: flex-start !important; } .new-blog-subscription-form .hs-fieldtype-booleancheckbox .hs-form-booleancheckbox-display input.hs-input { min-width: 0px !important; margin-left: 0px !important; } .new-blog-subscription-form .hs-recaptcha { grid-area: captcha; } @media( max-width: 767px ) { .widget_suscription .new-blog-subscription-text { width: 95%; } .new-blog-subscription-form .hs-form.stacked.hs-custom-form.hs-form-private { width: 95%; grid-template-areas: "field field field field field field field button" "checkbox checkbox checkbox checkbox checkbox checkbox checkbox ." "captcha captcha captcha captcha captcha captcha captcha ."; } .new-blog-subscription-form .hs-submit input { font-size: 16px; } @media( max-width: 500px ) { .new-blog-subscription-form .hs-form.stacked.hs-custom-form.hs-form-private { width: 95%; grid-template-areas: "field" "checkbox" "captcha" "button"; } .new-blog-subscription-form .hs-submit input { width: 100%; } } } /* @end */ /* @group New Categories ---------------------------------------- */ .widget_new-categories .hs_cos_wrapper { width: 80%; max-width: inherit; margin: 40px auto; max-width: 1300px; } .subscription-category { display: flex; justify-content: center; align-items: center; column-gap: 120px; } .subscription-category__columns { display: flex; column-gap: 100px; } .subscription-category__column { display: flex; flex-direction: column; row-gap: 15px; align-items: center; text-align: center; } .subscription-category__title { font-size: 34px; font-weight: 700; line-height: 38px; color: #6fabd8; } .subscription-category__column-title { font-size: 20px; font-weight: 700; line-height: 22px; padding: 0; margin: 0; margin-bottom: 10px; color: #262626; } .subscription-category__link { font-size: 15px; font-weight: 600; line-height: 16px; color: #363636; text-decoration: none; cursor: pointer; transition: opacity .3s ease; } .subscription-category__link:hover { opacity: .6; } @media( max-width: 767px ) { .subscription-category { flex-direction: column; justify-content: center; align-items: center; } .subscription-category__columns { column-gap: 50px; } .subscription-category__title { width: 100%; text-align: center; } } /* @end */ /* @end */ /* @group Footer ---------------------------------------- */ .blog footer { margin-top: 0px; } /* Responsive------------------ */ @media( max-width: 767px ) { .blog-single.tmp .module.footerbar .footerbar-wrapper { padding-bottom: 50px; } } /* @end */ .landing-page #hero:before, .landing-page .hero:before { background: url(https://4368135.fs1.hubspotusercontent-na1.net/hubfs/4368135/CEV%20-%20Inbound/img-back-2.jpg) no-repeat center/cover; } .landing-page #hero .container { display: grid; position: relative; align-content: start; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); padding: 60px 15px 30px; margin: 0 auto; height: auto; z-index: 2; } .landing-page .module#topbar .navbar { padding: 20px 0; } .landing-page-bofu .container { justify-content: space-around; align-items: center; grid-gap: 5px; } .landing-page-bofu #topbar .cta-button { margin-bottom: unset; } @media(min-width: 768px){ .tmp .module#topbar #navbar-collapse ul li.hs-menu-depth-1>a { padding: 14px !important; } } .landing-page #ebook-viewer .ebook-viewer-wrapper { margin: 0 auto; } .landing-page #hero .hero-wrapper h1 { color: #fff; } .landing-page .main-text__wrapper p, .landing-page .main-text__wrapper ul li, .landing-page .main-text__wrapper { font-size: 18px; line-height: 30px; } .landing-page .main-text__wrapper ul li { color: var(--default-text-color); margin-bottom: 18px; padding-left: 35px; position: relative; } .landing-page .main-text__wrapper ul li:before { content: url(https://4368135.fs1.hubspotusercontent-na1.net/hubfs/4368135/CEV%20-%20Inbound/arrow-right-solid.svg); display: block; height: 16px; width: 16px; position: absolute; left: 0; top: 1px; } .landing-page .text-container { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; padding: 40px 15px; margin: 0 auto;} .landing-page .text-container h2, .landing-page .text-container h3, .landing-page .text-container h4 { color: var(--primary-color-dark); } .landing-page .text-container h2 { font-size: 30px; } .landing-page .text-container h3 { font-size: 24px; } .landing-page .module#share-content .share-content-wrapper.beside-title { justify-content: left } .landing-page #ebook-viewer { user-select: none; } .landing-page #ebook-viewer .ebook-viewer-listing { border-radius: 2px; height: 500px; } .landing-page #ebook-viewer .ebook-viewer-button { line-height: 40px; } .ebook-viewer-section:after, .ebook-viewer-section:before { content: " "; display: table } .landing-page .ebook-viewer-section:after { clear: both } .landing-page #ebook-viewer .ebook-viewer-listing img { flex: 0 0 100%; height: 100%; object-fit: cover; } .landing-page #ebook-viewer .ebook-viewer-listing img.ebook-viewer-last-image { transform: none;} .landing-page #ebook-viewer .ebook-viewer-navigator { padding: 0; } .landing-page #hero .form-container { display: inline-block; padding: 0 15px; height: 0; } .landing-page #form .form-wrapper form ul li .hs-form-booleancheckbox-display { justify-content: flex-start !important; } /* BOFU */ .landing-page-bofu .ic-module { font-family: var(--default-font-family); } .landing-page-bofu .module#hero { padding: 0; } .landing-page-bofu .module#hero .hero-wrapper { padding: 180px 15px 120px; font-size: 60px; } .landing-page-bofu .container { padding: 40px 15px 60px; } .landing-page-bofu #hero:before { background: var(--default-rgba-color); } .landing-page-bofu .module#hero .hero-wrapper h1 { font-size: 1em; line-height: 1.15em; word-break: break-word; } .landing-page-bofu .module#hero .hero-wrapper span { font-size: .34em; font-weight: 300; line-height: 1.48em; } .landing-page-bofu #ebook-viewer { margin: 30px 0; padding: 30px 0; } .landing-page-bofu #main-text:not(:first-of-type) .main-text__wrapper { margin: 0 auto; padding: 40px 15px; } .landing-page-bofu .module#main-text h2 { margin-top: 0; } .landing-page-bofu .features-image { max-width: 100px; max-height: 100px; } .landing-page-bofu .cta-button.ic-module { margin: 0 0 40px; } .landing-page-bofu .cta-button .cta-button-link:hover { opacity: 1; background-color: var(--error-msj-color)!important; } /* Responsive ----------------- */ @media( max-width: 767px ) { .landing-page .text-container { grid-template-columns: 1fr; } .text-container.bofu > :first-child { order: 1; } } /* End */ .thank-you-page #hero, .thank-you-page .hero { background: url(https://4368135.fs1.hubspotusercontent-na1.net/hubfs/4368135/CEV%20-%20Inbound/img-back-2.jpg) no-repeat center/cover; } .thank-you-page .hero .container { grid-template-columns: 1fr; padding: 70px 30px; } .thank-you-page .module#direct-download .direct-download-wrapper .direct-download-image { max-width: unset; height: 360px; } .thank-you-page .module#direct-download .direct-download-wrapper .direct-download-image img { width: auto; height: 100%; } .thank-you-page .module#direct-download { position: relative;} .thank-you-page .module#direct-download .direct-download-wrapper { font-family: var(--default-font-family); font-size: 40px; max-width: unset; padding: 0; } .thank-you-page .module#direct-download .direct-download-wrapper.ebook { display: grid; grid-template-columns: 1fr minmax(285px, 27%) } .thank-you-page .module#direct-download .direct-download-auto { margin-top: 20px; } .thank-you-page .module#direct-download .direct-download-wrapper .direct-download-title, .thank-you-page .module#direct-download .direct-download-wrapper .direct-download-loader-status, .thank-you-page .module#direct-download .direct-download-wrapper .direct-download-auto .direct-download-help-text, .thank-you-page .module#direct-download .direct-download-wrapper .direct-download-auto .direct-download-loader .direct-download-loader-circle.direct-download-loader-circle-completed:after { color: #fff; } .thank-you-page .module#direct-download .direct-download-wrapper .direct-download-auto .direct-download-loader .direct-download-loader-circle.direct-download-loader-circle-completed:after { font-size: .6em; } .thank-you-page .module#direct-download .direct-download-wrapper .direct-download-auto .direct-download-loader .direct-download-loader-circle:after { font-size: .2em; background: #fff; } .thank-you-page .module#direct-download .direct-download-wrapper .direct-download-title { font-size: 45px; line-height: 60px; text-shadow: 0 0px 10px rgba(0,0,0,.6); margin-bottom: 30px; } .thank-you-page .module#direct-download .direct-download-wrapper .direct-download-subtitle { color: #fff; font-size: 0.45em; text-shadow: 0 0px 10px rgba(0,0,0,.6); } .thank-you-page .module#direct-download .direct-download-wrapper .direct-download-auto .direct-download-help-text { font-size: 0.45em; } .thank-you-page .module#direct-download .direct-download-wrapper .direct-download-loader-status { font-size: 0.5em; } .thank-you-page .module#direct-download .direct-download-wrapper .direct-download-button a { font-size: .45em; font-weight: 600; letter-spacing: 0.07em; padding: 0.8em 3em; text-transform: capitalize; border: none; border-radius: 0; background: #fff; color: var(--primary-color-dark); } .tmp.thank-you-page .module .direct-download-wrapper .social-follow { margin: 20px 0 0; justify-content: flex-start; flex-flow: row wrap; } .thank-you-page.tmp .module .direct-download-wrapper .social-follow .direct-download-social__title { font-size: .4em; color: #fff; width: 100%; margin-bottom: 10px; } .thank-you-page .direct-download-social__title { font-size: 20px; font-weight: bold; line-height: 30px; color: #fff; margin-bottom: 15px; } /* Form */ .thank-you-page #form{ height: auto !important; } /* Main Content */ .thank-you-page .text-container h2, .thank-you-page .text-container h3, .thank-you-page .text-container h4 { color: var(--primary-color-dark); } .thank-you-page .text-container h2 { font-size: 30px; } .thank-you-page .text-container h3 { font-size: 24px; } .thank-you-page .main-text__wrapper p, .thank-you-page .main-text__wrapper ul li, .thank-you-page .main-text__wrapper { font-size: 18px; line-height: 30px; } .thank-you-page .main-text__wrapper ul li { color: var(--default-text-color); margin-bottom: 18px; padding-left: 35px; position: relative; } .thank-you-page .main-text__wrapper ul li:before { content: url(https://4368135.fs1.hubspotusercontent-na1.net/hubfs/4368135/CEV%20-%20Inbound/arrow-right-solid.svg); display: block; height: 16px; width: 16px; position: absolute; left: 0; top: 1px; } /* Share */ .thank-you-page.tmp .share-content-listing { display: flex; flex-flow: row wrap; } .thank-you-page.tmp .module#share-content .share-content-item { display: inline-block; margin: 0 0px 5px 0; } .thank-you-page.tmp .module#share-content .share-content-item:not(:last-of-type) { margin-right: 15px; } /* Follow */ .thank-you-page.tmp .module .direct-download-wrapper .social-follow a[class*="-social-"] { position: relative; font-size: 18px; height: 44px; width: 45px; margin: 0; } .thank-you-page.tmp .module .direct-download-wrapper .social-follow a[class*="-social-"]:not(:last-of-type) { margin-right: 15px; } .thank-you-page .module#share-content .share-content-wrapper.beside-title { justify-content: left; max-width: 800px; margin: 0 auto; padding: 30px; } .thank-you-page .text-container { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; padding: 60px 16px; margin: 0 auto; } .thank-you-page .module#related-ebooks .related-ebooks-listing { justify-content: center; } /* Responsive -------------- */ @media( max-width: 767px ) { .thank-you-page .module#direct-download .direct-download-wrapper { grid-template-columns: 1fr; } .thank-you-page .module#direct-download .direct-download-wrapper > :first-child { order: 1; } .thank-you-page.tmp .share-content-listing { justify-content: center; } .thank-you-page .text-container { grid-template-columns: 1fr; } .thank-you-page .text-container.bofu .form-container { order: -1; } .thank-you-page .module .direct-download-wrapper .social-follow { justify-content: center; } } /* end */ .resources-center-page .module#hero .hero-wrapper { padding: 90px 30px } .resources-center-page .module#hero .hero-background-image { object-position: 50% 38%; } .resources-center-page .module#hero .hero-wrapper h1 { color: #fff; font-size: 45px; font-weight: bold; line-height: 60px; } .resources-center-page .module#hero .hero-wrapper span { color: #fff; font-size: 30px; font-weight: bold; line-height: 40px; } .resources-center-page .module#resources-center { padding-bottom: 0 } .resources-center-page .resources-center-listing-resource { padding: 0; margin: 0 15px 50px; } .tmp .resources-center-category { color: var(--primary-color-dark); font-size: 30px; font-weight: bold; line-height: 40px; } .tmp.resources-center-page .widget_categories { display: none; } .tmp.resources-center-page .widget_suscription { margin-bottom: 60px; } /* Responsive -------------- */ @media( min-width: 768px ) { .resources-center-page .module#hero .hero-wrapper { padding: 167px 0 166px } } /* Social -------------- */ .tmp.resources-center-page .module#share-content { margin-top: 0; margin-bottom: 20px; } .tmp.resources-center-page .module#share-content .share-content-wrapper { background: transparent; padding: 20px; } .tmp.resources-center-page .module#share-content .share-content-header h3 { color: var(--primary-color-dark); font-size: 20px; font-weight: bold; line-height: 30px; text-transform: inherit; } .tmp.resources-center-page .module#share-content .share-content-item a { border-radius: 0; height: 40px; width: 70px; } /* End */ .page-404, .subscription-page, .system-page { font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif; } .subscription-page .wrapper, .system-page .wrapper, .system-page .container { max-width: 1140px; margin: 0 auto!important; float: none; } .subscription-page .wrapper, .system-page .wrapper { padding: 30px 15px; } .subscription-page .footer-container-wrapper, .system-page .footer-container-wrapper { background-color: rgba( 134, 142, 150 , 100% ); padding: 0 } .subscription-page .module#topbar .topbar-wrapper .container, .system-page .module#topbar .topbar-wrapper .container { max-width: 1140px; margin: 0 auto } .subscription-page .hs-button, .system-page .hs-button { font-family: inherit; background-color: #666; border-color: #666 } .subscription-page .wrapper .page-header h2, .system-page.subscriptions-update .wrapper .page-header h2 { color: #000; background: none; border: 0; box-shadow: none; } .system-page .wrapper h3 { color: #000 } .system-page .hs-input { max-width: 400px; border: 0; box-shadow: none; font-size: 16px } .system-page.subscriptions-update .wrapper .page-header p { color: #000 } /* @group Page 404 ======================== */ .page-404 { font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif; } /* System */ .page-404 .footer-container-wrapper { background-color: rgba( 134, 142, 150 , 100% ); padding: 0 } .page-404 .module#topbar.floating { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; } .page-404 .module#topbar .topbar-wrapper .container { max-width: 1140px; margin: 0 auto } .page-404 .basic-content.module .cta { font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif } .page-404 .hero-cta p { margin-bottom: 0 } .page-404 .module#hero { display: flex; justify-content: center; align-items: center; min-height: 500px; } .page-404 .module#hero .hero-wrapper .hero-cta-wrapper .hero-cta span { padding-top: 4px } .page-404 .module#hero .hero-wrapper .hero-cta-wrapper { margin-top: 40px } .page-404 .blog-related-posts__wrapper { max-width: 900px; padding: 0 30px; } /* @end */ /* ========================================================= * Template Customization * ====================================================== */ /* ============================================================ * Custom template styles here * ========================================================= */ body:has(.hs-sprocket) .cev-header, body[data-hs-dragdrop="true"] .cev-header { display: block !important; } .cev-header { display: none; } /* GLOBAL */ /* #region Variables */ :root { /** * Variables base - Modificarlas */ --default-font-family: 'Source Sans Pro', sans-serif; --awesome-pro: 'Font Awesome 5 Free'; --awesome-brands: 'Font Awesome 5 Brands'; --primary-color: #29306B; --primary-color-light: #273AA6; --primary-color-dark: #000276; --secondary-color: #00AEEF; --secondary-color-light: #A8B5FF; --generic-black: #222; --default-text-color: #222; --default-title-color: #222; --default-boxes-color: #FFF; --default-transition: .3s all ease; --border-color: #d4d4d4; --error-msj-color: #EA3B12; --default-transition: .3s all ease; --cubic-transition: .4s all cubic-bezier(.4,2,.67,1); --default-rgba-color: rgba(0, 0, 0, .25); --brand-rgba-color: rgba(216,216,216,.87); --secondary-rgba-color: rgba(83, 83, 83, .1); } /* #endregion */ /* #region Topbar */ .module#topbar.smart, .module#topbar.floating { box-shadow: none; } #topbar .cta-button-link, #download-pdf { display: flex; background: var(--secondary-color); color: #fff; padding: 9px; transition: .4s ease; text-decoration: none; width: 220px; justify-content: center; font-weight: bold; font-size: 20px; border-radius: unset; } #topbar .cta-button-link:hover, #download-pdf:hover { background: var(--primary-color) !important; box-shadow: 3px 3px 8px #8f8d8d; transform: translateY(-3px); } .blog .module#topbar .topbar-wrapper .container { grid-gap: 5px; align-items: center; } .tmp .module#topbar #navbar-collapse ul li.hs-menu-depth-1:last-child { transition: margin 300ms ease-in-out; } .navbar { transition: height 300ms ease !important; } .navsearch-visible { height: 180px !important; } @media(max-width: 1024px){ #topbar .cta-button-link { font-size: 17px; width: 190px; padding: 9px 4px; } } @media(max-width: 767px){ #topbar .cta-button { margin: 0 auto; margin-top: 30px; width: 190px; } .container #searchBtn{ display: none; } .search-btn{ width: 40px; margin: 0; } .tmp .module#topbar #navbar-collapse ul { border-bottom: 1px solid rgb(0 0 0 / 20%); } } /* #endregion */ /* #region Hero */ .blog .module#hero .hero-wrapper { padding: 25px 40px 15px; } /* #endregion */ /* #region Searchbar */ .blog .module#topbar form { border-bottom: solid 1px; width: 900px; } .hs-search-field__input { box-sizing: border-box; width: 100%; background: none !important; border: none !important; } .hs-search-field__bar{ display: flex; margin: 0 auto; justify-content: center; } .search-btn { background: none; border: none; width: 50px; margin-right: 20px; cursor: pointer; } .hs-search-field__bar button svg { height: 10px; } .hs-search-field__suggestions { margin: 0; padding: 0; list-style: none; } .hs-search-field--open .hs-search-field__suggestions { border: 1px solid #000; } .hs-search-field__suggestions li { display: block; margin: 0; padding: 0; } .hs-search-field__suggestions #results-for { font-weight: bold; } .hs-search-field__suggestions a, .hs-search-field__suggestions #results-for { display: block; } .hs-search-field__suggestions a:hover, .hs-search-field__suggestions a:focus { background-color: rgba(0, 0, 0, 0.1); outline: none; } .hs-search-field { display: none; margin-top: 15px; position: relative; margin: 0 auto; transition: visibility 300ms, opacity 300ms ease; visibility: hidden; opacity: 0; width: 100%; } .search-visible { display:flex; visibility: visible; opacity: 1; } .search-left-btn { width: 30px; padding-top: 10px; margin: 0 10px 0 32px; } @media (min-width: 768px){ .navbar-header #searchBtn-toggle { display: none; } } /* #endregion */ /* BLOG */ /* #region Post Listing - Grid */ .posts-listing__grid .posts-listing__post.card:nth-child(1){ order: 1; } .posts-listing__grid .posts-listing__post.card:nth-child(2){ order: 2; } .posts-listing__grid .posts-listing__post.card:nth-child(3){ order: 3; } .posts-listing__grid .posts-listing__post.card:nth-child(4){ order: 4; } .posts-listing__grid .posts-listing__post.card:nth-child(5){ order: 5; } .posts-listing__grid .posts-listing__post.card:nth-child(6){ order: 7; } .posts-listing__grid .posts-listing__post.card:nth-child(7){ order: 8; } .posts-listing__grid .posts-listing__post.card:nth-child(8){ order: 9; } .posts-listing__grid .posts-listing__post.card:nth-child(9){ order: 10; } .posts-listing .posts-listing__grid .posts-listing__post.card__cta2{ order: 6; display: block; } /* #endregion */ .pdf-button { margin: 0 0 20px 0; } #download-pdf { background: var(--secondary-color); color: #fff; padding: 9px; transition: .4s ease; text-decoration: none; justify-content: center; font-weight: bold; font-size: 20px; border-radius: unset; border: none; width: auto; } #download-pdf:hover { background: var(--primary-color) !important; box-shadow: 3px 3px 8px #8f8d8d; transform: translateY(-3px); } /* #region Author */ .blog-post-author .blog-post-author-name a { color: #fff; font-size: .5em; font-weight: 700; line-height: .6em; text-decoration: none; text-shadow: 0 0 10px rgba(0,0,0,.5); } .tmp.blog-post .blog-post-header .blog-post-author-avatar { overflow: hidden; margin: 0 auto 20px auto; width: 60px; height: 60px; border-radius: 50%; } .tmp.blog-post .blog-post-header .blog-post-author-avatar img { width: auto; height: 60px; } .tmp.blog-post .blog-post-header .blog-post-author-name { font-size: 13px; line-height: 20px; color: #9999A7; } .tmp.blog-post .blog-post-header .blog-post-author-name a { color: #9999A7; font-weight: bold; text-decoration: none; } .tmp.blog-post .blog-post-header .blog-post-author-name a:hover { text-decoration: underline; } .blog .blog-single-post-author { margin: 0 auto; display: flex; justify-content: center; color: #fff; gap: 6px; } .blog-single-post-author .blog-single-post-author__name a { color: #fff; font-size: .5em; font-weight: 700; line-height: .6em; text-decoration: none; text-shadow: 0 0 10px rgba(0,0,0,.5); } .blog-single-post-author #hs_cos_wrapper_module_170663966845913 { display: flex; gap: 7px; } .author-bio { margin-bottom: 20px; } h4.author-bio__link a { color: #29306b; font-size: 1.2em; text-decoration: none; margin: 0; font-weight: 400; } .author-bio__avatar img { border-radius: 50%; width: 180px; height: auto; object-fit: cover; } /* #region Author's page */ .post-author-page { } .blog-post-author__wrapper { font-family: inherit; padding: 30px; box-shadow: 1px 2px 10px rgba(0,0,0,.2); } .blog-post-author__info { display: flex; gap: 30px; align-items: center; } .blog-post-author__avatar { flex: 0 1 auto; } .blog-post-author__avatar-img { overflow: hidden; width: 100%; max-width: 260px; height: auto; margin: 0 auto; border-radius: 50%; box-shadow: 0 0 40px rgba(0, 0, 0, 0.30); border: 2px solid white; } .blog-post-author__info p { margin: 0; } .blog-post-author__info-name { margin: 10px 0 0 0; font-size: 26px; } .blog-post-author__info-social { text-decoration: none; font-size: 14px; } .blog-post-author__info-social:hover { text-decoration: underline; } .blog-post-author__info-bio { margin: 20px 0 0 0; } .blog-post-author__info-bio h2 { margin: 20px 0 10px 0; font-size: 18px; line-height: 30px; } .blog-post-author__info-bio p { margin: 0 0 20px 0; color: #66667B; font-size: 15px; line-height: 25px; } .blog-post-author__listing-title { width: 100%; max-width: 800px; margin: 0 auto; padding: 0; text-align: center; } .blog-post-author__listing-title h3 { margin: 0 0 40px 0; } @media (min-width: 577px) { .blog-post-author__wrapper { flex-direction: row; padding: 40px; } .blog-post-author__avatar { margin: 0; } .blog-post-author__avatar-img { max-width: none; } .blog-post-author__info { padding: 0 0 0 60px; } } .post-author-page .posts-listing__grid .posts-listing__post.card:first-child { grid-column-end: unset; grid-column-start: unset; background: #fff; border-radius: 0; box-shadow: 1px 2px 10px rgba(0,0,0,.2); cursor: pointer; display: flex; flex-flow: column; margin: 0; overflow: hidden; padding: 20px; transition: all .4s ease-in-out; } .post-author-page .posts-listing__grid .posts-listing__post.card:first-child .posts-listing__thumbnail { height: 200px; margin: -8px -8px 20px; overflow: hidden; position: relative; width: auto; } .post-author-page .posts-listing__grid .posts-listing__post.card:first-child .posts-listing__thumbnail:after { position: unset; } .post-author-page .posts-listing__grid .posts-listing__post.card:first-child .posts-listing__post-content { display: inline-flex; flex-wrap: wrap; justify-content: space-between; align-content: flex-start; } .post-author-page .posts-listing__grid .posts-listing__post.card:nth-child(1) .posts-listing__post-content { position: unset; padding: unset; } .post-author-page .posts-listing__grid .posts-listing__post.card:first-child .post-listing__title a, .post-author-page .posts-listing__grid .posts-listing__post.card:first-child .posts-listing__categories-item { color: var(--secondary-color); } .post-author-page .posts-listing__grid .posts-listing__post.card:first-child .post-listing__btn { background: transparent; border-radius: 50%; border: 2px solid var(--secondary-color); padding: 2px 3px; color: var(--secondary-color); font-size: 15px; display: block; line-height: 1; width: 23px; height: 23px; margin: 35px 8px 0 0 !important; transition: all .3s ease-in-out; } .post-author-page .posts-listing__grid .posts-listing__post:hover .post-listing__btn { border-color: var(--primary-color) !important; color: var(--primary-color) !important; margin-right: -2px !important; } .post-author-page .posts-listing__grid .posts-listing__post.card:first-child .posts-listing__post-header { background: unset; padding: 10px; position: absolute; } /* #endregion */ /* TEMPLATES */ /* #region Landing Page */ .landing-page-bofu .container { justify-content: space-between; margin-top: 4px; } .landing-page-bofu .container .search-btn { width: 45px; } /* #endregion */ /* #region LP Certificate PDF */ .landing-page.pdf .text-container { align-items: center; grid-template-columns: 2fr 1fr; font-family: var(--default-font-family); } .pdf-wrapper #intro { padding: 80px 0 50px; } .landing-page.pdf #intro.ic-module { padding: 2% 0; } .landing-page.pdf #intro .intro-main-wrapper { display: unset; } .landing-page.pdf .intro-main-wrapper .intro-description-wrapper { display: none; } .pdf-wrapper .intro-main-wrapper .intro-title-wrapper .intro-title { font-weight: bold !important; } .pdf-wrapper .image-wrapper .media-image-wrapper { max-width: 500px; } .pdf-wrapper #media.pdf.intro .media-image-wrapper { max-width: 300px; margin-top: unset; } .pdf-wrapper #intro .intro-main-wrapper { grid-gap: unset; grid-template-columns: 1fr; max-width: 800px; } .pdf-wrapper .image-intro .image img { background: unset; transform: unset; padding: unset; } .pdf-wrapper .media.ic-module.intro { margin: 0 0 20px 0; } .pdf-wrapper .image-wrapper .media-main-wrapper { margin-top: -25px; grid-template-columns: unset !important; } .pdf-wrapper #media.pdf .media-image-wrapper { max-width: 400px; } .pdf-wrapper .intro-main-wrapper .intro-description-wrapper { padding: unset !important; } .pdf-wrapper .intro-main-wrapper .intro-title-wrapper { padding: 80px 0 0 0 !important; } .pdf-wrapper .module#main-text { max-width: 800px !important; margin: 0 auto; } .pdf-wrapper .text-container { margin: 0 auto; } .pdf-wrapper .media.ic-module .media__wrapper.container { padding: 0 !important; } .pdf-wrapper #media.pdf .media-main-wrapper .media-bee-name { width: fit-content; margin: -45px auto 0; z-index: 2; padding: 20px; border-radius: 40px; color: #be5723; font-size: 20px; font-weight: bold; text-transform: uppercase; background-image: url(https://25032946.fs1.hubspotusercontent-eu1.net/hubfs/25032946/IC%20-%20Inbound/Background/24953.jpg); background-size: cover; } .pdf-wrapper span.username:after { background: var(--secondary-color); content: ""; display: block; height: 5px; margin-top: 10px; position: relative; width: 200px; } /* #endregion */ /* #region LP CERTIFICATE PDF ------------------------ */ /* RESPONSIVE */ /* END */