/** * Base CSS used by the builder's layout, including rows * and columns. Any module specific global CSS should be * included in fl-builder-layout-modules.css. */ /* Grid ------------------------------------------------------ */ .fl-builder-content *, .fl-builder-content *:before, .fl-builder-content *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fl-row:before, .fl-row:after, .fl-row-content:before, .fl-row-content:after, .fl-col-group:before, .fl-col-group:after, .fl-col:before, .fl-col:after, .fl-module:not([data-accepts]):before, .fl-module:not([data-accepts]):after, .fl-module-content:before, .fl-module-content:after { display: table; content: " "; } .fl-row:after, .fl-row-content:after, .fl-col-group:after, .fl-col:after, .fl-module:not([data-accepts]):after, .fl-module-content:after { clear: both; } .fl-clear { clear: both; } /* Rows ------------------------------------------------------ */ .fl-row, .fl-row-content { margin-left: auto; margin-right: auto; min-width: 0; } .fl-row-content-wrap { position: relative; } /* Photo Bg */ .fl-builder-mobile .fl-row-bg-photo .fl-row-content-wrap { background-attachment: scroll; } /* Video and Embed Code Bg */ .fl-row-bg-video, .fl-row-bg-video .fl-row-content, .fl-row-bg-embed, .fl-row-bg-embed .fl-row-content { position: relative; } .fl-row-bg-video .fl-bg-video, .fl-row-bg-embed .fl-bg-embed-code { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; } .fl-row-bg-video .fl-bg-video video, .fl-row-bg-embed .fl-bg-embed-code video { bottom: 0; left: 0px; max-width: none; position: absolute; right: 0; top: 0px; } .fl-row-bg-video .fl-bg-video video { min-width: 100%; min-height: 100%; width: auto; height: auto; } .fl-row-bg-video .fl-bg-video iframe, .fl-row-bg-embed .fl-bg-embed-code iframe { pointer-events: none; width: 100vw; height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */ max-width: none; min-height: 100vh; min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */ position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); /* IE 9 */ -webkit-transform: translate(-50%, -50%); /* Chrome, Safari, Opera */ transform: translate(-50%, -50%); } .fl-bg-video-fallback { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; bottom: 0px; left: 0px; position: absolute; right: 0px; top: 0px; } /* Slideshow Bg */ .fl-row-bg-slideshow, .fl-row-bg-slideshow .fl-row-content { position: relative; } .fl-row .fl-bg-slideshow { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 0; } .fl-builder-edit .fl-row .fl-bg-slideshow * { bottom: 0; height: auto !important; left: 0; position: absolute !important; right: 0; top: 0; } /* Row Bg Overlay */ .fl-row-bg-overlay .fl-row-content-wrap:after { border-radius: inherit; content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } .fl-row-bg-overlay .fl-row-content { position: relative; z-index: 1; } /* Full Height Rows */ .fl-row-default-height .fl-row-content-wrap, .fl-row-custom-height .fl-row-content-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 100vh; } .fl-row-overlap-top .fl-row-content-wrap { display: -webkit-inline-box; display: -webkit-inline-flex; display: -moz-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; } .fl-row-default-height .fl-row-content-wrap, .fl-row-custom-height .fl-row-content-wrap { min-height: 0; } .fl-row-default-height .fl-row-content, .fl-row-full-height .fl-row-content, .fl-row-custom-height .fl-row-content { -webkit-box-flex: 1 1 auto; -moz-box-flex: 1 1 auto; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .fl-row-default-height .fl-row-full-width.fl-row-content, .fl-row-full-height .fl-row-full-width.fl-row-content, .fl-row-custom-height .fl-row-full-width.fl-row-content { max-width: 100%; width: 100%; } /* Full height align center */ .fl-row-default-height.fl-row-align-center .fl-row-content-wrap, .fl-row-full-height.fl-row-align-center .fl-row-content-wrap, .fl-row-custom-height.fl-row-align-center .fl-row-content-wrap { -webkit-align-items: center; -webkit-box-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-align: center; -ms-flex-pack: center; justify-content: center; align-items: center; } /* Full height align bottom */ .fl-row-default-height.fl-row-align-bottom .fl-row-content-wrap, .fl-row-full-height.fl-row-align-bottom .fl-row-content-wrap, .fl-row-custom-height.fl-row-align-bottom .fl-row-content-wrap { -webkit-align-items: flex-end; -webkit-justify-content: flex-end; -webkit-box-align: end; -webkit-box-pack: end; -ms-flex-align: end; -ms-flex-pack: end; justify-content: flex-end; align-items: flex-end; } /* Column Groups ------------------------------------------------------ */ .fl-col-group-equal-height { display: flex; flex-wrap: wrap; width: 100%; } .fl-col-group-equal-height.fl-col-group-has-child-loading { flex-wrap: nowrap; } .fl-col-group-equal-height .fl-col, .fl-col-group-equal-height .fl-col-content { display: flex; flex: 1 1 auto; } .fl-col-group-equal-height .fl-col-content { flex-direction: column; flex-shrink: 1; min-width: 1px; max-width: 100%; width: 100%; } .fl-col-group-equal-height:before, .fl-col-group-equal-height .fl-col:before, .fl-col-group-equal-height .fl-col-content:before, .fl-col-group-equal-height:after, .fl-col-group-equal-height .fl-col:after, .fl-col-group-equal-height .fl-col-content:after{ content: none; } /* Equal height align top */ .fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-top .fl-col-content, .fl-col-group-equal-height.fl-col-group-align-top .fl-col-content { justify-content: flex-start; } /* Equal height align center */ .fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-center .fl-col-content, .fl-col-group-equal-height.fl-col-group-align-center .fl-col-content { justify-content: center; } /* Equal height align bottom */ .fl-col-group-nested.fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content, .fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content { justify-content: flex-end; } .fl-col-group-equal-height.fl-col-group-align-center .fl-col-group { width: 100%; } /* Columns ------------------------------------------------------ */ .fl-col { float: left; min-height: 1px; } /* Column Bg Overlay */ .fl-col-bg-overlay .fl-col-content { position: relative; } .fl-col-bg-overlay .fl-col-content:after { border-radius: inherit; content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } .fl-col-bg-overlay .fl-module { position: relative; z-index: 2; } /* Templates ------------------------------------------------------ */ .single:not(.woocommerce).single-fl-builder-template .fl-content { width: 100%; } /* Shapes & Patterns ------------------------------------------------------- */ .fl-builder-layer { position: absolute; top:0; left:0; right: 0; bottom: 0; z-index: 0; pointer-events: none; overflow: hidden; } .fl-builder-shape-layer { z-index: 0; } .fl-builder-shape-layer.fl-builder-bottom-edge-layer { z-index: 1; } .fl-row-bg-overlay .fl-builder-shape-layer { z-index: 1; } .fl-row-bg-overlay .fl-builder-shape-layer.fl-builder-bottom-edge-layer { z-index: 2; } .fl-row-has-layers .fl-row-content { z-index: 1; } .fl-row-bg-overlay .fl-row-content { z-index: 2; } .fl-builder-layer > * { display: block; position: absolute; top:0; left:0; width: 100%; } .fl-builder-layer + .fl-row-content { position: relative; } .fl-builder-layer .fl-shape { fill: #aaa; stroke: none; stroke-width: 0; width:100%; } /** Fix ipad parallax issue on safari https://core.trac.wordpress.org/ticket/48802 https://core.trac.wordpress.org/ticket/49285 https://github.com/WordPress/gutenberg/issues/17718 */ @supports (-webkit-touch-callout: inherit) { .fl-row.fl-row-bg-parallax .fl-row-content-wrap, .fl-row.fl-row-bg-fixed .fl-row-content-wrap { background-position: center !important; background-attachment: scroll !important; } } @supports (-webkit-touch-callout: none) { .fl-row.fl-row-bg-fixed .fl-row-content-wrap { background-position: center !important; background-attachment: scroll !important; } } /** * Base CSS used by all (or many) modules. This file should * not contain any generic layout CSS that doesn't apply to * modules. That belongs in fl-builder-layout.css. */ /* Utilities ------------------------------------------------------ */ .fl-clearfix:before, .fl-clearfix:after { display: table; content: " "; } .fl-clearfix:after { clear: both; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } /* Buttons ------------------------------------------------------ */ .fl-builder-content .fl-button:is(a, button), .fl-builder-content a.fl-button:visited { border-radius: 4px; display: inline-block; font-size: 16px; font-weight: normal; line-height: 18px; padding: 12px 24px; text-decoration: none; text-shadow: none; } .fl-builder-content .fl-button:hover { text-decoration: none; } .fl-builder-content .fl-button:active { position: relative; top: 1px; } .fl-builder-content .fl-button-width-full .fl-button { width: 100%; display: block; text-align: center; } .fl-builder-content .fl-button-width-custom .fl-button { display: inline-block; text-align: center; max-width: 100%; } .fl-builder-content .fl-button-left { text-align: left; } .fl-builder-content .fl-button-center { text-align: center; } .fl-builder-content .fl-button-right { text-align: right; } .fl-builder-content .fl-button i { font-size: 1.3em; height: auto; margin-right:8px; vertical-align: middle; width: auto; } .fl-builder-content .fl-button i.fl-button-icon-after { margin-left: 8px; margin-right: 0; } .fl-builder-content .fl-button-has-icon .fl-button-text { vertical-align: middle; } /* Icons ------------------------------------------------------ */ .fl-icon-wrap { display: inline-block; } .fl-icon { display: table-cell; vertical-align: middle; } .fl-icon a { text-decoration: none; } .fl-icon i { float: right; height: auto; width: auto; } .fl-icon i:before { border: none !important; height: auto; width: auto; } .fl-icon-text { display: table-cell; text-align: left; padding-left: 15px; vertical-align: middle; } .fl-icon-text-empty { display: none; } .fl-icon-text *:last-child { margin: 0 !important; padding: 0 !important; } .fl-icon-text a { text-decoration: none; } .fl-icon-text span { display: block; } .fl-icon-text span.mce-edit-focus { min-width: 1px; } /* Photos ------------------------------------------------------ */ .fl-module img { max-width: 100%; } .fl-photo { line-height: 0; position: relative; } .fl-photo-align-left { text-align: left; } .fl-photo-align-center { text-align: center; } .fl-photo-align-right { text-align: right; } .fl-photo-content { display: inline-block; line-height: 0; position: relative; max-width: 100%; } .fl-photo-img-svg { width: 100%; } .fl-photo-content img { display: inline; height: auto; max-width: 100%; } .fl-photo-crop-circle img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .fl-photo-caption { font-size: 13px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; } .fl-photo-caption-below { padding-bottom: 20px; padding-top: 10px; } .fl-photo-caption-hover { background: rgba(0,0,0,0.7); bottom: 0; color: #fff; left: 0; opacity: 0; filter: alpha(opacity = 0); padding: 10px 15px; position: absolute; right: 0; -webkit-transition:opacity 0.3s ease-in; -moz-transition:opacity 0.3s ease-in; transition:opacity 0.3s ease-in; } .fl-photo-content:hover .fl-photo-caption-hover { opacity: 100; filter: alpha(opacity = 100); } /* Pagination ------------------------------------------------------ */ .fl-builder-pagination, .fl-builder-pagination-load-more { padding: 40px 0; } .fl-builder-pagination ul.page-numbers { list-style: none; margin: 0; padding: 0; text-align: center; } .fl-builder-pagination li { display: inline-block; list-style: none; margin: 0; padding: 0; } .fl-builder-pagination li a.page-numbers, .fl-builder-pagination li span.page-numbers { border: 1px solid #e6e6e6; display: inline-block; padding: 5px 10px; margin: 0 0 5px; } .fl-builder-pagination li a.page-numbers:hover, .fl-builder-pagination li span.current { background: #f5f5f5; text-decoration: none; } /* Slideshows ------------------------------------------------------ */ .fl-slideshow, .fl-slideshow * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .fl-slideshow .fl-slideshow-image img { max-width: none !important; } .fl-slideshow-social { line-height: 0 !important; } .fl-slideshow-social * { margin: 0 !important; } /* Sliders ------------------------------------------------------ */ .fl-builder-content .bx-wrapper .bx-viewport { background: transparent; border: none; box-shadow: none; left: 0; } /* Lightbox ------------------------------------------------------ */ .mfp-wrap button.mfp-arrow, .mfp-wrap button.mfp-arrow:active, .mfp-wrap button.mfp-arrow:hover, .mfp-wrap button.mfp-arrow:focus { background: transparent !important; border: none !important; outline: none; position: absolute; top: 50%; box-shadow: none !important; } .mfp-wrap .mfp-close, .mfp-wrap .mfp-close:active, .mfp-wrap .mfp-close:hover, .mfp-wrap .mfp-close:focus { background: transparent !important; border: none !important; outline: none; position: absolute; top: 0; box-shadow: none !important; } .admin-bar .mfp-wrap .mfp-close, .admin-bar .mfp-wrap .mfp-close:active, .admin-bar .mfp-wrap .mfp-close:hover, .admin-bar .mfp-wrap .mfp-close:focus { top: 32px!important; } img.mfp-img { padding: 0; } .mfp-counter { display: none; } .mfp-wrap .mfp-preloader.fa { font-size: 30px; } /* Form Fields ------------------------------------------------------ */ .fl-form-field { margin-bottom: 15px; } .fl-form-field input.fl-form-error { border-color: #DD6420; } .fl-form-error-message { clear: both; color: #DD6420; display: none; padding-top: 8px; font-size: 12px; font-weight: lighter; } .fl-form-button-disabled { opacity: 0.5; } /* Animations ------------------------------------------------------ */ .fl-animation { opacity: 0; } body.fl-no-js .fl-animation { opacity: 1; } .fl-builder-preview .fl-animation, .fl-builder-edit .fl-animation, .fl-animated { opacity: 1; } .fl-animated { animation-fill-mode: both; } /* Button Icon Animation */ .fl-button.fl-button-icon-animation i { width: 0 !important; opacity: 0; transition: all 0.2s ease-out; } .fl-button.fl-button-icon-animation:hover i { opacity: 1 !important; } .fl-button.fl-button-icon-animation i.fl-button-icon-after { margin-left: 0px !important; } .fl-button.fl-button-icon-animation:hover i.fl-button-icon-after { margin-left: 10px !important; } .fl-button.fl-button-icon-animation i.fl-button-icon-before { margin-right: 0 !important; } .fl-button.fl-button-icon-animation:hover i.fl-button-icon-before { margin-right: 20px !important; margin-left: -10px; } @media (max-width: 1200px) { /** * Styles needed for the large breakpoint. */ }@media (max-width: 992px) { /* Columns ------------------------------------------------------ */ /* Reversed Responsive Stacking */ .fl-col-group.fl-col-group-medium-reversed { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; flex-direction: row-reverse; } }@media (max-width: 768px) { /* Rows ------------------------------------------------------ */ .fl-row-content-wrap { background-attachment: scroll !important; } .fl-row-bg-parallax .fl-row-content-wrap { background-attachment: scroll !important; background-position: center center !important; } /* Column Groups ------------------------------------------------------ */ /* Equal Heights */ .fl-col-group.fl-col-group-equal-height { display: block; } .fl-col-group.fl-col-group-equal-height.fl-col-group-custom-width { display: -webkit-box; display: -webkit-flex; display: flex; } /* Reversed Responsive Stacking */ .fl-col-group.fl-col-group-responsive-reversed { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; flex-direction: row-reverse; } .fl-col-group.fl-col-group-responsive-reversed .fl-col:not(.fl-col-small-custom-width) { flex-basis: 100%; width: 100% !important; } .fl-col-group.fl-col-group-medium-reversed:not(.fl-col-group-responsive-reversed) { display: unset; display: unset; -webkit-flex-wrap: unset; flex-wrap: unset; flex-direction: unset; } /* Columns ------------------------------------------------------ */ .fl-col { clear: both; float: none; margin-left: auto; margin-right: auto; width: auto !important; } .fl-col-small:not(.fl-col-small-full-width) { max-width: 400px; } .fl-block-col-resize { display:none; } /* Rows ------------------------------------------------------ */ .fl-row[data-node] .fl-row-content-wrap { margin: 0; padding-left: 0; padding-right: 0; } .fl-row[data-node] .fl-bg-video, .fl-row[data-node] .fl-bg-slideshow { left: 0; right: 0; } /* Columns ------------------------------------------------------ */ .fl-col[data-node] .fl-col-content { margin: 0; padding-left: 0; padding-right: 0; } }@media (min-width: 1201px) { html .fl-visible-large:not(.fl-visible-desktop), html .fl-visible-medium:not(.fl-visible-desktop), html .fl-visible-mobile:not(.fl-visible-desktop) { display: none; } } @media (min-width: 993px) and (max-width: 1200px) { html .fl-visible-desktop:not(.fl-visible-large), html .fl-visible-medium:not(.fl-visible-large), html .fl-visible-mobile:not(.fl-visible-large) { display: none; } } @media (min-width: 769px) and (max-width: 992px) { html .fl-visible-desktop:not(.fl-visible-medium), html .fl-visible-large:not(.fl-visible-medium), html .fl-visible-mobile:not(.fl-visible-medium) { display: none; } } @media (max-width: 768px) { html .fl-visible-desktop:not(.fl-visible-mobile), html .fl-visible-large:not(.fl-visible-mobile), html .fl-visible-medium:not(.fl-visible-mobile) { display: none; } } .fl-col-content { display: flex; flex-direction: column; } .fl-row-fixed-width { max-width: 1380px; } .fl-builder-content > .fl-module-box { margin: 0; } .fl-row-content-wrap { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .fl-module-content, .fl-module:where(.fl-module:not(:has(> .fl-module-content))) { margin-top: 20px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; } :root { --fl-global-0090e3: #0090e3; --fl-global-ff6600: #FF6600; --fl-global-lichtgrijs: #edeef4; --fl-global-donkergrijs: #323142; --fl-global-wit: #ffffff; --fl-global-zwart: #000000; --fl-global-boxshadow: rgba(0,0,0,0.1); --fl-global-text-color: var(--fl-global-donkergrijs); --fl-global-text-font-size: 16px; --fl-global-h1-font-size: 40px; --fl-global-h2-font-weight: 400; --fl-global-h2-font-size: 30px; --fl-global-h3-font-size: 22px; --fl-global-h4-font-size: 16px; --fl-global-link-color: var(--fl-global-ff6600); --fl-global-link-hover-color: var(--fl-global-0090e3); --fl-global-button-color: var(--fl-global-wit); --fl-global-button-background: var(--fl-global-ff6600); --fl-global-button-hover-background: var(--fl-global-0090e3); --fl-global-button-border-style: none; --fl-global-button-background-clip: border-box; --fl-global-button-border-top-left-radius: 5px; --fl-global-button-border-top-right-radius: 5px; --fl-global-button-border-bottom-left-radius: 5px; --fl-global-button-border-bottom-right-radius: 5px; } .fl-builder-content:not(.fl-builder-empty) { color: var(--fl-global-donkergrijs); font-size: 16px; } .fl-builder-content h1 { font-size: 40px; } .fl-builder-content h2 { font-weight: 400; font-size: 30px; } .fl-builder-content h3 { font-size: 22px; } .fl-builder-content h4 { font-size: 16px; } .fl-builder-content a:not(.fl-builder-submenu-link) { color: var(--fl-global-ff6600); } .fl-builder-content a:not(.fl-builder-submenu-link):hover { color: var(--fl-global-0090e3); } .fl-builder-content button:not(.fl-content-ui-button), .fl-builder-content input[type=button], .fl-builder-content input[type=submit], .fl-builder-content .fl-button:is(a, button), .fl-builder-content button:not(.fl-content-ui-button) *, .fl-builder-content input[type=button] *, .fl-builder-content input[type=submit] *, .fl-builder-content .fl-button:is(a, button) *, .fl-builder-content button:visited, .fl-builder-content input[type=button]:visited, .fl-builder-content input[type=submit]:visited, .fl-builder-content a.fl-button:visited, .fl-builder-content button:visited *, .fl-builder-content input[type=button]:visited *, .fl-builder-content input[type=submit]:visited *, .fl-builder-content a.fl-button:visited *, .fl-page .fl-builder-content button:not(.fl-content-ui-button), .fl-page .fl-builder-content input[type=button], .fl-page .fl-builder-content input[type=submit], .fl-page .fl-builder-content .fl-button:is(a, button), .fl-page .fl-builder-content button:not(.fl-content-ui-button) *, .fl-page .fl-builder-content input[type=button] *, .fl-page .fl-builder-content input[type=submit] *, .fl-page .fl-builder-content .fl-button:is(a, button) *, .fl-page .fl-builder-content button:visited, .fl-page .fl-builder-content input[type=button]:visited, .fl-page .fl-builder-content input[type=submit]:visited, .fl-page .fl-builder-content a.fl-button:visited, .fl-page .fl-builder-content button:visited *, .fl-page .fl-builder-content input[type=button]:visited *, .fl-page .fl-builder-content input[type=submit]:visited *, .fl-page .fl-builder-content a.fl-button:visited * { color: var(--fl-global-wit); } .fl-builder-content .fl-module-content:not(:has(.fl-inline-editor)) button:not(.fl-content-ui-button), .fl-builder-content input[type=button], .fl-builder-content input[type=submit], .fl-builder-content .fl-button:is(a, button), .fl-builder-content button:visited, .fl-builder-content input[type=button]:visited, .fl-builder-content input[type=submit]:visited, .fl-builder-content a.fl-button:visited, .fl-page .fl-builder-content .fl-module-content:not(:has(.fl-inline-editor)) button:not(.fl-content-ui-button), .fl-page .fl-builder-content input[type=button], .fl-page .fl-builder-content input[type=submit], .fl-page .fl-builder-content .fl-button:is(a, button), .fl-page .fl-builder-content button:visited, .fl-page .fl-builder-content input[type=button]:visited, .fl-page .fl-builder-content input[type=submit]:visited, .fl-page .fl-builder-content a.fl-button:visited { background-color: var(--fl-global-ff6600); } .fl-builder-content .fl-module-content:not(:has(.fl-inline-editor)) button:not(.fl-content-ui-button):hover, .fl-builder-content input[type=button]:hover, .fl-builder-content input[type=submit]:hover, .fl-builder-content .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-module-content:not(:has(.fl-inline-editor)) button:not(.fl-content-ui-button):hover, .fl-page .fl-builder-content input[type=button]:hover, .fl-page .fl-builder-content input[type=submit]:hover, .fl-page .fl-builder-content .fl-button:is(a, button):hover { background-color: var(--fl-global-0090e3); } .fl-builder-content button:not(.fl-content-ui-button), .fl-builder-content input[type=button], .fl-builder-content input[type=submit], .fl-builder-content .fl-button:is(a, button), .fl-builder-content button:visited, .fl-builder-content input[type=button]:visited, .fl-builder-content input[type=submit]:visited, .fl-builder-content a.fl-button:visited, .fl-page .fl-builder-content button:not(.fl-content-ui-button), .fl-page .fl-builder-content input[type=button], .fl-page .fl-builder-content input[type=submit], .fl-page .fl-builder-content .fl-button:is(a, button), .fl-page .fl-builder-content button:visited, .fl-page .fl-builder-content input[type=button]:visited, .fl-page .fl-builder-content input[type=submit]:visited, .fl-page .fl-builder-content a.fl-button:visited { border-style: none; border-width: 0; background-clip: border-box; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .page .fl-post-header, .single-fl-builder-template .fl-post-header { display:none; } /* Full Height Rows */ .fl-node-pxhj2d46qig3.fl-row-full-height > .fl-row-content-wrap, .fl-node-pxhj2d46qig3.fl-row-custom-height > .fl-row-content-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .fl-node-pxhj2d46qig3.fl-row-full-height > .fl-row-content-wrap { min-height: 100vh; } .fl-node-pxhj2d46qig3.fl-row-custom-height > .fl-row-content-wrap { min-height: 0; } .fl-builder-edit .fl-node-pxhj2d46qig3.fl-row-full-height > .fl-row-content-wrap { min-height: calc( 100vh - 48px ); } /* Full height iPad with portrait orientation. */ @media all and (width: 768px) and (height: 1024px) and (orientation:portrait){ .fl-node-pxhj2d46qig3.fl-row-full-height > .fl-row-content-wrap { min-height: 1024px; } } /* Full height iPad with landscape orientation. */ @media all and (width: 1024px) and (height: 768px) and (orientation:landscape){ .fl-node-pxhj2d46qig3.fl-row-full-height > .fl-row-content-wrap { min-height: 768px; } } /* Full height iPhone 5. You can also target devices with aspect ratio. */ @media screen and (aspect-ratio: 40/71) { .fl-node-pxhj2d46qig3.fl-row-full-height > .fl-row-content-wrap { min-height: 500px; } } .fl-node-pxhj2d46qig3 > .fl-row-content-wrap { background-color: #0090e3; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; } .fl-node-pxhj2d46qig3.fl-row-custom-height > .fl-row-content-wrap { min-height: 40px; } .fl-node-pxhj2d46qig3 > .fl-row-content-wrap { padding-top:0px; padding-bottom:0px; } .fl-node-zq8kuy20vej4 > .fl-row-content-wrap { background-color: var(--fl-global-wit); } .fl-node-zq8kuy20vej4 .fl-row-content { max-width: 100%; } .fl-node-zq8kuy20vej4 > .fl-row-content-wrap { margin-top:0px; } .fl-node-zq8kuy20vej4 > .fl-row-content-wrap { padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; } .fl-module-box:before, .fl-module-box:after { position: absolute; } a.fl-module-box { text-decoration: none; } /* Zero margins for child modules */ .fl-module-box :where( .fl-module ), .fl-module-box :where( .fl-module-content ), .fl-module-box.fl-block > * { margin: 0; } /* Ensure child modules size properly */ :where(.fl-module-box) { min-width: 0; } .fl-builder-content-55 .fl-node-4v1bcap2qr5j { display: flex; flex-direction: row; align-items: center; gap: 10px; width: 1380px; } :where( .fl-builder-content-55 .fl-node-4v1bcap2qr5j > :not( .fl-block-overlay, .fl-drop-target ) ) { flex-grow: 1; } @media(max-width: 768px) { .fl-builder-content-55 .fl-node-4v1bcap2qr5j { flex-direction: column; } } .fl-node-4v1bcap2qr5j.fl-module-box { margin-top:10px; margin-right:20px; margin-bottom:10px; margin-left:20px; } img.mfp-img { padding-bottom: 40px !important; } /* Support for object-fit */ .fl-builder-edit .fl-fill-container img { transition: object-position .5s; } .fl-fill-container :is(.fl-module-content, .fl-photo, .fl-photo-content, img) { height: 100% !important; width: 100% !important; } @media (max-width: 768px) { /* Mobile Photo */ .fl-photo-content, .fl-photo-img { max-width: 100%; } }.fl-node-s2kf6ujo4pde, .fl-node-s2kf6ujo4pde .fl-photo { text-align: left; } .fl-node-s2kf6ujo4pde .fl-photo-content, .fl-node-s2kf6ujo4pde .fl-photo-img { width: 160px; } .fl-builder-content-55 .fl-node-ornzw7lqkjg5 { display: flex; flex-direction: row; align-items: center; gap: 10px; width: 1380px; } :where( .fl-builder-content-55 .fl-node-ornzw7lqkjg5 > :not( .fl-block-overlay, .fl-drop-target ) ) { flex-grow: 1; } .fl-node-ornzw7lqkjg5.fl-module-box { margin-top:0px; margin-right:20px; margin-bottom:0px; margin-left:20px; } .fl-builder-content-55 .fl-node-2bpgvec1ntf3 { display: flex; flex-direction: row; gap: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; max-width: 350px; } .fl-builder-content-55 .fl-node-pdskzh6x4mo3 { display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 0px; } .fl-node-pdskzh6x4mo3.fl-module-box { margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } .fl-builder-content-55 .fl-node-hmeoawvz29sp { display: flex; flex-direction: row; gap: 40px; } /* Clearfix */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .pp-icon-list .pp-icon-list-items { margin: 0; padding: 0; } .pp-icon-list .pp-icon-list-items .pp-icon-list-item { list-style-type: none; } @media (max-width: 768px) { }.fl-node-5tb2pf8yko7c .pp-icon-list:before { content: "" !important; } .fl-node-5tb2pf8yko7c .pp-icon-list:not(.pp-user-agent-ie) [class^="pp-icon-list"] { font-family: unset !important; } .fl-node-5tb2pf8yko7c .pp-icon-list .pp-icon-list-items .pp-icon-list-item { display: table; margin-bottom: 0px; } .fl-node-5tb2pf8yko7c .pp-icon-list .pp-icon-list-items .pp-icon-list-item .pp-list-item-icon { float: left; margin-right: 10px; color: var(--fl-global-wit); font-size: 20px; padding: 0px; text-align: center; display: inline-block; line-height: 20px; vertical-align: middle; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fl-node-5tb2pf8yko7c .pp-icon-list .pp-icon-list-items .pp-icon-list-item:hover .pp-list-item-icon { color: ; border-color: ; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fl-node-5tb2pf8yko7c .pp-icon-list .pp-icon-list-items.pp-list-type-number .pp-icon-list-item .pp-list-item-icon { } .fl-node-5tb2pf8yko7c .pp-icon-list .pp-icon-list-items .pp-icon-list-item .pp-list-item-text { display: table-cell; color: var(--fl-global-wit); vertical-align: middle; } .fl-node-5tb2pf8yko7c .pp-icon-list .pp-icon-list-items .pp-icon-list-item .pp-list-item-text { font-size: 16px; } @media ( max-width: 768px ) { .fl-node-5tb2pf8yko7c.fl-module > .fl-module-content { margin-left:10px; } } .fl-builder-content-55 .fl-node-2rzsy6juh0od { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px; } .fl-node-2rzsy6juh0od.fl-module-box { margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } @-webkit-keyframes mega-menu-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes mega-menu-fade-in{0%{opacity:0}100%{opacity:1}}.brex-mega-menu-desktop .mega-menu-saved-row>a.megamenuonmouseover:hover+.mega-menu-saved-row-container{display:block!important}.brex-mega-menu{z-index:99;display:flex;width:100%;margin-bottom:0;padding-left:0;list-style:none;justify-content:center;align-items:center}.brex-mega-menu>li{display:inline-block}.brex-mega-menu>li>a{display:block;transition:color 200ms,background-color 200ms;text-decoration:none}.brex-mega-menu>li.drop-down{position:relative}.brex-mega-menu>li.drop-down>a.megamenuonmouseover:hover+.drop-down-ul{display:block!important;}.brex-mega-menu>li.drop-down ul.drop-down-ul{position:absolute;z-index:99;left:0;display:none;padding-left:0;list-style:none;-webkit-animation-name:mega-menu-fade-in;animation-name:mega-menu-fade-in;-webkit-animation-duration:300ms;animation-duration:300ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.brex-mega-menu>li.drop-down ul.drop-down-ul:hover{display:block}.brex-mega-menu>li.drop-down ul.drop-down-ul>li>a{display:block;padding:20px 22px;text-decoration:none}.brex-mega-menu>li.mega-menu-saved-row .mega-menu-saved-row-container{position:absolute;z-index:999;left:0;margin: 0 auto;right: 0;display:none;width:100%;-webkit-animation-name:mega-menu-fade-in;animation-name:mega-menu-fade-in;-webkit-animation-duration:300ms;animation-duration:300ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.brex-mega-menu>li.mega-menu-saved-row .mega-menu-saved-row-container.invisible{z-index:-1;opacity:0!important;visibility:hidden}.brex-mega-menu>li.mega-menu-saved-row .mega-menu-saved-row-container:hover{display:block}.brex-mobile-menu-container-node{position:relative;z-index:99}.brex-mobile-menu-container-node .brex-mobile-menu-container{position:fixed;top:0;overflow:scroll;height:100%;padding-top:46px;transition:transform 250ms ease-in-out}.brex-mobile-menu-container-node .brex-mobile-menu-container .close-icon{position:absolute;top:20px;right:20px}.brex-mobile-menu-container-node .brex-mobile-menu-container .close-icon>i{z-index:999}.brex-mobile-menu-container-node .brex-mobile-menu-container.brex-mobile-menu-left{left:0;transform:translateX(-100%)}.brex-mobile-menu-container-node .brex-mobile-menu-container.brex-mobile-menu-left.expanded{transform:translateX(0)}.brex-mobile-menu-container-node .brex-mobile-menu-container.brex-mobile-menu-right{right:0;transform:translateX(100%)}.brex-mobile-menu-container-node .brex-mobile-menu-container.brex-mobile-menu-right.expanded{transform:translateX(0)}.brex-mobile-menu-container-node .brex-mobile-menu-container.brex-mobile-menu-top{width:100%;transform:translateY(-100%)}.brex-mobile-menu-container-node .brex-mobile-menu-container.brex-mobile-menu-top.expanded{transform:translateY(0)}@media screen and (min-width:783px){.brex-mobile-menu-container-node .brex-mobile-menu-container{padding-top:32px}}.brex-mobile-menu-container-node .brex-mobile-menu-container .menu-item-has-children>a::after{font-family:FontAwesome;font-weight:400;font-style:normal;position:relative;top:-2px;margin-left:5px;content:'\F0DD';text-decoration:inherit;-webkit-font-smoothing:antialiased}.brex-mobile-menu-container-node .brex-mobile-menu-container .menu-item-has-children.expanded>a::after{top:2px;content:'\F0DE'}.brex-mobile-menu-container-node .brex-mobile-menu-container .menu-item-has-children.expanded .sub-menu{height:auto}.brex-mobile-menu-container-node .brex-mobile-menu-container .sub-menu{overflow:hidden;height:0;padding-left:0;transition:height 250ms}.brex-mobile-menu-container-node .brex-mobile-menu-container .brex-mega-menu{margin:0;padding-top:25px;padding-bottom:25px}.brex-mobile-menu-container-node .brex-mobile-menu-container .brex-mega-menu li.mega-menu-saved-row a::after{font-family:FontAwesome;font-weight:400;font-style:normal;position:relative;top:-2px;margin-left:5px;content:'\F0DD';text-decoration:inherit;-webkit-font-smoothing:antialiased}.brex-mobile-menu-container-node .brex-mobile-menu-container .brex-mega-menu li.mega-menu-saved-row.expanded a::after{top:2px;content:'\F0DE'}.brex-mobile-menu-container-node .brex-mobile-menu-container .brex-mega-menu li a{margin:0;padding:0 25px}.brex-mobile-menu-container-node .brex-mobile-menu-container .brex-mega-menu .mega-menu-saved-row-container{position:relative}.brex-mobile-menu-container-node .brex-mobile-menu-container .brex-mobile-menu-inner{margin:0;padding:25px}.brex-mobile-menu-container-node .brex-mobile-menu-container .brex-mobile-menu-inner li{font-weight:700;padding-top:15px;padding-left:10px;list-style:none;cursor:pointer;color:#fff}.brex-mobile-menu-container-node .brex-mobile-menu-container .brex-mobile-menu-inner li a{font-weight:700;cursor:pointer;text-decoration:none;color:#fff}.brex-mobile-menu-container-node .brex-mobile-menu-container .brex-mobile-menu-inner li span{font-size:14px;display:block;color:#fff;color:rgba(255,255,255,.5)}body.admin-bar .brex-mobile-menu-container-node{padding-top:46px}body.admin-bar .brex-mobile-menu-container-node .brex-mega-menu,body.admin-bar .brex-mobile-menu-container-node .brex-mega-menu li{display:block;width:100%}body.admin-bar .brex-mobile-menu-container-node .brex-mega-menu .mega-menu-saved-row.expanded .mega-menu-saved-row-container{display:block}body.admin-bar .brex-mobile-menu-container-node .close-icon{margin-top:46px}@media screen and (max-width:783px){body.admin-bar .brex-mobile-menu-container-node{padding-top:32px}body.admin-bar .brex-mobile-menu-container-node .close-icon{margin-top:32px!important}}.fl-node-lvq4j09tbucn .brex-mega-menu-desktop .brex-mega-menu {justify-content: flex-start;display: none;}.fl-node-lvq4j09tbucn .brex-mega-menu-desktop .brex-mega-menu > li > a {background-color: #0090e3;color: rgb(255, 255, 255);transition: color , background-color ;}.fl-node-lvq4j09tbucn .brex-mega-menu-desktop .brex-mega-menu > li.drop-down .drop-down-ul > li > a {color: #000000;background-color: #ffffff;min-width: 200px;transition: color , background-color ;}.fl-node-lvq4j09tbucn .brex-mobile-menu-icon {text-align: left;}.fl-node-lvq4j09tbucn .brex-mobile-menu-icon i {color: #000000;font-size: 24px;}.fl-node-lvq4j09tbucn.brex-mobile-menu-container-node .brex-mobile-menu-container {background-color: #ffffff;width: 250px;}.fl-node-lvq4j09tbucn.brex-mobile-menu-container-node .brex-mobile-menu-container .close-icon {top: 20px;right: 20px;}.fl-node-lvq4j09tbucn.brex-mobile-menu-container-node .brex-mobile-menu-container .close-icon > i {font-size: 24px;color: #000000;}.fl-node-lvq4j09tbucn.brex-mobile-menu-container-node .brex-mobile-menu-container .brex-mobile-menu-inner li a {color: #000000;}@media screen and (min-width: 767px) and (max-width: 991px){.fl-node-lvq4j09tbucn .brex-mega-menu-desktop .brex-mega-menu {display: flex;}.fl-node-lvq4j09tbucn .brex-mega-menu-desktop .brex-mega-menu > li > a {padding: 10px 10px 10px 10px;}.fl-node-lvq4j09tbucn .brex-mobile-menu-icon {display: none;}.fl-node-lvq4j09tbucn .brex-mobile-menu-container {display: none;}}@media screen and (min-width: 992px){.fl-node-lvq4j09tbucn .brex-mega-menu-desktop .brex-mega-menu {display: flex;}.fl-node-lvq4j09tbucn .brex-mega-menu-desktop .brex-mega-menu > li > a {padding: 10px 20px 10px 20px;}.fl-node-lvq4j09tbucn .brex-mega-menu-desktop .brex-mega-menu > li.drop-down .drop-down-ul > li > a {padding: 10px 10px 10px 10px;}.fl-node-lvq4j09tbucn .brex-mobile-menu-icon {display: none;}.fl-node-lvq4j09tbucn .brex-mobile-menu-container {display: none;}} .fl-node-lvq4j09tbucn > .fl-module-content { margin-top:10px; margin-bottom:10px; } .fl-node-62l1dvabspq9 .brex-mega-menu-desktop .brex-mega-menu {justify-content: flex-start;display: none;}.fl-node-62l1dvabspq9 .brex-mega-menu-desktop .brex-mega-menu > li > a {color: #000000;transition: color , background-color ;}.fl-node-62l1dvabspq9 .brex-mega-menu-desktop .brex-mega-menu > li.drop-down .drop-down-ul > li > a {color: #000000;background-color: #ffffff;min-width: 200px;transition: color , background-color ;}.fl-node-62l1dvabspq9 .brex-mobile-menu-icon {text-align: left;}.fl-node-62l1dvabspq9 .brex-mobile-menu-icon i {color: #000000;font-size: 24px;}.fl-node-62l1dvabspq9.brex-mobile-menu-container-node .brex-mobile-menu-container {background-color: #ffffff;width: 250px;}.fl-node-62l1dvabspq9.brex-mobile-menu-container-node .brex-mobile-menu-container .close-icon {top: 20px;right: 20px;}.fl-node-62l1dvabspq9.brex-mobile-menu-container-node .brex-mobile-menu-container .close-icon > i {font-size: 24px;color: #000000;}.fl-node-62l1dvabspq9.brex-mobile-menu-container-node .brex-mobile-menu-container .brex-mobile-menu-inner li a {color: #000000;}@media screen and (min-width: 767px) and (max-width: 991px){.fl-node-62l1dvabspq9 .brex-mega-menu-desktop .brex-mega-menu {display: flex;}.fl-node-62l1dvabspq9 .brex-mega-menu-desktop .brex-mega-menu > li > a {padding: 10px 10px 10px 10px;}.fl-node-62l1dvabspq9 .brex-mobile-menu-icon {display: none;}.fl-node-62l1dvabspq9 .brex-mobile-menu-container {display: none;}}@media screen and (min-width: 992px){.fl-node-62l1dvabspq9 .brex-mega-menu-desktop .brex-mega-menu {display: flex;}.fl-node-62l1dvabspq9 .brex-mega-menu-desktop .brex-mega-menu > li > a {padding: 20px 40px 20px 0;}.fl-node-62l1dvabspq9 .brex-mega-menu-desktop .brex-mega-menu > li.drop-down .drop-down-ul > li > a {padding: 10px 10px 10px 10px;}.fl-node-62l1dvabspq9 .brex-mobile-menu-icon {display: none;}.fl-node-62l1dvabspq9 .brex-mobile-menu-container {display: none;}}.fl-builder-content-55 .fl-node-ku186rgh5ydx { display: flex; flex-direction: row; justify-content: end; align-items: center; gap: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media(max-width: 768px) { .fl-builder-content-55 .fl-node-ku186rgh5ydx { align-items: center; } } .fl-button:is(a, button) { cursor: pointer; } .fl-node-9r3725cha6wt.fl-button-wrap, .fl-node-9r3725cha6wt .fl-button-wrap { text-align: right; } .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button) { padding-top: 12px; padding-right: 20px; padding-bottom: 12px; padding-left: 20px; } .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button):hover, .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button):focus { border: 1px solid rgba(0,0,0, 0); } .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button), .fl-builder-content .fl-node-9r3725cha6wt a.fl-button:visited, .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button):hover, .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-9r3725cha6wt a.fl-button:visited, .fl-page .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button):focus { border-style: solid; border-width: 0; background-clip: border-box; border-color: var(--fl-global-ff6600); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .fl-builder-content .fl-module-button.fl-node-9r3725cha6wt .fl-button:is(a, button):hover, .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-module-button.fl-node-9r3725cha6wt .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button):focus { border-color: var(--fl-global-ff6600); } .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button):hover, .fl-page .fl-page .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button):hover { background-color: rgba(0, 0, 0, 0); } .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button), .fl-builder-content .fl-node-9r3725cha6wt a.fl-button:visited, .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button) *, .fl-builder-content .fl-node-9r3725cha6wt a.fl-button:visited *, .fl-page .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-9r3725cha6wt a.fl-button:visited, .fl-page .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button) *, .fl-page .fl-builder-content .fl-node-9r3725cha6wt a.fl-button:visited * { color: rgb(255, 255, 255); } .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button):hover, .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button):hover span.fl-button-text, .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button):hover *, .fl-page .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button):hover span.fl-button-text, .fl-page .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button):hover * { color: var(--fl-global-ff6600); } .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button), .fl-builder-content .fl-node-9r3725cha6wt .fl-button:is(a, button) * { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } .fl-icon-group .fl-icon { display: inline-block; margin-bottom: 10px; margin-top: 10px; } .fl-node-fcrhqe7voklj .fl-icon i, .fl-node-fcrhqe7voklj .fl-icon i:before { color: var(--fl-global-wit); } .fl-node-fcrhqe7voklj .fl-icon i:hover, .fl-node-fcrhqe7voklj .fl-icon i:hover:before, .fl-node-fcrhqe7voklj .fl-icon a:hover i, .fl-node-fcrhqe7voklj .fl-icon a:hover i:before { color: var(--fl-global-ff6600); } .fl-node-fcrhqe7voklj .fl-icon i, .fl-node-fcrhqe7voklj .fl-icon i:before { font-size: 20px; } .fl-node-fcrhqe7voklj .fl-icon-wrap .fl-icon-text { height: 35px; } @media(max-width: 1200px) { .fl-node-fcrhqe7voklj .fl-icon-wrap .fl-icon-text { height: 35px; } } @media(max-width: 992px) { .fl-node-fcrhqe7voklj .fl-icon-wrap .fl-icon-text { height: 35px; } } @media(max-width: 768px) { .fl-node-fcrhqe7voklj .fl-icon-wrap .fl-icon-text { height: 35px; } } .fl-node-fcrhqe7voklj .fl-icon-group { display: flex; flex-wrap: wrap; gap: 20px; justify-content: right; } .fl-node-fcrhqe7voklj .fl-icon-group .fl-icon { margin: 0; } .fl-node-fcrhqe7voklj > .fl-module-content { margin-bottom:0px; } .fl-node-ptzbdsa3f6hj .pp-icon-list:before { content: "" !important; } .fl-node-ptzbdsa3f6hj .pp-icon-list:not(.pp-user-agent-ie) [class^="pp-icon-list"] { font-family: unset !important; } .fl-node-ptzbdsa3f6hj .pp-icon-list .pp-icon-list-items .pp-icon-list-item { display: table; margin-bottom: 0px; } .fl-node-ptzbdsa3f6hj .pp-icon-list .pp-icon-list-items .pp-icon-list-item .pp-list-item-icon { float: left; margin-right: 10px; color: var(--fl-global-wit); font-size: 20px; padding: 0px; text-align: center; display: inline-block; line-height: 20px; vertical-align: middle; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fl-node-ptzbdsa3f6hj .pp-icon-list .pp-icon-list-items .pp-icon-list-item:hover .pp-list-item-icon { color: ; border-color: ; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fl-node-ptzbdsa3f6hj .pp-icon-list .pp-icon-list-items.pp-list-type-number .pp-icon-list-item .pp-list-item-icon { } .fl-node-ptzbdsa3f6hj .pp-icon-list .pp-icon-list-items .pp-icon-list-item .pp-list-item-text { display: table-cell; color: var(--fl-global-wit); vertical-align: middle; } .fl-node-ptzbdsa3f6hj .pp-icon-list .pp-icon-list-items .pp-icon-list-item .pp-list-item-text { font-size: 16px; } .fl-builder-content-55 .fl-node-adhxvjrzmwn6 { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 10px; background-color: rgba(230, 230, 230, 0.5); } .fl-node-adhxvjrzmwn6.fl-module-box { margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } .fl-builder-content .fl-node-cktxbqo4p26i .fl-button i.fl-button-icon-before { margin-right: 0; } .fl-node-cktxbqo4p26i.fl-button-wrap, .fl-node-cktxbqo4p26i .fl-button-wrap { text-align: center; } .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button) { padding-top: 12px; padding-right: 20px; padding-bottom: 12px; padding-left: 20px; } .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button):hover, .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button):focus { border: 1px solid var(--fl-global-ff6600); } .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button), .fl-builder-content .fl-node-cktxbqo4p26i a.fl-button:visited, .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button):hover, .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-cktxbqo4p26i a.fl-button:visited, .fl-page .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button):focus { border-style: none; border-width: 0; background-clip: border-box; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button), .fl-builder-content .fl-node-cktxbqo4p26i a.fl-button:visited, .fl-page .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-cktxbqo4p26i a.fl-button:visited { background-color: var(--fl-global-lichtgrijs); } .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button):hover, .fl-page .fl-page .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button):hover { background-color: var(--fl-global-ff6600); } .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button), .fl-builder-content .fl-node-cktxbqo4p26i a.fl-button:visited, .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button) *, .fl-builder-content .fl-node-cktxbqo4p26i a.fl-button:visited *, .fl-page .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-cktxbqo4p26i a.fl-button:visited, .fl-page .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button) *, .fl-page .fl-builder-content .fl-node-cktxbqo4p26i a.fl-button:visited * { color: var(--fl-global-zwart); } .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button), .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button) * { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } @media(max-width: 768px) { .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button) { padding-right: 12px; padding-left: 12px; } .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button), .fl-builder-content .fl-node-cktxbqo4p26i a.fl-button:visited, .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button):hover, .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-cktxbqo4p26i a.fl-button:visited, .fl-page .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-cktxbqo4p26i .fl-button:is(a, button):focus { border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } } .fl-search-form { position: relative; } .fl-search-form-wrap { display: inline-flex; max-width: 100%; align-items: center; position: relative; } .fl-search-form-fields { flex-basis: 100%; } .fl-search-form .fl-form-field input, .fl-search-form .fl-form-field input[type=search] { height: auto; width: 100%; } /* Selected Layouts */ .fl-search-button-expand .fl-search-form-fields, .fl-search-form-inline .fl-search-form-fields { align-items: center; display: inline-flex; flex-wrap: nowrap; max-width: 100%; } /* Form layout */ .fl-search-form-width-full .fl-search-form-wrap { width: 100%; } .fl-search-form-input-wrap { position: relative; } /* Input field */ .fl-search-form .fl-form-field { display: flex; align-items: center; } .fl-search-form-input .fl-form-field, .fl-search-form-button .fl-form-field, .fl-search-form-inline .fl-form-field, .mfp-container .fl-form-field { margin: 0; } /* Inline Layout */ .fl-search-form-inline .fl-search-form-input-wrap { width: 100%; } .fl-search-form-inline .fl-form-field { padding-right: 10px; } /* Button Layout - General */ .fl-search-button-center .fl-search-form-fields { justify-content: center; } .fl-search-button-left .fl-search-form-fields { justify-content: flex-start; } .fl-search-button-right .fl-search-form-fields { justify-content: flex-end; } .fl-search-button-expand .fl-button-wrap, .fl-search-form-inline .fl-button-wrap { flex: 0 0 auto; } /* Button layout - Expand */ .fl-search-button-expand .fl-search-form-fields { align-items: center; display: inline-flex; flex-wrap: nowrap; max-width: 100%; -webkit-transition: all .4s; -moz-transition: all .4s; transition: all .4s; } .fl-search-button-expand .fl-search-form-input-wrap { -webkit-transition: all .4s; -moz-transition: all .4s; transition: all .4s; overflow: hidden; } .fl-search-button-expand .fl-search-form-input-wrap { width: 0; } .fl-search-expanded .fl-search-form-input-wrap { width: 100%; } .fl-search-button-expand-right .fl-search-form-fields { flex-direction: row-reverse; } .fl-search-button-expand-right.fl-search-button-right .fl-search-form-fields { justify-content: flex-start; } .fl-search-button-expand-right.fl-search-button-left .fl-search-form-fields { justify-content: flex-end; } .fl-search-button-expand .fl-button { outline: none; } .fl-search-button-expand-right .fl-form-field { margin-left: 10px; } .fl-search-button-expand-left .fl-form-field { margin-right: 10px; } .fl-search-button-expand.fl-search-button-center .fl-form-field { justify-content: center; } .fl-search-button-expand.fl-search-button-left .fl-form-field { justify-content: flex-start; } .fl-search-button-expand.fl-search-button-right .fl-form-field { justify-content: flex-end; } /* Button layout - Fullscreen */ .fl-search-button-fullscreen.fl-search-button-center .fl-search-form-wrap { justify-content: center; } .fl-search-button-fullscreen.fl-search-button-left .fl-search-form-wrap { justify-content: flex-start; } .fl-search-button-fullscreen.fl-search-button-right .fl-search-form-wrap { justify-content: flex-end; } .fl-search-button-fullscreen .fl-search-form-fields { display: contents; } .fl-search-button-fullscreen .fl-search-form-input-wrap { display: none; } .mfp-container .fl-search-form-input-wrap { box-sizing: border-box; margin: 0 auto; } /* Button Layout - Reveal */ /* Stacked Layout */ .fl-search-form-stacked .fl-search-results-content.fl-search-open { margin-top: -12px; } /* Search Results - Ajax */ .fl-search-results-content { visibility: hidden; opacity: 0; -moz-transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); -o-transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); -webkit-transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); -webkit-box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.40); -moz-box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.40); box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.40); border-radius: 4px; border: 1px solid #e6e6e6; overflow-y: auto; background: #fff; text-align: left; position: absolute; max-height: 0; width: calc(100% - 10px); z-index: 1100; } .fl-search-results-content.fl-search-open { max-height: 400px; height: auto; visibility: visible; opacity: 1; padding: 15px; margin: 5px 0; } .fl-search-form-center.fl-search-form-width-custom .fl-search-results-content { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) } .fl-search-form-left .fl-search-results-content { left: 0; } .fl-search-form-right .fl-search-results-content { right: 0; } .fl-search-post-item { border-bottom: 1px solid #e6e6e6; overflow: hidden; padding: 10px 0; cursor: pointer; } .fl-search-post-item:last-child { border-bottom: 0 none; } .fl-search-post-image { float: left; position: relative; margin-right: 10px; width: 60px; } .fl-search-post-image img { height: auto !important; width: 100% !important; } .fl-search-post-title { font-size: 15px; } /* Search Loader */ .fl-search-loader-wrap { display: none; line-height: 16px; position: relative; height: 30px; } .fl-search-loader { animation: fl-spin 2s linear infinite; z-index: 2; position: absolute; padding: 2px; right: 10px; top: 0; width: 30px; height: 30px; } .fl-search-loader .path { stroke: hsla(210, 77%, 75%, 1); stroke-linecap: round; animation: fl-dash 1.5s ease-in-out infinite; } @keyframes fl-spin { 100% { transform: rotate(360deg); } } @keyframes fl-dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; } } .fl-builder-content .fl-node-mlb3x6vsgu8k .fl-button i.fl-button-icon-before { margin-right: 0; } .fl-node-mlb3x6vsgu8k .fl-search-form-wrap { font-size: 16px; padding: 10px; min-height: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .fl-node-mlb3x6vsgu8k .fl-form-field input[type=search] { border-radius: 4px; font-size: 16px; line-height: 16px; padding: 12px 24px; border-style: none; border-width: 0; background-clip: border-box; padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; } .fl-builder-content .fl-node-mlb3x6vsgu8k .fl-button:is(a, button) { padding-top: 12px; padding-right: 12px; padding-bottom: 12px; padding-left: 12px; } .fl-builder-content .fl-node-mlb3x6vsgu8k .fl-button:is(a, button):hover, .fl-builder-content .fl-node-mlb3x6vsgu8k .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-mlb3x6vsgu8k .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-mlb3x6vsgu8k .fl-button:is(a, button):focus { border: 1px solid var(--fl-global-ff6600); } .fl-builder-content .fl-node-mlb3x6vsgu8k .fl-button:is(a, button), .fl-builder-content .fl-node-mlb3x6vsgu8k a.fl-button:visited, .fl-builder-content .fl-node-mlb3x6vsgu8k .fl-button:is(a, button):hover, .fl-builder-content .fl-node-mlb3x6vsgu8k .fl-button:is(a, button):focus, .fl-page .fl-builder-content .fl-node-mlb3x6vsgu8k .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-mlb3x6vsgu8k a.fl-button:visited, .fl-page .fl-builder-content .fl-node-mlb3x6vsgu8k .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-mlb3x6vsgu8k .fl-button:is(a, button):focus { border-style: none; border-width: 0; background-clip: border-box; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .fl-builder-content .fl-node-mlb3x6vsgu8k .fl-button:is(a, button), .fl-builder-content .fl-node-mlb3x6vsgu8k a.fl-button:visited, .fl-page .fl-builder-content .fl-node-mlb3x6vsgu8k .fl-button:is(a, button), .fl-page .fl-builder-content .fl-node-mlb3x6vsgu8k a.fl-button:visited { background-color: var(--fl-global-lichtgrijs); } .fl-builder-content .fl-node-mlb3x6vsgu8k .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-mlb3x6vsgu8k .fl-button:is(a, button):hover, .fl-page .fl-builder-content .fl-node-mlb3x6vsgu8k .fl-button:is(a, button):hover, .fl-page .fl-page .fl-builder-content .fl-node-mlb3x6vsgu8k .fl-button:is(a, button):hover { background-color: var(--fl-global-ff6600); } .fl-builder-content .fl-node-mlb3x6vsgu8k .fl-button:is(a, button), .fl-builder-content .fl-node-mlb3x6vsgu8k .fl-button:is(a, button) * { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } .fl-node-mlb3x6vsgu8k .fl-search-text, .fl-node-mlb3x6vsgu8k .fl-search-text:focus { background-color: var(--fl-global-lichtgrijs); } .fl-node-mlb3x6vsgu8k .fl-button-icon:before { color: var(--fl-global-zwart); } .fl-node-kpwf6cdgrob1 .pp-icon-list:before { content: "" !important; } .fl-node-kpwf6cdgrob1 .pp-icon-list:not(.pp-user-agent-ie) [class^="pp-icon-list"] { font-family: unset !important; } .fl-node-kpwf6cdgrob1 .pp-icon-list .pp-icon-list-items .pp-icon-list-item { display: table; margin-bottom: 0px; } .fl-node-kpwf6cdgrob1 .pp-icon-list .pp-icon-list-items .pp-icon-list-item .pp-list-item-icon { float: left; margin-right: 10px; color: var(--fl-global-wit); font-size: 20px; padding: 0px; text-align: center; display: inline-block; line-height: 20px; vertical-align: middle; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fl-node-kpwf6cdgrob1 .pp-icon-list .pp-icon-list-items .pp-icon-list-item:hover .pp-list-item-icon { color: ; border-color: ; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fl-node-kpwf6cdgrob1 .pp-icon-list .pp-icon-list-items.pp-list-type-number .pp-icon-list-item .pp-list-item-icon { } .fl-node-kpwf6cdgrob1 .pp-icon-list .pp-icon-list-items .pp-icon-list-item .pp-list-item-text { display: table-cell; color: var(--fl-global-wit); vertical-align: middle; } .fl-node-kpwf6cdgrob1 .pp-icon-list .pp-icon-list-items .pp-icon-list-item .pp-list-item-text { font-size: 16px; } .woopack-clear:before, .woopack-clear:after { content: " "; display: table; } .woopack-clear:after { clear: both; } .woopack-offcanvas-cart .woopack-cart-contents { position: relative; background: #ccc; padding: 10px; border-radius: 10px; color: #000; text-decoration: none !important; transition: all 0.2s; } .woopack-offcanvas-cart .woopack-cart-contents .cart-contents-icon { font-size: 20px; vertical-align: middle; } .woopack-offcanvas-cart .cart-contents-text { vertical-align: middle; } .woopack-offcanvas-cart .cart-contents-count { position: relative; } .woopack-offcanvas-cart .cart-contents-count span { position: absolute; top: -15px; right: -18px; border-radius: 100%; background: #52525d; color: #fff; width: 20px; height: 20px; display: inline-block; text-align: center; } .woopack-offcanvas-cart .woopack-cart-items { border: 1px solid #dddddd; margin-top: 10px; opacity: 0; visibility: hidden; /* position: absolute; top: 30px; z-index: 9999; */ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .woopack-offcanvas-cart .woopack-cart-items.show-mini-cart { top: 20px; opacity: 1; visibility: visible; } .woopack-offcanvas-cart .woopack-cart-items ul { list-style: none; margin: 0; padding: 0; } .woopack-offcanvas-cart.woopack-desktop-align-center .woopack-cart-button { text-align: center; } .woopack-offcanvas-cart.woopack-desktop-align-left .woopack-cart-button { text-align: left; } .woopack-offcanvas-cart.woopack-desktop-align-right .woopack-cart-button { text-align: right; } .woopack-offcanvas-cart.woopack-desktop-align-center .woopack-cart-items { left: 50%; right: 50%; transform: translate(-50%); } .woopack-offcanvas-cart.woopack-desktop-align-left .woopack-cart-items { left: 0; right: auto; transform: translate(0); } .woopack-offcanvas-cart.woopack-desktop-align-right .woopack-cart-items { right: 0; left: auto; transform: translate(0); } .woopack-cart-items ul li.woocommerce-mini-cart-item { display: table; width: 100%; padding: 10px 0; border-bottom: 1px solid #dddddd; position: relative; } .woopack-cart-items ul li.woocommerce-mini-cart-item a.remove.remove_from_cart_button { position: absolute; right: 0px; top: 10px; } .woopack-cart-items ul li.woocommerce-mini-cart-item a img { margin-right: 20px; width: 50px; float: left; } .woopack-cart-items .woocommerce-mini-cart__total.total { text-align: right; padding: 10px; margin-bottom: 0; } .woopack-cart-items .quantity { display: table-row; vertical-align: middle; text-align: right; } .woopack-cart-items .woocommerce-mini-cart__buttons { display: flex; text-align: center; margin: 0; padding: 12px; } .woopack-cart-items .woocommerce-mini-cart__buttons .button { -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; } .woopack-cart-items .quantity { display: block; text-align: inherit; margin-bottom: 10px; } .cart-contents-count-before span { padding: 11px; background: #000; color: #fff; position: relative; left: 4px; } .cart-contents-count-after span { padding: 11px; background: #000; color: #fff; position: relative; left: 0px; } .woopack-cart-items ul li.woocommerce-mini-cart-item a:not(.remove_from_cart_button) { display: block; } /* Off Cancas */ .woopack-offcanvas-cart-panel a { text-decoration: none !important; } .woopack-offcanvas-overlay { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 999999; } .fl-builder-edit .woopack-offcanvas-overlay { z-index: 99999; } .fl-builder-edit .woopack-offcanvas-cart-panel:not(.woopack-offcanvas-active) .woopack-offcanvas-overlay { position: static; } .woopack-offcanvas-cart-panel.woopack-offcanvas-active .woopack-offcanvas-overlay { opacity: 1; visibility: visible; } .woopack-offcanvas-cart-panel .woopack-offcanvas-inner { position: fixed; top: 0; width: 350px; background: #fff; transition: all 0.3s ease; box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1); z-index: 1000001; } .woopack-offcanvas-cart-panel.direction-left .woopack-offcanvas-inner { left: 0; transform: translateX(-100%); } .woopack-offcanvas-cart-panel.woopack-offcanvas-active.direction-left .woopack-offcanvas-inner { transform: translateX(0px); } .woopack-offcanvas-cart-panel.direction-right .woopack-offcanvas-inner { right: 0; transform: translateX(100%); } .woopack-offcanvas-cart-panel.woopack-offcanvas-active.direction-right .woopack-offcanvas-inner { transform: translateX(0px); } .woopack-offcanvas-cart-panel .woopack-offcanvas-header { display: flex; justify-content: space-between; align-items: center; padding: 14px; border-bottom: 1px solid #eee; } .woopack-offcanvas-header-elements { display: flex; align-items: center; gap: 10px; } .woopack-offcanvas-cart-panel .woopack-offcanvas-title { float: left; } .woopack-offcanvas-cart-panel .woopack-offcanvas-close { float: right; cursor: pointer; } .woopack-offcanvas-cart-panel .woopack-offcanvas-content { padding: 0; } .woopack-offcanvas-cart-panel .woopack-cart-items { margin-top: 0; border: 0; } .woopack-offcanvas-cart-panel .woopack-cart-items .woocommerce-mini-cart-item { padding: 12px; border-bottom-color: #eee; } .woopack-offcanvas-cart-panel .woopack-cart-items .woocommerce-mini-cart__total.total { padding: 12px; border-top: 1px solid #eee; } /* .woopack-offcanvas-cart-panel .woopack-cart-items .woocommerce-mini-cart__total > strong { float: left; } */ .woopack-offcanvas-cart-panel .woopack-cart-items ul li.woocommerce-mini-cart-item a.remove.remove_from_cart_button { right: 5px; } .woopack-offcanvas-cart-panel .woocommerce-mini-cart.cart_list { overflow-y: auto; } .woopack-offcanvas-cart-panel .woocommerce-mini-cart__buttons .button { border-radius: 0; border-color: transparent; width: 50%; padding: 12px; background: #eee; } .woopack-offcanvas-cart-panel .woocommerce-mini-cart__buttons .button:not(.checkout) { background: #666; color: #fff; } .woopack-offcanvas-cart .mini-close-icon { font-size: 15px; color: #808080; position: relative; padding: 0 10px; line-height: 1; cursor: pointer; width: 100%; padding-bottom: 10px; border-bottom: 1px solid; border-color: #c5c5c5; } .woopack-offcanvas-cart .mini-close-icon i { float: right; } .woopack-offcanvas-cart .woopack-cart-items ul { overflow: auto; } .fl-node-jqem46gc13vy .woopack-cart-contents { background-color: var(--fl-global-lichtgrijs); } .fl-node-jqem46gc13vy .woopack-cart-contents:hover { background-color: var(--fl-global-ff6600); } .fl-node-jqem46gc13vy .cart-contents-text { color: #000000; } .fl-node-jqem46gc13vy .woopack-cart-contents:hover .cart-contents-text { } .fl-node-jqem46gc13vy .woopack-cart-contents .cart-contents-icon { color: #000000; font-size: 20px; } .fl-node-jqem46gc13vy .woopack-cart-contents .cart-contents-image { width: 20px; height: 20px; } .fl-node-jqem46gc13vy .woopack-cart-icon_text .cart-contents-icon { padding-right: 5px; } .fl-node-jqem46gc13vy .woopack-cart-contents:hover .cart-contents-icon { } .fl-node-jqem46gc13vy .woopack-cart-contents .cart-counter { background-color: var(--fl-global-ff6600); color: #ffffff; } .fl-node-jqem46gc13vy .cart-contents-count span { width: 20px; height: 20px; line-height: 20px; } .fl-node-jqem46gc13vy .woopack-cart-contents:hover .cart-counter { } #woopack-cart-jqem46gc13vy .woopack-offcanvas-inner { } #woopack-cart-jqem46gc13vy .woopack-offcanvas-header { border-bottom-width: 1px; border-bottom-color: #efefef; } #woopack-cart-jqem46gc13vy .woopack-offcanvas-overlay { background: rgba(0, 0, 0, 0.5); } #woopack-cart-jqem46gc13vy .woopack-cart-items { background-color: #ffffff; } #woopack-cart-jqem46gc13vy .woopack-cart-items ul li.woocommerce-mini-cart-item { border-bottom-width: 1px; border-bottom-style: solid; border-color: var(--fl-global-lichtgrijs); } #woopack-cart-jqem46gc13vy .woopack-cart-items ul li.woocommerce-mini-cart-item:nth-child(even) { } #woopack-cart-jqem46gc13vy .woopack-cart-items ul li.woocommerce-mini-cart-item:nth-child(odd) { } #woopack-cart-jqem46gc13vy .woopack-cart-items ul li.woocommerce-mini-cart-item a { text-decoration: none; } #woopack-cart-jqem46gc13vy .woopack-cart-items ul li.woocommerce-mini-cart-item a img { float: left; } #woopack-cart-jqem46gc13vy .woopack-cart-items ul li.woocommerce-mini-cart-item a.remove.remove_from_cart_button { top: 20px; right: 20px; } #woopack-cart-jqem46gc13vy .woopack-cart-items ul li.woocommerce-mini-cart-item a:not(.remove_from_cart_button) { } #woopack-cart-jqem46gc13vy .woopack-cart-items ul li.woocommerce-mini-cart-item a.remove.remove_from_cart_button:hover { } #woopack-cart-jqem46gc13vy .woopack-cart-items ul li.woocommerce-mini-cart-item .quantity { } #woopack-cart-jqem46gc13vy .woopack-cart-items .woocommerce-mini-cart__total.total { text-align: right; } #woopack-cart-jqem46gc13vy .woopack-cart-items .woocommerce-mini-cart__buttons { text-align: right; gap: 10px; } #woopack-cart-jqem46gc13vy .woopack-cart-items .woocommerce-mini-cart__buttons .button:not(.checkout) { } #woopack-cart-jqem46gc13vy .woopack-cart-items .woocommerce-mini-cart__buttons .button:not(.checkout):hover { } #woopack-cart-jqem46gc13vy .woopack-cart-items .woocommerce-mini-cart__buttons .button.checkout { } #woopack-cart-jqem46gc13vy .woopack-cart-items .woocommerce-mini-cart__buttons .button.checkout:hover { } #woopack-cart-jqem46gc13vy .woopack-cart-items .woocommerce-mini-cart__buttons .button { width: 50%; margin-right: 0; } #woopack-cart-jqem46gc13vy { } #woopack-cart-jqem46gc13vy * { box-sizing: border-box; } div#woopack-cart-jqem46gc13vy .woopack-cart-items { width: 100%; opacity: 1; visibility: visible; } /* View Cart button */ #woopack-cart-jqem46gc13vy .woopack-cart-items .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout) { } #woopack-cart-jqem46gc13vy .woopack-cart-items .woocommerce-mini-cart__buttons .button.wc-forward:not(.checkout):hover { } /* Checkout button */ #woopack-cart-jqem46gc13vy .woopack-cart-items .woocommerce-mini-cart__buttons .button.checkout { } #woopack-cart-jqem46gc13vy .woopack-cart-items .woocommerce-mini-cart__buttons .button.checkout:hover { } /* close button */ #woopack-cart-jqem46gc13vy .woopack-offcanvas-close span { } #woopack-cart-jqem46gc13vy .woopack-offcanvas-close span:hover { } @media only screen and (max-width: 992px) { .fl-node-jqem46gc13vy .cart-contents-icon { } .fl-node-jqem46gc13vy .cart-contents-image { } .fl-node-jqem46gc13vy .woopack-cart-icon_text .cart-contents-icon { } .fl-node-jqem46gc13vy .cart-contents-count span { } #woopack-cart-jqem46gc13vy .woopack-cart-items ul li.woocommerce-mini-cart-item { border-bottom-style: solid; } #woopack-cart-jqem46gc13vy .woopack-cart-items ul li.woocommerce-mini-cart-item a img { } #woopack-cart-jqem46gc13vy .woopack-cart-items ul li.woocommerce-mini-cart-item a.remove.remove_from_cart_button { } #woopack-cart-jqem46gc13vy .woopack-cart-items ul li.woocommerce-mini-cart-item a:not(.remove_from_cart_button) { } #woopack-cart-jqem46gc13vy .woopack-cart-items .woocommerce-mini-cart__buttons { } } @media only screen and (max-width: 768px) { .fl-node-jqem46gc13vy .cart-contents-icon { } .fl-node-jqem46gc13vy .cart-contents-image { } .fl-node-jqem46gc13vy .woopack-cart-icon_text .cart-contents-icon { } .fl-node-jqem46gc13vy .cart-contents-count span { } #woopack-cart-jqem46gc13vy .woopack-cart-items ul li.woocommerce-mini-cart-item { border-bottom-style: solid; } #woopack-cart-jqem46gc13vy .woopack-cart-items ul li.woocommerce-mini-cart-item a img { } #woopack-cart-jqem46gc13vy .woopack-cart-items ul li.woocommerce-mini-cart-item a.remove.remove_from_cart_button { } #woopack-cart-jqem46gc13vy .woopack-cart-items ul li.woocommerce-mini-cart-item a:not(.remove_from_cart_button) { } #woopack-cart-jqem46gc13vy .woopack-cart-items .woocommerce-mini-cart__buttons { } } .fl-node-jqem46gc13vy .woopack-offcanvas-cart .woopack-cart-button { text-align: left; } .fl-node-jqem46gc13vy .woopack-cart-contents { padding-top: 11px; padding-right: 10px; padding-bottom: 12px; padding-left: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .fl-node-jqem46gc13vy .cart-contents-count-before span, .fl-node-jqem46gc13vy .cart-contents-count-after span { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .fl-node-jqem46gc13vy .woopack-cart-button .cart-counter { border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-left-radius: 100px; border-bottom-right-radius: 100px; } #woopack-cart-jqem46gc13vy .woopack-cart-items ul li.woocommerce-mini-cart-item { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .fl-node-jqem46gc13vy .cart-counter { font-size: 14px; } /* Start Global CSS */ /* End Global CSS */ /* Start Global Nodes CSS */ /* End Global Nodes CSS */ /* Start Layout CSS */ /* End Layout CSS */ /* Sticky */ .fl-builder-content[data-type="header"].fl-theme-builder-header-sticky { position: fixed; width: 100%; z-index: 100; } /* Sticky - fix flyout menu */ .fl-theme-builder-flyout-menu-push-left .fl-builder-content[data-type="header"].fl-theme-builder-header-sticky { left: auto !important; transition: left 0.2s !important; } .fl-theme-builder-flyout-menu-push-right .fl-builder-content[data-type="header"].fl-theme-builder-header-sticky { right: auto !important; transition: right 0.2s !important; } .fl-builder-content[data-type="header"].fl-theme-builder-header-sticky .fl-menu .fl-menu-mobile-opacity { height: 100vh; width: 100vw; } .fl-builder-content[data-type="header"]:not([data-overlay="1"]).fl-theme-builder-header-sticky .fl-menu-mobile-flyout { top: 0px; } .fl-theme-builder-flyout-menu-active body { margin-left: 0px !important; margin-right: 0px !important; } .fl-theme-builder-has-flyout-menu, .fl-theme-builder-has-flyout-menu body { overflow-x: hidden; } .fl-theme-builder-flyout-menu-push-right { right: 0px; transition: right 0.2s ease-in-out; } .fl-theme-builder-flyout-menu-push-left { left: 0px; transition: left 0.2s ease-in-out; } .fl-theme-builder-flyout-menu-active .fl-theme-builder-flyout-menu-push-right { position: relative; right: 250px; } .fl-theme-builder-flyout-menu-active .fl-theme-builder-flyout-menu-push-left { position: relative; left: 250px; } .fl-theme-builder-flyout-menu-active .fl-builder-content[data-type="header"] .fl-menu-disable-transition { transition: none; } /* Shrink */ .fl-builder-content[data-shrink="1"] .fl-row-content-wrap, .fl-builder-content[data-shrink="1"] .fl-col-content, .fl-builder-content[data-shrink="1"] .fl-module-content, .fl-builder-content[data-shrink="1"] img { -webkit-transition: all 0.4s ease-in-out, background-position 1ms; -moz-transition: all 0.4s ease-in-out, background-position 1ms; transition: all 0.4s ease-in-out, background-position 1ms; } .fl-builder-content[data-shrink="1"] img { width: auto; } .fl-builder-content[data-shrink="1"] img.fl-photo-img { width: auto; height: auto; } .fl-builder-content[data-type="header"].fl-theme-builder-header-shrink .fl-row-content-wrap { margin-bottom: 0; margin-top: 0; } .fl-theme-builder-header-shrink-row-bottom.fl-row-content-wrap { padding-bottom: 5px; } .fl-theme-builder-header-shrink-row-top.fl-row-content-wrap { padding-top: 5px; } .fl-builder-content[data-type="header"].fl-theme-builder-header-shrink .fl-col-content { margin-bottom: 0; margin-top: 0; padding-bottom: 0; padding-top: 0; } .fl-theme-builder-header-shrink-module-bottom.fl-module-content, .fl-theme-builder-header-shrink-module-bottom.fl-module:where(.fl-module:not(:has(> .fl-module-content))) { margin-bottom: 5px; } .fl-theme-builder-header-shrink-module-top.fl-module-content, .fl-theme-builder-header-shrink-module-bottom.fl-module:where(.fl-module:not(:has(> .fl-module-content))) { margin-top: 5px; } .fl-builder-content[data-type="header"].fl-theme-builder-header-shrink img { -webkit-transition: all 0.4s ease-in-out, background-position 1ms; -moz-transition: all 0.4s ease-in-out, background-position 1ms; transition: all 0.4s ease-in-out, background-position 1ms; } /* Overlay */ .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-sticky):not(.fl-builder-content-editing) { position: absolute; width: 100%; z-index: 100; } .fl-builder-edit body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"] { display: none; } body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-scrolled):not([data-overlay-bg="default"]) .fl-row-content-wrap, body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-scrolled):not([data-overlay-bg="default"]) .fl-col-content, body:not(.single-fl-theme-layout) .fl-builder-content[data-overlay="1"]:not(.fl-theme-builder-header-scrolled):not([data-overlay-bg="default"]) .fl-module-box { background: transparent; } .fl-builder-row-settings #fl-field-separator_position { display: none !important; } .fl-builder-row-settings #fl-field-separator_position { display: none !important; } .fl-node-pxhj2d46qig3 .fl-row-content { min-width: 0px; } .fl-node-zq8kuy20vej4 .fl-row-content { min-width: 0px; }