.fl-node-cu5j4nb8pd3v { color: #ffffff; } .fl-builder-content .fl-node-cu5j4nb8pd3v *:not(input):not(textarea):not(select):not(a):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.fl-menu-mobile-toggle) { color: inherit; } .fl-builder-content .fl-node-cu5j4nb8pd3v a { color: #ffffff; } .fl-builder-content .fl-node-cu5j4nb8pd3v a:hover { color: #ffffff; } .fl-builder-content .fl-node-cu5j4nb8pd3v h1, .fl-builder-content .fl-node-cu5j4nb8pd3v h2, .fl-builder-content .fl-node-cu5j4nb8pd3v h3, .fl-builder-content .fl-node-cu5j4nb8pd3v h4, .fl-builder-content .fl-node-cu5j4nb8pd3v h5, .fl-builder-content .fl-node-cu5j4nb8pd3v h6, .fl-builder-content .fl-node-cu5j4nb8pd3v h1 a, .fl-builder-content .fl-node-cu5j4nb8pd3v h2 a, .fl-builder-content .fl-node-cu5j4nb8pd3v h3 a, .fl-builder-content .fl-node-cu5j4nb8pd3v h4 a, .fl-builder-content .fl-node-cu5j4nb8pd3v h5 a, .fl-builder-content .fl-node-cu5j4nb8pd3v h6 a { color: #ffffff; } .fl-node-cu5j4nb8pd3v > .fl-row-content-wrap { background-color: #32ce2c; border-style: solid; border-width: 0; background-clip: border-box; border-color: #000000; border-top-width: 7px; } .fl-node-cu5j4nb8pd3v > .fl-row-content-wrap { margin-top:60px; margin-bottom:-25px; } .fl-node-cu5j4nb8pd3v > .fl-row-content-wrap { padding-top:5px; } .fl-node-gbxo36imt7s9 { color: #ffffff; } .fl-builder-content .fl-node-gbxo36imt7s9 *:not(input):not(textarea):not(select):not(a):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.fl-menu-mobile-toggle) { color: inherit; } .fl-builder-content .fl-node-gbxo36imt7s9 a { color: #ffffff; } .fl-builder-content .fl-node-gbxo36imt7s9 a:hover { color: #ffffff; } .fl-builder-content .fl-node-gbxo36imt7s9 h1, .fl-builder-content .fl-node-gbxo36imt7s9 h2, .fl-builder-content .fl-node-gbxo36imt7s9 h3, .fl-builder-content .fl-node-gbxo36imt7s9 h4, .fl-builder-content .fl-node-gbxo36imt7s9 h5, .fl-builder-content .fl-node-gbxo36imt7s9 h6, .fl-builder-content .fl-node-gbxo36imt7s9 h1 a, .fl-builder-content .fl-node-gbxo36imt7s9 h2 a, .fl-builder-content .fl-node-gbxo36imt7s9 h3 a, .fl-builder-content .fl-node-gbxo36imt7s9 h4 a, .fl-builder-content .fl-node-gbxo36imt7s9 h5 a, .fl-builder-content .fl-node-gbxo36imt7s9 h6 a { color: #ffffff; } .fl-node-gbxo36imt7s9 > .fl-row-content-wrap { background-color: #ffffff; background-image: url(https://lonestar.curling.club/wp-content/uploads/sites/30/2023/04/Bridge-scaled.gif); background-repeat: no-repeat; background-position: center bottom; background-attachment: scroll; background-size: contain; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; } .fl-node-gbxo36imt7s9 > .fl-row-content-wrap:after { background-image: radial-gradient(at right bottom, rgba(0,0,0,0.98) 0%, rgba(0,0,0,0.9) 80%); } @media(max-width: 1200px) { .fl-node-gbxo36imt7s9 > .fl-row-content-wrap { background-position: center bottom; } } @media(max-width: 992px) { .fl-node-gbxo36imt7s9 > .fl-row-content-wrap { background-position: center bottom; } } @media(max-width: 768px) { .fl-node-gbxo36imt7s9 > .fl-row-content-wrap { background-position: center bottom; } } .fl-node-gbxo36imt7s9 > .fl-row-content-wrap { padding-top:90px; padding-bottom:40px; } .fl-node-i0fxmnhal96p { color: #ffffff; } .fl-builder-content .fl-node-i0fxmnhal96p *:not(input):not(textarea):not(select):not(a):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.fl-menu-mobile-toggle) { color: inherit; } .fl-builder-content .fl-node-i0fxmnhal96p a { color: #ffffff; } .fl-builder-content .fl-node-i0fxmnhal96p a:hover { color: #ffffff; } .fl-builder-content .fl-node-i0fxmnhal96p h1, .fl-builder-content .fl-node-i0fxmnhal96p h2, .fl-builder-content .fl-node-i0fxmnhal96p h3, .fl-builder-content .fl-node-i0fxmnhal96p h4, .fl-builder-content .fl-node-i0fxmnhal96p h5, .fl-builder-content .fl-node-i0fxmnhal96p h6, .fl-builder-content .fl-node-i0fxmnhal96p h1 a, .fl-builder-content .fl-node-i0fxmnhal96p h2 a, .fl-builder-content .fl-node-i0fxmnhal96p h3 a, .fl-builder-content .fl-node-i0fxmnhal96p h4 a, .fl-builder-content .fl-node-i0fxmnhal96p h5 a, .fl-builder-content .fl-node-i0fxmnhal96p h6 a { color: #ffffff; } .fl-node-i0fxmnhal96p > .fl-row-content-wrap { background-color: #000000; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; } .fl-node-i0fxmnhal96p > .fl-row-content-wrap { padding-bottom:0px; } .fl-node-bcrgoutk976l { width: 100%; } .fl-node-z2o9yf3hat8s { width: 50%; } .fl-node-z2o9yf3hat8s > .fl-col-content { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } .fl-node-1pw0v9lb7x82 { width: 100%; } .fl-node-5lwz67ckm9j8 { width: 35%; } .fl-node-zg6ticqdovxr { width: 25.64%; } .fl-node-ugw8nckheqa6 { width: 36%; } .fl-node-w1ie0fqlsngj { width: 50%; } .fl-node-tcik8jv06yo1 { width: 74.36%; } .fl-node-rh2cbyzgotla { width: 28%; } .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-node-fzo0wnvxg168.fl-module-rich-text { margin-top:0px; margin-bottom:0px; } @media (max-width: 768px) { .fl-module-icon { text-align: center; } }.fl-node-0s576tizo3rp .fl-icon i, .fl-node-0s576tizo3rp .fl-icon i:before { color: #9b9b9b; } .fl-node-0s576tizo3rp .fl-icon i:hover, .fl-node-0s576tizo3rp .fl-icon i:hover:before, .fl-node-0s576tizo3rp .fl-icon a:hover i, .fl-node-0s576tizo3rp .fl-icon a:hover i:before { color: #7f7f7f; } .fl-node-0s576tizo3rp .fl-icon i, .fl-node-0s576tizo3rp .fl-icon i:before { font-size: 16px; } .fl-node-0s576tizo3rp .fl-icon-wrap .fl-icon-text { height: 28px; } .fl-node-0s576tizo3rp.fl-module-icon { text-align: left; } @media(max-width: 1200px) { .fl-node-0s576tizo3rp .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 992px) { .fl-node-0s576tizo3rp .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 768px) { .fl-node-0s576tizo3rp .fl-icon-wrap .fl-icon-text { height: 28px; } } .fl-node-0s576tizo3rp > .fl-module-content { margin-top:0px; margin-bottom:0px; margin-left:5px; } .fl-node-vn72eg5makzq .fl-icon i, .fl-node-vn72eg5makzq .fl-icon i:before { color: #9b9b9b; } .fl-node-vn72eg5makzq .fl-icon i, .fl-node-vn72eg5makzq .fl-icon i:before { font-size: 16px; } .fl-node-vn72eg5makzq .fl-icon-wrap .fl-icon-text { height: 28px; } .fl-node-vn72eg5makzq.fl-module-icon { text-align: left; } @media(max-width: 1200px) { .fl-node-vn72eg5makzq .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 992px) { .fl-node-vn72eg5makzq .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 768px) { .fl-node-vn72eg5makzq .fl-icon-wrap .fl-icon-text { height: 28px; } } .fl-node-vn72eg5makzq > .fl-module-content { margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:3px; } .fl-node-25t0kn13v8rm .fl-icon i, .fl-node-25t0kn13v8rm .fl-icon i:before { color: #9b9b9b; } .fl-node-25t0kn13v8rm .fl-icon i:hover, .fl-node-25t0kn13v8rm .fl-icon i:hover:before, .fl-node-25t0kn13v8rm .fl-icon a:hover i, .fl-node-25t0kn13v8rm .fl-icon a:hover i:before { color: #7f7f7f; } .fl-node-25t0kn13v8rm .fl-icon i, .fl-node-25t0kn13v8rm .fl-icon i:before { font-size: 16px; } .fl-node-25t0kn13v8rm .fl-icon-wrap .fl-icon-text { height: 28px; } .fl-node-25t0kn13v8rm.fl-module-icon { text-align: left; } @media(max-width: 1200px) { .fl-node-25t0kn13v8rm .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 992px) { .fl-node-25t0kn13v8rm .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 768px) { .fl-node-25t0kn13v8rm .fl-icon-wrap .fl-icon-text { height: 28px; } } .fl-node-25t0kn13v8rm > .fl-module-content { margin-top:0px; margin-bottom:0px; margin-left:5px; } .fl-node-c8zexf3n21yr .fl-icon i, .fl-node-c8zexf3n21yr .fl-icon i:before { color: #9b9b9b; } .fl-node-c8zexf3n21yr .fl-icon i, .fl-node-c8zexf3n21yr .fl-icon i:before { font-size: 16px; } .fl-node-c8zexf3n21yr .fl-icon-wrap .fl-icon-text { height: 28px; } .fl-node-c8zexf3n21yr.fl-module-icon { text-align: left; } @media(max-width: 1200px) { .fl-node-c8zexf3n21yr .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 992px) { .fl-node-c8zexf3n21yr .fl-icon-wrap .fl-icon-text { height: 28px; } } @media(max-width: 768px) { .fl-node-c8zexf3n21yr .fl-icon-wrap .fl-icon-text { height: 28px; } } .fl-node-c8zexf3n21yr > .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-6if435nsbt8o.fl-module-heading, .fl-node-6if435nsbt8o.fl-module-heading :where(a, q, p, span) { text-align: center; } .fl-node-6if435nsbt8o.fl-module-heading { margin-bottom:0px; } .fl-node-isgtzr1m90qf.fl-module-heading, .fl-node-isgtzr1m90qf.fl-module-heading :where(a, q, p, span) { text-align: center; } .fl-node-isgtzr1m90qf.fl-module-heading { margin-bottom:0px; } 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-lhjgc3qpbryw, .fl-node-lhjgc3qpbryw .fl-photo { text-align: center; } .fl-node-lhjgc3qpbryw .fl-photo-content, .fl-node-lhjgc3qpbryw .fl-photo-img { width: 200px; } .fl-node-lhjgc3qpbryw.fl-module-photo { margin-top:5px; margin-bottom:-10px; } @media (max-width: 768px) { .fl-node-lhjgc3qpbryw.fl-module-photo { margin-bottom:20px; } }/** * Horizontal Layout */ .fl-button-group-layout-horizontal .fl-button-group-buttons, .fl-button-group-layout-horizontal.fl-button-group-buttons { display: flex; flex-wrap: wrap; } .fl-button-group-layout-horizontal .fl-button-wrap { display: inline-block; } /** * Vertical Layout */ .fl-button-group-layout-vertical .fl-button-group-buttons, .fl-button-group-layout-vertical.fl-button-group-buttons { display: block; } .fl-button-group-layout-vertical .fl-button-wrap { display: block; } .fl-node-b08sdwelh1qj.fl-button-group-layout-vertical.fl-button-group-buttons .fl-button:is(a, button), .fl-node-b08sdwelh1qj.fl-button-group-layout-horizontal.fl-button-group-buttons .fl-button:is(a, button) { width: 100%; } .fl-node-b08sdwelh1qj.fl-button-group-layout-horizontal.fl-button-group-buttons { justify-content: center} .fl-builder-content .fl-node-b08sdwelh1qj.fl-button-group .fl-button:is(a, button) > span, .fl-builder-content .fl-node-b08sdwelh1qj.fl-button-group .fl-button:is(a, button) > i { color: #ffffff; } .fl-builder-content .fl-node-b08sdwelh1qj.fl-button-group.fl-button-group-buttons .fl-button:is(a, button) { background: #000000; } .fl-builder-content .fl-node-b08sdwelh1qj.fl-button-group.fl-button-group-buttons .fl-button:is(a, button):hover, .fl-builder-content .fl-node-b08sdwelh1qj.fl-button-group.fl-button-group-buttons .fl-button:is(a, button):focus { background: #259c21; } #fl-button-group-button-b08sdwelh1qj-0 .fl-button:is(a, button) { } .fl-node-b08sdwelh1qj-0.fl-button-lightbox-content { background: #fff none repeat scroll 0 0; margin: 20px auto; max-width: 600px; padding: 20px; position: relative; width: auto; } .fl-node-b08sdwelh1qj-0.fl-button-lightbox-content .mfp-close, .fl-node-b08sdwelh1qj-0.fl-button-lightbox-content .mfp-close:hover { top: -10px!important; right: -10px; } .mfp-wrap .fl-node-b08sdwelh1qj-0.fl-button-lightbox-content .mfp-close, .mfp-wrap .fl-node-b08sdwelh1qj-0.fl-button-lightbox-content .mfp-close:hover { color:#333!important; right: -4px; top: -10px!important; } .fl-builder-content .fl-node-b08sdwelh1qj .fl-button, .fl-builder-content .fl-node-b08sdwelh1qj .fl-button * { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } .fl-node-b08sdwelh1qj.fl-button-group-layout-vertical.fl-button-group-buttons .fl-button-group-button .fl-button-wrap { text-align: center; } .fl-node-b08sdwelh1qj.fl-button-group-layout-horizontal.fl-button-group-buttons { justify-content: center; } .fl-builder-content .fl-node-b08sdwelh1qj.fl-button-group.fl-button-group-buttons .fl-button-group-button { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; } .fl-builder-content .fl-node-b08sdwelh1qj.fl-button-group.fl-button-group-buttons .fl-button:is(a, button) { border-style: solid; border-width: 0; background-clip: border-box; border-color: #000000; border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; } .fl-builder-content .fl-node-b08sdwelh1qj.fl-button-group.fl-button-group-buttons .fl-button:is(a, button):hover { border-style: solid; border-width: 0; background-clip: border-box; border-color: #000000; border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px; } .fl-node-b08sdwelh1qj.fl-module-button-group { margin-top:0px; } .fl-node-k7ozixhsmqy1.fl-module-heading, .fl-node-k7ozixhsmqy1.fl-module-heading :where(a, q, p, span) { text-align: center; } .fl-node-o9xu1dnvw28z, .fl-node-o9xu1dnvw28z .fl-photo { text-align: center; } .fl-node-fap50jzhtxql.fl-module-rich-text { margin-bottom:20px; } .fl-node-d73821oyvnj6.fl-module-rich-text { margin-bottom:0px; } .fl-node-ypn6i9ohx2f0 .fl-icon i, .fl-node-ypn6i9ohx2f0 .fl-icon i:before { font-size: 30px; } .fl-node-ypn6i9ohx2f0 .fl-icon-wrap .fl-icon-text { height: 52.5px; } @media(max-width: 1200px) { .fl-node-ypn6i9ohx2f0 .fl-icon-wrap .fl-icon-text { height: 52.5px; } } @media(max-width: 992px) { .fl-node-ypn6i9ohx2f0 .fl-icon-wrap .fl-icon-text { height: 52.5px; } } @media(max-width: 768px) { .fl-node-ypn6i9ohx2f0 .fl-icon-wrap .fl-icon-text { height: 52.5px; } } .fl-node-ypn6i9ohx2f0 .fl-icon-group { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; } .fl-node-ypn6i9ohx2f0 .fl-icon-group .fl-icon { margin: 0; } .fl-node-ypn6i9ohx2f0 > .fl-module-content { margin-top:0px; margin-bottom:0px; } .fl-node-2b3jfy6nmoq4.fl-button-group-layout-vertical.fl-button-group-buttons .fl-button:is(a, button), .fl-node-2b3jfy6nmoq4.fl-button-group-layout-horizontal.fl-button-group-buttons .fl-button:is(a, button) { width: 100%; } .fl-node-2b3jfy6nmoq4.fl-button-group-layout-horizontal.fl-button-group-buttons { justify-content: center} #fl-button-group-button-2b3jfy6nmoq4-0 .fl-button:is(a, button) { } #fl-button-group-button-2b3jfy6nmoq4-1 .fl-button:is(a, button) { } .fl-builder-content .fl-node-2b3jfy6nmoq4 .fl-button, .fl-builder-content .fl-node-2b3jfy6nmoq4 .fl-button * { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; } .fl-node-2b3jfy6nmoq4.fl-button-group-layout-vertical.fl-button-group-buttons .fl-button-group-button .fl-button-wrap { text-align: center; } .fl-node-2b3jfy6nmoq4.fl-button-group-layout-horizontal.fl-button-group-buttons { justify-content: center; } .fl-builder-content .fl-node-2b3jfy6nmoq4.fl-button-group.fl-button-group-buttons .fl-button-group-button { padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; } .fl-node-7rtzgfawj2vq .fl-separator { border-top-width: 1px; max-width: 100%; margin: auto; } .fl-node-7rtzgfawj2vq .fl-separator { border-top-color: #e2e2e2; border-top-style: solid; } .fl-node-7rtzgfawj2vq.fl-module-separator { margin-bottom:0px; } /* Start Global Nodes CSS */ /* End Global Nodes CSS */ /* Start Layout CSS */ /* End Layout CSS */ .fl-node-gbxo36imt7s9 .fl-row-content { position: inherit; } .fl-node-gbxo36imt7s9 .uabb-top-row-separator.uabb-has-svg svg { width: calc( 100% + 1.5px ); } .fl-node-gbxo36imt7s9 .uabb-bottom-row-separator.uabb-has-svg svg { width: calc( 100% + 1.5px ) ; } .fl-node-gbxo36imt7s9 #uabb-top-slit2, .fl-node-gbxo36imt7s9 #uabb-top-slit3 { fill: #007e00; } .fl-node-gbxo36imt7s9 #uabb-bottom-slit2, .fl-node-gbxo36imt7s9 #uabb-bottom-slit3 { fill: #afafaf; } .fl-node-gbxo36imt7s9 #uabb-top-pine-tree-separator2 { fill: #82ff7c; stroke: #82ff7c; } .fl-node-gbxo36imt7s9 #uabb-bottom-pine-tree-separator2 { fill: #ffffff; stroke: #ffffff; } .fl-node-gbxo36imt7s9 #uabb-top-pine-tree-bend-separator2 { fill: #82ff7c; stroke: #82ff7c; } .fl-node-gbxo36imt7s9 #uabb-bottom-pine-tree-bend-separator2 { fill: #ffffff; stroke: #ffffff; } .fl-node-gbxo36imt7s9 #uabb-top-slime-separator2 { fill: #82ff7c; stroke: #82ff7c; } .fl-node-gbxo36imt7s9 #uabb-bottom-slime-separator2 { fill: #ffffff; stroke: #ffffff; } .fl-node-gbxo36imt7s9 #uabb-top-wave-slide-separator2 { fill: #82ff7c; stroke: #82ff7c; } .fl-node-gbxo36imt7s9 #uabb-bottom-wave-slide-separator2 { fill: #ffffff; stroke: #ffffff; } .fl-node-gbxo36imt7s9 .uabb-top-row-separator { z-index: 9; } .fl-node-gbxo36imt7s9 .uabb-bottom-row-separator { z-index: 9; } /* Responsive Sizes */ @media(max-width: 992px) { .fl-node-gbxo36imt7s9 .uabb-top-row-separator.uabb-has-svg svg { width: 100%; } .fl-node-gbxo36imt7s9 .uabb-bottom-row-separator.uabb-has-svg svg { width: 100%; } } @media(max-width: 768px) { .fl-node-gbxo36imt7s9 .uabb-top-row-separator.uabb-has-svg svg { width: 100%; } .fl-node-gbxo36imt7s9 .uabb-bottom-row-separator.uabb-has-svg svg { width: 100%; } } /* 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 { } .uabb-dual-button .uabb-btn, .uabb-dual-button .uabb-btn:visited { } /* 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"; } }