/** * 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 a.fl-button, .fl-builder-content a.fl-button:visited { border-radius: 4px; -moz-border-radius: 4px; -webkit-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 { 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; -moz-box-shadow: none; -webkit-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; -moz-box-shadow: none !important; -webkit-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; -moz-box-shadow: none !important; -webkit-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; -webkit-animation-fill-mode: both; } /* Button Icon Animation */ .fl-button.fl-button-icon-animation i { width: 0 !important; opacity: 0; -ms-filter: "alpha(opacity=0)"; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; } .fl-button.fl-button-icon-animation:hover i { opacity: 1! important; -ms-filter: "alpha(opacity=100)"; } .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; } /* Default button colors for non Beaver Builder themes. ------------------------------------------------------ */ .fl-builder-content a.fl-button, .fl-builder-content a.fl-button:visited { background: #fafafa; border: 1px solid #ccc; color: #333; } .fl-builder-content a.fl-button *, .fl-builder-content a.fl-button:visited * { color: #333; }@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; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } .fl-row-fixed-width { max-width: 1440px; } .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-text-color: #333333; --fl-global-text-font-family: Raleway, sans-serif; --fl-global-text-font-weight: 400; --fl-global-h1-color: #0066CC; --fl-global-h1-font-family: Bevan, serif; --fl-global-h1-font-weight: 400; } .fl-builder-content:not(.fl-builder-empty) { color: #333333; font-family: Raleway, sans-serif; font-weight: 400; } .fl-builder-content h1, .fl-builder-content h1 a, .fl-builder-content h1 span { color: #0066CC; } .fl-builder-content h1 { font-family: Bevan, serif; font-weight: 400; } .fl-builder-content .fl-node-s3w2vd106lqm a { color: rgb(255, 255, 255); } .fl-builder-content .fl-node-s3w2vd106lqm a:hover { color: rgb(255, 255, 255); } .fl-builder-content .fl-node-s3w2vd106lqm h1, .fl-builder-content .fl-node-s3w2vd106lqm h2, .fl-builder-content .fl-node-s3w2vd106lqm h3, .fl-builder-content .fl-node-s3w2vd106lqm h4, .fl-builder-content .fl-node-s3w2vd106lqm h5, .fl-builder-content .fl-node-s3w2vd106lqm h6, .fl-builder-content .fl-node-s3w2vd106lqm h1 a, .fl-builder-content .fl-node-s3w2vd106lqm h2 a, .fl-builder-content .fl-node-s3w2vd106lqm h3 a, .fl-builder-content .fl-node-s3w2vd106lqm h4 a, .fl-builder-content .fl-node-s3w2vd106lqm h5 a, .fl-builder-content .fl-node-s3w2vd106lqm h6 a { color: #bfd892; } .fl-node-s3w2vd106lqm > .fl-row-content-wrap { background-image: url(https://www.donatelifeflorida.org/wp-content/uploads/2025/10/texture-6-300x300.png); background-repeat: no-repeat; background-position: center bottom; background-attachment: scroll; background-size: cover; border-style: solid; border-width: 0; background-clip: border-box; border-color: #bfd892; border-top-width: 10px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } .fl-node-s3w2vd106lqm > .fl-row-content-wrap { padding-top:40px; padding-bottom:40px; } .fl-node-mchvbiyqa5kf { width: 25%; } .fl-node-mchvbiyqa5kf > .fl-col-content { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } .fl-node-6drgu3qlk4sj { width: 100%; } .fl-node-9m76loudy1sb { width: 25%; } .fl-node-9m76loudy1sb > .fl-col-content { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } .fl-node-axc46dz35w7u { width: 25%; } .fl-node-axc46dz35w7u > .fl-col-content { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } .fl-node-6q314ot7edfw { width: 25%; } .fl-node-6q314ot7edfw > .fl-col-content { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } @media (max-width: 768px) { .fl-module-icon { text-align: center; } }.fl-node-r0d7bs9qg861 .fl-icon i, .fl-node-r0d7bs9qg861 .fl-icon i:before { color: #9b9b9b; } .fl-node-r0d7bs9qg861 .fl-icon i:hover, .fl-node-r0d7bs9qg861 .fl-icon i:hover:before, .fl-node-r0d7bs9qg861 .fl-icon a:hover i, .fl-node-r0d7bs9qg861 .fl-icon a:hover i:before { color: #7f7f7f; } .fl-node-r0d7bs9qg861 .fl-icon i, .fl-node-r0d7bs9qg861 .fl-icon i:before { font-size: 16px; } .fl-node-r0d7bs9qg861 .fl-icon-wrap .fl-icon-text { height: 28px; } .fl-node-r0d7bs9qg861.fl-module-icon { text-align: left; } @media(max-width: 1200px) { .fl-node-r0d7bs9qg861 .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 992px) { .fl-node-r0d7bs9qg861 .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 768px) { .fl-node-r0d7bs9qg861 .fl-icon-wrap .fl-icon-text { height: 28px; } } .fl-node-r0d7bs9qg861 > .fl-module-content { margin-top:0px; margin-bottom:0px; margin-left:5px; } .fl-node-tkce1obudw4x .fl-icon i, .fl-node-tkce1obudw4x .fl-icon i:before { color: #9b9b9b; } .fl-node-tkce1obudw4x .fl-icon i, .fl-node-tkce1obudw4x .fl-icon i:before { font-size: 16px; } .fl-node-tkce1obudw4x .fl-icon-wrap .fl-icon-text { height: 28px; } .fl-node-tkce1obudw4x.fl-module-icon { text-align: left; } @media(max-width: 1200px) { .fl-node-tkce1obudw4x .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 992px) { .fl-node-tkce1obudw4x .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 768px) { .fl-node-tkce1obudw4x .fl-icon-wrap .fl-icon-text { height: 28px; } } .fl-node-tkce1obudw4x > .fl-module-content { margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:3px; } .fl-module-heading .fl-heading { padding: 0 !important; margin: 0 !important; }.fl-node-e0bhlwx3zrkj.fl-module-heading .fl-heading { text-align: left; } .fl-node-e0bhlwx3zrkj > .fl-module-content { margin-bottom:0px; } .fl-node-vi82heywpdoz .fl-icon i, .fl-node-vi82heywpdoz .fl-icon i:before { color: #9b9b9b; } .fl-node-vi82heywpdoz .fl-icon i:hover, .fl-node-vi82heywpdoz .fl-icon i:hover:before, .fl-node-vi82heywpdoz .fl-icon a:hover i, .fl-node-vi82heywpdoz .fl-icon a:hover i:before { color: #7f7f7f; } .fl-node-vi82heywpdoz .fl-icon i, .fl-node-vi82heywpdoz .fl-icon i:before { font-size: 16px; } .fl-node-vi82heywpdoz .fl-icon-wrap .fl-icon-text { height: 28px; } .fl-node-vi82heywpdoz.fl-module-icon { text-align: left; } @media(max-width: 1200px) { .fl-node-vi82heywpdoz .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 992px) { .fl-node-vi82heywpdoz .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 768px) { .fl-node-vi82heywpdoz .fl-icon-wrap .fl-icon-text { height: 28px; } } .fl-node-vi82heywpdoz > .fl-module-content { margin-top:0px; margin-bottom:0px; margin-left:5px; } .fl-node-7swkl3p0gzdc .fl-icon i, .fl-node-7swkl3p0gzdc .fl-icon i:before { color: #9b9b9b; } .fl-node-7swkl3p0gzdc .fl-icon i, .fl-node-7swkl3p0gzdc .fl-icon i:before { font-size: 16px; } .fl-node-7swkl3p0gzdc .fl-icon-wrap .fl-icon-text { height: 28px; } .fl-node-7swkl3p0gzdc.fl-module-icon { text-align: left; } @media(max-width: 1200px) { .fl-node-7swkl3p0gzdc .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 992px) { .fl-node-7swkl3p0gzdc .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 768px) { .fl-node-7swkl3p0gzdc .fl-icon-wrap .fl-icon-text { height: 28px; } } .fl-node-7swkl3p0gzdc > .fl-module-content { margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:3px; } 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-way8v9uig2o1, .fl-node-way8v9uig2o1 .fl-photo { text-align: left; } .fl-node-way8v9uig2o1 .fl-photo-content, .fl-node-way8v9uig2o1 .fl-photo-img { width: 100px; } .fl-node-way8v9uig2o1.fl-module-photo { margin-bottom:10px; } .fl-node-2aucxir9py6m.fl-module-heading .fl-heading { text-align: left; } .fl-node-2aucxir9py6m > .fl-module-content { margin-bottom:0px; } .fl-builder-content .fl-rich-text strong { font-weight: bold; } /** * Remove bottom margins from the last paragraph * in v2+ text editor modules. */ .fl-module.fl-rich-text p:last-child { margin-bottom: 0; } /* Handle overlays in the builder */ .fl-builder-edit .fl-module.fl-rich-text p:not(:has(~ *:not(.fl-block-overlay))) { margin-bottom: 0; } .fl-builder-content .fl-node-mtzvio59crud.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-mtzvio59crud.fl-module-rich-text.fl-rich-text * { color: #96c0e6; } .fl-builder-content .fl-node-mtzvio59crud.fl-module-rich-text.fl-rich-text, .fl-builder-content .fl-node-mtzvio59crud.fl-module-rich-text.fl-rich-text *:not(b, strong) { font-weight: 700; } .fl-node-mtzvio59crud.fl-module-rich-text { margin-top:0px; } .fl-node-4yc2h0a1qpz6.fl-module-heading .fl-heading { text-align: left; } .fl-node-4yc2h0a1qpz6 > .fl-module-content { margin-bottom:0px; } .fl-builder-content .fl-node-ipr85az2cj0m .fl-module-content .fl-rich-text, .fl-builder-content .fl-node-ipr85az2cj0m .fl-module-content .fl-rich-text * { color: rgb(255, 255, 255); } /* UABB Advanced Menu */ .uabb-creative-menu ul, .uabb-creative-menu li { list-style: none !important; margin: 0; padding: 0; } .uabb-creative-menu .menu:before, .uabb-creative-menu .menu:after { content: ''; display: table; clear: both; } /* Horizontal Menu */ .uabb-creative-menu .menu { position: relative; padding-left: 0; } .uabb-creative-menu li { position: relative; } .uabb-creative-menu a { display: block; line-height: 1; text-decoration: none; } .uabb-creative-menu .menu a { box-shadow: none; } .uabb-creative-menu a:hover { text-decoration: none; } .uabb-creative-menu .sub-menu { min-width: 220px; margin: 0; } .uabb-creative-menu-horizontal { font-size: 0; } .uabb-creative-menu-horizontal li, .uabb-creative-menu-horizontal > li { font-size: medium; } .uabb-creative-menu-horizontal > li > .uabb-has-submenu-container > a > span.menu-item-text { display: inline-block; } /* Expanded Menu */ .fl-module[data-node] .uabb-creative-menu .uabb-creative-menu-expanded .sub-menu { background-color: transparent; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } /* Submenus */ .uabb-creative-menu .uabb-has-submenu:focus, .uabb-creative-menu .uabb-has-submenu .sub-menu:focus, .uabb-creative-menu .uabb-has-submenu-container:focus { outline: 0; } .uabb-creative-menu .uabb-has-submenu-container { position: relative; } /* Submenu - accordion, expanded */ .uabb-creative-menu .uabb-creative-menu-accordion .uabb-has-submenu > .sub-menu { display: none; } /* Toggle - General */ .uabb-creative-menu .uabb-menu-toggle { cursor: pointer; } .uabb-creative-menu .uabb-toggle-arrows .uabb-menu-toggle:before, .uabb-creative-menu .uabb-toggle-none .uabb-menu-toggle:before { border-color: #333; } .uabb-creative-menu .uabb-menu-expanded .uabb-menu-toggle { display: none; } /* Mega menu for horizontal menus */ ul.uabb-creative-menu-horizontal li.mega-menu { position: static; } ul.uabb-creative-menu-horizontal li.mega-menu > ul.sub-menu { top: inherit !important; left: 0 !important; right: 0 !important; width: 100%; } ul.uabb-creative-menu-horizontal li.mega-menu.uabb-has-submenu:hover > ul.sub-menu, ul.uabb-creative-menu-horizontal li.mega-menu.uabb-has-submenu.focus > ul.sub-menu { display: flex !important; } ul.uabb-creative-menu-horizontal li.mega-menu > ul.sub-menu li { border-color: transparent; } ul.uabb-creative-menu-horizontal li.mega-menu > ul.sub-menu > li { width: 100%; } ul.uabb-creative-menu-horizontal li.mega-menu > ul.sub-menu > li > .uabb-has-submenu-container a { font-weight: bold; } ul.uabb-creative-menu-horizontal li.mega-menu > ul.sub-menu > li > .uabb-has-submenu-container a:hover { background: transparent; } ul.uabb-creative-menu-horizontal li.mega-menu > ul.sub-menu .uabb-menu-toggle { display: none; } ul.uabb-creative-menu-horizontal li.mega-menu > ul.sub-menu ul.sub-menu { background: transparent; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; display: block; min-width: 0; opacity: 1; padding: 0; position: static; visibility: visible; } /* Mobile menu - Hamburger icon */ .uabb-creative-menu-mobile-toggle { position: relative; padding: 8px; background-color: transparent; border: none; color: #333; border-radius: 0; cursor: pointer; display: inline-block; z-index: 5; } .uabb-creative-menu-mobile-toggle.text { width: auto; text-align: center; } .uabb-creative-menu-mobile-toggle.hamburger .uabb-creative-menu-mobile-toggle-label, .uabb-creative-menu-mobile-toggle.hamburger-label .uabb-creative-menu-mobile-toggle-label { display: inline-block; margin-left: 10px; vertical-align: middle; } .uabb-creative-menu-mobile-toggle.hamburger .uabb-svg-container, .uabb-creative-menu-mobile-toggle.hamburger-label .uabb-svg-container { display: inline-block; position: relative; width: 1.4em; height: 1.4em; vertical-align: middle; } .uabb-creative-menu-mobile-toggle.hamburger .hamburger-menu, .uabb-creative-menu-mobile-toggle.hamburger-label .hamburger-menu { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .uabb-creative-menu-mobile-toggle.hamburger .hamburger-menu rect, .uabb-creative-menu-mobile-toggle.hamburger-label .hamburger-menu rect { fill: currentColor; } .uabb-creative-menu.off-canvas .uabb-off-canvas-menu .uabb-menu-close-btn { width: 20px; height: 10px; position: absolute; right: 20px; top: 20px; cursor: pointer; display: block; z-index: 99; } .uabb-creative-menu-mobile-toggle:focus{ outline: thin dotted; } /* Overlay */ .uabb-creative-menu .uabb-menu-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999; overflow-y: auto; overflow-x: hidden; } .uabb-creative-menu .uabb-menu-overlay > ul.menu { text-align: center; position: relative; top: 50%; width: 40%; height: 60%; margin: 0 auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .uabb-creative-menu .uabb-overlay-fade { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; } .uabb-creative-menu.menu-open .uabb-overlay-fade { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .uabb-creative-menu .uabb-overlay-slide-down { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s; transition: transform 0.4s ease-in-out, visibility 0s 0.4s; } .uabb-creative-menu.menu-open .uabb-overlay-slide-down { visibility: visible; -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-transition: -webkit-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; } .uabb-creative-menu .uabb-overlay-scale { visibility: hidden; opacity: 0; -webkit-transform: scale(0.9); transform: scale(0.9); -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s; transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s; } .uabb-creative-menu.menu-open .uabb-overlay-scale { visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; } .uabb-creative-menu .uabb-overlay-door { visibility: hidden; width: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: width 0.5s 0.3s, visibility 0s 0.8s; transition: width 0.5s 0.3s, visibility 0s 0.8s; } .uabb-creative-menu.menu-open .uabb-overlay-door { visibility: visible; width: 100%; -webkit-transition: width 0.5s; transition: width 0.5s; } .uabb-creative-menu .uabb-overlay-door > ul.menu { left: 0; right: 0; transform: translateY(-50%); } .uabb-creative-menu .uabb-overlay-door > ul, .uabb-creative-menu .uabb-overlay-door .uabb-menu-close-btn { opacity: 0; -webkit-transition: opacity 0.3s 0.5s; transition: opacity 0.3s 0.5s; } .uabb-creative-menu.menu-open .uabb-overlay-door > ul, .uabb-creative-menu.menu-open .uabb-overlay-door .uabb-menu-close-btn { opacity: 1; -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .uabb-creative-menu.menu-close .uabb-overlay-door > ul, .uabb-creative-menu.menu-close .uabb-overlay-door .uabb-menu-close-btn { -webkit-transition-delay: 0s; transition-delay: 0s; } .uabb-creative-menu .uabb-menu-overlay .uabb-toggle-arrows .uabb-has-submenu-container a > span { padding-right: 0 !important; } .uabb-creative-menu .uabb-menu-overlay .uabb-menu-close-btn { position: absolute; display: block; width: 55px; height: 45px; right: 40px; top: 40px; overflow: hidden; border: none; outline: none; z-index: 100; font-size: 30px; cursor: pointer; background-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .uabb-creative-menu .uabb-menu-overlay .uabb-menu-close-btn:before, .uabb-creative-menu .uabb-menu-overlay .uabb-menu-close-btn:after { content: ''; position: absolute; left: 50%; width: 2px; height: 40px; background-color: #ffffff; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); } .uabb-creative-menu .uabb-menu-overlay .uabb-menu-close-btn:after { -webkit-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } /* Off Canvas */ .uabb-creative-menu .uabb-off-canvas-menu .menu { margin-top: 40px; } .uabb-creative-menu.off-canvas .uabb-clear { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99998; background: rgba(0,0,0,0.0); visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .uabb-creative-menu .uabb-off-canvas-menu.uabb-menu-left { position: fixed; top: 0; left: 0; transform: translate3d(-320px, 0px, 0px); } .uabb-creative-menu .uabb-off-canvas-menu.uabb-menu-right { position: fixed; top: 0; right: 0; transform: translate3d(320px, 0px, 0px); } .uabb-creative-menu .uabb-off-canvas-menu { z-index: 99999; width: 300px; height: 100%; background: rgb(55, 58, 71); padding: 60px 20px; -webkit-transition: all 0.8s; transition: transform 0.8s ease; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; perspective: 1000; backface-visibility: hidden; } .menu-open.uabb-creative-menu .uabb-off-canvas-menu.uabb-menu-left { transform: translate3d(0px, 0px, 0px); transition: transform 0.8s ease; } .menu-open.uabb-creative-menu .uabb-off-canvas-menu.uabb-menu-right { transform: translate3d(0px, 0px, 0px); transition: transform 0.8s ease; } .uabb-creative-menu.off-canvas.menu-open .uabb-clear { visibility: visible; opacity: 1; } @media ( max-width: 992px ) { .uabb-creative-menu .uabb-menu-overlay .uabb-menu-close-btn { right: 20px; top: 20px; } } /* Compatibility CSS - start */ .theme-twentytwentyone .uabb-creative-menu button.sub-menu-toggle { display: none; } /* Compatibility CSS - end */ /* Menu alignment */ .fl-node-lty0e239q51p .uabb-creative-menu .menu { text-align: left; } .uabb-creative-menu-expanded ul.sub-menu li a, .uabb-creative-menu-accordion ul.sub-menu li a, .uabb-creative-menu-accordion ul.sub-menu li .uabb-has-submenu-container a, .uabb-creative-menu-expanded ul.sub-menu li .uabb-has-submenu-container a { text-indent: 20px; } .uabb-creative-menu-expanded ul.sub-menu li li a, .uabb-creative-menu-accordion ul.sub-menu li li a, .uabb-creative-menu-accordion ul.sub-menu li li .uabb-has-submenu-container a, .uabb-creative-menu-expanded ul.sub-menu li li .uabb-has-submenu-container a { text-indent: 30px; } .uabb-creative-menu-expanded ul.sub-menu li li li a, .uabb-creative-menu-accordion ul.sub-menu li li li a, .uabb-creative-menu-accordion ul.sub-menu li li li .uabb-has-submenu-container a, .uabb-creative-menu-expanded ul.sub-menu li li li .uabb-has-submenu-container a { text-indent: 40px; } .uabb-creative-menu-expanded ul.sub-menu li li li li a, .uabb-creative-menu-accordion ul.sub-menu li li li li a, .uabb-creative-menu-accordion ul.sub-menu li li li li .uabb-has-submenu-container a, .uabb-creative-menu-expanded ul.sub-menu li li li li .uabb-has-submenu-container a { text-indent: 50px; } .fl-node-lty0e239q51p .uabb-creative-menu .menu.uabb-creative-menu-vertical > li > a span.uabb-menu-toggle, .fl-node-lty0e239q51p .uabb-creative-menu .menu.uabb-creative-menu-vertical > li > .uabb-has-submenu-container a span.uabb-menu-toggle { padding-left: 10px; float: right; } .fl-node-lty0e239q51p .uabb-creative-menu .menu.uabb-creative-menu-vertical .uabb-menu-toggle { padding-left: 10px; float: right; } /** * Overall menu styling */ .fl-node-lty0e239q51p .uabb-creative-menu .menu > li { margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;} .fl-node-lty0e239q51p .uabb-creative-menu-mobile-toggle.text:hover .uabb-creative-menu-mobile-toggle-label, .fl-node-lty0e239q51p .uabb-creative-menu-mobile-toggle.hamburger-label:hover .uabb-svg-container .uabb-creative-menu-mobile-toggle-label, .fl-node-lty0e239q51p .uabb-creative-menu-mobile-toggle.hamburger:hover .uabb-svg-container { } .fl-node-lty0e239q51p .uabb-creative-menu-mobile-toggle.text, .fl-node-lty0e239q51p .uabb-creative-menu-mobile-toggle.hamburger-label, .fl-node-lty0e239q51p .uabb-creative-menu-mobile-toggle.hamburger { } .fl-node-lty0e239q51p .uabb-creative-menu-mobile-toggle.text:hover, .fl-node-lty0e239q51p .uabb-creative-menu-mobile-toggle.hamburger-label:hover, .fl-node-lty0e239q51p .uabb-creative-menu-mobile-toggle.hamburger:hover { } .fl-node-lty0e239q51p .menu .uabb-has-submenu .sub-menu { display: none; } .fl-node-lty0e239q51p .uabb-creative-menu li:first-child { border-top: none; } @media only screen and ( max-width: 768px ) { .fl-node-lty0e239q51p .uabb-creative-menu .menu { margin-top: 20px; } .fl-node-lty0e239q51p .uabb-creative-menu .uabb-off-canvas-menu .uabb-menu-close-btn, .fl-node-lty0e239q51p .uabb-creative-menu .uabb-menu-overlay .uabb-menu-close-btn { display: block; } .fl-node-lty0e239q51p .uabb-creative-menu .menu { text-align: center; } .fl-node-lty0e239q51p .uabb-creative-menu .menu > li { margin-left: 0 !important; margin-right: 0 !important; } .fl-node-lty0e239q51p .uabb-creative-menu .menu > li > a span.uabb-menu-toggle, .fl-node-lty0e239q51p .uabb-creative-menu .menu > li > .uabb-has-submenu-container a span.menu-item-text > span.uabb-menu-toggle { padding-left: 10px; float: right; } .fl-node-lty0e239q51p .uabb-creative-menu .menu .uabb-menu-toggle { padding-left: 10px; float: right; } } @media only screen and ( min-width: 769px ) { .fl-node-lty0e239q51p .menu .uabb-wp-has-submenu .sub-menu { position: absolute; top: 0; left: 100%; z-index: 10; visibility: hidden; opacity: 0; } .fl-node-lty0e239q51p .uabb-creative-menu .uabb-has-submenu:hover > .sub-menu, .fl-node-lty0e239q51p .uabb-creative-menu .uabb-has-submenu:focus > .sub-menu { visibility: visible; opacity: 1; display: block; } .fl-node-lty0e239q51p .uabb-creative-menu .uabb-has-submenu:focus-within > .sub-menu { visibility: visible; opacity: 1; display: block; } .fl-node-lty0e239q51p .menu .uabb-has-submenu.uabb-menu-submenu-right .sub-menu { top: 100%; left: inherit; right: 0; } .fl-node-lty0e239q51p .menu .uabb-has-submenu .uabb-has-submenu.uabb-menu-submenu-right .sub-menu { top: 0; left: inherit; right: 100%; } .fl-node-lty0e239q51p .uabb-creative-menu .uabb-has-submenu-container a span.menu-item-text { color: ; } .fl-node-lty0e239q51p .uabb-creative-menu .uabb-menu-toggle { display: none; } .fl-node-lty0e239q51p .uabb-creative-menu-mobile-toggle { display: none; } } .fl-node-lty0e239q51p .uabb-creative-menu.uabb-menu-default .menu > li > a, .fl-node-lty0e239q51p .uabb-creative-menu.uabb-menu-default .menu > li > .uabb-has-submenu-container > a { padding-top:5px;padding-bottom:5px;padding-left:0px;padding-right:0px;} .fl-node-lty0e239q51p .uabb-creative-menu .menu > li > a, .fl-node-lty0e239q51p .uabb-creative-menu .menu > li > .uabb-has-submenu-container > a { } .fl-node-lty0e239q51p .uabb-creative-menu .menu > li > a, .fl-node-lty0e239q51p .uabb-creative-menu .menu > li > .uabb-has-submenu-container > a { } .fl-node-lty0e239q51p .fl-module-content .uabb-creative-menu .menu > li > a span.menu-item-text, .fl-node-lty0e239q51p .fl-module-content .uabb-creative-menu .menu > li > .uabb-has-submenu-container > a span.menu-item-text { width: 100%; } /* Sub-menu */ .fl-node-lty0e239q51p .uabb-creative-menu .sub-menu > li > a, .fl-node-lty0e239q51p .uabb-creative-menu .sub-menu > li > .uabb-has-submenu-container > a { padding-top: 15px;padding-bottom: 15px;padding-left: 15px;padding-right: 15px; background-color: #edecec; } .fl-node-lty0e239q51p .uabb-creative-menu:not(.off-canvas):not(.full-screen):not(.menu-item) .uabb-creative-menu .sub-menu { min-width: 220px; } .fl-node-lty0e239q51p .uabb-creative-menu .sub-menu > li.uabb-creative-menu > a > span, .fl-node-lty0e239q51p .uabb-creative-menu .sub-menu > li > .uabb-has-submenu-container > a > span { color: #333333; } .fl-node-lty0e239q51p .uabb-creative-menu .sub-menu > li { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #e3e2e3; } .fl-node-lty0e239q51p .uabb-creative-menu .sub-menu > li:last-child { border-bottom: none; } .fl-node-lty0e239q51p .uabb-creative-menu ul.sub-menu > li.uabb-creative-menu.uabb-has-submenu li:first-child, .fl-node-lty0e239q51p .uabb-creative-menu ul.sub-menu > li.uabb-creative-menu.uabb-has-submenu li li:first-child { border-top: none; } .fl-node-lty0e239q51p .uabb-creative-menu .sub-menu > li.uabb-active > .sub-menu > li:first-child, .fl-node-lty0e239q51p .uabb-creative-menu .menu.uabb-creative-menu-expanded .sub-menu > li > .sub-menu > li:first-child { border-top-style: solid; border-top-width: 1px; border-top-color: #e3e2e3; } .fl-node-lty0e239q51p .uabb-creative-menu .sub-menu { -webkit-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3); -o-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3); box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3); } .fl-node-lty0e239q51p .uabb-creative-menu .sub-menu > li:last-child > a, .fl-node-lty0e239q51p .uabb-creative-menu .sub-menu > li:last-child > .uabb-has-submenu-container > a { border: 0; } .fl-node-lty0e239q51p .uabb-creative-menu ul.sub-menu > li.menu-item.uabb-creative-menu > a:hover span.menu-item-text, .fl-node-lty0e239q51p .uabb-creative-menu ul.sub-menu > li.menu-item.uabb-creative-menu > a:focus span.menu-item-text, .fl-node-lty0e239q51p .uabb-creative-menu ul.sub-menu > li.menu-item.uabb-creative-menu > .uabb-has-submenu-container > a:hover span.menu-item-text, .fl-node-lty0e239q51p .uabb-creative-menu ul.sub-menu > li.menu-item.uabb-creative-menu > .uabb-has-submenu-container > a:focus span.menu-item-text { color: ; } .fl-node-lty0e239q51p .uabb-creative-menu .sub-menu > li > a:hover, .fl-node-lty0e239q51p .uabb-creative-menu .sub-menu > li > a:focus, .fl-node-lty0e239q51p .uabb-creative-menu .sub-menu > li > .uabb-has-submenu-container > a:hover, .fl-node-lty0e239q51p .uabb-creative-menu .sub-menu > li > .uabb-has-submenu-container > a:focus { background-color: #f5f5f5; } .fl-node-lty0e239q51p .uabb-creative-menu .uabb-toggle-arrows .sub-menu li .uabb-menu-toggle:before, .fl-node-lty0e239q51p .uabb-creative-menu .uabb-toggle-none .sub-menu li .uabb-menu-toggle:before { color: #333333; } /* Toggle button */ .fl-node-lty0e239q51p .uabb-creative-menu-mobile-toggle { } .fl-node-lty0e239q51p .uabb-creative-menu-mobile-toggle-container, .fl-node-lty0e239q51p .uabb-creative-menu-mobile-toggle-container > .uabb-creative-menu-mobile-toggle.text { text-align: center; } .fl-node-lty0e239q51p .uabb-creative-menu-mobile-toggle rect { } @media only screen and ( max-width: 768px ) { .fl-node-lty0e239q51p .uabb-creative-menu .uabb-menu-overlay .menu { margin-top: 40px; } .fl-node-lty0e239q51p .uabb-creative-menu .menu { text-align: center; } .fl-node-lty0e239q51p .uabb-creative-menu .menu > li > a span.uabb-menu-toggle, .fl-node-lty0e239q51p .uabb-creative-menu .menu > li > .uabb-has-submenu-container a span.menu-item-text > span.uabb-menu-toggle { padding-left: 10px; float: right; } .fl-node-lty0e239q51p .uabb-creative-menu .menu .uabb-menu-toggle { padding-left: 10px; float: right; } } @media only screen and (max-width: 992px) { .fl-node-lty0e239q51p .uabb-creative-menu-mobile-toggle-container, .fl-node-lty0e239q51p .uabb-creative-menu-mobile-toggle-container > .uabb-creative-menu-mobile-toggle.text { text-align: ; } .fl-node-lty0e239q51p .uabb-creative-menu .menu > li { } .fl-node-lty0e239q51p .uabb-creative-menu.off-canvas .menu > li > a, .fl-node-lty0e239q51p .uabb-creative-menu.off-canvas .menu > li > .uabb-has-submenu-container > a { } .fl-node-lty0e239q51p .uabb-creative-menu.uabb-menu-default .menu > li > a, .fl-node-lty0e239q51p .uabb-creative-menu.uabb-menu-default .menu > li > .uabb-has-submenu-container > a { } .fl-node-lty0e239q51p .uabb-creative-menu.full-screen .menu > li > a, .fl-node-lty0e239q51p .uabb-creative-menu.full-screen .menu > li > .uabb-has-submenu-container > a { } .fl-node-lty0e239q51p .uabb-creative-menu .sub-menu > li > a, .fl-node-lty0e239q51p .uabb-creative-menu .sub-menu > li > .uabb-has-submenu-container > a { } .fl-builder .fl-node-lty0e239q51p .uabb-creative-menu .uabb-off-canvas-menu { } .fl-node-lty0e239q51p .uabb-creative-menu .menu > li > a span.uabb-menu-toggle, .fl-node-lty0e239q51p .uabb-creative-menu .menu > li > .uabb-has-submenu-container a span.menu-item-text > span.uabb-menu-toggle { padding-left: 10px; float: right; } .fl-node-lty0e239q51p .uabb-creative-menu .menu .uabb-menu-toggle { padding-left: 10px; float: right; } } @media only screen and (max-width: 768px) { .fl-node-lty0e239q51p .uabb-creative-menu-mobile-toggle-container, .fl-node-lty0e239q51p .uabb-creative-menu-mobile-toggle-container > .uabb-creative-menu-mobile-toggle.text { text-align: ; } .fl-node-lty0e239q51p .uabb-creative-menu .menu > li { } .fl-node-lty0e239q51p .uabb-creative-menu.off-canvas .menu > li > a, .fl-node-lty0e239q51p .uabb-creative-menu.off-canvas .menu > li > .uabb-has-submenu-container > a { } .fl-node-lty0e239q51p .uabb-creative-menu.uabb-menu-default .menu > li > a, .fl-node-lty0e239q51p .uabb-creative-menu.uabb-menu-default .menu > li > .uabb-has-submenu-container > a { } .fl-node-lty0e239q51p .uabb-creative-menu.full-screen .menu > li > a, .fl-node-lty0e239q51p .uabb-creative-menu.full-screen .menu > li > .uabb-has-submenu-container > a { } .fl-node-lty0e239q51p .uabb-creative-menu .sub-menu > li > a, .fl-node-lty0e239q51p .uabb-creative-menu .sub-menu > li > .uabb-has-submenu-container > a { } .fl-builder .fl-node-lty0e239q51p .uabb-creative-menu .uabb-off-canvas-menu { } .fl-node-lty0e239q51p .uabb-creative-menu .menu { text-align: center; } .fl-node-lty0e239q51p .uabb-creative-menu .menu > li > a span.uabb-menu-toggle, .fl-node-lty0e239q51p .uabb-creative-menu .menu > li > .uabb-has-submenu-container a span.menu-item-text > span.uabb-menu-toggle { float: right; } .fl-node-lty0e239q51p .uabb-creative-menu .menu .uabb-menu-toggle { float: right; } } @media only screen and (max-width: 992px) { } @media only screen and (max-width: 768px) { } /***************************** Overlay *********************************/ /***************************** Accordion **********************************/ @media only screen and ( max-width: 768px ) { } /***************************** Off Canvas **********************************/ .fl-node-lty0e239q51p .uabb-creative-menu .menu > li > a,.fl-node-lty0e239q51p .uabb-creative-menu .menu > li > .uabb-has-submenu-container > a { line-height: 1.4; } .fl-node-lty0e239q51p .uabb-creative-menu .uabb-creative-menu-vertical .sub-menu, .fl-node-lty0e239q51p .uabb-creative-menu .uabb-creative-menu-horizontal .sub-menu { border-style: solid; border-width: 0; background-clip: border-box; border-color: #000000; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } .fl-node-lty0e239q51p .uabb-creative-menu .uabb-creative-menu-expanded.menu > .uabb-has-submenu > .sub-menu, .fl-node-lty0e239q51p .uabb-creative-menu .uabb-creative-menu-accordion.menu > .uabb-has-submenu > .sub-menu { border-style: solid; border-width: 0; background-clip: border-box; border-color: #000000; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } .fl-node-lty0e239q51p .uabb-creative-menu-mobile-toggle { line-height: 1.4; } /* Menu alignment */ .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu { text-align: left; } .uabb-creative-menu-expanded ul.sub-menu li a, .uabb-creative-menu-accordion ul.sub-menu li a, .uabb-creative-menu-accordion ul.sub-menu li .uabb-has-submenu-container a, .uabb-creative-menu-expanded ul.sub-menu li .uabb-has-submenu-container a { text-indent: 20px; } .uabb-creative-menu-expanded ul.sub-menu li li a, .uabb-creative-menu-accordion ul.sub-menu li li a, .uabb-creative-menu-accordion ul.sub-menu li li .uabb-has-submenu-container a, .uabb-creative-menu-expanded ul.sub-menu li li .uabb-has-submenu-container a { text-indent: 30px; } .uabb-creative-menu-expanded ul.sub-menu li li li a, .uabb-creative-menu-accordion ul.sub-menu li li li a, .uabb-creative-menu-accordion ul.sub-menu li li li .uabb-has-submenu-container a, .uabb-creative-menu-expanded ul.sub-menu li li li .uabb-has-submenu-container a { text-indent: 40px; } .uabb-creative-menu-expanded ul.sub-menu li li li li a, .uabb-creative-menu-accordion ul.sub-menu li li li li a, .uabb-creative-menu-accordion ul.sub-menu li li li li .uabb-has-submenu-container a, .uabb-creative-menu-expanded ul.sub-menu li li li li .uabb-has-submenu-container a { text-indent: 50px; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu.uabb-creative-menu-vertical > li > a span.uabb-menu-toggle, .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu.uabb-creative-menu-vertical > li > .uabb-has-submenu-container a span.uabb-menu-toggle { padding-left: 10px; float: right; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu.uabb-creative-menu-vertical .uabb-menu-toggle { padding-left: 10px; float: right; } /** * Overall menu styling */ .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu > li { margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;} .fl-node-wmr56ga18qx9 .uabb-creative-menu-mobile-toggle.text:hover .uabb-creative-menu-mobile-toggle-label, .fl-node-wmr56ga18qx9 .uabb-creative-menu-mobile-toggle.hamburger-label:hover .uabb-svg-container .uabb-creative-menu-mobile-toggle-label, .fl-node-wmr56ga18qx9 .uabb-creative-menu-mobile-toggle.hamburger:hover .uabb-svg-container { } .fl-node-wmr56ga18qx9 .uabb-creative-menu-mobile-toggle.text, .fl-node-wmr56ga18qx9 .uabb-creative-menu-mobile-toggle.hamburger-label, .fl-node-wmr56ga18qx9 .uabb-creative-menu-mobile-toggle.hamburger { } .fl-node-wmr56ga18qx9 .uabb-creative-menu-mobile-toggle.text:hover, .fl-node-wmr56ga18qx9 .uabb-creative-menu-mobile-toggle.hamburger-label:hover, .fl-node-wmr56ga18qx9 .uabb-creative-menu-mobile-toggle.hamburger:hover { } .fl-node-wmr56ga18qx9 .menu .uabb-has-submenu .sub-menu { display: none; } .fl-node-wmr56ga18qx9 .uabb-creative-menu li:first-child { border-top: none; } @media only screen and ( max-width: 768px ) { .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu { margin-top: 20px; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .uabb-off-canvas-menu .uabb-menu-close-btn, .fl-node-wmr56ga18qx9 .uabb-creative-menu .uabb-menu-overlay .uabb-menu-close-btn { display: block; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu { text-align: center; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu > li { margin-left: 0 !important; margin-right: 0 !important; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu > li > a span.uabb-menu-toggle, .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu > li > .uabb-has-submenu-container a span.menu-item-text > span.uabb-menu-toggle { padding-left: 10px; float: right; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu .uabb-menu-toggle { padding-left: 10px; float: right; } } @media only screen and ( min-width: 769px ) { .fl-node-wmr56ga18qx9 .menu .uabb-wp-has-submenu .sub-menu { position: absolute; top: 0; left: 100%; z-index: 10; visibility: hidden; opacity: 0; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .uabb-has-submenu:hover > .sub-menu, .fl-node-wmr56ga18qx9 .uabb-creative-menu .uabb-has-submenu:focus > .sub-menu { visibility: visible; opacity: 1; display: block; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .uabb-has-submenu:focus-within > .sub-menu { visibility: visible; opacity: 1; display: block; } .fl-node-wmr56ga18qx9 .menu .uabb-has-submenu.uabb-menu-submenu-right .sub-menu { top: 100%; left: inherit; right: 0; } .fl-node-wmr56ga18qx9 .menu .uabb-has-submenu .uabb-has-submenu.uabb-menu-submenu-right .sub-menu { top: 0; left: inherit; right: 100%; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .uabb-has-submenu-container a span.menu-item-text { color: ; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .uabb-menu-toggle { display: none; } .fl-node-wmr56ga18qx9 .uabb-creative-menu-mobile-toggle { display: none; } } .fl-node-wmr56ga18qx9 .uabb-creative-menu.uabb-menu-default .menu > li > a, .fl-node-wmr56ga18qx9 .uabb-creative-menu.uabb-menu-default .menu > li > .uabb-has-submenu-container > a { padding-top:5px;padding-bottom:5px;padding-left:0px;padding-right:0px;} .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu > li > a, .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu > li > .uabb-has-submenu-container > a { } .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu > li > a, .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu > li > .uabb-has-submenu-container > a { } .fl-node-wmr56ga18qx9 .fl-module-content .uabb-creative-menu .menu > li > a span.menu-item-text, .fl-node-wmr56ga18qx9 .fl-module-content .uabb-creative-menu .menu > li > .uabb-has-submenu-container > a span.menu-item-text { width: 100%; } /* Sub-menu */ .fl-node-wmr56ga18qx9 .uabb-creative-menu .sub-menu > li > a, .fl-node-wmr56ga18qx9 .uabb-creative-menu .sub-menu > li > .uabb-has-submenu-container > a { padding-top: 15px;padding-bottom: 15px;padding-left: 15px;padding-right: 15px; background-color: #edecec; } .fl-node-wmr56ga18qx9 .uabb-creative-menu:not(.off-canvas):not(.full-screen):not(.menu-item) .uabb-creative-menu .sub-menu { min-width: 220px; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .sub-menu > li.uabb-creative-menu > a > span, .fl-node-wmr56ga18qx9 .uabb-creative-menu .sub-menu > li > .uabb-has-submenu-container > a > span { color: #333333; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .sub-menu > li { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #e3e2e3; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .sub-menu > li:last-child { border-bottom: none; } .fl-node-wmr56ga18qx9 .uabb-creative-menu ul.sub-menu > li.uabb-creative-menu.uabb-has-submenu li:first-child, .fl-node-wmr56ga18qx9 .uabb-creative-menu ul.sub-menu > li.uabb-creative-menu.uabb-has-submenu li li:first-child { border-top: none; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .sub-menu > li.uabb-active > .sub-menu > li:first-child, .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu.uabb-creative-menu-expanded .sub-menu > li > .sub-menu > li:first-child { border-top-style: solid; border-top-width: 1px; border-top-color: #e3e2e3; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .sub-menu { -webkit-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3); -o-box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3); box-shadow: 2px 2px 4px 1px rgba(0,0,0,0.3); } .fl-node-wmr56ga18qx9 .uabb-creative-menu .sub-menu > li:last-child > a, .fl-node-wmr56ga18qx9 .uabb-creative-menu .sub-menu > li:last-child > .uabb-has-submenu-container > a { border: 0; } .fl-node-wmr56ga18qx9 .uabb-creative-menu ul.sub-menu > li.menu-item.uabb-creative-menu > a:hover span.menu-item-text, .fl-node-wmr56ga18qx9 .uabb-creative-menu ul.sub-menu > li.menu-item.uabb-creative-menu > a:focus span.menu-item-text, .fl-node-wmr56ga18qx9 .uabb-creative-menu ul.sub-menu > li.menu-item.uabb-creative-menu > .uabb-has-submenu-container > a:hover span.menu-item-text, .fl-node-wmr56ga18qx9 .uabb-creative-menu ul.sub-menu > li.menu-item.uabb-creative-menu > .uabb-has-submenu-container > a:focus span.menu-item-text { color: ; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .sub-menu > li > a:hover, .fl-node-wmr56ga18qx9 .uabb-creative-menu .sub-menu > li > a:focus, .fl-node-wmr56ga18qx9 .uabb-creative-menu .sub-menu > li > .uabb-has-submenu-container > a:hover, .fl-node-wmr56ga18qx9 .uabb-creative-menu .sub-menu > li > .uabb-has-submenu-container > a:focus { background-color: #f5f5f5; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .uabb-toggle-arrows .sub-menu li .uabb-menu-toggle:before, .fl-node-wmr56ga18qx9 .uabb-creative-menu .uabb-toggle-none .sub-menu li .uabb-menu-toggle:before { color: #333333; } /* Toggle button */ .fl-node-wmr56ga18qx9 .uabb-creative-menu-mobile-toggle { } .fl-node-wmr56ga18qx9 .uabb-creative-menu-mobile-toggle-container, .fl-node-wmr56ga18qx9 .uabb-creative-menu-mobile-toggle-container > .uabb-creative-menu-mobile-toggle.text { text-align: center; } .fl-node-wmr56ga18qx9 .uabb-creative-menu-mobile-toggle rect { } @media only screen and ( max-width: 768px ) { .fl-node-wmr56ga18qx9 .uabb-creative-menu .uabb-menu-overlay .menu { margin-top: 40px; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu { text-align: center; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu > li > a span.uabb-menu-toggle, .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu > li > .uabb-has-submenu-container a span.menu-item-text > span.uabb-menu-toggle { padding-left: 10px; float: right; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu .uabb-menu-toggle { padding-left: 10px; float: right; } } @media only screen and (max-width: 992px) { .fl-node-wmr56ga18qx9 .uabb-creative-menu-mobile-toggle-container, .fl-node-wmr56ga18qx9 .uabb-creative-menu-mobile-toggle-container > .uabb-creative-menu-mobile-toggle.text { text-align: ; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu > li { } .fl-node-wmr56ga18qx9 .uabb-creative-menu.off-canvas .menu > li > a, .fl-node-wmr56ga18qx9 .uabb-creative-menu.off-canvas .menu > li > .uabb-has-submenu-container > a { } .fl-node-wmr56ga18qx9 .uabb-creative-menu.uabb-menu-default .menu > li > a, .fl-node-wmr56ga18qx9 .uabb-creative-menu.uabb-menu-default .menu > li > .uabb-has-submenu-container > a { } .fl-node-wmr56ga18qx9 .uabb-creative-menu.full-screen .menu > li > a, .fl-node-wmr56ga18qx9 .uabb-creative-menu.full-screen .menu > li > .uabb-has-submenu-container > a { } .fl-node-wmr56ga18qx9 .uabb-creative-menu .sub-menu > li > a, .fl-node-wmr56ga18qx9 .uabb-creative-menu .sub-menu > li > .uabb-has-submenu-container > a { } .fl-builder .fl-node-wmr56ga18qx9 .uabb-creative-menu .uabb-off-canvas-menu { } .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu > li > a span.uabb-menu-toggle, .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu > li > .uabb-has-submenu-container a span.menu-item-text > span.uabb-menu-toggle { padding-left: 10px; float: right; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu .uabb-menu-toggle { padding-left: 10px; float: right; } } @media only screen and (max-width: 768px) { .fl-node-wmr56ga18qx9 .uabb-creative-menu-mobile-toggle-container, .fl-node-wmr56ga18qx9 .uabb-creative-menu-mobile-toggle-container > .uabb-creative-menu-mobile-toggle.text { text-align: ; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu > li { } .fl-node-wmr56ga18qx9 .uabb-creative-menu.off-canvas .menu > li > a, .fl-node-wmr56ga18qx9 .uabb-creative-menu.off-canvas .menu > li > .uabb-has-submenu-container > a { } .fl-node-wmr56ga18qx9 .uabb-creative-menu.uabb-menu-default .menu > li > a, .fl-node-wmr56ga18qx9 .uabb-creative-menu.uabb-menu-default .menu > li > .uabb-has-submenu-container > a { } .fl-node-wmr56ga18qx9 .uabb-creative-menu.full-screen .menu > li > a, .fl-node-wmr56ga18qx9 .uabb-creative-menu.full-screen .menu > li > .uabb-has-submenu-container > a { } .fl-node-wmr56ga18qx9 .uabb-creative-menu .sub-menu > li > a, .fl-node-wmr56ga18qx9 .uabb-creative-menu .sub-menu > li > .uabb-has-submenu-container > a { } .fl-builder .fl-node-wmr56ga18qx9 .uabb-creative-menu .uabb-off-canvas-menu { } .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu { text-align: center; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu > li > a span.uabb-menu-toggle, .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu > li > .uabb-has-submenu-container a span.menu-item-text > span.uabb-menu-toggle { float: right; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu .uabb-menu-toggle { float: right; } } @media only screen and (max-width: 992px) { } @media only screen and (max-width: 768px) { } /***************************** Overlay *********************************/ /***************************** Accordion **********************************/ @media only screen and ( max-width: 768px ) { } /***************************** Off Canvas **********************************/ .fl-node-wmr56ga18qx9 .uabb-creative-menu .menu > li > a,.fl-node-wmr56ga18qx9 .uabb-creative-menu .menu > li > .uabb-has-submenu-container > a { line-height: 1.4; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .uabb-creative-menu-vertical .sub-menu, .fl-node-wmr56ga18qx9 .uabb-creative-menu .uabb-creative-menu-horizontal .sub-menu { border-style: solid; border-width: 0; background-clip: border-box; border-color: #000000; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } .fl-node-wmr56ga18qx9 .uabb-creative-menu .uabb-creative-menu-expanded.menu > .uabb-has-submenu > .sub-menu, .fl-node-wmr56ga18qx9 .uabb-creative-menu .uabb-creative-menu-accordion.menu > .uabb-has-submenu > .sub-menu { border-style: solid; border-width: 0; background-clip: border-box; border-color: #000000; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } .fl-node-wmr56ga18qx9 .uabb-creative-menu-mobile-toggle { line-height: 1.4; } .fl-icon-group .fl-icon { display: inline-block; margin-bottom: 10px; margin-top: 10px; } .fl-node-kty8nwb3prj7 .fl-icon i, .fl-node-kty8nwb3prj7 .fl-icon i:before { font-size: 30px; } .fl-node-kty8nwb3prj7 .fl-icon-wrap .fl-icon-text { height: 52.5px; } @media(max-width: 1200px) { .fl-node-kty8nwb3prj7 .fl-icon-wrap .fl-icon-text { height: 52.5px; } } @media(max-width: 992px) { .fl-node-kty8nwb3prj7 .fl-icon-wrap .fl-icon-text { height: 52.5px; } } @media(max-width: 768px) { .fl-node-kty8nwb3prj7 .fl-icon-wrap .fl-icon-text { height: 52.5px; } } .fl-node-kty8nwb3prj7 .fl-icon-group { display: flex; flex-wrap: wrap; gap: 10px; justify-content: left; } .fl-node-kty8nwb3prj7 .fl-icon-group .fl-icon { margin: 0; } /* Start Global CSS */ /* =================================== COLORS =================================== */ :root { /* BRAND COLORS */ --dlf-blue: #0066cc; --dlf-green: #bfd892; /* CHANGED */ --dlf-orange: #f15a29; --dlf-yellow: #ffc107; --dlf-cyan: #00bcd4; /* TEXT COLORS */ --text-dark: #1a1a1a; --text-medium: #666; --text-light: #f5f5f5; --text-white: #ffffff; /* SIZING & SPACING */ --radius-lg: 20px; --radius-md: 12px; --radius-pill: 50px; --padding-card: 35px; --padding-section: 80px 20px; /* GLASSMORPHISM & SHADOWS */ --glass-blur: blur(40px) saturate(180%);201 --shadow-deep: 0 20px 40px rgba(0, 0, 0, 1), 0 10px 20px rgba(0, 0, 0, 0.04); --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.6); } body, .fl-page { font-family: 'Raleway', sans-serif; } h1, h2, h3, h4, h5, h6 { -webkit-font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; font-feature-settings: "lnum"; } /* =================================== ANIMATIONS =================================== */ @keyframes gradientshift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } @keyframes dlf-float { 0%, 100% { transform: translate(0, 0) rotate(0deg); } 33% { transform: translate(30px, -30px) rotate(120deg); } 66% { transform: translate(-20px, 20px) rotate(240deg); } } @keyframes dlf-flow { 0% { transform: translateY(-100%); } 100% { transform: translateY(100%); } } @keyframes dlf-particle-float { 0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.4; } 50% { transform: translate(20px, -30px) scale(1.5); opacity: 0.8; } } /* =================================== DONATE LIFE CARDS - COMPLETE CSS Final Version with Speech Bubble Tooltip =================================== */ /* ROW BACKGROUND - CHANGED */ .fl-row.donate-life-gradient-row > .fl-row-content-wrap { background-color: #3070AE; padding: 80px 20px; position: relative; overflow: hidden; } /* Remove any broken animations */ .fl-row.donate-life-gradient-row::before, .fl-row.donate-life-gradient-row::after { display: none !important; } /* CARDS CONTAINER */ .donate-life-cards-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 1200px; margin: 0 auto; width: 100%; position: relative; z-index: 2; } /* INDIVIDUAL CARD */ .donate-life-card { position: relative; height: 100%; min-height: 360px; } /* GLASSMORPHIC CARD WITH MULTI-COLOR BORDER - CHANGED */ .donate-life-card-glass { height: 100%; padding: 35px; padding-bottom: 100px; position: relative; /* Solid color background */ background: #3070AE; border: 1px solid #3070AE; border-radius: 20px; /* Sophisticated shadows */ box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 10px 20px rgba(0, 0, 0, 0.04); overflow: hidden; } /* Top highlight line */ .donate-life-card-glass::before { content: ''; position: absolute; top: 0; left: 10%; right: 10%; height: 1px; pointer-events: none; opacity: 0.8; } /* Color tints for each card - REMOVED */ .donate-life-card:nth-child(1) .donate-life-card-glass { background: #3070AE; } .donate-life-card:nth-child(2) .donate-life-card-glass { background: #3070AE; } .donate-life-card:nth-child(3) .donate-life-card-glass { background: #3070AE; } /* CARD CONTENT */ .donate-life-card-content { position: relative; z-index: 2; margin-bottom: 30px; } /* SOPHISTICATED PILL LABEL - CHANGED */ .donate-life-card-label { display: inline-block; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; color: #bfd892; margin-bottom: 20px; padding: 6px 14px; /* Glassmorphic pill */ background: rgba(0, 0, 0, 0.2); border: 1px solid #bfd892; border-radius: 20px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } .donate-life-card-label:hover { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2); } /* Card Title - CHANGED */ .donate-life-card-title { font-size: 22px; font-weight: 600; line-height: 1.4; color: #ffffff; margin-bottom: 0; } /* NUMBER GROUP - PERIODIC TABLE STYLE */ .donate-life-card-number { position: absolute; bottom: 20px; left: 35px; z-index: 5; cursor: help; width: 180px; } .donate-life-card-number:hover { transform: scale(1.05); } /* Large Number - CHANGED */ .donate-life-card-number-value { font-size: 75px; /* Made larger */ font-weight: 700; line-height: 1; color: #bfd892; /* Changed to accent green */ text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Added pop */ display: block; margin-bottom: 4px; -webkit-font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; font-feature-settings: "lnum"; } /* Caption directly under number - CHANGED */ .donate-life-card-number-caption { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; color: rgba(255, 255, 255, 0.8); display: block; margin-bottom: 6px; } /* Description text under caption - CHANGED */ .donate-life-card-number-description { font-size: 12px; font-weight: 400; line-height: 1.3; color: rgba(255, 255, 255, 0.8); display: block; max-width: 150px; } /* SPEECH BUBBLE TOOLTIP - CHANGED */ .donate-life-card-number::before { content: attr(data-tooltip); position: absolute; bottom: calc(100% + 15px); left: 0; padding: 12px 16px; /* Speech bubble styling */ background: #1a1a1a; color: white; font-size: 13px; font-weight: 400; line-height: 1.4; /* Allow text wrapping */ white-space: normal; max-width: 200px; min-width: 150px; /* Rounded speech bubble */ border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.1); /* Shadow for depth */ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3), 0 5px 15px rgba(0, 0, 0, 0.2); /* Animation */ opacity: 0; visibility: hidden; transform: translateY(5px); pointer-events: none; z-index: 10; text-transform: none; letter-spacing: normal; } /* Speech bubble tail/arrow - CHANGED */ .donate-life-card-number::after { content: ''; position: absolute; bottom: calc(100% + 5px); left: 30px; width: 0; height: 0; /* Create triangle pointing down */ border-style: solid; border-width: 10px 8px 0 8px; border-color: #1a1a1a transparent transparent transparent; /* Animation */ opacity: 0; visibility: hidden; transform: translateY(5px); z-index: 11; } /* Show tooltip on hover with animation */ .donate-life-card-number:hover::before, .donate-life-card-number:hover::after { opacity: 1; visibility: visible; transform: translateY(0); } /* CHANGED */ .donate-life-card-cta-text { position: absolute; bottom: 38px; right: 80px; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.8px; color: rgba(255, 255, 255, 0.8); opacity: 0.7; z-index: 10; } /* CTA BUTTON - Bottom Right - CHANGED */ .donate-life-card-cta { position: absolute; bottom: 24px; right: 24px; width: 48px; height: 48px; /* Glassmorphic button */ background: #bfd892; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none !important; /* Thin light border */ border: 1px solid #bfd892; /* Subtle shadows */ box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); z-index: 10; } /* Arrow icon - CHANGED */ .donate-life-card-cta i { color: #1a1a1a !important; font-size: 16px; transform: rotate(-45deg); } /* HOVER STATES - CHANGED */ .donate-life-card:hover .donate-life-card-glass { transform: translateY(-6px); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12), 0 15px 30px rgba(0, 0, 0, 0.08); } .donate-life-card:hover .donate-life-card-cta-text { opacity: 1; transform: translateX(-3px); } .donate-life-card-cta:hover { background: #96c0e6; border-color: #96c0e6; transform: scale(1.1); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2); } .donate-life-card-cta:hover i { transform: rotate(-45deg) translateX(2px) translateY(-2px); } /* RESPONSIVE DESIGN */ @media (max-width: 1024px) { .donate-life-cards-container { grid-template-columns: repeat(2, 1fr); gap: 24px; } } @media (max-width: 992px) { .fl-row.donate-life-gradient-row > .fl-row-content-wrap { padding: 60px 15px; } .donate-life-cards-container { grid-template-columns: 1fr; gap: 20px; max-width: 500px; margin: 0 auto; } .donate-life-card { min-height: 320px; } .donate-life-card-glass { padding: 30px; padding-bottom: 90px; } .donate-life-card-title { font-size: 16px; } .donate-life-card-number-value { font-size: 60px; /* Adjusted responsive size */ } .donate-life-card-number-description { font-size: 10px; } .donate-life-card-number::before { max-width: 180px; font-size: 12px; } .donate-life-card-cta { width: 44px; height: 44px; } .donate-life-card-cta i { font-size: 14px; } .donate-life-card-cta-text { font-size: 10px; right: 75px; } } @media (max-width: 480px) { .donate-life-card-glass { padding: 25px; padding-bottom: 85px; } .donate-life-card-number-value { font-size: 52px; /* Adjusted responsive size */ } .donate-life-card-number { left: 25px; width: 140px; } .donate-life-card-number::before { max-width: 160px; left: -10px; } .donate-life-card-cta { width: 40px; height: 40px; bottom: 20px; right: 20px; } .donate-life-card-cta i { font-size: 12px; } .donate-life-card-number-caption { font-size: 9px; } .donate-life-card-number-description { font-size: 9px; } .donate-life-card-cta-text { display: none; /* Hide on very small screens */ } } /* =================================== COMPONENT: STATS SECTION =================================== */ .donate-life-stats-wrapper { position: relative; padding: var(--padding-section); } .donate-life-stats-container { margin: 0 auto; padding: 60px 40px 80px; border-radius: var(--radius-lg); background: rgba(255, 255, 255, 0.06); backdrop-filter: blur(30px) saturate(160%); -webkit-backdrop-filter: blur(30px) saturate(160%); border: 1px solid rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.6), inset 0 -1px 2px rgba(255, 255, 255, 0.2), 0 20px 40px rgba(0, 0, 0, 0.3); display: flex; flex-direction: column; align-items: center; text-align: center; } .donate-life-stats-title { font-size: 46px; font-weight: 600; color: var(--text-white); text-shadow: 0 0 2px rgba(0, 0, 0, 0.7); margin-bottom: 10px; } .donate-life-stats-subtitle { font-size: 26px; color: var(--text-white); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); margin-bottom: 50px; font-weight:bold; } .donate-life-stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; margin-bottom: 40px; } .donate-life-stat-item { text-align: center; } .donate-life-stat-number { font-size: 64px; font-weight: 700; line-height: 1.1; color: var(--text-white); text-shadow: 0 0 2px rgba(0, 0, 0, 0.7); margin-bottom: 12px; -webkit-font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; font-feature-settings: "lnum"; } .donate-life-stat-text { font-size: 19px; line-height: 1.5; color: rgba(255, 255, 255, 0.85); max-width: 220px; margin: 0 auto; } /* =================================== COMPONENT: REGISTRY SECTION =================================== */ .dlf-registry-section { display: grid; grid-template-columns: 1fr 1fr; } /* Left Panel: Hero Content */ .dlf-glass-hero-panel { position: relative; padding: 3rem; /*background: rgba(255, 255, 255, 0.98);*/ border-radius: 16px; } .dlf-hero-content { position: relative; z-index: 2; } .dlf-section-title { font-size: 2.5rem; color:#ffffff; margin-bottom: 1.5rem; line-height: 1.2; font-weight: 700; } .dlf-title-emphasis { color: #bfd892; font-weight: 700; display: block; } .dlf-section-intro { font-size: 1.125rem; color: #ffffff; margin-bottom: 2rem; line-height: 1.6; } .dlf-cta-wrapper { margin-top: 2rem; } .dlf-hero-backdrop { position: absolute; inset: 0; background: transparent; border-radius: 16px; pointer-events: none; } /* Right Panel: Timeline River - Same white background */ .dlf-glass-timeline-river { position: relative; padding: 2.5rem 2rem; /*background: rgba(255, 255, 255, 0.98);*/ border-radius: 16px; display: flex; flex-direction: column; gap: 1.5rem; } .dlf-river-flow { position: absolute; left: 50%; transform: translateX(-50%); width: 3px; height: calc(100% - 4rem); top: 2rem; background: linear-gradient(to bottom, #bfd892, #bfd892); opacity: 0.3; } /* Step Plates */ .dlf-step-plate { position: relative; display: flex; gap: 1.5rem; padding: 2rem; background: white; border-radius: 12px; border: 2px solid #bfd892; z-index: 1; align-items: center; } .dlf-step-plate:hover { transform: translateX(4px); transition: transform 0.3s ease; box-shadow: 0 4px 12px rgba(0, 179, 136, 0.15); } .dlf-step-ring { flex-shrink: 0; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; background: #bfd892; border-radius: 50%; } .dlf-step-number { font-size: 1.5rem; font-weight: 700; color: white; } .dlf-step-content { flex: 1; } .dlf-step-title { font-size: 1.25rem; color: #003087; font-weight: 700; margin-bottom: 0.75rem; } .dlf-step-text { font-size: 0.95rem; color: #003087; line-height: 1.6; } .dlf-step-text strong { color: #003087; font-weight: 700; } .dlf-step-highlight { display: none; } /* River Particles */ .dlf-river-particle { position: absolute; width: 8px; height: 8px; background: #00B388; border-radius: 50%; opacity: 0.4; z-index: 0; } .particle-1 { top: 15%; left: calc(50% - 4px); } .particle-2 { top: 50%; left: calc(50% - 4px); } .particle-3 { top: 85%; left: calc(50% - 4px); } /* Responsive Design */ @media (max-width: 992px) { .dlf-registry-section { grid-template-columns: 1fr; padding: 2rem 1rem; } .dlf-section-title { font-size: 2rem; } .dlf-glass-hero-panel, .dlf-glass-timeline-river { padding: 2rem 1.5rem; } .dlf-step-plate { padding: 1.5rem; align-items: flex-start; } } /* Responsive Design */ @media (max-width: 992px) { .dlf-registry-section { grid-template-columns: 1fr; padding: 2rem 1rem; } .dlf-section-title { font-size: 2rem; } .dlf-glass-hero-panel, .dlf-glass-timeline-river { padding: 2rem 1.5rem; } .dlf-step-plate { flex-direction: column; gap: 1rem; align-items: flex-start; } } /* =================================== RESPONSIVE DESIGN =================================== */ @media (max-width: 1024px) { .donate-life-cards-container { grid-template-columns: repeat(2, 1fr); gap: 24px; } } @media (max-width: 968px) { .dlf-registry-section { grid-template-columns: 1fr; gap: 30px; padding: 40px 20px; } .dlf-section-title { font-size: 2.2rem; font-weight: 900 !important; } .dlf-title-emphasis { font-size: 2.6rem; font-weight: 900; } .dlf-glass-timeline-river { padding: 30px 20px; } .dlf-step-plate { padding: 15px 15px 15px 25px; align-items: flex-start; } .dlf-river-flow { left: 20px; } } @media (max-width: 992px) { .fl-row.donate-life-gradient-row > .fl-row-content-wrap { padding: 60px 15px; } .donate-life-cards-container { grid-template-columns: 1fr; gap: 20px; max-width: 500px; } .donate-life-card { min-height: 320px; } .donate-life-card-glass { padding: 30px; padding-bottom: 90px; } .donate-life-card-title { font-size: 16px; } .donate-life-card-number-value { font-size: 48px; } .donate-life-stats-container { padding: 40px 20px; } .donate-life-stats-title { font-size: 28px; } .donate-life-stats-grid { grid-template-columns: 1fr; gap: 30px; } .donate-life-stat-number { font-size: 32px; } .dlf-registry-section { padding: 30px 15px; } .dlf-glass-hero-panel { padding: 2rem 1.5rem; } .dlf-section-title { font-size: 1.8rem; } .dlf-title-emphasis { font-size: 2.2rem; } .dlf-section-intro { font-size: 1rem; } .dlf-step-ring { width: 45px; height: 45px; } .dlf-step-number { font-size: 1.3rem; } .dlf-step-title { font-size: 1rem; } .dlf-step-text { font-size: 0.9rem; } } @media (max-width: 480px) { .donate-life-card-glass { padding: 25px; padding-bottom: 85px; } .donate-life-card-number { left: 25px; width: 140px; } .donate-life-card-number-value { font-size: 42px; } .donate-life-card-number::before { left: -10px; } .donate-life-card-cta-text { display: none; } .dlf-registry-section { padding: 20px 10px; } .dlf-glass-hero-panel { padding: 1.5rem 1.2rem; border-radius: 20px; } .dlf-section-title { font-size: 1.5rem; } .dlf-title-emphasis { font-size: 1.9rem; } .dlf-section-intro { font-size: 0.95rem; } .dlf-glass-timeline-river { padding: 20px 15px; border-radius: 12px; } .dlf-step-plate { padding: 12px 12px 12px 20px; gap: 15px; align-items: flex-start; } .dlf-step-ring { width: 40px; height: 40px; } .dlf-step-number { font-size: 1.2rem; } .dlf-river-flow { left: 15px; } } /* ========================= FAQ SECTION ============================*/ /* Keep the gradient background */ .donate-life-home-faq .fl-row-content-wrap { background-color: #bfd892 !important; /* CHANGED */ position: relative; overflow: hidden; } .donate-life-home-faq .fl-row-content-wrap::before { content: ''; position: absolute; inset: 0; background-image: url('/wp-content/uploads/2025/11/swirl_bg_blue.png'); background-repeat: repeat; background-position:fixed; opacity:0.7; mix-blend-mode: overlay; pointer-events: none; z-index: 1; } /* Floating orb */ .donate-life-home-faq .fl-row-content-wrap::after { } /* Main content wrapper with z-index */ .donate-life-home-faq .fl-row-content { position: relative; z-index: 2; } .donate-life-home-faq .fl-col-group { backdrop-filter: blur(9px) saturate(100%) !important; -webkit-backdrop-filter: blur(18px) saturate(180%) !important; border-radius: 10px !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important; position: relative; overflow: hidden; } /* Remove individual container backgrounds */ .donate-life-home-faq .fl-node-7wyreqj1mu39, .donate-life-home-faq .donate-life-bg, .donate-life-home-faq .fl-node-x3ayzedgm2sh { background: transparent !important; border: none !important; box-shadow: none !important; } /* Left column content */ .donate-life-home-faq .fl-node-7wyreqj1mu39 { border-right: 1px solid rgba(255, 255, 255, 0.1); } /* White text for headings */ .donate-life-home-faq .uabb-heading .uabb-heading-text { color: white !important; font-size: 2.5rem !important; font-weight: 700 !important; margin-bottom: 1rem !important; } .donate-life-home-faq .uabb-subheading { color: rgba(255, 255, 255, 0.9) !important; font-size: 1.125rem !important; line-height: 1.6 !important; margin-bottom: 2rem !important; } /* Right column FAQ */ .donate-life-home-faq .donate-life-bg { padding: 2rem 2rem 2rem 3rem !important; } /* FAQ container - no extra glass since we have mega container */ .donate-life-home-faq .pp-faq { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; } /* FAQ items */ .donate-life-home-faq .pp-faq-item { background: rgba(255, 255, 255, 1) !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; border-radius: 12px !important; margin-bottom: 1rem !important; overflow: hidden !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.5) !important; } .donate-life-home-faq .pp-faq-item:hover { background: rgba(255, 255, 255, 0.95) !important; transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.7) !important; } .donate-life-home-faq .pp-faq-item-active { background: white !important; border-left: 3px solid #bfd892 !important; /* CHANGED */ box-shadow: 0 4px 20px rgba(191, 216, 146, 0.15), /* CHANGED */ inset 0 1px 0 rgba(255, 255, 255, 1) !important; } /* FAQ button alignment fix */ .donate-life-home-faq .pp-faq-button { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 1.25rem 1.5rem !important; gap: 1rem !important; white-space: wrap; } .donate-life-home-faq .pp-faq-button-label { font-size: 1rem !important; font-weight: 500 !important; color: #3070ae !important; line-height: 1.5 !important; flex: 1 !important; } .donate-life-home-faq .pp-faq-item-active .pp-faq-button-label { color: #3070ae !important; /* CHANGED */ font-weight: 600 !important; } /* Icon styling */ .donate-life-home-faq .pp-faq-button-icon { flex: 0 0 30px !important; width: 30px !important; height: 30px !important; border-radius: 50% !important; background: rgba(191, 216, 146, 0.1) !important; /* CHANGED */ display: flex !important; align-items: center !important; justify-content: center !important; font-size: 0.875rem !important; color: #3070ae !important; /* CHANGED */ } .donate-life-home-faq .pp-faq-close { display: none !important; } .donate-life-home-faq .pp-faq-item-active .pp-faq-open { display: none !important; } .donate-life-home-faq .pp-faq-item-active .pp-faq-close { display: flex !important; background: #bfd892 !important; /* CHANGED */ color: #1a1a1a !important; /* CHANGED */ } .donate-life-home-faq .pp-faq-content { padding: 0 1.5rem 1.5rem !important; color: #546E7A !important; line-height: 1.65 !important; } .donate-life-home-faq .pp-faq-content-text { padding: 20px 0; } /* Partner section */ .donate-life-home-faq .fl-node-j8qu02vr4zyk { margin-top: 3rem !important; padding-top: 3rem !important; border-top: 1px solid rgba(255, 255, 255, 0.1) !important; } .donate-life-home-faq .fl-node-x3ayzedgm2sh { padding: 0 !important; } /* Partner text */ .donate-life-home-faq .fl-node-qikozga8x6mu .uabb-heading-text { color: white !important; } .donate-life-home-faq .fl-node-qikozga8x6mu .uabb-subheading { color: rgba(255, 255, 255, 0.9) !important; } .donate-life-home-faq .fl-node-i89nhwftkosu p { color: rgba(255, 255, 255, 0.8) !important; text-align: center !important; margin-top: 1.5rem !important; } /* Mobile responsive */ @media (max-width: 992px) { .donate-life-home-faq .fl-col-group { padding: 0rem !important; margin: 0rem !important; } .donate-life-home-faq .fl-node-7wyreqj1mu39 { border-right: none !important; border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; padding: 2rem 2rem 3rem 2rem !important; } .donate-life-home-faq .donate-life-bg { padding: 3rem 2rem 2rem 2rem !important; } .donate-life-home-faq .uabb-heading .uabb-heading-text { font-size: 2rem !important; } } /* ========================= STORIES OF HOPE SECTION ============================*/ /* ========== DONATE LIFE HOPE SECTION ========== */ /* This section likely has a dark background from its row settings, so text is white */ /* 1. Global text color */ .donate-life-hope { color: #ffffff !important; } .donate-life-hope * { color: #ffffff !important; } /* 2. Elegant author "pill" design */ .donate-life-hope .uabb-testimonial-author-designation { display: inline-block; padding: 6px 14px; margin-top: 6px; background: rgba(191, 216, 146, 0.15); /* CHANGED */ border: 1px solid rgba(191, 216, 146, 0.25); /* CHANGED */ border-radius: 9999px; /* pill shape */ font-size: 0.85rem; font-weight: 500; letter-spacing: 0.3px; text-transform: capitalize; color: #bfd892 !important; /* CHANGED */ } /* 3. Subtle hover for sophistication without overdoing it */ .donate-life-hope .uabb-testimonial-author-designation:hover { background: rgba(150, 192, 230, 0.25); /* CHANGED */ border-color: rgba(150, 192, 230, 0.35); /* CHANGED */ color: #96c0e6 !important; /* CHANGED */ transform: translateY(-1px); } /* 4. Slight refinement to names and text alignment */ .donate-life-hope .uabb-testimonial-author-name { font-weight: 700; margin-bottom: 4px; color: #ffffff !important; /* Ensure override */ } .donate-life-hope .uabb-testimonial-author-description p { line-height: 1.6; opacity: 0.95; color: #ffffff !important; /* Ensure override */ } /* ========== DONATE LIFE HOPE – OVERSIZED QUOTES REFINED ========== */ .donate-life-hope .uabb-testimonial-author-description p { position: relative; font-family: "Georgia", "Times New Roman", serif; font-style: italic; color: #ffffff !important; /* Ensure override */ line-height: 1.7; font-size: 1.05rem; margin: 0 auto; max-width: 700px; padding: 1.5em 1.2em; z-index: 1; } .donate-life-hope .uabb-testimonial-author-description p { position: relative; z-index: 10; } .donate-life-hope .uabb-testimonial-author-description p::before { content: "\201C"; position: absolute; left: 0.1em; top: .5em; font-family: "Georgia", "Times New Roman", serif; font-size: 5rem; font-weight: bold; line-height: 1; color: rgba(255, 255, 255, 0.25) !important; /* Ensure override */ z-index: 0; transform: translate(-40%, -35%); pointer-events: none; } /* CLOSE QUOTE — large, aligned with last line */ .donate-life-hope .uabb-testimonial-author-description p::after { content: "\201D"; position: absolute; right: .5em; bottom: 0; font-family: "Georgia", "Times New Roman", serif; font-weight: bold; font-size: 5rem; line-height: 1; color: rgba(255, 255, 255, 0.25) !important; /* Ensure override */ z-index: -10; transform: translate(40%, 30%); pointer-events: none; } /* Responsive refinement for mobile */ @media (max-width: 992px) { .donate-life-hope .uabb-testimonial-author-description p::before, .donate-life-hope .uabb-testimonial-author-description p::after { font-size: 3.5rem; color: rgba(255, 255, 255, 0.2) !important; /* Ensure override */ } } /* ========== GRADIENT TEXT FILL FOR HEADINGS ========== */ .dl-gold { background: linear-gradient(135deg, #bfd892 60%, #3070ae 100%) !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; color: #bfd892 !important; /* Fallback color */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; -webkit-font-feature-settings: "lnum"; -moz-font-feature-settings: "lnum"; font-feature-settings: "lnum"; } /* ========================= DONATE LIFE NEWS - BLOG CARDS Complete Section - WITH TEXTURE ============================*/ /* Section background with gradient */ .donate-life-news .fl-row-content-wrap { background: #3070AE !important; /* CHANGED */ padding: 80px 20px !important; position: relative; overflow: hidden; } /* Texture overlay - matching FAQ implementation */ .donate-life-news .fl-row-content-wrap::before { content: ''; position: absolute; inset: 0; /*background-image: url('/wp-content/uploads/2025/10/texture-5-bg.svg');*/ background-repeat: repeat; background-size: fit; opacity: .5; mix-blend-mode: overlay; pointer-events: none; z-index: 1; } /* Ensure content is above texture */ .donate-life-news .fl-row-content { position: relative; z-index: 2; } /* Section title - BLACK/GREY/WHITE gradient */ .donate-life-news .fl-heading { color: #ffffff !important; /* CHANGED */ line-height: 1.2 !important; margin-bottom: 50px !important; } /* - GLASSMORPHIC TREATMENT */ .donate-life-news .uabb-blog-posts-shadow { background: #3070AE !important; /* CHANGED */ border: 1px solid rgba(255,255,255,0.2) !important; /* CHANGED */ border-radius: 10px !important; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), 0 10px 20px rgba(0, 0, 0, 0.04) !important; padding: 30px !important; } /* Top highlight line */ .donate-life-news .uabb-blog-posts-shadow::before { content: ''; position: absolute; top: 0; left: 10%; right: 10%; height: 1px; pointer-events: none; opacity: 0.8; } /* Hover state */ .donate-life-news .uabb-post-wrapper:hover .uabb-blog-posts-shadow { box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12), 0 15px 30px rgba(0, 0, 0, 0.08) !important; } /* Post content wrapper */ .donate-life-news .uabb-blog-post-content { display: flex; flex-direction: column; } /* Post heading/title - BIGGER & BETTER COLOR */ .donate-life-news .uabb-post-heading { margin-bottom: 12px !important; order: 1; } .donate-life-news .uabb-post-heading a { color: #bfd892 !important; /* CHANGED */ font-size: 1.5rem !important; font-weight: 700 !important; line-height: 1.3 !important; text-decoration: none !important; display: block; } .donate-life-news .uabb-post-heading a:hover { color: #96c0e6 !important; /* CHANGED */ } /* Meta container */ .donate-life-news .uabb-post-meta { margin-left: auto; margin-right: auto; margin-bottom: 20px !important; order: 2; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } /* Date styling */ .donate-life-news .uabb-meta-date { font-size: 0.75rem !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; color: #f5f5f5 !important; /* CHANGED */ } /* Hide pipe separator */ .donate-life-news .uabb-post-meta > i, .donate-life-news .uabb-post-meta > span:not(.uabb-meta-date):not(.uabb-cat-links) { display: none; } /* ========================= CATEGORY PILLS - WHITE ONLY ============================*/ /* Base pill styling - WHITE for ALL categories */ .donate-life-news .uabb-cat-links { display: inline-block !important; padding: 2px 10px !important; border-radius: 15px !important; font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1.2px !important; /* White with subtle transparency */ background: rgba(255, 255, 255, 0.15) !important; border: 1px solid rgba(255, 255, 255, 0.3) !important; color: #ffffff !important; box-shadow: 0 4px 12px rgba(255, 255, 255, 0.1) !important; } /* All category link colors - WHITE */ .donate-life-news .uabb-cat-links a { color: #ffffff !important; text-decoration: none !important; } /* Hover state for all pills */ .donate-life-news .uabb-cat-links:hover { transform: translateY(-1px); opacity: 0.9; } /* ========================= CATEGORY PILLS ============================*/ /* Base pill styling - DEFAULT TO GREEN */ /*.donate-life-news .uabb-cat-links {*/ /* display: inline-block !important;*/ /* padding: 2px 10px !important;*/ /* border-radius: 15px !important;*/ /* font-size: 10px !important;*/ /* font-weight: 700 !important;*/ /* text-transform: uppercase !important;*/ /* letter-spacing: 1.2px !important;*/ /* Donate Life GREEN as default for ALL categories */ /* background: rgba(0, 179, 136, 0.15) !important;*/ /* border: 1px solid rgba(0, 179, 136, 0.3) !important;*/ /* color: #00B388 !important;*/ /* box-shadow: 0 4px 12px rgba(0, 179, 136, 0.1) !important;*/ /*}*/ /* All category link colors - GREEN */ /*.donate-life-news .uabb-cat-links a {*/ /* color: #00B388 !important;*/ /* text-decoration: none !important;*/ /*}*/ /* STORIES category - Override to BLUE */ /*.donate-life-news .uabb-post-wrapper[class*="category-stories"] .uabb-cat-links,*/ /*.donate-life-news .post[class*="category-stories"] .uabb-cat-links,*/ /*.donate-life-news [class*="category-stories"] .uabb-cat-links {*/ /* background: rgba(0, 48, 135, 0.15) !important;*/ /* border: 1px solid rgba(0, 48, 135, 0.3) !important;*/ /* color: #003087 !important;*/ /* box-shadow: 0 4px 12px rgba(0, 48, 135, 0.1) !important;*/ /*}*/ /*.donate-life-news .uabb-post-wrapper[class*="category-stories"] .uabb-cat-links a,*/ /*.donate-life-news .post[class*="category-stories"] .uabb-cat-links a,*/ /*.donate-life-news [class*="category-stories"] .uabb-cat-links a {*/ /* color: #003087 !important;*/ /*}*/ /* Browser-supported :has() selector as additional layer */ /*@supports (selector(:has(a))) {*/ /* .donate-life-news .uabb-cat-links:has(a[href*="category/news"]) {*/ /* background: rgba(0, 179, 136, 0.15) !important;*/ /* border: 1px solid rgba(255,255,255 0.3) !important;*/ /* color: #ffffff !important;*/ /* box-shadow: 0 4px 12px rgba(0, 179, 136, 0.1) !important;*/ /* }*/ /* .donate-life-news .uabb-cat-links:has(a[href*="category/news"]) a {*/ /* color: #ffffff !important;*/ /* }*/ /* .donate-life-news .uabb-cat-links:has(a[href*="category/stories"]) {*/ /* background: rgba(0, 48, 135, 0.15) !important;*/ /* border: 1px solid rgba(0, 48, 135, 0.3) !important;*/ /* color: #003087 !important;*/ /* box-shadow: 0 4px 12px rgba(0, 48, 135, 0.1) !important;*/ /* }*/ /* .donate-life-news .uabb-cat-links:has(a[href*="category/stories"]) a {*/ /* color: #003087 !important;*/ /* }*/ /*}*/ /* Hover state for all pills */ /*.donate-life-news .uabb-cat-links:hover {*/ /* transform: translateY(-1px);*/ /* opacity: 0.9;*/ /*}*/ /* ========================= DESCRIPTION & BUTTON ============================*/ /* Description/excerpt */ .donate-life-news .uabb-blog-posts-description { color: #f5f5f5 !important; /* CHANGED */ font-size: 0.95rem !important; line-height: 1.5 !important; margin-bottom: 25px !important; order: 3; } /* Read more button */ .donate-life-news .uabb-read-more-text { order: 4; } /* BUTTON STYLING MOVED TO UNIFIED BUTTON SYSTEM BELOW */ .donate-life-news .uabb-read-more-text a { position: relative; display: inline-flex; } /* Arrow animation */ .donate-life-news .uabb-next-right-arrow { display: inline-block; margin-left: 6px; transition: transform 0.3s ease; } .donate-life-news .uabb-read-more-text a:hover .uabb-next-right-arrow { transform: translateX(4px); } /* ========================= RESPONSIVE ============================*/ @media (max-width: 992px) { .donate-life-news .fl-row-content-wrap { padding: 60px 15px !important; } .donate-life-news .uabb-blog-posts-shadow { padding: 25px !important; } .donate-life-news .fl-heading { font-size: 2rem !important; } .donate-life-news .uabb-post-heading a { font-size: 1.25rem !important; } } /* ========================================================================== DESIGN SYSTEM FOUNDATION CSS Custom Properties for consistency - the brain of the operation ========================================================================== */ :root { /* Core Brand Colors - RGBA for maximum compatibility */ --dlf-green: rgba(191, 216, 146, 1); /* #bfd892 */ --dlf-blue: rgba(150, 192, 230, 1); /* #96c0e6 */ --dlf-orange: rgba(241, 90, 41, 1); /* #f15a29 */ --dlf-yellow: rgba(255, 193, 7, 1); /* #ffc107 */ --dlf-text: rgba(26, 26, 26, 1); /* #1a1a1a */ --dlf-text-light: rgba(255, 255, 255, 0.95); /* Universal Button Properties */ --btn-border-radius: 20px; --btn-border-width: 2px; --btn-font: 700 13px/1.2 'Raleway', system-ui, -apple-system, sans-serif; --btn-letter-spacing: 0.08em; --btn-padding-y: 0.75em; --btn-padding-x: 2.15em; --btn-min-width: 150px; --btn-transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1); /* Elevation System - Consistent shadows */ --elevation-0: none; --elevation-1: 0 2px 4px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06); --elevation-2: 0 4px 8px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.08); --elevation-3: 0 8px 16px rgba(0, 0, 0, 0.15), 0 4px 8px rgba(0, 0, 0, 0.1); --elevation-4: 0 12px 24px rgba(0, 0, 0, 0.18), 0 6px 12px rgba(0, 0, 0, 0.12); --elevation-5: 0 20px 32px rgba(0, 0, 0, 0.2), 0 10px 16px rgba(0, 0, 0, 0.15); /* Focus Ring */ --focus-ring: 0 0 0 3px rgba(150, 192, 230, 0.35); /* Hover/Active State Transforms */ --hover-y: -2px; --hover-scale: 1.02; --active-scale: 0.98; } /* Dark mode support (if needed later) */ @media (prefers-color-scheme: dark) { :root { --dlf-text: rgba(255, 255, 255, 0.9); --dlf-text-light: #1a1a1a; } } /* ========================================================================== BASE BUTTON RESET & FOUNDATION The single source of truth - ALL buttons inherit from this ========================================================================== */ .donate-life-button, .donate-life-button--centered, .donate-life-button--left, .donate-life-button--right, .donate-life-button--hero, .donate-life-button--orange, .donate-life-button--blue, .donate-life-button--primary, .donate-life-button--outline, .donate-life-button--small, .dlf-glass-button-primary, a.fl-button.pp-submit-button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input[type="button"], .gform_wrapper .gform_page_footer input[type="submit"], .gform_wrapper .gform_button, .gform_wrapper button.button, .donate-life-news .uabb-read-more-text a { /* Modern Reset */ all: unset; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Display Properties */ display: inline-flex; align-items: center; justify-content: center; position: relative; isolation: isolate; /* Create stacking context */ /* Sizing */ padding: var(--btn-padding-y) var(--btn-padding-x); min-width: var(--btn-min-width); /* Visual Design */ border-radius: var(--btn-border-radius); color: rgba(26, 26, 26, 1) !important; /* Border - using inset shadow for better rendering */ box-shadow: inset 0 0 0 var(--btn-border-width) rgba(191, 216, 146, 0.2), var(--elevation-2); /* Typography */ font: var(--btn-font); text-transform: uppercase; letter-spacing: var(--btn-letter-spacing); text-decoration: none !important; white-space: nowrap; text-align: center; /* Interaction */ cursor: pointer; user-select: none; touch-action: manipulation; /* Improve mobile tap */ transition: var(--btn-transition); will-change: transform, box-shadow; /* Overflow for ripple effects if needed */ overflow: hidden; backdrop-filter: blur(24px) saturate(190%) !important; -webkit-backdrop-filter: blur(24px) saturate(190%)!important; } /* Pseudo-element for advanced effects (gradient overlays, etc) */ .donate-life-button::before, .donate-life-button--hero::before, .donate-life-button--orange::before, .donate-life-button--blue::before, .donate-life-button--primary::before, .donate-life-button--outline::before, .dlf-glass-button-primary::before, .donate-life-news .uabb-read-more-text a::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: linear-gradient( 135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.05) 100% ); pointer-events: none; transition: opacity 0.3s ease; opacity: 0; z-index: 1; } /* ========================================================================== UNIVERSAL INTERACTION STATES Consistent behavior across all button types ========================================================================== */ /* Hover State */ .donate-life-button:hover, .donate-life-button--hero:hover, .donate-life-button--orange:hover, .donate-life-button--blue:hover, .donate-life-button--primary:hover, .donate-life-button--outline:hover, .dlf-glass-button-primary:hover, .donate-life-news .uabb-read-more-text a:hover, .gform_wrapper .gform_footer input[type="submit"]:hover, .gform_wrapper .gform_button:hover { transform: translateY(var(--hover-y)) scale(var(--hover-scale)); box-shadow: inset 0 0 0 var(--btn-border-width) rgba(150, 192, 230, 0.3), var(--elevation-4); background: var(--dlf-blue); } /* Show overlay on hover */ .donate-life-button:hover::before, .donate-life-button--hero:hover::before, .donate-life-button--orange:hover::before, .donate-life-button--blue::before, .donate-life-button--primary:hover::before, .dlf-glass-button-primary:hover::before, .donate-life-news .uabb-read-more-text a:hover::before { opacity: 1; } /* Focus State - Accessibility First */ .donate-life-button:focus-visible, .donate-life-button--hero:focus-visible, .donate-life-button--blue:visible, .donate-life-button--orange:focus-visible, .donate-life-button--primary:focus-visible, .donate-life-button--outline:focus-visible, .dlf-glass-button-primary:focus-visible, .donate-life-news .uabb-read-more-text a:focus-visible, .gform_wrapper .gform_footer input[type="submit"]:focus-visible, .gform_wrapper .gform_button:focus-visible { outline: none; box-shadow: inset 0 0 0 var(--btn-border-width) rgba(150, 192, 230, 0.3), var(--elevation-3), var(--focus-ring); } /* Active State */ .donate-life-button:active, .donate-life-button--hero:active, .donate-life-button--blue:acitve, .donate-life-button--orange:active, .donate-life-button--primary:active, .donate-life-button--outline:active, .dlf-glass-button-primary:active, .donate-life-news .uabb-read-more-text a:active { transform: scale(var(--active-scale)); box-shadow: inset 0 0 0 var(--btn-border-width) rgba(150, 192, 230, 0.3), var(--elevation-1); transition-duration: 0.1s; } /* ========================================================================== BUTTON VARIANTS - SPECIFIC OVERRIDES Each variant only changes what's necessary ========================================================================== */ /* Hero Button - Larger and bolder */ .donate-life-button--hero { --btn-padding-y: 1.2em; --btn-padding-x: 3em; color:#fff !important; font-family: Raleway; text-shadow: 0 1px 4px rgba(0,0,0,1); position: relative; font-size: 16px; min-width: 200px; /* Glassmorphic background */ background: rgba(255, 255, 255, .2) !important; backdrop-filter: blur(40px) saturate(200%) !important; -webkit-backdrop-filter: blur(40px) saturate(200%) !important; /* Border and shadows */ border: 1px solid rgba(120, 119, 198, 1) !important; box-shadow: 0 10px 30px rgba(120, 119, 198, 0.3), 0 5px 15px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 60px rgba(120, 119, 198, 0.15) !important; transition: all 0.3s ease; } /* Animated gradient overlay */ .donate-life-button--hero::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient( 45deg, rgba(120, 119, 198, 0.5), rgba(255, 119, 198, 0.2), rgba(120, 200, 255, 0.25), rgba(218, 165, 32, 0.15), rgba(240, 230, 140, 0.2), rgba(205, 133, 63, 0.15), rgba(120, 119, 198, 0.25) ); background-size: 400% 400%; animation: gradientShift 15s ease infinite; pointer-events: none; opacity: 0.8; } /* Top highlight */ .donate-life-button--hero::after { content: ''; position: absolute; top: 0; left: 10%; right: 10%; height: 1px; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.6) 15%, rgba(120, 200, 255, 0.9) 50%, rgba(255, 255, 255, 0.6) 85%, transparent ); pointer-events: none; opacity: 0.9; } /* Hover state */ .donate-life-button--hero:hover { transform: translateY(-3px) scale(1.03); box-shadow: inset 0 0 0 var(--btn-border-width) rgba(150, 192, 230, 0.5), var(--elevation-5); background: linear-gradient( 135deg, rgba(241, 90, 41, .3), rgba(241, 90, 41, .2) ); } /* Gradient animation */ @keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* blue button */ a.donate-life-button--blue, a.donate-life-button--blue:hover { color:#ffffff !important; text-shadow:0 1px 4px rgba(0,0,0,1); } .donate-life-button--blue { background: linear-gradient( 135deg, rgba(0,4,53, 1), rgba(48, 112, 174, 0.8) ); border-color: rgba(48, 112, 174, 0.6); box-shadow: 0 10px 30px rgba(48, 112, 174, 0.4), 0 5px 15px rgba(0, 61, 122, 0.25), inset 0 -1px 0 rgba(0, 61, 122, 0.2); } .donate-life-button--blue:hover { background: linear-gradient( 135deg, rgba(0,4,53, 1), rgba(48, 112, 174, 0.8) ); border-color: rgba(0, 61, 122, 0.7); box-shadow: 0 15px 40px rgba(48, 112, 174, 0.5), 0 8px 20px rgba(0, 61, 122, 0.3), inset 0 -1px 0 rgba(0, 61, 122, 0.3); } /* Orange Button */ .donate-life-button--orange { background: linear-gradient( 135deg, rgba(241, 90, 41, 1), rgba(241, 90, 41, 0.8) ); color: var(--dlf-text-light) !important; box-shadow: inset 0 0 0 var(--btn-border-width) rgba(241, 90, 41, 0.2), var(--elevation-3); } .donate-life-button--orange:hover { background: linear-gradient( 135deg, rgba(255, 110, 60, 1), rgba(241, 90, 41, 1) ); } /* Primary Button - Glassmorphic effect */ .donate-life-button--primary { background: linear-gradient( 135deg, rgba(241, 90, 41, 0.08) 0%, rgba(255, 193, 7, 0.05) 50%, rgba(241, 90, 41, 0.08) 100% ), rgba(255, 255, 255, 0.12); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: inset 0 0 0 1px rgba(241, 90, 41, 0.4), inset 0 1px 0 0 rgba(255, 255, 255, 0.25), var(--elevation-3), 0 0 40px rgba(241, 90, 41, 0.15); } .donate-life-button--primary:hover { background: linear-gradient( 135deg, rgba(150, 192, 230, 0.12) 0%, rgba(150, 192, 230, 0.08) 50%, rgba(150, 192, 230, 0.12) 100% ), rgba(255, 255, 255, 0.15); box-shadow: inset 0 0 0 1px rgba(150, 192, 230, 0.5), inset 0 1px 0 0 rgba(255, 255, 255, 0.35), var(--elevation-4), 0 0 60px rgba(150, 192, 230, 0.25); } /* Outline Button */ .donate-life-button--outline { background: rgba(255, 255, 255, 0.03); color: var(--dlf-blue) !important; box-shadow: inset 0 0 0 2px rgba(150, 192, 230, 0.6), 0 0 20px rgba(150, 192, 230, 0.1); } .donate-life-button--outline:hover { background: rgba(150, 192, 230, 0.1); color: var(--dlf-blue) !important; box-shadow: inset 0 0 0 2px rgba(150, 192, 230, 0.9), 0 0 30px rgba(150, 192, 230, 0.25); transform: translateY(-1px); } /* Small Button */ .donate-life-button--small { --btn-padding-y: 0.6em; --btn-padding-x: 1.8em; font-size: 11px; min-width: 100px; --btn-border-radius: 25px; } /* ========================================================================== DISABLED STATE ========================================================================== */ .donate-life-button--disabled, .donate-life-button[disabled], .gform_wrapper .gform_button[disabled] { cursor: not-allowed; opacity: 0.5; filter: grayscale(0.5); pointer-events: none; transform: none !important; box-shadow: var(--elevation-0) !important; } /* ========================================================================== ALIGNMENT WRAPPERS These modify container behavior, not button style ========================================================================== */ .donate-life-button--centered-narrow, .donate-life-button--centered, .donate-life-button-centered { display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; } .donate-life-button--right-narrow, .donate-life-button--right, .donate-life-button-right { display: flex !important; justify-content: flex-end !important; align-items: center !important; width: 100% !important; } .donate-life-button--left-narrow, .donate-life-button--left, .donate-life-button-left { display: flex !important; justify-content: flex-start !important; align-items: center !important; width: 100% !important; } /* Ensure button inside wrapper maintains inline-flex */ .donate-life-button--centered > .donate-life-button, .donate-life-button--right > .donate-life-button, .donate-life-button--left > .donate-life-button { display: inline-flex !important; width: auto !important; } /* ========================================================================== SPECIAL CONTEXTS ========================================================================== */ /* Stats Container - Specific overrides */ .donate-life-stats-container a.donate-life-button { margin-top: 30px !important; --btn-padding-y: 1.1em; --btn-padding-x: 2.6em; font-size: 14px; } /* Gravity Forms - Consistent styling */ .gform_wrapper .gform_footer, .gform_wrapper .gform_page_footer { padding: 20px 0 !important; display: flex !important; justify-content: center !important; gap: 16px !important; } .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input[type="submit"], .gform_wrapper .gform_button { margin: 0 !important; } .gform_wrapper .gform_page_footer .gform_next_button, .gform_wrapper .gform_page_footer .gform_previous_button { min-width: 120px !important; } /* ========================================================================== READ MORE LINKS - Complete standalone implementation ========================================================================== */ p.uabb-read-more-text a, .uabb-read-more-text a { /* Use same base as all buttons */ all: unset; box-sizing: border-box; -webkit-font-smoothing: antialiased; display: inline-flex !important; align-items: center !important; justify-content: center !important; position: relative !important; isolation: isolate !important; padding: var(--btn-padding-y) var(--btn-padding-x) !important; min-height: 40px !important; font: var(--btn-font) !important; text-transform: uppercase !important; letter-spacing: var(--btn-letter-spacing) !important; color: var(--dlf-text) !important; text-decoration: none !important; line-height: 1.2 !important; white-space: nowrap !important; background: var(--dlf-green) !important; border-radius: var(--btn-border-radius) !important; box-shadow: inset 0 0 0 var(--btn-border-width) rgba(191, 216, 146, 0.2), var(--elevation-2) !important; cursor: pointer !important; user-select: none !important; transition: var(--btn-transition) !important; overflow: hidden !important; } p.uabb-read-more-text a::before, .uabb-read-more-text a::before { content: "" !important; position: absolute !important; inset: 0 !important; border-radius: inherit !important; background: linear-gradient( 135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.05) 100% ) !important; pointer-events: none !important; opacity: 0 !important; transition: opacity 0.3s ease !important; z-index: 1 !important; } p.uabb-read-more-text a:hover, .uabb-read-more-text a:hover { transform: translateY(var(--hover-y)) scale(var(--hover-scale)) !important; background: var(--dlf-blue) !important; box-shadow: inset 0 0 0 var(--btn-border-width) rgba(150, 192, 230, 0.3), var(--elevation-4) !important; } p.uabb-read-more-text a:hover::before, .uabb-read-more-text a:hover::before { opacity: 1 !important; } p.uabb-read-more-text a:focus-visible, .uabb-read-more-text a:focus-visible { outline: none !important; box-shadow: inset 0 0 0 var(--btn-border-width) rgba(150, 192, 230, 0.3), var(--elevation-3), var(--focus-ring) !important; } p.uabb-read-more-text a:active, .uabb-read-more-text a:active { transform: scale(var(--active-scale)) !important; transition-duration: 0.1s !important; } /* ========================================================================== ICON CLEANUP & SUPPORT ========================================================================== */ /* Remove all builder-generated icons */ .fl-button .fl-button-icon, .fl-button .fl-button-icon-wrap, .fl-button-icon-after, .fl-button-icon-before, .donate-life-button::after, .donate-life-button--hero::after, .donate-life-button--orange::after, .donate-life-button--primary::after, .donate-life-button--outline::after, .donate-life-button--small::after, .dlf-glass-button-primary::after, a.fl-button.pp-submit-button::after, .gform_wrapper .gform_footer input[type="submit"]::after, .gform_wrapper .gform_button::after, .donate-life-news .uabb-read-more-text a::after, p.uabb-read-more-text a::after, .uabb-read-more-text a::after { display: none !important; content: none !important; visibility: hidden !important; } /* Font Awesome Icon Support */ .donate-life-button i[class*="fa"], .donate-life-button--hero i[class*="fa"], .donate-life-button--orange i[class*="fa"], .donate-life-button--primary i[class*="fa"], .donate-life-button--outline i[class*="fa"], .donate-life-button--small i[class*="fa"], .dlf-glass-button-primary i[class*="fa"], .donate-life-news .uabb-read-more-text a i[class*="fa"] { margin-left: 0.5em; font-size: 0.9em; color: inherit !important; transition: transform 0.3s ease; } .donate-life-button:hover i[class*="fa"], .donate-life-button--hero:hover i[class*="fa"], .donate-life-button--orange:hover i[class*="fa"], .donate-life-button--primary:hover i[class*="fa"], .donate-life-button--outline:hover i[class*="fa"] { transform: translateX(2px); } /* ========================================================================== RESPONSIVE ADJUSTMENTS ========================================================================== */ @media (max-width: 992px) { :root { --btn-min-width: 120px; } .donate-life-button, .donate-life-button--hero, .donate-life-button--orange, .donate-life-button--primary { font-size: 14px; --btn-padding-y: 0.9em; --btn-padding-x: 1.8em; } .donate-life-button--small { font-size: 12px; } /* Full width on mobile for better UX */ .gform_wrapper .gform_button, .gform_wrapper input[type="submit"] { width: 100% !important; } } /* High contrast mode support */ @media (prefers-contrast: high) { .donate-life-button, .donate-life-button--hero, .donate-life-button--orange, .donate-life-button--primary { border: 2px solid currentColor !important; } } /* Reduced motion support */ @media (prefers-reduced-motion: reduce) { :root { --btn-transition: none; --hover-y: 0; --hover-scale: 1; --active-scale: 1; } .donate-life-button::before, .donate-life-button--hero::before, .donate-life-button--orange::before, .donate-life-button--primary::before, .donate-life-button--outline::before { transition: none !important; } } /* Print styles */ @media print { .donate-life-button, .donate-life-button--hero, .donate-life-button--orange, .donate-life-button--primary, .donate-life-button--outline { box-shadow: none !important; background: white !important; color: black !important; border: 1px solid black !important; } } /* ========================================================================== PERFORMANCE OPTIMIZATIONS ========================================================================== */ /* Use GPU acceleration for transforms */ .donate-life-button, .donate-life-button--hero, .donate-life-button--orange, .donate-life-button--primary, .donate-life-button--outline { transform: translateZ(0); backface-visibility: hidden; } /* Prevent layout shift on hover */ .donate-life-button::after { content: ""; position: absolute; inset: -10px; z-index: -1; pointer-events: none; } /* ========================================================================== END ULTIMATE BUTTON SYSTEM ========================================================================== */ /* ---- ALIGNMENT UTILITIES ---- */ .donate-life-button-centered { display: flex; justify-content: center; } .donate-life-button-right { display: flex; justify-content: flex-end; } .donate-life-button-left { display: flex; justify-content: flex-start; } /* ---- STATS SECTION OVERRIDES ---- */ .donate-life-stats-container a.donate-life-button { margin-top: 30px !important; padding: 14px 34px; font-size: 14px; background: #bfd892; /* CHANGED */ border: 1px solid #bfd892; /* CHANGED */ box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3); /* CHANGED */ } .donate-life-stats-container a.donate-life-button:hover { transform: translateY(-2px); background: #96c0e6; /* CHANGED */ border-color: #96c0e6; /* CHANGED */ box-shadow: 0 12px 24px rgba(0, 0, 0, 0.4); /* CHANGED */ } /* ---- GRAVITY FORMS SUPPORT ---- */ .gform_wrapper .gform_footer, .gform_wrapper .gform_page_footer { padding: 20px 0 !important; } .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input[type="submit"], .gform_wrapper .gform_button { margin: 0 auto !important; display: block !important; } .gform_wrapper .gform_page_footer .gform_next_button, .gform_wrapper .gform_page_footer .gform_previous_button { min-width: 120px !important; } /* Remove ONLY Beaver Builder icons and ::after pseudo-elements - NOT Font Awesome */ .fl-button .fl-button-icon, .fl-button .fl-button-icon-wrap, .fl-button-icon-after, .fl-button-icon-before, .donate-life-button::after, .donate-life-button--hero::after, .donate-life-button--orange::after, .donate-life-button--primary::after, .donate-life-button--outline::after, .donate-life-button--small::after, .dlf-glass-button-primary::after, a.fl-button.pp-submit-button::after, .gform_wrapper .gform_footer input[type="submit"]::after, .gform_wrapper .gform_button::after, .donate-life-news .uabb-read-more-text a::after { /* Added news button */ display: none !important; content: none !important; visibility: hidden !important; } /* Font Awesome icon spacing and color for all button variants */ .donate-life-button .fas, .donate-life-button .fa, .donate-life-button .far, .donate-life-button .fab, .donate-life-button i, .donate-life-button--hero .fas, .donate-life-button--hero .fa, .donate-life-button--hero .far, .donate-life-button--hero .fab, .donate-life-button--hero i, .donate-life-button--orange .fas, .donate-life-button--orange .fa, .donate-life-button--orange .far, .donate-life-button--orange .fab, .donate-life-button--orange i, .donate-life-button--primary .fas, .donate-life-button--primary .fa, .donate-life-button--primary .far, .donate-life-button--primary .fab, .donate-life-button--primary i, .donate-life-button--outline .fas, .donate-life-button--outline .fa, .donate-life-button--outline .far, .donate-life-button--outline .fab, .donate-life-button--outline i, .donate-life-button--small .fas, .donate-life-button--small .fa, .donate-life-button--small .far, .donate-life-button--small .fab, .donate-life-button--small i, .dlf-glass-button-primary .fas, .dlf-glass-button-primary .fa, .dlf-glass-button-primary .far, .dlf-glass-button-primary .fab, .dlf-glass-button-primary i, a.fl-button.pp-submit-button .fas, a.fl-button.pp-submit-button .fa, a.fl-button.pp-submit-button .far, a.fl-button.pp-submit-button .fab, a.fl-button.pp-submit-button i, .gform_wrapper .gform_footer input[type="submit"] .fas, .gform_wrapper .gform_footer input[type="submit"] .fa, .gform_wrapper .gform_footer input[type="submit"] .far, .gform_wrapper .gform_footer input[type="submit"] .fab, .gform_wrapper .gform_footer input[type="submit"] i, .gform_wrapper .gform_button .fas, .gform_wrapper .gform_button .fa, .gform_wrapper .gform_button .far, .gform_wrapper .gform_button .fab, .gform_wrapper .gform_button i, .donate-life-news .uabb-read-more-text a i { /* Added news button icon */ margin-left: 10px; color: inherit !important; } /* ========================================================================== STANDALONE READ MORE BUTTON STYLING Complete duplicate styling for .uabb-read-more-text a ========================================================================== */ /* Base read more button styling */ p.uabb-read-more-text a, .uabb-read-more-text a { /* Reset */ all: unset; box-sizing: border-box; /* Display */ display: inline-flex !important; align-items: center !important; justify-content: center !important; position: relative !important; /* Sizing */ padding: 12px 30px !important; min-height: 40px !important; /* Typography */ font-family: 'Raleway', sans-serif !important; font-size: 13px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 1px !important; color: #1a1a1a !important; text-decoration: none !important; line-height: 1 !important; white-space: nowrap !important; /* Styling */ background: #bfd892 !important; background-color: #bfd892 !important; border: 1px solid #bfd892 !important; border-radius: 50px !important; /* Effects */ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), 0 5px 15px rgba(0, 0, 0, 0.2) !important; transition: all 0.3s ease !important; cursor: pointer !important; overflow: hidden !important; z-index: 1 !important; } /* Pseudo-element for effects */ p.uabb-read-more-text a::before, .uabb-read-more-text a::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; pointer-events: none !important; opacity: 0.8 !important; z-index: -1 !important; } /* Hover state */ p.uabb-read-more-text a:hover, .uabb-read-more-text a:hover { transform: translateY(-3px) scale(1.03) !important; background: #96c0e6 !important; background-color: #96c0e6 !important; border-color: #96c0e6 !important; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3), 0 8px 20px rgba(0, 0, 0, 0.25) !important; color: #1a1a1a !important; } /* Focus state */ p.uabb-read-more-text a:focus, .uabb-read-more-text a:focus { outline: none !important; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3), 0 8px 20px rgba(0, 0, 0, 0.25), 0 0 0 3px rgba(150, 192, 230, 0.3) !important; } /* Active state */ p.uabb-read-more-text a:active, .uabb-read-more-text a:active { transform: translateY(-1px) scale(0.98) !important; } /* Remove unwanted pseudo-elements */ p.uabb-read-more-text a::after, .uabb-read-more-text a::after { display: none !important; content: none !important; visibility: hidden !important; } /* Text inside should inherit color */ p.uabb-read-more-text a span, .uabb-read-more-text a span { color: inherit !important; } /* Header container */ .site-header { position: relative; height: 100px; overflow: hidden; } /* Blue gradient overlay */ .site-header::before { content: ""; position: absolute; top: 0; left: -75%; width: 175%; height: 100%; /* limit gradient height */ background: radial-gradient(ellipse at center top, rgba(0, 193, 252, 0.5) 0%, rgba(255, 255, 255, 0) 50%); z-index: 0; } /* Keep header content visible above gradient */ .site-header > * { position: relative; z-index: 1; } /* Base transparent header (no gradients before scroll) */ #ast-desktop-header, .ast-primary-header-bar, .site-header { background: transparent !important; position: relative; overflow: visible; } /* Apply gradients ONLY when sticky */ .ast-sticky-active.ast-sticky-shrunk::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 76px; /* adjust to desired fade depth */ pointer-events: none; z-index: 0; background: /* Top layer – blue cloudlike gradient */ radial-gradient( ellipse at center top, rgba(0, 193, 252, .5) 0%, rgba(255, 255, 255, 0) 70% ), /* Bottom layer – white fade gradient */ linear-gradient( to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, .8) 70% ); background-blend-mode: normal; } .gradient-motion-bg > .fl-row-content-wrap { background: #3070AE !important; /* CHANGED */ position: relative; overflow: hidden; } /* =================================== TESTIMONIALS GLASSMORPHIC CONTAINER Single glass panel wrapping all testimonials NUCLEAR-LEVEL OVERRIDES - Forces everything =================================== */ /* Main glassmorphic container targeting the column content */ .fl-col.fl-node-n1jut3gkvdb4 .fl-col-content.fl-node-content { position: relative !important; padding: 50px 40px !important; margin: 0 auto !important; max-width: 1400px !important; /* Glassmorphic effect */ background: #3070AE !important; /* CHANGED */ /* Border and shadows */ border: 1px solid rgba(255, 255, 255, 0.25) !important; border-radius: 32px !important; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important; /* Animation */ transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important; overflow: visible !important; } /* Subtle hover lift */ .fl-col.fl-node-n1jut3gkvdb4 .fl-col-content.fl-node-content:hover { transform: translateY(-4px) !important; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important; } /* Animated background glow */ .fl-col.fl-node-n1jut3gkvdb4 .fl-col-content.fl-node-content::before { content: ""; position: absolute; inset: -50%; filter: blur(15px); opacity: 0.7; z-index: -1; pointer-events: none; } /* Spacing for individual testimonial modules within the glass container */ .fl-col.fl-node-n1jut3gkvdb4 .fl-module-adv-testimonials { margin-bottom: 35px !important; } .fl-col.fl-node-n1jut3gkvdb4 .fl-module-adv-testimonials:last-child { margin-bottom: 0 !important; } /* NUCLEAR OVERRIDE - Force remove ALL backgrounds and borders */ .fl-col.fl-node-n1jut3gkvdb4 .uabb-module-content.uabb-testimonials, .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonials.box, .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonials, .fl-col.fl-node-n1jut3gkvdb4 div.uabb-testimonials, .fl-col.fl-node-n1jut3gkvdb4 .fl-module-content .uabb-testimonials { display: block !important; position: relative !important; background: rgba(255, 255, 255, 0.1) !important; /* CHANGED */ background-color: rgba(255, 255, 255, 0.1) !important; /* CHANGED */ border: 1px solid rgba(255, 255, 255, .2) !important; /* CHANGED */ border-radius: 20px !important; padding: 25px !important; margin: 0 !important; transition: all 0.3s ease !important; } .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonials:hover, .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonials.box:hover { background: rgba(255, 255, 255, 0.2) !important; /* CHANGED */ background-color: rgba(255, 255, 255, 0.2) !important; /* CHANGED */ border-color: rgba(255, 255, 255, 0.3) !important; /* CHANGED */ transform: translateX(8px) !important; } /* Force reset table display */ .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonials .uabb-testimonial { display: flex !important; flex-direction: row !important; align-items: flex-start !important; gap: 20px !important; width: 100% !important; position: relative !important; visibility: visible !important; top: auto !important; } /* Force reset display for photo and info sections */ .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonial-photo, .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonial-photo.uabb-testimonial-left, .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonial-photo.uabb-testimonial-right { display: block !important; flex-shrink: 0 !important; width: auto !important; margin: 0 !important; vertical-align: top !important; text-align: center !important; } .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonial-info, .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonial-info.uabb-testimonial-left, .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonial-info.uabb-testimonial-right { display: block !important; flex: 1 !important; vertical-align: top !important; text-align: left !important; } /* Photo styling within glass container */ .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonial-photo img { border: 3px solid rgba(255, 255, 255, 0.3) !important; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2) !important; /* CHANGED */ transition: all 0.3s ease !important; } .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonials:hover .uabb-testimonial-photo img { border-color: #bfd892 !important; /* CHANGED */ box-shadow: 0 6px 24px rgba(191, 216, 146, 0.3) !important; /* CHANGED */ transform: scale(1.05) !important; } /* Author name styling */ .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonial-author-name, .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonial-author-name h3 { color: var(--text-white) !important; /* CHANGED */ font-weight: 700 !important; font-size: 1.2rem !important; margin: 0 0 0.5rem 0 !important; padding: 0 !important; } /* Author designation (job title) styling */ .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonial-author-designation { display: inline-block !important; padding: 6px 14px !important; margin: 6px 0 0 0 !important; background: rgba(191, 216, 146, 0.1) !important; /* CHANGED */ background-color: rgba(191, 216, 146, 0.1) !important; /* CHANGED */ border: 1px solid rgba(191, 216, 146, 0.2) !important; /* CHANGED */ border-radius: 9999px !important; font-size: 0.85rem !important; font-weight: 500 !important; letter-spacing: 0.3px !important; color: #bfd892 !important; /* CHANGED */ transition: all 0.25s ease !important; } .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonials:hover .uabb-testimonial-author-designation { background: rgba(191, 216, 146, 0.15) !important; /* CHANGED */ background-color: rgba(191, 216, 146, 0.15) !important; /* CHANGED */ border-color: rgba(191, 216, 146, 0.3) !important; /* CHANGED */ transform: translateY(-2px) !important; } /* Description text */ .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonial-author-description, .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonial-author-description p { color: var(--text-light) !important; /* CHANGED */ line-height: 1.7 !important; font-size: 0.95rem !important; margin: 1rem 0 0 0 !important; } /* FORCE HIDE triangular arrows */ .fl-col.fl-node-n1jut3gkvdb4 .testimonial-arrow-down, .fl-col.fl-node-n1jut3gkvdb4 div.testimonial-arrow-down, .fl-col.fl-node-n1jut3gkvdb4 .arrow-down-elemet, .fl-col.fl-node-n1jut3gkvdb4 .arrow-down-elemetmwklsn8fjb95, .fl-col.fl-node-n1jut3gkvdb4 .arrow-down-elemetsc8kt23fiwm9, .fl-col.fl-node-n1jut3gkvdb4 .arrow-down-elemetqkb2p46lxzet, .fl-col.fl-node-n1jut3gkvdb4 .arrow-down-elemetmdgau5vizey6, .fl-col.fl-node-n1jut3gkvdb4 .arrow-down-elemetwu6xf0h92tl8 { display: none !important; visibility: hidden !important; opacity: 0 !important; height: 0 !important; width: 0 !important; position: absolute !important; z-index: -9999 !important; } /* ===== RESPONSIVE DESIGN FOR TESTIMONIALS CONTAINER ===== */ @media (max-width: 968px) { .fl-col.fl-node-n1jut3gkvdb4 .fl-col-content.fl-node-content { padding: 40px 30px !important; border-radius: 28px !important; } .fl-col.fl-node-n1jut3gkvdb4 .fl-module-adv-testimonials { margin-bottom: 30px !important; } .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonials .uabb-testimonial { flex-direction: column !important; align-items: center !important; text-align: center !important; } .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonial-info { text-align: center !important; } } @media (max-width: 992px) { .fl-col.fl-node-n1jut3gkvdb4 .fl-col-content.fl-node-content { padding: 30px 20px !important; border-radius: 24px !important; } .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonials, .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonials.box { padding: 20px !important; border-radius: 16px !important; } .fl-col.fl-node-n1jut3gkvdb4 .fl-module-adv-testimonials { margin-bottom: 25px !important; } } @media (max-width: 480px) { .fl-col.fl-node-n1jut3gkvdb4 .fl-col-content.fl-node-content { padding: 20px 15px !important; border-radius: 20px !important; } .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonials, .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonials.box { padding: 15px !important; border-radius: 14px !important; } .fl-col.fl-node-n1jut3gkvdb4 .fl-module-adv-testimonials { margin-bottom: 20px !important; } .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonial-author-name, .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonial-author-name h3 { font-size: 1.1rem !important; } .fl-col.fl-node-n1jut3gkvdb4 .uabb-testimonial-author-description p { font-size: 0.9rem !important; } } /* ============================================== MAIN HEADER - DLF ============================================== */ .dlf-main-header.fl-row { position: relative; min-height: 128px; max-height: 128px; background: transparent !important; } .dlf-main-header > .fl-row-content-wrap { padding-top: 8px; padding-bottom: 8px; } /* This is the header gradient, kept as requested */ .dlf-main-header::before { content: ""; position: absolute; top: 0; left: -87.5%; width: 175%; height: 100%; background: radial-gradient(ellipse at center top, rgba(0, 193, 252, 0.25) 0%, rgba(255, 255, 255, 0) 50%); z-index: 10; pointer-events: none; } .dlf-main-header-menu { position: relative; z-index: 11; cursor: pointer; } .dlf-main-header .fl-module { margin-top: 0; margin-bottom: 0; } .dlf-main-header .header-button-container { display: flex; align-items: end; justify-content: flex-end; gap: 10px; } /* This is a button, so it gets the new button style */ .dlf-main-header .donate-life-button--blue.donate-life-button--small { background: #bfd892; /* CHANGED */ border: 1px solid #bfd892; /* CHANGED */ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), 0 5px 15px rgba(0, 0, 0, 0.2) !important; /* CHANGED */ transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); color: #1a1a1a !important; /* CHANGED */ position: relative; overflow: hidden; /* Re-applying small button radius */ border-radius: 25px !important; } .dlf-main-header .donate-life-button--blue.donate-life-button--small::before { content: ''; position: absolute; inset: 0; opacity: 0.8; pointer-events: none; z-index: -1; } .dlf-main-header .donate-life-button--blue.donate-life-button--small:hover { transform: translateY(-3px) scale(1.02) !important; background: #96c0e6 !important; /* CHANGED */ border-color: #96c0e6 !important; /* CHANGED */ box-shadow: 0 15px 45px rgba(0, 0, 0, 0.3), 0 10px 25px rgba(0, 0, 0, 0.25), 0 5px 15px rgba(0, 0, 0, 0.3) !important; /* CHANGED */ } .dlf-main-header .donate-life-button--blue.donate-life-button--small:hover::before { opacity: 1; } .dlf-main-header .donate-life-button--blue.donate-life-button--small:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2), 0 4px 12px rgba(0, 0, 0, 0.15); /* CHANGED */ } .gradient-no-motion-bg > .fl-row-content-wrap { background: #3070AE; /* CHANGED */ position: relative; overflow: hidden; } .site-content .ast-container { max-width: 100% !important; padding: 0 !important; } .donate-life-sticky-logo a { position: relative; z-index: 12; cursor: pointer; } /* ================================================================================== INDEPENDENT READ MORE BUTTON STYLING - SCOPED TO PAGE-ID-1680 ONLY Full Featured: Glassmorphism, Gradients, Animations, Depth Effects DO NOT MODIFY - Custom button styling for .uabb-read-more-text ================================================================================== */ /* Keyframe animations for button effects */ @keyframes button-glow-pulse-1680 { 0%, 100% { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), 0 5px 15px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3); } 50% { box-shadow: 0 12px 35px rgba(0, 0, 0, 0.25), 0 6px 18px rgba(0, 0, 0, 0.25), inset 0 1px 3px rgba(255, 255, 255, 0.4); } } @keyframes button-shimmer-1680 { 0% { background-position: -200% center; } 100% { background-position: 200% center; } } /* Base button - SCOPED TO PAGE-ID-1680 ONLY */ .page-id-1680 p.uabb-read-more-text > a, .page-id-1680 p.uabb-read-more-text a[href], .page-id-1680 .uabb-read-more-text > a, .page-id-1680 .uabb-read-more-text a[href], body.page-id-1680 p.uabb-read-more-text > a, body.page-id-1680 p.uabb-read-more-text a[href], body.page-id-1680 .uabb-read-more-text > a, body.page-id-1680 .uabb-read-more-text a[href] { /* Complete reset */ all: unset; -webkit-appearance: none; -moz-appearance: none; appearance: none; /* Core display properties */ display: inline-flex !important; align-items: center !important; justify-content: center !important; position: relative !important; box-sizing: border-box !important; /* Dimensions */ padding: 12px 30px !important; min-height: 40px !important; min-width: 150px !important; /* Typography */ font-family: 'Raleway', sans-serif !important; font-size: 13px !important; font-weight: 700 !important; font-style: normal !important; text-transform: uppercase !important; letter-spacing: 1px !important; text-decoration: none !important; line-height: 1 !important; white-space: nowrap !important; /* Colors and gradient background */ color: #1a1a1a !important; -webkit-text-fill-color: #1a1a1a !important; background: linear-gradient(135deg, #bfd892 0%, #a8c77d 50%, #bfd892 100%) !important; background-color: #bfd892 !important; background-size: 200% 200% !important; border: 1px solid rgba(255, 255, 255, 0.4) !important; border-radius: 50px !important; /* Glassmorphism effects - REMOVED BLUR FROM BUTTON TO KEEP TEXT CRISP */ /* backdrop-filter: blur(10px) saturate(150%) !important; */ /* -webkit-backdrop-filter: blur(10px) saturate(150%) !important; */ /* Advanced shadows for depth */ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2), 0 5px 15px rgba(0, 0, 0, 0.2), inset 0 1px 2px rgba(255, 255, 255, 0.3), inset 0 -1px 2px rgba(0, 0, 0, 0.1) !important; /* Smooth transitions */ transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important; /* Interaction */ cursor: pointer !important; overflow: hidden !important; z-index: 1 !important; /* Prevent text selection issues */ user-select: none !important; -webkit-user-select: none !important; -moz-user-select: none !important; /* Text shadow for better visibility */ text-shadow: none !important; /* Subtle animation */ animation: button-glow-pulse-1680 3s ease-in-out infinite !important; } /* Decorative gradient overlay layer - SCOPED TO PAGE-ID-1680 ONLY */ .page-id-1680 p.uabb-read-more-text > a::before, .page-id-1680 p.uabb-read-more-text a[href]::before, .page-id-1680 .uabb-read-more-text > a::before, .page-id-1680 .uabb-read-more-text a[href]::before, body.page-id-1680 p.uabb-read-more-text > a::before, body.page-id-1680 p.uabb-read-more-text a[href]::before, body.page-id-1680 .uabb-read-more-text > a::before, body.page-id-1680 .uabb-read-more-text a[href]::before { content: "" !important; position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important; height: 100% !important; /* Subtle highlight only - NO BLUR */ background: linear-gradient( 135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100% ) !important; background-size: 100% 100% !important; /* NO backdrop-filter to keep text crisp */ /* backdrop-filter: none !important; */ /* -webkit-backdrop-filter: none !important; */ pointer-events: none !important; opacity: 0.3 !important; z-index: 0 !important; border-radius: 50px !important; /* No animation */ transition: opacity 0.3s ease !important; } /* Hover state - SCOPED TO PAGE-ID-1680 ONLY */ .page-id-1680 p.uabb-read-more-text > a:hover, .page-id-1680 p.uabb-read-more-text a[href]:hover, .page-id-1680 .uabb-read-more-text > a:hover, .page-id-1680 .uabb-read-more-text a[href]:hover, body.page-id-1680 p.uabb-read-more-text > a:hover, body.page-id-1680 p.uabb-read-more-text a[href]:hover, body.page-id-1680 .uabb-read-more-text > a:hover, body.page-id-1680 .uabb-read-more-text a[href]:hover { transform: translateY(-3px) scale(1.03) !important; /* Gradient background shift on hover */ background: linear-gradient(135deg, #96c0e6 0%, #7aabdb 50%, #96c0e6 100%) !important; background-color: #96c0e6 !important; background-size: 200% 200% !important; border: 1px solid rgba(255, 255, 255, 0.6) !important; border-color: rgba(255, 255, 255, 0.6) !important; /* FORCE dark text color */ color: #1a1a1a !important; -webkit-text-fill-color: #1a1a1a !important; /* Enhanced shadows for lift effect */ box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3), 0 8px 20px rgba(0, 0, 0, 0.25), inset 0 2px 4px rgba(255, 255, 255, 0.4), inset 0 -2px 4px rgba(0, 0, 0, 0.1), 0 0 20px rgba(150, 192, 230, 0.3) !important; /* Keep text crisp - NO FILTERS */ text-decoration: none !important; text-shadow: none !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; animation: none !important; } /* Slightly enhance overlay on hover - SCOPED TO PAGE-ID-1680 ONLY */ .page-id-1680 p.uabb-read-more-text > a:hover::before, .page-id-1680 p.uabb-read-more-text a[href]:hover::before, .page-id-1680 .uabb-read-more-text > a:hover::before, .page-id-1680 .uabb-read-more-text a[href]:hover::before, body.page-id-1680 p.uabb-read-more-text > a:hover::before, body.page-id-1680 p.uabb-read-more-text a[href]:hover::before, body.page-id-1680 .uabb-read-more-text > a:hover::before, body.page-id-1680 .uabb-read-more-text a[href]:hover::before { opacity: 0.5 !important; } /* Focus state - SCOPED TO PAGE-ID-1680 ONLY */ .page-id-1680 p.uabb-read-more-text > a:focus, .page-id-1680 p.uabb-read-more-text a[href]:focus, .page-id-1680 .uabb-read-more-text > a:focus, .page-id-1680 .uabb-read-more-text a[href]:focus, body.page-id-1680 p.uabb-read-more-text > a:focus, body.page-id-1680 p.uabb-read-more-text a[href]:focus, body.page-id-1680 .uabb-read-more-text > a:focus, body.page-id-1680 .uabb-read-more-text a[href]:focus { outline: none !important; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3), 0 8px 20px rgba(0, 0, 0, 0.25), 0 0 0 3px rgba(150, 192, 230, 0.5), inset 0 2px 4px rgba(255, 255, 255, 0.4) !important; } /* Active/pressed state - SCOPED TO PAGE-ID-1680 ONLY */ .page-id-1680 p.uabb-read-more-text > a:active, .page-id-1680 p.uabb-read-more-text a[href]:active, .page-id-1680 .uabb-read-more-text > a:active, .page-id-1680 .uabb-read-more-text a[href]:active, body.page-id-1680 p.uabb-read-more-text > a:active, body.page-id-1680 p.uabb-read-more-text a[href]:active, body.page-id-1680 .uabb-read-more-text > a:active, body.page-id-1680 .uabb-read-more-text a[href]:active { transform: translateY(-1px) scale(0.98) !important; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3), inset 0 3px 8px rgba(0, 0, 0, 0.2) !important; } /* Remove any unwanted pseudo-elements - SCOPED TO PAGE-ID-1680 ONLY */ .page-id-1680 p.uabb-read-more-text > a::after, .page-id-1680 p.uabb-read-more-text a[href]::after, .page-id-1680 .uabb-read-more-text > a::after, .page-id-1680 .uabb-read-more-text a[href]::after, body.page-id-1680 p.uabb-read-more-text > a::after, body.page-id-1680 p.uabb-read-more-text a[href]::after, body.page-id-1680 .uabb-read-more-text > a::after, body.page-id-1680 .uabb-read-more-text a[href]::after { display: none !important; content: none !important; visibility: hidden !important; opacity: 0 !important; } /* Text and child elements - SCOPED TO PAGE-ID-1680 ONLY */ .page-id-1680 p.uabb-read-more-text > a *, .page-id-1680 p.uabb-read-more-text a[href] *, .page-id-1680 .uabb-read-more-text > a *, .page-id-1680 .uabb-read-more-text a[href] *, body.page-id-1680 p.uabb-read-more-text > a *, body.page-id-1680 p.uabb-read-more-text a[href] *, body.page-id-1680 .uabb-read-more-text > a *, body.page-id-1680 .uabb-read-more-text a[href] * { color: #1a1a1a !important; -webkit-text-fill-color: #1a1a1a !important; z-index: 10 !important; position: relative !important; text-shadow: none !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* Force text color on all text nodes - SCOPED TO PAGE-ID-1680 ONLY */ .page-id-1680 p.uabb-read-more-text > a span, .page-id-1680 p.uabb-read-more-text a[href] span, .page-id-1680 .uabb-read-more-text > a span, .page-id-1680 .uabb-read-more-text a[href] span, body.page-id-1680 p.uabb-read-more-text > a span, body.page-id-1680 p.uabb-read-more-text a[href] span, body.page-id-1680 .uabb-read-more-text > a span, body.page-id-1680 .uabb-read-more-text a[href] span { color: #1a1a1a !important; -webkit-text-fill-color: #1a1a1a !important; z-index: 10 !important; position: relative !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; text-shadow: none !important; } /* All link states - SCOPED TO PAGE-ID-1680 ONLY */ .page-id-1680 p.uabb-read-more-text > a:link, .page-id-1680 p.uabb-read-more-text > a:visited, .page-id-1680 p.uabb-read-more-text > a:active, .page-id-1680 p.uabb-read-more-text a[href]:link, .page-id-1680 p.uabb-read-more-text a[href]:visited, .page-id-1680 p.uabb-read-more-text a[href]:active, .page-id-1680 .uabb-read-more-text > a:link, .page-id-1680 .uabb-read-more-text > a:visited, .page-id-1680 .uabb-read-more-text > a:active, .page-id-1680 .uabb-read-more-text a[href]:link, .page-id-1680 .uabb-read-more-text a[href]:visited, .page-id-1680 .uabb-read-more-text a[href]:active, body.page-id-1680 p.uabb-read-more-text > a:link, body.page-id-1680 p.uabb-read-more-text > a:visited, body.page-id-1680 p.uabb-read-more-text > a:active, body.page-id-1680 p.uabb-read-more-text a[href]:link, body.page-id-1680 p.uabb-read-more-text a[href]:visited, body.page-id-1680 p.uabb-read-more-text a[href]:active, body.page-id-1680 .uabb-read-more-text > a:link, body.page-id-1680 .uabb-read-more-text > a:visited, body.page-id-1680 .uabb-read-more-text > a:active, body.page-id-1680 .uabb-read-more-text a[href]:link, body.page-id-1680 .uabb-read-more-text a[href]:visited, body.page-id-1680 .uabb-read-more-text a[href]:active { color: #1a1a1a !important; -webkit-text-fill-color: #1a1a1a !important; text-shadow: none !important; } /* END INDEPENDENT READ MORE BUTTON STYLING - SCOPED TO PAGE-ID-1680 ONLY */ /* Icon Container */ .dlf-step-icon-wrapper { position: absolute; left: -80px; top: 50%; transform: translateY(-50%); z-index: 2; } .dlf-step-icon { width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 28px; color: white; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15); transition: transform 0.3s ease, box-shadow 0.3s ease; } .dlf-step-plate:hover .dlf-step-icon { transform: scale(1.1); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25); } /* Donate Life Brand Colors */ .dlf-icon-green { background: linear-gradient(135deg, #00a651 0%, #00c968 100%); } .dlf-icon-orange { background: linear-gradient(135deg, #f26522 0%, #ff7b3d 100%); } .dlf-icon-blue { background: linear-gradient(135deg, #0072ce 0%, #0091ea 100%); } /* Icon Animation */ @keyframes iconPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } } .dlf-step-plate.active .dlf-step-icon { animation: iconPulse 2s ease-in-out infinite; } .dlf-step-icon { width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; color: #3070ae; font-size: 48px; flex-shrink: 0; } /* Responsive adjustments */ @media (max-width: 992px) { .dlf-step-icon-wrapper { position: relative; left: 0; top: 0; transform: none; margin-bottom: 15px; display: flex; justify-content: center; } .dlf-step-icon { width: 50px; height: 50px; font-size: 24px; } .donate-life-stats-container a.donate-life-button, .donate-life-button, .donate-life-button--hero, .donate-life-button--orange, .donate-life-button--primary{ font-size: 12px; --btn-padding-y: 0.7rem; --btn-padding-x: 1rem; white-space: wrap; } } a.fl-button.pp-submit-button { --btn-padding-y: 0.6em !important; --btn-padding-x: 1.8em !important; font-size: 11px !important; min-width: 100px !important; --btn-border-radius: 25px !important; all: unset !important; box-sizing: border-box !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; position: relative !important; isolation: isolate !important; padding: var(--btn-padding-y) var(--btn-padding-x) !important; min-width: var(--btn-min-width) !important; border-radius: var(--btn-border-radius) !important; font: var(--btn-font) !important; text-transform: uppercase !important; letter-spacing: var(--btn-letter-spacing) !important; text-decoration: none !important; white-space: nowrap !important; text-align: center !important; cursor: pointer !important; user-select: none !important; touch-action: manipulation !important; transition: var(--btn-transition) !important; will-change: transform, box-shadow !important; overflow: hidden !important; backdrop-filter: blur(24px) saturate(190%) !important; -webkit-backdrop-filter: blur(24px) saturate(190%) !important; background: linear-gradient(135deg, rgba(241, 90, 41, 1), rgba(241, 90, 41, 0.8)) !important; color: var(--dlf-text-light) !important; box-shadow: inset 0 0 0 var(--btn-border-width) rgba(241, 90, 41, 0.2), var(--elevation-3) !important; } a.fl-button.pp-submit-button::before { content: "" !important; position: absolute !important; inset: 0 !important; border-radius: inherit !important; background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.05) 100%) !important; pointer-events: none !important; transition: opacity 0.3s ease !important; opacity: 0 !important; z-index: 1 !important; } a.fl-button.pp-submit-button:hover { transform: translateY(var(--hover-y)) scale(var(--hover-scale)) !important; box-shadow: inset 0 0 0 var(--btn-border-width) rgba(150, 192, 230, 0.3), var(--elevation-4) !important; background: linear-gradient(135deg, rgba(255, 110, 60, 1), rgba(241, 90, 41, 1)) !important; } a.fl-button.pp-submit-button:hover::before { opacity: 1 !important; } a.fl-button.pp-submit-button:focus-visible { outline: none !important; box-shadow: inset 0 0 0 var(--btn-border-width) rgba(150, 192, 230, 0.3), var(--elevation-3), var(--focus-ring) !important; } a.fl-button.pp-submit-button:active { transform: scale(var(--active-scale)) !important; box-shadow: inset 0 0 0 var(--btn-border-width) rgba(150, 192, 230, 0.3), var(--elevation-1) !important; transition-duration: 0.1s !important; } a.fl-button.pp-submit-button::after { display: none !important; content: none !important; visibility: hidden !important; } a.fl-button.pp-submit-button i[class*="fa"] { margin-left: 0.5em !important; font-size: 0.9em !important; color: inherit !important; transition: transform 0.3s ease !important; } a.fl-button.pp-submit-button:hover i[class*="fa"] { transform: translateX(2px) !important; } /* Safe screen-reader text for Beaver Builder */ .sr-only { position: absolute; left: -9999px; top: 0; } /* When Beaver Builder editor is open, show the text so you can edit it */ .fl-builder-edit .sr-only { position: static; left: 0; } /* End Global CSS */ /* Start Global Nodes CSS */ /* End Global Nodes CSS */ /* Start Layout CSS */ /* End Layout CSS */ /* Equal height Column Bottom Alignment */ .fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content { -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: end; -webkit-box-pack: end; -ms-flex-pack: end; } /* H1-H6 Margin Reset in all Modules */ .uabb-module-content h1, .uabb-module-content h2, .uabb-module-content h3, .uabb-module-content h4, .uabb-module-content h5, .uabb-module-content h6 { margin: 0; clear: both; } /* Anchor Tag Css */ .fl-module-content a, .fl-module-content a:hover, .fl-module-content a:focus { text-decoration: none; } /* Row Separator CSS */ .uabb-row-separator { position: absolute; width: 100%; left: 0; } .uabb-top-row-separator { top: 0; bottom: auto } .uabb-bottom-row-separator { top: auto; bottom: 0; } .fl-builder-content-editing .fl-visible-medium.uabb-row, .fl-builder-content-editing .fl-visible-medium-mobile.uabb-row, .fl-builder-content-editing .fl-visible-mobile.uabb-row { display: none !important; } @media (max-width: 992px) { .fl-builder-content-editing .fl-visible-desktop.uabb-row, .fl-builder-content-editing .fl-visible-mobile.uabb-row { display: none !important; } .fl-builder-content-editing .fl-visible-desktop-medium.uabb-row, .fl-builder-content-editing .fl-visible-medium.uabb-row, .fl-builder-content-editing .fl-visible-medium-mobile.uabb-row { display: block !important; } } @media (max-width: 768px) { .fl-builder-content-editing .fl-visible-desktop.uabb-row, .fl-builder-content-editing .fl-visible-desktop-medium.uabb-row, .fl-builder-content-editing .fl-visible-medium.uabb-row { display: none !important; } .fl-builder-content-editing .fl-visible-medium-mobile.uabb-row, .fl-builder-content-editing .fl-visible-mobile.uabb-row { display: block !important; } } .fl-responsive-preview-content .fl-builder-content-editing { overflow-x: hidden; overflow-y: visible; } .uabb-row-separator svg { width: 100%; } .uabb-top-row-separator.uabb-has-svg svg { position: absolute; padding: 0; margin: 0; left: 50%; top: -1px; bottom: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .uabb-bottom-row-separator.uabb-has-svg svg { position: absolute; padding: 0; margin: 0; left: 50%; bottom: -1px; top: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .uabb-bottom-row-separator.uabb-has-svg .uasvg-wave-separator { bottom: 0; } .uabb-top-row-separator.uabb-has-svg .uasvg-wave-separator { top: 0; } /** * * Svg Triangle Separator * Big Triangle Separator * Big Triangle Left Separator * Svg Half Circle Separator * Curve Center Separator * Waves Separator * Stamp * Grass * Slime * Grass Bend * Wave Slide * Muliple Triangles * Pine Tree * Pine Tree Bend * ***************************************/ .uabb-bottom-row-separator.uabb-svg-triangle svg, .uabb-bottom-row-separator.uabb-xlarge-triangle svg, .uabb-top-row-separator.uabb-xlarge-triangle-left svg, .uabb-bottom-row-separator.uabb-svg-circle svg, .uabb-top-row-separator.uabb-slime-separator svg, .uabb-top-row-separator.uabb-grass-separator svg, .uabb-top-row-separator.uabb-grass-bend-separator svg, .uabb-bottom-row-separator.uabb-mul-triangles-separator svg, .uabb-top-row-separator.uabb-wave-slide-separator svg, .uabb-top-row-separator.uabb-pine-tree-separator svg, .uabb-top-row-separator.uabb-pine-tree-bend-separator svg, .uabb-bottom-row-separator.uabb-stamp-separator svg, .uabb-bottom-row-separator.uabb-xlarge-circle svg, .uabb-top-row-separator.uabb-wave-separator svg{ left: 50%; -webkit-transform: translateX(-50%) scaleY(-1); -moz-transform: translateX(-50%) scaleY(-1); -ms-transform: translateX(-50%) scaleY(-1); -o-transform: translateX(-50%) scaleY(-1); transform: translateX(-50%) scaleY(-1); } /* * Big Triangle */ .uabb-bottom-row-separator.uabb-big-triangle svg { left: 50%; -webkit-transform: scale(1) scaleY(-1) translateX(-50%); -moz-transform: scale(1) scaleY(-1) translateX(-50%); -ms-transform: scale(1) scaleY(-1) translateX(-50%); -o-transform: scale(1) scaleY(-1) translateX(-50%); transform: scale(1) scaleY(-1) translateX(-50%); } .uabb-top-row-separator.uabb-big-triangle svg { left: 50%; -webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); } /** * * Big Triangle Right Separator * ***************************************/ .uabb-top-row-separator.uabb-xlarge-triangle-right svg { left: 50%; -webkit-transform: translateX(-50%) scale(-1); -moz-transform: translateX(-50%) scale(-1); -ms-transform: translateX(-50%) scale(-1); -o-transform: translateX(-50%) scale(-1); transform: translateX(-50%) scale(-1); } .uabb-bottom-row-separator.uabb-xlarge-triangle-right svg { left: 50%; -webkit-transform: translateX(-50%) scaleX(-1); -moz-transform: translateX(-50%) scaleX(-1); -ms-transform: translateX(-50%) scaleX(-1); -o-transform: translateX(-50%) scaleX(-1); transform: translateX(-50%) scaleX(-1); } /** * * Curve Left Separator * Curve Right Separator * ***************************************/ .uabb-top-row-separator.uabb-curve-up-separator svg { left: 50%; -webkit-transform: translateX(-50%) scaleY(-1); -moz-transform: translateX(-50%) scaleY(-1); -ms-transform: translateX(-50%) scaleY(-1); -o-transform: translateX(-50%) scaleY(-1); transform: translateX(-50%) scaleY(-1); } .uabb-top-row-separator.uabb-curve-down-separator svg { left: 50%; -webkit-transform: translateX(-50%) scale(-1); -moz-transform: translateX(-50%) scale(-1); -ms-transform: translateX(-50%) scale(-1); -o-transform: translateX(-50%) scale(-1); transform: translateX(-50%) scale(-1); } .uabb-bottom-row-separator.uabb-curve-down-separator svg { left: 50%; -webkit-transform: translateX(-50%) scaleX(-1); -moz-transform: translateX(-50%) scaleX(-1); -ms-transform: translateX(-50%) scaleX(-1); -o-transform: translateX(-50%) scaleX(-1); transform: translateX(-50%) scaleX(-1); } /** * * Tilt Left Separator * Tilt Right Separator * ***************************************/ .uabb-top-row-separator.uabb-tilt-left-separator svg { left: 50%; -webkit-transform: translateX(-50%) scale(-1); -moz-transform: translateX(-50%) scale(-1); -ms-transform: translateX(-50%) scale(-1); -o-transform: translateX(-50%) scale(-1); transform: translateX(-50%) scale(-1); } .uabb-top-row-separator.uabb-tilt-right-separator svg{ left: 50%; -webkit-transform: translateX(-50%) scaleY(-1); -moz-transform: translateX(-50%) scaleY(-1); -ms-transform: translateX(-50%) scaleY(-1); -o-transform: translateX(-50%) scaleY(-1); transform: translateX(-50%) scaleY(-1); } .uabb-bottom-row-separator.uabb-tilt-left-separator svg { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .uabb-bottom-row-separator.uabb-tilt-right-separator svg { left: 50%; -webkit-transform: translateX(-50%) scaleX(-1); -moz-transform: translateX(-50%) scaleX(-1); -ms-transform: translateX(-50%) scaleX(-1); -o-transform: translateX(-50%) scaleX(-1); transform: translateX(-50%) scaleX(-1); } .uabb-top-row-separator.uabb-tilt-left-separator, .uabb-top-row-separator.uabb-tilt-right-separator { top: 0; } .uabb-bottom-row-separator.uabb-tilt-left-separator, .uabb-bottom-row-separator.uabb-tilt-right-separator { bottom: 0; } /** * * Clouds Separator * Multi Triangle * Arrow Inward * Arrow Outward * ***************************************/ .uabb-top-row-separator.uabb-arrow-outward-separator svg, .uabb-top-row-separator.uabb-arrow-inward-separator svg, .uabb-top-row-separator.uabb-cloud-separator svg, .uabb-top-row-separator.uabb-multi-triangle svg { left: 50%; -webkit-transform: translateX(-50%) scaleY(-1); -moz-transform: translateX(-50%) scaleY(-1); -ms-transform: translateX(-50%) scaleY(-1); -o-transform: translateX(-50%) scaleY(-1); transform: translateX(-50%) scaleY(-1); } .uabb-bottom-row-separator.uabb-multi-triangle svg { bottom: -2px; } .uabb-row-separator.uabb-round-split:after, .uabb-row-separator.uabb-round-split:before { left: 0; width: 50%; background: inherit inherit/inherit inherit inherit inherit; content: ''; position: absolute } /* Buttons ------------------------------------------------------ */ .uabb-button-wrap a, .uabb-button-wrap a:visited { display: inline-block; font-size: 16px; line-height: 18px; text-decoration: none; text-shadow: none; } .fl-builder-content .uabb-button:hover { text-decoration: none; } .fl-builder-content .uabb-button-width-full .uabb-button { display: block; text-align: center; } .uabb-button-width-custom .uabb-button { display: inline-block; text-align: center; max-width: 100%; } .fl-builder-content .uabb-button-left { text-align: left; } .fl-builder-content .uabb-button-center { text-align: center; } .fl-builder-content .uabb-infobox .uabb-button-center, .fl-builder-content .uabb-modal-action-wrap .uabb-button-center, .fl-builder-content .uabb-ultb3-box .uabb-button-center, .fl-builder-content .uabb-slide-down .uabb-button-center, .fl-builder-content .uabb-blog-post-content .uabb-button-center, .fl-builder-content .uabb-cta-wrap .uabb-button-center, .fl-builder-content .fl-module-uabb-off-canvas .uabb-button-wrap .uabb-button-center{ text-align: inherit; } .fl-builder-content .uabb-button-right { text-align: right; } .fl-builder-content .uabb-button i, .fl-builder-content .uabb-button i:before { font-size: 1em; height: 1em; line-height: 1em; width: 1em; } .uabb-button .uabb-button-icon-after { margin-left: 8px; margin-right: 0; } .uabb-button .uabb-button-icon-before { margin-left: 0; margin-right: 8px; } .uabb-button .uabb-button-icon-no-text { margin: 0; } .uabb-button-has-icon .uabb-button-text { vertical-align: middle; } /* Icons ------------------------------------------------------ */ .uabb-icon-wrap { display: inline-block; } .uabb-icon a { text-decoration: none; } .uabb-icon i { display: block; } .uabb-icon i:before { border: none !important; background: none !important; } .uabb-icon-text { display: table-cell; text-align: left; padding-left: 15px; vertical-align: middle; } .uabb-icon-text *:last-child { margin: 0 !important; padding: 0 !important; } .uabb-icon-text a { text-decoration: none; } /* Photos ------------------------------------------------------ */ .uabb-photo { line-height: 0; position: relative; z-index: 2; } .uabb-photo-align-left { text-align: left; } .uabb-photo-align-center { text-align: center; } .uabb-photo-align-right { text-align: right; } .uabb-photo-content { border-radius: 0; display: inline-block; line-height: 0; position: relative; max-width: 100%; overflow: hidden; } .uabb-photo-content img { border-radius: inherit; display: inline; height: auto; max-width: 100%; width: auto; } .fl-builder-content .uabb-photo-crop-circle img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .fl-builder-content .uabb-photo-crop-square img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .uabb-photo-caption { font-size: 13px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .uabb-photo-caption-below { padding-bottom: 20px; padding-top: 10px; } .uabb-photo-caption-hover { background: rgba(0,0,0,0.7); bottom: 0; color: #fff; left: 0; opacity: 0; visibility: hidden; filter: alpha(opacity = 0); padding: 10px 15px; position: absolute; right: 0; -webkit-transition:visibility 200ms linear; -moz-transition:visibility 200ms linear; transition:visibility 200ms linear; } .uabb-photo-content:hover .uabb-photo-caption-hover { opacity: 100; visibility: visible; } /* Panel & Buttons ------------------------------------------------------ */ .uabb-active-btn { background: #1e8cbe; border-color: #0074a2; -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,.6); box-shadow: inset 0 1px 0 rgba(120,200,230,.6); color: white; } .fl-builder-bar .fl-builder-add-content-button { display: block !important; opacity: 1 !important; } /* Image Icon Object */ .uabb-imgicon-wrap .uabb-icon { display: block; } .uabb-imgicon-wrap .uabb-icon i{ float: none; } /* Photo */ .uabb-imgicon-wrap .uabb-image { line-height: 0; position: relative; } .uabb-imgicon-wrap .uabb-image-align-left { text-align: left; } .uabb-imgicon-wrap .uabb-image-align-center { text-align: center; } .uabb-imgicon-wrap .uabb-image-align-right { text-align: right; } .uabb-imgicon-wrap .uabb-image-content { display: inline-block; border-radius: 0; line-height: 0; position: relative; max-width: 100%; } .uabb-imgicon-wrap .uabb-image-content img { display: inline; height: auto !important; max-width: 100%; width: auto; border-radius: inherit; box-shadow: none; box-sizing: content-box; } .fl-builder-content .uabb-imgicon-wrap .uabb-image-crop-circle img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .fl-builder-content .uabb-imgicon-wrap .uabb-image-crop-square img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* Creative Button ___________________________________________________________________________*/ .uabb-creative-button-wrap a, .uabb-creative-button-wrap a:visited { background: #fafafa; border: 1px solid #ccc; color: #333; display: inline-block; vertical-align: middle; text-align: center; overflow: hidden; text-decoration: none; text-shadow: none; box-shadow: none; position: relative; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .uabb-creative-button-wrap a:focus { text-decoration: none; text-shadow: none; box-shadow: none; } .uabb-creative-button-wrap a .uabb-creative-button-text, .uabb-creative-button-wrap a .uabb-creative-button-icon, .uabb-creative-button-wrap a:visited .uabb-creative-button-text, .uabb-creative-button-wrap a:visited .uabb-creative-button-icon { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .uabb-creative-button-wrap a:hover { text-decoration: none; } .uabb-creative-button-wrap .uabb-creative-button-width-full .uabb-creative-button { display: block; text-align: center; } .uabb-creative-button-wrap .uabb-creative-button-width-custom .uabb-creative-button { display: inline-block; text-align: center; max-width: 100%; } .uabb-creative-button-wrap .uabb-creative-button-left { text-align: left; } .uabb-creative-button-wrap .uabb-creative-button-center { text-align: center; } .uabb-creative-button-wrap .uabb-creative-button-right { text-align: right; } .uabb-creative-button-wrap .uabb-creative-button i { font-size: 1.3em; height: auto; vertical-align: middle; width: auto; } .uabb-creative-button-wrap .uabb-creative-button .uabb-creative-button-icon-after { margin-left: 8px; margin-right: 0; } .uabb-creative-button-wrap .uabb-creative-button .uabb-creative-button-icon-before { margin-right: 8px; margin-left: 0; } .uabb-creative-button-wrap.uabb-creative-button-icon-no-text .uabb-creative-button i { margin: 0; } .uabb-creative-button-wrap .uabb-creative-button-has-icon .uabb-creative-button-text { vertical-align: middle; } .uabb-creative-button-wrap a, .uabb-creative-button-wrap a:visited { padding: 12px 24px; } /* Translate Button styles */ .uabb-creative-button.uabb-creative-transparent-btn { background: transparent; } .uabb-creative-button.uabb-creative-transparent-btn:after { content: ''; position: absolute; z-index: 1; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } /* transparent-fill-top, transparent-fill-bottom */ .uabb-transparent-fill-top-btn:after, .uabb-transparent-fill-bottom-btn:after { width: 100%; height: 0; left: 0; } /* transparent-fill-top */ .uabb-transparent-fill-top-btn:after { top: 0; } /* transparent-fill-bottom */ .uabb-transparent-fill-bottom-btn:after { bottom: 0; } /* transparent-fill-left, transparent-fill-right */ .uabb-transparent-fill-left-btn:after, .uabb-transparent-fill-right-btn:after { width: 0; height: 100%; top: 0; } /* transparent-fill-left */ .uabb-transparent-fill-left-btn:after { left: 0; } /* transparent-fill-right */ .uabb-transparent-fill-right-btn:after { right: 0; } /* transparent-fill-center */ .uabb-transparent-fill-center-btn:after{ width: 0; height: 100%; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /* transparent-fill-diagonal, transparent-fill-horizontal */ .uabb-transparent-fill-diagonal-btn:after, .uabb-transparent-fill-horizontal-btn:after { width: 100%; height: 0; top: 50%; left: 50%; } /* transparent-fill-diagonal */ .uabb-transparent-fill-diagonal-btn{ overflow: hidden; } .uabb-transparent-fill-diagonal-btn:after{ -webkit-transform: translateX(-50%) translateY(-50%) rotate( 45deg ); -moz-transform: translateX(-50%) translateY(-50%) rotate( 45deg ); -ms-transform: translateX(-50%) translateY(-50%) rotate( 45deg ); -o-transform: translateX(-50%) translateY(-50%) rotate( 45deg ); transform: translateX(-50%) translateY(-50%) rotate( 45deg ); } /* transparent-fill-horizontal */ .uabb-transparent-fill-horizontal-btn:after{ -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /* 3D Button styles */ .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_down-btn, .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_up-btn, .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_left-btn, .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_right-btn { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .perspective { -webkit-perspective: 800px; -moz-perspective: 800px; perspective: 800px; margin: 0; } .uabb-creative-button.uabb-creative-threed-btn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; transition: all 200ms linear; } .uabb-creative-button.uabb-creative-threed-btn { outline: 1px solid transparent; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } /* 3D Button styles --- Animate to top */ .uabb-creative-threed-btn.uabb-animate_top-btn:after { height: 40%; left: 0; top: -40%; width: 100%; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); transform: rotateX(90deg); } /* 3D Button styles --- Animate to bottom */ .uabb-creative-threed-btn.uabb-animate_bottom-btn:after { width: 100%; height: 40%; left: 0; top: 100%; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); transform: rotateX(-90deg); } /* 3D Button styles --- Animate to Left */ .uabb-creative-threed-btn.uabb-animate_left-btn:after { width: 20%; height: 100%; left: -20%; top: 0; -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: rotateY(-60deg); -moz-transform: rotateY(-60deg); -ms-transform: rotateY(-60deg); transform: rotateY(-60deg); } /* 3D Button styles --- Animate to Right */ .uabb-creative-threed-btn.uabb-animate_right-btn:after { width: 20%; height: 100%; left: 104%; top: 0; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotateY(120deg); -moz-transform: rotateY(120deg); -ms-transform: rotateY(120deg); transform: rotateY(120deg); } /* Animate Top */ .uabb-animate_top-btn:hover{ -webkit-transform: rotateX(-15deg); -moz-transform: rotateX(-15deg); -ms-transform: rotateX(-15deg); -o-transform: rotateX(-15deg); transform: rotateX(-15deg); } /* Animate Bottom */ .uabb-animate_bottom-btn:hover{ -webkit-transform: rotateX(15deg); -moz-transform: rotateX(15deg); -ms-transform: rotateX(15deg); -o-transform: rotateX(15deg); transform: rotateX(15deg); } /* Animate Left */ .uabb-animate_left-btn:hover{ -webkit-transform: rotateY(6deg); -moz-transform: rotateY(6deg); -ms-transform: rotateY(6deg); -o-transform: rotateY(6deg); transform: rotateY(6deg); } /* Animate Right */ .uabb-animate_right-btn:hover{ -webkit-transform: rotateY(-6deg); -moz-transform: rotateY(-6deg); -ms-transform: rotateY(-6deg); -o-transform: rotateY(-6deg); transform: rotateY(-6deg); } /* Flat Button styles */ /* Common Classes */ .uabb-creative-flat-btn.uabb-animate_to_right-btn, .uabb-creative-flat-btn.uabb-animate_to_left-btn, .uabb-creative-flat-btn.uabb-animate_from_top-btn, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn { overflow: hidden; position: relative; } .uabb-creative-flat-btn.uabb-animate_to_right-btn i, .uabb-creative-flat-btn.uabb-animate_to_left-btn i, .uabb-creative-flat-btn.uabb-animate_from_top-btn i, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn i { bottom: 0; height: 100%; margin: 0; opacity: 1; position: absolute; right: 0; width: 100%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; transition: all 200ms linear; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .uabb-creative-flat-btn.uabb-animate_to_right-btn .uabb-button-text, .uabb-creative-flat-btn.uabb-animate_to_left-btn .uabb-button-text, .uabb-creative-flat-btn.uabb-animate_from_top-btn .uabb-button-text, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn .uabb-button-text { display: inline-block; width: 100%; height: 100%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } /* Making Icon position center */ .uabb-creative-flat-btn.uabb-animate_to_right-btn i:before, .uabb-creative-flat-btn.uabb-animate_to_left-btn i:before, .uabb-creative-flat-btn.uabb-animate_from_top-btn i:before, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn i:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /* Common Hover Classes */ .uabb-creative-flat-btn.uabb-animate_to_right-btn:hover i, .uabb-creative-flat-btn.uabb-animate_to_left-btn:hover i { left: 0; } .uabb-creative-flat-btn.uabb-animate_from_top-btn:hover i, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn:hover i { top: 0; } /* Animate Icon to the right */ .uabb-creative-flat-btn.uabb-animate_to_right-btn i { top: 0; left: -100%; } .uabb-creative-flat-btn.uabb-animate_to_right-btn:hover .uabb-button-text { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); -o-transform: translateX(200%); transform: translateX(200%); } /* Animate Icon to the left */ .uabb-creative-flat-btn.uabb-animate_to_left-btn i { top: 0; left: 100%; } .uabb-creative-flat-btn.uabb-animate_to_left-btn:hover .uabb-button-text { -webkit-transform: translateX(-200%); -moz-transform: translateX(-200%); -ms-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); } /* Animate Icon From the Top */ .uabb-creative-flat-btn.uabb-animate_from_top-btn i { top: -100%; left: 0; } .uabb-creative-flat-btn.uabb-animate_from_top-btn:hover .uabb-button-text { -webkit-transform: translateY(400px); -moz-transform: translateY(400px); -ms-transform: translateY(400px); -o-transform: translateY(400px); transform: translateY(400px); } /* Animate Icon From the Bottom */ .uabb-creative-flat-btn.uabb-animate_from_bottom-btn i { top: 100%; left: 0; } .uabb-creative-flat-btn.uabb-animate_from_bottom-btn:hover .uabb-button-text { -webkit-transform: translateY(-400px); -moz-transform: translateY(-400px); -ms-transform: translateY(-400px); -o-transform: translateY(-400px); transform: translateY(-400px); } /* Media/Video CSS */ .uabb-tab-acc-content .wp-video, .uabb-tab-acc-content video.wp-video-shortcode, .uabb-tab-acc-content .mejs-container:not(.mejs-audio), .uabb-tab-acc-content .mejs-overlay.load, .uabb-adv-accordion-content .wp-video, .uabb-adv-accordion-content video.wp-video-shortcode, .uabb-adv-accordion-content .mejs-container:not(.mejs-audio), .uabb-adv-accordion-content .mejs-overlay.load { width: 100% !important; height: 100% !important; } .uabb-tab-acc-content .mejs-container:not(.mejs-audio), .uabb-adv-accordion-content .mejs-container:not(.mejs-audio) { padding-top: 56.25%; } .uabb-tab-acc-content .wp-video, .uabb-tab-acc-content video.wp-video-shortcode, .uabb-adv-accordion-content .wp-video, .uabb-adv-accordion-content video.wp-video-shortcode { max-width: 100% !important; } .uabb-tab-acc-content video.wp-video-shortcode, .uabb-adv-accordion-content video.wp-video-shortcode { position: relative; } .uabb-tab-acc-content .mejs-container:not(.mejs-audio) .mejs-mediaelement, .uabb-adv-accordion-content .mejs-container:not(.mejs-audio) .mejs-mediaelement { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .uabb-tab-acc-content .mejs-overlay-play, .uabb-adv-accordion-content .mejs-overlay-play { top: 0; right: 0; bottom: 0; left: 0; width: auto !important; height: auto !important; } .fl-row-content-wrap .uabb-row-particles-background, .uabb-col-particles-background { width:100%; height:100%; position:absolute; left:0; top:0; } /* Theme Button ------------------------------------------------------ */ /*.fl-builder-content a.uabb-button, .fl-builder-content a.uabb-button:visited, .fl-builder-content a.uabb-creative-button, .fl-builder-content a.uabb-creative-button:visited*/ .uabb-creative-button-wrap a, .uabb-creative-button-wrap a:visited { font-family: inherit; font-weight: 500; } .uabb-dual-button .uabb-btn, .uabb-dual-button .uabb-btn:visited { font-family: inherit; font-weight: 500; } /* Responsive Js Breakpoint Css */ .uabb-js-breakpoint { content:"default"; display:none; } @media screen and (max-width: 992px) { .uabb-js-breakpoint { content:"992"; } } @media screen and (max-width: 768px) { .uabb-js-breakpoint { content:"768"; } } .fl-builder-row-settings #fl-field-separator_position { display: none !important; } .fl-node-s3w2vd106lqm .fl-row-content { min-width: 0px; } /* Full Height Rows */ .fl-node-auk7fdw6mqgr.fl-row-full-height > .fl-row-content-wrap, .fl-node-auk7fdw6mqgr.fl-row-custom-height > .fl-row-content-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .fl-node-auk7fdw6mqgr.fl-row-full-height > .fl-row-content-wrap { min-height: 100vh; } .fl-node-auk7fdw6mqgr.fl-row-custom-height > .fl-row-content-wrap { min-height: 0; } .fl-builder-edit .fl-node-auk7fdw6mqgr.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-auk7fdw6mqgr.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-auk7fdw6mqgr.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-auk7fdw6mqgr.fl-row-full-height > .fl-row-content-wrap { min-height: 500px; } } .fl-node-auk7fdw6mqgr > .fl-row-content-wrap { background-image: linear-gradient(180deg, rgb(255, 255, 255) 20%, rgba(255, 255, 255, 0.7) 100%); border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; } .fl-node-auk7fdw6mqgr.fl-row-custom-height > .fl-row-content-wrap { min-height: 100px; } .fl-node-auk7fdw6mqgr > .fl-row-content-wrap { margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } .fl-node-auk7fdw6mqgr > .fl-row-content-wrap { padding-top:0px; padding-bottom:0px; } .fl-node-2jksp9m5win8 { width: 20%; } @media(max-width: 768px) { .fl-builder-content .fl-node-2jksp9m5win8 { width: 50% !important; max-width: none; clear: none; float: left; } } .fl-node-wybd9nqlj765 { width: 57.79%; } .fl-node-y9bcfvh31kwr { width: 22.21%; } .fl-node-f8kxavu6jtzm.fl-module-html { margin-top:0px; margin-right:5px; margin-bottom:0px; margin-left:5px; } /** * WP Menu ***/ .pp-advanced-menu ul, .pp-advanced-menu li { list-style: none; margin: 0; padding: 0; } .pp-advanced-menu .menu:before, .pp-advanced-menu .menu:after { content: ''; display: table; clear: both; } /* Horizontal menus */ .pp-advanced-menu:not(.off-canvas):not(.full-screen) .pp-advanced-menu-horizontal { display: inline-flex; flex-wrap: wrap; align-items: center; } .pp-advanced-menu .menu { padding-left: 0; } .pp-advanced-menu li { position: relative; } .pp-advanced-menu a { display: block; text-decoration: none; outline: 0; } .pp-advanced-menu a:hover, .pp-advanced-menu a:focus { text-decoration: none; outline: 0; } .pp-advanced-menu .sub-menu { width: 220px; /*margin: 0 auto;*/ } .pp-advanced-menu .pp-menu-nav { outline: 0; } /* Expanded menus */ .fl-module[data-node] .pp-advanced-menu .pp-advanced-menu-expanded .sub-menu { background-color: transparent; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } /* Submenus */ .pp-advanced-menu .pp-has-submenu:focus, .pp-advanced-menu .pp-has-submenu .sub-menu:focus, .pp-advanced-menu .pp-has-submenu-container:focus { outline: 0; } .pp-advanced-menu .pp-has-submenu-container { position: relative; } /* Submenu - accordion, expanded */ .pp-advanced-menu .pp-advanced-menu-accordion .pp-has-submenu > .sub-menu { display: none; } .pp-advanced-menu .pp-advanced-menu-horizontal .pp-has-submenu.pp-active .hide-heading > .sub-menu { box-shadow: none; display: block !important; } /* Toggle - General */ .pp-advanced-menu .pp-menu-toggle { position: absolute; top: 50%; right: 10px; cursor: pointer; } .pp-advanced-menu .pp-toggle-arrows .pp-menu-toggle:before, .pp-advanced-menu .pp-toggle-none .pp-menu-toggle:before { content: ''; border-color: #333; } .pp-advanced-menu .pp-menu-expanded .pp-menu-toggle { display: none; } /* Mobile menu - hamburger icon */ .pp-advanced-menu-mobile { display: flex; align-items: center; justify-content: center; } .fl-module-pp-advanced-menu .pp-advanced-menu-mobile-toggle { position: relative; padding: 8px; background-color: transparent; border: none; color: #333; border-radius: 0; cursor: pointer; line-height: 0; display: inline-flex; align-items: center; justify-content: center; } .pp-advanced-menu-mobile-toggle.text { width: 100%; text-align: center; } .pp-advanced-menu-mobile-toggle.hamburger .pp-advanced-menu-mobile-toggle-label, .pp-advanced-menu-mobile-toggle.hamburger-label .pp-advanced-menu-mobile-toggle-label { display: inline-block; margin-left: 10px; line-height: 0.8; } .pp-advanced-menu-mobile-toggle.hamburger .pp-svg-container, .pp-advanced-menu-mobile-toggle.hamburger-label .pp-svg-container { display: inline-block; position: relative; width: 1.4em; height: 1.4em; vertical-align: middle; } .pp-advanced-menu-mobile-toggle.hamburger .hamburger-menu, .pp-advanced-menu-mobile-toggle.hamburger-label .hamburger-menu { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .pp-advanced-menu-mobile-toggle.hamburger .hamburger-menu rect, .pp-advanced-menu-mobile-toggle.hamburger-label .hamburger-menu rect { fill: currentColor; } .pp-advanced-menu-mobile-toggle .pp-hamburger { font: inherit; display: inline-block; overflow: visible; margin: 0; cursor: pointer; transition-timing-function: linear; transition-duration: .15s; transition-property: opacity,filter; text-transform: none; color: inherit; border: 0; background-color: transparent; line-height: 0; } .pp-advanced-menu-mobile-toggle .pp-hamburger:focus { outline: none; } .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box { position: relative; display: inline-block; width: 30px; height: 18px; } .pp-advanced-menu-mobile-toggle .pp-hamburger-box .pp-hamburger-inner { top: 50%; display: block; margin-top: -2px; } .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner, .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:before, .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:after { background-color: #000; position: absolute; width: 30px; height: 3px; transition-timing-function: ease; transition-duration: .15s; transition-property: transform; border-radius: 4px; } .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:before, .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:after { display: block; content: ""; } .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:before { transition: all .25s; top: -8px; } .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:after { transition: all .25s; bottom: -8px; } .pp-advanced-menu.off-canvas .pp-off-canvas-menu .pp-menu-close-btn { position: relative; cursor: pointer; float: right; top: 20px; right: 20px; line-height: 1; z-index: 1; font-style: normal; font-family: Helvetica, Arial, sans-serif; font-weight: 100; text-decoration: none !important; } .pp-advanced-menu.off-canvas .pp-off-canvas-menu.pp-menu-right .pp-menu-close-btn { float: left; right: 0; left: 20px; } .pp-advanced-menu.off-canvas .pp-off-canvas-menu ul.menu { overflow-y: auto; width: 100%; } /***** Full Screen Overlay ***/ .pp-advanced-menu .pp-menu-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 999; overflow-y: auto; overflow-x: hidden; min-height: 100vh; } html:not(.pp-full-screen-menu-open) .fl-builder-edit .pp-advanced-menu .pp-menu-overlay, html:not(.pp-off-canvas-menu-open) .fl-builder-edit .pp-advanced-menu .pp-menu-overlay { position: absolute; } .pp-advanced-menu .pp-menu-overlay > ul.menu { position: relative; top: 50%; width: 100%; height: 60%; margin: 0 auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } /* Fade */ .pp-advanced-menu .pp-overlay-fade { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; } .pp-advanced-menu.menu-open .pp-overlay-fade { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } /* Corner */ .pp-advanced-menu .pp-overlay-corner { opacity: 0; visibility: hidden; -webkit-transform: translateY(50px) translateX(50px); -moz-transform: translateY(50px) translateX(50px); transform: translateY(50px) translateX(50px); -webkit-transition: opacity 0.5s, -webkit-transform 0.5s, visibility 0s 0.5s; -moz-transition: opacity 0.5s, -moz-transform 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, transform 0.5s, visibility 0s 0.5s; } .pp-advanced-menu.menu-open .pp-overlay-corner { opacity: 1; visibility: visible; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; -moz-transition: opacity 0.5s, -moz-transform 0.5s; transition: opacity 0.5s, transform 0.5s; } /* Slide Down */ .pp-advanced-menu .pp-overlay-slide-down { visibility: hidden; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s; -moz-transition: -moz-transform 0.4s ease-in-out, visibility 0s 0.4s; transition: transform 0.4s ease-in-out, visibility 0s 0.4s; } .pp-advanced-menu.menu-open .pp-overlay-slide-down { visibility: visible; -webkit-transform: translateY(0%); -moz-transform: translateY(0%); transform: translateY(0%); -webkit-transition: -webkit-transform 0.4s ease-in-out; -moz-transition: -moz-transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; } /* Scale */ .pp-advanced-menu .pp-overlay-scale { visibility: hidden; opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s; -moz-transition: -moz-transform 0.2s, opacity 0.2s, visibility 0s 0.2s; transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s; } .pp-advanced-menu.menu-open .pp-overlay-scale { visibility: visible; opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; -moz-transition: -moz-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; } /* Corner Shape */ .pp-advanced-menu .pp-overlay-door { visibility: hidden; width: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: width 0.5s 0.3s, visibility 0s 0.8s; -moz-transition: width 0.5s 0.3s, visibility 0s 0.8s; transition: width 0.5s 0.3s, visibility 0s 0.8s; } .pp-advanced-menu.menu-open .pp-overlay-door { visibility: visible; width: 100%; -webkit-transition: width 0.5s; -moz-transition: width 0.5s; transition: width 0.5s; } .pp-advanced-menu .pp-overlay-door > ul.menu { left: 0; right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .pp-advanced-menu .pp-overlay-door > ul, .pp-advanced-menu .pp-overlay-door .pp-menu-close-btn { opacity: 0; -webkit-transition: opacity 0.3s 0.5s; -moz-transition: opacity 0.3s 0.5s; transition: opacity 0.3s 0.5s; } .pp-advanced-menu.menu-open .pp-overlay-door > ul, .pp-advanced-menu.menu-open .pp-overlay-door .pp-menu-close-btn { opacity: 1; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; } .pp-advanced-menu.menu-close .pp-overlay-door > ul, .pp-advanced-menu.menu-close .pp-overlay-door .pp-menu-close-btn { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; } .pp-advanced-menu .pp-menu-overlay .pp-toggle-arrows .pp-has-submenu-container a > span { /*padding-right: 0 !important;*/ } .pp-advanced-menu .pp-menu-overlay .pp-menu-close-btn { position: absolute; display: block; width: 55px; height: 45px; right: 20px; top: 50px; overflow: hidden; border: none; outline: none; z-index: 100; font-size: 30px; cursor: pointer; background-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s; } .pp-advanced-menu .pp-menu-overlay .pp-menu-close-btn:before, .pp-advanced-menu .pp-menu-overlay .pp-menu-close-btn:after { content: ''; position: absolute; left: 50%; width: 2px; height: 40px; background-color: #ffffff; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateY(0) rotate(45deg); -moz-transform: translateY(0) rotate(45deg); transform: translateY(0) rotate(45deg); } .pp-advanced-menu .pp-menu-overlay .pp-menu-close-btn:after { -webkit-transform: translateY(0) rotate(-45deg); -moz-transform: translateY(0) rotate(-45deg); transform: translateY(0) rotate(-45deg); } /** Off Canvas Menu **/ .pp-advanced-menu .pp-off-canvas-menu { position: fixed; top: 0; z-index: 999998; width: 320px; height: 100%; opacity: 0; background: #333; overflow-y: auto; overflow-x: hidden; /*-webkit-overflow-scrolling: touch;*/ -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -webkit-perspective: 1000; -moz-perspective: 1000; perspective: 1000; backface-visibility: hidden; will-change: transform; -webkit-overflow-scrolling: touch; } .pp-advanced-menu .pp-off-canvas-menu.pp-menu-left { left: 0; -webkit-transform: translate3d(-350px, 0, 0); -moz-transform: translate3d(-350px, 0, 0); transform: translate3d(-350px, 0, 0); } .pp-advanced-menu .pp-off-canvas-menu.pp-menu-right { right: 0; -webkit-transform: translate3d(350px, 0, 0); -moz-transform: translate3d(350px, 0, 0); transform: translate3d(350px, 0, 0); } html.pp-off-canvas-menu-open .pp-advanced-menu.menu-open .pp-off-canvas-menu { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .pp-advanced-menu.off-canvas { overflow-y: auto; } .pp-advanced-menu.off-canvas .pp-clear { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999998; background: rgba(0,0,0,0.1); visibility: hidden; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .pp-advanced-menu.off-canvas.menu-open .pp-clear { visibility: visible; opacity: 1; } .fl-builder-edit .pp-advanced-menu.off-canvas .pp-clear { z-index: 100010; } .pp-advanced-menu .pp-off-canvas-menu .menu { margin-top: 0; } /* .pp-advanced-menu .pp-off-canvas-menu > .menu > li { opacity: 0; -webkit-transition: -webkit-transform 0.8s, opacity 0.8s; transition: transform 0.8s, opacity 0.8s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .pp-advanced-menu .pp-off-canvas-menu.pp-menu-left > .menu > li { -webkit-transform: translateX(-100px) translateZ(1000px); transform: translateX(-100px) translateZ(1000px); } .pp-advanced-menu .pp-off-canvas-menu.pp-menu-right > .menu > li { -webkit-transform: translateX(100px) translateZ(-1000px); transform: translateX(100px) translateZ(-1000px); } .pp-advanced-menu.menu-open .pp-off-canvas-menu > .menu > li { opacity: 1; -webkit-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0); } */ /* Mega menu general */ .pp-advanced-menu li.mega-menu .hide-heading > a, .pp-advanced-menu li.mega-menu .hide-heading > .pp-has-submenu-container, .pp-advanced-menu li.mega-menu-disabled .hide-heading > a, .pp-advanced-menu li.mega-menu-disabled .hide-heading > .pp-has-submenu-container { display: none; } /* Mega menu for horizontal menus */ ul.pp-advanced-menu-horizontal li.mega-menu { position: static; } ul.pp-advanced-menu-horizontal li.mega-menu > ul.sub-menu { top: inherit !important; left: 0 !important; right: 0 !important; width: 100%; background: #ffffff; } ul.pp-advanced-menu-horizontal li.mega-menu.pp-has-submenu:hover > ul.sub-menu, ul.pp-advanced-menu-horizontal li.mega-menu.pp-has-submenu.pp-active > ul.sub-menu /*, ul.pp-advanced-menu-horizontal li.mega-menu.pp-has-submenu.focus > ul.sub-menu*/ { display: flex !important; } ul.pp-advanced-menu-horizontal li.mega-menu > ul.sub-menu li { border-color: transparent; } ul.pp-advanced-menu-horizontal li.mega-menu > ul.sub-menu > li { width: 100%; } ul.pp-advanced-menu-horizontal li.mega-menu > ul.sub-menu > li > .pp-has-submenu-container a { font-weight: bold; } ul.pp-advanced-menu-horizontal li.mega-menu > ul.sub-menu > li > .pp-has-submenu-container a:hover { background: transparent; } ul.pp-advanced-menu-horizontal li.mega-menu > ul.sub-menu .pp-menu-toggle { display: none; } ul.pp-advanced-menu-horizontal li.mega-menu > ul.sub-menu ul.sub-menu { background: transparent; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; display: block; min-width: 0; opacity: 1; padding: 0; position: static; visibility: visible; } /* Remove colors when there is no link set */ .pp-advanced-menu ul li.mega-menu a:not([href]) { color: unset; background: none; background-color: unset; } .rtl .pp-advanced-menu:not(.full-screen) .menu .pp-has-submenu .sub-menu { text-align: inherit; right: 0; left: auto; } .rtl .pp-advanced-menu .menu .pp-has-submenu .pp-has-submenu .sub-menu { right: 100%; left: auto; } .rtl .pp-advanced-menu .menu .pp-menu-toggle, .rtl .pp-advanced-menu.off-canvas .menu.pp-toggle-arrows .pp-menu-toggle { right: auto; left: 10px; } .rtl .pp-advanced-menu.off-canvas .menu.pp-toggle-arrows .pp-menu-toggle { left: 28px; } .rtl .pp-advanced-menu.full-screen .menu .pp-menu-toggle { left: 0; } .rtl .pp-advanced-menu:not(.off-canvas) .menu:not(.pp-advanced-menu-accordion) .pp-has-submenu .pp-has-submenu .pp-menu-toggle { right: auto; left: 0; } .rtl .pp-advanced-menu:not(.full-screen):not(.off-canvas) .menu:not(.pp-advanced-menu-accordion):not(.pp-advanced-menu-vertical) .pp-has-submenu .pp-has-submenu .pp-menu-toggle:before { -webkit-transform: translateY( -5px ) rotate( 135deg ); -ms-transform: translateY( -5px ) rotate( 135deg ); transform: translateY( -5px ) rotate( 135deg ); } .rtl .pp-advanced-menu .menu .pp-has-submenu-container > a > span, .rtl .pp-advanced-menu .menu.pp-advanced-menu-horizontal.pp-toggle-arrows .pp-has-submenu-container > a > span { padding-right: 0; padding-left: 28px; } .rtl .pp-advanced-menu.off-canvas .menu .pp-has-submenu-container > a > span, .rtl .pp-advanced-menu.off-canvas .menu.pp-advanced-menu-horizontal.pp-toggle-arrows .pp-has-submenu-container > a > span { padding-left: 0; } /* Search */ .pp-advanced-menu li .pp-search-form-wrap { position: absolute; right: 0; top: 100%; z-index: 10; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out; } .pp-advanced-menu li:not(.pp-search-active) .pp-search-form-wrap { height: 0; } .pp-advanced-menu li.pp-search-active .pp-search-form-wrap { opacity: 1; visibility: visible; } .pp-advanced-menu li .pp-search-form-wrap .pp-search-form__icon { display: none; } .pp-advanced-menu li .pp-search-form__container { max-width: 100%; } .pp-advanced-menu.off-canvas li .pp-search-form-wrap, .pp-advanced-menu.off-canvas li .pp-search-form__container { width: 100%; position: static; } .pp-advanced-menu.full-screen li .pp-search-form-wrap { max-width: 100%; } .pp-advanced-menu .pp-advanced-menu-accordion li .pp-search-form-wrap { width: 100%; } .pp-advanced-menu .pp-advanced-menu-accordion.pp-menu-align-center li .pp-search-form__container { margin: 0 auto; } .pp-advanced-menu .pp-advanced-menu-accordion.pp-menu-align-right li .pp-search-form__container { margin-right: 0; margin-left: auto; } /** Woo Cart */ .pp-advanced-menu li.pp-menu-cart-item .pp-menu-cart-icon { margin-right: 5px; }@media (max-width: 768px) { /* Submenus */ /* .fl-module[data-node] .pp-advanced-menu .sub-menu { background-color: transparent; -webkit-box-shadow: none; -ms-box-shadow: none; box-shadow: none; } */ } /** * Overall menu alignment */ .fl-node-9fr0pn21w3ht .pp-advanced-menu-horizontal { justify-content: flex-end; } /** * Overall menu styling */ .fl-node-9fr0pn21w3ht .pp-advanced-menu .menu > li { } .fl-node-9fr0pn21w3ht .pp-advanced-menu .pp-has-submenu-container a > span { padding-right: 38px; } .fl-node-9fr0pn21w3ht-clone { display: none; } /* @media (min-width: 768px) { .fl-node-9fr0pn21w3ht .pp-advanced-menu-mobile-toggle + .pp-clear + .pp-menu-nav ul.menu { display: block; } } */ /** * Links */ .fl-node-9fr0pn21w3ht .pp-advanced-menu .menu > li > a, .fl-node-9fr0pn21w3ht .pp-advanced-menu .menu > li > .pp-has-submenu-container > a { color: #333333; } .fl-node-9fr0pn21w3ht .pp-advanced-menu .pp-toggle-arrows .pp-menu-toggle:before, .fl-node-9fr0pn21w3ht .pp-advanced-menu .pp-toggle-none .pp-menu-toggle:before { border-color: #333333; } .fl-node-9fr0pn21w3ht .pp-advanced-menu .pp-toggle-arrows li:hover .pp-menu-toggle:before, .fl-node-9fr0pn21w3ht .pp-advanced-menu .pp-toggle-none li:hover .pp-menu-toggle:before, .fl-node-9fr0pn21w3ht .pp-advanced-menu .pp-toggle-arrows li.focus .pp-menu-toggle:before, .fl-node-9fr0pn21w3ht .pp-advanced-menu .pp-toggle-none li.focus .pp-menu-toggle:before { border-color: #3AAA35; } .fl-node-9fr0pn21w3ht .pp-advanced-menu .pp-toggle-arrows li a:hover .pp-menu-toggle:before, .fl-node-9fr0pn21w3ht .pp-advanced-menu .pp-toggle-none li a:hover .pp-menu-toggle:before, .fl-node-9fr0pn21w3ht .pp-advanced-menu .pp-toggle-arrows li a:focus .pp-menu-toggle:before, .fl-node-9fr0pn21w3ht .pp-advanced-menu .pp-toggle-none li a:focus .pp-menu-toggle:before { border-color: #3AAA35; } .fl-node-9fr0pn21w3ht .menu > li > a:hover, .fl-node-9fr0pn21w3ht .menu > li > a:focus, .fl-node-9fr0pn21w3ht .menu > li:hover > .pp-has-submenu-container > a, .fl-node-9fr0pn21w3ht .menu > li.focus > .pp-has-submenu-container > a, .fl-node-9fr0pn21w3ht .menu > li.current-menu-item > a, .fl-node-9fr0pn21w3ht .menu > li.current-menu-item > .pp-has-submenu-container > a { color: #3AAA35; } .fl-node-9fr0pn21w3ht .pp-advanced-menu .pp-toggle-arrows .pp-has-submenu-container:hover .pp-menu-toggle:before, .fl-node-9fr0pn21w3ht .pp-advanced-menu .pp-toggle-arrows .pp-has-submenu-container.focus .pp-menu-toggle:before, .fl-node-9fr0pn21w3ht .pp-advanced-menu .pp-toggle-arrows li.current-menu-item > .pp-has-submenu-container .pp-menu-toggle:before, .fl-node-9fr0pn21w3ht .pp-advanced-menu .pp-toggle-none .pp-has-submenu-container:hover .pp-menu-toggle:before, .fl-node-9fr0pn21w3ht .pp-advanced-menu .pp-toggle-none .pp-has-submenu-container.focus .pp-menu-toggle:before, .fl-node-9fr0pn21w3ht .pp-advanced-menu .pp-toggle-none li.current-menu-item > .pp-has-submenu-container .pp-menu-toggle:before { border-color: #3AAA35; } /** * Sub Menu **/ .fl-node-9fr0pn21w3ht .menu .pp-has-submenu .sub-menu { display: none; } .fl-node-9fr0pn21w3ht .pp-advanced-menu .sub-menu { background-color: rgb(255, 255, 255); } @media (min-width: 768px) { .fl-node-9fr0pn21w3ht .pp-advanced-menu .sub-menu { width: 220px; } } .fl-node-9fr0pn21w3ht ul.pp-advanced-menu-horizontal li.mega-menu > ul.sub-menu { background: rgb(255, 255, 255); } .fl-node-9fr0pn21w3ht .pp-advanced-menu .sub-menu > li > a, .fl-node-9fr0pn21w3ht .pp-advanced-menu .sub-menu > li > .pp-has-submenu-container > a { border-width: 0; border-style: solid; border-bottom-width: px; color: #333333; } .fl-node-9fr0pn21w3ht .pp-advanced-menu .sub-menu > li > a:hover, .fl-node-9fr0pn21w3ht .pp-advanced-menu .sub-menu > li > a:focus, .fl-node-9fr0pn21w3ht .pp-advanced-menu .sub-menu > li > .pp-has-submenu-container > a:hover, .fl-node-9fr0pn21w3ht .pp-advanced-menu .sub-menu > li > .pp-has-submenu-container > a:focus { } .fl-node-9fr0pn21w3ht .pp-advanced-menu .sub-menu > li:last-child > a:not(:focus), .fl-node-9fr0pn21w3ht .pp-advanced-menu .sub-menu > li:last-child > .pp-has-submenu-container > a:not(:focus) { border: 0; } .fl-node-9fr0pn21w3ht .pp-advanced-menu .sub-menu > li > a:hover, .fl-node-9fr0pn21w3ht .pp-advanced-menu .sub-menu > li > a:focus, .fl-node-9fr0pn21w3ht .pp-advanced-menu .sub-menu > li > .pp-has-submenu-container > a:hover, .fl-node-9fr0pn21w3ht .pp-advanced-menu .sub-menu > li > .pp-has-submenu-container > a:focus, .fl-node-9fr0pn21w3ht .pp-advanced-menu .sub-menu > li.current-menu-item > a, .fl-node-9fr0pn21w3ht .pp-advanced-menu .sub-menu > li.current-menu-item > .pp-has-submenu-container > a { color: #3AAA35; } .fl-node-9fr0pn21w3ht .pp-advanced-menu .pp-menu-toggle:before { content: ''; position: absolute; right: 50%; top: 50%; z-index: 1; display: block; width: 9px; height: 9px; margin: -5px -5px 0 0; border-right: 2px solid; border-bottom: 2px solid; -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateX( -5px ) rotate( 45deg ); -ms-transform: translateX( -5px ) rotate( 45deg ); transform: translateX( -5px ) rotate( 45deg ); } .fl-node-9fr0pn21w3ht .pp-advanced-menu .pp-has-submenu.pp-active > .pp-has-submenu-container .pp-menu-toggle { -webkit-transform: rotate( -180deg ); -ms-transform: rotate( -180deg ); transform: rotate( -180deg ); } .fl-node-9fr0pn21w3ht .pp-advanced-menu-horizontal.pp-toggle-arrows .pp-has-submenu-container a { padding-right: 24px; } .fl-node-9fr0pn21w3ht .pp-advanced-menu-horizontal.pp-toggle-arrows .pp-has-submenu-container > a > span { padding-right: 24px; } .fl-node-9fr0pn21w3ht .pp-advanced-menu-horizontal.pp-toggle-arrows .pp-menu-toggle, .fl-node-9fr0pn21w3ht .pp-advanced-menu-horizontal.pp-toggle-none .pp-menu-toggle { width: 23px; height: 23px; margin: -11.5px 0 0; } .fl-node-9fr0pn21w3ht .pp-advanced-menu-horizontal.pp-toggle-arrows .pp-menu-toggle, .fl-node-9fr0pn21w3ht .pp-advanced-menu-horizontal.pp-toggle-none .pp-menu-toggle, .fl-node-9fr0pn21w3ht .pp-advanced-menu-vertical.pp-toggle-arrows .pp-menu-toggle, .fl-node-9fr0pn21w3ht .pp-advanced-menu-vertical.pp-toggle-none .pp-menu-toggle { width: 24px; height: 23px; margin: -11.5px 0 0; } .fl-node-9fr0pn21w3ht .pp-advanced-menu li:first-child { border-top: none; } @media only screen and (max-width: 992px) { .fl-node-9fr0pn21w3ht .pp-advanced-menu-mobile-toggle + .pp-clear + .pp-menu-nav ul.menu { display: none; } .fl-node-9fr0pn21w3ht .pp-advanced-menu:not(.off-canvas):not(.full-screen) .pp-advanced-menu-horizontal { display: block; } .fl-node-9fr0pn21w3ht:not(.fl-node-9fr0pn21w3ht-clone):not(.pp-menu-full-screen):not(.pp-menu-off-canvas) .pp-menu-position-below .pp-menu-nav { display: none; } } @media ( max-width: 992px ) { .fl-node-9fr0pn21w3ht .pp-advanced-menu .menu { margin-top: 20px; } .fl-node-9fr0pn21w3ht .pp-advanced-menu .menu { } .fl-node-9fr0pn21w3ht .pp-advanced-menu .menu > li { margin-left: 0 !important; margin-right: 0 !important; } .fl-node-9fr0pn21w3ht .pp-advanced-menu .pp-off-canvas-menu .pp-menu-close-btn, .fl-node-9fr0pn21w3ht .pp-advanced-menu .pp-menu-overlay .pp-menu-close-btn { display: block; } .fl-node-9fr0pn21w3ht .pp-advanced-menu .sub-menu { box-shadow: none; border: 0; } } @media ( min-width: 993px ) { .fl-node-9fr0pn21w3ht .menu > li { display: inline-block; } .fl-node-9fr0pn21w3ht .menu li { border-top: none; } .fl-node-9fr0pn21w3ht .menu li:first-child { border: none; } .fl-node-9fr0pn21w3ht .menu li li { border-left: none; } .fl-node-9fr0pn21w3ht .menu .pp-has-submenu .sub-menu { position: absolute; top: 100%; left: 0; z-index: 10; visibility: hidden; opacity: 0; text-align:left; } .fl-node-9fr0pn21w3ht .pp-has-submenu .pp-has-submenu .sub-menu { top: 0; left: 100%; } .fl-node-9fr0pn21w3ht .pp-advanced-menu .pp-has-submenu:hover > .sub-menu, .fl-node-9fr0pn21w3ht .pp-advanced-menu .pp-has-submenu.pp-active .sub-menu /*.fl-node-9fr0pn21w3ht .pp-advanced-menu .pp-has-submenu.focus > .sub-menu*/ { display: block; visibility: visible; opacity: 1; } .fl-node-9fr0pn21w3ht .menu .pp-has-submenu.pp-menu-submenu-right .sub-menu { top: 100%; left: inherit; right: 0; } .fl-node-9fr0pn21w3ht .menu .pp-has-submenu .pp-has-submenu.pp-menu-submenu-right .sub-menu { top: 0; left: inherit; right: 100%; } .fl-node-9fr0pn21w3ht .pp-advanced-menu .pp-has-submenu.pp-active > .pp-has-submenu-container .pp-menu-toggle { -webkit-transform: none; -ms-transform: none; transform: none; } .fl-node-9fr0pn21w3ht .pp-advanced-menu .pp-has-submenu .pp-has-submenu .pp-menu-toggle:before { -webkit-transform: translateY( -5px ) rotate( -45deg ); -ms-transform: translateY( -5px ) rotate( -45deg ); transform: translateY( -5px ) rotate( -45deg ); } div.fl-node-9fr0pn21w3ht .pp-advanced-menu-mobile-toggle { display: none; } } .fl-node-9fr0pn21w3ht .pp-advanced-menu-mobile { text-align: right; justify-content: flex-end; } .fl-builder-content .fl-node-9fr0pn21w3ht.fl-module .pp-advanced-menu-mobile .pp-advanced-menu-mobile-toggle, .fl-page .fl-builder-content .fl-node-9fr0pn21w3ht.fl-module .pp-advanced-menu-mobile .pp-advanced-menu-mobile-toggle { } .fl-builder-content .fl-node-9fr0pn21w3ht.fl-module .pp-advanced-menu-mobile .pp-advanced-menu-mobile-toggle, .fl-page .fl-builder-content .fl-node-9fr0pn21w3ht.fl-module .pp-advanced-menu-mobile .pp-advanced-menu-mobile-toggle, fl-builder-content .fl-node-9fr0pn21w3ht.fl-module .pp-advanced-menu-mobile .pp-advanced-menu-mobile-toggle i, .fl-page .fl-builder-content .fl-node-9fr0pn21w3ht.fl-module .pp-advanced-menu-mobile .pp-advanced-menu-mobile-toggle i { } .fl-node-9fr0pn21w3ht .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box, .fl-node-9fr0pn21w3ht .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner, .fl-node-9fr0pn21w3ht .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:before, .fl-node-9fr0pn21w3ht .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:after { width: 30px; } .fl-node-9fr0pn21w3ht .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner, .fl-node-9fr0pn21w3ht .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:before, .fl-node-9fr0pn21w3ht .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:after { height: 3px; } .fl-node-9fr0pn21w3ht .pp-advanced-menu-mobile-toggle i { font-size: 30px; } .fl-node-9fr0pn21w3ht .pp-advanced-menu-mobile-toggle rect { fill: #333333; } /** * Woo Menu Cart */ @media ( min-width: 993px ) { .fl-node-9fr0pn21w3ht .pp-advanced-menu ul.sub-menu { padding: 0; } .fl-node-9fr0pn21w3ht .pp-advanced-menu-horizontal.pp-toggle-arrows .pp-has-submenu-container > a > span { padding-right: 24px; } } @media only screen and (max-width: 1200px) { .fl-node-9fr0pn21w3ht .pp-advanced-menu-horizontal { } .fl-node-9fr0pn21w3ht .pp-advanced-menu .menu > li { } .fl-node-9fr0pn21w3ht .pp-advanced-menu-mobile { justify-content: center; } } @media only screen and (max-width: 992px) { .fl-node-9fr0pn21w3ht .pp-advanced-menu-horizontal { } .fl-node-9fr0pn21w3ht .pp-advanced-menu .menu > li { } .fl-node-9fr0pn21w3ht .pp-advanced-menu .sub-menu > li > a, .fl-node-9fr0pn21w3ht .pp-advanced-menu .sub-menu > li > .pp-has-submenu-container > a { border-bottom-width: px; background-color: rgb(255, 255, 255); } .fl-node-9fr0pn21w3ht .pp-advanced-menu .sub-menu { width: auto; } .fl-node-9fr0pn21w3ht .pp-advanced-menu-mobile { justify-content: center; } .fl-node-9fr0pn21w3ht .pp-advanced-menu-mobile-toggle { } } @media only screen and (max-width: 768px) { .fl-node-9fr0pn21w3ht div.pp-advanced-menu { text-align: center; } .fl-node-9fr0pn21w3ht .pp-advanced-menu-horizontal { } .fl-node-9fr0pn21w3ht .pp-advanced-menu .menu > li { } .fl-node-9fr0pn21w3ht .pp-advanced-menu .menu > li > a, .fl-node-9fr0pn21w3ht .pp-advanced-menu .menu > li > .pp-has-submenu-container > a { background-color: rgb(255, 255, 255); } .fl-node-9fr0pn21w3ht .pp-advanced-menu .sub-menu > li > a, .fl-node-9fr0pn21w3ht .pp-advanced-menu .sub-menu > li > .pp-has-submenu-container > a { border-bottom-width: px; background-color: rgb(255, 255, 255); } .fl-node-9fr0pn21w3ht .pp-advanced-menu-mobile { justify-content: center; } .fl-node-9fr0pn21w3ht .pp-advanced-menu-mobile-toggle { } } @media only screen and ( max-width: 992px ) { .fl-node-9fr0pn21w3ht .pp-advanced-menu { text-align: center; } .fl-node-9fr0pn21w3ht .pp-advanced-menu-mobile-toggle { } } .fl-node-9fr0pn21w3ht .pp-advanced-menu { text-align: right; } .fl-node-9fr0pn21w3ht .pp-advanced-menu .menu a { font-family: Raleway, sans-serif; font-weight: 700; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; } .fl-node-9fr0pn21w3ht .pp-advanced-menu .menu > li > a, .fl-node-9fr0pn21w3ht .pp-advanced-menu .menu > li > .pp-has-submenu-container > a { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .fl-node-9fr0pn21w3ht .pp-advanced-menu .sub-menu > li > a, .fl-node-9fr0pn21w3ht .pp-advanced-menu .sub-menu > li > .pp-has-submenu-container > a { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .fl-node-9fr0pn21w3ht > .fl-module-content { margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } .fl-node-2a9k7i3fbwhn, .fl-node-2a9k7i3fbwhn .fl-photo { text-align: left; } .fl-node-2a9k7i3fbwhn .fl-photo-content, .fl-node-2a9k7i3fbwhn .fl-photo-img { width: 120px; } @media(max-width: 768px) { .fl-node-2a9k7i3fbwhn .fl-photo-content, .fl-node-2a9k7i3fbwhn .fl-photo-img { width: 90px; } } .fl-node-2a9k7i3fbwhn.fl-module-photo { margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; } @media ( max-width: 768px ) { .fl-node-2a9k7i3fbwhn.fl-module-photo.fl-module { margin-left:5px; } } .fl-node-8rt7vo0spu6k, .fl-node-8rt7vo0spu6k .fl-photo { text-align: center; } /* Start Global Nodes CSS */ /* End Global Nodes CSS */ /* Start Layout CSS */ /*header:not(.fl-theme-builder-header-scrolled) .header-showonscroll { display: none !important; } header.fl-theme-builder-header-scrolled .header-hideonscroll { display: none !important; }*/ .sub-menu { background: white; } /* 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; } /* Equal height Column Bottom Alignment */ .fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content { -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: end; -webkit-box-pack: end; -ms-flex-pack: end; } /* H1-H6 Margin Reset in all Modules */ .uabb-module-content h1, .uabb-module-content h2, .uabb-module-content h3, .uabb-module-content h4, .uabb-module-content h5, .uabb-module-content h6 { margin: 0; clear: both; } /* Anchor Tag Css */ .fl-module-content a, .fl-module-content a:hover, .fl-module-content a:focus { text-decoration: none; } /* Row Separator CSS */ .uabb-row-separator { position: absolute; width: 100%; left: 0; } .uabb-top-row-separator { top: 0; bottom: auto } .uabb-bottom-row-separator { top: auto; bottom: 0; } .fl-builder-content-editing .fl-visible-medium.uabb-row, .fl-builder-content-editing .fl-visible-medium-mobile.uabb-row, .fl-builder-content-editing .fl-visible-mobile.uabb-row { display: none !important; } @media (max-width: 992px) { .fl-builder-content-editing .fl-visible-desktop.uabb-row, .fl-builder-content-editing .fl-visible-mobile.uabb-row { display: none !important; } .fl-builder-content-editing .fl-visible-desktop-medium.uabb-row, .fl-builder-content-editing .fl-visible-medium.uabb-row, .fl-builder-content-editing .fl-visible-medium-mobile.uabb-row { display: block !important; } } @media (max-width: 768px) { .fl-builder-content-editing .fl-visible-desktop.uabb-row, .fl-builder-content-editing .fl-visible-desktop-medium.uabb-row, .fl-builder-content-editing .fl-visible-medium.uabb-row { display: none !important; } .fl-builder-content-editing .fl-visible-medium-mobile.uabb-row, .fl-builder-content-editing .fl-visible-mobile.uabb-row { display: block !important; } } .fl-responsive-preview-content .fl-builder-content-editing { overflow-x: hidden; overflow-y: visible; } .uabb-row-separator svg { width: 100%; } .uabb-top-row-separator.uabb-has-svg svg { position: absolute; padding: 0; margin: 0; left: 50%; top: -1px; bottom: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .uabb-bottom-row-separator.uabb-has-svg svg { position: absolute; padding: 0; margin: 0; left: 50%; bottom: -1px; top: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .uabb-bottom-row-separator.uabb-has-svg .uasvg-wave-separator { bottom: 0; } .uabb-top-row-separator.uabb-has-svg .uasvg-wave-separator { top: 0; } /** * * Svg Triangle Separator * Big Triangle Separator * Big Triangle Left Separator * Svg Half Circle Separator * Curve Center Separator * Waves Separator * Stamp * Grass * Slime * Grass Bend * Wave Slide * Muliple Triangles * Pine Tree * Pine Tree Bend * ***************************************/ .uabb-bottom-row-separator.uabb-svg-triangle svg, .uabb-bottom-row-separator.uabb-xlarge-triangle svg, .uabb-top-row-separator.uabb-xlarge-triangle-left svg, .uabb-bottom-row-separator.uabb-svg-circle svg, .uabb-top-row-separator.uabb-slime-separator svg, .uabb-top-row-separator.uabb-grass-separator svg, .uabb-top-row-separator.uabb-grass-bend-separator svg, .uabb-bottom-row-separator.uabb-mul-triangles-separator svg, .uabb-top-row-separator.uabb-wave-slide-separator svg, .uabb-top-row-separator.uabb-pine-tree-separator svg, .uabb-top-row-separator.uabb-pine-tree-bend-separator svg, .uabb-bottom-row-separator.uabb-stamp-separator svg, .uabb-bottom-row-separator.uabb-xlarge-circle svg, .uabb-top-row-separator.uabb-wave-separator svg{ left: 50%; -webkit-transform: translateX(-50%) scaleY(-1); -moz-transform: translateX(-50%) scaleY(-1); -ms-transform: translateX(-50%) scaleY(-1); -o-transform: translateX(-50%) scaleY(-1); transform: translateX(-50%) scaleY(-1); } /* * Big Triangle */ .uabb-bottom-row-separator.uabb-big-triangle svg { left: 50%; -webkit-transform: scale(1) scaleY(-1) translateX(-50%); -moz-transform: scale(1) scaleY(-1) translateX(-50%); -ms-transform: scale(1) scaleY(-1) translateX(-50%); -o-transform: scale(1) scaleY(-1) translateX(-50%); transform: scale(1) scaleY(-1) translateX(-50%); } .uabb-top-row-separator.uabb-big-triangle svg { left: 50%; -webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); } /** * * Big Triangle Right Separator * ***************************************/ .uabb-top-row-separator.uabb-xlarge-triangle-right svg { left: 50%; -webkit-transform: translateX(-50%) scale(-1); -moz-transform: translateX(-50%) scale(-1); -ms-transform: translateX(-50%) scale(-1); -o-transform: translateX(-50%) scale(-1); transform: translateX(-50%) scale(-1); } .uabb-bottom-row-separator.uabb-xlarge-triangle-right svg { left: 50%; -webkit-transform: translateX(-50%) scaleX(-1); -moz-transform: translateX(-50%) scaleX(-1); -ms-transform: translateX(-50%) scaleX(-1); -o-transform: translateX(-50%) scaleX(-1); transform: translateX(-50%) scaleX(-1); } /** * * Curve Left Separator * Curve Right Separator * ***************************************/ .uabb-top-row-separator.uabb-curve-up-separator svg { left: 50%; -webkit-transform: translateX(-50%) scaleY(-1); -moz-transform: translateX(-50%) scaleY(-1); -ms-transform: translateX(-50%) scaleY(-1); -o-transform: translateX(-50%) scaleY(-1); transform: translateX(-50%) scaleY(-1); } .uabb-top-row-separator.uabb-curve-down-separator svg { left: 50%; -webkit-transform: translateX(-50%) scale(-1); -moz-transform: translateX(-50%) scale(-1); -ms-transform: translateX(-50%) scale(-1); -o-transform: translateX(-50%) scale(-1); transform: translateX(-50%) scale(-1); } .uabb-bottom-row-separator.uabb-curve-down-separator svg { left: 50%; -webkit-transform: translateX(-50%) scaleX(-1); -moz-transform: translateX(-50%) scaleX(-1); -ms-transform: translateX(-50%) scaleX(-1); -o-transform: translateX(-50%) scaleX(-1); transform: translateX(-50%) scaleX(-1); } /** * * Tilt Left Separator * Tilt Right Separator * ***************************************/ .uabb-top-row-separator.uabb-tilt-left-separator svg { left: 50%; -webkit-transform: translateX(-50%) scale(-1); -moz-transform: translateX(-50%) scale(-1); -ms-transform: translateX(-50%) scale(-1); -o-transform: translateX(-50%) scale(-1); transform: translateX(-50%) scale(-1); } .uabb-top-row-separator.uabb-tilt-right-separator svg{ left: 50%; -webkit-transform: translateX(-50%) scaleY(-1); -moz-transform: translateX(-50%) scaleY(-1); -ms-transform: translateX(-50%) scaleY(-1); -o-transform: translateX(-50%) scaleY(-1); transform: translateX(-50%) scaleY(-1); } .uabb-bottom-row-separator.uabb-tilt-left-separator svg { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .uabb-bottom-row-separator.uabb-tilt-right-separator svg { left: 50%; -webkit-transform: translateX(-50%) scaleX(-1); -moz-transform: translateX(-50%) scaleX(-1); -ms-transform: translateX(-50%) scaleX(-1); -o-transform: translateX(-50%) scaleX(-1); transform: translateX(-50%) scaleX(-1); } .uabb-top-row-separator.uabb-tilt-left-separator, .uabb-top-row-separator.uabb-tilt-right-separator { top: 0; } .uabb-bottom-row-separator.uabb-tilt-left-separator, .uabb-bottom-row-separator.uabb-tilt-right-separator { bottom: 0; } /** * * Clouds Separator * Multi Triangle * Arrow Inward * Arrow Outward * ***************************************/ .uabb-top-row-separator.uabb-arrow-outward-separator svg, .uabb-top-row-separator.uabb-arrow-inward-separator svg, .uabb-top-row-separator.uabb-cloud-separator svg, .uabb-top-row-separator.uabb-multi-triangle svg { left: 50%; -webkit-transform: translateX(-50%) scaleY(-1); -moz-transform: translateX(-50%) scaleY(-1); -ms-transform: translateX(-50%) scaleY(-1); -o-transform: translateX(-50%) scaleY(-1); transform: translateX(-50%) scaleY(-1); } .uabb-bottom-row-separator.uabb-multi-triangle svg { bottom: -2px; } .uabb-row-separator.uabb-round-split:after, .uabb-row-separator.uabb-round-split:before { left: 0; width: 50%; background: inherit inherit/inherit inherit inherit inherit; content: ''; position: absolute } /* Buttons ------------------------------------------------------ */ .uabb-button-wrap a, .uabb-button-wrap a:visited { display: inline-block; font-size: 16px; line-height: 18px; text-decoration: none; text-shadow: none; } .fl-builder-content .uabb-button:hover { text-decoration: none; } .fl-builder-content .uabb-button-width-full .uabb-button { display: block; text-align: center; } .uabb-button-width-custom .uabb-button { display: inline-block; text-align: center; max-width: 100%; } .fl-builder-content .uabb-button-left { text-align: left; } .fl-builder-content .uabb-button-center { text-align: center; } .fl-builder-content .uabb-infobox .uabb-button-center, .fl-builder-content .uabb-modal-action-wrap .uabb-button-center, .fl-builder-content .uabb-ultb3-box .uabb-button-center, .fl-builder-content .uabb-slide-down .uabb-button-center, .fl-builder-content .uabb-blog-post-content .uabb-button-center, .fl-builder-content .uabb-cta-wrap .uabb-button-center, .fl-builder-content .fl-module-uabb-off-canvas .uabb-button-wrap .uabb-button-center{ text-align: inherit; } .fl-builder-content .uabb-button-right { text-align: right; } .fl-builder-content .uabb-button i, .fl-builder-content .uabb-button i:before { font-size: 1em; height: 1em; line-height: 1em; width: 1em; } .uabb-button .uabb-button-icon-after { margin-left: 8px; margin-right: 0; } .uabb-button .uabb-button-icon-before { margin-left: 0; margin-right: 8px; } .uabb-button .uabb-button-icon-no-text { margin: 0; } .uabb-button-has-icon .uabb-button-text { vertical-align: middle; } /* Icons ------------------------------------------------------ */ .uabb-icon-wrap { display: inline-block; } .uabb-icon a { text-decoration: none; } .uabb-icon i { display: block; } .uabb-icon i:before { border: none !important; background: none !important; } .uabb-icon-text { display: table-cell; text-align: left; padding-left: 15px; vertical-align: middle; } .uabb-icon-text *:last-child { margin: 0 !important; padding: 0 !important; } .uabb-icon-text a { text-decoration: none; } /* Photos ------------------------------------------------------ */ .uabb-photo { line-height: 0; position: relative; z-index: 2; } .uabb-photo-align-left { text-align: left; } .uabb-photo-align-center { text-align: center; } .uabb-photo-align-right { text-align: right; } .uabb-photo-content { border-radius: 0; display: inline-block; line-height: 0; position: relative; max-width: 100%; overflow: hidden; } .uabb-photo-content img { border-radius: inherit; display: inline; height: auto; max-width: 100%; width: auto; } .fl-builder-content .uabb-photo-crop-circle img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .fl-builder-content .uabb-photo-crop-square img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .uabb-photo-caption { font-size: 13px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .uabb-photo-caption-below { padding-bottom: 20px; padding-top: 10px; } .uabb-photo-caption-hover { background: rgba(0,0,0,0.7); bottom: 0; color: #fff; left: 0; opacity: 0; visibility: hidden; filter: alpha(opacity = 0); padding: 10px 15px; position: absolute; right: 0; -webkit-transition:visibility 200ms linear; -moz-transition:visibility 200ms linear; transition:visibility 200ms linear; } .uabb-photo-content:hover .uabb-photo-caption-hover { opacity: 100; visibility: visible; } /* Panel & Buttons ------------------------------------------------------ */ .uabb-active-btn { background: #1e8cbe; border-color: #0074a2; -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,.6); box-shadow: inset 0 1px 0 rgba(120,200,230,.6); color: white; } .fl-builder-bar .fl-builder-add-content-button { display: block !important; opacity: 1 !important; } /* Image Icon Object */ .uabb-imgicon-wrap .uabb-icon { display: block; } .uabb-imgicon-wrap .uabb-icon i{ float: none; } /* Photo */ .uabb-imgicon-wrap .uabb-image { line-height: 0; position: relative; } .uabb-imgicon-wrap .uabb-image-align-left { text-align: left; } .uabb-imgicon-wrap .uabb-image-align-center { text-align: center; } .uabb-imgicon-wrap .uabb-image-align-right { text-align: right; } .uabb-imgicon-wrap .uabb-image-content { display: inline-block; border-radius: 0; line-height: 0; position: relative; max-width: 100%; } .uabb-imgicon-wrap .uabb-image-content img { display: inline; height: auto !important; max-width: 100%; width: auto; border-radius: inherit; box-shadow: none; box-sizing: content-box; } .fl-builder-content .uabb-imgicon-wrap .uabb-image-crop-circle img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .fl-builder-content .uabb-imgicon-wrap .uabb-image-crop-square img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* Creative Button ___________________________________________________________________________*/ .uabb-creative-button-wrap a, .uabb-creative-button-wrap a:visited { background: #fafafa; border: 1px solid #ccc; color: #333; display: inline-block; vertical-align: middle; text-align: center; overflow: hidden; text-decoration: none; text-shadow: none; box-shadow: none; position: relative; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .uabb-creative-button-wrap a:focus { text-decoration: none; text-shadow: none; box-shadow: none; } .uabb-creative-button-wrap a .uabb-creative-button-text, .uabb-creative-button-wrap a .uabb-creative-button-icon, .uabb-creative-button-wrap a:visited .uabb-creative-button-text, .uabb-creative-button-wrap a:visited .uabb-creative-button-icon { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .uabb-creative-button-wrap a:hover { text-decoration: none; } .uabb-creative-button-wrap .uabb-creative-button-width-full .uabb-creative-button { display: block; text-align: center; } .uabb-creative-button-wrap .uabb-creative-button-width-custom .uabb-creative-button { display: inline-block; text-align: center; max-width: 100%; } .uabb-creative-button-wrap .uabb-creative-button-left { text-align: left; } .uabb-creative-button-wrap .uabb-creative-button-center { text-align: center; } .uabb-creative-button-wrap .uabb-creative-button-right { text-align: right; } .uabb-creative-button-wrap .uabb-creative-button i { font-size: 1.3em; height: auto; vertical-align: middle; width: auto; } .uabb-creative-button-wrap .uabb-creative-button .uabb-creative-button-icon-after { margin-left: 8px; margin-right: 0; } .uabb-creative-button-wrap .uabb-creative-button .uabb-creative-button-icon-before { margin-right: 8px; margin-left: 0; } .uabb-creative-button-wrap.uabb-creative-button-icon-no-text .uabb-creative-button i { margin: 0; } .uabb-creative-button-wrap .uabb-creative-button-has-icon .uabb-creative-button-text { vertical-align: middle; } .uabb-creative-button-wrap a, .uabb-creative-button-wrap a:visited { padding: 12px 24px; } /* Translate Button styles */ .uabb-creative-button.uabb-creative-transparent-btn { background: transparent; } .uabb-creative-button.uabb-creative-transparent-btn:after { content: ''; position: absolute; z-index: 1; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } /* transparent-fill-top, transparent-fill-bottom */ .uabb-transparent-fill-top-btn:after, .uabb-transparent-fill-bottom-btn:after { width: 100%; height: 0; left: 0; } /* transparent-fill-top */ .uabb-transparent-fill-top-btn:after { top: 0; } /* transparent-fill-bottom */ .uabb-transparent-fill-bottom-btn:after { bottom: 0; } /* transparent-fill-left, transparent-fill-right */ .uabb-transparent-fill-left-btn:after, .uabb-transparent-fill-right-btn:after { width: 0; height: 100%; top: 0; } /* transparent-fill-left */ .uabb-transparent-fill-left-btn:after { left: 0; } /* transparent-fill-right */ .uabb-transparent-fill-right-btn:after { right: 0; } /* transparent-fill-center */ .uabb-transparent-fill-center-btn:after{ width: 0; height: 100%; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /* transparent-fill-diagonal, transparent-fill-horizontal */ .uabb-transparent-fill-diagonal-btn:after, .uabb-transparent-fill-horizontal-btn:after { width: 100%; height: 0; top: 50%; left: 50%; } /* transparent-fill-diagonal */ .uabb-transparent-fill-diagonal-btn{ overflow: hidden; } .uabb-transparent-fill-diagonal-btn:after{ -webkit-transform: translateX(-50%) translateY(-50%) rotate( 45deg ); -moz-transform: translateX(-50%) translateY(-50%) rotate( 45deg ); -ms-transform: translateX(-50%) translateY(-50%) rotate( 45deg ); -o-transform: translateX(-50%) translateY(-50%) rotate( 45deg ); transform: translateX(-50%) translateY(-50%) rotate( 45deg ); } /* transparent-fill-horizontal */ .uabb-transparent-fill-horizontal-btn:after{ -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /* 3D Button styles */ .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_down-btn, .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_up-btn, .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_left-btn, .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_right-btn { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .perspective { -webkit-perspective: 800px; -moz-perspective: 800px; perspective: 800px; margin: 0; } .uabb-creative-button.uabb-creative-threed-btn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; transition: all 200ms linear; } .uabb-creative-button.uabb-creative-threed-btn { outline: 1px solid transparent; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } /* 3D Button styles --- Animate to top */ .uabb-creative-threed-btn.uabb-animate_top-btn:after { height: 40%; left: 0; top: -40%; width: 100%; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); transform: rotateX(90deg); } /* 3D Button styles --- Animate to bottom */ .uabb-creative-threed-btn.uabb-animate_bottom-btn:after { width: 100%; height: 40%; left: 0; top: 100%; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); transform: rotateX(-90deg); } /* 3D Button styles --- Animate to Left */ .uabb-creative-threed-btn.uabb-animate_left-btn:after { width: 20%; height: 100%; left: -20%; top: 0; -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: rotateY(-60deg); -moz-transform: rotateY(-60deg); -ms-transform: rotateY(-60deg); transform: rotateY(-60deg); } /* 3D Button styles --- Animate to Right */ .uabb-creative-threed-btn.uabb-animate_right-btn:after { width: 20%; height: 100%; left: 104%; top: 0; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotateY(120deg); -moz-transform: rotateY(120deg); -ms-transform: rotateY(120deg); transform: rotateY(120deg); } /* Animate Top */ .uabb-animate_top-btn:hover{ -webkit-transform: rotateX(-15deg); -moz-transform: rotateX(-15deg); -ms-transform: rotateX(-15deg); -o-transform: rotateX(-15deg); transform: rotateX(-15deg); } /* Animate Bottom */ .uabb-animate_bottom-btn:hover{ -webkit-transform: rotateX(15deg); -moz-transform: rotateX(15deg); -ms-transform: rotateX(15deg); -o-transform: rotateX(15deg); transform: rotateX(15deg); } /* Animate Left */ .uabb-animate_left-btn:hover{ -webkit-transform: rotateY(6deg); -moz-transform: rotateY(6deg); -ms-transform: rotateY(6deg); -o-transform: rotateY(6deg); transform: rotateY(6deg); } /* Animate Right */ .uabb-animate_right-btn:hover{ -webkit-transform: rotateY(-6deg); -moz-transform: rotateY(-6deg); -ms-transform: rotateY(-6deg); -o-transform: rotateY(-6deg); transform: rotateY(-6deg); } /* Flat Button styles */ /* Common Classes */ .uabb-creative-flat-btn.uabb-animate_to_right-btn, .uabb-creative-flat-btn.uabb-animate_to_left-btn, .uabb-creative-flat-btn.uabb-animate_from_top-btn, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn { overflow: hidden; position: relative; } .uabb-creative-flat-btn.uabb-animate_to_right-btn i, .uabb-creative-flat-btn.uabb-animate_to_left-btn i, .uabb-creative-flat-btn.uabb-animate_from_top-btn i, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn i { bottom: 0; height: 100%; margin: 0; opacity: 1; position: absolute; right: 0; width: 100%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; transition: all 200ms linear; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .uabb-creative-flat-btn.uabb-animate_to_right-btn .uabb-button-text, .uabb-creative-flat-btn.uabb-animate_to_left-btn .uabb-button-text, .uabb-creative-flat-btn.uabb-animate_from_top-btn .uabb-button-text, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn .uabb-button-text { display: inline-block; width: 100%; height: 100%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } /* Making Icon position center */ .uabb-creative-flat-btn.uabb-animate_to_right-btn i:before, .uabb-creative-flat-btn.uabb-animate_to_left-btn i:before, .uabb-creative-flat-btn.uabb-animate_from_top-btn i:before, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn i:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /* Common Hover Classes */ .uabb-creative-flat-btn.uabb-animate_to_right-btn:hover i, .uabb-creative-flat-btn.uabb-animate_to_left-btn:hover i { left: 0; } .uabb-creative-flat-btn.uabb-animate_from_top-btn:hover i, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn:hover i { top: 0; } /* Animate Icon to the right */ .uabb-creative-flat-btn.uabb-animate_to_right-btn i { top: 0; left: -100%; } .uabb-creative-flat-btn.uabb-animate_to_right-btn:hover .uabb-button-text { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); -o-transform: translateX(200%); transform: translateX(200%); } /* Animate Icon to the left */ .uabb-creative-flat-btn.uabb-animate_to_left-btn i { top: 0; left: 100%; } .uabb-creative-flat-btn.uabb-animate_to_left-btn:hover .uabb-button-text { -webkit-transform: translateX(-200%); -moz-transform: translateX(-200%); -ms-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); } /* Animate Icon From the Top */ .uabb-creative-flat-btn.uabb-animate_from_top-btn i { top: -100%; left: 0; } .uabb-creative-flat-btn.uabb-animate_from_top-btn:hover .uabb-button-text { -webkit-transform: translateY(400px); -moz-transform: translateY(400px); -ms-transform: translateY(400px); -o-transform: translateY(400px); transform: translateY(400px); } /* Animate Icon From the Bottom */ .uabb-creative-flat-btn.uabb-animate_from_bottom-btn i { top: 100%; left: 0; } .uabb-creative-flat-btn.uabb-animate_from_bottom-btn:hover .uabb-button-text { -webkit-transform: translateY(-400px); -moz-transform: translateY(-400px); -ms-transform: translateY(-400px); -o-transform: translateY(-400px); transform: translateY(-400px); } /* Media/Video CSS */ .uabb-tab-acc-content .wp-video, .uabb-tab-acc-content video.wp-video-shortcode, .uabb-tab-acc-content .mejs-container:not(.mejs-audio), .uabb-tab-acc-content .mejs-overlay.load, .uabb-adv-accordion-content .wp-video, .uabb-adv-accordion-content video.wp-video-shortcode, .uabb-adv-accordion-content .mejs-container:not(.mejs-audio), .uabb-adv-accordion-content .mejs-overlay.load { width: 100% !important; height: 100% !important; } .uabb-tab-acc-content .mejs-container:not(.mejs-audio), .uabb-adv-accordion-content .mejs-container:not(.mejs-audio) { padding-top: 56.25%; } .uabb-tab-acc-content .wp-video, .uabb-tab-acc-content video.wp-video-shortcode, .uabb-adv-accordion-content .wp-video, .uabb-adv-accordion-content video.wp-video-shortcode { max-width: 100% !important; } .uabb-tab-acc-content video.wp-video-shortcode, .uabb-adv-accordion-content video.wp-video-shortcode { position: relative; } .uabb-tab-acc-content .mejs-container:not(.mejs-audio) .mejs-mediaelement, .uabb-adv-accordion-content .mejs-container:not(.mejs-audio) .mejs-mediaelement { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .uabb-tab-acc-content .mejs-overlay-play, .uabb-adv-accordion-content .mejs-overlay-play { top: 0; right: 0; bottom: 0; left: 0; width: auto !important; height: auto !important; } .fl-row-content-wrap .uabb-row-particles-background, .uabb-col-particles-background { width:100%; height:100%; position:absolute; left:0; top:0; } /* Theme Button ------------------------------------------------------ */ /*.fl-builder-content a.uabb-button, .fl-builder-content a.uabb-button:visited, .fl-builder-content a.uabb-creative-button, .fl-builder-content a.uabb-creative-button:visited*/ .uabb-creative-button-wrap a, .uabb-creative-button-wrap a:visited { font-family: inherit; font-weight: 500; } .uabb-dual-button .uabb-btn, .uabb-dual-button .uabb-btn:visited { font-family: inherit; font-weight: 500; } /* Responsive Js Breakpoint Css */ .uabb-js-breakpoint { content:"default"; display:none; } @media screen and (max-width: 992px) { .uabb-js-breakpoint { content:"992"; } } @media screen and (max-width: 768px) { .uabb-js-breakpoint { content:"768"; } } .fl-builder-row-settings #fl-field-separator_position { display: none !important; } .fl-node-q4e5g0kvr9ja > .fl-row-content-wrap { border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; } .fl-node-q4e5g0kvr9ja > .fl-row-content-wrap { padding-top:60px; padding-bottom:60px; } .fl-node-j0gom4rsf59x { width: 38%; } .fl-node-0kb592hpw4em { width: 62%; } .fl-node-hjvk4qm837pb.fl-module-heading .fl-heading { font-family: Raleway, sans-serif; font-weight: 900; font-size: 60px; text-align: left; } .fl-node-hjvk4qm837pb > .fl-module-content { margin-top:0px; margin-bottom:0px; } .fl-node-efygrn9vbz6o, .fl-node-efygrn9vbz6o .fl-photo { text-align: left; } .fl-node-efygrn9vbz6o .fl-photo-content, .fl-node-efygrn9vbz6o .fl-photo-img { width: 100%; } .fl-node-efygrn9vbz6o .fl-photo-img { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .fl-node-0iz8qspuljmd.fl-module-heading .fl-heading { text-align: left; } .fl-node-0iz8qspuljmd > .fl-module-content { margin-top:0px; } /* Start Global Nodes CSS */ /* End Global Nodes CSS */ /* Start Layout CSS */ /* End Layout CSS */ /* Equal height Column Bottom Alignment */ .fl-col-group-equal-height.fl-col-group-align-bottom .fl-col-content { -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: end; -webkit-box-pack: end; -ms-flex-pack: end; } /* H1-H6 Margin Reset in all Modules */ .uabb-module-content h1, .uabb-module-content h2, .uabb-module-content h3, .uabb-module-content h4, .uabb-module-content h5, .uabb-module-content h6 { margin: 0; clear: both; } /* Anchor Tag Css */ .fl-module-content a, .fl-module-content a:hover, .fl-module-content a:focus { text-decoration: none; } /* Row Separator CSS */ .uabb-row-separator { position: absolute; width: 100%; left: 0; } .uabb-top-row-separator { top: 0; bottom: auto } .uabb-bottom-row-separator { top: auto; bottom: 0; } .fl-builder-content-editing .fl-visible-medium.uabb-row, .fl-builder-content-editing .fl-visible-medium-mobile.uabb-row, .fl-builder-content-editing .fl-visible-mobile.uabb-row { display: none !important; } @media (max-width: 992px) { .fl-builder-content-editing .fl-visible-desktop.uabb-row, .fl-builder-content-editing .fl-visible-mobile.uabb-row { display: none !important; } .fl-builder-content-editing .fl-visible-desktop-medium.uabb-row, .fl-builder-content-editing .fl-visible-medium.uabb-row, .fl-builder-content-editing .fl-visible-medium-mobile.uabb-row { display: block !important; } } @media (max-width: 768px) { .fl-builder-content-editing .fl-visible-desktop.uabb-row, .fl-builder-content-editing .fl-visible-desktop-medium.uabb-row, .fl-builder-content-editing .fl-visible-medium.uabb-row { display: none !important; } .fl-builder-content-editing .fl-visible-medium-mobile.uabb-row, .fl-builder-content-editing .fl-visible-mobile.uabb-row { display: block !important; } } .fl-responsive-preview-content .fl-builder-content-editing { overflow-x: hidden; overflow-y: visible; } .uabb-row-separator svg { width: 100%; } .uabb-top-row-separator.uabb-has-svg svg { position: absolute; padding: 0; margin: 0; left: 50%; top: -1px; bottom: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .uabb-bottom-row-separator.uabb-has-svg svg { position: absolute; padding: 0; margin: 0; left: 50%; bottom: -1px; top: auto; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .uabb-bottom-row-separator.uabb-has-svg .uasvg-wave-separator { bottom: 0; } .uabb-top-row-separator.uabb-has-svg .uasvg-wave-separator { top: 0; } /** * * Svg Triangle Separator * Big Triangle Separator * Big Triangle Left Separator * Svg Half Circle Separator * Curve Center Separator * Waves Separator * Stamp * Grass * Slime * Grass Bend * Wave Slide * Muliple Triangles * Pine Tree * Pine Tree Bend * ***************************************/ .uabb-bottom-row-separator.uabb-svg-triangle svg, .uabb-bottom-row-separator.uabb-xlarge-triangle svg, .uabb-top-row-separator.uabb-xlarge-triangle-left svg, .uabb-bottom-row-separator.uabb-svg-circle svg, .uabb-top-row-separator.uabb-slime-separator svg, .uabb-top-row-separator.uabb-grass-separator svg, .uabb-top-row-separator.uabb-grass-bend-separator svg, .uabb-bottom-row-separator.uabb-mul-triangles-separator svg, .uabb-top-row-separator.uabb-wave-slide-separator svg, .uabb-top-row-separator.uabb-pine-tree-separator svg, .uabb-top-row-separator.uabb-pine-tree-bend-separator svg, .uabb-bottom-row-separator.uabb-stamp-separator svg, .uabb-bottom-row-separator.uabb-xlarge-circle svg, .uabb-top-row-separator.uabb-wave-separator svg{ left: 50%; -webkit-transform: translateX(-50%) scaleY(-1); -moz-transform: translateX(-50%) scaleY(-1); -ms-transform: translateX(-50%) scaleY(-1); -o-transform: translateX(-50%) scaleY(-1); transform: translateX(-50%) scaleY(-1); } /* * Big Triangle */ .uabb-bottom-row-separator.uabb-big-triangle svg { left: 50%; -webkit-transform: scale(1) scaleY(-1) translateX(-50%); -moz-transform: scale(1) scaleY(-1) translateX(-50%); -ms-transform: scale(1) scaleY(-1) translateX(-50%); -o-transform: scale(1) scaleY(-1) translateX(-50%); transform: scale(1) scaleY(-1) translateX(-50%); } .uabb-top-row-separator.uabb-big-triangle svg { left: 50%; -webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); } /** * * Big Triangle Right Separator * ***************************************/ .uabb-top-row-separator.uabb-xlarge-triangle-right svg { left: 50%; -webkit-transform: translateX(-50%) scale(-1); -moz-transform: translateX(-50%) scale(-1); -ms-transform: translateX(-50%) scale(-1); -o-transform: translateX(-50%) scale(-1); transform: translateX(-50%) scale(-1); } .uabb-bottom-row-separator.uabb-xlarge-triangle-right svg { left: 50%; -webkit-transform: translateX(-50%) scaleX(-1); -moz-transform: translateX(-50%) scaleX(-1); -ms-transform: translateX(-50%) scaleX(-1); -o-transform: translateX(-50%) scaleX(-1); transform: translateX(-50%) scaleX(-1); } /** * * Curve Left Separator * Curve Right Separator * ***************************************/ .uabb-top-row-separator.uabb-curve-up-separator svg { left: 50%; -webkit-transform: translateX(-50%) scaleY(-1); -moz-transform: translateX(-50%) scaleY(-1); -ms-transform: translateX(-50%) scaleY(-1); -o-transform: translateX(-50%) scaleY(-1); transform: translateX(-50%) scaleY(-1); } .uabb-top-row-separator.uabb-curve-down-separator svg { left: 50%; -webkit-transform: translateX(-50%) scale(-1); -moz-transform: translateX(-50%) scale(-1); -ms-transform: translateX(-50%) scale(-1); -o-transform: translateX(-50%) scale(-1); transform: translateX(-50%) scale(-1); } .uabb-bottom-row-separator.uabb-curve-down-separator svg { left: 50%; -webkit-transform: translateX(-50%) scaleX(-1); -moz-transform: translateX(-50%) scaleX(-1); -ms-transform: translateX(-50%) scaleX(-1); -o-transform: translateX(-50%) scaleX(-1); transform: translateX(-50%) scaleX(-1); } /** * * Tilt Left Separator * Tilt Right Separator * ***************************************/ .uabb-top-row-separator.uabb-tilt-left-separator svg { left: 50%; -webkit-transform: translateX(-50%) scale(-1); -moz-transform: translateX(-50%) scale(-1); -ms-transform: translateX(-50%) scale(-1); -o-transform: translateX(-50%) scale(-1); transform: translateX(-50%) scale(-1); } .uabb-top-row-separator.uabb-tilt-right-separator svg{ left: 50%; -webkit-transform: translateX(-50%) scaleY(-1); -moz-transform: translateX(-50%) scaleY(-1); -ms-transform: translateX(-50%) scaleY(-1); -o-transform: translateX(-50%) scaleY(-1); transform: translateX(-50%) scaleY(-1); } .uabb-bottom-row-separator.uabb-tilt-left-separator svg { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .uabb-bottom-row-separator.uabb-tilt-right-separator svg { left: 50%; -webkit-transform: translateX(-50%) scaleX(-1); -moz-transform: translateX(-50%) scaleX(-1); -ms-transform: translateX(-50%) scaleX(-1); -o-transform: translateX(-50%) scaleX(-1); transform: translateX(-50%) scaleX(-1); } .uabb-top-row-separator.uabb-tilt-left-separator, .uabb-top-row-separator.uabb-tilt-right-separator { top: 0; } .uabb-bottom-row-separator.uabb-tilt-left-separator, .uabb-bottom-row-separator.uabb-tilt-right-separator { bottom: 0; } /** * * Clouds Separator * Multi Triangle * Arrow Inward * Arrow Outward * ***************************************/ .uabb-top-row-separator.uabb-arrow-outward-separator svg, .uabb-top-row-separator.uabb-arrow-inward-separator svg, .uabb-top-row-separator.uabb-cloud-separator svg, .uabb-top-row-separator.uabb-multi-triangle svg { left: 50%; -webkit-transform: translateX(-50%) scaleY(-1); -moz-transform: translateX(-50%) scaleY(-1); -ms-transform: translateX(-50%) scaleY(-1); -o-transform: translateX(-50%) scaleY(-1); transform: translateX(-50%) scaleY(-1); } .uabb-bottom-row-separator.uabb-multi-triangle svg { bottom: -2px; } .uabb-row-separator.uabb-round-split:after, .uabb-row-separator.uabb-round-split:before { left: 0; width: 50%; background: inherit inherit/inherit inherit inherit inherit; content: ''; position: absolute } /* Buttons ------------------------------------------------------ */ .uabb-button-wrap a, .uabb-button-wrap a:visited { display: inline-block; font-size: 16px; line-height: 18px; text-decoration: none; text-shadow: none; } .fl-builder-content .uabb-button:hover { text-decoration: none; } .fl-builder-content .uabb-button-width-full .uabb-button { display: block; text-align: center; } .uabb-button-width-custom .uabb-button { display: inline-block; text-align: center; max-width: 100%; } .fl-builder-content .uabb-button-left { text-align: left; } .fl-builder-content .uabb-button-center { text-align: center; } .fl-builder-content .uabb-infobox .uabb-button-center, .fl-builder-content .uabb-modal-action-wrap .uabb-button-center, .fl-builder-content .uabb-ultb3-box .uabb-button-center, .fl-builder-content .uabb-slide-down .uabb-button-center, .fl-builder-content .uabb-blog-post-content .uabb-button-center, .fl-builder-content .uabb-cta-wrap .uabb-button-center, .fl-builder-content .fl-module-uabb-off-canvas .uabb-button-wrap .uabb-button-center{ text-align: inherit; } .fl-builder-content .uabb-button-right { text-align: right; } .fl-builder-content .uabb-button i, .fl-builder-content .uabb-button i:before { font-size: 1em; height: 1em; line-height: 1em; width: 1em; } .uabb-button .uabb-button-icon-after { margin-left: 8px; margin-right: 0; } .uabb-button .uabb-button-icon-before { margin-left: 0; margin-right: 8px; } .uabb-button .uabb-button-icon-no-text { margin: 0; } .uabb-button-has-icon .uabb-button-text { vertical-align: middle; } /* Icons ------------------------------------------------------ */ .uabb-icon-wrap { display: inline-block; } .uabb-icon a { text-decoration: none; } .uabb-icon i { display: block; } .uabb-icon i:before { border: none !important; background: none !important; } .uabb-icon-text { display: table-cell; text-align: left; padding-left: 15px; vertical-align: middle; } .uabb-icon-text *:last-child { margin: 0 !important; padding: 0 !important; } .uabb-icon-text a { text-decoration: none; } /* Photos ------------------------------------------------------ */ .uabb-photo { line-height: 0; position: relative; z-index: 2; } .uabb-photo-align-left { text-align: left; } .uabb-photo-align-center { text-align: center; } .uabb-photo-align-right { text-align: right; } .uabb-photo-content { border-radius: 0; display: inline-block; line-height: 0; position: relative; max-width: 100%; overflow: hidden; } .uabb-photo-content img { border-radius: inherit; display: inline; height: auto; max-width: 100%; width: auto; } .fl-builder-content .uabb-photo-crop-circle img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .fl-builder-content .uabb-photo-crop-square img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .uabb-photo-caption { font-size: 13px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .uabb-photo-caption-below { padding-bottom: 20px; padding-top: 10px; } .uabb-photo-caption-hover { background: rgba(0,0,0,0.7); bottom: 0; color: #fff; left: 0; opacity: 0; visibility: hidden; filter: alpha(opacity = 0); padding: 10px 15px; position: absolute; right: 0; -webkit-transition:visibility 200ms linear; -moz-transition:visibility 200ms linear; transition:visibility 200ms linear; } .uabb-photo-content:hover .uabb-photo-caption-hover { opacity: 100; visibility: visible; } /* Panel & Buttons ------------------------------------------------------ */ .uabb-active-btn { background: #1e8cbe; border-color: #0074a2; -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,.6); box-shadow: inset 0 1px 0 rgba(120,200,230,.6); color: white; } .fl-builder-bar .fl-builder-add-content-button { display: block !important; opacity: 1 !important; } /* Image Icon Object */ .uabb-imgicon-wrap .uabb-icon { display: block; } .uabb-imgicon-wrap .uabb-icon i{ float: none; } /* Photo */ .uabb-imgicon-wrap .uabb-image { line-height: 0; position: relative; } .uabb-imgicon-wrap .uabb-image-align-left { text-align: left; } .uabb-imgicon-wrap .uabb-image-align-center { text-align: center; } .uabb-imgicon-wrap .uabb-image-align-right { text-align: right; } .uabb-imgicon-wrap .uabb-image-content { display: inline-block; border-radius: 0; line-height: 0; position: relative; max-width: 100%; } .uabb-imgicon-wrap .uabb-image-content img { display: inline; height: auto !important; max-width: 100%; width: auto; border-radius: inherit; box-shadow: none; box-sizing: content-box; } .fl-builder-content .uabb-imgicon-wrap .uabb-image-crop-circle img { -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .fl-builder-content .uabb-imgicon-wrap .uabb-image-crop-square img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* Creative Button ___________________________________________________________________________*/ .uabb-creative-button-wrap a, .uabb-creative-button-wrap a:visited { background: #fafafa; border: 1px solid #ccc; color: #333; display: inline-block; vertical-align: middle; text-align: center; overflow: hidden; text-decoration: none; text-shadow: none; box-shadow: none; position: relative; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .uabb-creative-button-wrap a:focus { text-decoration: none; text-shadow: none; box-shadow: none; } .uabb-creative-button-wrap a .uabb-creative-button-text, .uabb-creative-button-wrap a .uabb-creative-button-icon, .uabb-creative-button-wrap a:visited .uabb-creative-button-text, .uabb-creative-button-wrap a:visited .uabb-creative-button-icon { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } .uabb-creative-button-wrap a:hover { text-decoration: none; } .uabb-creative-button-wrap .uabb-creative-button-width-full .uabb-creative-button { display: block; text-align: center; } .uabb-creative-button-wrap .uabb-creative-button-width-custom .uabb-creative-button { display: inline-block; text-align: center; max-width: 100%; } .uabb-creative-button-wrap .uabb-creative-button-left { text-align: left; } .uabb-creative-button-wrap .uabb-creative-button-center { text-align: center; } .uabb-creative-button-wrap .uabb-creative-button-right { text-align: right; } .uabb-creative-button-wrap .uabb-creative-button i { font-size: 1.3em; height: auto; vertical-align: middle; width: auto; } .uabb-creative-button-wrap .uabb-creative-button .uabb-creative-button-icon-after { margin-left: 8px; margin-right: 0; } .uabb-creative-button-wrap .uabb-creative-button .uabb-creative-button-icon-before { margin-right: 8px; margin-left: 0; } .uabb-creative-button-wrap.uabb-creative-button-icon-no-text .uabb-creative-button i { margin: 0; } .uabb-creative-button-wrap .uabb-creative-button-has-icon .uabb-creative-button-text { vertical-align: middle; } .uabb-creative-button-wrap a, .uabb-creative-button-wrap a:visited { padding: 12px 24px; } /* Translate Button styles */ .uabb-creative-button.uabb-creative-transparent-btn { background: transparent; } .uabb-creative-button.uabb-creative-transparent-btn:after { content: ''; position: absolute; z-index: 1; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; } /* transparent-fill-top, transparent-fill-bottom */ .uabb-transparent-fill-top-btn:after, .uabb-transparent-fill-bottom-btn:after { width: 100%; height: 0; left: 0; } /* transparent-fill-top */ .uabb-transparent-fill-top-btn:after { top: 0; } /* transparent-fill-bottom */ .uabb-transparent-fill-bottom-btn:after { bottom: 0; } /* transparent-fill-left, transparent-fill-right */ .uabb-transparent-fill-left-btn:after, .uabb-transparent-fill-right-btn:after { width: 0; height: 100%; top: 0; } /* transparent-fill-left */ .uabb-transparent-fill-left-btn:after { left: 0; } /* transparent-fill-right */ .uabb-transparent-fill-right-btn:after { right: 0; } /* transparent-fill-center */ .uabb-transparent-fill-center-btn:after{ width: 0; height: 100%; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /* transparent-fill-diagonal, transparent-fill-horizontal */ .uabb-transparent-fill-diagonal-btn:after, .uabb-transparent-fill-horizontal-btn:after { width: 100%; height: 0; top: 50%; left: 50%; } /* transparent-fill-diagonal */ .uabb-transparent-fill-diagonal-btn{ overflow: hidden; } .uabb-transparent-fill-diagonal-btn:after{ -webkit-transform: translateX(-50%) translateY(-50%) rotate( 45deg ); -moz-transform: translateX(-50%) translateY(-50%) rotate( 45deg ); -ms-transform: translateX(-50%) translateY(-50%) rotate( 45deg ); -o-transform: translateX(-50%) translateY(-50%) rotate( 45deg ); transform: translateX(-50%) translateY(-50%) rotate( 45deg ); } /* transparent-fill-horizontal */ .uabb-transparent-fill-horizontal-btn:after{ -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /* 3D Button styles */ .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_down-btn, .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_up-btn, .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_left-btn, .uabb-creative-button-wrap .uabb-creative-threed-btn.uabb-threed_right-btn { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .perspective { -webkit-perspective: 800px; -moz-perspective: 800px; perspective: 800px; margin: 0; } .uabb-creative-button.uabb-creative-threed-btn:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; transition: all 200ms linear; } .uabb-creative-button.uabb-creative-threed-btn { outline: 1px solid transparent; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } /* 3D Button styles --- Animate to top */ .uabb-creative-threed-btn.uabb-animate_top-btn:after { height: 40%; left: 0; top: -40%; width: 100%; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); transform: rotateX(90deg); } /* 3D Button styles --- Animate to bottom */ .uabb-creative-threed-btn.uabb-animate_bottom-btn:after { width: 100%; height: 40%; left: 0; top: 100%; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); transform: rotateX(-90deg); } /* 3D Button styles --- Animate to Left */ .uabb-creative-threed-btn.uabb-animate_left-btn:after { width: 20%; height: 100%; left: -20%; top: 0; -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-transform: rotateY(-60deg); -moz-transform: rotateY(-60deg); -ms-transform: rotateY(-60deg); transform: rotateY(-60deg); } /* 3D Button styles --- Animate to Right */ .uabb-creative-threed-btn.uabb-animate_right-btn:after { width: 20%; height: 100%; left: 104%; top: 0; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotateY(120deg); -moz-transform: rotateY(120deg); -ms-transform: rotateY(120deg); transform: rotateY(120deg); } /* Animate Top */ .uabb-animate_top-btn:hover{ -webkit-transform: rotateX(-15deg); -moz-transform: rotateX(-15deg); -ms-transform: rotateX(-15deg); -o-transform: rotateX(-15deg); transform: rotateX(-15deg); } /* Animate Bottom */ .uabb-animate_bottom-btn:hover{ -webkit-transform: rotateX(15deg); -moz-transform: rotateX(15deg); -ms-transform: rotateX(15deg); -o-transform: rotateX(15deg); transform: rotateX(15deg); } /* Animate Left */ .uabb-animate_left-btn:hover{ -webkit-transform: rotateY(6deg); -moz-transform: rotateY(6deg); -ms-transform: rotateY(6deg); -o-transform: rotateY(6deg); transform: rotateY(6deg); } /* Animate Right */ .uabb-animate_right-btn:hover{ -webkit-transform: rotateY(-6deg); -moz-transform: rotateY(-6deg); -ms-transform: rotateY(-6deg); -o-transform: rotateY(-6deg); transform: rotateY(-6deg); } /* Flat Button styles */ /* Common Classes */ .uabb-creative-flat-btn.uabb-animate_to_right-btn, .uabb-creative-flat-btn.uabb-animate_to_left-btn, .uabb-creative-flat-btn.uabb-animate_from_top-btn, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn { overflow: hidden; position: relative; } .uabb-creative-flat-btn.uabb-animate_to_right-btn i, .uabb-creative-flat-btn.uabb-animate_to_left-btn i, .uabb-creative-flat-btn.uabb-animate_from_top-btn i, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn i { bottom: 0; height: 100%; margin: 0; opacity: 1; position: absolute; right: 0; width: 100%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; transition: all 200ms linear; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .uabb-creative-flat-btn.uabb-animate_to_right-btn .uabb-button-text, .uabb-creative-flat-btn.uabb-animate_to_left-btn .uabb-button-text, .uabb-creative-flat-btn.uabb-animate_from_top-btn .uabb-button-text, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn .uabb-button-text { display: inline-block; width: 100%; height: 100%; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -ms-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } /* Making Icon position center */ .uabb-creative-flat-btn.uabb-animate_to_right-btn i:before, .uabb-creative-flat-btn.uabb-animate_to_left-btn i:before, .uabb-creative-flat-btn.uabb-animate_from_top-btn i:before, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn i:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } /* Common Hover Classes */ .uabb-creative-flat-btn.uabb-animate_to_right-btn:hover i, .uabb-creative-flat-btn.uabb-animate_to_left-btn:hover i { left: 0; } .uabb-creative-flat-btn.uabb-animate_from_top-btn:hover i, .uabb-creative-flat-btn.uabb-animate_from_bottom-btn:hover i { top: 0; } /* Animate Icon to the right */ .uabb-creative-flat-btn.uabb-animate_to_right-btn i { top: 0; left: -100%; } .uabb-creative-flat-btn.uabb-animate_to_right-btn:hover .uabb-button-text { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); -o-transform: translateX(200%); transform: translateX(200%); } /* Animate Icon to the left */ .uabb-creative-flat-btn.uabb-animate_to_left-btn i { top: 0; left: 100%; } .uabb-creative-flat-btn.uabb-animate_to_left-btn:hover .uabb-button-text { -webkit-transform: translateX(-200%); -moz-transform: translateX(-200%); -ms-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); } /* Animate Icon From the Top */ .uabb-creative-flat-btn.uabb-animate_from_top-btn i { top: -100%; left: 0; } .uabb-creative-flat-btn.uabb-animate_from_top-btn:hover .uabb-button-text { -webkit-transform: translateY(400px); -moz-transform: translateY(400px); -ms-transform: translateY(400px); -o-transform: translateY(400px); transform: translateY(400px); } /* Animate Icon From the Bottom */ .uabb-creative-flat-btn.uabb-animate_from_bottom-btn i { top: 100%; left: 0; } .uabb-creative-flat-btn.uabb-animate_from_bottom-btn:hover .uabb-button-text { -webkit-transform: translateY(-400px); -moz-transform: translateY(-400px); -ms-transform: translateY(-400px); -o-transform: translateY(-400px); transform: translateY(-400px); } /* Media/Video CSS */ .uabb-tab-acc-content .wp-video, .uabb-tab-acc-content video.wp-video-shortcode, .uabb-tab-acc-content .mejs-container:not(.mejs-audio), .uabb-tab-acc-content .mejs-overlay.load, .uabb-adv-accordion-content .wp-video, .uabb-adv-accordion-content video.wp-video-shortcode, .uabb-adv-accordion-content .mejs-container:not(.mejs-audio), .uabb-adv-accordion-content .mejs-overlay.load { width: 100% !important; height: 100% !important; } .uabb-tab-acc-content .mejs-container:not(.mejs-audio), .uabb-adv-accordion-content .mejs-container:not(.mejs-audio) { padding-top: 56.25%; } .uabb-tab-acc-content .wp-video, .uabb-tab-acc-content video.wp-video-shortcode, .uabb-adv-accordion-content .wp-video, .uabb-adv-accordion-content video.wp-video-shortcode { max-width: 100% !important; } .uabb-tab-acc-content video.wp-video-shortcode, .uabb-adv-accordion-content video.wp-video-shortcode { position: relative; } .uabb-tab-acc-content .mejs-container:not(.mejs-audio) .mejs-mediaelement, .uabb-adv-accordion-content .mejs-container:not(.mejs-audio) .mejs-mediaelement { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .uabb-tab-acc-content .mejs-overlay-play, .uabb-adv-accordion-content .mejs-overlay-play { top: 0; right: 0; bottom: 0; left: 0; width: auto !important; height: auto !important; } .fl-row-content-wrap .uabb-row-particles-background, .uabb-col-particles-background { width:100%; height:100%; position:absolute; left:0; top:0; } /* Theme Button ------------------------------------------------------ */ /*.fl-builder-content a.uabb-button, .fl-builder-content a.uabb-button:visited, .fl-builder-content a.uabb-creative-button, .fl-builder-content a.uabb-creative-button:visited*/ .uabb-creative-button-wrap a, .uabb-creative-button-wrap a:visited { font-family: inherit; font-weight: 500; } .uabb-dual-button .uabb-btn, .uabb-dual-button .uabb-btn:visited { font-family: inherit; font-weight: 500; } /* Responsive Js Breakpoint Css */ .uabb-js-breakpoint { content:"default"; display:none; } @media screen and (max-width: 992px) { .uabb-js-breakpoint { content:"992"; } } @media screen and (max-width: 768px) { .uabb-js-breakpoint { content:"768"; } } .fl-builder-row-settings #fl-field-separator_position { display: none !important; } .fl-node-q4e5g0kvr9ja .fl-row-content { min-width: 0px; }