| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089 |
- /* @group General
- ------------------------------------------------------ */
- html {
- transition-property: margin;
- transition-duration: .35s;
- }
- html.fl-builder-is-showing-toolbar {
- margin-top: 46px !important;
- }
- .fl-builder-edit body {
- position: static !important;
- }
- /* fix for twentysixteen */
- .fl-builder-edit:before,
- .fl-builder-edit:after {
- z-index: 0 !important;
- }
- .fl-builder-edit .fl-builder-content {
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- -webkit-touch-callout: none;
- }
- #wpadminbar {
- transition-property: transform, opacity;
- transition-duration: .35s;
- transform-origin: bottom;
- transform-style: preserve-3d;
- transform: rotateX(89deg) translateY(46px);
- opacity:0;
- pointer-events: none;
- will-change: transform;
- }
- html.fl-builder-show-admin-bar {
- margin-top: 32px;
- }
- html.fl-builder-show-admin-bar #wpadminbar {
- transform: rotateX(0deg) translateY(0px);
- pointer-events: auto;
- opacity:1;
- }
- @media screen and ( max-width: 782px ) {
- html.fl-builder-show-admin-bar {
- margin-top: 46px;
- }
- }
- .fl-clear {
- clear: both;
- }
- .screen-reader-text {
- position: absolute;
- left: -1000em;
- top: -1000em;
- height: 1px;
- width: 1px;
- overflow: hidden;
- }
- /* @endgroup General */
- /* @group Loading
- ------------------------------------------------------ */
- .fl-builder-loading {
- background: rgba(240, 240, 240, 0.8) url(../img/ajax-loader.svg) center center no-repeat;
- bottom: 0;
- display: none;
- left: 0;
- position: fixed;
- right: 0;
- text-align: center;
- top: 0;
- z-index: 12000000;
- }
- .fl-builder-settings .fl-builder-loading {
- background: rgba(255, 255, 255, 0.8) url(../img/ajax-loader.svg) center center no-repeat;
- display: block;
- position: absolute;
- }
- .fl-field-loader {
- color: #B3B3B3 !important;
- font-style: italic;
- }
- .fl-builder-node-loading {
- opacity: 0.35;
- }
- .fl-builder-node-loading-placeholder {
- background: url(../img/ajax-loader.svg) center center no-repeat;
- height: 50px;
- }
- .fl-col-group-has-child-loading {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- }
- .fl-col-group-has-child-loading > .fl-builder-node-loading-placeholder {
- width: 50px;
- }
- /* @endgroup Loading */
- /* @group Visibility Rules
- ------------------------------------------------------ */
- .fl-node-hidden {
- display: none;
- }
- .fl-builder-edit .fl-node-hidden {
- display: block;
- }
- /* @endgroupVisibility Rules */
- /* @group Responsive Utilities
- ------------------------------------------------------ */
- html:not(.fl-responsive-preview-enabled) .fl-builder-content-editing .fl-visible-desktop,
- html:not(.fl-responsive-preview-enabled) .fl-builder-content-editing .fl-visible-desktop-medium,
- html:not(.fl-responsive-preview-enabled) .fl-builder-content-editing .fl-visible-medium,
- html:not(.fl-responsive-preview-enabled) .fl-builder-content-editing .fl-visible-medium-mobile,
- html:not(.fl-responsive-preview-enabled) .fl-builder-content-editing .fl-visible-mobile {
- display: block !important;
- }
- /* @endgroup Responsive Utilities */
- /* @group Responsive Editing
- ------------------------------------------------------ */
- .fl-responsive-preview-mask {
- background: #F7F7F7;
- bottom: 0;
- left: 0;
- position: fixed;
- right: 0;
- top: 0;
- z-index: 99999;
- }
- .fl-responsive-preview {
- bottom: 0;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- margin-top: 50px;
- z-index: 100000;
- }
- .fl-builder-preview .fl-responsive-preview {
- margin: 0 !important;
- }
- .fl-responsive-preview-content {
- background: #F5F7F9;
- padding: 20px 20px 45px;
- }
- .fl-responsive-preview-message {
- color: #b3b3b3;
- font-family: Helvetica, Arial, Verdana, sans-serif;
- font-size: 14px;
- font-weight: normal;
- padding: 0 20px 20px;
- text-align: center;
- }
- .fl-responsive-preview-message i {
- cursor: pointer;
- margin-left: 3px;
- }
- .fl-responsive-preview .fl-builder-content {
- box-shadow: 0 0 8px rgba(0,0,0,0.2);
- margin-left: auto;
- margin-right: auto;
- max-width: 100%;
- }
- /* @endgroup Responsive Editing */
- /* @group Responsive Iframe Preview
- ------------------------------------------------------ */
- #fl-builder-preview-mask {
- background: #F7F7F7 url(../img/ajax-loader.svg) center center no-repeat;
- bottom: 0;
- height: 100%;
- left: 0;
- position: fixed;
- right: 0;
- top: 0;
- width: 100%;
- z-index: 99999;
- }
- #fl-builder-preview-frame {
- bottom: 0;
- height: 100%;
- left: 50%;
- position: fixed;
- right: 0;
- top: 0;
- transform: translateX(-50%);
- -moz-transform: translateX(-50%);
- -webkit-transform: translateX(-50%);
- width: 100%;
- z-index: 100000;
- }
- /* @endgroup Responsive Iframe Preview */
- /* @group Buttons
- ------------------------------------------------------ */
- .fl-builder-button {
- color: #676F7A !important;
- fill: #676F7A !important;
- background: #E4E7EA;
- align-items: center;
- display: flex;
- text-decoration: none;
- font-size: 14px !important;
- font-weight: 500 !important;
- line-height: 1 !important;
- height: 33px;
- margin: 0;
- padding: 0px 12px;
- cursor: pointer;
- -webkit-border-radius: 3px;
- -webkit-appearance: none;
- border:2px solid transparent;
- border-radius: 3px;
- letter-spacing: normal !important;
- white-space: nowrap;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
- -webkit-box-sizing: border-box !important;
- -moz-box-sizing: border-box !important;
- box-sizing: border-box !important;
- transition-property: background-color, width;
- transition-duration: .2s;
- /* Prevent select */
- -webkit-touch-callout: none; /* iOS Safari */
- -webkit-user-select: none; /* Chrome/Safari/Opera */
- -khtml-user-select: none; /* Konqueror */
- -moz-user-select: none; /* Firefox */
- -ms-user-select: none; /* Internet Explorer/Edge */
- user-select: none;
- }
- .fl-builder-button:hover {
- background: #dadfe5;
- color: #222;
- border: 2px solid transparent !important;
- }
- .fl-builder-button:active {
- background: #DCDCDC;
- }
- button.fl-builder-button:focus {
- position: static;
- top:auto;
- outline:none;
- background: #E4E7EA;
- border:2px solid #00A0D0 !important;
- }
- .fl-builder-bar .fl-builder-button {
- height: auto;
- }
- .fl-builder-button-primary,
- body.fl-builder--layout-has-drafted-changes .fl-builder-done-button {
- background: #00A0D2;
- color: #fff !important;
- text-decoration: none;
- border:2px solid transparent !important;
- }
- .fl-builder-button.fl-builder-button-primary:focus,
- body.fl-builder--layout-has-drafted-changes .fl-builder-button.fl-builder-done-button:focus {
- background: #00A0D2;
- border:2px solid #ffc217 !important;
- }
- .fl-builder-button-primary:hover,
- body.fl-builder--layout-has-drafted-changes .fl-builder-done-button:hover {
- background: #0197C6;
- color: #fff !important;
- }
- .fl-builder-button-primary:active,
- body.fl-builder--layout-has-drafted-changes .fl-builder-done-button:active {
- background: #0484AC;
- }
- .fl-builder-button-large {
- height: 30px;
- }
- .fl-builder-button-small {
- font-size: 11px !important;
- line-height: 1 !important;
- }
- .fl-builder-help-button {
- color: #b3b3b3;
- font-size: 16px !important;
- }
- .fl-builder-help-button i {
- position: relative;
- top: -1px;
- }
- .fl-builder-help-button:hover {
- color: #666;
- }
- .fl-builder-publish-button {
- line-height: 45px !important;
- }
- .fl-builder-content-panel-button,
- .fl-builder-content-panel-button:hover {
- fill: #00A0D2 !important;
- font-size: 30px !important;
- padding-bottom: 4px;
- }
- /* Silent buttons have the same dimensions but no background or "button" look. */
- .fl-builder-button-silent,
- .fl-builder-button-silent:hover {
- padding:0 12px;
- background:none !important;
- border:2px solid transparent !important;
- box-shadow:none !important;
- }
- .fl-builder-done-button,
- .fl-builder-done-button:hover {
- font-weight: 600;
- }
- .fl-field .fl-builder-button {
- display: inline-block;
- height: auto;
- padding: 11px 12px;
- vertical-align: middle;
- box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);
- }
- /* @endgroup Buttons */
- /* @group Badges
- ------------------------------------------------------ */
- .fl-builder-badge {
- background: #333;
- border-radius: 2px;
- color: #fff !important;
- display: inline;
- font-size: 11px !important;
- font-weight: normal;
- letter-spacing: 1px;
- margin-left: 2px;
- padding: 2px 4px;
- vertical-align: middle;
- }
- .fl-builder-badge-global {
- background: #ff9600;
- }
- .fl-builder-blocks-node-template .fl-builder-badge-global {
- position: absolute;
- right: 0;
- top: 0;
- }
- .fl-builder-badge-global {
- transform: translateY(0px);
- transition-duration: .25s;
- transition-property: transform;
- }
- .fl-builder-block:hover .fl-builder-badge-global {
- display:none;
- }
- .fl-builder-blocks-section-content .fl-builder-node-template-actions {
- bottom: 0;
- cursor: default;
- }
- /* @endgroup Badges */
- /* @group Toolbar
- ------------------------------------------------------ */
- .fl-builder-bar {
- left: 0;
- position: fixed;
- right: 0;
- top: 0;
- z-index: 999999;
- /* Prevent select */
- -webkit-touch-callout: none; /* iOS Safari */
- -webkit-user-select: none; /* Chrome/Safari/Opera */
- -khtml-user-select: none; /* Konqueror */
- -moz-user-select: none; /* Firefox */
- -ms-user-select: none; /* Internet Explorer/Edge */
- user-select: none; /* Non-prefixed version, currently
- not supported by any browser */
- transition-property: transform opacity;
- transition-duration: .35s;
- transform-style: preserve-3d;
- -webkit-perspective: 1100px;
- -moz-perspective: 1100px;
- perspective: 1100px;
- }
- .fl-builder-bar.is-hidden {
- pointer-events: none;
- }
- .fl-builder-bar.is-hidden .fl-builder-bar-content {
- transform: translateY(-100%) rotateX(90deg);
- }
- body .fl-builder-bar .fl-builder-bar-content {
- display: flex;
- box-sizing: border-box;
- background: #ffffff;
- border-bottom: 2px solid #D5DADD;
- color: #999999;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
- font-size: 14px !important;
- height: 48px; /* include 2px border */
- transition-property: background-color, opacity, transform;
- transition-duration: .35s;
- pointer-events: auto;
- }
- body .fl-builder-bar .fl-builder-bar-content.is-muted {
- pointer-events: none;
- }
- body .fl-builder-bar .fl-builder-bar-content.is-muted > *:not(.fl-builder-publish-actions) {
- -webkit-filter: saturate(20%) blur(1px);
- filter: saturate(20%) blur(1px);
- opacity: .4;
- }
- .fl-builder-bar-title {
- box-sizing: border-box;
- color: #333;
- display: flex;
- flex: 0 0 380px;
- max-width: 380px; /* required */
- border-right: 2px solid #D5DADD;
- cursor: pointer;
- }
- .fl-builder-bar-title:hover {
- background: #ffffff;
- }
- .fl-builder-bar-title.is-showing-menu .fl-builder-bar-title-caret > svg {
- transform: rotate(180deg);
- }
- .fl-builder-simple .fl-builder-bar-title {
- cursor: auto;
- }
- .fl-builder-simple .fl-builder-bar-title:hover {
- cursor: auto;
- background: none;
- }
- .fl-builder-bar-title img {
- /*
- height: 33px !important;
- margin: 2px 10px 0 0 !important;
- vertical-align: middle !important;
- */
- }
- .fl-builder-bar-title span {
- vertical-align: middle;
- }
- .fl-builder-bar-title-icon {
- box-sizing: border-box;
- background: transparent;
- flex: 0 0 46px;
- display: flex;
- align-items: center;
- padding: 4px;
- }
- .fl-builder-bar-title-icon img {
- max-width: 100% !important;
- height:auto !important
- }
- .fl-builder-bar-title.fl-builder-bar-title-no-icon {
- padding-left: 12px;
- }
- .fl-builder-bar-title-area {
- box-sizing: border-box;
- flex: 1 1 100%;
- display: flex;
- flex-direction: column;
- overflow: hidden;
- padding: 4px;
- }
- .fl-builder-layout-title,
- .fl-theme-builder-preview-select .fl-theme-builder-preview-select-title span {
- font-size: 17px;
- font-weight: 400;
- line-height: 1.3;
- color: #161B20;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- }
- .fl-builder-layout-pretitle,
- .fl-builder-bar-title-caret,
- .fl-theme-builder-preview-select .fl-theme-builder-preview-select-title {
- font-size: 12px;
- font-weight: 500;
- line-height: 1.3;
- color: #656d77;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- }
- .fl-builder-bar-title-caret i,
- .fl-theme-builder-preview-select-title i {
- color: inherit !important;
- font-size:14px;
- }
- .fl-builder-bar-title-caret {
- margin-left:auto;
- margin-left: auto !important;
- flex: 0 0 46px;
- }
- .fl-theme-builder-preview-select-title i {
- padding:12px 12px;
- }
- .fl-theme-builder-preview-select-title i:before {
- content: "\f078";
- }
- .fl-theme-builder-preview-select.fl-builder-button {
- position: relative;
- border-radius:0;
- background:none;
- max-width: none;
- min-width: 0;
- display: flex;
- flex:0 0 360px;
- max-width: 360px;
- margin:0 !important;
- padding:4px 10px;
- border:none !important;
- border-right: 2px solid #d5dadd !important;
- box-shadow: none;
- }
- .fl-theme-builder-preview-select.fl-builder-button:hover {
- border:none !important;
- border-right: 2px solid #d5dadd !important;
- }
- .fl-theme-builder-preview-select .fl-theme-builder-preview-select-title {
- display: flex;
- flex: 1;
- justify-content: flex-end;
- flex-direction: row-reverse;
- }
- .fl-theme-builder-preview-select-title div {
- flex:1;
- }
- .fl-theme-builder-preview-select .fl-theme-builder-preview-select-title span {
- display: block;
- }
- .fl-theme-builder-preview-select-open .fl-theme-builder-preview-select-items {
- position: absolute;
- top: calc(48px + 10px);
- left: 10px;
- width: calc(100% - 20px) !important;
- background:#ffffff;
- border:none;
- border-radius: 4px;
- border: 2px solid #D5DADD;
- border-top: 3px solid #00a0d2;
- box-shadow: 0px 15px 45px 8px rgba(0, 0, 0, 0.04);
- margin:0 !important;
- padding:0;
- z-index: -1;
- font-size: 16px;
- overflow: visible;
- height: auto !important;
- max-height: calc(100vh - 66px);
- min-height: 300px;
- display: flex !important;
- flex-direction: column;
- }
- .fl-theme-builder-preview-select-open .fl-theme-builder-preview-select-items:before {
- right: 18px;
- }
- .fl-theme-builder-preview-select-item {
- padding: 4px 0 !important;
- border-bottom: none !important;
- display: flex;
- flex-direction: column;
- }
- .fl-theme-builder-preview-select-item:hover {
- text-decoration: none;
- color: #111111;
- background: transparent !important;
- }
- body .fl-theme-builder-preview-select .fa-caret-down {
- float: none;
- }
- body .fl-theme-builder-preview-select-item-title {
- padding:10px 15px;
- color: #222222;
- font-size:14px;
- }
- body .fl-theme-builder-preview-select .fa-caret-down i:before,
- body .fl-theme-builder-preview-select-item-title i:before {
- content: "\f078";
- }
- body .fl-theme-builder-preview-select-item-children {
- overflow:auto;
- }
- body .fl-theme-builder-preview-select-item-child {
- overflow: hidden;
- text-overflow: ellipsis;
- line-height: 1.1;
- color: #6b6b6b;
- margin: 0 10px;
- border: 2px solid transparent;
- border-radius:4px;
- padding: 8px 10px 10px;
- font-size:14px;
- font-weight:normal;
- color: #222222;
- }
- body .fl-theme-builder-preview-select-item-child:hover {
- background: #e6eaed !important;
- }
- .fl-theme-builder-preview-select-item .fa-caret-down {
- color: #606D77;
- }
- .fl-builder-bar-actions {
- display: flex;
- flex-direction: row-reverse;
- flex: 1 1 100%;
- padding: 4px;
- }
- .fl-builder-bar .fl-builder-button {
- margin: 0 0 0 4px;
- }
- /* Actually the first button, but it's the last because it's inside a row-reverse container */
- .fl-builder-bar-actions .fl-builder-button:last-child {
- margin:0;
- }
- .fl-builder-bar-actions:after {
- clear:both;
- }
- .fl-builder-bar .fl-builder-content-panel-button {
- align-items: baseline !important;
- padding-top:1px;
- font-weight: 400;
- }
- .fl-builder-content-panel-button svg {
- transition-property: transform;
- transition-duration: .25s;
- transform: rotate(0deg) scale(1);
- transform-origin: center;
- }
- .fl-builder-content-panel-is-showing .fl-builder-content-panel-button svg {
- transform: rotate(135deg) scale(1.1) translate(.5px, -.5px);
- }
- .fl-builder--saving-indicator {
- cursor: pointer;
- display: flex;
- align-self: center;
- padding: 0 16px;
- font-size: 1em;
- font-style:italic;
- color: #676f7a;
- align-items: center;
- line-height: 1.2;
- min-width: 180px;
- justify-content: flex-end;
- }
- .fl-builder--saving-indicator:hover {
- color: #676f7a;
- }
- .fl-builder--saving-indicator .fa-question-circle {
- font-size: 13px;
- margin: 3px 0 3px 8px;
- }
- /* Buy/Upgrade button */
- .fl-builder-buy-button,
- .fl-builder-upgrade-button {
- background: #F7A407;
- color: #fff !important;
- text-decoration: none;
- }
- .fl-builder-buy-button i.fa-external-link-alt,
- .fl-builder-upgrade-button i.fa-external-link-alt {
- color: #FFC733;
- margin: 0 0 0 6px;
- }
- .fl-builder-buy-button:hover,
- .fl-builder-upgrade-button:hover {
- background: #EE8E0D;
- color: #fff !important;
- }
- /* Responsive Bar */
- @media (max-width: 980px) {
- .fl-builder--main-menu-panel {
- width: calc(100% - 20px) !important;
- }
- .fl-builder--main-menu-panel:before {
- right:auto;
- left: 20px;
- }
- .fl-builder-bar-title,
- .fl-theme-builder-preview-select {
- flex: 1 .5 380px !important;
- }
- }
- @media (max-width:620px) {
- .fl-theme-builder-preview-select.fl-builder-button {
- display:none;
- }
- }
- @media (max-width: 500px) {
- .fl-builder-panel,
- .fl-builder--main-menu-panel {
- width: auto !important;
- top:44px !important;
- left: 0 !important;
- right: 0 !important;
- bottom: 0 !important;
- border-radius:0 !important;
- box-shadow: none !important;
- }
- .fl-builder--main-menu-panel {
- border-left: transparent !important;
- border-right: transparent !important;
- border-bottom: transparent !important;
- max-height: calc(100% - 44px) !important;
- }
- .fl-builder--panel-arrow {
- display:none;
- }
- .fl-builder-bar-title {
- flex: 0 0 100px !important;
- }
- .fl-builder-bar-title-area {
- display:none;
- }
- .fl-builder--main-menu-panel:before {
- display:none;
- }
- .fl-builder--panel-header {
- border-radius: 0 !important;
- cursor: default !important;
- }
- .fl-builder--panel-header .fl-builder--tabs {
- cursor: default !important;
- }
- .fl-builder-panel:before {
- display:none;
- }
- .fl-builder-panel-drag-handle {
- display:none;
- }
- .fl-builder-publish-actions {
- width:100% !important;
- }
- .fl-builder-bar-actions .fl-builder-button {
- padding: 0 8px !important;
- }
- }
- .fl-builder--preview-actions {
- display:none;
- position: fixed;
- top: 4px;
- left: 4px;
- z-index: 100008;
- padding: 4px;
- justify-content: center;
- background:white;
- border-radius: 4px;
- }
- .fl-builder-preview .fl-builder--preview-actions {
- display: flex;
- }
- .fl-builder--preview-actions .device-icons {
- color: #555;
- background: #e4e4e4;
- border: none !important;
- align-items: center;
- display: flex;
- text-decoration: none;
- font-size: 14px !important;
- line-height: 1 !important;
- margin: 0;
- margin-right:4px;
- padding: 0 6px;
- cursor: pointer;
- -webkit-border-radius: 3px;
- -webkit-appearance: none;
- border-radius: 3px;
- }
- .fl-builder--preview-actions .device-icons i {
- margin: 0 6px;
- }
- /* @endgroup Toolbar */
- /* @group Pinned UI
- ------------------------------------------------------ */
- /* Pin Zones */
- @keyframes fl-builder-ui-pin-zone-pulse {
- 0% {
- opacity: 1;
- filter: alpha( opacity = 1 );
- }
- 50% {
- opacity: 0.5;
- filter: alpha( opacity = 35 );
- }
- 100% {
- opacity: 1;
- filter: alpha( opacity = 1 );
- }
- }
- .fl-builder-ui-pin-zone {
- animation: fl-builder-ui-pin-zone-pulse 2s infinite;
- transition: width 0.3s ease;
- background: rgba(0, 160, 210, .5);
- bottom: 0;
- top: 0;
- position: fixed;
- width: 35px;
- z-index: 100001;
- }
- .fl-builder-ui-pin-zone-left {
- left: 0;
- }
- .fl-builder-ui-show-pin-zone-left .fl-builder-ui-pin-zone-left {
- width: 75px;
- }
- .fl-builder-ui-pin-zone-right {
- right: 0;
- }
- .fl-builder-ui-show-pin-zone-right .fl-builder-ui-pin-zone-right {
- width: 75px;
- }
- .fl-builder-content-panel-pin-zone .fl-builder-content-panel-button {
- display: flex !important;
- background: rgba(0, 160, 210, .5) !important;
- padding: 2px 4px;
- width: 80px;
- animation: fl-builder-ui-pin-zone-pulse 2s infinite;
- }
- .fl-builder-content-panel-pin-zone .fl-builder-content-panel-button svg {
- display: none;
- }
- .fl-builder-content-panel-pin-zone-hover .fl-builder-content-panel-button {
- width:120px;
- }
- .fl-builder-content-panel-pin-zone-hover .fl-builder-content-panel-button svg {
- display: none !important;
- width: 100%;
- transform: none !important;
- fill: #00A0D2 !important;
- border-radius: 3px;
- }
- .fl-builder-content-panel-pin-zone .fl-builder-done-button {
- filter: grayscale(100%);
- }
- /* Pinned - Panel State */
- .fl-builder-ui-is-pinned .fl-builder-content-panel-button {
- display: none;
- }
- .fl-builder-panel.fl-builder-ui-pinned {
- top: 48px !important;
- bottom: 0 !important;
- height: auto !important;
- border-radius: 0;
- border:none;
- box-shadow: none;
- animation-duration: 0s;
- -moz-animation-duration: 0s;
- -webkit-animation-duration: 0s;
- -o-animation-duration: 0s;
- z-index: 9;
- }
- .fl-builder-panel.fl-builder-ui-pinned-right {
- left: auto !important;
- right: 0;
- border-left: 2px solid #d5dadd;
- }
- .fl-builder-panel.fl-builder-ui-pinned-left {
- left: 0;
- right: auto;
- border-right: 2px solid #d5dadd;
- }
- .fl-builder-panel.fl-builder-ui-pinned .fl-builder--panel-header {
- border-radius: 0 !important;
- }
- /* Pinned - Lightbox State */
- .fl-builder-ui-pinned-container .fl-lightbox-wrap {
- position: absolute;
- z-index: 9;
- }
- .fl-builder-ui-pinned-container .fl-lightbox {
- position: absolute;
- top: 0;
- bottom: 0;
- left: 0;
- right: 0;
- width: auto !important;
- height: auto;
- border-radius: 0;
- box-shadow: none;
- -moz-box-shadow: none;
- -webkit-box-shadow: none;
- animation-duration: 0s;
- -moz-animation-duration: 0s;
- -webkit-animation-duration: 0s;
- -o-animation-duration: 0s;
- }
- .fl-builder-ui-pinned-container .fl-lightbox-header-wrap {
- border-radius: 0;
- }
- .fl-builder-ui-pinned-container .fl-lightbox.ui-draggable .fl-lightbox-header {
- cursor: auto;
- }
- .fl-builder-ui-pinned-container .fl-lightbox-header h1 {
- padding: 12px 20px 10px !important;
- }
- .fl-builder-ui-pinned-container .fl-lightbox-controls {
- display: none;
- }
- /* Pinned - Content Transform */
- .fl-builder-ui-pinned-content-transform {
- transform: scale(1);
- transform-origin: center top 0px;
- }
- /* Pinned - Collapse Controls */
- .fl-builder-ui-pinned-collapse {
- cursor: pointer;
- display: none;
- position: absolute !important;
- bottom: 2px;
- padding: 5px;
- border: 2px solid transparent;
- background: transparent;
- width: 36px;
- height: 36px;
- border-radius: 4px;
- fill: #778794;
- flex-direction: row;
- justify-content: center;
- }
- .fl-builder-ui-pinned-collapse:hover,
- .fl-builder-ui-pinned-collapse:focus {
- top:auto !important;
- background:transparent;
- border: 2px solid transparent;
- outline:none;
- fill: #00A0D2;
- }
- .fl-builder-ui-pinned-collapse:focus {
- background: #E4E7EA;
- }
- .fl-builder-ui-pinned-collapse > * {
- margin:auto;
- line-height: 1;
- }
- .fl-builder-ui-pinned-collapse svg g {
- fill:inherit;
- }
- .fl-builder-ui-is-pinned-right .fl-builder-ui-pinned-right-collapse {
- display: flex;
- left: -40px;
- }
- .fl-builder-ui-is-pinned-left .fl-builder-ui-pinned-left-collapse {
- display: flex;
- right: -40px;
- }
- .fl-builder-ui-pinned-collapse i[data-toggle="show"],
- .fl-builder-ui-pinned-is-collapsed i[data-toggle="hide"] {
- display: none;
- }
- .fl-builder-ui-pinned-is-collapsed i[data-toggle="show"] {
- display: block;
- }
- .fl-builder-ui-is-pinned-left [data-toggle="hide"],
- .fl-builder-ui-is-pinned-right [data-toggle="show"] {
- transform: rotateY(180deg);
- }
- .fl-builder-ui-pinned-is-collapsed .fl-lightbox {
- box-shadow: none;
- -moz-box-shadow: none;
- -webkit-box-shadow: none;
- }
- .fl-builder-ui-pinned-is-collapsed .fl-builder--panel-header {
- display:none; /* to take it out of tab order while collapsed */
- }
- /* Pinned - iFrame Fix */
- .fl-builder-resizable-is-resizing .fl-builder-content,
- .fl-builder-resizable-is-resizing .fl-builder-panel .fl-lightbox,
- .fl-builder-draggable-is-dragging .fl-builder-panel .fl-lightbox,
- .fl-builder-draggable-is-dragging .fl-builder-content {
- pointer-events: none;
- }
- /* Pinned - Simple UI */
- .fl-builder-simple-pinned .fl-builder--content-library-panel .fl-builder--panel-header {
- background: transparent;
- border: none;
- z-index: 10;
- }
- .fl-builder-simple-pinned .fl-builder--content-library-panel .fl-builder--tab-wrap,
- .fl-builder-simple-pinned .fl-builder--content-library-panel .fl-builder--panel-controls,
- .fl-builder-simple-pinned .fl-builder--content-library-panel .fl-builder--panel-content {
- display: none;
- }
- .fl-builder-simple-pinned .fl-builder--content-library-panel .fl-lightbox-wrap {
- top: 0;
- }
- .fl-builder-simple-pinned .fl-builder--content-library-panel .fl-lightbox-header h1 {
- padding: 14px 28px 15px !important;
- }
- .fl-builder--panel-no-settings {
- display: none;
- }
- .fl-builder-simple-pinned .fl-builder--panel-no-settings {
- display: flex;
- align-items: center;
- justify-content: center;
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- }
- /* @endgroup Pinned UI */
- /* @group Content Panel
- ------------------------------------------------------ */
- @keyframes fl-builder-show-panel {
- from {
- transform: scale(.8);
- }
- to {
- transform: scale(1);
- }
- }
- .fl-builder-panel,
- .fl-builder--search-results-panel {
- box-sizing: border-box;
- position: fixed !important;
- right: 20px;
- top: calc(48px + 10px);
- width: 380px;
- bottom: 20px;
- background: #F5F7F9;
- color: #676F7A;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 14px;
- border-radius: 4px;
- box-shadow: 0px 8px 40px 4px rgba(0, 0, 0, 0.3);
- z-index: 10000007;
- will-change: transform;
- display:none;
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- }
- .fl-builder-panel {
- transform-origin: top right;
- animation-name: fl-builder-show-panel;
- animation-duration: .15s;
- animation-fill-mode: both;
- }
- .fl-builder--search-results-panel {
- position: absolute;
- right: 0;
- top: 93px;
- left: 0;
- bottom:0;
- width: auto !important;
- border:none;
- border-radius:0;
- box-shadow:none;
- min-height: 100px;
- max-height: calc(100vh - 54px);
- overflow:auto;
- z-index:1;
- }
- .fl-builder-content-panel-is-showing .fl-builder-panel,
- .fl-builder-search-results-panel-is-showing .fl-builder--search-results-panel {
- display:block;
- }
- .fl-builder-content-panel-is-showing .fl-builder-panel.fl-builder--current-view-templates {
- width: 520px;
- }
- .fl-builder--search-results-panel .fl-builder--no-results {
- text-align: center;
- padding: 50px 20px;
- }
- .fl-builder--panel-arrow {
- position: absolute;
- top: -13px;
- right: 10px;
- }
- .fl-builder-ui-is-pinned .fl-builder--panel-arrow,
- body.fl-builder-draggable-is-dragging .fl-builder--panel-arrow {
- display: none;
- }
- .fl-builder--panel-arrow polygon {
- fill: #00a0d2;
- }
- /* Builder Panel Actions
- ------------------------------------------------------ */
- .fl-builder--panel-header {
- background:white;
- border-top: 3px solid #00a0d2;
- border-bottom: 2px solid #e6eaed;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- .fl-builder-ui-is-pinned .fl-builder--panel-header {
- border-top-color: transparent;
- }
- .fl-builder-panel-drag-handle {
- position: absolute;
- top: 7px;
- left: 10px;
- fill: #ccd4da;
- width: 6px;
- }
- .fl-builder-ui-is-pinned-left .fl-builder-panel-drag-handle {
- left: auto;
- right:10px;
- }
- .fl-builder-panel .fl-lightbox .fl-builder-panel-drag-handle,
- .fl-lightbox-width-full .fl-builder-panel-drag-handle {
- display: none;
- }
- .fl-builder--panel-header .fl-builder--panel-controls {
- display: flex;
- flex-direction: row;
- position: relative;
- }
- .fl-builder--panel-header .fl-builder--panel-controls .fl-builder-content-group-select {
- flex: 1 1;
- }
- .fl-builder--panel-header .fl-builder--panel-controls .fl-builder-panel-search {
- flex: 0 0;
- padding: 0 10px 6px;
- padding-left:0;
- margin-left: -4px; /* compensate for group select padding */
- }
- .fl-builder--panel-controls .fl-builder-panel-search button {
- width: 38px;
- background: transparent !important;
- border: 2px solid transparent !important;
- font-size: inherit;
- height: 38px;
- padding:0;
- }
- .fl-builder--panel-controls .fl-builder-panel-search button:focus,
- .fl-builder--panel-controls .fl-builder-panel-search button:active {
- top:0;
- outline: none;
- }
- .fl-builder-panel-search button svg {
- height:auto;
- width:20px;
- }
- .fl-builder-panel-search button.fl-builder-dismiss-panel-search svg {
- width: 16px;
- }
- .fl-builder-panel-search button svg .filled-shape {
- fill:black;
- }
- .fl-builder--panel-controls .fl-builder-panel-search button:focus svg .filled-shape,
- .fl-builder--panel-controls .fl-builder-panel-search button:active svg .filled-shape {
- fill: #00A0D2;
- }
- .fl-builder-panel-search .fl-builder-panel-search-input {
- display: none;
- position: absolute;
- top:0;
- left:0;
- right:0;
- bottom:0;
- background:white;
- }
- .fl-builder-panel-search.is-showing-input .fl-builder-panel-search-input {
- display: flex;
- flex-direction: row;
- padding: 0 10px 6px;
- }
- .fl-builder-panel-search-input input {
- flex: 1 1 100%;
- border: 2px solid #e6eaed;
- background:white;
- border-radius: 4px;
- margin-right: 4px;
- padding: 10px;
- color: #333;
- }
- .fl-builder-panel-search-input input:focus {
- border-color: #0197C6;
- outline: none;
- }
- .fl-builder-panel-search-input button {
- flex: 0 0 38px;
- }
- /* Builder Panel Content
- ------------------------------------------------------ */
- .fl-builder-panel-content-wrap {
- bottom: 0;
- height: auto;
- left: 0;
- overflow: hidden;
- position: absolute;
- right: 0;
- top: 43px;
- }
- .fl-builder-panel-content {
- padding-bottom: 60px;
- }
- .fl-builder-blocks-section {
- border-top: 2px solid #e6eaed;
- }
- .fl-builder--panel-view .fl-builder-blocks-section:first-child {
- border-top:none;
- }
- .fl-builder-blocks-group:first-child {
- padding: 20px 0 0;
- }
- .fl-builder-blocks-group .fl-builder-blocks-section-group-name {
- display: block;
- padding: 0 30px 15px;
- color: #000000;
- font-size: 20px;
- font-weight: 600;
- line-height: 1.4;
- }
- .fl-builder-blocks-section .fl-builder-blocks-section-title,
- .fl-builder-blocks-section .fl-builder-block {
- display: block;
- line-height: 1.1;
- padding: 15px 20px;
- }
- .fl-builder-blocks-section .fl-builder-blocks-section-title,
- .fl-builder--template-collection-section-name {
- display: inline-block;
- font-weight: 700;
- font-size: 12px;
- line-height: 1.2;
- text-transform: uppercase;
- padding-top: 30px;
- color: #333333;
- padding: 4px 10px;
- padding-left: 15px;
- margin:0 !important;
- background: #e6eaed;
- border-bottom-right-radius: 4px;
- user-select: none;
- vertical-align: top;
- }
- .fl-builder-blocks-section .fl-builder-blocks-section-title i {
- color: #bfbfbf;
- float: right;
- }
- .fl-builder-blocks-section-content {
- overflow: auto;
- padding: 10px 10px 20px;
- }
- .fl-builder-blocks-section-content:after {
- float:none;
- clear:both;
- }
- .fl-builder-blocks-section-content.fl-builder-modules,
- .fl-builder-blocks-section-content.fl-builder-widgets,
- .fl-builder-blocks-section-content.fl-builder-rows {
- display: flex;
- flex-wrap: wrap;
- }
- .fl-builder-blocks-section-content .fl-builder-block-module,
- .fl-builder-blocks-section-content .fl-builder-block-row {
- flex: 1 1 50%;
- width:50%;
- box-sizing: border-box;
- }
- .fl-builder--search-results-panel .fl-builder-blocks-section-content .fl-builder-block-module {
- flex: 1 1 100%;
- width: 100%;
- }
- .fl-builder-blocks-section.fl-active .fl-builder-blocks-section-content {
- display: block;
- }
- .fl-builder-blocks-section-content .fl-builder-block {
- box-sizing: border-box;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- border-radius: 4px;
- font-size: 14px;
- line-height: 1.1;
- font-weight: 500;
- color: #727272;
- }
- .fl-builder-block {
- position: relative;
- height:47px;
- }
- .fl-builder-block.fl-builder-block-col-group {
- height:84px;
- }
- .fl-builder-block.fl-builder-block-has-thumbnail {
- height:auto !important;
- padding:10px !important;
- }
- .fl-builder-block.fl-builder-block-has-thumbnail:hover {
- padding:0 !important;
- }
- .fl-builder-block.fl-builder-block-has-thumbnail .fl-builder-block-content {
- position: relative !important;
- }
- .fl-builder-block.fl-builder-block-has-thumbnail:hover .fl-builder-block-content {
- padding: 10px !important;
- }
- .fl-builder-block.fl-builder-block-has-thumbnail .fl-builder-block-details {
- margin: 0 10px 4px !important;
- }
- .fl-builder-block:hover {
- overflow:visible;
- z-index: 1;
- }
- .fl-builder-block:hover .fl-builder-block-content {
- display: block;
- box-sizing: border-box;
- position: absolute;
- top:0;
- left:0;
- width: 100%;
- padding: 15px 20px;
- border-radius: 4px;
- background: #ffffff;
- box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);
- text-decoration: none;
- color: #111111;
- cursor: move;
- overflow:hidden;
- }
- .fl-builder-block-module:hover .fl-builder-block-content {
- width:auto; /* modules allow auto width to show long titles */
- min-width:100%;
- }
- .fl-builder-block .fl-builder-block-content .fl-builder-block-visual {
- display: block;
- margin-bottom: 7px;
- }
- .fl-builder-block-drag-helper .fl-builder-block-content .fl-builder-block-visual {
- display: none !important;
- }
- .fl-builder-block .fl-builder-block-content .fl-builder-block-visual.fl-cols-visual {
- display: flex;
- flex-direction: row;
- height: 30px;
- }
- .fl-builder-block-visual.fl-cols-visual .fl-cols-visual-col {
- flex: 1 100%;
- background: #464a4c;
- height: 30px;
- margin: 0 2px;
- border-radius: 2px;
- }
- .fl-builder-block:hover .fl-builder-block-visual.fl-cols-visual .fl-cols-visual-col {
- background: #000000;
- }
- .fl-builder-block-visual.fl-cols-visual .fl-cols-visual-col:first-child {
- margin-left: 0 !important;
- }
- .fl-builder-block-visual.fl-cols-visual .fl-cols-visual-col:last-child {
- margin-right: 0 !important;
- }
- .fl-cols-visual.left-sidebar .fl-cols-visual-col:first-child {
- flex-basis:60px;
- }
- .fl-cols-visual.right-sidebar .fl-cols-visual-col:last-child {
- flex-basis:60px;
- }
- .fl-cols-visual.left-right-sidebar .fl-cols-visual-col:first-child,
- .fl-cols-visual.left-right-sidebar .fl-cols-visual-col:last-child {
- flex-basis:60px;
- }
- .fl-builder-block-saved-module.fl-builder-block-global .fl-builder-block-title,
- .fl-builder-block-saved-module:hover .fl-builder-block-title,
- .fl-builder-block-saved-column.fl-builder-block-global .fl-builder-block-title,
- .fl-builder-block-saved-column:hover .fl-builder-block-title,
- .fl-builder-block-saved-row.fl-builder-block-global .fl-builder-block-title,
- .fl-builder-block-saved-row:hover .fl-builder-block-title {
- margin-right: 70px;
- }
- .fl-builder-block-module:nth-child(even):hover .fl-builder-block-content {
- left:auto;
- right:0;
- }
- .fl-builder-block-thumbnail {
- border-radius: 4px;
- background-size: contain;
- background-repeat: no-repeat;
- background-position: center;
- background-color: rgba(0, 0, 0, 0.06);
- margin-bottom:10px;
- transform-origin: bottom;
- transition-property: transform, box-shadow;
- transition-duration: .15s;
- }
- .fl-builder-block:hover .fl-builder-block-thumbnail {
- transform:scale(1.05);
- box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.08)
- }
- .fl-builder-block .fl-builder-block-icon {
- margin-right:7px;
- fill: #000000;
- display: inline-block;
- width:20px;
- height:20px;
- vertical-align: middle;
- }
- .fl-builder-block-thumbnail:before {
- content: "";
- display:block;
- padding-top:50%;
- }
- .fl-builder-block-thumbnail img {
- max-width: 100%;
- max-height: 160px;
- margin: 0;
- object-fit: cover;
- }
- .fl-builder-blocks-section-content .fl-builder-block {
- box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
- transition-property: box-shadow;
- transition-duration: .15s;
- }
- .fl-builder-blocks-section-content .fl-builder-block i,
- .fl-user-template-actions i {
- color: #000000;
- margin-right: 10px;
- }
- .fl-builder-blocks-section-content .fl-builder-block .fl-builder-block-details {
- position: relative;
- }
- .fl-builder-blocks-separator {
- background: #f1f1f1;
- height: 6px;
- }
- .fl-builder-block:hover .fl-builder-badge {
- background: #2ea2cc;
- }
- .ui-sortable-helper .fl-builder-badge {
- display: none !important;
- }
- /* Lite version modules CTA */
- .fl-builder-modules-cta a {
- color: #999 !important;
- display: block !important;
- font-size: 12px !important;
- font-style: italic !important;
- padding: 15px 20px !important;
- line-height: 16px !important;
- }
- .fl-builder-modules-cta a:hover {
- background: #e5e5e5 !important;
- color: #666 !important;
- text-decoration: none !important;
- }
- .fl-builder-modules-cta a:focus {
- text-decoration: none !important;
- }
- .fl-builder-modules-cta .fa {
- float: right !important;
- font-size: 14px !important;
- margin: 3px 0px 0 9px !important;
- }
- .fl-builder--panel-message {
- text-align: center;
- padding:40px 20px;
- font-size: 16px;
- }
- .fl-builder--panel-message .fl-builder-button {
- display: inline-block;
- padding:10px;
- }
- .fl-builder--panel-cta {
- padding: 20px 30px;
- font-size:16px;
- text-align: center;
- }
- .fl-builder--panel-cta a {
- color:inherit;
- text-decoration: none;
- }
- .fl-builder--panel-cta a:hover {
- text-decoration: none;
- }
- /* Builder Panel Templates
- ------------------------------------------------------ */
- .fl-builder-block-template-image {
- margin: 5px 0 10px;
- max-width: 100%;
- border: 1px solid #dfdfdf;
- }
- .fl-builder-block .fl-builder-block-title {
- overflow: hidden;
- text-overflow: ellipsis;
- vertical-align: middle;
- line-height: 1.3;
- }
- .ui-sortable-helper .fl-builder-block-template-image {
- display: none !important;
- }
- @keyframes fl-builder-template-item-enter {
- from {
- transform: translateY(100px) scale(.3);
- opacity:0;
- }
- to {
- transform: scale(1);
- opacity:1;
- }
- }
- .fl-builder--template-collection {
- clear:both;
- padding:10px 0;
- }
- .fl-builder--template-collection-section-content {
- padding: 0 10px;
- }
- .fl-builder--template-collection-item {
- box-sizing: border-box;
- width: 50%;
- float:left;
- padding:10px;
- cursor: pointer;
- font-size: 13px;
- transform-origin: center;
- opacity: 1;
- }
- .fl-builder--template-thumbnail {
- background-size: cover;
- background-clip: content-box;
- background-position: center top;
- background-color:white;
- border:2px solid transparent;
- transform-origin: bottom;
- transition-property: transform, box-shadow;
- transition-duration: .15s;
- }
- .fl-builder--template-collection-item[data-id="0"] .fl-builder--template-thumbnail {
- border-color: #e4e7ea;
- }
- .fl-user-template .fl-builder--template-thumbnail {
- border-color: #e4e7ea;
- }
- .fl-builder--template-thumbnail:before {
- display:block;
- content: "";
- padding-top:120%;
- }
- .fl-builder--template-thumbnail:hover {
- transform: scale(1.05);
- box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.08);
- }
- .fl-builder--template-name {
- text-align: center;
- padding:4px 0;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- }
- .fl-builder--template-collection-section {
- padding-bottom: 10px;
- border-bottom: 1px solid #dfdfdf;
- }
- .fl-builder--template-collection-section:after,
- .fl-builder--template-collection-section:before {
- content: "";
- display: block;
- clear:both;
- }
- .fl-builder--template-collection-section-name {
- padding: 15px 10px 10px;
- }
- .fl-builder--template-collection-section-name:before,
- .fl-builder--template-collection-section-name:after,
- .fl-builder--template-collection-section-content:before,
- .fl-builder--template-collection-section-content:after {
- }
- /* Builder Panel Node Templates
- ------------------------------------------------------ */
- span.fl-builder-block-no-node-templates {
- display: block;
- padding: 15px 20px;
- text-align: center;
- }
- span.fl-builder-block-no-node-templates:hover {
- cursor: default;
- }
- .fl-builder-blocks-node-template .fl-builder-block {
- position: relative;
- }
- .fl-builder-blocks-section-content .fl-builder-node-template-actions {
- bottom: 0;
- cursor: default;
- display: none;
- position: absolute;
- right: 0;
- top: 0;
- }
- .fl-builder-blocks-section-content .fl-builder-node-template-edit,
- .fl-builder-blocks-section-content .fl-builder-node-template-delete {
- display: inline;
- cursor: pointer;
- margin: 0;
- padding: 15px 10px;
- text-align: center;
- width: 30px;
- }
- .fl-builder-block-details .fl-builder-node-template-edit,
- .fl-builder-block-details .fl-builder-node-template-delete {
- padding-top: 0 !important;
- }
- .fl-builder-blocks-section-content .fl-builder-node-template-edit i,
- .fl-builder-blocks-section-content .fl-builder-node-template-delete i {
- margin: 0;
- }
- .fl-builder-blocks-section-content .fl-builder-node-template-edit:hover i,
- .fl-builder-blocks-section-content .fl-builder-node-template-delete:hover i {
- color: #444444;
- }
- .fl-builder-blocks-node-template .fl-builder-block:hover .fl-builder-node-template-actions {
- display: block;
- }
- .ui-sortable-helper .fl-builder-node-template-edit,
- .ui-sortable-helper .fl-builder-node-template-delete {
- display: none !important;
- }
- /* @endgroup Content Panel */
- /* @group Panel
- ------------------------------------------------------ */
- .fl-builder--tabs {
- display: flex;
- flex-direction: row;
- position: relative;
- justify-content: flex-start;
- align-items: center;
- }
- .fl-builder-panel .fl-builder--panel-header {
- cursor:move;
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- z-index: 9;
- }
- .fl-builder-panel .fl-builder--tabs {
- justify-content: space-around;
- padding: 0 24px;
- min-height: 46px;
- cursor: pointer;
- }
- .fl-builder--tab-wrap {
- flex: 1 1 100%;
- display: flex;
- flex-direction: row;
- align-items: stretch;
- justify-content: space-between;
- }
- .fl-builder--tabs button,
- .fl-builder--tabs button:hover,
- .fl-builder--tabs button:focus,
- .fl-builder--tabs button:active {
- flex:1 1 100%;
- display: inline-block;
- text-decoration: none;
- color:inherit;
- text-align: center;
- letter-spacing: normal !important;
- padding:5px;
- cursor: pointer;
- font-size: 14px !important;
- font-weight: 600 !important;
- line-height: 1.4 !important;
- background: transparent !important;
- outline: none !important;
- border: 2px solid transparent;
- border-radius: 4px;
- margin: 7px 0px;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
- top:0; /* fix default button active */
- transition-property: background, color;
- transition-duration: .25s;
- }
- .fl-builder--tabs button:focus {
- background: #e6eaed !important;
- }
- .fl-builder--tabs button.is-showing { /* active tab */
- color: #0086b0;
- }
- .fl-builder--panel-view {
- display: none;
- overflow: hidden;
- }
- .fl-builder--panel-view.is-showing {
- display: block;
- }
- .fl-builder--content-library-panel .fl-builder--panel-view.is-showing {
- position: absolute;
- top: 96px;
- bottom:0;
- left:0;
- right:0;
- width: auto;
- height: auto;
- }
- .fl-builder--content-library-panel.single-view .fl-builder--panel-view.is-showing {
- top: 52px;
- }
- .fl-builder--content-library-panel.ui-draggable-dragging {
- height: 500px !important;
- }
- .fl-builder--content-library-panel .fl-builder-drop-zone {
- display: none !important;
- }
- .fl-builder--panel-header .fl-builder--tabs {
- cursor: move;
- }
- .fl-builder--category-select {
- display: flex;
- flex-direction: column;
- position: relative;
- }
- .fl-builder--selector-display {
- display: flex;
- flex-direction: row;
- position: relative;
- justify-content: space-between;
- align-items: center;
- color: #161B20;
- background: white url(../img/svg/select-arrow-down-alt2.svg) no-repeat center right 10px !important;
- cursor: pointer;
- font-size: 13px;
- font-weight: 700;
- line-height: 16px;
- border-radius: 4px;
- }
- .fl-builder--selector-display-label {
- display: flex;
- flex-direction: row;
- font-size: inherit;
- line-height: inherit;
- width: 100%;
- padding:0 !important;
- color: #6D6D6D;
- background: none;
- border: 2px solid #e4e7ea;
- border-radius: 4px;
- font-family: inherit;
- }
- .fl-builder--selector-display-label:hover,
- .fl-builder--selector-display-label:active {
- top:0;
- color: inherit;
- background: none;
- border: 2px solid #e4e7ea;
- border-radius: 4px;
- }
- .fl-builder--selector-display-label:focus {
- top:0;
- color: inherit;
- background:none;
- border: 2px solid #00A0D2;
- outline: none;
- }
- .fl-builder--group-label {
- color: inherit;
- flex: 0 0 0%;
- padding: 9px 10px;
- padding-right: 12px;
- background: #e6eaed;
- border-top-left-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .fl-builder--current-view-name {
- flex: 1 1 100%;
- color: inherit;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- font-weight: 600;
- padding: 9px 10px;
- text-align: left;
- }
- .fl-builder--selector-menu {
- display: none;
- overflow:auto;
- color: #293138;
- position: absolute;
- top: 46px;
- left: 0;
- width: 100%;
- background: white;
- border-radius: 4px;
- box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.2);
- overflow: visible;
- }
- .fl-builder--selector-menu:before {
- bottom: 100%;
- right: 8px;
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- border: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #ffffff;
- border-width: 10px;
- margin-left: -10px;
- }
- .fl-builder--category-select.is-showing .fl-builder--selector-menu {
- display: flex;
- max-height: calc(100vh - 150px);
- }
- .fl-builder--category-select.is-showing .fl-builder--selector-menu .fl-builder--menu {
- margin:10px 0;
- flex: 1 100%;
- overflow: auto;
- }
- button.fl-builder-button.fl-builder-bar-title-caret {
- margin:4px;
- }
- button.fl-builder-button.fl-builder-bar-title-caret:focus {
- background-color: #e6eaed !important;
- border-color: transparent !important;
- }
- .fl-builder--category-select.is-showing .fl-builder-bar-title-caret i {
- transform: rotate(180deg);
- }
- .fl-builder--menu {
- padding:4px;
- margin-bottom:2px;
- }
- .fl-builder--menu > span,
- .fl-builder--menu > a,
- .fl-builder--menu > button {
- display: block;
- padding:8px 10px 10px;
- border-radius: 4px;
- color:inherit;
- text-decoration: none;
- background:transparent !important;
- border: 2px solid transparent !important;
- font-weight: normal;
- font-family: inherit;
- }
- .fl-builder--menu > a:hover,
- .fl-builder--menu > button:hover,
- .fl-builder--menu > a:active,
- .fl-builder--menu > button:active {
- top:0;
- background: #e6eaed !important;
- border: 2px solid transparent !important;
- }
- .fl-builder--menu > a:focus,
- .fl-builder--menu > button:focus {
- top:0;
- outline:none;
- color:inherit;
- background: #e6eaed !important;
- border: 2px solid transparent !important;
- text-decoration: none;
- }
- .fl-builder--menu .fl-inset {
- padding-left:35px;
- font-size: 14px;
- line-height: 1.25;
- }
- .fl-builder--menu a.fl-template-collection {
- color: #161B20;
- }
- .fl-builder--menu > *:after {
- clear:both;
- }
- .fl-builder--menu * .fl-builder--menu-item-accessory {
- float:right;
- color: #000000;
- text-transform: uppercase;
- text-align: center;
- min-width: 20px;
- letter-spacing: 2px;
- }
- .fl-builder--menu * .fl-builder--menu-item-accessory i {
- font-size:1em;
- margin-top:2px;
- }
- .fl-builder--menu hr {
- margin:4px 30px;
- }
- .fl-builder--menu .fl-builder-video-wrap iframe {
- display: block;
- margin:4px 0;
- width: 100%;
- }
- /* @endgroup Admin Panel */
- /* @group Publish Actions */
- .fl-builder-publish-actions {
- display: flex;
- box-sizing: border-box;
- position: absolute;
- top:0;
- right:0;
- width: 380px;
- max-width: 100%;
- height:46px;
- padding: 4px;
- flex-direction: row;
- justify-content: flex-end;
- opacity:1;
- pointer-events: auto;
- transform: scaleX(1) translateX(0px);
- transform-origin: right;
- transition-property: transform, opacity;
- transition-duration: .15s;
- }
- .fl-builder-publish-actions.is-hidden {
- transform: scaleX(.23) translateX(68px);
- opacity:0;
- pointer-events: none;
- }
- .fl-builder-bar .fl-builder-button-group {
- display: flex;
- flex-basis: 100%;
- }
- .fl-builder-bar .fl-builder-button-group > .fl-builder-button {
- border-radius: 0;
- margin-left: 0px;
- flex-basis: 100%;
- text-align: center;
- justify-content: space-around;
- }
- .fl-builder-bar .fl-builder-button-group > .fl-builder-button {
- box-shadow:none;
- }
- .fl-builder-bar .fl-builder-button-group > .fl-builder-button:first-child {
- margin-left:0;
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- .fl-builder-bar .fl-builder-button-group > .fl-builder-button:last-child {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- .fl-builder-publish-actions-click-away-mask {
- display: none;
- position: fixed;
- top:0;
- left:0;
- right:0;
- height:100vh;
- background: transparent;
- }
- /* @endgroup Publish Actions */
- /* @group Drag and Drop
- ------------------------------------------------------ */
- .fl-builder-dragging .fl-builder-content:not(.fl-builder-empty) {
- padding: 16px 0;
- }
- .fl-builder-empty {
- display: none;
- border: 2px dashed #969696;
- border-radius: 8px;
- color: #909090;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 20px;
- font-weight: 700;
- margin: 10px;
- padding: 250px 20px;
- position: relative;
- text-align: center;
- text-transform: uppercase;
- }
- .fl-builder-edit .fl-builder-empty {
- display: block;
- }
- .fl-builder-block.ui-draggable-dragging,
- .fl-builder-block-drag-helper {
- background: rgba( 255, 255, 255, 0.95 ) !important;
- border: 2px solid #000000;
- border-radius: 4px;
- box-shadow: 0 0 8px rgba(0,0,0,0.2);
- -moz-box-shadow: 0 0 8px rgba(0,0,0,0.2);
- -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2);
- color: #333333 !important;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 13px !important;
- height: 47px !important;
- line-height: 40px !important;
- overflow: hidden;
- padding: 0 20px;
- position: fixed !important;
- text-overflow: ellipsis;
- white-space: nowrap;
- width: 180px !important;
- z-index: 100010 !important;
- display:flex;
- flex-direction:row;
- align-content: center;
- justify-content: flex-start;
- }
- .fl-builder-block.fl-builder-block-drag-helper:hover {
- padding:0;
- box-shadow: none;
- }
- .fl-builder-block-drag-helper:hover .fl-builder-block-content {
- position: static;
- padding: 0 20px;
- }
- .fl-builder-block-saved-row.fl-builder-block-drag-helper:hover .fl-builder-block-content,
- .fl-builder-block-saved-column.fl-builder-block-drag-helper:hover .fl-builder-block-content,
- .fl-builder-block-saved-module.fl-builder-block-drag-helper:hover .fl-builder-block-content {
- padding: 14px 20px;
- }
- .fl-builder-block-drag-helper .fl-builder-block-icon {
- fill: #000000;
- margin-top:-10px;
- }
- .fl-builder-drop-zone {
- animation: fl-builder-drop-zone-pulse 2s infinite;
- background: #00A2D7;
- border-radius: 4px;
- color: #fff !important;
- display: block;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
- font-size: 12px;
- letter-spacing: 1px;
- line-height: 14px;
- margin: 10px;
- padding: 6px 8px 5px;
- position: relative;
- text-align: left;
- text-overflow: ellipsis;
- text-shadow: none;
- text-transform: none;
- white-space: nowrap;
- overflow: hidden;
- z-index: 10;
- }
- @keyframes fl-builder-drop-zone-pulse {
- 0% {
- background-color: #00A2D7;
- }
- 50% {
- background-color: #79DEFF;
- }
- 100% {
- background-color: #00A2D7;
- }
- }
- .fl-builder-drop-zone-global {
- animation: fl-builder-drop-zone-global-pulse 2s infinite;
- background: #ff9600;
- }
- @keyframes fl-builder-drop-zone-global-pulse {
- 0% {
- background-color: #FFBC5C;
- }
- 50% {
- background-color: #ff9600;
- }
- 100% {
- background-color: #FFBC5C;
- }
- }
- .fl-builder-content > .fl-builder-drop-zone {
- margin: 10px 20px;
- }
- .fl-row-content > .fl-builder-drop-zone {
- margin: 3px 7px;
- }
- .fl-col-has-cols > .fl-col-content > .fl-builder-drop-zone {
- margin: 3px 10px;
- }
- .fl-sortable-disabled > .fl-builder-drop-zone {
- display: none !important;
- }
- .fl-col-group-equal-height.fl-col-group-align-center .fl-col-content > .fl-builder-drop-zone {
- width: 100%;
- }
- /* Row Highlights */
- .fl-row-highlight {
- padding: 16px 0;
- }
- .fl-row-highlight .fl-row-content {
- border:2px dashed rgba(203, 205, 206, .5);
- padding: 8px;
- border-radius: 6px;
- }
- .fl-row-highlight.fl-node-global .fl-row-content {
- border-color: #ff9600;
- }
- .fl-row-highlight .fl-col-group {
- position: relative;
- }
- /* Column Highlights */
- .fl-col-highlight {
- padding: 8px;
- position: relative;
- }
- .fl-col-highlight .fl-col-content {
- border-style: dashed !important;
- border-color: #00a0d2 !important;
- border-top-width: 2px !important;
- border-bottom-width: 2px !important;
- border-left-width: 2px !important;
- border-right-width: 2px !important;
- border-radius: 4px;
- min-height: 100px;
- overflow-x: hidden;
- width: 100%;
- }
- .fl-col-has-cols.fl-col-highlight > .fl-col-content {
- padding: 8px;
- }
- .fl-col-highlight.fl-node-global .fl-col-content {
- border-color: #ff9600 !important;
- }
- .fl-builder-simple .fl-col-highlight .fl-col-content {
- border: none !important;
- }
- /* Column Highlight Guides */
- .fl-col-has-highlight-guide .fl-col-content {
- position: relative;
- }
- .fl-col-highlight-guide {
- background: rgba(0, 160, 210, 0.05);
- border: 2px solid #00A0D2;
- border-radius: 4px;
- bottom: 4px;
- left: 4px;
- position: absolute;
- right: 4px;
- top: 4px;
- z-index: 1;
- }
- .fl-node-global .fl-col-highlight-guide {
- border-color: #ff9600 !important;
- background-color: rgba(255, 150, 0, 0.06) !important;
- }
- .fl-col-has-highlight-guide .fl-block-overlay {
- background: none;
- border-color: transparent;
- }
- .fl-col-has-highlight-guide .fl-block-col-resize {
- display: none;
- }
- .fl-col-has-highlight-guide .fl-col-highlight .fl-col-content {
- border-color: transparent !important;
- }
- /* Column Drop Targets */
- .fl-col-drop-target {
- bottom: 8px;
- display: none;
- left: -9px;
- position: absolute;
- top: 8px;
- width: 18px;
- z-index: 1;
- }
- .fl-col-highlight .fl-col-drop-target {
- display: block;
- }
- .fl-col-drop-target-last {
- left: auto;
- right: -9px;
- }
- .fl-col-drop-target .fl-builder-drop-zone {
- bottom: 0;
- left: 2px;
- margin: 0;
- padding: 0;
- position: absolute;
- right: 2px;
- top: 0;
- }
- /* Column Group Drop Targets */
- .fl-col-group-drop-target {
- display: none;
- left: 8px;
- height: 18px;
- position: absolute;
- right: 8px;
- top: -9px;
- z-index: 1;
- }
- .fl-row-highlight .fl-col-group-drop-target {
- display: block;
- }
- .fl-col-group-drop-target-last {
- top: auto;
- bottom: -9px;
- }
- .fl-col-group-drop-target .fl-builder-drop-zone {
- bottom: 2px;
- left: 0;
- margin: 0;
- padding: 0;
- position: absolute;
- right: 0;
- top: 2px;
- }
- .fl-row-content > .fl-col-group-drop-target {
- position: static;
- }
- .fl-row-content > .fl-col-group-drop-target .fl-builder-drop-zone {
- height: 18px;
- position: static;
- }
- /* Row Drop Targets */
- .fl-row-drop-target {
- display: none;
- left: 0;
- height: 24px;
- margin-top: -28px;
- position: absolute;
- right: 0;
- z-index: 1;
- }
- .fl-row-highlight .fl-row-drop-target {
- display: block;
- }
- .fl-row-drop-target-last {
- margin-top: 0;
- margin-top: 4px;
- }
- .fl-row .fl-row-drop-target .fl-builder-drop-zone {
- bottom: 0;
- left: 4px;
- margin: 0;
- position: absolute;
- right: 4px;
- top: 0;
- }
- /* Main Layout Row Drop Target */
- .fl-builder-content > .fl-row-drop-target {
- margin: 0;
- position: static;
- }
- .fl-builder-dragging .fl-builder-content.fl-builder-empty > .fl-row-drop-target {
- bottom: 10px;
- display: block;
- height: auto;
- left: 0;
- position: absolute;
- right: 0;
- top: 10px;
- }
- .fl-builder-content .fl-row-drop-target .fl-builder-drop-zone {
- margin-bottom: 0;
- margin-top: 0;
- }
- /* Nodes */
- .fl-module:focus,
- .fl-row:focus,
- .fl-col-group:focus,
- .fl-col:focus {
- outline:none;
- }
- /* Sortable Proxies */
- .fl-sortable-proxy {
- display: none;
- }
- /* Action Overlays
- ------------------------------------------------------ */
- .fl-block-overlay,
- .fl-block-overlay * {
- text-shadow: none;
- -webkit-touch-callout: none;
- }
- .fl-block-overlay-active {
- position: relative;
- }
- .fl-block-overlay-actions {
- background: #00A0D2;
- float: left;
- height: 30px;
- margin: -1px -1px 0;
- padding: 0 4px;
- text-shadow: none;
- border-bottom-right-radius: 5px;
- border-top-left-radius: 3px;
- }
- .fl-row-overlay-header-bottom .fl-block-overlay-actions {
- border-radius: 0;
- border-top-right-radius: 5px;
- border-bottom-left-radius: 3px;
- }
- .fl-builder-col-resizing .fl-block-overlay-actions,
- .fl-builder-row-resizing .fl-block-overlay-actions {
- overflow: hidden;
- }
- .fl-block-overlay-actions > span {
- display: block;
- float: left;
- }
- .fl-block-overlay-actions i {
- color: #fff !important;
- cursor: pointer;
- display: block !important;
- float: left;
- font-size: 16px !important;
- height: 28px !important;
- /* font-weight: 100 !important; */
- line-height: 28px !important;
- opacity: 0.8;
- filter: alpha(opacity = 80);
- text-align: center;
- width: 32px !important;
- }
- .fl-block-overlay-actions i:hover {
- opacity: 1;
- filter: alpha(opacity = 100);
- }
- .fl-block-overlay-actions > i:first-child {
- padding-left: 4px;
- }
- .fl-block-overlay-actions > i:last-child {
- padding-right: 2px;
- }
- .fl-block-overlay-actions .fl-block-move {
- cursor: move;
- }
- .fl-block-has-rules {
- color: #00A0D2 !important;
- cursor: pointer;
- padding: 7px;
- position: absolute;
- right: 0;
- top: 0;
- }
- .fl-block-overlay-title {
- color: #fff !important;
- float: left;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 14px;
- height: 30px;
- line-height: 29px;
- margin-right: 2px;
- padding: 0 12px 0 8px;
- }
- /* Row Overlays */
- .fl-row-overlay {
- background: rgba(190, 239, 255, 0);
- border: 2px solid #00A0D2;
- border-radius: 4px;
- bottom: 0;
- box-sizing: border-box !important;
- -moz-box-sizing: border-box !important;
- -webkit-box-sizing: border-box !important;
- color: #fff;
- left: 0;
- position: absolute;
- top: -33px;
- right: 0;
- z-index: 100006;
- }
- .fl-row-overlay.fl-row-menu-active,
- .fl-row-overlay.fl-row-menu-active.fl-block-overlay.fl-block-overlay-global {
- z-index: 100007;
- }
- .fl-row-full-width .fl-row-overlay {
- left: 2px;
- right: 2px;
- bottom: 2px;
- }
- .fl-row-overlay-header-bottom {
- bottom: -32px !important;
- top: 0;
- }
- .fl-row-overlay-header-bottom .fl-block-overlay-header {
- position: absolute;
- bottom: 0;
- }
- .fl-block-overlay-active .fl-row-content-wrap {
- position: relative;
- }
- .fl-block-overlay-active .fl-row-content {
- position: relative;
- z-index: 100007 !important;
- }
- /* Row Resizing */
- .fl-builder-row-resizing .fl-col.fl-block-overlay-active,
- .fl-builder-row-resizing .fl-module.fl-block-overlay-active {
- position: static;
- }
- /* Column Overlays */
- .fl-col-overlay {
- background: rgba(190, 239, 255, 0);
- border: 2px solid #00A0D2;
- border-radius: 4px;
- bottom: 8px;
- cursor: pointer;
- color: #fff;
- left: 8px;
- position: absolute;
- right: 8px;
- top: 8px;
- z-index: 100008;
- }
- /* Module Overlays */
- .fl-module-overlay {
- background: rgba(190, 239, 255, 0);
- border: 2px solid #00A0D2;
- border-radius: 4px;
- bottom: 4px;
- cursor: pointer;
- color: #fff;
- left: 4px;
- min-height: 32px;
- position: absolute;
- right: 4px;
- top: 4px;
- z-index: 100007;
- }
- .fl-builder-global-templates-locked .fl-block-overlay-global.fl-module-overlay {
- cursor: default;
- }
- .fl-module-adjust-height {
- padding-bottom: 15px;
- padding-top: 15px;
- }
- /* Global Overlays */
- .fl-block-overlay-global {
- background: rgba(255, 150, 0, 0);
- border: 2px solid #F7A407;
- border-radius: 4px;
- }
- .fl-block-overlay-global .fl-block-overlay-actions {
- background: #F7A407;
- }
- .fl-block-overlay-title-global {
- background: #fff;
- color: #ff9600 !important;
- font-size: 11px;
- letter-spacing: 1px;
- margin-left: 4px;
- padding: 2px 4px;
- vertical-align: top;
- }
- /* Global Row Overlays */
- .fl-block-overlay-global.fl-row-overlay {
- background: rgba(255, 150, 0, 0);
- cursor: pointer;
- z-index: 100007;
- }
- .fl-builder-global-templates-locked .fl-block-overlay-global.fl-row-overlay {
- cursor: default;
- }
- .fl-builder-row-template .fl-block-overlay-global.fl-row-overlay {
- background: rgba(255, 150, 0, 0);
- cursor: default;
- z-index: 100006;
- }
- .fl-block-overlay-global.fl-row-overlay .fl-block-col-resize {
- display:none;
- }
- /* Muted Overlays */
- .fl-block-overlay-muted .fl-row-overlay {
- background: rgba(85, 93, 102, 0);
- border: 2px solid #555D66;
- }
- .fl-block-overlay-muted .fl-row-overlay .fl-block-overlay-actions {
- background: #555D66;
- }
- .fl-block-overlay-muted .fl-row-overlay .fl-block-has-rules {
- color: #555D66 !important;
- }
- .fl-block-overlay-muted .fl-row-overlay .fl-block-col-resize {
- display:none;
- }
- /* Disabled Overlays */
- .fl-node-disabled .fl-row-content-wrap,
- .fl-node-disabled > .fl-col-content {
- opacity: 0.3;
- }
- /* Column Resize Handles */
- .fl-block-col-resize {
- bottom: 0 !important;
- position: absolute;
- top: 0 !important;
- width: 6px;
- }
- .fl-block-col-resize-e {
- cursor: ew-resize;
- left: auto !important;
- right: -2px !important;
- }
- .fl-block-col-resize-w {
- cursor: ew-resize;
- left: -7px !important;
- }
- .fl-block-col-resize-handle-wrap {
- margin: -4px 0 0 -5px;
- padding: 0 5px;
- position: absolute;
- top: 50% !important;
- }
- .fl-block-col-resize-e .fl-block-col-resize-handle-wrap {
- margin-left: -6px;
- }
- .fl-block-col-resize-handle {
- background: #fff;
- border: 2px solid #00A0D2;
- border-radius: 50%;
- height: 12px;
- width: 12px;
- }
- .fl-node-global .fl-block-col-resize-handle {
- border-color: #ff9600;
- }
- .fl-block-col-resize-feedback {
- color: #333 !important;
- display: none;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 11px !important;
- position: absolute;
- }
- .fl-block-col-resize-feedback-left,
- .fl-block-col-resize-feedback-right {
- background: #fff;
- border: 1px solid #3ba0ff;
- padding: 2px 4px;
- }
- .fl-block-col-resize-feedback-left {
- right: 20px;
- top: -7px;
- }
- .fl-block-col-resize-feedback-right {
- left: 20px;
- top: -7px;
- }
- /* Builder Submenus
- ------------------------------------------------------ */
- .fl-builder-has-submenu {
- position: relative;
- }
- .fl-builder-has-submenu > ul.fl-builder-submenu {
- background: #00A0D2;
- box-shadow: 0 0 20px rgba(0,0,0,0.20);
- border-radius: 4px;
- border-top-left-radius: 0;
- display: none;
- left: 0;
- list-style: none;
- margin: 0;
- padding: 6px 0;
- position: absolute;
- text-align: left;
- top: 100%;
- width: 165px;
- z-index: 100008;
- }
- .fl-builder-has-submenu > ul.fl-builder-submenu li {
- list-style: none;
- margin: 0;
- padding: 0;
- }
- .fl-builder-submenu-right ul.fl-builder-submenu {
- left: auto;
- right: 0;
- }
- .fl-builder-has-submenu.fl-builder-submenu-open > ul.fl-builder-submenu {
- display: block;
- }
- .fl-builder-has-submenu > ul.fl-builder-submenu li a {
- border-bottom: 0 none;
- box-shadow: none;
- -moz-box-shadow: none;
- -webkit-box-shadow: none;
- color: #fff !important;
- display: block;
- line-height: 13px;
- font-size: 13px;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
- opacity: 0.8;
- filter: alpha(opacity = 80);
- overflow: hidden;
- padding: 6px 12px;
- text-decoration: none;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .fl-builder-has-submenu > ul.fl-builder-submenu li a:hover {
- background: #0197C6;
- color: #fff;
- opacity: 1;
- filter: alpha(opacity = 100);
- text-decoration: none;
- }
- /* Nested Submenus */
- .fl-builder-has-submenu .fl-builder-submenu .fa,
- .fl-builder-has-submenu .fl-builder-submenu .fas,
- .fl-builder-has-submenu .fl-builder-submenu .far {
- float: right;
- height: 12px !important;
- line-height: 12px !important;
- position: relative;
- right: -5px;
- width: 14px !important;
- }
- .fl-builder-has-submenu .fl-builder-has-submenu .fl-builder-submenu {
- display: none;
- left: 100%;
- top: 0;
- }
- .fl-builder-has-submenu .fl-builder-submenu-right.fl-builder-has-submenu .fl-builder-submenu {
- left: auto;
- right: 100%;
- }
- .fl-builder-has-submenu .fl-builder-has-submenu:hover .fl-builder-submenu {
- display: block;
- }
- /* Submenu Item Separators */
- .fl-builder-submenu-sep {
- padding: 7px 0px !important;
- }
- .fl-builder-submenu-sep div {
- border-bottom: 1px solid rgba( 255, 255, 255, 0.4 );
- }
- /* Parent Column Controls */
- .fl-block-col-move,
- .fl-block-col-move-parent {
- cursor: move;
- position: relative;
- }
- /* Submenu Move Icons */
- .fl-builder-submenu .fa-arrows-alt {
- cursor: move;
- display: none !important;
- }
- .fl-builder-submenu a:hover .fa-arrows-alt {
- display: block !important;
- float:right;
- line-height: 12px !important;
- height: 12px !important;
- }
- /* Global Submenus */
- .fl-block-overlay-global ul.fl-builder-submenu {
- background: #ff9600 !important;
- }
- .fl-block-overlay-global ul.fl-builder-submenu li a:hover {
- background: #ffaa33;
- }
- /* @endgroup Drag and Drop */
- /* @group Actions Lightbox
- ------------------------------------------------------ */
- .fl-builder-actions-lightbox .fl-lightbox {
- display: block;
- width: 300px;
- border-radius: 4px;
- }
- .fl-builder-actions-lightbox .fl-lightbox-content-wrap {
- display: block;
- }
- .fl-builder-actions-lightbox .fl-builder-actions {
- display: flex;
- flex-direction: column;
- padding: 25px;
- text-align: center;
- }
- .fl-builder-actions-title {
- color: #333 !important;
- display: block;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 16px !important;
- margin-bottom: 20px;
- }
- .fl-builder-actions .fl-builder-button {
- display: flex;
- justify-content: center;
- margin-bottom: 7px;
- min-height: 36px;
- }
- /* @endgroup Actions Lightbox */
- /* @group Alert Lightbox
- ------------------------------------------------------ */
- .fl-builder-alert-lightbox {
- padding: 20px;
- z-index: 30000000;
- top: 0;
- pointer-events: auto;
- }
- .fl-builder-alert-lightbox .fl-lightbox {
- max-width: 440px;
- width: auto;
- }
- .fl-builder-alert-lightbox .fl-lightbox-content-wrap {
- display: block;
- }
- .fl-builder-alert-lightbox .fl-lightbox-message {
- color: #333 !important;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 16px !important;
- line-height: 24px;
- padding: 30px;
- }
- /* @endgroup Alert Lightbox */
- /* @group Template Selector
- ------------------------------------------------------ */
- @keyframes fl-builder-content-section-entry {
- from {
- transform: translateY(150px) translateX(100px) scale(.3);
- opacity:0;
- }
- to {
- transform: translateY(0px) translateX(0px) scale(1);
- opacity:1;
- }
- }
- .fl-template-category-select {
- width: 180px !important;
- }
- .fl-template-selector .fl-builder-settings-section {
- margin: 0 0 10px;
- }
- .fl-template-selector .fl-builder-settings-fields {
- height: 470px;
- }
- .fl-template-selector .fl-builder-settings-tab {
- width: 560px;
- }
- .fl-template-selector .fl-builder-settings-tab-description {
- font-size: 15px!important;
- margin: 0 !important;
- padding: 10px 0 25px;
- text-align: center;
- }
- .fl-template-preview {
- float: left;
- margin: 0 25px 30px 0;
- position: relative;
- text-align: center;
- width: 170px;
- }
- .fl-template-preview.fl-last {
- margin-right: 0;
- }
- .fl-template-image {
- border: 1px solid #d9d9d9;
- cursor: pointer;
- margin-bottom: 12px;
- height: 164px;
- overflow: hidden;
- }
- .fl-template-image:hover {
- border-color: #ff0000;
- }
- .fl-template-image img {
- max-height: none;
- width: 100%;
- }
- .fl-template-preview span {
- display: block;
- text-align: center;
- }
- .fl-user-template-category-name {
- background: #f2f2f2;
- border-bottom: 3px solid #dfdfdf;
- border-top: 2px solid #dfdfdf;
- font-weight: bold;
- padding: 8px 15px;
- }
- .fl-user-templates {
- border-bottom: 1px solid #dfdfdf;
- padding: 10px 0 20px;
- }
- .fl-builder--user-templates-section-content {
- padding-top: 10px;
- padding-left: 10px;
- padding-right: 10px;
- padding-bottom: 10px;
- border-bottom: 2px solid #e6eaed;
- }
- .fl-builder--user-templates-section-content:first-child {
- padding-top:0;
- }
- .fl-user-templates:last-child,
- .fl-builder--user-templates-section-content:last-child {
- border-bottom: none;
- }
- .fl-builder--user-templates-section-name {
- font-weight: bold;
- font-size: 16px;
- padding-top: 30px;
- color: #333333;
- z-index: 9999;
- padding: 15px 10px;
- margin: 0 10px;
- }
- @keyframes fl-list-item-entry {
- from {
- opacity:0;
- transform: scale(.5) translateY(100px);
- }
- to {
- opacity:1;
- transform: scale(1) translateY(0px);
- }
- }
- .fl-user-template,
- .fl-builder--save-new-user-template {
- position: relative;
- display: flex;
- flex-direction: row;
- align-items: center;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- border-radius: 4px;
- font-size: 16px;
- font-weight: 200;
- line-height: 1.1;
- padding: 10px 20px;
- color: #6d6d6d;
- }
- .fl-user-template:hover {
- cursor: pointer;
- background: #ffffff;
- box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.08);
- text-decoration: none;
- color: #111111;
- padding-right:68px;
- }
- .fl-user-template-name {
- overflow: hidden;
- text-overflow: ellipsis;
- flex:1;
- }
- .fl-user-template-actions {
- display:none;
- bottom: 0;
- position: absolute;
- right: 0;
- top: 0;
- }
- .fl-user-template:hover .fl-user-template-actions {
- display: flex;
- flex-direction: row;
- align-items: center;
- }
- .fl-user-template-actions a {
- display: inline-block;
- padding: 15px 0;
- width:30px;
- }
- .fl-user-template:hover a:hover i {
- color: #444444 !important;
- }
- .fl-user-templates-message {
- display: none;
- }
- .fl-user-template-thumbnail {
- flex:0;
- margin-right:20px;
- }
- .fl-user-template-thumbnail .fl-builder--template-thumbnail {
- background-size: cover;
- background-position: center top;
- }
- .fl-user-template-thumbnail .fl-builder--template-thumbnail:hover {
- box-shadow: none;
- transform: scale(1);
- transition-property: none;
- }
- .fl-user-template-thumbnail .fl-builder--template-thumbnail {
- width:45px;
- }
- .fl-builder--save-new-user-template .fl-user-template-thumbnail .fl-builder--template-thumbnail {
- border-style: dashed;
- border-width: 2px;
- border-color: #ccd4da;
- }
- .fl-builder--save-new-user-template .fl-save-control {
- display: flex;
- flex-direction: row;
- flex:1;
- }
- .fl-builder--save-new-user-template .fl-save-control input {
- background:transparent;
- border:none !important;
- flex:1;
- font-size: 16px;
- margin-right:10px;
- margin-left: -12px;
- color: #000;
- }
- .fl-builder--save-new-user-template .fl-save-control input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
- color: #777;
- }
- .fl-builder--save-new-user-template .fl-save-control input::-moz-placeholder { /* Firefox 19+ */
- color: #777;
- }
- .fl-builder--save-new-user-template .fl-save-control input:-ms-input-placeholder { /* IE 10+ */
- color: #777;
- }
- .fl-builder--save-new-user-template .fl-save-control input:-moz-placeholder { /* Firefox 18- */
- color: #777;
- }
- @keyframes fl-slide-in-right {
- from {
- transform: translateX(50px);
- }
- to {
- transform: translateX(0px);
- }
- }
- .fl-builder--save-new-user-template .fl-save-control button {
- display: none;
- animation-name: fl-slide-in-right;
- animation-duration: .25s;
- background-color: #00a0d2;
- border: none;
- padding: 0 15px;
- }
- .fl-save-control-mask {
- display:none;
- background: transparent;
- position: absolute;
- top: -50px;
- left: 0;
- bottom: 0;
- right: 0;
- z-index: -1;
- min-height: 80vh;
- }
- /* Lite version templates CTA */
- .fl-builder-templates-cta {
- margin-bottom: 20px;
- }
- .fl-builder-templates-cta p {
- display: inline-block !important;
- width: 75% !important;
- font-size: 14px !important;
- line-height: 1.5 !important;
- margin-bottom: 0 !important;
- }
- .fl-builder-templates-cta .fl-builder-upgrade-button {
- font-size: 13px !important;
- line-height: 13px !important;
- position: relative;
- top: 8px;
- left: 15px;
- padding: 1px 12px;
- }
- /* @endgroup Template Selector */
- /* @group User Template Editing
- ------------------------------------------------------ */
- .single-fl-builder-template .fl-content {
- width: 100% !important;
- }
- /* @endgroup User Template Editing */
- /* @group Settings Lightboxes
- ------------------------------------------------------ */
- form.fl-builder-settings {
- height: 100%;
- margin: 0;
- padding: 0;
- display: flex;
- flex-direction: column;
- }
- .fl-builder-settings-message {
- font-size: 15px !important;
- line-height: 23px !important;
- padding: 20px 25px !important;
- background: #f2f2f2 !important;
- }
- .fl-builder-settings-message * {
- font-size: 15px !important;
- line-height: 23px !important;
- }
- .fl-builder-preview-loader {
- position: relative;
- top: -2px;
- margin-left: 3px;
- }
- .fl-lightbox-header .fl-builder-preview-loader {
- margin: 0;
- position: absolute;
- right: 40px;
- top: 15px;
- }
- @keyframes fl-grab-attention {
- 0% {
- transform: scale(1);
- }
- 50% {
- transform: scale(1.05);
- }
- 100% {
- transform: scale(1);
- }
- }
- /* Slim Settings
- ------------------------------------------------------ */
- .fl-lightbox-width-slim .fl-form-table {
- margin: 20px 25px 10px 15px !important;
- width: calc(100% - 60px);
- }
- .fl-lightbox-width-slim .fl-form-table th {
- display: block;
- position: relative;
- padding: 10px 0 0 12px !important;
- width: auto !important;
- }
- .fl-lightbox-width-slim .fl-form-table td {
- display: block;
- }
- .fl-lightbox-width-slim .fl-form-table td:first-child {
- padding-left: 10px !important;
- }
- .fl-lightbox-width-slim .fl-form-table .fl-field[data-type="editor"] td:first-child {
- padding-left: 0px !important;
- }
- .fl-field-label .fl-field-responsive-toggle {
- display:none; /* Hide label icons on wide settings */
- }
- .fl-lightbox-width-slim .fl-field-control-wrapper .fl-field-responsive-toggle {
- display:none; /* Hide control icons on slim settings */
- }
- .fl-lightbox-width-slim .fl-field-label .fl-field-responsive-toggle {
- display: inline-block;
- padding: 0 5px !important;
- }
- /* Slim - Selects */
- .fl-lightbox-width-slim .fl-builder-settings-fields select {
- width: 100%;
- }
- /* Slim - Color Picker */
- .fl-lightbox-width-slim .fl-color-picker {
- display: flex;
- width:auto;
- }
- .fl-lightbox-width-slim .fl-color-picker-clear {
- flex: 0 0 50px;
- }
- /* Slim - TinyMCE */
- .fl-lightbox-width-slim .mce-menubtn.mce-fixed-width button {
- width: 72px !important;
- }
- .fl-lightbox-width-micro .mce-menubtn.mce-fixed-width button {
- width: 38px !important;
- }
- .fl-lightbox-width-micro .mce-btn[aria-label="Fullscreen"],
- .fl-lightbox-width-micro .mce-btn[aria-label="Blockquote"] {
- display: none;
- }
- /* Slim - Repeaters */
- .fl-lightbox-width-slim .fl-builder-field-multiple {
- display: flex;
- flex-wrap: wrap;
- position: relative;
- }
- .fl-lightbox-width-slim .fl-builder-field-multiple .fl-field-label {
- width: 100% !important;
- }
- .fl-lightbox-width-slim .fl-builder-field-multiple .fl-field-control {
- width: 100% !important;
- }
- .fl-lightbox-width-slim .fl-builder-field-multiple .fl-builder-field-actions {
- position: absolute !important;
- top:0;
- right:0;
- width: 70px;
- }
- /* Slim - Time */
- .fl-lightbox-width-slim .fl-field[data-type="time"] select {
- width: auto;
- }
- /* Settings Tabs
- ------------------------------------------------------ */
- .fl-builder-settings-tabs {
- margin: 6px 6px 6px;
- border: 2px solid #e6eaed;
- border-radius: 4px;
- display: flex;
- flex-direction: row;
- overflow: hidden;
- }
- .fl-builder-content-group-select {
- padding: 0 10px 6px;
- }
- .fl-builder-content-group-select {
- display:none; /* Default to hidden */
- }
- .fl-builder-content-group-select select {
- display: block;
- width: 100%;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- box-sizing: border-box;
- padding: 8px 10px;
- background: white url(../img/svg/select-arrow-down-alt2.svg) no-repeat center right 10px !important;
- border: 2px solid #e4e7ea;
- color: #161B20;
- }
- select:focus {
- border-width: 2px !important;
- border-style: solid !important;
- border-color: #00a0d2 !important;
- outline:none !important;
- }
- .fl-legacy-settings-tab {
- background: url(../img/ajax-loader.svg) center center no-repeat;
- height: 100px;
- }
- .fl-builder-settings-tab:first-child .fl-legacy-settings-tab {
- background: transparent;
- height: auto;
- }
- body .fl-builder-settings-tabs > * {
- box-sizing: border-box;
- color: #676F7A !important;
- fill: #676F7A !important;
- background: transparent;
- border: 2px solid transparent;
- border-radius:0;
- display: inline-block;
- margin: 0;
- outline: none;
- padding: 6px 15px;
- text-decoration: none !important;
- font-size: 14px;
- font-weight: normal !important;
- flex: 0 0 auto;
- white-space: nowrap;
- overflow: hidden;
- text-overflow: ellipsis;
- display:block;
- text-align: center;
- }
- body .fl-builder-settings-tabs > *:first-child {
- border-top-left-radius: 3px;
- border-bottom-left-radius: 3px;
- }
- body .fl-builder-settings-tabs > *:last-child {
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- }
- body .fl-lightbox-width-slim .fl-builder-settings-tabs > * {
- flex: 1 1 auto;
- padding: 6px 8px;
- }
- body .fl-builder-settings-tabs > .fl-builder-settings-tabs-more {
- flex: 0 0 60px;
- display:none;
- margin-left:auto;
- justify-content: center;
- }
- .fl-builder-settings-tabs-more svg {
- width:16px;
- height:auto;
- fill:inherit;
- margin:auto; /* safari centering fix */
- }
- .fl-builder-settings-tabs-more svg,
- .fl-builder-settings-tabs-more g,
- .fl-builder-settings-tabs-more path {
- fill:inherit;
- }
- body .fl-lightbox-has-tab-overflow .fl-builder-settings-tabs-more {
- display: flex;
- }
- .fl-builder-settings-tabs > *:hover,
- .fl-builder-settings-tabs > *:active {
- top:0;
- color: #333;
- background: transparent;
- border: 2px solid transparent;
- }
- .fl-builder-settings-tabs > *:focus {
- top:0;
- outline: none;
- border: 2px solid transparent;
- background: transparent;
- color: #0086b0;
- fill: #0086b0;
- }
- .fl-builder-settings-tabs .fl-active,
- .fl-builder-settings-tabs-more.fl-contains-active,
- .fl-builder-settings-tabs-overflow-menu .fl-active {
- color: #0086b0 !important;
- fill: #0086b0 !important;
- position: relative;
- background: #e6eaed;
- }
- .fl-builder-settings-tabs .fl-overflowed,
- .fl-builder-settings-tabs .fl-active.fl-overflowed {
- display:none !important;
- }
- .fl-builder-settings-tabs .error {
- color: #d03436;
- padding-right: 10px;
- }
- .fl-builder-settings-tabs .error .fl-error-icon,
- .fl-builder-settings-tabs-overflow-menu .error .fl-error-icon {
- background: url('../img/sprite.png') -148px -5px no-repeat;
- display: inline-block;
- height: 16px;
- margin-left: 7px;
- position: relative;
- top: 3px;
- width: 16px;
- }
- .fl-builder-settings-tabs-more.fl-contains-errors {
- fill: #d03436 !important;
- }
- .fl-builder-settings-tab {
- display: none;
- width: auto !important;
- }
- .fl-builder-settings-tab.fl-active {
- display: block;
- }
- .fl-builder-settings-tab-description {
- background: #e4e7ea;
- padding: 10px 15px;
- border-radius: 4px;
- margin: 20px 20px;
- }
- .fl-builder-settings-tab-description a {
- text-decoration: underline !important;
- }
- .fl-builder-settings-tab-description a:hover {
- color: #333;
- }
- .fl-builder-settings-tabs-overflow-menu {
- display:none;
- position: absolute;
- left: 0;
- right: 0;
- border: 2px solid #e6eaed;
- border-top: 3px solid #00a0d2;
- border-radius: 4px;
- background: white;
- z-index: 9999;
- margin: 0 6px;
- padding: 10px;
- flex-direction: column;
- box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 0.2);
- }
- .fl-builder-settings-tabs-overflow-menu:before {
- bottom: 100%;
- right: 20px;
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- border: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #00a0d2;
- border-width: 10px;
- margin-left: -10px;
- }
- .fl-builder-settings-tabs-overflow-menu > a {
- display: block;
- padding: 10px 15px;
- font-size: 14px;
- font-weight: 600 !important;
- border:2px solid transparent;
- border-radius: 4px;
- outline:none;
- }
- .fl-builder-settings-tabs-overflow-menu > a:hover {
- background: #e6eaed;
- text-decoration: none;
- }
- .fl-builder-settings-tabs-overflow-click-mask {
- display: none;
- position: fixed;
- top:0;
- bottom:0;
- left:0;
- right:0;
- background:transparent;
- z-index: 9;
- }
- /* Settings Tables
- ------------------------------------------------------ */
- .fl-form-table {
- background: none transparent;
- border: none;
- width: calc(100% - 35px); /* extra 25px for field connections toggle) */
- }
- .fl-form-table tbody {
- border: none;
- }
- .fl-form-table tr,
- .fl-form-table tr:nth-child(even) {
- background: transparent;
- }
- .fl-form-table th {
- border: none !important;
- font-weight: normal !important;
- padding: 10px !important;
- padding-left:30px !important;
- text-align: left !important;
- vertical-align: top !important;
- width: 200px !important;
- background:transparent !important;
- }
- .fl-form-table td:first-child {
- padding-left:30px !important;
- }
- .fl-form-table th label {
- color: #333;
- width: auto;
- max-width: 100%;
- }
- .fl-form-table td {
- background: transparent !important;
- border: none !important;
- font-weight: normal !important;
- padding: 8px 10px;
- text-align: left !important;
- }
- .fl-lightbox-width-slim .fl-form-table td {
- padding: 4px 0 10px;
- }
- /* Settings Fields
- ------------------------------------------------------ */
- .fl-builder-settings-fields {
- margin: 0;
- overflow: hidden;
- position: relative;
- flex: 1 100%;
- visibility: hidden;
- }
- .fl-lightbox-header .fl-builder-settings-fields {
- height: auto;
- margin: 0;
- position: absolute;
- right: 10px;
- top: 10px;
- }
- .fl-builder-settings-fields .fl-nanoscroller-content {
- padding: 0;
- }
- .fl-builder-settings-fields .fl-field-control-wrapper {
- position: relative;
- }
- .fl-field {
- animation-duration: .25s;
- animation-delay: .1s;
- }
- .fl-builder-settings-fields textarea,
- .fl-builder-settings-fields input[type=text],
- .fl-builder-settings-fields input[type=password],
- .fl-builder-settings-fields input[type=file],
- .fl-builder-settings-fields input[type=email],
- .fl-builder-settings-fields input[type=number],
- .fl-builder-settings-fields input[type=search],
- .fl-builder-settings-fields input[type=tel],
- .fl-builder-settings-fields input[type=url],
- .fl-builder-settings-fields select {
- background: #fff !important;
- border-color: transparent !important;
- border-style: solid;
- border-width: 2px;
- border-radius: 4px !important;
- box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);
- color: #333 !important;
- display: inline;
- font-size: 13px;
- height: auto;
- line-height: 15px;
- margin: 1px;
- outline: none;
- padding: 3px 9px;
- width: auto;
- box-sizing: border-box;
- }
- .fl-builder-settings-fields input[type=text],
- .fl-builder-settings-fields input[type=password],
- .fl-builder-settings-fields input[type=file],
- .fl-builder-settings-fields input[type=email],
- .fl-builder-settings-fields input[type=number],
- .fl-builder-settings-fields input[type=search],
- .fl-builder-settings-fields input[type=tel],
- .fl-builder-settings-fields input[type=url],
- .fl-builder-settings-fields select:not(multiple) {
- height: 36px !important;
- }
- .fl-builder-settings-fields select,
- .fl-builder-settings-fields select[multiple] {
- height: auto !important;
- }
- .fl-builder-settings-fields input[type=number] {
- width: 70px;
- }
- .fl-builder-lightbox .fl-builder-settings-fields textarea:focus,
- .fl-builder-lightbox .fl-builder-settings-fields input[type=text]:focus,
- .fl-builder-lightbox .fl-builder-settings-fields input[type=password]:focus,
- .fl-builder-lightbox .fl-builder-settings-fields input[type=file]:focus,
- .fl-builder-lightbox .fl-builder-settings-fields input[type=email]:focus,
- .fl-builder-lightbox .fl-builder-settings-fields input[type=number]:focus,
- .fl-builder-lightbox .fl-builder-settings-fields input[type=search]:focus,
- .fl-builder-lightbox .fl-builder-settings-fields input[type=tel]:focus,
- .fl-builder-lightbox .fl-builder-settings-fields input[type=url]:focus,
- .fl-builder-lightbox .fl-builder-settings-fields select:focus {
- border-width: 2px !important;
- border-style: solid !important;
- border-color: #00a0d2 !important;
- box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12) !important;
- }
- .fl-builder-settings-fields ::-webkit-input-placeholder { /* WebKit browsers */
- color: #999 !important;
- font-size: 13px;
- }
- .fl-builder-settings-fields input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
- color: #999;
- font-size: 13px;
- }
- .fl-builder-settings-fields ::-moz-placeholder { /* Mozilla Firefox 19+ */
- color: #999 !important;
- font-size: 13px;
- }
- .fl-builder-settings-fields input:-ms-input-placeholder { /* Internet Explorer 10+ */
- color: #999;
- font-size: 13px;
- }
- .fl-builder-settings-fields label {
- display: inline-block;
- font-weight: normal;
- user-select: none;
- margin-bottom:3px;
- }
- .fl-builder-settings-fields select {
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- box-sizing: border-box;
- color: #000;
- margin: 0;
- margin-bottom: 2px;
- padding: 2px 10px;
- padding-right:30px !important;
- background: white url("../img/svg/select-arrow-down-alt2.svg") no-repeat center right 10px !important;
- }
- .fl-builder-settings-fields select[multiple] {
- height: 60px;
- background-image: none !important;
- }
- .fl-photo-field select,
- .fl-builder-custom-field select {
- -webkit-box-shadow: none;
- border-color: #e6eaed !important;
- }
- .fl-font-field .fl-font-field-font {
- margin-bottom:4px;
- width: calc( 70% - 5px ) !important;
- }
- .fl-font-field .fl-font-field-weight {
- width:30% !important;
- }
- /* Add predefined value dropdown for text field */
- .fl-builder-settings-fields .fl-text-field-add-value {
- min-width: 50%;
- margin-top: .62em;
- }
- .fl-lightbox-width-slim input.text-full + .fl-field-description,
- .fl-lightbox-width-slim select + .fl-field-description {
- display: block;
- padding: 8px 10px;
- margin: 0;
- }
- /* Dimension Field */
- .fl-field[data-type="dimension"] .fl-field-control-wrapper {
- display: flex;
- }
- .fl-field[data-type="dimension"] .fl-field-description {
- padding-top: 9px;
- }
- .fl-field[data-type="dimension"] .fl-field-responsive-toggle {
- padding: 9px 9px 0 0;
- }
- .fl-dimension-field-units {
- display: flex;
- }
- .fl-dimension-field-unit {
- padding-right: 5px;
- }
- .fl-dimension-field-unit input {
- max-width: 60px;
- width: auto !important;
- }
- .fl-dimension-field-unit label {
- padding: 5px 0 0;
- font-size: 12px;
- color: inherit !important;
- display: block;
- text-align: center;
- }
- /* Link Field */
- .fl-link-field-search input {
- box-shadow: none !important;
- width: 100% !important;
- padding: 3px 9px !important;
- }
- .fl-link-field-search #as-original-link-search {
- width:100%;
- }
- .fl-builder-settings-section {
- border-top: 2px solid #E6EAED;
- }
- .fl-builder-settings-section:first-child {
- border-top: none !important;
- }
- .fl-custom-query .fl-builder-settings-section {
- border-top: 2px solid #E6EAED !important; /* custom for posts module */
- }
- .fl-builder-settings-description {
- padding: 10px;
- padding-top: 0;
- margin: 0;
- font-style: italic;
- opacity: .75;
- }
- .fl-builder-settings-fields table {
- margin: 20px 0 20px;
- }
- .fl-builder-settings-fields h3.fl-builder-settings-title {
- display: inline-block;
- background: #E6EAED;
- padding:4px 10px;
- padding-left: 15px;
- margin:0;
- text-transform: uppercase !important;
- border-bottom-right-radius: 4px;
- font-size: 12px !important;
- font-weight: 700;
- user-select: none;
- }
- /* Core WordPress UI */
- .wp-core-ui h1,
- .wp-core-ui h2,
- .wp-core-ui h3,
- .wp-core-ui h4,
- .wp-core-ui h5,
- .wp-core-ui h6 {
- color: #333;
- }
- .wp-core-ui .submitbox .submitdelete {
- color: #a00;
- }
- .wp-core-ui button {
- font-weight: normal;
- }
- .wp-core-ui textarea,
- .wp-core-ui input[type=text],
- .wp-core-ui input[type=password],
- .wp-core-ui input[type=file],
- .wp-core-ui input[type=email],
- .wp-core-ui input[type=number],
- .wp-core-ui input[type=search],
- .wp-core-ui input[type=tel],
- .wp-core-ui input[type=url],
- .wp-core-ui select {
- background-color: #fff;
- border-color: #dfdfdf;
- border-style: solid;
- border-width: 1px;
- border-radius: 3px;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- box-shadow: none;
- -moz-box-shadow: none;
- -webkit-box-shadow: none;
- color: #333;
- font-weight: normal;
- }
- .wp-core-ui textarea:focus,
- .wp-core-ui input[type=text]:focus,
- .wp-core-ui input[type=password]:focus,
- .wp-core-ui input[type=file]:focus,
- .wp-core-ui input[type=email]:focus,
- .wp-core-ui input[type=number]:focus,
- .wp-core-ui input[type=search]:focus,
- .wp-core-ui input[type=tel]:focus,
- .wp-core-ui input[type=url]:focus,
- .wp-core-ui select:focus {
- background: transparent;
- border-color: #aaa;
- }
- .wp-core-ui input[type=search] {
- background-image: none;
- padding: 6px;
- }
- /* Responsive Options */
- .fl-field-responsive-setting {
- display: inline-block;
- }
- .fl-field-responsive-setting-medium,
- .fl-field-responsive-setting-responsive {
- display: none;
- }
- i.fl-field-responsive-toggle {
- color: #808080;
- cursor: pointer;
- display: inline-block;
- font-size: 15px !important;
- height: auto;
- line-height: 18px !important;
- text-align: left;
- vertical-align: middle;
- width: 20px;
- }
- i.fl-field-responsive-toggle:hover {
- color: #000;
- }
- /* Text Field */
- .fl-builder-settings-fields input.text-full {
- width: 100%;
- }
- /* Textarea */
- .fl-builder-settings-fields textarea {
- width: 100%;
- }
- /* Color Picker */
- .fl-color-picker {
- cursor: pointer;
- }
- .fl-color-picker .fl-color-picker-clear {
- box-sizing: border-box;
- }
- .fl-color-picker .fl-color-picker-clear:hover {
- background-color: #ededed;
- }
- .colorpicker input {
- padding: 0 !important;
- font-size: 11px !important;
- color: #fff !important;
- width: 29px !important;
- height: auto !important;
- background: transparent !important;
- border: none !important;
- }
- .colorpicker .colorpicker_hex input {
- width: 45px !important;
- }
- /* Custom Fields */
- .fl-builder-custom-field {
- background:white;
- border: 2px solid transparent;
- border-radius: 4px;
- padding: 7px 10px;
- box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);
- min-height: 36px;
- box-sizing: border-box;
- }
- .fl-builder-field-multiple .fl-builder-custom-field {
- cursor: move;
- }
- .fl-builder-custom-field a {
- color: #21759b !important;
- text-decoration: underline !important;
- }
- .fl-builder-custom-field a:hover {
- color: #d54e21 !important;
- }
- .fl-builder-custom-field label.error {
- margin-top: 5px;
- }
- /* Photo Fields */
- .fl-photo-field .fl-photo-preview {
- display: flex;
- }
- .fl-photo-field .fl-photo-select,
- .fl-photo-field.fl-photo-empty .fl-photo-preview {
- display: none;
- }
- .fl-photo-field.fl-photo-empty .fl-photo-select {
- display: block;
- }
- .fl-photo-field .fl-photo-preview-img {
- line-height: 0;
- margin: 5px 0;
- }
- .fl-photo-field .fl-photo-preview-img img {
- max-width: 60px;
- }
- .fl-photo-field .fl-photo-preview select {
- margin: 8px 0 8px 10px;
- width: 200px;
- }
- .fl-photo-field.fl-photo-no-attachment .fl-photo-preview select {
- display: none;
- }
- .fl-photo-field .fl-photo-preview-filename {
- display: none;
- font-size: 14px;
- font-weight: bold;
- margin: 7px 0 5px 11px;
- }
- .fl-photo-field.fl-photo-no-attachment .fl-photo-preview-filename {
- display: inline-block;
- word-break: break-all;
- }
- .fl-photo-field .fl-photo-edit {
- margin: 0 0 0 11px;
- }
- .fl-photo-field.fl-photo-no-attachment .fl-photo-edit {
- display: none;
- }
- .fl-photo-field .fl-photo-replace,
- .fl-photo-field .fl-photo-remove {
- margin: 0 0 0 8px;
- }
- /* Media Uploader */
- .fl-builder-edit .media-modal {
- z-index: 9999991;
- }
- .fl-builder-edit .media-modal-backdrop {
- z-index: 999999;
- }
- .fl-builder-edit .media-frame {
- -webkit-backface-visibility: hidden;
- }
- .fl-builder-edit .media-modal-content h1 {
- font-family: inherit;
- }
- .fl-builder-edit .media-modal-content .thumbnail {
- padding: 0;
- border: none;
- border-radius: 0;
- }
- .fl-builder-edit button.media-modal-close {
- position: absolute;
- box-shadow: none;
- -webkit-box-shadow: none;
- }
- .fl-builder-edit .media-frame.hide-menu {
- visibility: visible;
- }
- span.select2-container.select2-container--open {
- z-index: 9999999;
- }
- /* Multiple Photo Fields */
- .fl-multiple-photos-lightbox .gallery-settings,
- .fl-multiple-photos-field .fl-multiple-photos-select {
- display: none;
- }
- .fl-multiple-photos-field.fl-multiple-photos-empty .fl-multiple-photos-count,
- .fl-multiple-photos-field.fl-multiple-photos-empty .fl-multiple-photos-edit,
- .fl-multiple-photos-field.fl-multiple-photos-empty .fl-multiple-photos-add {
- display: none;
- }
- .fl-multiple-photos-field .fl-multiple-photos-add {
- margin: 0 0 0 8px;
- }
- .fl-multiple-photos-field.fl-multiple-photos-empty .fl-multiple-photos-select {
- display: inline;
- }
- .fl-multiple-photos-count {
- font-weight: bold;
- margin-bottom: 3px;
- }
- /* Video Fields */
- .fl-video-field .fl-video-select,
- .fl-video-field.fl-video-empty .fl-video-preview {
- display: none;
- }
- .fl-video-field.fl-video-empty .fl-video-select {
- display: block;
- }
- .fl-video-field .fl-video-preview-img {
- float: left;
- line-height: 0;
- margin: 5px 0;
- }
- .fl-video-field .fl-video-preview-img img {
- max-width: 60px;
- }
- .fl-video-field .fl-video-preview-img .dashicons.dashicons-media-video {
- display: block;
- font-size: 60px;
- height: 60px;
- line-height: 60px;
- width: 60px;
- }
- .fl-video-field .fl-video-preview-filename {
- display: inline-block;
- font-size: 14px;
- font-weight: bold;
- margin: 7px 0 5px 11px;
- }
- .fl-video-field .fl-video-replace,
- .fl-video-field .fl-video-remove {
- margin: 0 0 0 11px;
- }
- /* Multiple Audio Fields */
- .fl-multiple-audios-field .fl-multiple-audios-select,
- .fl-multiple-audios-field.fl-multiple-audios-empty .fl-multiple-audios-edit,
- .fl-multiple-audios-field.fl-multiple-audios-empty .fl-multiple-audios-add {
- display: none;
- }
- .fl-multiple-audios-field.fl-multiple-audios-empty .fl-multiple-audios-select {
- display: block;
- }
- .fl-multiple-audios-field .fl-multiple-audios-add {
- margin: 0 0 0 8px;
- }
- /* Icon Fields */
- .fl-icon-field .fl-icon-select,
- .fl-icon-field.fl-icon-empty .fl-icon-preview {
- display: none;
- }
- .fl-icon-field.fl-icon-empty .fl-icon-select {
- display: block;
- }
- .fl-icon-field .fl-icon-preview i {
- display: inline-block;
- font-size: 28px;
- margin: 10px 10px 9px 10px;
- vertical-align: middle;
- }
- .fl-icon-field .fl-icon-remove {
- margin: 0 0 0 8px;
- }
- /* Text Editors */
- .fl-builder-hidden-editor {
- display: none;
- }
- .fl-builder-settings .wp-switch-editor {
- background: #ebebeb;
- border: 1px solid #e5e5e5;
- border-radius: 0;
- color: #333;
- }
- .fl-builder-settings .wp-editor-container {
- border: 1px solid #e5e5e5;
- }
- .fl-builder-settings .mce-toolbar .mce-btn-group .mce-btn {
- margin: 2px 0;
- }
- .fl-builder-settings .mce-menubtn.mce-fixed-width button {
- width: 100px;
- }
- .fl-builder-settings .mce-menubtn.mce-fixed-width span {
- width: 100%;
- }
- .mce-close:hover,
- .mce-close:active,
- .mce-window .mce-btn button:hover,
- .mce-window .mce-btn button:active,
- .mce-toolbar .mce-btn button:hover,
- .mce-toolbar .mce-btn button:active {
- background: transparent;
- border: none;
- }
- .wp-core-ui .quicktags-toolbar input.button.button-small {
- margin: 1px !important;
- }
- .wp-editor-container textarea.wp-editor-area {
- background: transparent;
- border: none;
- padding: 10px;
- box-sizing: border-box;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- }
- /* Editor Link Modal */
- .fl-builder-edit form#wp-link {
- color: #000;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 13px;
- }
- .fl-builder-edit form#wp-link #link-options label {
- display: block;
- margin-bottom: 2px;
- }
- .fl-builder-edit form#wp-link #link-options label span {
- padding-right: 10px;
- vertical-align: middle;
- }
- .fl-builder-edit form#wp-link #link-options input[type="text"] {
- display: inline-block;
- height: auto;
- margin: 5px 0 0;
- padding: 3px 5px;
- width: 80%;
- }
- .fl-builder-edit form#wp-link .query-results {
- top: 225px;
- }
- /* Code Editors */
- .fl-code-field {
- border: 1px solid #E6E6E6;
- border-left: none;
- }
- .ace_editor, .ace_editor * {
- font-family: "Monaco", "Menlo", "Ubuntu Mono", "Droid Sans Mono", "Consolas", monospace !important;
- font-size: 12px !important;
- font-weight: 400 !important;
- letter-spacing: 0 !important;
- }
- /* Layout Fields */
- .fl-layout-field-option {
- border: 2px solid #d9d9d9;
- border-radius: 3px;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- box-sizing: border-box !important;
- -moz-box-sizing: border-box !important;
- -webkit-box-sizing: border-box !important;
- cursor: pointer;
- float: left;
- line-height: 0;
- max-width: 23%;
- margin: 0 1% 2%;
- padding: 5px;
- }
- .fl-layout-field-option-selected,
- .fl-layout-field-option:hover {
- border-color: #ff0000;
- }
- .fl-layout-field-option img {
- max-width: 100%;
- }
- /* Link Field */
- .fl-link-field .fl-link-field-input-wrap {
- display: flex;
- flex-direction: row;
- }
- .fl-link-field-input {
- width: auto !important;
- flex: 1 1 100%;
- }
- .fl-link-field .fl-link-field-input-wrap button {
- flex: 0 0 0%;
- margin-left: 5px;
- }
- .fl-link-field-input {}
- .fl-link-field-search {
- display: none;
- border: 2px solid #e6eaed;
- border-radius: 3px;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- margin: 4px 0 0 0;
- padding: 10px;
- }
- .fl-link-field-search-title {
- display: block;
- margin: 0 0 3px 2px;
- }
- .fl-link-field-search-cancel {
- margin-top: 6px;
- }
- /* Tooltips */
- .fl-help-tooltip {
- display: inline-block;
- position: relative;
- }
- .fl-lightbox-width-slim .fl-help-tooltip {
- position: static;
- }
- .fl-help-tooltip-icon {
- color: #999 !important;
- cursor: pointer;
- /* font-family: Font Awesome\ 5 Free; */
- font-size: 15px !important;
- padding: 5px;
- vertical-align: middle;
- }
- .fl-help-tooltip-text {
- box-sizing: border-box;
- background: #fff;
- border: 1px solid #ccc;
- box-shadow: 0 0 5px #ccc;
- -moz-box-shadow: 0 0 5px #ccc;
- -webkit-box-shadow: 0 0 5px #ccc;
- display: none;
- font-weight: normal;
- left: 23px;
- padding: 10px 13px;
- position: absolute;
- top: -6px;
- width: 250px;
- z-index: 1000;
- border-radius: 4px;
- }
- .fl-lightbox-width-slim .fl-help-tooltip-text {
- top:30px;
- left:0;
- width: 100%;
- }
- /* Multiples */
- .fl-field-control .fl-form-field {
- margin-bottom: 0;
- }
- .fl-form-field-preview-text i {
- display: inline-block;
- font-size: 18px;
- line-height: 22px;
- margin-bottom: 5px;
- }
- .fl-builder-field-actions {
- padding-left: 0 !important;
- padding-right: 0 !important;
- text-align: center;
- width: 85px;
- }
- .fl-builder-field-actions i {
- color: #999 !important;
- cursor: pointer;
- font-size: 13px !important;
- line-height: 29px !important;
- width: 16px;
- }
- .fl-builder-field-actions i:hover {
- color: #000 !important;
- }
- .fl-builder-field-actions i.fl-builder-field-copy,
- .fl-builder-field-actions i.fl-builder-field-delete {
- margin-left: 5px;
- }
- .fl-builder-field-actions i.fl-builder-field-move {
- cursor: move;
- }
- .fl-builder-field-dd-helper {
- background: #ccc;
- height: 30px !important;
- float: left;
- width: 130px !important;
- }
- .fl-builder-field-dd-zone {
- border: 1px dashed #cccccc;
- height: 30px;
- }
- .fl-builder-field-actions-single .fl-builder-field-move,
- .fl-builder-field-actions-single .fl-builder-field-delete {
- display: none !important;
- }
- .fl-lightbox-width-slim .fl-builder-field-actions-single .fl-builder-field-copy {
- float: right !important;
- }
- .fl-builder-field-multiple .fl-field-label,
- .fl-builder-field-multiple .fl-field-control,
- .fl-builder-field-multiple .fl-builder-field-actions {
- padding-top:2px !important;
- padding-bottom:2px !important;
- }
- .fl-builder-field-multiple .fl-builder-field-actions {
- min-width: 70px !important;
- }
- .fl-builder-field-multiple[data-field="icons"] .fl-builder-field-actions {
- width: 70px !important;
- }
- /* Multiple item during drag */
- .fl-builder-field-multiple.ui-sortable-helper .fl-field-control {
- width: 60%; /* loose number because calc() doesn't work on table cells */
- }
- .fl-builder-field-multiple.ui-sortable-helper .fl-builder-field-actions {
- display: none;
- }
- /* Wordpress Widgets */
- .fl-builder-widget-settings input {
- display: inline-block !important;
- margin: 5px 10px 8px 10px !important;
- }
- /* Misc */
- .fl-builder-lightbox-loading {
- background: url(../img/ajax-loader.svg) center center no-repeat;
- height: 100px;
- }
- .fl-builder-settings .error,
- .fl-builder-settings input.error {
- color: #d03436 !important;
- }
- .fl-builder-settings label.error,
- .fl-builder-settings p.error {
- color: #d03436;
- display: block;
- margin-top: 5px;
- }
- .fl-builder-settings .fl-form-table .fl-field-description {
- color: #464646;
- font-style: normal;
- margin-left:2px;
- }
- .fl-lightbox .fl-field-connection {
- right: -1px;
- }
- .fl-lightbox .fl-field-connection-content {
- border: 2px solid transparent !important;
- background: #e4e7ea !important;
- }
- .fl-field-connection-content .fl-field-connection-label {
- color: #676f7a !important;
- }
- /* Auto Suggest */
- ul.as-selections {
- background-color: #fff;
- border:none;
- border-radius: 4px;
- box-shadow: none;
- color: #333;
- font-size: 12px;
- height: auto;
- line-height: 15px;
- margin: 1px;
- outline: none;
- padding: 3px;
- width: auto;
- }
- ul.as-selections.loading {
- background: url('../img/ajax-loader-small.svg') 98% center no-repeat;
- }
- ul.as-selections li.as-selection-item {
- background: #d4eaf6;
- border: none;
- -webkit-border-radius: 0;
- -moz-border-radius: 0px;
- -ms-border-radius: 0;
- -o-border-radius: 0;
- border-radius: 0;
- font-size: 11px;
- line-height: 14px;
- padding: 8px 15px;
- border-radius: 4px;
- margin: 2px;
- }
- ul.as-selections li.as-selection-item.blur {
- background: #f4f4f4;
- }
- ul.as-selections li.as-selection-item a.as-close {
- line-height: 12px;
- }
- ul.as-selections li.as-original {
- margin: 0;
- }
- ul.as-selections li.as-original input {
- height: auto;
- font-size: 12px;
- margin: 0;
- padding: 0;
- box-shadow: none;
- }
- ul.as-list {
- margin: 0;
- font-size: 13px;
- color: #000;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- background-color: #fff;
- background-color: rgba(255,255,255,.95);
- z-index: 2;
- -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
- -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
- box-shadow: 0 0 10px rgba(0,0,0,0.1);
- -webkit-border-radius: 0;
- -moz-border-radius: 0;
- -ms-border-radius: 0;
- -o-border-radius: 0;
- border-radius: 0;
- }
- ul.as-list {
- border: none;
- border: 1px solid #dfdfdf;
- border-radius: 3px;
- -moz-border-radius: 3px;
- -webkit-border-radius: 3px;
- }
- li.as-result-item, li.as-message {
- border: none;
- }
- li.as-result-item.active {
- background: #e5e5e5;
- -webkit-border-radius: 0;
- -moz-border-radius: 0;
- -ms-border-radius: 0;
- -o-border-radius: 0;
- border-radius: 0;
- color: #333;
- text-shadow: none;
- }
- li.as-result-item em {
- background: none !important;
- color: #333 !important;
- font-size: 12px;
- padding: 0 !important;
- font-weight: bold;
- }
- /* Loop Settings */
- .fl-custom-query-filter {
- display: none;
- }
- .fl-custom-query .fl-field[data-type="suggest"] select {
- margin-bottom: 5px;
- width: 100%;
- }
- /* Service Fields */
- .fl-builder-service-settings {
- position: relative;
- }
- .fl-builder-service-error {
- color: #ff0000 !important;
- padding: 15px 0 0 0;
- }
- .fl-builder-service-account-delete {
- color: #ff0000 !important;
- margin-left: 10px;
- position: relative;
- top: 2px;
- }
- .fl-builder-service-connect-row .fl-field-description,
- #fl-field-visibility_user_capability .fl-field-description {
- background: #f0f0f0;
- color: #333 !important;
- display: block;
- float: none;
- margin: 10px 0 0 0;
- padding: 10px;
- }
- .fl-builder-service-connect-row .fl-field-description a,
- #fl-field-visibility_user_capability .fl-field-description a {
- color: #21759b !important;
- text-decoration: underline !important;
- }
- /* Ordering Fields */
- .fl-ordering-field-option {
- background: #fff;
- border: 1px solid #dfdfdf;
- border-radius: 3px;
- cursor: move;
- margin-bottom: 5px;
- padding: 5px 10px;
- }
- .fl-ordering-field-option .fa {
- color: #ccc;
- float: right;
- line-height: 16px;
- }
- /* TipTip
- ------------------------------------------------------ */
- #tiptip_holder {
- z-index: 1000000;
- }
- #tiptip_holder.tip_top #tiptip_arrow_inner {
- border-top-color: #333;
- }
- #tiptip_holder.tip_bottom #tiptip_arrow_inner {
- border-bottom-color: #333;
- }
- #tiptip_holder.tip_right #tiptip_arrow_inner {
- border-right-color: #333;
- }
- #tiptip_holder.tip_left #tiptip_arrow_inner {
- border-left-color: #333;
- }
- #tiptip_content {
- background: #333;
- box-shadow: none;
- }
- /* @endgroup Settings Lightboxes */
- /* @group Help */
- /* Getting Started Video
- ------------------------------------------------------ */
- .fl-builder-getting-started-video {
- line-height: 0 !important;
- padding: 10px;
- }
- .fl-builder-getting-started-video iframe {
- border: none;
- height: 326px;
- width: 100%;
- }
- /* Help Tour
- ------------------------------------------------------ */
- .fl-builder-tour-actions .fl-builder-actions-title {
- font-size: 14px !important;
- line-height: 19px;
- }
- .fl-builder-tour-mask {
- bottom: 0;
- left: 0;
- position: fixed;
- right: 0;
- top: 0;
- z-index: 100000000;
- }
- .fl-builder-tour-dimmed {
- background: rgba( 0, 0, 0, 0.7 );
- bottom: 0;
- left: 0;
- position: absolute;
- right: 0;
- top: 0;
- }
- body > .fl-builder-tour-dimmed {
- position: fixed;
- }
- .tour-backdrop {
- z-index: 110000;
- }
- .popover[class*=tour-] {
- border: 1px solid #ccc;
- border-radius: 0;
- -webkit-box-shadow: 0 0 30px rgba(0,0,0,.3);
- box-shadow: 0 0 40px rgba(0,0,0,.3);
- color: #666;
- font-size: 13px;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-weight: normal;
- line-height: 18px;
- max-width: none;
- padding: 0;
- width: 300px;
- z-index: 100000001;
- }
- .popover[class*=tour-].bottom > .arrow {
- border-bottom-color: #ccc;
- }
- .popover[class*=tour-].bottom > .arrow:after {
- border-bottom-color: #f7f7f7;
- }
- .popover[class*=tour-] .popover-title {
- border-radius: 0;
- color: #333;
- letter-spacing: normal;
- text-transform: none;
- }
- .popover[class*=tour-] .fa-times {
- color: #b3b3b3;
- cursor: pointer;
- font-size: 16px;
- padding: 5px;
- position: absolute;
- right: 3px;
- top: 2px;
- }
- .popover[class*=tour-] .fa-times:hover {
- color: #666;
- }
- .popover[class*=tour-] .popover-content {
- border-bottom: 1px solid #d9d9d9;
- padding: 13px 15px;
- }
- .popover[class*=tour-] .fl-builder-tour-next {
- display: block;
- float: none;
- width: 100%;
- }
- .popover-navigation button {
- min-height: 36px;
- }
- /* @endgroup Help */
- /* @group Shortcodes
- ------------------------------------------------------ */
- .fl-builder-shortcode-mask-wrap {
- position: relative;
- }
- .fl-builder-shortcode-mask {
- bottom: -1px;
- left: -1px;
- position: absolute;
- right: -1px;
- top: -1px;
- z-index: 1;
- }
- /* @endgroup Shortcodes */
- /* @group Search
- ------------------------------------------------------------ */
- .fl-builder--search {
- border: 2px solid transparent;
- position:relative;
- padding:0;
- width:54px;
- transition-property: width;
- transition-delay: .1s;
- transition-duration: .15s;
- }
- .fl-builder--search.is-expanded {
- border: 2px solid #00A0D0;
- }
- .fl-builder--search input[type="text"],
- .fl-builder--search input[type="text"]:focus {
- background-color:transparent;
- border: none !important;
- box-sizing: border-box;
- width:100%;
- font-size:16px;
- text-align: center;
- }
- .fl-builder--search:before {
- display: flex;
- position: absolute;
- top:0;
- left:0;
- align-items: center;
- justify-content: center;
- content: "\f002";
- font: normal normal normal 14px/1 Font Awesome\ 5 Free;
- text-align: center;
- width: 100%;
- height:100%;
- position: absolute;
- pointer-events: none;
- color: rgba(128,128,128,0.6);
- font-size: 17px;
- opacity:1;
- transition-property: opacity;
- transition-duration: .15s;
- }
- .fl-builder--search.is-expanded:before,
- .fl-builder--search.has-text:before {
- opacity:0;
- }
- .fl-builder--search input::-webkit-input-placeholder {
- color: rgba(128,128,128,0) !important;
- transition: color .25s;
- }
- .fl-builder--search input:focus::-webkit-input-placeholder {
- color: rgba(128,128,128,0.4) !important;
- }
- .fl-builder--search .search-label {
- cursor: text;
- }
- .fl-builder--search .search-clear {
- display: none;
- padding: 10px 10px 10px 30px;
- color: #a7a7a7;
- font-size: 12px;
- position: absolute;
- right: 0;
- top: 0;
- background-color: #eff1f2;
- background: linear-gradient(to left, #e4e7ea, #e4e7ea 75%, rgba(228, 231, 234, 0) );
- }
- .fl-builder--search:hover .search-clear {
- color: #888888;
- background-color: #eff1f2;
- background: linear-gradient(to left, #dadfe5, #dadfe5 75%, rgba(218, 223, 229, 0) );
- }
- .fl-builder--search.has-text .search-clear {
- display:inline-block;
- }
- .fl-builder--search.is-expanded {
- width: 246px;
- }
- .fl-builder--search.is-expanded input {
- display: inline-block;
- }
- /* @endgroup Search */
- /* @group Main Menu
- ------------------------------------------------------ */
- @keyframes fl-builder-show-menu-item {
- from {
- transform: translateY(10px) scale(.8);
- opacity:0;
- }
- to {
- transform: translateX(0px) translateY(0px) scale(1);
- opacity:1;
- }
- }
- .fl-builder--main-menu-panel {
- display:none;
- box-sizing: border-box;
- position: fixed;
- top:calc(48px + 10px);
- left: 10px;
- width: 360px;
- color: #222;
- max-height: calc(100% - 66px);
- border-radius: 4px;
- background: #ffffff;
- border: 2px solid #D5DADD;
- border-top: 3px solid #00a0d2;
- box-shadow: 0px 15px 45px 8px rgba(0, 0, 0, 0.04);
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
- font-size: 14px !important;
- /* Prevent select */
- -webkit-touch-callout: none; /* iOS Safari */
- -webkit-user-select: none; /* Chrome/Safari/Opera */
- -moz-user-select: none; /* Firefox */
- -ms-user-select: none; /* Internet Explorer/Edge */
- user-select: none; /* Non-prefixed version, currently
- not supported by any browser */
- z-index: 10000009;
- pointer-events: auto;
- }
- .fl-builder--main-menu-panel.is-showing {
- display:flex;
- }
- .fl-builder--main-menu-panel:before,
- .fl-theme-builder-preview-select-open .fl-theme-builder-preview-select-items:before {
- bottom: 100%;
- right: 6px;
- content: " ";
- height: 0;
- width: 0;
- position: absolute;
- pointer-events: none;
- border: solid;
- border-color: rgba(255, 255, 255, 0);
- border-bottom-color: #00a0d2;
- border-width: 13px;
- margin-left: -13px;
- }
- .fl-builder--main-menu-panel-views {
- flex: 1 1 100%;
- overflow: auto;
- }
- .fl-builder--main-menu-panel-mask {
- display:none;
- position: fixed;
- top:0;
- left:0;
- right:0;
- bottom:0;
- z-index: 1000119;
- }
- .fl-builder--main-menu-panel .fl-builder--tabs {
- padding-left:20px;
- padding-top: 15px;
- }
- .fl-builder--main-menu-panel-view {
- display:none;
- }
- .fl-builder--main-menu-panel-view.is-showing {
- display:block;
- }
- .fl-builder--main-menu-panel-view-title {
- font-size: 24px;
- font-weight: 600;
- padding: 25px 22px 0;
- line-height: 1;
- white-space: nowrap;
- }
- .fl-builder--main-menu-panel-view-title .title-accessory {
- float:right;
- color: #b1b1b1;
- }
- .fl-builder--main-menu-panel-view-title .title-accessory > i {
- font-size: 20px !important;
- width: 25px !important;
- }
- .fl-builder--main-menu-panel-view-title .title-accessory > i:hover {
- color: #222222;
- }
- .fl-builder--main-menu-panel-view-title .pop-view {
- padding: 10px;
- padding-right: 10px;
- margin-left: -10px;
- opacity: .5;
- font-size: 25px;
- font-weight: 400;
- cursor: pointer;
- background: transparent;
- outline: none;
- border: none;
- color: inherit;
- }
- .fl-builder--main-menu-panel-view-title .pop-view:focus {
- outline:none;
- top:0;
- background: #E5EAED !important;
- }
- .fl-builder--menu-item:before {
- display:block;
- content: "";
- float:none;
- clear:both;
- }
- .fl-builder--menu-item {
- color: inherit;
- text-align: left;
- box-sizing: border-box;
- display: block;
- padding: 10px 15px;
- margin:0 10px;
- width: calc(100% - 20px);
- background: transparent;
- border: none;
- border-radius: 4px;
- font-size:14px;
- line-height: 1.1;
- cursor: pointer;
- opacity:1;
- }
- .fl-builder--menu-item:hover {
- background: #eaf1f8;
- border:none;
- text-decoration: none;
- color: #000000;
- }
- .fl-builder--selector-menu .fl-builder--menu-item:hover {
- background:white;
- }
- .fl-builder--menu-item-accessory {
- float:right;
- text-align: center;
- display: inline-block;
- min-width: 40px;
- font-size: 14px;
- }
- .fl-builder--menu-item-accessory.view-arrow {
- font-size: 18px;
- }
- .fl-builder--menu {
- padding:0;
- margin:20px 0;
- }
- .fl-builder--menu hr {
- margin: 8px 0;
- background-color: #e6eaed !important;
- height: 2px;
- border: none;
- }
- .fl-builder--menu .fl-builder-video-wrap {
- padding: 0px 10px 10px;
- }
- /* @endgroup Main Menu */
- /* @group Revisions
- ------------------------------------------------------ */
- /* Revisions items */
- .fl-revision-list-item {
- display: flex;
- }
- .fl-revision-list-item-text {
- padding-left: 15px;
- }
- .fl-revision-list-item-date {
- padding-bottom: 5px;
- }
- /* Revision actions */
- .fl-builder--revision-actions {
- display:none;
- position: fixed;
- top: 4px;
- left: 4px;
- z-index: 100008;
- padding: 4px 4px 6px;
- justify-content: center;
- background:white;
- border-radius: 4px;
- }
- .fl-builder--revision-actions * {
- margin-right: 5px;
- }
- .fl-builder--revision-actions *:last-child {
- margin: 0;
- }
- /* No revisions message */
- .fl-builder--menu-item[data-event="noRevisionsMessage"]:hover {
- background: transparent;
- box-shadow: none;
- cursor: default;
- }
- .fl-no-revisions-message-title {
- font-weight: bold;
- margin-bottom: 10px;
- }
- .fl-no-revisions-message-text {
- line-height: 22px;
- }
- /* @endgroup Revisions */
- /* @group Modules
- ------------------------------------------------------ */
- .fl-builder-module-placeholder-message {
- border: 1px dashed #ccc;
- overflow: hidden;
- padding: 20px;
- text-align: center;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- /* @endgroup Modules */
- /* @group Misc
- ------------------------------------------------------ */
- .fl-field-connections-menu {
- z-index: 999999;;
- }
- .fl-field-connections-toggle {
- right: -30px !important;
- }
- /* @endgroup Misc */
- /* @group 2.0 Compat
- Rules to ensure compatibility with v2.0.
- ------------------------------------------------------ */
- .uabb-live-preview-button,
- .pp-preview-button,
- .fl-builder-pp-add-template-button,
- .fl-builder-add-ultimate-rows-button,
- .fl-builder-add-ultimate-presets-button {
- display: none !important;
- }
- /* @endgroup 2.0 Compat */
- /* @group jQuery UI */
- /* Resizable
- ------------------------------------------------------ */
- .ui-resizable {
- position: relative;
- }
- .ui-resizable-handle {
- position: absolute;
- font-size: 0.1px;
- display: block;
- -ms-touch-action: none;
- touch-action: none;
- background: transparent;
- transition-property: background;
- transition-duration: .15s;
- }
- .ui-resizable-disabled .ui-resizable-handle,
- .ui-resizable-autohide .ui-resizable-handle {
- display: none;
- }
- .ui-resizable-n {
- cursor: n-resize;
- height: 7px;
- width: 100%;
- top: -5px;
- left: 0;
- }
- .ui-resizable-s {
- cursor: s-resize;
- height: 7px;
- width: 100%;
- bottom: -5px;
- left: 0;
- }
- .ui-resizable-e {
- cursor: e-resize;
- width: 7px;
- right: -5px;
- top: 0;
- height: 100%;
- }
- .ui-resizable-w {
- cursor: w-resize;
- width: 7px;
- left: -5px;
- top: 0;
- height: 100%;
- }
- .ui-resizable-se {
- cursor: se-resize;
- width: 12px;
- height: 12px;
- right: -4px;
- bottom: -4px;
- }
- .ui-resizable-sw {
- cursor: sw-resize;
- width: 12px;
- height: 12px;
- left: -4px;
- bottom: -4px;
- }
- .ui-resizable-nw {
- cursor: nw-resize;
- width: 12px;
- height: 12px;
- left: -4px;
- top: -4px;
- }
- .ui-resizable-ne {
- cursor: ne-resize;
- width: 12px;
- height: 12px;
- right: -4px;
- top: -4px;
- }
- .fl-builder-resizable-iframe-fix {
- position: absolute;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- z-index: 100000000;
- }
- .fl-lightbox .ui-resizable-handle:hover,
- .fl-lightbox .ui-resizable-handle:active,
- .fl-builder-panel .ui-resizable-handle:hover,
- .fl-builder-panel .ui-resizable-handle:active {
- background: #00a0d2;
- }
- .fl-lightbox .ui-resizable-n,
- .fl-lightbox .ui-resizable-s,
- .fl-builder-panel .ui-resizable-n,
- .fl-builder-panel .ui-resizable-s {
- height: 6px;
- }
- .fl-lightbox .ui-resizable-n,
- .fl-builder-panel .ui-resizable-n {
- top: -3px;
- }
- .fl-lightbox .ui-resizable-s,
- .fl-builder-panel .ui-resizable-s {
- bottom: -3px;
- }
- .fl-lightbox .ui-resizable-e,
- .fl-lightbox .ui-resizable-w,
- .fl-builder-panel .ui-resizable-e,
- .fl-builder-panel .ui-resizable-w {
- width: 6px;
- }
- .fl-lightbox .ui-resizable-e,
- .fl-builder-panel .ui-resizable-e {
- right: -3px;
- }
- .fl-lightbox .ui-resizable-w,
- .fl-builder-panel .ui-resizable-w {
- left: -3px;
- }
- .fl-lightbox .ui-resizable-ne,
- .fl-lightbox .ui-resizable-nw,
- .fl-lightbox .ui-resizable-se,
- .fl-lightbox .ui-resizable-sw {
- background: transparent;
- border: 6px solid transparent;
- }
- .fl-lightbox .ui-resizable-ne:hover,
- .fl-lightbox .ui-resizable-nw:hover,
- .fl-lightbox .ui-resizable-se:hover,
- .fl-lightbox .ui-resizable-sw:hover,
- .fl-lightbox .ui-resizable-ne:active,
- .fl-lightbox .ui-resizable-nw:active,
- .fl-lightbox .ui-resizable-se:active,
- .fl-lightbox .ui-resizable-sw:active {
- background:transparent;
- border-color: #00a0d2;
- }
- .fl-lightbox .ui-resizable-ne {
- border-bottom:none;
- border-left:none;
- border-top-right-radius: 4px;
- }
- .fl-lightbox .ui-resizable-nw {
- border-bottom:none;
- border-right:none;
- border-top-left-radius: 4px;
- }
- .fl-lightbox .ui-resizable-se {
- border-top:none;
- border-left:none;
- border-bottom-right-radius: 4px;
- }
- .fl-lightbox .ui-resizable-sw {
- border-top:none;
- border-right:none;
- border-bottom-left-radius: 4px;
- }
- /* @endgroup jQuery UI */
- .fl-builder-ui-keyboard-shortcuts {
- display:none;
- position: fixed;
- top:0;
- left:0;
- bottom:0;
- right:0;
- z-index: 999999;
- justify-content: center;
- align-items: center;
- background: rgba(50, 50, 50, 0.88);
- font-size: 15px;
- line-height: 1.3;
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
- user-select: none;
- }
- .fl-builder-ui-keyboard-shortcuts.is-showing {
- display: flex;
- }
- .fl-builder-ui-keyboard-shortcuts-content {
- box-sizing: border-box;
- width: 500px;
- background: #f5f7f9;
- border-radius: 4px;
- padding: 30px 0 0;
- box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);
- }
- .fl-builder-ui-keyboard-shortcut-item {
- display: flex;
- flex-direction: row;
- align-items: center;
- padding:12px 40px;
- }
- .fl-builder-ui-keyboard-shortcut-item:nth-child(even) {
- background: #eef2f5;
- }
- .fl-builder-ui-shortcut-keycode {
- margin-left: auto;
- text-transform:uppercase;
- letter-spacing: 2px;
- }
- .fl-builder-ui-keyboard-shortcust-footer {
- display: flex;
- flex-direction: row;
- justify-content: center;
- padding: 10px;
- }
- .dismiss-shortcut-ui {
- padding:10px;
- border-radius:4px;
- background:white;
- color: black;
- border:none;
- font-size: 14px;
- border: 2px solid white;
- }
- .dismiss-shortcut-ui:hover {
- top:0;
- color: black;
- background: #eef2f5;
- border: 2px solid #eef2f5;
- }
- .dismiss-shortcut-ui:focus {
- top:0;
- color: black;
- background: #eef2f5;
- border: 2px solid #eef2f5;
- }
|